@fremtind/jokul 0.44.6 → 0.45.0

package/build/es/components/tooltip/types.d.ts

@@ -0,0 +1,41 @@
+import { Placement } from '@floating-ui/react';
+import { HTMLProps, ReactNode } from 'react';
+export interface PopupTipProps extends Omit<TooltipProps, "triggerOn" | "children"> {
+    /**
+     * Innholdet i tooltipet som vises
+     */
+    content: ReactNode;
+    /**
+     * Eventuelle props du vil sette på trigger-knappen for tooltipet
+     */
+    triggerProps?: Omit<HTMLProps<HTMLButtonElement>, "children" | "type">;
+}
+export type TooltipPlacement = Extract<Placement, "top-start" | "top-end" | "left" | "right" | "top">;
+export interface TooltipProps {
+    /**
+     * Sett til true dersom du ønsker at tooltipen skal være åpen som default
+     * @default false
+     */
+    initialOpen?: boolean;
+    /**
+     * En funksjon som skal kalles når Tooltip åpnes eller lukkes
+     * @param open Hvorvidt tooltip endres til å være åpen eller ikke
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Plassering av tooltipen i forhold til triggeren. Tooltipen vil automatisk
+     * bytte posisjon dersom det ikke er plass.
+     * @default "top"
+     */
+    placement?: TooltipPlacement;
+    /**
+     * Valgfri forsinkelse før tooltipen åpner. Ignoreres dersom triggerOn er satt til "click"
+     * @default 250
+     */
+    delay?: number;
+    /**
+     * Angir om tooltipen skal åpnes ved klikk eller hover
+     * @default "hover"
+     */
+    triggerOn?: "click" | "hover";
+}

package/build/es/components/tooltip/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/build/es/components/tooltip/types.js.map

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

package/build/es/index.js

@@ -1,2 +1,2 @@
-import{Accordion as o}from"./components/accordion/Accordion.js";import{AccordionItem as s}from"./components/accordion/AccordionItem.js";import{Autosuggest as e}from"./components/autosuggest/Autosuggest.js";import{Breadcrumb as a}from"./components/breadcrumb/Breadcrumb.js";import{BreadcrumbItem as t}from"./components/breadcrumb/BreadcrumbItem.js";import{Button as r,PrimaryButton as n,SecondaryButton as i,TertiaryButton as m}from"./components/button/Button.js";import{Card as p}from"./components/card/Card.js";import{CardImage as c}from"./components/card/CardImage.js";import{InfoBlock as l,NavCard as u}from"./components/card/NavCard.js";import{TaskCard as d}from"./components/card/TaskCard.js";import{InfoCard as f}from"./components/card/InfoCard.js";import{Checkbox as g}from"./components/checkbox/Checkbox.js";import{Combobox as j,getComboboxValuePair as b}from"./components/combobox/Combobox.js";import{CookieConsent as I}from"./components/cookie-consent/CookieConsent.js";import{CookieConsentProvider as T,useCookieConsent as k}from"./components/cookie-consent/CookieConsentContext.js";import{DatePicker as C}from"./components/datepicker/DatePicker.js";import{isCorrectFormat as h,isWithinLowerBound as S,isWithinUpperBound as v}from"./components/datepicker/validation.js";import{formatInput as M,isBlurTargetOutside as A,parseDateString as E}from"./components/datepicker/utils.js";import{Feedback as L}from"./components/feedback/Feedback.js";import{PRESETS as x}from"./components/feedback/presets.js";import{File as R}from"./components/file-input/File.js";import{FileInput as B}from"./components/file-input/FileInput.js";import{upload as P}from"./components/file-input/utils.js";import{Flex as w}from"./components/flex/Flex.js";import{DescriptionDetail as F,DescriptionList as N,DescriptionTerm as D}from"./components/description-list/DescriptionList.js";import{ExpandablePanel as V}from"./components/expander/ExpandablePanel.js";import{Expander as y}from"./components/expander/Expander.js";import{ExpandSection as O}from"./components/expander/deprecated/ExpandSection.js";import{Icon as G}from"./components/icon/Icon.js";import{ArrowVerticalAnimated as H}from"./components/icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as W}from"./components/icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as U}from"./components/icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as K}from"./components/icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as X}from"./components/icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as _}from"./components/icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as z}from"./components/icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as Q}from"./components/icon/icons/ArrowUpIcon.js";import{CalendarIcon as J}from"./components/icon/icons/CalendarIcon.js";import{CheckIcon as q}from"./components/icon/icons/CheckIcon.js";import{ChevronDownIcon as Y}from"./components/icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as Z}from"./components/icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as $}from"./components/icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as oo}from"./components/icon/icons/ChevronUpIcon.js";import{CloseIcon as so}from"./components/icon/icons/CloseIcon.js";import{CopyIcon as eo}from"./components/icon/icons/CopyIcon.js";import{DotsIcon as ao}from"./components/icon/icons/DotsIcon.js";import{DragIcon as to}from"./components/icon/icons/DragIcon.js";import{ErrorIcon as ro}from"./components/icon/icons/ErrorIcon.js";import{GreenCheckIcon as no}from"./components/icon/icons/GreenCheckIcon.js";import{HamburgerIcon as io}from"./components/icon/icons/HamburgerIcon.js";import{InfoIcon as mo}from"./components/icon/icons/InfoIcon.js";import{LinkIcon as po}from"./components/icon/icons/LinkIcon.js";import{MinusIcon as co}from"./components/icon/icons/MinusIcon.js";import{OpenInNewIcon as lo}from"./components/icon/icons/OpenInNewIcon.js";import{PenIcon as uo}from"./components/icon/icons/PenIcon.js";import{PlusIcon as fo}from"./components/icon/icons/PlusIcon.js";import{QuestionIcon as go}from"./components/icon/icons/QuestionIcon.js";import{RedCrossIcon as jo}from"./components/icon/icons/RedCrossIcon.js";import{SearchIcon as bo}from"./components/icon/icons/SearchIcon.js";import{SuccessIcon as Io}from"./components/icon/icons/SuccessIcon.js";import{ThumbDownIcon as To}from"./components/icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as ko}from"./components/icon/icons/ThumbUpIcon.js";import{TrashCanIcon as Co}from"./components/icon/icons/TrashCanIcon.js";import{WarningIcon as ho}from"./components/icon/icons/WarningIcon.js";import{IconButton as So}from"./components/icon-button/IconButton.js";import{Image as vo}from"./components/image/Image.js";import{FieldGroup as Mo}from"./components/input-group/FieldGroup.js";import{InputGroup as Ao}from"./components/input-group/InputGroup.js";import{Label as Eo}from"./components/input-group/Label.js";import{SupportLabel as Lo}from"./components/input-group/SupportLabel.js";import{CheckboxPanel as xo}from"./components/input-panel/CheckboxPanel.js";import{RadioPanel as Ro}from"./components/input-panel/RadioPanel.js";import{RadioPanelGroup as Bo}from"./components/input-panel/RadioPanelGroup.js";import{Link as Po}from"./components/link/Link.js";import{NavLink as wo}from"./components/link/NavLink.js";import{LinkList as Fo}from"./components/link-list/LinkList.js";import{List as No,OrderedList as Do,UnorderedList as Vo}from"./components/list/List.js";import{CheckListItem as yo,CrossListItem as Oo,ListItem as Go}from"./components/list/ListItem.js";import{Loader as Ho}from"./components/loader/Loader.js";import{SkeletonAnimation as Wo}from"./components/loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as Uo}from"./components/loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as Ko}from"./components/loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as Xo}from"./components/loader/skeletons/SkeletonElement.js";import{SkeletonInput as _o}from"./components/loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as zo}from"./components/loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as Qo,SkeletonTableHeader as Jo,SkeletonTableRow as qo}from"./components/loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as Yo}from"./components/loader/skeletons/SkeletonTextArea.js";import{Logo as Zo}from"./components/logo/Logo.js";import{LogoStamp as $o}from"./components/logo/LogoStamp.js";import{ForsikringLevertAvFremtind as os}from"./components/logo/text-paths/ForsikringLevertAvFremtind.js";import{FraSB1ogDNB as ss}from"./components/logo/text-paths/FraSB1ogDNB.js";import{InnovasjonFraFremtind as es}from"./components/logo/text-paths/InnovasjonFraFremtind.js";import{TeknologiFraFremtind as as}from"./components/logo/text-paths/TeknologiFraFremtind.js";import{VartEgetForsikringsselskap as ts}from"./components/logo/text-paths/VartEgetForsikringsselskap.js";import{VartForsikringsselskap as rs}from"./components/logo/text-paths/VartForsikringsselskap.js";import{Menu as ns}from"./components/menu/Menu.js";import{MenuItem as is}from"./components/menu/MenuItem.js";import{MenuItemCheckbox as ms}from"./components/menu/MenuItemCheckbox.js";import{MenuDivider as ps}from"./components/menu/MenuDivider.js";import{ErrorMessage as cs,InfoMessage as ls,SuccessMessage as us,WarningMessage as ds}from"./components/message/Message.js";import{FormErrorMessage as fs}from"./components/message/FormErrorMessage.js";import{Modal as gs,ModalActions as js,ModalBody as bs,ModalCloseButton as Is,ModalContainer as Ts,ModalHeader as ks,ModalOverlay as Cs,ModalTitle as hs}from"./components/modal/Modal.js";import{useModal as Ss}from"./components/modal/useModal.js";import{Pagination as vs}from"./components/pagination/Pagination.js";import{Popover as Ms}from"./components/popover/Popover.js";import{Countdown as As}from"./components/progress-bar/Countdown.js";import{ProgressBar as Es}from"./components/progress-bar/ProgressBar.js";import{RadioButton as Ls}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as xs}from"./components/radio-button/RadioButtonGroup.js";import{BaseRadioButton as Rs}from"./components/radio-button/BaseRadioButton.js";import{Select as Bs}from"./components/select/Select.js";import{NativeSelect as Ps}from"./components/select/NativeSelect.js";import{SummaryTable as ws}from"./components/summary-table/SummaryTable.js";import{SummaryTableRow as Fs}from"./components/summary-table/SummaryTableRow.js";import{ErrorSystemMessage as Ns,InfoSystemMessage as Ds,SuccessSystemMessage as Vs,WarningSystemMessage as ys}from"./components/system-message/SystemMessage.js";import{DataTable as Os}from"./components/table/DataTable.js";import{Table as Gs}from"./components/table/Table.js";import{TableBody as Hs}from"./components/table/TableBody.js";import{TableCaption as Ws}from"./components/table/TableCaption.js";import{TableCell as Us}from"./components/table/TableCell.js";import{TableColumn as Ks}from"./components/table/TableColumn.js";import{TableColumnGroup as Xs}from"./components/table/TableColumnGroup.js";import{TableContextProvider as _s,useTableContext as zs}from"./components/table/tableContext.js";import{TableSectionContextProvider as Qs,useTableSectionContext as Js}from"./components/table/tableSectionContext.js";import{TableFooter as qs}from"./components/table/TableFooter.js";import{TableHead as Ys}from"./components/table/TableHead.js";import{TableHeader as Zs}from"./components/table/TableHeader.js";import{TablePagination as $s}from"./components/table/TablePagination.js";import{TableRow as oe}from"./components/table/TableRow.js";import{ExpandableTableRow as se}from"./components/table/ExpandableTableRow.js";import{ExpandableTableRowController as ee}from"./components/table/ExpandableTableRowController.js";import{useSortableTableHeader as ae}from"./components/table/utils.js";import{NavTab as te}from"./components/tabs/NavTab.js";import{NavTabs as re}from"./components/tabs/NavTabs.js";import{Tabs as ne}from"./components/tabs/Tabs.js";import{TabList as ie}from"./components/tabs/TabList.js";import{Tab as me}from"./components/tabs/Tab.js";import{TabPanel as pe}from"./components/tabs/TabPanel.js";import{ErrorTag as ce,InfoTag as le,SuccessTag as ue,Tag as de,WarningTag as fe}from"./components/tag/Tag.js";import{BaseTextArea as ge}from"./components/text-input/BaseTextArea.js";import{BaseTextInput as je}from"./components/text-input/BaseTextInput.js";import{TextArea as be}from"./components/text-input/TextArea.js";import{TextInput as Ie}from"./components/text-input/TextInput.js";import{ToastProvider as Te,useToast as ke}from"./components/toast/toastContext.js";import{ToggleSwitch as Ce}from"./components/toggle-switch/ToggleSwitch.js";import{ToggleSlider as he}from"./components/toggle-switch/ToggleSlider.js";import{Tooltip as Se}from"./components/tooltip/Tooltip.js";import{TooltipContent as ve}from"./components/tooltip/TooltipContent.js";import{TooltipTrigger as Me}from"./components/tooltip/TooltipTrigger.js";import{PopupTip as Ae}from"./components/tooltip/PopupTip.js";import{ScreenReaderOnly as Ee}from"./components/ScreenReaderOnly.js";import{default as Le}from"./core/tokens.js";import{useAnimatedDetails as xe}from"./hooks/useAnimatedDetails/useAnimatedDetails.js";import{useAnimatedHeight as Re}from"./hooks/useAnimatedHeight/useAnimatedHeight.js";import{useAnimatedHeightBetween as Be}from"./hooks/useAnimatedHeight/useAnimatedHeightBetween.js";import{useAutoAnimatedHeight as Pe}from"./hooks/useAnimatedHeight/useAutoAnimateHeight.js";import{useBrowserPreferences as we}from"./hooks/useBrowserPreferences/useBrowserPreferences.js";import{useIntersectionObserver as Fe}from"./hooks/useIntersectionObserver/useIntersectionObserver.js";import{useLocalStorage as Ne}from"./hooks/useLocalStorage/useLocalStorage.js";import{useMutationObserver as De}from"./hooks/useMutationObserver/useMutationObserver.js";import{usePreviousValue as Ve}from"./hooks/usePreviousValue/usePreviousValue.js";import{useProgressiveImg as ye}from"./hooks/useProgressiveImg/useProgressiveImg.js";import{useScreen as Oe}from"./hooks/useScreen/useScreen.js";import{useScrollIntoView as Ge}from"./hooks/useScrollIntoView/useScrollIntoView.js";import{useAriaLiveRegion as He}from"./hooks/useAriaLiveRegion/useAriaLiveRegion.js";import{useClickOutside as We}from"./hooks/useClickOutside/useClickOutside.js";import{useFocusOutside as Ue}from"./hooks/useFocusOutside/useFocusOutside.js";import{useElementDimensions as Ke}from"./hooks/useElementDimensions/useElementDimensions.js";import{useId as Xe}from"./hooks/useId/useId.js";import{useKeyListener as _e}from"./hooks/useKeyListener/useKeyListener.js";import{useListNavigation as ze}from"./hooks/useListNavigation/useListNavigation.js";import{useSwipeGesture as Qe}from"./hooks/useSwipeGesture/useSwipeGesture.js";import{u as Je}from"../index-CWRMnfcx.js";import{formatNumber as qe}from"./utilities/formatters/util/formatNumber.js";import{parseNumber as Ye}from"./utilities/formatters/util/parseNumber.js";import{registerWithFodselsnummerMask as Ze,registerWithKontonummerMask as $e,registerWithKortnummerMask as oa,registerWithMasks as sa,registerWithTelefonnummerMask as ea}from"./utilities/formatters/util/registerWithMask.js";import{formatAvstand as aa}from"./utilities/formatters/avstand/formatAvstand.js";import{formatBytes as ta}from"./utilities/formatters/bytes/formatBytes.js";import{formatDate as ra}from"./utilities/formatters/date/formatDate.js";import{FODSELSNUMMER_REGEX as na,formatFodselsnummer as ia}from"./utilities/formatters/fodselsnummer/formatFodselsnummer.js";import{ORGANISASJONSNUMMER_REGEX as ma,formatOrganisasjonsnummer as pa}from"./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js";import{KONTONUMMER_REGEX as ca,formatKontonummer as la}from"./utilities/formatters/kontonummer/formatKontonummer.js";import{KORTNUMMER_REGEX as ua,formatKortnummer as da}from"./utilities/formatters/kortnummer/formatKortnummer.js";import{TELEFONNUMMER_REGEX as fa,formatTelefonnummer as ga}from"./utilities/formatters/telefonnummer/formatTelefonnummer.js";import{formatValuta as ja}from"./utilities/formatters/valuta/formatValuta.js";import{getThemeAndDensity as ba}from"./utilities/getThemeAndDensity.js";import{mergeProps as Ia}from"./utilities/polymorphism/mergeProps.js";import{mergeRefs as Ta}from"./utilities/polymorphism/mergeRefs.js";import{SlotComponent as ka}from"./utilities/polymorphism/SlotComponent.js";import{isValidEpost as Ca}from"./utilities/validators/isValidEpost/isValidEpost.js";import{isValidTelefonnummer as ha}from"./utilities/validators/isValidTelefonnummer/isValidTelefonnummer.js";import{isValidRegistreringsnummer as Sa}from"./utilities/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.js";import{isValidChassisnummer as va}from"./utilities/validators/isValidChassisnummer/isValidChassisnummer.js";import{isValidDogId as Ma}from"./utilities/validators/isValidDogId/isValidDogId.js";import{isExactLength as Aa}from"./utilities/validators/isExactLength/isExactLength.js";import{isInteger as Ea}from"./utilities/validators/isInteger/isInteger.js";import{isValidFodselsnummer as La}from"./utilities/validators/isValidFodselsnummer/isValidFodselsnummer.js";import{isValidOrganisasjonsnummer as xa}from"./utilities/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.js";import{isValidName as Ra}from"./utilities/validators/isValidName/isValidName.js";import{hasMinimumWords as Ba}from"./utilities/validators/hasMinimumWords/hasMinimumWords.js";import{hasNoIllegalCharacters as Pa}from"./utilities/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.js";import{initTabListener as wa}from"./utilities/tabListener.js";import{getValuePair as Fa}from"./utilities/valuePair.js";export{o as Accordion,s as AccordionItem,K as ArrowDownIcon,W as ArrowHorizontalAnimated,X as ArrowLeftIcon,_ as ArrowNorthEastIcon,z as ArrowRightIcon,Q as ArrowUpIcon,H as ArrowVerticalAnimated,e as Autosuggest,Rs as BaseRadioButton,ge as BaseTextArea,je as BaseTextInput,a as Breadcrumb,t as BreadcrumbItem,r as Button,J as CalendarIcon,p as Card,c as CardImage,q as CheckIcon,yo as CheckListItem,g as Checkbox,xo as CheckboxPanel,Y as ChevronDownIcon,Z as ChevronLeftIcon,$ as ChevronRightIcon,oo as ChevronUpIcon,so as CloseIcon,j as Combobox,I as CookieConsent,T as CookieConsentProvider,eo as CopyIcon,As as Countdown,Oo as CrossListItem,Os as DataTable,C as DatePicker,F as DescriptionDetail,N as DescriptionList,D as DescriptionTerm,ao as DotsIcon,to as DragIcon,ro as ErrorIcon,cs as ErrorMessage,Ns as ErrorSystemMessage,ce as ErrorTag,O as ExpandSection,V as ExpandablePanel,se as ExpandableTableRow,ee as ExpandableTableRowController,y as Expander,na as FODSELSNUMMER_REGEX,L as Feedback,Mo as FieldGroup,R as File,B as FileInput,w as Flex,fs as FormErrorMessage,os as ForsikringLevertAvFremtind,ss as FraSB1ogDNB,no as GreenCheckIcon,io as HamburgerIcon,G as Icon,So as IconButton,vo as Image,l as InfoBlock,f as InfoCard,mo as InfoIcon,ls as InfoMessage,Ds as InfoSystemMessage,le as InfoTag,es as InnovasjonFraFremtind,Ao as InputGroup,ca as KONTONUMMER_REGEX,ua as KORTNUMMER_REGEX,Eo as Label,Po as Link,po as LinkIcon,Fo as LinkList,No as List,Go as ListItem,Ho as Loader,Zo as Logo,$o as LogoStamp,ns as Menu,ps as MenuDivider,is as MenuItem,ms as MenuItemCheckbox,co as MinusIcon,gs as Modal,js as ModalActions,bs as ModalBody,Is as ModalCloseButton,Ts as ModalContainer,ks as ModalHeader,Cs as ModalOverlay,hs as ModalTitle,Ps as NativeSelect,u as NavCard,wo as NavLink,te as NavTab,re as NavTabs,ma as ORGANISASJONSNUMMER_REGEX,lo as OpenInNewIcon,Do as OrderedList,x as PRESETS,vs as Pagination,uo as PenIcon,fo as PlusIcon,U as PlusRemoveAnimated,Ms as Popover,Ae as PopupTip,n as PrimaryButton,Es as ProgressBar,go as QuestionIcon,Ls as RadioButton,xs as RadioButtonGroup,Ro as RadioPanel,Bo as RadioPanelGroup,jo as RedCrossIcon,Ee as ScreenReaderOnly,bo as SearchIcon,i as SecondaryButton,Bs as Select,Wo as SkeletonAnimation,Uo as SkeletonButton,Ko as SkeletonCheckboxGroup,Xo as SkeletonElement,_o as SkeletonInput,zo as SkeletonRadioButtonGroup,Qo as SkeletonTable,Jo as SkeletonTableHeader,qo as SkeletonTableRow,Yo as SkeletonTextArea,ka as SlotComponent,Io as SuccessIcon,us as SuccessMessage,Vs as SuccessSystemMessage,ue as SuccessTag,ws as SummaryTable,Fs as SummaryTableRow,Lo as SupportLabel,fa as TELEFONNUMMER_REGEX,me as Tab,ie as TabList,pe as TabPanel,Gs as Table,Hs as TableBody,Ws as TableCaption,Us as TableCell,Ks as TableColumn,Xs as TableColumnGroup,_s as TableContextProvider,qs as TableFooter,Ys as TableHead,Zs as TableHeader,$s as TablePagination,oe as TableRow,Qs as TableSectionContextProvider,ne as Tabs,de as Tag,d as TaskCard,as as TeknologiFraFremtind,m as TertiaryButton,be as TextArea,Ie as TextInput,To as ThumbDownIcon,ko as ThumbUpIcon,Te as ToastProvider,he as ToggleSlider,Ce as ToggleSwitch,Se as Tooltip,ve as TooltipContent,Me as TooltipTrigger,Co as TrashCanIcon,Vo as UnorderedList,ts as VartEgetForsikringsselskap,rs as VartForsikringsselskap,ho as WarningIcon,ds as WarningMessage,ys as WarningSystemMessage,fe as WarningTag,aa as formatAvstand,ta as formatBytes,ra as formatDate,ia as formatFodselsnummer,M as formatInput,la as formatKontonummer,da as formatKortnummer,qe as formatNumber,pa as formatOrganisasjonsnummer,ga as formatTelefonnummer,ja as formatValuta,b as getComboboxValuePair,ba as getThemeAndDensity,Fa as getValuePair,Ba as hasMinimumWords,Pa as hasNoIllegalCharacters,wa as initTabListener,A as isBlurTargetOutside,h as isCorrectFormat,Aa as isExactLength,Ea as isInteger,va as isValidChassisnummer,Ma as isValidDogId,Ca as isValidEpost,La as isValidFodselsnummer,Ra as isValidName,xa as isValidOrganisasjonsnummer,Sa as isValidRegistreringsnummer,ha as isValidTelefonnummer,S as isWithinLowerBound,v as isWithinUpperBound,Ia as mergeProps,Ta as mergeRefs,E as parseDateString,Ye as parseNumber,Ze as registerWithFodselsnummerMask,$e as registerWithKontonummerMask,oa as registerWithKortnummerMask,sa as registerWithMasks,ea as registerWithTelefonnummerMask,Le as tokens,Je as unicode,P as upload,xe as useAnimatedDetails,Re as useAnimatedHeight,Be as useAnimatedHeightBetween,He as useAriaLiveRegion,Pe as useAutoAnimatedHeight,we as useBrowserPreferences,We as useClickOutside,k as useCookieConsent,Ke as useElementDimensions,Ue as useFocusOutside,Xe as useId,Fe as useIntersectionObserver,_e as useKeyListener,ze as useListNavigation,Ne as useLocalStorage,Ss as useModal,De as useMutationObserver,Ve as usePreviousValue,ye as useProgressiveImg,Oe as useScreen,Ge as useScrollIntoView,ae as useSortableTableHeader,Qe as useSwipeGesture,zs as useTableContext,Js as useTableSectionContext,ke as useToast};
+import{Accordion as o}from"./components/accordion/Accordion.js";import{AccordionItem as s}from"./components/accordion/AccordionItem.js";import{Autosuggest as e}from"./components/autosuggest/Autosuggest.js";import{Breadcrumb as a}from"./components/breadcrumb/Breadcrumb.js";import{BreadcrumbItem as t}from"./components/breadcrumb/BreadcrumbItem.js";import{Button as r,PrimaryButton as n,SecondaryButton as i,TertiaryButton as m}from"./components/button/Button.js";import{Card as p}from"./components/card/Card.js";import{CardImage as c}from"./components/card/CardImage.js";import{InfoBlock as l,NavCard as u}from"./components/card/NavCard.js";import{TaskCard as d}from"./components/card/TaskCard.js";import{InfoCard as f}from"./components/card/InfoCard.js";import{Checkbox as g}from"./components/checkbox/Checkbox.js";import{CheckboxPanel as j}from"./components/checkbox-panel/CheckboxPanel.js";import{Combobox as b,getComboboxValuePair as I}from"./components/combobox/Combobox.js";import{CookieConsent as T}from"./components/cookie-consent/CookieConsent.js";import{CookieConsentProvider as k,useCookieConsent as h}from"./components/cookie-consent/CookieConsentContext.js";import{Countdown as C}from"./components/countdown/Countdown.js";import{DatePicker as S}from"./components/datepicker/DatePicker.js";import{isCorrectFormat as v,isWithinLowerBound as M,isWithinUpperBound as A}from"./components/datepicker/validation.js";import{formatInput as E,isBlurTargetOutside as L,parseDateString as x}from"./components/datepicker/utils.js";import{Feedback as R}from"./components/feedback/Feedback.js";import{PRESETS as B}from"./components/feedback/presets.js";import{File as P}from"./components/file-input/File.js";import{FileInput as w}from"./components/file-input/FileInput.js";import{upload as F}from"./components/file-input/utils.js";import{Flex as N}from"./components/flex/Flex.js";import{DescriptionDetail as D,DescriptionList as V,DescriptionTerm as y}from"./components/description-list/DescriptionList.js";import{ExpandablePanel as O}from"./components/expander/ExpandablePanel.js";import{Expander as G}from"./components/expander/Expander.js";import{ExpandSection as H}from"./components/expander/deprecated/ExpandSection.js";import{Icon as W}from"./components/icon/Icon.js";import{ArrowVerticalAnimated as U}from"./components/icon/icons/animated/ArrowVerticalAnimated.js";import{ArrowHorizontalAnimated as K}from"./components/icon/icons/animated/ArrowHorizontalAnimated.js";import{PlusRemoveAnimated as X}from"./components/icon/icons/animated/PlusRemoveAnimated.js";import{ArrowDownIcon as _}from"./components/icon/icons/ArrowDownIcon.js";import{ArrowLeftIcon as z}from"./components/icon/icons/ArrowLeftIcon.js";import{ArrowNorthEastIcon as Q}from"./components/icon/icons/ArrowNorthEastIcon.js";import{ArrowRightIcon as J}from"./components/icon/icons/ArrowRightIcon.js";import{ArrowUpIcon as q}from"./components/icon/icons/ArrowUpIcon.js";import{CalendarIcon as Y}from"./components/icon/icons/CalendarIcon.js";import{CheckIcon as Z}from"./components/icon/icons/CheckIcon.js";import{ChevronDownIcon as $}from"./components/icon/icons/ChevronDownIcon.js";import{ChevronLeftIcon as oo}from"./components/icon/icons/ChevronLeftIcon.js";import{ChevronRightIcon as so}from"./components/icon/icons/ChevronRightIcon.js";import{ChevronUpIcon as eo}from"./components/icon/icons/ChevronUpIcon.js";import{CloseIcon as ao}from"./components/icon/icons/CloseIcon.js";import{CopyIcon as to}from"./components/icon/icons/CopyIcon.js";import{DotsIcon as ro}from"./components/icon/icons/DotsIcon.js";import{DragIcon as no}from"./components/icon/icons/DragIcon.js";import{ErrorIcon as io}from"./components/icon/icons/ErrorIcon.js";import{GreenCheckIcon as mo}from"./components/icon/icons/GreenCheckIcon.js";import{HamburgerIcon as po}from"./components/icon/icons/HamburgerIcon.js";import{InfoIcon as co}from"./components/icon/icons/InfoIcon.js";import{LinkIcon as lo}from"./components/icon/icons/LinkIcon.js";import{MinusIcon as uo}from"./components/icon/icons/MinusIcon.js";import{OpenInNewIcon as fo}from"./components/icon/icons/OpenInNewIcon.js";import{PenIcon as go}from"./components/icon/icons/PenIcon.js";import{PlusIcon as jo}from"./components/icon/icons/PlusIcon.js";import{QuestionIcon as bo}from"./components/icon/icons/QuestionIcon.js";import{RedCrossIcon as Io}from"./components/icon/icons/RedCrossIcon.js";import{SearchIcon as To}from"./components/icon/icons/SearchIcon.js";import{SuccessIcon as ko}from"./components/icon/icons/SuccessIcon.js";import{ThumbDownIcon as ho}from"./components/icon/icons/ThumbDownIcon.js";import{ThumbUpIcon as Co}from"./components/icon/icons/ThumbUpIcon.js";import{TrashCanIcon as So}from"./components/icon/icons/TrashCanIcon.js";import{WarningIcon as vo}from"./components/icon/icons/WarningIcon.js";import{IconButton as Mo}from"./components/icon-button/IconButton.js";import{Image as Ao}from"./components/image/Image.js";import{FieldGroup as Eo}from"./components/input-group/FieldGroup.js";import{InputGroup as Lo}from"./components/input-group/InputGroup.js";import{Label as xo}from"./components/input-group/Label.js";import{SupportLabel as Ro}from"./components/input-group/SupportLabel.js";import{Link as Bo}from"./components/link/Link.js";import{LinkList as Po}from"./components/link-list/LinkList.js";import{List as wo,OrderedList as Fo,UnorderedList as No}from"./components/list/List.js";import{CheckListItem as Do,CrossListItem as Vo,ListItem as yo}from"./components/list/ListItem.js";import{Loader as Oo}from"./components/loader/Loader.js";import{SkeletonAnimation as Go}from"./components/loader/skeletons/SkeletonAnimation.js";import{SkeletonButton as Ho}from"./components/loader/skeletons/SkeletonButton.js";import{SkeletonCheckboxGroup as Wo}from"./components/loader/skeletons/SkeletonCheckboxGroup.js";import{SkeletonElement as Uo}from"./components/loader/skeletons/SkeletonElement.js";import{SkeletonInput as Ko}from"./components/loader/skeletons/SkeletonInput.js";import{SkeletonRadioButtonGroup as Xo}from"./components/loader/skeletons/SkeletonRadioButtonGroup.js";import{SkeletonTable as _o,SkeletonTableHeader as zo,SkeletonTableRow as Qo}from"./components/loader/skeletons/SkeletonTable.js";import{SkeletonTextArea as Jo}from"./components/loader/skeletons/SkeletonTextArea.js";import{Logo as qo}from"./components/logo/Logo.js";import{LogoStamp as Yo}from"./components/logo/LogoStamp.js";import{ForsikringLevertAvFremtind as Zo}from"./components/logo/text-paths/ForsikringLevertAvFremtind.js";import{FraSB1ogDNB as $o}from"./components/logo/text-paths/FraSB1ogDNB.js";import{InnovasjonFraFremtind as os}from"./components/logo/text-paths/InnovasjonFraFremtind.js";import{TeknologiFraFremtind as ss}from"./components/logo/text-paths/TeknologiFraFremtind.js";import{VartEgetForsikringsselskap as es}from"./components/logo/text-paths/VartEgetForsikringsselskap.js";import{VartForsikringsselskap as as}from"./components/logo/text-paths/VartForsikringsselskap.js";import{Menu as ts}from"./components/menu/Menu.js";import{MenuItem as rs}from"./components/menu/MenuItem.js";import{MenuItemCheckbox as ns}from"./components/menu/MenuItemCheckbox.js";import{MenuDivider as is}from"./components/menu/MenuDivider.js";import{ErrorMessage as ms,InfoMessage as ps,SuccessMessage as cs,WarningMessage as ls}from"./components/message/Message.js";import{FormErrorMessage as us}from"./components/message/FormErrorMessage.js";import{Modal as ds,ModalActions as fs,ModalBody as gs,ModalCloseButton as js,ModalContainer as bs,ModalHeader as Is,ModalOverlay as Ts,ModalTitle as ks}from"./components/modal/Modal.js";import{useModal as hs}from"./components/modal/useModal.js";import{NavLink as Cs}from"./components/nav-link/NavLink.js";import{Pagination as Ss}from"./components/pagination/Pagination.js";import{Popover as vs}from"./components/popover/Popover.js";import{ProgressBar as Ms}from"./components/progress-bar/ProgressBar.js";import{RadioButton as As}from"./components/radio-button/RadioButton.js";import{RadioButtonGroup as Es}from"./components/radio-button/RadioButtonGroup.js";import{BaseRadioButton as Ls}from"./components/radio-button/BaseRadioButton.js";import{RadioPanel as xs}from"./components/radio-panel/RadioPanel.js";import{RadioPanelGroup as Rs}from"./components/radio-panel/RadioPanelGroup.js";import{Select as Bs}from"./components/select/Select.js";import{NativeSelect as Ps}from"./components/select/NativeSelect.js";import{SummaryTable as ws}from"./components/summary-table/SummaryTable.js";import{SummaryTableRow as Fs}from"./components/summary-table/SummaryTableRow.js";import{ErrorSystemMessage as Ns,InfoSystemMessage as Ds,SuccessSystemMessage as Vs,WarningSystemMessage as ys}from"./components/system-message/SystemMessage.js";import{DataTable as Os}from"./components/table/DataTable.js";import{Table as Gs}from"./components/table/Table.js";import{TableBody as Hs}from"./components/table/TableBody.js";import{TableCaption as Ws}from"./components/table/TableCaption.js";import{TableCell as Us}from"./components/table/TableCell.js";import{TableColumn as Ks}from"./components/table/TableColumn.js";import{TableColumnGroup as Xs}from"./components/table/TableColumnGroup.js";import{TableContextProvider as _s,useTableContext as zs}from"./components/table/tableContext.js";import{TableSectionContextProvider as Qs,useTableSectionContext as Js}from"./components/table/tableSectionContext.js";import{TableFooter as qs}from"./components/table/TableFooter.js";import{TableHead as Ys}from"./components/table/TableHead.js";import{TableHeader as Zs}from"./components/table/TableHeader.js";import{TablePagination as $s}from"./components/table/TablePagination.js";import{TableRow as oe}from"./components/table/TableRow.js";import{ExpandableTableRow as se}from"./components/table/ExpandableTableRow.js";import{ExpandableTableRowController as ee}from"./components/table/ExpandableTableRowController.js";import{useSortableTableHeader as ae}from"./components/table/utils.js";import{NavTab as te}from"./components/tabs/NavTab.js";import{NavTabs as re}from"./components/tabs/NavTabs.js";import{Tabs as ne}from"./components/tabs/Tabs.js";import{TabList as ie}from"./components/tabs/TabList.js";import{Tab as me}from"./components/tabs/Tab.js";import{TabPanel as pe}from"./components/tabs/TabPanel.js";import{ErrorTag as ce,InfoTag as le,SuccessTag as ue,Tag as de,WarningTag as fe}from"./components/tag/Tag.js";import{BaseTextArea as ge}from"./components/text-input/BaseTextArea.js";import{BaseTextInput as je}from"./components/text-input/BaseTextInput.js";import{TextArea as be}from"./components/text-input/TextArea.js";import{TextInput as Ie}from"./components/text-input/TextInput.js";import{ToastProvider as Te,useToast as ke}from"./components/toast/toastContext.js";import{ToggleSwitch as he}from"./components/toggle-switch/ToggleSwitch.js";import{ToggleSlider as Ce}from"./components/toggle-switch/ToggleSlider.js";import{Tooltip as Se}from"./components/tooltip/Tooltip.js";import{TooltipContent as ve}from"./components/tooltip/TooltipContent.js";import{TooltipTrigger as Me}from"./components/tooltip/TooltipTrigger.js";import{PopupTip as Ae}from"./components/tooltip/PopupTip.js";import{ScreenReaderOnly as Ee}from"./components/ScreenReaderOnly.js";import{default as Le}from"./core/tokens.js";import{useAnimatedDetails as xe}from"./hooks/useAnimatedDetails/useAnimatedDetails.js";import{useAnimatedHeight as Re}from"./hooks/useAnimatedHeight/useAnimatedHeight.js";import{useAnimatedHeightBetween as Be}from"./hooks/useAnimatedHeight/useAnimatedHeightBetween.js";import{useAutoAnimatedHeight as Pe}from"./hooks/useAnimatedHeight/useAutoAnimateHeight.js";import{useBrowserPreferences as we}from"./hooks/useBrowserPreferences/useBrowserPreferences.js";import{useIntersectionObserver as Fe}from"./hooks/useIntersectionObserver/useIntersectionObserver.js";import{useLocalStorage as Ne}from"./hooks/useLocalStorage/useLocalStorage.js";import{useMutationObserver as De}from"./hooks/useMutationObserver/useMutationObserver.js";import{usePreviousValue as Ve}from"./hooks/usePreviousValue/usePreviousValue.js";import{useProgressiveImg as ye}from"./hooks/useProgressiveImg/useProgressiveImg.js";import{useScreen as Oe}from"./hooks/useScreen/useScreen.js";import{useScrollIntoView as Ge}from"./hooks/useScrollIntoView/useScrollIntoView.js";import{useAriaLiveRegion as He}from"./hooks/useAriaLiveRegion/useAriaLiveRegion.js";import{useClickOutside as We}from"./hooks/useClickOutside/useClickOutside.js";import{useFocusOutside as Ue}from"./hooks/useFocusOutside/useFocusOutside.js";import{useElementDimensions as Ke}from"./hooks/useElementDimensions/useElementDimensions.js";import{useId as Xe}from"./hooks/useId/useId.js";import{useKeyListener as _e}from"./hooks/useKeyListener/useKeyListener.js";import{useListNavigation as ze}from"./hooks/useListNavigation/useListNavigation.js";import{useSwipeGesture as Qe}from"./hooks/useSwipeGesture/useSwipeGesture.js";import{u as Je}from"../index-CWRMnfcx.js";import{formatNumber as qe}from"./utilities/formatters/util/formatNumber.js";import{parseNumber as Ye}from"./utilities/formatters/util/parseNumber.js";import{registerWithFodselsnummerMask as Ze,registerWithKontonummerMask as $e,registerWithKortnummerMask as oa,registerWithMasks as sa,registerWithTelefonnummerMask as ea}from"./utilities/formatters/util/registerWithMask.js";import{formatAvstand as aa}from"./utilities/formatters/avstand/formatAvstand.js";import{formatBytes as ta}from"./utilities/formatters/bytes/formatBytes.js";import{formatDate as ra}from"./utilities/formatters/date/formatDate.js";import{FODSELSNUMMER_REGEX as na,formatFodselsnummer as ia}from"./utilities/formatters/fodselsnummer/formatFodselsnummer.js";import{ORGANISASJONSNUMMER_REGEX as ma,formatOrganisasjonsnummer as pa}from"./utilities/formatters/organisasjonsnummer/formatOrganisasjonsnummer.js";import{KONTONUMMER_REGEX as ca,formatKontonummer as la}from"./utilities/formatters/kontonummer/formatKontonummer.js";import{KORTNUMMER_REGEX as ua,formatKortnummer as da}from"./utilities/formatters/kortnummer/formatKortnummer.js";import{TELEFONNUMMER_REGEX as fa,formatTelefonnummer as ga}from"./utilities/formatters/telefonnummer/formatTelefonnummer.js";import{formatValuta as ja}from"./utilities/formatters/valuta/formatValuta.js";import{getThemeAndDensity as ba}from"./utilities/getThemeAndDensity.js";import{mergeProps as Ia}from"./utilities/polymorphism/mergeProps.js";import{mergeRefs as Ta}from"./utilities/polymorphism/mergeRefs.js";import{SlotComponent as ka}from"./utilities/polymorphism/SlotComponent.js";import{isValidEpost as ha}from"./utilities/validators/isValidEpost/isValidEpost.js";import{isValidTelefonnummer as Ca}from"./utilities/validators/isValidTelefonnummer/isValidTelefonnummer.js";import{isValidRegistreringsnummer as Sa}from"./utilities/validators/isValidRegistreringsnummer/isValidRegistreringsnummer.js";import{isValidChassisnummer as va}from"./utilities/validators/isValidChassisnummer/isValidChassisnummer.js";import{isValidDogId as Ma}from"./utilities/validators/isValidDogId/isValidDogId.js";import{isExactLength as Aa}from"./utilities/validators/isExactLength/isExactLength.js";import{isInteger as Ea}from"./utilities/validators/isInteger/isInteger.js";import{isValidFodselsnummer as La}from"./utilities/validators/isValidFodselsnummer/isValidFodselsnummer.js";import{isValidOrganisasjonsnummer as xa}from"./utilities/validators/isValidOrganisasjonsnummer/isValidOrganisasjonsnummer.js";import{isValidName as Ra}from"./utilities/validators/isValidName/isValidName.js";import{hasMinimumWords as Ba}from"./utilities/validators/hasMinimumWords/hasMinimumWords.js";import{hasNoIllegalCharacters as Pa}from"./utilities/validators/hasNoIllegalCharacters/hasNoIllegalCharacters.js";import{initTabListener as wa}from"./utilities/tabListener.js";import{getValuePair as Fa}from"./utilities/valuePair.js";export{o as Accordion,s as AccordionItem,_ as ArrowDownIcon,K as ArrowHorizontalAnimated,z as ArrowLeftIcon,Q as ArrowNorthEastIcon,J as ArrowRightIcon,q as ArrowUpIcon,U as ArrowVerticalAnimated,e as Autosuggest,Ls as BaseRadioButton,ge as BaseTextArea,je as BaseTextInput,a as Breadcrumb,t as BreadcrumbItem,r as Button,Y as CalendarIcon,p as Card,c as CardImage,Z as CheckIcon,Do as CheckListItem,g as Checkbox,j as CheckboxPanel,$ as ChevronDownIcon,oo as ChevronLeftIcon,so as ChevronRightIcon,eo as ChevronUpIcon,ao as CloseIcon,b as Combobox,T as CookieConsent,k as CookieConsentProvider,to as CopyIcon,C as Countdown,Vo as CrossListItem,Os as DataTable,S as DatePicker,D as DescriptionDetail,V as DescriptionList,y as DescriptionTerm,ro as DotsIcon,no as DragIcon,io as ErrorIcon,ms as ErrorMessage,Ns as ErrorSystemMessage,ce as ErrorTag,H as ExpandSection,O as ExpandablePanel,se as ExpandableTableRow,ee as ExpandableTableRowController,G as Expander,na as FODSELSNUMMER_REGEX,R as Feedback,Eo as FieldGroup,P as File,w as FileInput,N as Flex,us as FormErrorMessage,Zo as ForsikringLevertAvFremtind,$o as FraSB1ogDNB,mo as GreenCheckIcon,po as HamburgerIcon,W as Icon,Mo as IconButton,Ao as Image,l as InfoBlock,f as InfoCard,co as InfoIcon,ps as InfoMessage,Ds as InfoSystemMessage,le as InfoTag,os as InnovasjonFraFremtind,Lo as InputGroup,ca as KONTONUMMER_REGEX,ua as KORTNUMMER_REGEX,xo as Label,Bo as Link,lo as LinkIcon,Po as LinkList,wo as List,yo as ListItem,Oo as Loader,qo as Logo,Yo as LogoStamp,ts as Menu,is as MenuDivider,rs as MenuItem,ns as MenuItemCheckbox,uo as MinusIcon,ds as Modal,fs as ModalActions,gs as ModalBody,js as ModalCloseButton,bs as ModalContainer,Is as ModalHeader,Ts as ModalOverlay,ks as ModalTitle,Ps as NativeSelect,u as NavCard,Cs as NavLink,te as NavTab,re as NavTabs,ma as ORGANISASJONSNUMMER_REGEX,fo as OpenInNewIcon,Fo as OrderedList,B as PRESETS,Ss as Pagination,go as PenIcon,jo as PlusIcon,X as PlusRemoveAnimated,vs as Popover,Ae as PopupTip,n as PrimaryButton,Ms as ProgressBar,bo as QuestionIcon,As as RadioButton,Es as RadioButtonGroup,xs as RadioPanel,Rs as RadioPanelGroup,Io as RedCrossIcon,Ee as ScreenReaderOnly,To as SearchIcon,i as SecondaryButton,Bs as Select,Go as SkeletonAnimation,Ho as SkeletonButton,Wo as SkeletonCheckboxGroup,Uo as SkeletonElement,Ko as SkeletonInput,Xo as SkeletonRadioButtonGroup,_o as SkeletonTable,zo as SkeletonTableHeader,Qo as SkeletonTableRow,Jo as SkeletonTextArea,ka as SlotComponent,ko as SuccessIcon,cs as SuccessMessage,Vs as SuccessSystemMessage,ue as SuccessTag,ws as SummaryTable,Fs as SummaryTableRow,Ro as SupportLabel,fa as TELEFONNUMMER_REGEX,me as Tab,ie as TabList,pe as TabPanel,Gs as Table,Hs as TableBody,Ws as TableCaption,Us as TableCell,Ks as TableColumn,Xs as TableColumnGroup,_s as TableContextProvider,qs as TableFooter,Ys as TableHead,Zs as TableHeader,$s as TablePagination,oe as TableRow,Qs as TableSectionContextProvider,ne as Tabs,de as Tag,d as TaskCard,ss as TeknologiFraFremtind,m as TertiaryButton,be as TextArea,Ie as TextInput,ho as ThumbDownIcon,Co as ThumbUpIcon,Te as ToastProvider,Ce as ToggleSlider,he as ToggleSwitch,Se as Tooltip,ve as TooltipContent,Me as TooltipTrigger,So as TrashCanIcon,No as UnorderedList,es as VartEgetForsikringsselskap,as as VartForsikringsselskap,vo as WarningIcon,ls as WarningMessage,ys as WarningSystemMessage,fe as WarningTag,aa as formatAvstand,ta as formatBytes,ra as formatDate,ia as formatFodselsnummer,E as formatInput,la as formatKontonummer,da as formatKortnummer,qe as formatNumber,pa as formatOrganisasjonsnummer,ga as formatTelefonnummer,ja as formatValuta,I as getComboboxValuePair,ba as getThemeAndDensity,Fa as getValuePair,Ba as hasMinimumWords,Pa as hasNoIllegalCharacters,wa as initTabListener,L as isBlurTargetOutside,v as isCorrectFormat,Aa as isExactLength,Ea as isInteger,va as isValidChassisnummer,Ma as isValidDogId,ha as isValidEpost,La as isValidFodselsnummer,Ra as isValidName,xa as isValidOrganisasjonsnummer,Sa as isValidRegistreringsnummer,Ca as isValidTelefonnummer,M as isWithinLowerBound,A as isWithinUpperBound,Ia as mergeProps,Ta as mergeRefs,x as parseDateString,Ye as parseNumber,Ze as registerWithFodselsnummerMask,$e as registerWithKontonummerMask,oa as registerWithKortnummerMask,sa as registerWithMasks,ea as registerWithTelefonnummerMask,Le as tokens,Je as unicode,F as upload,xe as useAnimatedDetails,Re as useAnimatedHeight,Be as useAnimatedHeightBetween,He as useAriaLiveRegion,Pe as useAutoAnimatedHeight,we as useBrowserPreferences,We as useClickOutside,h as useCookieConsent,Ke as useElementDimensions,Ue as useFocusOutside,Xe as useId,Fe as useIntersectionObserver,_e as useKeyListener,ze as useListNavigation,Ne as useLocalStorage,hs as useModal,De as useMutationObserver,Ve as usePreviousValue,ye as useProgressiveImg,Oe as useScreen,Ge as useScrollIntoView,ae as useSortableTableHeader,Qe as useSwipeGesture,zs as useTableContext,Js as useTableSectionContext,ke as useToast};
 //# sourceMappingURL=index.js.map

package/build/es/shared/input-panel/BasePanel.js

@@ -0,0 +1,2 @@
+import{jsxs as a,jsx as e}from"react/jsx-runtime";import{c as l}from"../../../clsx-BeLtu-UY.js";import{forwardRef as n,useId as t,Children as s}from"react";import{useAutoAnimatedHeight as i}from"../../hooks/useAnimatedHeight/useAutoAnimateHeight.js";const r=n((function({className:n,isChecked:r,children:p,alwaysOpen:o,label:c,extraLabel:d,type:m,...u},h){const j=`content-${t()}`,_=`input-${t()}`,k=s.count(p)>0,f=i(r);return a("div",{className:l("jkl-input-panel",`jkl-${m}-panel`,n),children:[a("label",{className:"jkl-input-panel__label",htmlFor:_,children:[e("input",{ref:h,id:_,className:"jkl-input-panel__input",type:m,"aria-controls":o?void 0:j,"aria-expanded":o?void 0:r,...u}),e("span",{"aria-hidden":"true",className:`jkl-${m}-panel__decorator`}),e("span",{className:"jkl-input-panel__main-label",children:c}),e("span",{className:l("jkl-input-panel__extra-label",{"jkl-input-panel__extra-label--text":"string"==typeof d}),children:d})]}),k&&e("div",{ref:f,"aria-hidden":!r&&!o,children:e("div",{className:"jkl-input-panel__content",id:j,"data-alwaysopen":o,children:p})})]})}));export{r as BasePanel};
+//# sourceMappingURL=BasePanel.js.map

package/build/es/shared/input-panel/BasePanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasePanel.js","sources":["../../../../src/shared/input-panel/BasePanel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, {\n    Children,\n    ComponentPropsWithRef,\n    ForwardedRef,\n    forwardRef,\n    ReactNode,\n    useId,\n} from \"react\";\nimport { useAutoAnimatedHeight } from \"../../hooks/useAnimatedHeight/useAutoAnimateHeight.js\";\n\ntype Props = ComponentPropsWithRef<\"input\"> & {\n    isChecked: boolean;\n    alwaysOpen: boolean;\n    label: string;\n    extraLabel?: ReactNode;\n    type: \"radio\" | \"checkbox\";\n};\n\nexport const BasePanel = forwardRef(function BasePanel(\n    {\n        className,\n        isChecked,\n        children,\n        alwaysOpen,\n        label,\n        extraLabel,\n        type,\n        ...rest\n    }: Props,\n    ref: ForwardedRef<HTMLInputElement>,\n) {\n    const contentId = `content-${useId()}`;\n    const inputId = `input-${useId()}`;\n    const hasChildren = Children.count(children) > 0;\n    const animationRef = useAutoAnimatedHeight<HTMLDivElement>(isChecked);\n\n    return (\n        <div\n            className={clsx(\"jkl-input-panel\", `jkl-${type}-panel`, className)}\n        >\n            <label className=\"jkl-input-panel__label\" htmlFor={inputId}>\n                <input\n                    ref={ref}\n                    id={inputId}\n                    className=\"jkl-input-panel__input\"\n                    type={type}\n                    aria-controls={!alwaysOpen ? contentId : undefined}\n                    aria-expanded={!alwaysOpen ? isChecked : undefined}\n                    {...rest}\n                />\n                <span\n                    aria-hidden=\"true\"\n                    className={`jkl-${type}-panel__decorator`}\n                />\n                <span className=\"jkl-input-panel__main-label\">{label}</span>\n                <span\n                    className={clsx(\"jkl-input-panel__extra-label\", {\n                        \"jkl-input-panel__extra-label--text\":\n                            typeof extraLabel === \"string\",\n                    })}\n                >\n                    {extraLabel}\n                </span>\n            </label>\n            {hasChildren && (\n                <div ref={animationRef} aria-hidden={!isChecked && !alwaysOpen}>\n                    <div\n                        className=\"jkl-input-panel__content\"\n                        id={contentId}\n                        data-alwaysopen={alwaysOpen}\n                    >\n                        {children}\n                    </div>\n                </div>\n            )}\n        </div>\n    );\n});\n"],"names":["BasePanel","forwardRef","className","isChecked","children","alwaysOpen","label","extraLabel","type","rest","ref","contentId","useId","inputId","hasChildren","Children","count","animationRef","useAutoAnimatedHeight","jsxs","clsx","htmlFor","jsx","id"],"mappings":"0PAmBa,MAAAA,EAAYC,GAAW,UAE5BC,UAAAA,EACAC,UAAAA,EACAC,SAAAA,EACAC,WAAAA,EACAC,MAAAA,EACAC,WAAAA,EACAC,KAAAA,KACGC,GAEPC,GAEM,MAAAC,EAAY,WAAWC,MACvBC,EAAU,SAASD,MACnBE,EAAcC,EAASC,MAAMZ,GAAY,EACzCa,EAAeC,EAAsCf,GAGvD,OAAAgB,EAAC,MAAA,CACGjB,UAAWkB,EAAK,kBAAmB,OAAOZ,UAAcN,GAExDE,SAAA,CAAAe,EAAC,QAAM,CAAAjB,UAAU,yBAAyBmB,QAASR,EAC/CT,SAAA,CAAAkB,EAAC,QAAA,CACGZ,IAAAA,EACAa,GAAIV,EACJX,UAAU,yBACVM,KAAAA,EACA,gBAAgBH,OAAyB,EAAZM,EAC7B,gBAAgBN,OAAyB,EAAZF,KACzBM,IAERa,EAAC,OAAA,CACG,cAAY,OACZpB,UAAW,OAAOM,uBAErBc,EAAA,OAAA,CAAKpB,UAAU,8BAA+BE,SAAME,IACrDgB,EAAC,OAAA,CACGpB,UAAWkB,EAAK,+BAAgC,CAC5C,qCAC0B,iBAAfb,IAGdH,SAAAG,OAGRO,KACI,MAAI,CAAAJ,IAAKO,EAAc,eAAcd,IAAcE,EAChDD,SAAAkB,EAAC,MAAA,CACGpB,UAAU,2BACVqB,GAAIZ,EACJ,kBAAiBN,EAEhBD,SAAAA,QAMzB"}

package/build/es/tailwind/tailwindPreset.js

@@ -1,2 +1,2 @@
-import o from"../core/tokens.js";import e from"./colors.js";import{jokulTypographyPlugin as p}from"./plugins/jokulTypographyPlugin.js";const r={presets:[],theme:{colors:e,spacing:o.spacing,fontWeight:o.typography.weight,fontSize:o.typography.font.size,lineHeight:o.typography.line.height,screens:{sm:o.breakpoint.medium,md:o.breakpoint.large,lg:o.breakpoint.xl}},plugins:[p]};export{r as jokulPreset};
+import o from"../core/tokens.js";import e from"./colors.js";import{jokulTypographyPlugin as i}from"./plugins/jokulTypographyPlugin.js";const p={theme:{colors:e,spacing:o.spacing,fontWeight:o.typography.weight,fontSize:o.typography.font.size,lineHeight:o.typography.line.height,screens:{sm:o.breakpoint.medium,md:o.breakpoint.large,lg:o.breakpoint.xl}},plugins:[i]};export{p as jokulPreset};
 //# sourceMappingURL=tailwindPreset.js.map

package/build/es/tailwind/tailwindPreset.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwindPreset.js","sources":["../../../src/tailwind/tailwindPreset.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\nimport tokens from \"../core/tokens.js\";\nimport colors from \"./colors.js\";\nimport { jokulTypographyPlugin } from \"./plugins/jokulTypographyPlugin.js\";\n\nexport const jokulPreset: Partial<Config> = {\n    presets: [], // Deaktiverer innebygde presets fra Tailwind\n    theme: {\n        colors,\n        spacing: tokens.spacing,\n        fontWeight: tokens.typography.weight,\n        fontSize: tokens.typography.font.size,\n        lineHeight: tokens.typography.line.height,\n        screens: {\n            sm: tokens.breakpoint.medium,\n            md: tokens.breakpoint.large,\n            lg: tokens.breakpoint.xl,\n        },\n    },\n    plugins: [jokulTypographyPlugin],\n};\n"],"names":["jokulPreset","presets","theme","colors","spacing","tokens","fontWeight","typography","weight","fontSize","font","size","lineHeight","line","height","screens","sm","breakpoint","medium","md","large","lg","xl","plugins","jokulTypographyPlugin"],"mappings":"uIAKO,MAAMA,EAA+B,CACxCC,QAAS,GACTC,MAAO,CACHC,OAAAA,EACAC,QAASC,EAAOD,QAChBE,WAAYD,EAAOE,WAAWC,OAC9BC,SAAUJ,EAAOE,WAAWG,KAAKC,KACjCC,WAAYP,EAAOE,WAAWM,KAAKC,OACnCC,QAAS,CACLC,GAAIX,EAAOY,WAAWC,OACtBC,GAAId,EAAOY,WAAWG,MACtBC,GAAIhB,EAAOY,WAAWK,KAG9BC,QAAS,CAACC"}
+{"version":3,"file":"tailwindPreset.js","sources":["../../../src/tailwind/tailwindPreset.ts"],"sourcesContent":["import type { Config } from \"tailwindcss\";\nimport tokens from \"../core/tokens.js\";\nimport colors from \"./colors.js\";\nimport { jokulTypographyPlugin } from \"./plugins/jokulTypographyPlugin.js\";\n\nexport const jokulPreset: Partial<Config> = {\n    theme: {\n        colors,\n        spacing: tokens.spacing,\n        fontWeight: tokens.typography.weight,\n        fontSize: tokens.typography.font.size,\n        lineHeight: tokens.typography.line.height,\n        screens: {\n            sm: tokens.breakpoint.medium,\n            md: tokens.breakpoint.large,\n            lg: tokens.breakpoint.xl,\n        },\n    },\n    plugins: [jokulTypographyPlugin],\n};\n"],"names":["jokulPreset","theme","colors","spacing","tokens","fontWeight","typography","weight","fontSize","font","size","lineHeight","line","height","screens","sm","breakpoint","medium","md","large","lg","xl","plugins","jokulTypographyPlugin"],"mappings":"uIAKO,MAAMA,EAA+B,CACxCC,MAAO,CACHC,OAAAA,EACAC,QAASC,EAAOD,QAChBE,WAAYD,EAAOE,WAAWC,OAC9BC,SAAUJ,EAAOE,WAAWG,KAAKC,KACjCC,WAAYP,EAAOE,WAAWM,KAAKC,OACnCC,QAAS,CACLC,GAAIX,EAAOY,WAAWC,OACtBC,GAAId,EAAOY,WAAWG,MACtBC,GAAIhB,EAAOY,WAAWK,KAG9BC,QAAS,CAACC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@fremtind/jokul",
-    "version": "0.44.6",
+    "version": "0.45.0",
     "type": "module",
     "publishConfig": {
         "access": "public"
@@ -153,6 +153,17 @@
                 "default": "./build/cjs/components/checkbox/index.cjs"
             }
         },
+        "./styles/components/checkbox-panel": "./styles/components/checkbox-panel/_index.scss",
+        "./components/checkbox-panel": {
+            "import": {
+                "types": "./build/es/components/checkbox-panel/index.d.ts",
+                "default": "./build/es/components/checkbox-panel/index.js"
+            },
+            "require": {
+                "types": "./build/cjs/components/checkbox-panel/index.d.cts",
+                "default": "./build/cjs/components/checkbox-panel/index.cjs"
+            }
+        },
         "./styles/components/chip": "./styles/components/chip/_index.scss",
         "./components/chip": {
             "import": {
@@ -186,6 +197,17 @@
                 "default": "./build/cjs/components/cookie-consent/index.cjs"
             }
         },
+        "./styles/components/countdown": "./styles/components/countdown/_index.scss",
+        "./components/countdown": {
+            "import": {
+                "types": "./build/es/components/countdown/index.d.ts",
+                "default": "./build/es/components/countdown/index.js"
+            },
+            "require": {
+                "types": "./build/cjs/components/countdown/index.d.cts",
+                "default": "./build/cjs/components/countdown/index.cjs"
+            }
+        },
         "./styles/components/datepicker": "./styles/components/datepicker/_index.scss",
         "./components/datepicker": {
             "import": {
@@ -296,17 +318,6 @@
                 "default": "./build/cjs/components/input-group/index.cjs"
             }
         },
-        "./styles/components/input-panel": "./styles/components/input-panel/_index.scss",
-        "./components/input-panel": {
-            "import": {
-                "types": "./build/es/components/input-panel/index.d.ts",
-                "default": "./build/es/components/input-panel/index.js"
-            },
-            "require": {
-                "types": "./build/cjs/components/input-panel/index.d.cts",
-                "default": "./build/cjs/components/input-panel/index.cjs"
-            }
-        },
         "./styles/components/link": "./styles/components/link/_index.scss",
         "./components/link": {
             "import": {
@@ -395,6 +406,17 @@
                 "default": "./build/cjs/components/modal/index.cjs"
             }
         },
+        "./styles/components/nav-link": "./styles/components/nav-link/_index.scss",
+        "./components/nav-link": {
+            "import": {
+                "types": "./build/es/components/nav-link/index.d.ts",
+                "default": "./build/es/components/nav-link/index.js"
+            },
+            "require": {
+                "types": "./build/cjs/components/nav-link/index.d.cts",
+                "default": "./build/cjs/components/nav-link/index.cjs"
+            }
+        },
         "./styles/components/pagination": "./styles/components/pagination/_index.scss",
         "./components/pagination": {
             "import": {
@@ -439,6 +461,17 @@
                 "default": "./build/cjs/components/radio-button/index.cjs"
             }
         },
+        "./styles/components/radio-panel": "./styles/components/radio-panel/_index.scss",
+        "./components/radio-panel": {
+            "import": {
+                "types": "./build/es/components/radio-panel/index.d.ts",
+                "default": "./build/es/components/radio-panel/index.js"
+            },
+            "require": {
+                "types": "./build/cjs/components/radio-panel/index.d.cts",
+                "default": "./build/cjs/components/radio-panel/index.cjs"
+            }
+        },
         "./styles/components/select": "./styles/components/select/_index.scss",
         "./components/select": {
             "import": {
@@ -614,5 +647,5 @@
             "@babel/preset-react"
         ]
     },
-    "gitHead": "42f3fd195a6c01a49cafa8948f03f9a9dcbe2c52"
+    "gitHead": "0e61cdb0f8744a360754e977a05d584f0ee22319"
 }

package/styles/components/button/button.css

@@ -148,7 +148,7 @@
   opacity: 0.15;
 }
 html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
-  animation: cubic-bezier(0.6, 0.2, 0.35, 1) 250ms jkl-tertiary-flash-uk9m1wm;
+  animation: cubic-bezier(0.6, 0.2, 0.35, 1) 250ms jkl-tertiary-flash-ul6tdru;
 }
 .jkl-button--primary, .jkl-button--secondary, .jkl-button--ghost {
   --border-radius: 999px;
@@ -190,7 +190,7 @@ html[data-touchnavigation] .jkl-button.jkl-button--pressed::before {
   --background-color: var(--jkl-color-background-interactive-hover);
 }
 
-@keyframes jkl-tertiary-flash-uk9m1wm {
+@keyframes jkl-tertiary-flash-ul6tdru {
   0% {
     opacity: 0.5;
     scale: 1;

package/styles/components/button/button.min.css

@@ -1 +1 @@
-:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-button-padding-block:0.5rem;--jkl-button-padding-text:calc(var(--jkl-unit-10)*3);--jkl-button-padding-icon:calc(var(--jkl-unit-10)*2);--jkl-button-padding-icon-button:0.5rem;--jkl-button-teritary-padding-icon:calc(var(--jkl-unit-10)*0.5);--jkl-button-font-size:1.125rem;--jkl-button-line-height:1.75rem}@media (min-width:680px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-button-font-size:1.25rem;--jkl-button-line-height:2rem}}[data-density=compact],[data-layout-density=compact]{--jkl-button-padding-block:calc(var(--jkl-unit-10)*0.5);--jkl-button-padding-text:calc(var(--jkl-unit-10)*1.5);--jkl-button-padding-icon:0.5rem;--jkl-button-padding-icon-button:calc(var(--jkl-unit-10)*0.5);--jkl-button-teritary-padding-icon:calc(var(--jkl-unit-10)*0.25);--jkl-button-padding-ghost-inline:calc(var(--jkl-unit-10)*0.5);--jkl-button-font-size:1rem;--jkl-button-line-height:1.5rem}@media (min-width:680px){[data-density=compact],[data-layout-density=compact]{--jkl-button-font-size:1rem;--jkl-button-line-height:1.5rem;--jkl-button-icon-weight:500}}.jkl-button{--jkl-icon-weight:var(--jkl-button-icon-weight,initial);--text-color:var(--jkl-color-text-default);--background-color:#0000;--border-radius:0;--border-width:0.0625rem;background-color:var(--background-color);border:unset;color:var(--text-color);cursor:pointer;display:inline-block;font-size:var(--jkl-button-font-size);font-weight:700;line-height:var(--jkl-button-line-height);text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:var(--border-radius);max-width:100%;overflow:hidden;padding-block:var(--jkl-button-padding-block);padding-inline:var(--jkl-button-padding-text);position:relative;transition-duration:.15s;transition-property:scale;transition-timing-function:ease}.jkl-button:has(.jkl-icon:first-child){-webkit-padding-start:var(--jkl-button-padding-icon);padding-inline-start:var(--jkl-button-padding-icon)}.jkl-button:has(.jkl-icon:last-child){-webkit-padding-end:var(--jkl-button-padding-icon);padding-inline-end:var(--jkl-button-padding-icon)}.jkl-button:has(.jkl-icon:first-child):has(.jkl-icon:last-child){padding-inline:var(--jkl-button-padding-icon-button)}.jkl-button__label{align-items:center;display:flex;flex-direction:row;gap:calc(var(--jkl-unit-10)*.25);pointer-events:none;transition-duration:.25s;transition-property:translate;transition-timing-function:ease;width:100%}.jkl-button__loader{left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition-duration:.25s;transition-property:opacity,translate;transition-timing-function:ease;translate:-50% 350%}.jkl-button__text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.jkl-button[data-loading=true] .jkl-button__label{translate:0 -120%}.jkl-button[data-loading=true] .jkl-button__loader{opacity:1;translate:-50% -50%}.jkl-button:focus-visible{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}.jkl-button:before{border-radius:9999px;display:block;height:1rem;left:var(--jkl-touch-xcoord,50%);pointer-events:none;top:var(--jkl-touch-ycoord,50%);transform-origin:center;translate:-100%,-100%;width:1rem}.jkl-button:after,.jkl-button:before{background-color:var(--text-color);content:"";opacity:0;position:absolute}.jkl-button:after{border-radius:inherit;inset:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease}.jkl-button:hover:after{opacity:.15}html[data-touchnavigation] .jkl-button.jkl-button--pressed:before{animation:jkl-tertiary-flash-uk9m1wm .25s cubic-bezier(.6,.2,.35,1)}.jkl-button--ghost,.jkl-button--primary,.jkl-button--secondary{--border-radius:999px}.jkl-button--primary{--background-color:var(--jkl-color-background-action);--text-color:var(--jkl-color-text-on-action)}.jkl-button--secondary{border:var(--border-width) solid var(--text-color)}.jkl-button--secondary:after{content:"";inset:0;position:absolute}.jkl-button--tertiary{border-bottom:var(--border-width) solid var(--text-color);padding-inline:var(--jkl-button-teritary-padding-icon)}.jkl-button--tertiary:after{border-radius:var(--border-radius);content:"";inset:0;position:absolute}.jkl-button--tertiary:has(.jkl-icon:first-child){padding-inline:var(--jkl-button-teritary-padding-icon) calc(var(--jkl-button-teritary-padding-icon)*2)}.jkl-button--tertiary:has(.jkl-icon:last-child){padding-inline:calc(var(--jkl-button-teritary-padding-icon)*2) var(--jkl-button-teritary-padding-icon)}.jkl-button--ghost,.jkl-button--ghost:has(.jkl-icon:first-child),.jkl-button--ghost:has(.jkl-icon:last-child){transition-duration:.15s;transition-property:background-color;transition-timing-function:ease}.jkl-button--ghost:has(.jkl-icon:first-child):hover,.jkl-button--ghost:has(.jkl-icon:last-child):hover,.jkl-button--ghost:hover{--background-color:var(--jkl-color-background-interactive-hover)}@keyframes jkl-tertiary-flash-uk9m1wm{0%{opacity:.5;scale:1}to{opacity:0;scale:8}}
+:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-button-padding-block:0.5rem;--jkl-button-padding-text:calc(var(--jkl-unit-10)*3);--jkl-button-padding-icon:calc(var(--jkl-unit-10)*2);--jkl-button-padding-icon-button:0.5rem;--jkl-button-teritary-padding-icon:calc(var(--jkl-unit-10)*0.5);--jkl-button-font-size:1.125rem;--jkl-button-line-height:1.75rem}@media (min-width:680px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-button-font-size:1.25rem;--jkl-button-line-height:2rem}}[data-density=compact],[data-layout-density=compact]{--jkl-button-padding-block:calc(var(--jkl-unit-10)*0.5);--jkl-button-padding-text:calc(var(--jkl-unit-10)*1.5);--jkl-button-padding-icon:0.5rem;--jkl-button-padding-icon-button:calc(var(--jkl-unit-10)*0.5);--jkl-button-teritary-padding-icon:calc(var(--jkl-unit-10)*0.25);--jkl-button-padding-ghost-inline:calc(var(--jkl-unit-10)*0.5);--jkl-button-font-size:1rem;--jkl-button-line-height:1.5rem}@media (min-width:680px){[data-density=compact],[data-layout-density=compact]{--jkl-button-font-size:1rem;--jkl-button-line-height:1.5rem;--jkl-button-icon-weight:500}}.jkl-button{--jkl-icon-weight:var(--jkl-button-icon-weight,initial);--text-color:var(--jkl-color-text-default);--background-color:#0000;--border-radius:0;--border-width:0.0625rem;background-color:var(--background-color);border:unset;color:var(--text-color);cursor:pointer;display:inline-block;font-size:var(--jkl-button-font-size);font-weight:700;line-height:var(--jkl-button-line-height);text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:var(--border-radius);max-width:100%;overflow:hidden;padding-block:var(--jkl-button-padding-block);padding-inline:var(--jkl-button-padding-text);position:relative;transition-duration:.15s;transition-property:scale;transition-timing-function:ease}.jkl-button:has(.jkl-icon:first-child){-webkit-padding-start:var(--jkl-button-padding-icon);padding-inline-start:var(--jkl-button-padding-icon)}.jkl-button:has(.jkl-icon:last-child){-webkit-padding-end:var(--jkl-button-padding-icon);padding-inline-end:var(--jkl-button-padding-icon)}.jkl-button:has(.jkl-icon:first-child):has(.jkl-icon:last-child){padding-inline:var(--jkl-button-padding-icon-button)}.jkl-button__label{align-items:center;display:flex;flex-direction:row;gap:calc(var(--jkl-unit-10)*.25);pointer-events:none;transition-duration:.25s;transition-property:translate;transition-timing-function:ease;width:100%}.jkl-button__loader{left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transition-duration:.25s;transition-property:opacity,translate;transition-timing-function:ease;translate:-50% 350%}.jkl-button__text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.jkl-button[data-loading=true] .jkl-button__label{translate:0 -120%}.jkl-button[data-loading=true] .jkl-button__loader{opacity:1;translate:-50% -50%}.jkl-button:focus-visible{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}.jkl-button:before{border-radius:9999px;display:block;height:1rem;left:var(--jkl-touch-xcoord,50%);pointer-events:none;top:var(--jkl-touch-ycoord,50%);transform-origin:center;translate:-100%,-100%;width:1rem}.jkl-button:after,.jkl-button:before{background-color:var(--text-color);content:"";opacity:0;position:absolute}.jkl-button:after{border-radius:inherit;inset:0;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease}.jkl-button:hover:after{opacity:.15}html[data-touchnavigation] .jkl-button.jkl-button--pressed:before{animation:jkl-tertiary-flash-ul6tdru .25s cubic-bezier(.6,.2,.35,1)}.jkl-button--ghost,.jkl-button--primary,.jkl-button--secondary{--border-radius:999px}.jkl-button--primary{--background-color:var(--jkl-color-background-action);--text-color:var(--jkl-color-text-on-action)}.jkl-button--secondary{border:var(--border-width) solid var(--text-color)}.jkl-button--secondary:after{content:"";inset:0;position:absolute}.jkl-button--tertiary{border-bottom:var(--border-width) solid var(--text-color);padding-inline:var(--jkl-button-teritary-padding-icon)}.jkl-button--tertiary:after{border-radius:var(--border-radius);content:"";inset:0;position:absolute}.jkl-button--tertiary:has(.jkl-icon:first-child){padding-inline:var(--jkl-button-teritary-padding-icon) calc(var(--jkl-button-teritary-padding-icon)*2)}.jkl-button--tertiary:has(.jkl-icon:last-child){padding-inline:calc(var(--jkl-button-teritary-padding-icon)*2) var(--jkl-button-teritary-padding-icon)}.jkl-button--ghost,.jkl-button--ghost:has(.jkl-icon:first-child),.jkl-button--ghost:has(.jkl-icon:last-child){transition-duration:.15s;transition-property:background-color;transition-timing-function:ease}.jkl-button--ghost:has(.jkl-icon:first-child):hover,.jkl-button--ghost:has(.jkl-icon:last-child):hover,.jkl-button--ghost:hover{--background-color:var(--jkl-color-background-interactive-hover)}@keyframes jkl-tertiary-flash-ul6tdru{0%{opacity:.5;scale:1}to{opacity:0;scale:8}}

package/styles/components/checkbox/checkbox.css

@@ -32,7 +32,7 @@
   --jkl-checkbox-line-height: 1.5rem;
 }
 
-@keyframes jkl-checkbox-checked-u5nwlvs {
+@keyframes jkl-checkbox-checked-uaz1tpd {
   0% {
     width: 0;
     height: 0;
@@ -46,7 +46,7 @@
     height: 58%;
   }
 }
-@keyframes jkl-checkbox-indeterminate-u5nwlwc {
+@keyframes jkl-checkbox-indeterminate-uaz1tpy {
   0% {
     width: 0;
   }
@@ -74,11 +74,11 @@
   top: -6px;
 }
 .jkl-checkbox__input:checked + .jkl-checkbox__label .jkl-checkbox__check-mark::after {
-  animation: jkl-checkbox-checked-u5nwlvs 150ms ease-in-out forwards;
+  animation: jkl-checkbox-checked-uaz1tpd 150ms ease-in-out forwards;
   opacity: 1;
 }
 .jkl-checkbox__input:indeterminate:not(:checked) + .jkl-checkbox__label .jkl-checkbox__indeterminate-mark::after {
-  animation: jkl-checkbox-indeterminate-u5nwlwc 150ms ease-in-out forwards;
+  animation: jkl-checkbox-indeterminate-uaz1tpy 150ms ease-in-out forwards;
   opacity: 1;
 }
 .jkl-checkbox__input:focus-visible + .jkl-checkbox__label {

package/styles/components/checkbox/checkbox.min.css

@@ -1 +1 @@
-:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-checkbox-font-size:var(--jkl-body-font-size);--jkl-checkbox-line-height:var(--jkl-body-line-height);--jkl-checkbox-font-weight:var(--jkl-body-font-weight);--jkl-checkbox-height:3rem;--jkl-checkbox-box-size:1.5rem;--jkl-checkbox-line-height:2rem}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-checkbox-height:2.5rem;--jkl-checkbox-box-size:1.5rem;--jkl-checkbox-line-height:1.75rem}}[data-density=compact],[data-layout-density=compact]{--jkl-checkbox-font-size:var(--jkl-small-font-size);--jkl-checkbox-line-height:var(--jkl-small-line-height);--jkl-checkbox-font-weight:var(--jkl-small-font-weight);--jkl-checkbox-height:1.75rem;--jkl-checkbox-box-size:1.125rem;--jkl-checkbox-line-height:1.5rem}@keyframes jkl-checkbox-checked-u5nwlvs{0%{height:0;width:0}40%{height:0;width:18%}to{height:58%;width:18%}}@keyframes jkl-checkbox-indeterminate-u5nwlwc{0%{width:0}to{width:66%}}.jkl-checkbox{--box-color:var(--jkl-color-border-action);--check-color:var(--jkl-color-border-action);--text-color:var(--jkl-color-text-default);--background-color:#0000;color:var(--text-color);display:flex;flex-wrap:wrap;font-size:var(--jkl-checkbox-font-size);font-weight:var(--jkl-checkbox-font-weight);line-height:var(--jkl-checkbox-line-height);min-height:var(--jkl-checkbox-height);position:relative}.jkl-checkbox__input{opacity:0;position:absolute;top:-6px}.jkl-checkbox__input:checked+.jkl-checkbox__label .jkl-checkbox__check-mark:after{animation:jkl-checkbox-checked-u5nwlvs .15s ease-in-out forwards;opacity:1}.jkl-checkbox__input:indeterminate:not(:checked)+.jkl-checkbox__label .jkl-checkbox__indeterminate-mark:after{animation:jkl-checkbox-indeterminate-u5nwlwc .15s ease-in-out forwards;opacity:1}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label{color:var(--jkl-checkbox-focus-color)}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label>.jkl-checkbox__mark{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}.jkl-checkbox__input:disabled+.jkl-checkbox__label{color:var(--jkl-checkbox-disabled-color)}.jkl-checkbox__input:active{--background-color:var(--jkl-color-background-input-focus)}.jkl-checkbox__label{cursor:pointer;display:flex;flex-shrink:0;max-width:100%;min-width:0}.jkl-checkbox__label:active .jkl-checkbox__mark,.jkl-checkbox__label:hover .jkl-checkbox__mark{outline:1px solid var(--box-color)}.jkl-checkbox__text{margin:calc((var(--jkl-checkbox-height) - var(--jkl-checkbox-line-height))*.5) 0;transition-duration:.15s;transition-property:color;transition-timing-function:ease;translate:0 .0625rem}.jkl-checkbox__mark{box-sizing:border-box;height:var(--jkl-checkbox-box-size);margin-block:calc((var(--jkl-checkbox-height) - var(--jkl-checkbox-box-size))*.5);position:relative;width:var(--jkl-checkbox-box-size);-webkit-margin-end:var(--jkl-unit-10);align-self:flex-start;background-color:var(--background-color);border:1px solid;border-color:var(--box-color);border-radius:0;flex-shrink:0;margin-inline-end:var(--jkl-unit-10);outline:none;transition-duration:.15s;transition-property:background-color;transition-timing-function:ease}@media screen and (forced-colors:active){.jkl-checkbox__mark{border:1px solid ButtonText;outline:revert}}.jkl-checkbox__check-mark:after{border-bottom:.125rem solid var(--check-color);border-left-width:.125rem;border-left:0 solid var(--check-color);border-right:.125rem solid var(--check-color);border-top-width:.125rem;border-top:0 solid var(--check-color);bottom:42%;content:"";display:block;height:58%;left:18%;opacity:0;position:absolute;transform:rotate(45deg);transform-origin:bottom left;transition-duration:.15s;transition-property:opacity,border-color;transition-timing-function:ease;width:18%}@media screen and (forced-colors:active){.jkl-checkbox__check-mark:after{border-color:ButtonText}}.jkl-checkbox__indeterminate-mark:after{--width:66%;--thickness:0.125rem;border-bottom:solid var(--thickness) var(--check-color);bottom:calc(50% - var(--thickness)/2);content:"";display:block;left:calc((100% - var(--width))/2);opacity:0;position:absolute;transition-duration:.15s;transition-property:opacity,border-color;transition-timing-function:ease;width:var(--width)}@media screen and (forced-colors:active){.jkl-checkbox__indeterminate-mark:after{border-color:ButtonText}}.jkl-checkbox--inline{display:inline-flex}.jkl-checkbox--inline:not(:last-of-type){margin-right:calc(var(--jkl-unit-10)*3)}.jkl-checkbox--error{--background-color:var(--jkl-color-background-alert-error);--check-color:var(--jkl-color-text-on-alert)}
+:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-checkbox-font-size:var(--jkl-body-font-size);--jkl-checkbox-line-height:var(--jkl-body-line-height);--jkl-checkbox-font-weight:var(--jkl-body-font-weight);--jkl-checkbox-height:3rem;--jkl-checkbox-box-size:1.5rem;--jkl-checkbox-line-height:2rem}@media (width >= 0) and (max-width:679px){:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-checkbox-height:2.5rem;--jkl-checkbox-box-size:1.5rem;--jkl-checkbox-line-height:1.75rem}}[data-density=compact],[data-layout-density=compact]{--jkl-checkbox-font-size:var(--jkl-small-font-size);--jkl-checkbox-line-height:var(--jkl-small-line-height);--jkl-checkbox-font-weight:var(--jkl-small-font-weight);--jkl-checkbox-height:1.75rem;--jkl-checkbox-box-size:1.125rem;--jkl-checkbox-line-height:1.5rem}@keyframes jkl-checkbox-checked-uaz1tpd{0%{height:0;width:0}40%{height:0;width:18%}to{height:58%;width:18%}}@keyframes jkl-checkbox-indeterminate-uaz1tpy{0%{width:0}to{width:66%}}.jkl-checkbox{--box-color:var(--jkl-color-border-action);--check-color:var(--jkl-color-border-action);--text-color:var(--jkl-color-text-default);--background-color:#0000;color:var(--text-color);display:flex;flex-wrap:wrap;font-size:var(--jkl-checkbox-font-size);font-weight:var(--jkl-checkbox-font-weight);line-height:var(--jkl-checkbox-line-height);min-height:var(--jkl-checkbox-height);position:relative}.jkl-checkbox__input{opacity:0;position:absolute;top:-6px}.jkl-checkbox__input:checked+.jkl-checkbox__label .jkl-checkbox__check-mark:after{animation:jkl-checkbox-checked-uaz1tpd .15s ease-in-out forwards;opacity:1}.jkl-checkbox__input:indeterminate:not(:checked)+.jkl-checkbox__label .jkl-checkbox__indeterminate-mark:after{animation:jkl-checkbox-indeterminate-uaz1tpy .15s ease-in-out forwards;opacity:1}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label{color:var(--jkl-checkbox-focus-color)}.jkl-checkbox__input:focus-visible+.jkl-checkbox__label>.jkl-checkbox__mark{outline:3px solid var(--jkl-color-border-action);outline-offset:3px}.jkl-checkbox__input:disabled+.jkl-checkbox__label{color:var(--jkl-checkbox-disabled-color)}.jkl-checkbox__input:active{--background-color:var(--jkl-color-background-input-focus)}.jkl-checkbox__label{cursor:pointer;display:flex;flex-shrink:0;max-width:100%;min-width:0}.jkl-checkbox__label:active .jkl-checkbox__mark,.jkl-checkbox__label:hover .jkl-checkbox__mark{outline:1px solid var(--box-color)}.jkl-checkbox__text{margin:calc((var(--jkl-checkbox-height) - var(--jkl-checkbox-line-height))*.5) 0;transition-duration:.15s;transition-property:color;transition-timing-function:ease;translate:0 .0625rem}.jkl-checkbox__mark{box-sizing:border-box;height:var(--jkl-checkbox-box-size);margin-block:calc((var(--jkl-checkbox-height) - var(--jkl-checkbox-box-size))*.5);position:relative;width:var(--jkl-checkbox-box-size);-webkit-margin-end:var(--jkl-unit-10);align-self:flex-start;background-color:var(--background-color);border:1px solid;border-color:var(--box-color);border-radius:0;flex-shrink:0;margin-inline-end:var(--jkl-unit-10);outline:none;transition-duration:.15s;transition-property:background-color;transition-timing-function:ease}@media screen and (forced-colors:active){.jkl-checkbox__mark{border:1px solid ButtonText;outline:revert}}.jkl-checkbox__check-mark:after{border-bottom:.125rem solid var(--check-color);border-left-width:.125rem;border-left:0 solid var(--check-color);border-right:.125rem solid var(--check-color);border-top-width:.125rem;border-top:0 solid var(--check-color);bottom:42%;content:"";display:block;height:58%;left:18%;opacity:0;position:absolute;transform:rotate(45deg);transform-origin:bottom left;transition-duration:.15s;transition-property:opacity,border-color;transition-timing-function:ease;width:18%}@media screen and (forced-colors:active){.jkl-checkbox__check-mark:after{border-color:ButtonText}}.jkl-checkbox__indeterminate-mark:after{--width:66%;--thickness:0.125rem;border-bottom:solid var(--thickness) var(--check-color);bottom:calc(50% - var(--thickness)/2);content:"";display:block;left:calc((100% - var(--width))/2);opacity:0;position:absolute;transition-duration:.15s;transition-property:opacity,border-color;transition-timing-function:ease;width:var(--width)}@media screen and (forced-colors:active){.jkl-checkbox__indeterminate-mark:after{border-color:ButtonText}}.jkl-checkbox--inline{display:inline-flex}.jkl-checkbox--inline:not(:last-of-type){margin-right:calc(var(--jkl-unit-10)*3)}.jkl-checkbox--error{--background-color:var(--jkl-color-background-alert-error);--check-color:var(--jkl-color-text-on-alert)}

package/styles/components/{input-panel → checkbox-panel}/_index.scss

@@ -1,2 +1 @@
-@forward "radio-panel";
 @forward "checkbox-panel";

package/styles/components/{input-panel → checkbox-panel}/checkbox-panel.css

@@ -62,7 +62,7 @@
   --outer-border-thickness: 0.125rem;
 }
 
-@keyframes jkl-checkbox-checked-uav1e4s {
+@keyframes jkl-checkbox-checked-ucxra27 {
   0% {
     width: 0;
     height: 0;
@@ -125,7 +125,7 @@
   }
 }
 .jkl-checkbox-panel:has(:checked) .jkl-checkbox-panel__decorator::after {
-  animation: jkl-checkbox-checked-uav1e4s 150ms ease-in-out forwards;
+  animation: jkl-checkbox-checked-ucxra27 150ms ease-in-out forwards;
   opacity: 1;
 }
 .jkl-checkbox-panel:has([aria-invalid=true]) {

package/styles/components/{input-panel → checkbox-panel}/checkbox-panel.min.css

@@ -1 +1 @@
-.jkl-input-panel{--outer-border-color:var(--jkl-color-border-input);--outer-border-thickness:0.0625rem;--background-color:#0000;background-color:var(--background-color);border-radius:4px;box-shadow:inset 0 0 0 var(--outer-border-thickness) var(--outer-border-color);cursor:pointer;padding-left:1rem}.jkl-input-panel__input{opacity:0;position:absolute;top:-6px}.jkl-input-panel__label{align-items:center;cursor:pointer;display:grid;gap:.5rem;grid-template-columns:-webkit-min-content fit-content(30%) 1fr;grid-template-columns:min-content fit-content(30%) 1fr}.jkl-input-panel__main-label{padding-block:1.5rem}.jkl-input-panel__extra-label{align-self:stretch;margin-left:1rem;margin-right:1rem}.jkl-input-panel__extra-label>:first-child{padding-right:1rem}.jkl-input-panel__extra-label--text{align-items:center;display:flex;height:100%}.jkl-input-panel__content{cursor:default;height:0;overflow:hidden;padding-right:1.5rem}.jkl-input-panel:has([aria-expanded=true]) .jkl-input-panel__content,.jkl-input-panel__content[data-alwaysopen=true]{height:auto;padding-bottom:24px}.jkl-input-panel:has(:focus-visible){outline:3px solid var(--jkl-color-border-action);outline-offset:3px}.jkl-input-panel:has(:checked){--background-color:var(--jkl-color-background-container-high)}.jkl-input-panel:hover{--outer-border-color:var(--jkl-color-border-separator-hover);--outer-border-thickness:0.125rem}@keyframes jkl-checkbox-checked-uav1e4s{0%{height:0;width:0}40%{height:0;width:18%}to{height:58%;width:18%}}.jkl-checkbox-panel{--checkbox-background-color:#0000;--checkbox-box-color:var(--jkl-color-border-action);--checkbox-check-color:var(--jkl-color-border-action)}.jkl-checkbox-panel__decorator{background-color:var(--checkbox-background-color);border:1px solid;border-color:var(--checkbox-box-color);border-radius:0;box-sizing:border-box;height:var(--jkl-checkbox-box-size);outline:none;position:relative;transition-duration:.15s;transition-property:background-color;transition-timing-function:ease;width:var(--jkl-checkbox-box-size)}@media screen and (forced-colors:active){.jkl-checkbox-panel__decorator{border:1px solid ButtonText;outline:revert}}.jkl-checkbox-panel__decorator:after{border-bottom:.125rem solid var(--checkbox-check-color);border-left-width:.125rem;border-left:0 solid var(--checkbox-check-color);border-right:.125rem solid var(--checkbox-check-color);border-top-width:.125rem;border-top:0 solid var(--checkbox-check-color);bottom:42%;content:"";display:block;height:58%;left:18%;opacity:0;position:absolute;transform:rotate(45deg);transform-origin:bottom left;transition-duration:.15s;transition-property:opacity,border-color;transition-timing-function:ease;width:18%}@media screen and (forced-colors:active){.jkl-checkbox-panel__decorator:after{border-color:ButtonText}}.jkl-checkbox-panel:has(:checked) .jkl-checkbox-panel__decorator:after{animation:jkl-checkbox-checked-uav1e4s .15s ease-in-out forwards;opacity:1}.jkl-checkbox-panel:has([aria-invalid=true]){--checkbox-background-color:var(--jkl-color-background-alert-error);--checkbox-check-color:var(--jkl-color-text-on-alert)}
+.jkl-input-panel{--outer-border-color:var(--jkl-color-border-input);--outer-border-thickness:0.0625rem;--background-color:#0000;background-color:var(--background-color);border-radius:4px;box-shadow:inset 0 0 0 var(--outer-border-thickness) var(--outer-border-color);cursor:pointer;padding-left:1rem}.jkl-input-panel__input{opacity:0;position:absolute;top:-6px}.jkl-input-panel__label{align-items:center;cursor:pointer;display:grid;gap:.5rem;grid-template-columns:-webkit-min-content fit-content(30%) 1fr;grid-template-columns:min-content fit-content(30%) 1fr}.jkl-input-panel__main-label{padding-block:1.5rem}.jkl-input-panel__extra-label{align-self:stretch;margin-left:1rem;margin-right:1rem}.jkl-input-panel__extra-label>:first-child{padding-right:1rem}.jkl-input-panel__extra-label--text{align-items:center;display:flex;height:100%}.jkl-input-panel__content{cursor:default;height:0;overflow:hidden;padding-right:1.5rem}.jkl-input-panel:has([aria-expanded=true]) .jkl-input-panel__content,.jkl-input-panel__content[data-alwaysopen=true]{height:auto;padding-bottom:24px}.jkl-input-panel:has(:focus-visible){outline:3px solid var(--jkl-color-border-action);outline-offset:3px}.jkl-input-panel:has(:checked){--background-color:var(--jkl-color-background-container-high)}.jkl-input-panel:hover{--outer-border-color:var(--jkl-color-border-separator-hover);--outer-border-thickness:0.125rem}@keyframes jkl-checkbox-checked-ucxra27{0%{height:0;width:0}40%{height:0;width:18%}to{height:58%;width:18%}}.jkl-checkbox-panel{--checkbox-background-color:#0000;--checkbox-box-color:var(--jkl-color-border-action);--checkbox-check-color:var(--jkl-color-border-action)}.jkl-checkbox-panel__decorator{background-color:var(--checkbox-background-color);border:1px solid;border-color:var(--checkbox-box-color);border-radius:0;box-sizing:border-box;height:var(--jkl-checkbox-box-size);outline:none;position:relative;transition-duration:.15s;transition-property:background-color;transition-timing-function:ease;width:var(--jkl-checkbox-box-size)}@media screen and (forced-colors:active){.jkl-checkbox-panel__decorator{border:1px solid ButtonText;outline:revert}}.jkl-checkbox-panel__decorator:after{border-bottom:.125rem solid var(--checkbox-check-color);border-left-width:.125rem;border-left:0 solid var(--checkbox-check-color);border-right:.125rem solid var(--checkbox-check-color);border-top-width:.125rem;border-top:0 solid var(--checkbox-check-color);bottom:42%;content:"";display:block;height:58%;left:18%;opacity:0;position:absolute;transform:rotate(45deg);transform-origin:bottom left;transition-duration:.15s;transition-property:opacity,border-color;transition-timing-function:ease;width:18%}@media screen and (forced-colors:active){.jkl-checkbox-panel__decorator:after{border-color:ButtonText}}.jkl-checkbox-panel:has(:checked) .jkl-checkbox-panel__decorator:after{animation:jkl-checkbox-checked-ucxra27 .15s ease-in-out forwards;opacity:1}.jkl-checkbox-panel:has([aria-invalid=true]){--checkbox-background-color:var(--jkl-color-background-alert-error);--checkbox-check-color:var(--jkl-color-text-on-alert)}

package/styles/components/{input-panel → checkbox-panel}/checkbox-panel.scss

@@ -1,6 +1,6 @@
-@use "../../core/jkl/" as jkl;
+@use "../../core/jkl" as jkl;
 @use "sass:string";
-@use "./shared.scss";
+@use "../../../shared/input-panel/styles/shared.scss";
 
 $_checkbox-checked-animation-name: jkl-checkbox-checked-#{string.unique-id()};
 

package/styles/components/countdown/_index.scss

@@ -0,0 +1 @@
+@forward "countdown";

package/styles/components/countdown/countdown.css

@@ -0,0 +1,40 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 18 Dec 2024 12:25:37 GMT
+ */
+.jkl-countdown {
+  --track-color: var(--jkl-color-border-separator);
+  --bar-color: var(--jkl-color-border-input-focus);
+  --bar-height: 0.25rem;
+  background-color: var(--track-color);
+  border-radius: 6.25rem;
+  height: var(--bar-height);
+  width: 100%;
+  overflow: hidden;
+}
+.jkl-countdown__tracker {
+  display: block;
+  height: var(--bar-height);
+  background-color: var(--bar-color);
+}
+@media screen and (forced-colors: active) {
+  .jkl-countdown {
+    background-color: Canvas;
+  }
+  .jkl-countdown__tracker {
+    background-color: CanvasText;
+  }
+}
+.jkl-countdown__tracker {
+  animation: jkl-downcount-uro7bas var(--duration) linear forwards;
+  animation-play-state: var(--play-state, running);
+}
+
+@keyframes jkl-downcount-uro7bas {
+  from {
+    width: 100%;
+  }
+  to {
+    width: 0%;
+  }
+}

package/styles/components/countdown/countdown.min.css

@@ -0,0 +1 @@
+.jkl-countdown{--track-color:var(--jkl-color-border-separator);--bar-color:var(--jkl-color-border-input-focus);--bar-height:0.25rem;background-color:var(--track-color);border-radius:6.25rem;height:var(--bar-height);overflow:hidden;width:100%}.jkl-countdown__tracker{background-color:var(--bar-color);display:block;height:var(--bar-height)}@media screen and (forced-colors:active){.jkl-countdown{background-color:Canvas}.jkl-countdown__tracker{background-color:CanvasText}}.jkl-countdown__tracker{animation:jkl-downcount-uro7bas var(--duration) linear forwards;animation-play-state:var(--play-state,running)}@keyframes jkl-downcount-uro7bas{0%{width:100%}to{width:0}}

package/styles/components/countdown/countdown.scss

@@ -0,0 +1,23 @@
+@use "sass:string";
+@use "../../../shared/track/styles/track.scss" as track;
+
+$_downcount: jkl-downcount-#{string.unique-id()};
+
+.jkl-countdown {
+    @include track.track;
+
+    &__tracker {
+        animation: $_downcount var(--duration) linear forwards;
+        animation-play-state: var(--play-state, running);
+    }
+}
+
+@keyframes #{$_downcount} {
+    from {
+        width: 100%;
+    }
+
+    to {
+        width: 0%;
+    }
+}

package/styles/components/feedback/feedback.css

@@ -2,7 +2,7 @@
  * Do not edit directly
  * Generated on Wed, 18 Dec 2024 12:25:37 GMT
  */
-@keyframes jkl-show-u37tsiv {
+@keyframes jkl-show-u6yot8a {
   from {
     transform: translate3d(0, 0.5rem, 0);
     opacity: 0;
@@ -37,7 +37,7 @@
   }
 }
 .jkl-feedback__fade-in {
-  animation: jkl-show-u37tsiv 0.25s ease-out;
+  animation: jkl-show-u6yot8a 0.25s ease-out;
 }
 .jkl-feedback__buttons {
   display: flex;

package/styles/components/feedback/feedback.min.css

@@ -1 +1 @@
-@keyframes jkl-show-u37tsiv{0%{opacity:0;transform:translate3d(0,.5rem,0)}}.jkl-feedback{max-width:34.375rem}.jkl-feedback__submit-wrapper{transition-duration:.25s;transition-property:height;transition-timing-function:ease;width:100%}.jkl-feedback__submit-wrapper--hidden{display:none}.jkl-feedback__step-counter{color:var(--jkl-color-text-subdued);font-size:1.125rem;font-weight:400;line-height:1.75rem;margin-bottom:calc(var(--jkl-unit-10)*2);--jkl-icon-weight:300}@media (min-width:680px){.jkl-feedback__step-counter{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300}}.jkl-feedback__fade-in{animation:jkl-show-u37tsiv .25s ease-out}.jkl-feedback__buttons{display:flex}.jkl-feedback-smileys{display:flex;flex-wrap:nowrap;gap:.75rem;justify-content:space-between;margin-top:.5rem;max-width:22.5rem;width:100%}.jkl-feedback-smiley-option{color:var(--jkl-color-text-subdued);cursor:pointer;display:inline-block;height:2.5rem;position:relative;transform:translateZ(0);transition-duration:.15s;transition-property:transform,color;transition-timing-function:ease;width:2.5rem}@media screen and (forced-colors:active){.jkl-feedback-smiley-option,.jkl-feedback-smiley-option path,.jkl-feedback-smiley-option svg{stroke:ButtonFace;fill:ButtonText}}.jkl-feedback-smiley-option:after,.jkl-feedback-smiley-option:before{border-radius:50%;content:"";opacity:0;position:absolute;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease}.jkl-feedback-smiley-option:after{box-shadow:0 0 0 .125rem currentColor;inset:-.125rem -.125rem -.125rem -.125rem}.jkl-feedback-smiley-option:before{box-shadow:0 .125rem 1.875rem #0000001a;inset:0}.jkl-feedback-smiley-option:hover{color:var(--jkl-color-text-default)}input:checked+.jkl-feedback-smiley-option{color:var(--jkl-color-text-default);transform:translate3d(0,-20%,0)}html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus+.jkl-feedback-smiley-option:after,input:checked+.jkl-feedback-smiley-option:before{opacity:1}
+@keyframes jkl-show-u6yot8a{0%{opacity:0;transform:translate3d(0,.5rem,0)}}.jkl-feedback{max-width:34.375rem}.jkl-feedback__submit-wrapper{transition-duration:.25s;transition-property:height;transition-timing-function:ease;width:100%}.jkl-feedback__submit-wrapper--hidden{display:none}.jkl-feedback__step-counter{color:var(--jkl-color-text-subdued);font-size:1.125rem;font-weight:400;line-height:1.75rem;margin-bottom:calc(var(--jkl-unit-10)*2);--jkl-icon-weight:300}@media (min-width:680px){.jkl-feedback__step-counter{font-size:1.25rem;font-weight:400;line-height:2rem;--jkl-icon-weight:300}}.jkl-feedback__fade-in{animation:jkl-show-u6yot8a .25s ease-out}.jkl-feedback__buttons{display:flex}.jkl-feedback-smileys{display:flex;flex-wrap:nowrap;gap:.75rem;justify-content:space-between;margin-top:.5rem;max-width:22.5rem;width:100%}.jkl-feedback-smiley-option{color:var(--jkl-color-text-subdued);cursor:pointer;display:inline-block;height:2.5rem;position:relative;transform:translateZ(0);transition-duration:.15s;transition-property:transform,color;transition-timing-function:ease;width:2.5rem}@media screen and (forced-colors:active){.jkl-feedback-smiley-option,.jkl-feedback-smiley-option path,.jkl-feedback-smiley-option svg{stroke:ButtonFace;fill:ButtonText}}.jkl-feedback-smiley-option:after,.jkl-feedback-smiley-option:before{border-radius:50%;content:"";opacity:0;position:absolute;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease}.jkl-feedback-smiley-option:after{box-shadow:0 0 0 .125rem currentColor;inset:-.125rem -.125rem -.125rem -.125rem}.jkl-feedback-smiley-option:before{box-shadow:0 .125rem 1.875rem #0000001a;inset:0}.jkl-feedback-smiley-option:hover{color:var(--jkl-color-text-default)}input:checked+.jkl-feedback-smiley-option{color:var(--jkl-color-text-default);transform:translate3d(0,-20%,0)}html:not([data-mousenavigation]):not([data-touchnavigation]) input:focus+.jkl-feedback-smiley-option:after,input:checked+.jkl-feedback-smiley-option:before{opacity:1}

package/styles/components/input-group/input-group.css

@@ -78,7 +78,7 @@
   --color: var(--jkl-color-text-default);
 }
 .jkl-form-support-label--error .jkl-form-support-label__icon, .jkl-form-support-label--warning .jkl-form-support-label__icon, .jkl-form-support-label--success .jkl-form-support-label__icon {
-  animation: 400ms cubic-bezier(0, 0, 0.3, 1) 250ms jkl-support-icon-entrance-u34ueo4 forwards;
+  animation: 400ms cubic-bezier(0, 0, 0.3, 1) 250ms jkl-support-icon-entrance-u3wpzuv forwards;
 }
 .jkl-form-support-label--sr-only {
   border: 0 !important;
@@ -153,7 +153,7 @@
   white-space: nowrap !important; /* 3 */
 }
 
-@keyframes jkl-support-icon-entrance-u34ueo4 {
+@keyframes jkl-support-icon-entrance-u3wpzuv {
   0% {
     margin-right: 0;
     opacity: 0;

package/styles/components/input-group/input-group.min.css

@@ -1 +1 @@
-.jkl-field-group{border-style:none}.jkl-field-group,.jkl-field-group:active,.jkl-field-group:focus,.jkl-field-group:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-field-group{border-style:revert}.jkl-field-group,.jkl-field-group:active,.jkl-field-group:focus,.jkl-field-group:hover{outline:revert;outline-style:revert}}.jkl-dormant-form-support-label{display:none;opacity:0;pointer-events:none}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-form-support-label-font-size:var(--jkl-small-font-size);--jkl-form-support-label-line-height:var(--jkl-small-line-height);--jkl-form-support-label-font-weight:var(--jkl-small-font-weight);--jkl-form-support-label-margin:0.5rem 0 0;--jkl-form-support-label-icon-size:1.25rem;--jkl-form-support-label-icon-margin:0 -1.25rem -0.375rem 0}[data-density=compact],[data-layout-density=compact]{--jkl-form-support-label-icon-size:1.375rem;--jkl-form-support-label-icon-margin:0 -1.375rem -0.3125rem 0}.jkl-form-support-label{--color:var(--jkl-color-text-subdued);color:var(--color);display:flex;font-size:var(--jkl-form-support-label-font-size);font-weight:var(--jkl-form-support-label-font-weight);line-height:var(--jkl-form-support-label-line-height);margin:var(--jkl-form-support-label-margin);transition-delay:.15s;transition-duration:.4s;transition-property:color;transition-timing-function:ease}.jkl-form-support-label__icon,.jkl-form-support-label__icon.jkl-icon{height:var(--jkl-form-support-label-icon-size);margin:var(--jkl-form-support-label-icon-margin);opacity:0}@media screen and (forced-colors:active){.jkl-form-support-label__icon,.jkl-form-support-label__icon path,.jkl-form-support-label__icon svg,.jkl-form-support-label__icon.jkl-icon,.jkl-form-support-label__icon.jkl-icon path,.jkl-form-support-label__icon.jkl-icon svg{stroke:CanvasText;fill:Canvas}}.jkl-form-support-label--error,.jkl-form-support-label--success,.jkl-form-support-label--warning{--color:var(--jkl-color-text-default)}.jkl-form-support-label--error .jkl-form-support-label__icon,.jkl-form-support-label--success .jkl-form-support-label__icon,.jkl-form-support-label--warning .jkl-form-support-label__icon{animation:jkl-support-icon-entrance-u34ueo4 .4s cubic-bezier(0,0,.3,1) .25s forwards}.jkl-form-support-label--sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-label-small-margin:0 0 0.25rem 0;--jkl-label-medium-margin:0 0 0.5rem 0;--jkl-label-large-margin:0 0 1rem -0.0625rem;--jkl-label-small-font-size:var(--jkl-small-font-size);--jkl-label-small-line-height:var(--jkl-small-line-height);--jkl-label-small-font-weight:var(--jkl-small-font-weight);--jkl-label-medium-font-size:var(--jkl-body-font-size);--jkl-label-medium-line-height:var(--jkl-body-line-height);--jkl-label-medium-font-weight:var(--jkl-body-font-weight);--jkl-label-large-font-size:var(--jkl-heading-2-font-size);--jkl-label-large-line-height:var(--jkl-heading-2-line-height);--jkl-label-large-font-weight:var(--jkl-heading-2-font-weight)}[data-density=compact],[data-layout-density=compact]{--jkl-label-small-margin:0 0 0.25rem 0;--jkl-label-medium-margin:0 0 0.5rem 0;--jkl-label-large-margin:0 0 0.75rem -0.0625rem}.jkl-label{color:var(--jkl-color-text-default);display:block;margin-left:0}.jkl-label--small{font-size:var(--jkl-label-small-font-size);font-weight:var(--jkl-label-small-font-weight);line-height:var(--jkl-label-small-line-height);margin:var(--jkl-label-small-margin)}.jkl-label--medium{font-size:var(--jkl-label-medium-font-size);font-weight:var(--jkl-label-medium-font-weight);line-height:var(--jkl-label-medium-line-height);margin:var(--jkl-label-medium-margin)}.jkl-label--large{font-size:var(--jkl-label-large-font-size);font-weight:var(--jkl-label-large-font-weight);line-height:var(--jkl-label-large-line-height);margin:var(--jkl-label-large-margin)}.jkl-label--sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}@keyframes jkl-support-icon-entrance-u34ueo4{0%{margin-right:0;opacity:0;transform:scale(1)}30%{margin-right:.5rem}50%{opacity:1}70%{transform:scale(1.1)}85%{transform:scale(.9)}to{margin-right:.5rem;opacity:1;transform:scale(1)}}@media screen and (forced-colors:active){.jkl-text-input-action-button,.jkl-text-input-action-button path,.jkl-text-input-action-button svg{stroke:ButtonText;fill:ButtonFace}}
+.jkl-field-group{border-style:none}.jkl-field-group,.jkl-field-group:active,.jkl-field-group:focus,.jkl-field-group:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-field-group{border-style:revert}.jkl-field-group,.jkl-field-group:active,.jkl-field-group:focus,.jkl-field-group:hover{outline:revert;outline-style:revert}}.jkl-dormant-form-support-label{display:none;opacity:0;pointer-events:none}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-form-support-label-font-size:var(--jkl-small-font-size);--jkl-form-support-label-line-height:var(--jkl-small-line-height);--jkl-form-support-label-font-weight:var(--jkl-small-font-weight);--jkl-form-support-label-margin:0.5rem 0 0;--jkl-form-support-label-icon-size:1.25rem;--jkl-form-support-label-icon-margin:0 -1.25rem -0.375rem 0}[data-density=compact],[data-layout-density=compact]{--jkl-form-support-label-icon-size:1.375rem;--jkl-form-support-label-icon-margin:0 -1.375rem -0.3125rem 0}.jkl-form-support-label{--color:var(--jkl-color-text-subdued);color:var(--color);display:flex;font-size:var(--jkl-form-support-label-font-size);font-weight:var(--jkl-form-support-label-font-weight);line-height:var(--jkl-form-support-label-line-height);margin:var(--jkl-form-support-label-margin);transition-delay:.15s;transition-duration:.4s;transition-property:color;transition-timing-function:ease}.jkl-form-support-label__icon,.jkl-form-support-label__icon.jkl-icon{height:var(--jkl-form-support-label-icon-size);margin:var(--jkl-form-support-label-icon-margin);opacity:0}@media screen and (forced-colors:active){.jkl-form-support-label__icon,.jkl-form-support-label__icon path,.jkl-form-support-label__icon svg,.jkl-form-support-label__icon.jkl-icon,.jkl-form-support-label__icon.jkl-icon path,.jkl-form-support-label__icon.jkl-icon svg{stroke:CanvasText;fill:Canvas}}.jkl-form-support-label--error,.jkl-form-support-label--success,.jkl-form-support-label--warning{--color:var(--jkl-color-text-default)}.jkl-form-support-label--error .jkl-form-support-label__icon,.jkl-form-support-label--success .jkl-form-support-label__icon,.jkl-form-support-label--warning .jkl-form-support-label__icon{animation:jkl-support-icon-entrance-u3wpzuv .4s cubic-bezier(0,0,.3,1) .25s forwards}.jkl-form-support-label--sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}:root,[data-density=comfortable],[data-layout-density=comfortable]{--jkl-label-small-margin:0 0 0.25rem 0;--jkl-label-medium-margin:0 0 0.5rem 0;--jkl-label-large-margin:0 0 1rem -0.0625rem;--jkl-label-small-font-size:var(--jkl-small-font-size);--jkl-label-small-line-height:var(--jkl-small-line-height);--jkl-label-small-font-weight:var(--jkl-small-font-weight);--jkl-label-medium-font-size:var(--jkl-body-font-size);--jkl-label-medium-line-height:var(--jkl-body-line-height);--jkl-label-medium-font-weight:var(--jkl-body-font-weight);--jkl-label-large-font-size:var(--jkl-heading-2-font-size);--jkl-label-large-line-height:var(--jkl-heading-2-line-height);--jkl-label-large-font-weight:var(--jkl-heading-2-font-weight)}[data-density=compact],[data-layout-density=compact]{--jkl-label-small-margin:0 0 0.25rem 0;--jkl-label-medium-margin:0 0 0.5rem 0;--jkl-label-large-margin:0 0 0.75rem -0.0625rem}.jkl-label{color:var(--jkl-color-text-default);display:block;margin-left:0}.jkl-label--small{font-size:var(--jkl-label-small-font-size);font-weight:var(--jkl-label-small-font-weight);line-height:var(--jkl-label-small-line-height);margin:var(--jkl-label-small-margin)}.jkl-label--medium{font-size:var(--jkl-label-medium-font-size);font-weight:var(--jkl-label-medium-font-weight);line-height:var(--jkl-label-medium-line-height);margin:var(--jkl-label-medium-margin)}.jkl-label--large{font-size:var(--jkl-label-large-font-size);font-weight:var(--jkl-label-large-font-weight);line-height:var(--jkl-label-large-line-height);margin:var(--jkl-label-large-margin)}.jkl-label--sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}@keyframes jkl-support-icon-entrance-u3wpzuv{0%{margin-right:0;opacity:0;transform:scale(1)}30%{margin-right:.5rem}50%{opacity:1}70%{transform:scale(1.1)}85%{transform:scale(.9)}to{margin-right:.5rem;opacity:1;transform:scale(1)}}@media screen and (forced-colors:active){.jkl-text-input-action-button,.jkl-text-input-action-button path,.jkl-text-input-action-button svg{stroke:ButtonText;fill:ButtonFace}}

package/styles/components/link/_index.scss

@@ -1,2 +1 @@
 @forward "link";
-@forward "nav-link";