@kakadu/components 4.3.5 → 4.4.0

package/build/hooks/use-is-document-focused.mjs

@@ -0,0 +1,24 @@
+import { useState as i, useEffect as s } from "react";
+function c(n = !0) {
+  const [u, o] = i(void 0);
+  return s(() => {
+    if (!n)
+      return;
+    let t;
+    const e = () => {
+      if (clearTimeout(t), document.hidden) {
+        o(!1);
+        return;
+      }
+      t = setTimeout(() => {
+        o(!0);
+      }, 0);
+    };
+    return document.addEventListener("visibilitychange", e), window.addEventListener("focus", e), () => {
+      document.removeEventListener("visibilitychange", e), window.removeEventListener("focus", e), clearTimeout(t);
+    };
+  }, [n]), u;
+}
+export {
+  c as default
+};

package/build/index.d.ts

@@ -178,6 +178,8 @@ export * from './icons/edge-browser-logo';
 export { default as EdgeBrowserLogoSvg } from './icons/edge-browser-logo';
 export * from './hooks/use-fetch';
 export { default as useFetch } from './hooks/use-fetch';
+export * from './hooks/use-is-document-focused';
+export { default as useIsDocumentFocused } from './hooks/use-is-document-focused';
 export * from './hooks/use-media-query';
 export { default as useMediaQuery } from './hooks/use-media-query';
 export * from './hooks/use-synchronized-value';

package/build/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./theme.js"),m=require("./components/aria-text.js"),q=require("./components/atom.js"),x=require("./components/bankid-logo.js"),P=require("./components/box.js"),t=require("./components/button.js"),_=require("./components/button-tooltip.js"),w=require("./components/card.js"),I=require("./components/click-ripples.js"),M=require("./components/collapsible.js"),v=require("./components/combobox.js"),B=require("./components/copy-icon-button.js"),D=require("./components/datum.js"),G=require("./components/decorators.js"),R=require("./components/dnb-logo.js"),A=require("./components/dot.js"),c=require("./components/flex.js"),h=require("./components/footer.js"),F=require("./components/gauge.js"),H=require("./components/gjensidige-logo.js"),V=require("./components/header.js"),y=require("./components/hover-gradient.js"),k=require("./components/icon-button.js"),a=require("./components/input.js"),E=require("./components/kakadu-guide-icon.js"),l=require("./components/kakadu-guide-logo.js"),U=require("./components/kakadu-index-logo.js"),K=require("./components/kakadu-academy-logo.js"),W=require("./components/kakadu-logo.js"),r=require("./components/modal.js"),N=require("./components/moving-gradients.js"),J=require("./components/moving-stars.js"),d=require("./components/notice.js"),p=require("./components/notification.js"),f=require("./components/popover-menu.js"),s=require("./components/popover.js"),L=require("./components/revealer.js"),j=require("./components/select.js"),u=require("./components/separator.js"),g=require("./components/skeleton.js"),O=require("./components/sparebank1-logo.js"),b=require("./components/spinner.js"),z=require("./components/sto-logo.js"),Q=require("./components/storebrand-logo.js"),e=require("./components/text.js"),T=require("./components/text-button.js"),n=require("./components/theme-setter.js"),X=require("./components/veil.js"),C=require("./components/wrapper.js"),S=require("./icons/icon.js"),Y=require("./icons/anchor-down.js"),Z=require("./icons/anchor-up.js"),$=require("./icons/arrow-down.js"),ee=require("./icons/arrow-left.js"),oe=require("./icons/arrow-right.js"),te=require("./icons/arrow-up.js"),ne=require("./icons/caret-down.js"),re=require("./icons/caret-left.js"),ae=require("./icons/caret-right.js"),se=require("./icons/caret-up.js"),ue=require("./icons/check.js"),ie=require("./icons/chevron-down.js"),ce=require("./icons/chevron-left.js"),le=require("./icons/chevron-right.js"),de=require("./icons/chevron-up.js"),pe=require("./icons/cog.js"),fe=require("./icons/copy.js"),ge=require("./icons/document.js"),Se=require("./icons/dots.js"),me=require("./icons/drag.js"),qe=require("./icons/edit.js"),_e=require("./icons/external.js"),ve=require("./icons/exclamation-triangle.js"),he=require("./icons/eye.js"),ye=require("./icons/information.js"),ke=require("./icons/kakadu-guide-glyph.js"),Le=require("./icons/kakadu-guide-icon.js"),be=require("./icons/menu.js"),Te=require("./icons/package.js"),Ce=require("./icons/plus.js"),xe=require("./icons/select.js"),Pe=require("./icons/share.js"),we=require("./icons/sparkle.js"),Ie=require("./icons/test.js"),Me=require("./icons/times.js"),Be=require("./icons/trash.js"),De=require("./icons/trend-up.js"),Ge=require("./icons/chrome-browser-logo.js"),Re=require("./icons/edge-browser-logo.js"),i=require("./hooks/use-fetch.js"),Ae=require("./hooks/use-media-query.js"),Fe=require("./hooks/use-synchronized-value.js"),He=require("./hooks/use-throttled.js"),Ve=require("./utilities/clamp.js"),Ee=require("./utilities/copy-to-clipboard.js"),Ue=require("./utilities/generate-random-id.js"),Ke=require("./utilities/scale.js"),We=require("./utilities/search.js");exports.FontFamilyHead=o.FontFamilyHead;exports.buttonResetStyles=o.buttonResetStyles;exports.darkBackgroundColor=o.darkBackgroundColor;exports.effectStyles=o.effectStyles;exports.font=o.font;exports.lightBackgroundColor=o.lightBackgroundColor;exports.nonInteractiveEffectStyles=o.nonInteractiveEffectStyles;exports.overflowProtectionStyles=o.overflowProtectionStyles;exports.theme=o.default;exports.AriaText=m.default;exports.ariaTextStyles=m.ariaTextStyles;exports.Atom=q.default;exports.defaultAtomElementType=q.defaultAtomElementType;exports.BankidLogo=x.default;exports.Box=P.default;exports.Button=t.default;exports.ButtonLoader=t.ButtonLoader;exports.buttonDangerStyles=t.buttonDangerStyles;exports.buttonSecondaryStyles=t.buttonSecondaryStyles;exports.buttonSuccessStyles=t.buttonSuccessStyles;exports.buttonVariants=t.buttonVariants;exports.buttonWarningStyles=t.buttonWarningStyles;exports.ButtonTooltip=_.default;exports.buttonTooltipPositions=_.buttonTooltipPositions;exports.Card=w.default;exports.ClickRipples=I.default;exports.Collapsible=M.default;exports.Combobox=v.default;exports.getComboboxOptionString=v.getComboboxOptionString;exports.CopyIconButton=B.default;exports.Datum=D.default;exports.Decorators=G.default;exports.DnbLogo=R.default;exports.Dot=A.default;exports.Flex=c.default;exports.flexDirections=c.flexDirections;exports.flexPresets=c.flexPresets;exports.Footer=h.default;exports.footerLinkItems=h.footerLinkItems;exports.Gauge=F.default;exports.GjensidigeLogo=H.default;exports.Header=V.default;exports.HoverGradient=y.default;exports.normalBlendStyles=y.normalBlendStyles;exports.IconButton=k.default;exports.iconButtonVariants=k.iconButtonVariants;exports.Input=a.default;exports.InputLabel=a.InputLabel;exports.errorParagraph=a.errorParagraph;exports.inputStyles=a.inputStyles;exports.KakaduGuideIcon=E.default;exports.KakaduGuideLogo=l.default;exports.KakaduGuideLogoSvg=l.KakaduGuideLogoSvg;exports.kakaduGuideLogoVariants=l.kakaduGuideLogoVariants;exports.KakaduIndexLogo=U.default;exports.KakaduAcademyLogo=K.default;exports.KakaduLogo=W.default;exports.Modal=r.default;exports.ModalActions=r.ModalActions;exports.ModalContent=r.ModalContent;exports.ModalHeading=r.ModalHeading;exports.useModal=r.useModal;exports.useModalContext=r.useModalContext;exports.MovingGradients=N.default;exports.MovingStars=J.default;exports.Notice=d.default;exports.noticeTypes=d.noticeTypes;exports.notificationTypes=d.noticeTypes;exports.Notification=p.default;exports.NotificationProvider=p.NotificationProvider;exports.useCreateNotification=p.useCreateNotification;exports.PopoverMenu=f.default;exports.dangerPopoverMenuItemStyles=f.dangerPopoverMenuItemStyles;exports.usePopoverMenu=f.usePopoverMenu;exports.Popover=s.default;exports.PopoverContainer=s.PopoverContainer;exports.usePopover=s.usePopover;exports.usePopoverContext=s.usePopoverContext;exports.Revealer=L.default;exports.useRevealer=L.useRevealer;exports.Select=j.default;exports.Separator=u.default;exports.SeparatorLabel=u.SeparatorLabel;exports.SmallSeparator=u.SmallSeparator;exports.VerticalSeparator=u.VerticalSeparator;exports.Skeleton=g.default;exports.SkeletonInstance=g.SkeletonInstance;exports.getDeterministicSkeletonWidth=g.getDeterministicSkeletonWidth;exports.Sparebank1Logo=O.default;exports.RevealSpinner=b.RevealSpinner;exports.Spinner=b.default;exports.StoLogo=z.default;exports.StorebrandLogo=Q.default;exports.AnchorHeading=e.AnchorHeading;exports.Footnote=e.Footnote;exports.Heading=e.Heading;exports.Hero=e.Hero;exports.Label=e.Label;exports.Paragraph=e.Paragraph;exports.Span=e.Span;exports.Text=e.default;exports.defaultHeadingElementType=e.defaultHeadingElementType;exports.spanStyles=e.spanStyles;exports.textShadowStyles=e.textShadowStyles;exports.TextButton=T.default;exports.textButtonVariants=T.textButtonVariants;exports.ThemeSetter=n.default;exports.getThemePreference=n.getThemePreference;exports.setThemePreference=n.setThemePreference;exports.themePreferences=n.themePreferences;exports.useIsDarkMode=n.useIsDarkMode;exports.useIsLightMode=n.useIsLightMode;exports.useTheme=n.useTheme;exports.Veil=X.default;exports.Wrapper=C.default;exports.wrapperWidths=C.wrapperWidths;exports.Icon=S.default;exports.iconShadowStyles=S.iconShadowStyles;exports.iconTypes=S.iconTypes;exports.AnchorDownSvg=Y.default;exports.AnchorUpSvg=Z.default;exports.ArrowDownSvg=$.default;exports.ArrowLeftSvg=ee.default;exports.ArrowRightSvg=oe.default;exports.ArrowUpSvg=te.default;exports.CaretDownSvg=ne.default;exports.CaretLeftSvg=re.default;exports.CaretRightSvg=ae.default;exports.CaretUpSvg=se.default;exports.CheckSvg=ue.default;exports.ChevronDownSvg=ie.default;exports.ChevronLeftSvg=ce.default;exports.ChevronRightSvg=le.default;exports.ChevronUpSvg=de.default;exports.CogSvg=pe.default;exports.CopySvg=fe.default;exports.DocumentSvg=ge.default;exports.DotsSvg=Se.default;exports.DragSvg=me.default;exports.EditSvg=qe.default;exports.ExternalSvg=_e.default;exports.ExclamationTriangleSvg=ve.default;exports.EyeSvg=he.default;exports.InformationSvg=ye.default;exports.KakaduGuideGlyphSvg=ke.default;exports.KakaduGuideIconSvg=Le.default;exports.MenuSvg=be.default;exports.PackageSvg=Te.default;exports.PlusSvg=Ce.default;exports.SelectSvg=xe.default;exports.ShareSvg=Pe.default;exports.SparkleSvg=we.default;exports.TestSvg=Ie.default;exports.TimesSvg=Me.default;exports.TrashSvg=Be.default;exports.TrendUpSvg=De.default;exports.ChromeBrowserLogoSvg=Ge.default;exports.EdgeBrowserLogoSvg=Re.default;exports.useFetch=i.default;exports.useFetcher=i.useFetcher;exports.useJsonFetch=i.useJsonFetch;exports.useJsonFetcher=i.useJsonFetcher;exports.useMediaQuery=Ae.default;exports.useSynchronizedValue=Fe.default;exports.useThrottled=He.default;exports.clamp=Ve.default;exports.copyToClipboard=Ee.default;exports.generateRandomId=Ue.default;exports.scale=Ke.default;exports.search=We.default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./theme.js"),m=require("./components/aria-text.js"),q=require("./components/atom.js"),x=require("./components/bankid-logo.js"),P=require("./components/box.js"),t=require("./components/button.js"),_=require("./components/button-tooltip.js"),I=require("./components/card.js"),w=require("./components/click-ripples.js"),M=require("./components/collapsible.js"),v=require("./components/combobox.js"),B=require("./components/copy-icon-button.js"),D=require("./components/datum.js"),G=require("./components/decorators.js"),F=require("./components/dnb-logo.js"),R=require("./components/dot.js"),c=require("./components/flex.js"),h=require("./components/footer.js"),A=require("./components/gauge.js"),H=require("./components/gjensidige-logo.js"),E=require("./components/header.js"),y=require("./components/hover-gradient.js"),k=require("./components/icon-button.js"),s=require("./components/input.js"),V=require("./components/kakadu-guide-icon.js"),l=require("./components/kakadu-guide-logo.js"),U=require("./components/kakadu-index-logo.js"),K=require("./components/kakadu-academy-logo.js"),W=require("./components/kakadu-logo.js"),r=require("./components/modal.js"),N=require("./components/moving-gradients.js"),J=require("./components/moving-stars.js"),d=require("./components/notice.js"),f=require("./components/notification.js"),p=require("./components/popover-menu.js"),a=require("./components/popover.js"),L=require("./components/revealer.js"),j=require("./components/select.js"),u=require("./components/separator.js"),g=require("./components/skeleton.js"),O=require("./components/sparebank1-logo.js"),b=require("./components/spinner.js"),z=require("./components/sto-logo.js"),Q=require("./components/storebrand-logo.js"),e=require("./components/text.js"),T=require("./components/text-button.js"),n=require("./components/theme-setter.js"),X=require("./components/veil.js"),C=require("./components/wrapper.js"),S=require("./icons/icon.js"),Y=require("./icons/anchor-down.js"),Z=require("./icons/anchor-up.js"),$=require("./icons/arrow-down.js"),ee=require("./icons/arrow-left.js"),oe=require("./icons/arrow-right.js"),te=require("./icons/arrow-up.js"),ne=require("./icons/caret-down.js"),re=require("./icons/caret-left.js"),se=require("./icons/caret-right.js"),ae=require("./icons/caret-up.js"),ue=require("./icons/check.js"),ie=require("./icons/chevron-down.js"),ce=require("./icons/chevron-left.js"),le=require("./icons/chevron-right.js"),de=require("./icons/chevron-up.js"),fe=require("./icons/cog.js"),pe=require("./icons/copy.js"),ge=require("./icons/document.js"),Se=require("./icons/dots.js"),me=require("./icons/drag.js"),qe=require("./icons/edit.js"),_e=require("./icons/external.js"),ve=require("./icons/exclamation-triangle.js"),he=require("./icons/eye.js"),ye=require("./icons/information.js"),ke=require("./icons/kakadu-guide-glyph.js"),Le=require("./icons/kakadu-guide-icon.js"),be=require("./icons/menu.js"),Te=require("./icons/package.js"),Ce=require("./icons/plus.js"),xe=require("./icons/select.js"),Pe=require("./icons/share.js"),Ie=require("./icons/sparkle.js"),we=require("./icons/test.js"),Me=require("./icons/times.js"),Be=require("./icons/trash.js"),De=require("./icons/trend-up.js"),Ge=require("./icons/chrome-browser-logo.js"),Fe=require("./icons/edge-browser-logo.js"),i=require("./hooks/use-fetch.js"),Re=require("./hooks/use-is-document-focused.js"),Ae=require("./hooks/use-media-query.js"),He=require("./hooks/use-synchronized-value.js"),Ee=require("./hooks/use-throttled.js"),Ve=require("./utilities/clamp.js"),Ue=require("./utilities/copy-to-clipboard.js"),Ke=require("./utilities/generate-random-id.js"),We=require("./utilities/scale.js"),Ne=require("./utilities/search.js");exports.FontFamilyHead=o.FontFamilyHead;exports.buttonResetStyles=o.buttonResetStyles;exports.darkBackgroundColor=o.darkBackgroundColor;exports.effectStyles=o.effectStyles;exports.font=o.font;exports.lightBackgroundColor=o.lightBackgroundColor;exports.nonInteractiveEffectStyles=o.nonInteractiveEffectStyles;exports.overflowProtectionStyles=o.overflowProtectionStyles;exports.overlayEffectStyles=o.overlayEffectStyles;exports.theme=o.default;exports.AriaText=m.default;exports.ariaTextStyles=m.ariaTextStyles;exports.Atom=q.default;exports.defaultAtomElementType=q.defaultAtomElementType;exports.BankidLogo=x.default;exports.Box=P.default;exports.Button=t.default;exports.ButtonLoader=t.ButtonLoader;exports.buttonDangerStyles=t.buttonDangerStyles;exports.buttonSecondaryStyles=t.buttonSecondaryStyles;exports.buttonSuccessStyles=t.buttonSuccessStyles;exports.buttonVariants=t.buttonVariants;exports.buttonWarningStyles=t.buttonWarningStyles;exports.ButtonTooltip=_.default;exports.buttonTooltipPositions=_.buttonTooltipPositions;exports.Card=I.default;exports.ClickRipples=w.default;exports.Collapsible=M.default;exports.Combobox=v.default;exports.getComboboxOptionString=v.getComboboxOptionString;exports.CopyIconButton=B.default;exports.Datum=D.default;exports.Decorators=G.default;exports.DnbLogo=F.default;exports.Dot=R.default;exports.Flex=c.default;exports.flexDirections=c.flexDirections;exports.flexPresets=c.flexPresets;exports.Footer=h.default;exports.footerLinkItems=h.footerLinkItems;exports.Gauge=A.default;exports.GjensidigeLogo=H.default;exports.Header=E.default;exports.HoverGradient=y.default;exports.normalBlendStyles=y.normalBlendStyles;exports.IconButton=k.default;exports.iconButtonVariants=k.iconButtonVariants;exports.Input=s.default;exports.InputLabel=s.InputLabel;exports.errorParagraph=s.errorParagraph;exports.inputStyles=s.inputStyles;exports.KakaduGuideIcon=V.default;exports.KakaduGuideLogo=l.default;exports.KakaduGuideLogoSvg=l.KakaduGuideLogoSvg;exports.kakaduGuideLogoVariants=l.kakaduGuideLogoVariants;exports.KakaduIndexLogo=U.default;exports.KakaduAcademyLogo=K.default;exports.KakaduLogo=W.default;exports.Modal=r.default;exports.ModalActions=r.ModalActions;exports.ModalContent=r.ModalContent;exports.ModalHeading=r.ModalHeading;exports.useModal=r.useModal;exports.useModalContext=r.useModalContext;exports.MovingGradients=N.default;exports.MovingStars=J.default;exports.Notice=d.default;exports.noticeTypes=d.noticeTypes;exports.notificationTypes=d.noticeTypes;exports.Notification=f.default;exports.NotificationProvider=f.NotificationProvider;exports.useCreateNotification=f.useCreateNotification;exports.PopoverMenu=p.default;exports.dangerPopoverMenuItemStyles=p.dangerPopoverMenuItemStyles;exports.usePopoverMenu=p.usePopoverMenu;exports.Popover=a.default;exports.PopoverContainer=a.PopoverContainer;exports.usePopover=a.usePopover;exports.usePopoverContext=a.usePopoverContext;exports.Revealer=L.default;exports.useRevealer=L.useRevealer;exports.Select=j.default;exports.Separator=u.default;exports.SeparatorLabel=u.SeparatorLabel;exports.SmallSeparator=u.SmallSeparator;exports.VerticalSeparator=u.VerticalSeparator;exports.Skeleton=g.default;exports.SkeletonInstance=g.SkeletonInstance;exports.getDeterministicSkeletonWidth=g.getDeterministicSkeletonWidth;exports.Sparebank1Logo=O.default;exports.RevealSpinner=b.RevealSpinner;exports.Spinner=b.default;exports.StoLogo=z.default;exports.StorebrandLogo=Q.default;exports.AnchorHeading=e.AnchorHeading;exports.Footnote=e.Footnote;exports.Heading=e.Heading;exports.Hero=e.Hero;exports.Label=e.Label;exports.Paragraph=e.Paragraph;exports.Span=e.Span;exports.Text=e.default;exports.defaultHeadingElementType=e.defaultHeadingElementType;exports.spanStyles=e.spanStyles;exports.textShadowStyles=e.textShadowStyles;exports.TextButton=T.default;exports.textButtonVariants=T.textButtonVariants;exports.ThemeSetter=n.default;exports.getThemePreference=n.getThemePreference;exports.setThemePreference=n.setThemePreference;exports.themePreferences=n.themePreferences;exports.useIsDarkMode=n.useIsDarkMode;exports.useIsLightMode=n.useIsLightMode;exports.useTheme=n.useTheme;exports.Veil=X.default;exports.Wrapper=C.default;exports.wrapperWidths=C.wrapperWidths;exports.Icon=S.default;exports.iconShadowStyles=S.iconShadowStyles;exports.iconTypes=S.iconTypes;exports.AnchorDownSvg=Y.default;exports.AnchorUpSvg=Z.default;exports.ArrowDownSvg=$.default;exports.ArrowLeftSvg=ee.default;exports.ArrowRightSvg=oe.default;exports.ArrowUpSvg=te.default;exports.CaretDownSvg=ne.default;exports.CaretLeftSvg=re.default;exports.CaretRightSvg=se.default;exports.CaretUpSvg=ae.default;exports.CheckSvg=ue.default;exports.ChevronDownSvg=ie.default;exports.ChevronLeftSvg=ce.default;exports.ChevronRightSvg=le.default;exports.ChevronUpSvg=de.default;exports.CogSvg=fe.default;exports.CopySvg=pe.default;exports.DocumentSvg=ge.default;exports.DotsSvg=Se.default;exports.DragSvg=me.default;exports.EditSvg=qe.default;exports.ExternalSvg=_e.default;exports.ExclamationTriangleSvg=ve.default;exports.EyeSvg=he.default;exports.InformationSvg=ye.default;exports.KakaduGuideGlyphSvg=ke.default;exports.KakaduGuideIconSvg=Le.default;exports.MenuSvg=be.default;exports.PackageSvg=Te.default;exports.PlusSvg=Ce.default;exports.SelectSvg=xe.default;exports.ShareSvg=Pe.default;exports.SparkleSvg=Ie.default;exports.TestSvg=we.default;exports.TimesSvg=Me.default;exports.TrashSvg=Be.default;exports.TrendUpSvg=De.default;exports.ChromeBrowserLogoSvg=Ge.default;exports.EdgeBrowserLogoSvg=Fe.default;exports.useFetch=i.default;exports.useFetcher=i.useFetcher;exports.useJsonFetch=i.useJsonFetch;exports.useJsonFetcher=i.useJsonFetcher;exports.useIsDocumentFocused=Re.default;exports.useMediaQuery=Ae.default;exports.useSynchronizedValue=He.default;exports.useThrottled=Ee.default;exports.clamp=Ve.default;exports.copyToClipboard=Ue.default;exports.generateRandomId=Ke.default;exports.scale=We.default;exports.search=Ne.default;

package/build/index.mjs

@@ -1,270 +1,273 @@
-import { FontFamilyHead as t, buttonResetStyles as a, darkBackgroundColor as r, effectStyles as f, font as s, lightBackgroundColor as l, nonInteractiveEffectStyles as u, overflowProtectionStyles as d, default as p } from "./theme.mjs";
-import { default as n, ariaTextStyles as x } from "./components/aria-text.mjs";
-import { default as i, defaultAtomElementType as S } from "./components/atom.mjs";
-import { default as c } from "./components/bankid-logo.mjs";
-import { default as y } from "./components/box.mjs";
-import { default as k, ButtonLoader as L, buttonDangerStyles as T, buttonSecondaryStyles as b, buttonSuccessStyles as P, buttonVariants as I, buttonWarningStyles as B } from "./components/button.mjs";
-import { default as M, buttonTooltipPositions as w } from "./components/button-tooltip.mjs";
-import { default as G } from "./components/card.mjs";
+import { FontFamilyHead as t, buttonResetStyles as a, darkBackgroundColor as r, effectStyles as f, font as s, lightBackgroundColor as l, nonInteractiveEffectStyles as u, overflowProtectionStyles as d, overlayEffectStyles as p, default as m } from "./theme.mjs";
+import { default as x, ariaTextStyles as g } from "./components/aria-text.mjs";
+import { default as S, defaultAtomElementType as v } from "./components/atom.mjs";
+import { default as h } from "./components/bankid-logo.mjs";
+import { default as C } from "./components/box.mjs";
+import { default as L, ButtonLoader as T, buttonDangerStyles as b, buttonSecondaryStyles as P, buttonSuccessStyles as I, buttonVariants as D, buttonWarningStyles as B } from "./components/button.mjs";
+import { default as w, buttonTooltipPositions as A } from "./components/button-tooltip.mjs";
+import { default as F } from "./components/card.mjs";
 import { default as R } from "./components/click-ripples.mjs";
-import { default as H } from "./components/collapsible.mjs";
-import { default as V, getComboboxOptionString as U } from "./components/combobox.mjs";
-import { default as W } from "./components/copy-icon-button.mjs";
-import { default as j } from "./components/datum.mjs";
-import { default as O } from "./components/decorators.mjs";
-import { default as q } from "./components/dnb-logo.mjs";
-import { default as Y } from "./components/dot.mjs";
-import { default as _, flexDirections as $, flexPresets as ee } from "./components/flex.mjs";
-import { default as te, footerLinkItems as ae } from "./components/footer.mjs";
-import { default as fe } from "./components/gauge.mjs";
-import { default as le } from "./components/gjensidige-logo.mjs";
-import { default as de } from "./components/header.mjs";
-import { default as me, normalBlendStyles as ne } from "./components/hover-gradient.mjs";
-import { default as ge, iconButtonVariants as ie } from "./components/icon-button.mjs";
-import { default as ve, InputLabel as ce, errorParagraph as he, inputStyles as ye } from "./components/input.mjs";
-import { default as ke } from "./components/kakadu-guide-icon.mjs";
-import { default as Te, KakaduGuideLogoSvg as be, kakaduGuideLogoVariants as Pe } from "./components/kakadu-guide-logo.mjs";
+import { default as K } from "./components/collapsible.mjs";
+import { default as U, getComboboxOptionString as N } from "./components/combobox.mjs";
+import { default as J } from "./components/copy-icon-button.mjs";
+import { default as z } from "./components/datum.mjs";
+import { default as Q } from "./components/decorators.mjs";
+import { default as X } from "./components/dnb-logo.mjs";
+import { default as Z } from "./components/dot.mjs";
+import { default as $, flexDirections as ee, flexPresets as oe } from "./components/flex.mjs";
+import { default as ae, footerLinkItems as re } from "./components/footer.mjs";
+import { default as se } from "./components/gauge.mjs";
+import { default as ue } from "./components/gjensidige-logo.mjs";
+import { default as pe } from "./components/header.mjs";
+import { default as ne, normalBlendStyles as xe } from "./components/hover-gradient.mjs";
+import { default as ie, iconButtonVariants as Se } from "./components/icon-button.mjs";
+import { default as ce, InputLabel as he, errorParagraph as ye, inputStyles as Ce } from "./components/input.mjs";
+import { default as Le } from "./components/kakadu-guide-icon.mjs";
+import { default as be, KakaduGuideLogoSvg as Pe, kakaduGuideLogoVariants as Ie } from "./components/kakadu-guide-logo.mjs";
 import { default as Be } from "./components/kakadu-index-logo.mjs";
-import { default as Me } from "./components/kakadu-academy-logo.mjs";
-import { default as Ae } from "./components/kakadu-logo.mjs";
-import { default as Fe, ModalActions as Re, ModalContent as Ee, ModalHeading as He, useModal as Ke, useModalContext as Ve } from "./components/modal.mjs";
-import { default as Ne } from "./components/moving-gradients.mjs";
-import { default as Je } from "./components/moving-stars.mjs";
-import { default as ze, noticeTypes as Oe, noticeTypes as Qe } from "./components/notice.mjs";
-import { default as Xe, NotificationProvider as Ye, useCreateNotification as Ze } from "./components/notification.mjs";
-import { default as $e, dangerPopoverMenuItemStyles as eo, usePopoverMenu as oo } from "./components/popover-menu.mjs";
-import { default as ao, PopoverContainer as ro, usePopover as fo, usePopoverContext as so } from "./components/popover.mjs";
-import { default as uo, useRevealer as po } from "./components/revealer.mjs";
-import { default as no } from "./components/select.mjs";
-import { default as go, SeparatorLabel as io, SmallSeparator as So, VerticalSeparator as vo } from "./components/separator.mjs";
-import { default as ho, SkeletonInstance as yo, getDeterministicSkeletonWidth as Co } from "./components/skeleton.mjs";
-import { default as Lo } from "./components/sparebank1-logo.mjs";
-import { RevealSpinner as bo, default as Po } from "./components/spinner.mjs";
+import { default as we } from "./components/kakadu-academy-logo.mjs";
+import { default as Ge } from "./components/kakadu-logo.mjs";
+import { default as Ee, ModalActions as Re, ModalContent as He, ModalHeading as Ke, useModal as Ve, useModalContext as Ue } from "./components/modal.mjs";
+import { default as We } from "./components/moving-gradients.mjs";
+import { default as je } from "./components/moving-stars.mjs";
+import { default as Oe, noticeTypes as Qe, noticeTypes as qe } from "./components/notice.mjs";
+import { default as Ye, NotificationProvider as Ze, useCreateNotification as _e } from "./components/notification.mjs";
+import { default as eo, dangerPopoverMenuItemStyles as oo, usePopoverMenu as to } from "./components/popover-menu.mjs";
+import { default as ro, PopoverContainer as fo, usePopover as so, usePopoverContext as lo } from "./components/popover.mjs";
+import { default as po, useRevealer as mo } from "./components/revealer.mjs";
+import { default as xo } from "./components/select.mjs";
+import { default as io, SeparatorLabel as So, SmallSeparator as vo, VerticalSeparator as co } from "./components/separator.mjs";
+import { default as yo, SkeletonInstance as Co, getDeterministicSkeletonWidth as ko } from "./components/skeleton.mjs";
+import { default as To } from "./components/sparebank1-logo.mjs";
+import { RevealSpinner as Po, default as Io } from "./components/spinner.mjs";
 import { default as Bo } from "./components/sto-logo.mjs";
-import { default as Mo } from "./components/storebrand-logo.mjs";
-import { AnchorHeading as Ao, Footnote as Go, Heading as Fo, Hero as Ro, Label as Eo, Paragraph as Ho, Span as Ko, default as Vo, defaultHeadingElementType as Uo, spanStyles as No, textShadowStyles as Wo } from "./components/text.mjs";
-import { default as jo, textButtonVariants as zo } from "./components/text-button.mjs";
-import { default as Qo, getThemePreference as qo, setThemePreference as Xo, themePreferences as Yo, useIsDarkMode as Zo, useIsLightMode as _o, useTheme as $o } from "./components/theme-setter.mjs";
-import { default as ot } from "./components/veil.mjs";
-import { default as at, wrapperWidths as rt } from "./components/wrapper.mjs";
-import { default as st, iconShadowStyles as lt, iconTypes as ut } from "./icons/icon.mjs";
-import { default as pt } from "./icons/anchor-down.mjs";
-import { default as nt } from "./icons/anchor-up.mjs";
-import { default as gt } from "./icons/arrow-down.mjs";
-import { default as St } from "./icons/arrow-left.mjs";
-import { default as ct } from "./icons/arrow-right.mjs";
-import { default as yt } from "./icons/arrow-up.mjs";
-import { default as kt } from "./icons/caret-down.mjs";
-import { default as Tt } from "./icons/caret-left.mjs";
-import { default as Pt } from "./icons/caret-right.mjs";
+import { default as wo } from "./components/storebrand-logo.mjs";
+import { AnchorHeading as Go, Footnote as Fo, Heading as Eo, Hero as Ro, Label as Ho, Paragraph as Ko, Span as Vo, default as Uo, defaultHeadingElementType as No, spanStyles as Wo, textShadowStyles as Jo } from "./components/text.mjs";
+import { default as zo, textButtonVariants as Oo } from "./components/text-button.mjs";
+import { default as qo, getThemePreference as Xo, setThemePreference as Yo, themePreferences as Zo, useIsDarkMode as _o, useIsLightMode as $o, useTheme as et } from "./components/theme-setter.mjs";
+import { default as tt } from "./components/veil.mjs";
+import { default as rt, wrapperWidths as ft } from "./components/wrapper.mjs";
+import { default as lt, iconShadowStyles as ut, iconTypes as dt } from "./icons/icon.mjs";
+import { default as mt } from "./icons/anchor-down.mjs";
+import { default as xt } from "./icons/anchor-up.mjs";
+import { default as it } from "./icons/arrow-down.mjs";
+import { default as vt } from "./icons/arrow-left.mjs";
+import { default as ht } from "./icons/arrow-right.mjs";
+import { default as Ct } from "./icons/arrow-up.mjs";
+import { default as Lt } from "./icons/caret-down.mjs";
+import { default as bt } from "./icons/caret-left.mjs";
+import { default as It } from "./icons/caret-right.mjs";
 import { default as Bt } from "./icons/caret-up.mjs";
-import { default as Mt } from "./icons/check.mjs";
-import { default as At } from "./icons/chevron-down.mjs";
-import { default as Ft } from "./icons/chevron-left.mjs";
-import { default as Et } from "./icons/chevron-right.mjs";
-import { default as Kt } from "./icons/chevron-up.mjs";
-import { default as Ut } from "./icons/cog.mjs";
-import { default as Wt } from "./icons/copy.mjs";
-import { default as jt } from "./icons/document.mjs";
-import { default as Ot } from "./icons/dots.mjs";
-import { default as qt } from "./icons/drag.mjs";
-import { default as Yt } from "./icons/edit.mjs";
-import { default as _t } from "./icons/external.mjs";
-import { default as ea } from "./icons/exclamation-triangle.mjs";
-import { default as ta } from "./icons/eye.mjs";
-import { default as ra } from "./icons/information.mjs";
-import { default as sa } from "./icons/kakadu-guide-glyph.mjs";
-import { default as ua } from "./icons/kakadu-guide-icon.mjs";
-import { default as pa } from "./icons/menu.mjs";
-import { default as na } from "./icons/package.mjs";
-import { default as ga } from "./icons/plus.mjs";
-import { default as Sa } from "./icons/select.mjs";
-import { default as ca } from "./icons/share.mjs";
-import { default as ya } from "./icons/sparkle.mjs";
-import { default as ka } from "./icons/test.mjs";
-import { default as Ta } from "./icons/times.mjs";
-import { default as Pa } from "./icons/trash.mjs";
+import { default as wt } from "./icons/check.mjs";
+import { default as Gt } from "./icons/chevron-down.mjs";
+import { default as Et } from "./icons/chevron-left.mjs";
+import { default as Ht } from "./icons/chevron-right.mjs";
+import { default as Vt } from "./icons/chevron-up.mjs";
+import { default as Nt } from "./icons/cog.mjs";
+import { default as Jt } from "./icons/copy.mjs";
+import { default as zt } from "./icons/document.mjs";
+import { default as Qt } from "./icons/dots.mjs";
+import { default as Xt } from "./icons/drag.mjs";
+import { default as Zt } from "./icons/edit.mjs";
+import { default as $t } from "./icons/external.mjs";
+import { default as oa } from "./icons/exclamation-triangle.mjs";
+import { default as aa } from "./icons/eye.mjs";
+import { default as fa } from "./icons/information.mjs";
+import { default as la } from "./icons/kakadu-guide-glyph.mjs";
+import { default as da } from "./icons/kakadu-guide-icon.mjs";
+import { default as ma } from "./icons/menu.mjs";
+import { default as xa } from "./icons/package.mjs";
+import { default as ia } from "./icons/plus.mjs";
+import { default as va } from "./icons/select.mjs";
+import { default as ha } from "./icons/share.mjs";
+import { default as Ca } from "./icons/sparkle.mjs";
+import { default as La } from "./icons/test.mjs";
+import { default as ba } from "./icons/times.mjs";
+import { default as Ia } from "./icons/trash.mjs";
 import { default as Ba } from "./icons/trend-up.mjs";
-import { default as Ma } from "./icons/chrome-browser-logo.mjs";
-import { default as Aa } from "./icons/edge-browser-logo.mjs";
-import { default as Fa, useFetcher as Ra, useJsonFetch as Ea, useJsonFetcher as Ha } from "./hooks/use-fetch.mjs";
-import { default as Va } from "./hooks/use-media-query.mjs";
-import { default as Na } from "./hooks/use-synchronized-value.mjs";
-import { default as Ja } from "./hooks/use-throttled.mjs";
-import { default as za } from "./utilities/clamp.mjs";
-import { default as Qa } from "./utilities/copy-to-clipboard.mjs";
-import { default as Xa } from "./utilities/generate-random-id.mjs";
-import { default as Za } from "./utilities/scale.mjs";
-import { default as $a } from "./utilities/search.mjs";
+import { default as wa } from "./icons/chrome-browser-logo.mjs";
+import { default as Ga } from "./icons/edge-browser-logo.mjs";
+import { default as Ea, useFetcher as Ra, useJsonFetch as Ha, useJsonFetcher as Ka } from "./hooks/use-fetch.mjs";
+import { default as Ua } from "./hooks/use-is-document-focused.mjs";
+import { default as Wa } from "./hooks/use-media-query.mjs";
+import { default as ja } from "./hooks/use-synchronized-value.mjs";
+import { default as Oa } from "./hooks/use-throttled.mjs";
+import { default as qa } from "./utilities/clamp.mjs";
+import { default as Ya } from "./utilities/copy-to-clipboard.mjs";
+import { default as _a } from "./utilities/generate-random-id.mjs";
+import { default as er } from "./utilities/scale.mjs";
+import { default as tr } from "./utilities/search.mjs";
 export {
-  pt as AnchorDownSvg,
-  Ao as AnchorHeading,
-  nt as AnchorUpSvg,
-  n as AriaText,
-  gt as ArrowDownSvg,
-  St as ArrowLeftSvg,
-  ct as ArrowRightSvg,
-  yt as ArrowUpSvg,
-  i as Atom,
-  c as BankidLogo,
-  y as Box,
-  k as Button,
-  L as ButtonLoader,
-  M as ButtonTooltip,
-  G as Card,
-  kt as CaretDownSvg,
-  Tt as CaretLeftSvg,
-  Pt as CaretRightSvg,
+  mt as AnchorDownSvg,
+  Go as AnchorHeading,
+  xt as AnchorUpSvg,
+  x as AriaText,
+  it as ArrowDownSvg,
+  vt as ArrowLeftSvg,
+  ht as ArrowRightSvg,
+  Ct as ArrowUpSvg,
+  S as Atom,
+  h as BankidLogo,
+  C as Box,
+  L as Button,
+  T as ButtonLoader,
+  w as ButtonTooltip,
+  F as Card,
+  Lt as CaretDownSvg,
+  bt as CaretLeftSvg,
+  It as CaretRightSvg,
   Bt as CaretUpSvg,
-  Mt as CheckSvg,
-  At as ChevronDownSvg,
-  Ft as ChevronLeftSvg,
-  Et as ChevronRightSvg,
-  Kt as ChevronUpSvg,
-  Ma as ChromeBrowserLogoSvg,
+  wt as CheckSvg,
+  Gt as ChevronDownSvg,
+  Et as ChevronLeftSvg,
+  Ht as ChevronRightSvg,
+  Vt as ChevronUpSvg,
+  wa as ChromeBrowserLogoSvg,
   R as ClickRipples,
-  Ut as CogSvg,
-  H as Collapsible,
-  V as Combobox,
-  W as CopyIconButton,
-  Wt as CopySvg,
-  j as Datum,
-  O as Decorators,
-  q as DnbLogo,
-  jt as DocumentSvg,
-  Y as Dot,
-  Ot as DotsSvg,
-  qt as DragSvg,
-  Aa as EdgeBrowserLogoSvg,
-  Yt as EditSvg,
-  ea as ExclamationTriangleSvg,
-  _t as ExternalSvg,
-  ta as EyeSvg,
-  _ as Flex,
+  Nt as CogSvg,
+  K as Collapsible,
+  U as Combobox,
+  J as CopyIconButton,
+  Jt as CopySvg,
+  z as Datum,
+  Q as Decorators,
+  X as DnbLogo,
+  zt as DocumentSvg,
+  Z as Dot,
+  Qt as DotsSvg,
+  Xt as DragSvg,
+  Ga as EdgeBrowserLogoSvg,
+  Zt as EditSvg,
+  oa as ExclamationTriangleSvg,
+  $t as ExternalSvg,
+  aa as EyeSvg,
+  $ as Flex,
   t as FontFamilyHead,
-  te as Footer,
-  Go as Footnote,
-  fe as Gauge,
-  le as GjensidigeLogo,
-  de as Header,
-  Fo as Heading,
+  ae as Footer,
+  Fo as Footnote,
+  se as Gauge,
+  ue as GjensidigeLogo,
+  pe as Header,
+  Eo as Heading,
   Ro as Hero,
-  me as HoverGradient,
-  st as Icon,
-  ge as IconButton,
-  ra as InformationSvg,
-  ve as Input,
-  ce as InputLabel,
-  Me as KakaduAcademyLogo,
-  sa as KakaduGuideGlyphSvg,
-  ke as KakaduGuideIcon,
-  ua as KakaduGuideIconSvg,
-  Te as KakaduGuideLogo,
-  be as KakaduGuideLogoSvg,
+  ne as HoverGradient,
+  lt as Icon,
+  ie as IconButton,
+  fa as InformationSvg,
+  ce as Input,
+  he as InputLabel,
+  we as KakaduAcademyLogo,
+  la as KakaduGuideGlyphSvg,
+  Le as KakaduGuideIcon,
+  da as KakaduGuideIconSvg,
+  be as KakaduGuideLogo,
+  Pe as KakaduGuideLogoSvg,
   Be as KakaduIndexLogo,
-  Ae as KakaduLogo,
-  Eo as Label,
-  pa as MenuSvg,
-  Fe as Modal,
+  Ge as KakaduLogo,
+  Ho as Label,
+  ma as MenuSvg,
+  Ee as Modal,
   Re as ModalActions,
-  Ee as ModalContent,
-  He as ModalHeading,
-  Ne as MovingGradients,
-  Je as MovingStars,
-  ze as Notice,
-  Xe as Notification,
-  Ye as NotificationProvider,
-  na as PackageSvg,
-  Ho as Paragraph,
-  ga as PlusSvg,
-  ao as Popover,
-  ro as PopoverContainer,
-  $e as PopoverMenu,
-  bo as RevealSpinner,
-  uo as Revealer,
-  no as Select,
-  Sa as SelectSvg,
-  go as Separator,
-  io as SeparatorLabel,
-  ca as ShareSvg,
-  ho as Skeleton,
-  yo as SkeletonInstance,
-  So as SmallSeparator,
-  Ko as Span,
-  Lo as Sparebank1Logo,
-  ya as SparkleSvg,
-  Po as Spinner,
+  He as ModalContent,
+  Ke as ModalHeading,
+  We as MovingGradients,
+  je as MovingStars,
+  Oe as Notice,
+  Ye as Notification,
+  Ze as NotificationProvider,
+  xa as PackageSvg,
+  Ko as Paragraph,
+  ia as PlusSvg,
+  ro as Popover,
+  fo as PopoverContainer,
+  eo as PopoverMenu,
+  Po as RevealSpinner,
+  po as Revealer,
+  xo as Select,
+  va as SelectSvg,
+  io as Separator,
+  So as SeparatorLabel,
+  ha as ShareSvg,
+  yo as Skeleton,
+  Co as SkeletonInstance,
+  vo as SmallSeparator,
+  Vo as Span,
+  To as Sparebank1Logo,
+  Ca as SparkleSvg,
+  Io as Spinner,
   Bo as StoLogo,
-  Mo as StorebrandLogo,
-  ka as TestSvg,
-  Vo as Text,
-  jo as TextButton,
-  Qo as ThemeSetter,
-  Ta as TimesSvg,
-  Pa as TrashSvg,
+  wo as StorebrandLogo,
+  La as TestSvg,
+  Uo as Text,
+  zo as TextButton,
+  qo as ThemeSetter,
+  ba as TimesSvg,
+  Ia as TrashSvg,
   Ba as TrendUpSvg,
-  ot as Veil,
-  vo as VerticalSeparator,
-  at as Wrapper,
-  x as ariaTextStyles,
-  T as buttonDangerStyles,
+  tt as Veil,
+  co as VerticalSeparator,
+  rt as Wrapper,
+  g as ariaTextStyles,
+  b as buttonDangerStyles,
   a as buttonResetStyles,
-  b as buttonSecondaryStyles,
-  P as buttonSuccessStyles,
-  w as buttonTooltipPositions,
-  I as buttonVariants,
+  P as buttonSecondaryStyles,
+  I as buttonSuccessStyles,
+  A as buttonTooltipPositions,
+  D as buttonVariants,
   B as buttonWarningStyles,
-  za as clamp,
-  Qa as copyToClipboard,
-  eo as dangerPopoverMenuItemStyles,
+  qa as clamp,
+  Ya as copyToClipboard,
+  oo as dangerPopoverMenuItemStyles,
   r as darkBackgroundColor,
-  S as defaultAtomElementType,
-  Uo as defaultHeadingElementType,
+  v as defaultAtomElementType,
+  No as defaultHeadingElementType,
   f as effectStyles,
-  he as errorParagraph,
-  $ as flexDirections,
-  ee as flexPresets,
+  ye as errorParagraph,
+  ee as flexDirections,
+  oe as flexPresets,
   s as font,
-  ae as footerLinkItems,
-  Xa as generateRandomId,
-  U as getComboboxOptionString,
-  Co as getDeterministicSkeletonWidth,
-  qo as getThemePreference,
-  ie as iconButtonVariants,
-  lt as iconShadowStyles,
-  ut as iconTypes,
-  ye as inputStyles,
-  Pe as kakaduGuideLogoVariants,
+  re as footerLinkItems,
+  _a as generateRandomId,
+  N as getComboboxOptionString,
+  ko as getDeterministicSkeletonWidth,
+  Xo as getThemePreference,
+  Se as iconButtonVariants,
+  ut as iconShadowStyles,
+  dt as iconTypes,
+  Ce as inputStyles,
+  Ie as kakaduGuideLogoVariants,
   l as lightBackgroundColor,
   u as nonInteractiveEffectStyles,
-  ne as normalBlendStyles,
-  Oe as noticeTypes,
-  Qe as notificationTypes,
+  xe as normalBlendStyles,
+  Qe as noticeTypes,
+  qe as notificationTypes,
   d as overflowProtectionStyles,
-  Za as scale,
-  $a as search,
-  Xo as setThemePreference,
-  No as spanStyles,
-  zo as textButtonVariants,
-  Wo as textShadowStyles,
-  p as theme,
-  Yo as themePreferences,
-  Ze as useCreateNotification,
-  Fa as useFetch,
+  p as overlayEffectStyles,
+  er as scale,
+  tr as search,
+  Yo as setThemePreference,
+  Wo as spanStyles,
+  Oo as textButtonVariants,
+  Jo as textShadowStyles,
+  m as theme,
+  Zo as themePreferences,
+  _e as useCreateNotification,
+  Ea as useFetch,
   Ra as useFetcher,
-  Zo as useIsDarkMode,
-  _o as useIsLightMode,
-  Ea as useJsonFetch,
-  Ha as useJsonFetcher,
-  Va as useMediaQuery,
-  Ke as useModal,
-  Ve as useModalContext,
-  fo as usePopover,
-  so as usePopoverContext,
-  oo as usePopoverMenu,
-  po as useRevealer,
-  Na as useSynchronizedValue,
-  $o as useTheme,
-  Ja as useThrottled,
-  rt as wrapperWidths
+  _o as useIsDarkMode,
+  Ua as useIsDocumentFocused,
+  $o as useIsLightMode,
+  Ha as useJsonFetch,
+  Ka as useJsonFetcher,
+  Wa as useMediaQuery,
+  Ve as useModal,
+  Ue as useModalContext,
+  so as usePopover,
+  lo as usePopoverContext,
+  to as usePopoverMenu,
+  mo as useRevealer,
+  ja as useSynchronizedValue,
+  et as useTheme,
+  Oa as useThrottled,
+  ft as wrapperWidths
 };

package/build/theme.d.ts

@@ -18,3 +18,4 @@ export declare const overflowProtectionStyles: string;
 export declare const buttonResetStyles: string;
 export declare const effectStyles: string;
 export declare const nonInteractiveEffectStyles: string;
+export declare const overlayEffectStyles: string;