@kakadu/components 6.2.0 → 6.3.0

package/build/components/popover.mjs

@@ -1,49 +1,56 @@
-import { j as s } from "../jsx-runtime-B4hRZ52C.mjs";
+import { j as n } from "../jsx-runtime-B4hRZ52C.mjs";
 import { cx as p } from "@kuma-ui/core";
-import { createContext as ee, useRef as P, useState as n, useCallback as R, useMemo as b, useEffect as F, useContext as te } from "react";
-import { f as se } from "../focus-trap-react-Dr3BYLw6.mjs";
+import { createContext as te, useRef as P, useState as o, useCallback as R, useMemo as A, useEffect as F, useContext as se } from "react";
+import { f as ne } from "../focus-trap-react-Dr3BYLw6.mjs";
+import oe from "../utilities/listeners.mjs";
 import K, { defaultAtomElementType as Q } from "./atom.mjs";
-const X = ee({
+const re = oe((t) => {
+  window.addEventListener("resize", t, {
+    passive: !0
+  });
+}, (t) => {
+  window.removeEventListener("resize", t);
+}), X = te({
   isVisible: !1,
   isPreparingFocus: !1,
   isFocused: !1
 }), {
-  Provider: ne
+  Provider: ae
 } = X;
-function le() {
-  return te(X);
+function pe() {
+  return se(X);
 }
-function fe({
-  as: u,
-  className: t,
+function ve({
+  as: t,
+  className: s,
   ...l
 }) {
-  return /* @__PURE__ */ s.jsx(K, { as: u ?? Q, ...l, className: p("kakadu-components-2845019685", t) });
+  return /* @__PURE__ */ n.jsx(K, { as: t ?? Q, ...l, className: p("kakadu-components-2845019685", s) });
 }
-function de({
-  as: u,
-  isVisible: t,
+function ke({
+  as: t,
+  isVisible: s,
   label: l,
   shouldCloseOnOutsideClick: v = !0,
-  shouldCloseOnEscapePress: r = !0,
+  shouldCloseOnEscapePress: a = !0,
   children: k,
-  className: a,
+  className: c,
   innerClassName: f,
-  onClose: c,
+  onClose: i,
   ...j
 }) {
-  const w = P(null), g = P(null), [o, h] = n(!1), [d, I] = n(!1), [y, Y] = n(!1), [i, T] = n(!1), [Z, E] = n(!1), z = R((e) => {
+  const w = P(null), g = P(null), [r, h] = o(!1), [d, I] = o(!1), [O, Y] = o(!1), [u, T] = o(!1), [Z, b] = o(!1), V = R((e) => {
     w.current = e, T(!1);
-  }, []), N = P(null), B = R((e) => {
-    e && (N.current = e);
-  }, []), _ = b(() => ({
-    initialFocus: () => N.current ?? void 0,
+  }, []), E = P(null), y = R((e) => {
+    e && (E.current = e);
+  }, []), _ = A(() => ({
+    initialFocus: () => E.current ?? void 0,
     onPostActivate() {
       var e;
-      I(!0), h(!1), (e = N.current) == null || e.focus();
+      I(!0), h(!1), (e = E.current) == null || e.focus();
     },
     clickOutsideDeactivates: v,
-    escapeDeactivates: r,
+    escapeDeactivates: a,
     onPostUnpause() {
       I(!0);
     },
@@ -51,40 +58,42 @@ function de({
       I(!1);
     },
     onDeactivate() {
-      E(!1), T(!1), I(!1);
+      b(!1), T(!1), I(!1);
     }
-  }), [v, r]), [L, C] = n(t ?? !1), $ = b(() => ({
-    isVisible: L,
-    isPreparingFocus: o,
+  }), [v, a]), [N, B] = o(s ?? !1), $ = A(() => ({
+    isVisible: N,
+    isPreparingFocus: r,
     isFocused: d,
-    setInitialFocus: B,
-    close: z
-  }), [L, o, d, B, z]), [m, W] = n("center");
+    setInitialFocus: y,
+    close: V
+  }), [N, r, d, y, V]), [m, C] = o("center");
   return F(() => {
     const e = g.current;
     if (e) {
-      const D = () => {
-        const q = e.offsetParent, M = q instanceof HTMLElement ? q.getBoundingClientRect() : null, H = e.getBoundingClientRect();
-        if (!M) {
-          W("center");
+      const W = () => {
+        const q = e.offsetParent, z = q instanceof HTMLElement ? q.getBoundingClientRect() : null, H = e.getBoundingClientRect();
+        if (!z) {
+          C("center");
           return;
         }
-        const O = 16, S = window.innerWidth - O, V = M.left + M.width / 2 - H.width / 2, U = V + H.width, G = V < O, J = U > S;
+        const D = 16, S = window.innerWidth - D, M = z.left + z.width / 2 - H.width / 2, U = M + H.width, G = M < D, J = U > S;
         let x = "center";
         if (G && J) {
-          const A = O - V;
-          x = U - S > A ? "right" : "left";
+          const L = D - M;
+          x = U - S > L ? "right" : "left";
         } else J ? x = "right" : G && (x = "left");
-        W((A) => A === x ? A : x);
+        C((L) => L === x ? L : x);
       };
-      return D(), window.addEventListener("resize", D), () => {
-        window.removeEventListener("resize", D);
+      W();
+      const ee = re(W);
+      return () => {
+        ee();
       };
     }
   }, []), F(() => {
-    t && (Y(!0), C(!0));
-  }, [t]), F(() => {
-    if (t) {
+    s && (Y(!0), B(!0));
+  }, [s]), F(() => {
+    if (s) {
       const e = setTimeout(() => {
         T(!0);
       }, 100);
@@ -93,55 +102,55 @@ function de({
       };
     }
     T(!1);
-  }, [t]), F(() => {
-    if (!i) {
-      E(!1), h(!1);
+  }, [s]), F(() => {
+    if (!u) {
+      b(!1), h(!1);
       return;
     }
     h(!0);
     const e = window.requestAnimationFrame(() => {
-      E(!0);
+      b(!0);
     });
     return () => {
       window.cancelAnimationFrame(e);
     };
-  }, [i]), F(() => {
-    if (y && !i) {
+  }, [u]), F(() => {
+    if (O && !u) {
       const e = setTimeout(() => {
-        C(!1), c == null || c(w.current ?? void 0);
+        B(!1), i == null || i(w.current ?? void 0);
       }, 370);
       return () => {
         clearTimeout(e);
       };
     }
-  }, [y, i, c]), L ? /* @__PURE__ */ s.jsx(K, { reference: g, as: u ?? Q, role: "dialog", "aria-hidden": !i && !d, "aria-label": l ?? "Popover", ...j, className: p("kakadu-components-3920007758", m === "left" && "kakadu-components-611400930", m === "right" && "kakadu-components-944244368", i && "kakadu-components-1399012551", a), children: /* @__PURE__ */ s.jsxs("div", { className: p("kakadu-components-1118152266", i && "kakadu-components-231244945"), children: [
-    /* @__PURE__ */ s.jsx("div", { className: p("kakadu-components-1951789226", m === "left" && "kakadu-components-1495725644", m === "right" && "kakadu-components-4235689197") }),
-    /* @__PURE__ */ s.jsx(se.FocusTrap, { active: Z, focusTrapOptions: _, children: /* @__PURE__ */ s.jsxs("div", { className: p("kakadu-components-2488426662", f), children: [
-      /* @__PURE__ */ s.jsx(ne, { value: $, children: k }),
-      /* @__PURE__ */ s.jsx("div", { className: p("kakadu-components-3252390100", m === "left" && "kakadu-components-3754561431", m === "right" && "kakadu-components-2265262600") })
+  }, [O, u, i]), N ? /* @__PURE__ */ n.jsx(K, { reference: g, as: t ?? Q, role: "dialog", "aria-hidden": !u && !d, "aria-label": l ?? "Popover", ...j, className: p("kakadu-components-3920007758", m === "left" && "kakadu-components-611400930", m === "right" && "kakadu-components-944244368", u && "kakadu-components-1399012551", c), children: /* @__PURE__ */ n.jsxs("div", { className: p("kakadu-components-1118152266", u && "kakadu-components-231244945"), children: [
+    /* @__PURE__ */ n.jsx("div", { className: p("kakadu-components-1951789226", m === "left" && "kakadu-components-1495725644", m === "right" && "kakadu-components-4235689197") }),
+    /* @__PURE__ */ n.jsx(ne.FocusTrap, { active: Z, focusTrapOptions: _, children: /* @__PURE__ */ n.jsxs("div", { className: p("kakadu-components-2488426662", f), children: [
+      /* @__PURE__ */ n.jsx(ae, { value: $, children: k }),
+      /* @__PURE__ */ n.jsx("div", { className: p("kakadu-components-3252390100", m === "left" && "kakadu-components-3754561431", m === "right" && "kakadu-components-2265262600") })
     ] }) })
   ] }) }) : null;
 }
-function me(u, t) {
-  const [l, v] = n(!1), [r, k] = n(!1), a = P(void 0), f = P(void 0), c = R(async () => (f.current = void 0, v(!0), k(!0), new Promise((o) => {
-    a.current = o;
-  })), []), j = R((o) => {
-    f.current = o, k(!1);
-  }, []), w = R((o) => {
+function we(t, s) {
+  const [l, v] = o(!1), [a, k] = o(!1), c = P(void 0), f = P(void 0), i = R(async () => (f.current = void 0, v(!0), k(!0), new Promise((r) => {
+    c.current = r;
+  })), []), j = R((r) => {
+    f.current = r, k(!1);
+  }, []), w = R((r) => {
     var d;
-    const h = o ?? f.current;
-    f.current = void 0, (d = a.current) == null || d.call(a, h), a.current = void 0, v(!1), k(!1);
-  }, []), g = b(() => l ? /* @__PURE__ */ s.jsx(u, { ...t, isVisible: r, onClose: w }) : null, [l, u, t, r, w]);
-  return b(() => ({
-    isVisible: r,
-    show: c,
+    const h = r ?? f.current;
+    f.current = void 0, (d = c.current) == null || d.call(c, h), c.current = void 0, v(!1), k(!1);
+  }, []), g = A(() => l ? /* @__PURE__ */ n.jsx(t, { ...s, isVisible: a, onClose: w }) : null, [l, t, s, a, w]);
+  return A(() => ({
+    isVisible: a,
+    show: i,
     close: j,
     popover: g
-  }), [r, c, j, g]);
+  }), [a, i, j, g]);
 }
 export {
-  fe as PopoverContainer,
-  de as default,
-  me as usePopover,
-  le as usePopoverContext
+  ve as PopoverContainer,
+  ke as default,
+  we as usePopover,
+  pe as usePopoverContext
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react");function r(n=!0){const[o,t]=i.useState(void 0);return i.useEffect(()=>{if(!n)return;let u;const e=()=>{if(clearTimeout(u),document.hidden){t(!1);return}u=setTimeout(()=>{t(!0)},0)};return document.addEventListener("visibilitychange",e),window.addEventListener("focus",e),t(!document.hidden),()=>{document.removeEventListener("visibilitychange",e),window.removeEventListener("focus",e),clearTimeout(u)}},[n]),o}exports.default=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react"),u=require("../utilities/listeners.js"),d=u.default(e=>{document.addEventListener("visibilitychange",e)},e=>{document.removeEventListener("visibilitychange",e)}),l=u.default(e=>{window.addEventListener("focus",e)},e=>{window.removeEventListener("focus",e)});function a(e=!0){const[o,t]=s.useState(void 0);return s.useEffect(()=>{if(!e)return;let i;const n=()=>{if(clearTimeout(i),document.hidden){t(!1);return}i=setTimeout(()=>{t(!0)},0)},r=d(n),c=l(n);return t(!document.hidden),()=>{r(),c(),clearTimeout(i)}},[e]),o}exports.default=a;

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

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

package/build/index.d.ts

@@ -218,6 +218,8 @@ export * from './utilities/copy-to-clipboard';
 export { default as copyToClipboard } from './utilities/copy-to-clipboard';
 export * from './utilities/generate-random-id';
 export { default as generateRandomId } from './utilities/generate-random-id';
+export * from './utilities/listeners';
+export { default as createListener } from './utilities/listeners';
 export * from './utilities/scale';
 export { default as scale } from './utilities/scale';
 export * from './utilities/search';

package/build/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./theme.js"),C=require("./components/logos/akt-logo.js"),P=require("./components/logos/senteret-for-et-aldersvennlig-norge-logo.js"),w=require("./components/logos/amedia-logo.js"),B=require("./components/logos/bankaxept-logo.js"),D=require("./components/logos/bankid-logo.js"),M=require("./components/logos/dnb-logo.js"),A=require("./components/logos/entur-logo.js"),F=require("./components/logos/gjensidige-logo.js"),G=require("./components/logos/kakadu-academy-logo.js"),E=require("./components/logos/kakadu-guide-icon.js"),c=require("./components/logos/kakadu-guide-logo.js"),R=require("./components/logos/kakadu-index-logo.js"),V=require("./components/logos/kakadu-logo.js"),H=require("./components/logos/kakadu-play-logo.js"),N=require("./components/logos/kolumbus-logo.js"),K=require("./components/logos/nordea-logo.js"),U=require("./components/logos/norsk-tipping-logo.js"),W=require("./components/logos/ruter-logo.js"),J=require("./components/logos/sparebank1-logo.js"),j=require("./components/logos/sparebanken-norge-logo.js"),O=require("./components/logos/sto-logo.js"),z=require("./components/logos/storebrand-logo.js"),m=require("./components/aria-text.js"),q=require("./components/atom.js"),Q=require("./components/box.js"),t=require("./components/button.js"),v=require("./components/button-tooltip.js"),X=require("./components/card.js"),Y=require("./components/click-ripples.js"),Z=require("./components/collapsible.js"),h=require("./components/combobox.js"),$=require("./components/copy-icon-button.js"),ee=require("./components/datum.js"),oe=require("./components/decorators.js"),te=require("./components/dot.js"),l=require("./components/flex.js"),d=require("./components/footer.js"),ne=require("./components/gauge.js"),re=require("./components/header.js"),k=require("./components/hover-gradient.js"),y=require("./components/icon-button.js"),s=require("./components/input.js"),r=require("./components/modal.js"),se=require("./components/moving-gradients.js"),ae=require("./components/moving-stars.js"),g=require("./components/notice.js"),p=require("./components/notification.js"),f=require("./components/popover-menu.js"),a=require("./components/popover.js"),L=require("./components/revealer.js"),ue=require("./components/select.js"),u=require("./components/separator.js"),S=require("./components/skeleton.js"),b=require("./components/spinner.js"),e=require("./components/text.js"),T=require("./components/text-button.js"),n=require("./components/theme-setter.js"),ie=require("./components/veil.js"),I=require("./components/wrapper.js"),_=require("./icons/icon.js"),ce=require("./icons/anchor-down.js"),le=require("./icons/anchor-up.js"),de=require("./icons/arrow-down.js"),ge=require("./icons/arrow-left.js"),pe=require("./icons/arrow-right.js"),fe=require("./icons/arrow-up.js"),Se=require("./icons/caret-down.js"),_e=require("./icons/caret-left.js"),me=require("./icons/caret-right.js"),qe=require("./icons/caret-up.js"),ve=require("./icons/check.js"),he=require("./icons/chevron-down.js"),ke=require("./icons/chevron-left.js"),ye=require("./icons/chevron-right.js"),Le=require("./icons/chevron-up.js"),be=require("./icons/cog.js"),Te=require("./icons/copy.js"),Ie=require("./icons/document.js"),xe=require("./icons/dots.js"),Ce=require("./icons/drag.js"),Pe=require("./icons/edit.js"),we=require("./icons/external.js"),Be=require("./icons/exclamation-triangle.js"),De=require("./icons/eye.js"),Me=require("./icons/information.js"),Ae=require("./icons/kakadu-guide-glyph.js"),Fe=require("./icons/kakadu-guide-icon.js"),Ge=require("./icons/menu.js"),Ee=require("./icons/package.js"),Re=require("./icons/plus.js"),Ve=require("./icons/select.js"),He=require("./icons/share.js"),Ne=require("./icons/sparkle.js"),Ke=require("./icons/test.js"),Ue=require("./icons/times.js"),We=require("./icons/trash.js"),Je=require("./icons/trend-up.js"),je=require("./icons/chrome-browser-logo.js"),Oe=require("./icons/edge-browser-logo.js"),ze=require("./hooks/use-escaped-id.js"),i=require("./hooks/use-fetch.js"),Qe=require("./hooks/use-is-document-focused.js"),x=require("./hooks/use-is-in-view.js"),Xe=require("./hooks/use-media-query.js"),Ye=require("./hooks/use-synchronized-value.js"),Ze=require("./hooks/use-throttled.js"),$e=require("./utilities/clamp.js"),eo=require("./utilities/copy-to-clipboard.js"),oo=require("./utilities/generate-random-id.js"),to=require("./utilities/scale.js"),no=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.AktLogoSvg=C.default;exports.SenteretForEtAldersvennligNorgeLogoSvg=P.default;exports.AmediaLogoSvg=w.default;exports.BankAxeptLogoSvg=B.default;exports.BankIdLogoSvg=D.default;exports.DnbLogoSvg=M.default;exports.EnturLogoSvg=A.default;exports.GjensidigeLogoSvg=F.default;exports.KakaduAcademyLogoSvg=G.default;exports.KakaduGuideIcon=E.default;exports.KakaduGuideLogo=c.default;exports.KakaduGuideLogoSvg=c.KakaduGuideLogoSvg;exports.kakaduGuideLogoVariants=c.kakaduGuideLogoVariants;exports.KakaduIndexLogoSvg=R.default;exports.KakaduLogoSvg=V.default;exports.KakaduPlayLogoSvg=H.default;exports.KolumbusLogoSvg=N.default;exports.NordeaLogoSvg=K.default;exports.NorskTippingLogoSvg=U.default;exports.RuterLogoSvg=W.default;exports.Sparebank1LogoSvg=J.default;exports.SparebankenNorgeLogoSvg=j.default;exports.StoLogoSvg=O.default;exports.StorebrandLogoSvg=z.default;exports.AriaText=m.default;exports.ariaTextStyles=m.ariaTextStyles;exports.Atom=q.default;exports.defaultAtomElementType=q.defaultAtomElementType;exports.Box=Q.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=v.default;exports.buttonTooltipPositions=v.buttonTooltipPositions;exports.Card=X.default;exports.ClickRipples=Y.default;exports.Collapsible=Z.default;exports.Combobox=h.default;exports.getComboboxOptionString=h.getComboboxOptionString;exports.CopyIconButton=$.default;exports.Datum=ee.default;exports.Decorators=oe.default;exports.Dot=te.default;exports.Flex=l.default;exports.flexDirections=l.flexDirections;exports.flexPresets=l.flexPresets;exports.Footer=d.default;exports.footerSectionLinks=d.footerSectionLinks;exports.footerSections=d.footerSections;exports.Gauge=ne.default;exports.Header=re.default;exports.HoverGradient=k.default;exports.normalBlendStyles=k.normalBlendStyles;exports.IconButton=y.default;exports.iconButtonVariants=y.iconButtonVariants;exports.Input=s.default;exports.InputLabel=s.InputLabel;exports.errorParagraph=s.errorParagraph;exports.inputStyles=s.inputStyles;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=se.default;exports.MovingStars=ae.default;exports.Notice=g.default;exports.noticeTypes=g.noticeTypes;exports.notificationTypes=g.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=a.default;exports.PopoverContainer=a.PopoverContainer;exports.usePopover=a.usePopover;exports.usePopoverContext=a.usePopoverContext;exports.Revealer=L.default;exports.useRevealer=L.useRevealer;exports.Select=ue.default;exports.Separator=u.default;exports.SeparatorLabel=u.SeparatorLabel;exports.SmallSeparator=u.SmallSeparator;exports.VerticalSeparator=u.VerticalSeparator;exports.Skeleton=S.default;exports.SkeletonInstance=S.SkeletonInstance;exports.getDeterministicSkeletonWidth=S.getDeterministicSkeletonWidth;exports.RevealSpinner=b.RevealSpinner;exports.Spinner=b.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.useIsDarkTheme=n.useIsDarkTheme;exports.useIsLightTheme=n.useIsLightTheme;exports.useTheme=n.useTheme;exports.Veil=ie.default;exports.Wrapper=I.default;exports.wrapperWidths=I.wrapperWidths;exports.Icon=_.default;exports.iconShadowStyles=_.iconShadowStyles;exports.iconTypes=_.iconTypes;exports.AnchorDownSvg=ce.default;exports.AnchorUpSvg=le.default;exports.ArrowDownSvg=de.default;exports.ArrowLeftSvg=ge.default;exports.ArrowRightSvg=pe.default;exports.ArrowUpSvg=fe.default;exports.CaretDownSvg=Se.default;exports.CaretLeftSvg=_e.default;exports.CaretRightSvg=me.default;exports.CaretUpSvg=qe.default;exports.CheckSvg=ve.default;exports.ChevronDownSvg=he.default;exports.ChevronLeftSvg=ke.default;exports.ChevronRightSvg=ye.default;exports.ChevronUpSvg=Le.default;exports.CogSvg=be.default;exports.CopySvg=Te.default;exports.DocumentSvg=Ie.default;exports.DotsSvg=xe.default;exports.DragSvg=Ce.default;exports.EditSvg=Pe.default;exports.ExternalSvg=we.default;exports.ExclamationTriangleSvg=Be.default;exports.EyeSvg=De.default;exports.InformationSvg=Me.default;exports.KakaduGuideGlyphSvg=Ae.default;exports.KakaduGuideIconSvg=Fe.default;exports.MenuSvg=Ge.default;exports.PackageSvg=Ee.default;exports.PlusSvg=Re.default;exports.SelectSvg=Ve.default;exports.ShareSvg=He.default;exports.SparkleSvg=Ne.default;exports.TestSvg=Ke.default;exports.TimesSvg=Ue.default;exports.TrashSvg=We.default;exports.TrendUpSvg=Je.default;exports.ChromeBrowserLogoSvg=je.default;exports.EdgeBrowserLogoSvg=Oe.default;exports.useEscapedId=ze.default;exports.useFetch=i.default;exports.useFetcher=i.useFetcher;exports.useJsonFetch=i.useJsonFetch;exports.useJsonFetcher=i.useJsonFetcher;exports.useIsDocumentFocused=Qe.default;exports.useHasBeenInView=x.useHasBeenInView;exports.useIsInView=x.default;exports.useMediaQuery=Xe.default;exports.useSynchronizedValue=Ye.default;exports.useThrottled=Ze.default;exports.clamp=$e.default;exports.copyToClipboard=eo.default;exports.generateRandomId=oo.default;exports.scale=to.default;exports.search=no.default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./theme.js"),C=require("./components/logos/akt-logo.js"),P=require("./components/logos/senteret-for-et-aldersvennlig-norge-logo.js"),w=require("./components/logos/amedia-logo.js"),B=require("./components/logos/bankaxept-logo.js"),D=require("./components/logos/bankid-logo.js"),M=require("./components/logos/dnb-logo.js"),A=require("./components/logos/entur-logo.js"),F=require("./components/logos/gjensidige-logo.js"),G=require("./components/logos/kakadu-academy-logo.js"),E=require("./components/logos/kakadu-guide-icon.js"),c=require("./components/logos/kakadu-guide-logo.js"),R=require("./components/logos/kakadu-index-logo.js"),V=require("./components/logos/kakadu-logo.js"),H=require("./components/logos/kakadu-play-logo.js"),N=require("./components/logos/kolumbus-logo.js"),K=require("./components/logos/nordea-logo.js"),U=require("./components/logos/norsk-tipping-logo.js"),W=require("./components/logos/ruter-logo.js"),J=require("./components/logos/sparebank1-logo.js"),j=require("./components/logos/sparebanken-norge-logo.js"),O=require("./components/logos/sto-logo.js"),z=require("./components/logos/storebrand-logo.js"),m=require("./components/aria-text.js"),q=require("./components/atom.js"),Q=require("./components/box.js"),t=require("./components/button.js"),v=require("./components/button-tooltip.js"),X=require("./components/card.js"),Y=require("./components/click-ripples.js"),Z=require("./components/collapsible.js"),h=require("./components/combobox.js"),$=require("./components/copy-icon-button.js"),ee=require("./components/datum.js"),oe=require("./components/decorators.js"),te=require("./components/dot.js"),l=require("./components/flex.js"),d=require("./components/footer.js"),ne=require("./components/gauge.js"),re=require("./components/header.js"),k=require("./components/hover-gradient.js"),L=require("./components/icon-button.js"),s=require("./components/input.js"),r=require("./components/modal.js"),se=require("./components/moving-gradients.js"),ae=require("./components/moving-stars.js"),g=require("./components/notice.js"),p=require("./components/notification.js"),f=require("./components/popover-menu.js"),a=require("./components/popover.js"),y=require("./components/revealer.js"),ue=require("./components/select.js"),u=require("./components/separator.js"),S=require("./components/skeleton.js"),b=require("./components/spinner.js"),e=require("./components/text.js"),T=require("./components/text-button.js"),n=require("./components/theme-setter.js"),ie=require("./components/veil.js"),I=require("./components/wrapper.js"),_=require("./icons/icon.js"),ce=require("./icons/anchor-down.js"),le=require("./icons/anchor-up.js"),de=require("./icons/arrow-down.js"),ge=require("./icons/arrow-left.js"),pe=require("./icons/arrow-right.js"),fe=require("./icons/arrow-up.js"),Se=require("./icons/caret-down.js"),_e=require("./icons/caret-left.js"),me=require("./icons/caret-right.js"),qe=require("./icons/caret-up.js"),ve=require("./icons/check.js"),he=require("./icons/chevron-down.js"),ke=require("./icons/chevron-left.js"),Le=require("./icons/chevron-right.js"),ye=require("./icons/chevron-up.js"),be=require("./icons/cog.js"),Te=require("./icons/copy.js"),Ie=require("./icons/document.js"),xe=require("./icons/dots.js"),Ce=require("./icons/drag.js"),Pe=require("./icons/edit.js"),we=require("./icons/external.js"),Be=require("./icons/exclamation-triangle.js"),De=require("./icons/eye.js"),Me=require("./icons/information.js"),Ae=require("./icons/kakadu-guide-glyph.js"),Fe=require("./icons/kakadu-guide-icon.js"),Ge=require("./icons/menu.js"),Ee=require("./icons/package.js"),Re=require("./icons/plus.js"),Ve=require("./icons/select.js"),He=require("./icons/share.js"),Ne=require("./icons/sparkle.js"),Ke=require("./icons/test.js"),Ue=require("./icons/times.js"),We=require("./icons/trash.js"),Je=require("./icons/trend-up.js"),je=require("./icons/chrome-browser-logo.js"),Oe=require("./icons/edge-browser-logo.js"),ze=require("./hooks/use-escaped-id.js"),i=require("./hooks/use-fetch.js"),Qe=require("./hooks/use-is-document-focused.js"),x=require("./hooks/use-is-in-view.js"),Xe=require("./hooks/use-media-query.js"),Ye=require("./hooks/use-synchronized-value.js"),Ze=require("./hooks/use-throttled.js"),$e=require("./utilities/clamp.js"),eo=require("./utilities/copy-to-clipboard.js"),oo=require("./utilities/generate-random-id.js"),to=require("./utilities/listeners.js"),no=require("./utilities/scale.js"),ro=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.AktLogoSvg=C.default;exports.SenteretForEtAldersvennligNorgeLogoSvg=P.default;exports.AmediaLogoSvg=w.default;exports.BankAxeptLogoSvg=B.default;exports.BankIdLogoSvg=D.default;exports.DnbLogoSvg=M.default;exports.EnturLogoSvg=A.default;exports.GjensidigeLogoSvg=F.default;exports.KakaduAcademyLogoSvg=G.default;exports.KakaduGuideIcon=E.default;exports.KakaduGuideLogo=c.default;exports.KakaduGuideLogoSvg=c.KakaduGuideLogoSvg;exports.kakaduGuideLogoVariants=c.kakaduGuideLogoVariants;exports.KakaduIndexLogoSvg=R.default;exports.KakaduLogoSvg=V.default;exports.KakaduPlayLogoSvg=H.default;exports.KolumbusLogoSvg=N.default;exports.NordeaLogoSvg=K.default;exports.NorskTippingLogoSvg=U.default;exports.RuterLogoSvg=W.default;exports.Sparebank1LogoSvg=J.default;exports.SparebankenNorgeLogoSvg=j.default;exports.StoLogoSvg=O.default;exports.StorebrandLogoSvg=z.default;exports.AriaText=m.default;exports.ariaTextStyles=m.ariaTextStyles;exports.Atom=q.default;exports.defaultAtomElementType=q.defaultAtomElementType;exports.Box=Q.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=v.default;exports.buttonTooltipPositions=v.buttonTooltipPositions;exports.Card=X.default;exports.ClickRipples=Y.default;exports.Collapsible=Z.default;exports.Combobox=h.default;exports.getComboboxOptionString=h.getComboboxOptionString;exports.CopyIconButton=$.default;exports.Datum=ee.default;exports.Decorators=oe.default;exports.Dot=te.default;exports.Flex=l.default;exports.flexDirections=l.flexDirections;exports.flexPresets=l.flexPresets;exports.Footer=d.default;exports.footerSectionLinks=d.footerSectionLinks;exports.footerSections=d.footerSections;exports.Gauge=ne.default;exports.Header=re.default;exports.HoverGradient=k.default;exports.normalBlendStyles=k.normalBlendStyles;exports.IconButton=L.default;exports.iconButtonVariants=L.iconButtonVariants;exports.Input=s.default;exports.InputLabel=s.InputLabel;exports.errorParagraph=s.errorParagraph;exports.inputStyles=s.inputStyles;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=se.default;exports.MovingStars=ae.default;exports.Notice=g.default;exports.noticeTypes=g.noticeTypes;exports.notificationTypes=g.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=a.default;exports.PopoverContainer=a.PopoverContainer;exports.usePopover=a.usePopover;exports.usePopoverContext=a.usePopoverContext;exports.Revealer=y.default;exports.useRevealer=y.useRevealer;exports.Select=ue.default;exports.Separator=u.default;exports.SeparatorLabel=u.SeparatorLabel;exports.SmallSeparator=u.SmallSeparator;exports.VerticalSeparator=u.VerticalSeparator;exports.Skeleton=S.default;exports.SkeletonInstance=S.SkeletonInstance;exports.getDeterministicSkeletonWidth=S.getDeterministicSkeletonWidth;exports.RevealSpinner=b.RevealSpinner;exports.Spinner=b.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.useIsDarkTheme=n.useIsDarkTheme;exports.useIsLightTheme=n.useIsLightTheme;exports.useTheme=n.useTheme;exports.Veil=ie.default;exports.Wrapper=I.default;exports.wrapperWidths=I.wrapperWidths;exports.Icon=_.default;exports.iconShadowStyles=_.iconShadowStyles;exports.iconTypes=_.iconTypes;exports.AnchorDownSvg=ce.default;exports.AnchorUpSvg=le.default;exports.ArrowDownSvg=de.default;exports.ArrowLeftSvg=ge.default;exports.ArrowRightSvg=pe.default;exports.ArrowUpSvg=fe.default;exports.CaretDownSvg=Se.default;exports.CaretLeftSvg=_e.default;exports.CaretRightSvg=me.default;exports.CaretUpSvg=qe.default;exports.CheckSvg=ve.default;exports.ChevronDownSvg=he.default;exports.ChevronLeftSvg=ke.default;exports.ChevronRightSvg=Le.default;exports.ChevronUpSvg=ye.default;exports.CogSvg=be.default;exports.CopySvg=Te.default;exports.DocumentSvg=Ie.default;exports.DotsSvg=xe.default;exports.DragSvg=Ce.default;exports.EditSvg=Pe.default;exports.ExternalSvg=we.default;exports.ExclamationTriangleSvg=Be.default;exports.EyeSvg=De.default;exports.InformationSvg=Me.default;exports.KakaduGuideGlyphSvg=Ae.default;exports.KakaduGuideIconSvg=Fe.default;exports.MenuSvg=Ge.default;exports.PackageSvg=Ee.default;exports.PlusSvg=Re.default;exports.SelectSvg=Ve.default;exports.ShareSvg=He.default;exports.SparkleSvg=Ne.default;exports.TestSvg=Ke.default;exports.TimesSvg=Ue.default;exports.TrashSvg=We.default;exports.TrendUpSvg=Je.default;exports.ChromeBrowserLogoSvg=je.default;exports.EdgeBrowserLogoSvg=Oe.default;exports.useEscapedId=ze.default;exports.useFetch=i.default;exports.useFetcher=i.useFetcher;exports.useJsonFetch=i.useJsonFetch;exports.useJsonFetcher=i.useJsonFetcher;exports.useIsDocumentFocused=Qe.default;exports.useHasBeenInView=x.useHasBeenInView;exports.useIsInView=x.default;exports.useMediaQuery=Xe.default;exports.useSynchronizedValue=Ye.default;exports.useThrottled=Ze.default;exports.clamp=$e.default;exports.copyToClipboard=eo.default;exports.generateRandomId=oo.default;exports.createListener=to.default;exports.scale=no.default;exports.search=ro.default;

package/build/index.mjs

@@ -3,7 +3,7 @@ import { default as x } from "./components/logos/akt-logo.mjs";
 import { default as S } from "./components/logos/senteret-for-et-aldersvennlig-norge-logo.mjs";
 import { default as v } from "./components/logos/amedia-logo.mjs";
 import { default as h } from "./components/logos/bankaxept-logo.mjs";
-import { default as L } from "./components/logos/bankid-logo.mjs";
+import { default as y } from "./components/logos/bankid-logo.mjs";
 import { default as C } from "./components/logos/dnb-logo.mjs";
 import { default as b } from "./components/logos/entur-logo.mjs";
 import { default as P } from "./components/logos/gjensidige-logo.mjs";
@@ -25,7 +25,7 @@ import { default as fe, ariaTextStyles as se } from "./components/aria-text.mjs"
 import { default as le, defaultAtomElementType as de } from "./components/atom.mjs";
 import { default as me } from "./components/box.mjs";
 import { default as xe, ButtonLoader as ge, buttonDangerStyles as Se, buttonSecondaryStyles as ie, buttonSuccessStyles as ve, buttonVariants as ce, buttonWarningStyles as he } from "./components/button.mjs";
-import { default as Le, buttonTooltipPositions as ke } from "./components/button-tooltip.mjs";
+import { default as ye, buttonTooltipPositions as ke } from "./components/button-tooltip.mjs";
 import { default as Te } from "./components/card.mjs";
 import { default as Ie } from "./components/click-ripples.mjs";
 import { default as Be } from "./components/collapsible.mjs";
@@ -43,7 +43,7 @@ import { default as to, iconButtonVariants as ao } from "./components/icon-butto
 import { default as fo, InputLabel as so, errorParagraph as uo, inputStyles as lo } from "./components/input.mjs";
 import { default as mo, ModalActions as no, ModalContent as xo, ModalHeading as go, useModal as So, useModalContext as io } from "./components/modal.mjs";
 import { default as co } from "./components/moving-gradients.mjs";
-import { default as yo } from "./components/moving-stars.mjs";
+import { default as Lo } from "./components/moving-stars.mjs";
 import { default as ko, noticeTypes as Co, noticeTypes as To } from "./components/notice.mjs";
 import { default as Io, NotificationProvider as Po, useCreateNotification as Bo } from "./components/notification.mjs";
 import { default as Ao, dangerPopoverMenuItemStyles as Do, usePopoverMenu as Mo } from "./components/popover-menu.mjs";
@@ -55,7 +55,7 @@ import { default as Xo, SkeletonInstance as Yo, getDeterministicSkeletonWidth as
 import { RevealSpinner as $o, default as et } from "./components/spinner.mjs";
 import { AnchorHeading as tt, Footnote as at, Heading as rt, Hero as ft, Label as st, Paragraph as ut, Span as lt, default as dt, defaultHeadingElementType as pt, spanStyles as mt, textShadowStyles as nt } from "./components/text.mjs";
 import { default as gt, textButtonVariants as St } from "./components/text-button.mjs";
-import { default as vt, getThemePreference as ct, setThemePreference as ht, themePreferences as yt, useIsDarkTheme as Lt, useIsLightTheme as kt, useTheme as Ct } from "./components/theme-setter.mjs";
+import { default as vt, getThemePreference as ct, setThemePreference as ht, themePreferences as Lt, useIsDarkTheme as yt, useIsLightTheme as kt, useTheme as Ct } from "./components/theme-setter.mjs";
 import { default as bt } from "./components/veil.mjs";
 import { default as Pt, wrapperWidths as Bt } from "./components/wrapper.mjs";
 import { default as At, iconShadowStyles as Dt, iconTypes as Mt } from "./icons/icon.mjs";
@@ -79,7 +79,7 @@ import { default as na } from "./icons/copy.mjs";
 import { default as ga } from "./icons/document.mjs";
 import { default as ia } from "./icons/dots.mjs";
 import { default as ca } from "./icons/drag.mjs";
-import { default as ya } from "./icons/edit.mjs";
+import { default as La } from "./icons/edit.mjs";
 import { default as ka } from "./icons/external.mjs";
 import { default as Ta } from "./icons/exclamation-triangle.mjs";
 import { default as Ia } from "./icons/eye.mjs";
@@ -104,12 +104,13 @@ import { default as mr } from "./hooks/use-is-document-focused.mjs";
 import { useHasBeenInView as xr, default as gr } from "./hooks/use-is-in-view.mjs";
 import { default as ir } from "./hooks/use-media-query.mjs";
 import { default as cr } from "./hooks/use-synchronized-value.mjs";
-import { default as yr } from "./hooks/use-throttled.mjs";
+import { default as Lr } from "./hooks/use-throttled.mjs";
 import { default as kr } from "./utilities/clamp.mjs";
 import { default as Tr } from "./utilities/copy-to-clipboard.mjs";
 import { default as Ir } from "./utilities/generate-random-id.mjs";
-import { default as Br } from "./utilities/scale.mjs";
-import { default as Ar } from "./utilities/search.mjs";
+import { default as Br } from "./utilities/listeners.mjs";
+import { default as Ar } from "./utilities/scale.mjs";
+import { default as Mr } from "./utilities/search.mjs";
 export {
   x as AktLogoSvg,
   v as AmediaLogoSvg,
@@ -123,11 +124,11 @@ export {
   jt as ArrowUpSvg,
   le as Atom,
   h as BankAxeptLogoSvg,
-  L as BankIdLogoSvg,
+  y as BankIdLogoSvg,
   me as Box,
   xe as Button,
   ge as ButtonLoader,
-  Le as ButtonTooltip,
+  ye as ButtonTooltip,
   Te as Card,
   Ot as CaretDownSvg,
   qt as CaretLeftSvg,
@@ -153,7 +154,7 @@ export {
   ia as DotsSvg,
   ca as DragSvg,
   tr as EdgeBrowserLogoSvg,
-  ya as EditSvg,
+  La as EditSvg,
   b as EnturLogoSvg,
   Ta as ExclamationTriangleSvg,
   ka as ExternalSvg,
@@ -190,7 +191,7 @@ export {
   xo as ModalContent,
   go as ModalHeading,
   co as MovingGradients,
-  yo as MovingStars,
+  Lo as MovingStars,
   z as NordeaLogoSvg,
   Q as NorskTippingLogoSvg,
   ko as Notice,
@@ -241,6 +242,7 @@ export {
   he as buttonWarningStyles,
   kr as clamp,
   Tr as copyToClipboard,
+  Br as createListener,
   Do as dangerPopoverMenuItemStyles,
   r as darkBackgroundColor,
   de as defaultAtomElementType,
@@ -268,20 +270,20 @@ export {
   To as notificationTypes,
   d as overflowProtectionStyles,
   p as overlayEffectStyles,
-  Br as scale,
-  Ar as search,
+  Ar as scale,
+  Mr as search,
   ht as setThemePreference,
   mt as spanStyles,
   St as textButtonVariants,
   nt as textShadowStyles,
   m as theme,
-  yt as themePreferences,
+  Lt as themePreferences,
   Bo as useCreateNotification,
   rr as useEscapedId,
   sr as useFetch,
   ur as useFetcher,
   xr as useHasBeenInView,
-  Lt as useIsDarkTheme,
+  yt as useIsDarkTheme,
   mr as useIsDocumentFocused,
   gr as useIsInView,
   kt as useIsLightTheme,
@@ -296,6 +298,6 @@ export {
   No as useRevealer,
   cr as useSynchronizedValue,
   Ct as useTheme,
-  yr as useThrottled,
+  Lr as useThrottled,
   Bt as wrapperWidths
 };

package/build/utilities/listeners.d.ts

@@ -0,0 +1,5 @@
+type Listener<Parameters extends readonly unknown[]> = (...parameters: Parameters) => void;
+type NormalizeParameters<Type> = Type extends readonly unknown[] ? Type : [Type];
+type Handler<Type> = Listener<NormalizeParameters<Type>>;
+export default function createListener<Type>(add: (handler: Handler<Type>) => void, remove: (handler: Handler<Type>) => void): (listener: Handler<Type>) => () => void;
+export {};

package/build/utilities/listeners.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function u(r,i){const e=new Set,n=(...t)=>{for(const s of e)s(...t)};return t=>{const s=e.size===0;return e.add(t),s&&r(n),()=>{const o=e.size===1;e.delete(t),o&&i(n)}}}exports.default=u;

package/build/utilities/listeners.mjs

@@ -0,0 +1,16 @@
+function c(r, i) {
+  const e = /* @__PURE__ */ new Set(), n = (...t) => {
+    for (const s of e)
+      s(...t);
+  };
+  return (t) => {
+    const s = e.size === 0;
+    return e.add(t), s && r(n), () => {
+      const o = e.size === 1;
+      e.delete(t), o && i(n);
+    };
+  };
+}
+export {
+  c as default
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kakadu/components",
-  "version": "6.2.0",
+  "version": "6.3.0",
   "description": "Kakadu components library",
   "license": "MIT",
   "main": "./build/index.js",