@kakadu/components 5.0.5 → 5.0.7

package/build/components/click-ripples.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("../jsx-runtime-BB_1_6y_.js"),r=require("react"),w=require("@kuma-ui/core");function v({id:t,x:o,y:i,onEnd:s}){return r.useEffect(()=>{const n=setTimeout(()=>{s(t)},370);return()=>{clearTimeout(n)}},[s,t]),a.jsxRuntimeExports.jsx("div",{style:{top:i,left:o},className:"kakadu-components-3828473824"})}function y({isActive:t=!0,size:o=150,className:i,...s}){const n=r.useRef(null),[p,f]=r.useState([]);r.useEffect(()=>{if(!t)return;const e=u=>{if(n.current){const c=n.current.getBoundingClientRect(),{clientX:l,clientY:d}=u,{left:m,right:E,top:x,bottom:R}=c;l>m&&l<E&&d>x&&d<R&&f(k=>[...k,{id:Date.now()+Math.random()*1e3,x:l-m,y:d-x}])}};return window.addEventListener("pointerdown",e),()=>{window.removeEventListener("pointerdown",e)}},[t]);const j=r.useCallback(e=>{f(u=>u.filter(c=>c.id!==e))},[]);return a.jsxRuntimeExports.jsx("div",{...s,ref:n,style:{"--size":`${o}px`},className:w.cx("kakadu-components-4189236582",i),children:p.map(e=>a.jsxRuntimeExports.jsx(v,{id:e.id,x:e.x,y:e.y,onEnd:j},e.id))})}exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("../jsx-runtime-BB_1_6y_.js"),s=require("react"),v=require("@kuma-ui/core"),y=require("../hooks/use-is-in-view.js");function b({id:n,x:o,y:i,onEnd:r}){return s.useEffect(()=>{const t=setTimeout(()=>{r(n)},370);return()=>{clearTimeout(t)}},[r,n]),m.jsxRuntimeExports.jsx("div",{style:{top:i,left:o},className:"kakadu-components-3828473824"})}function g({isActive:n=!0,size:o=150,className:i,...r}){const t=s.useRef(null),u=y.default(t),[w,c]=s.useState([]);s.useEffect(()=>{if(!n||!u){c([]);return}const e=l=>{if(t.current){const d=t.current.getBoundingClientRect(),{clientX:a,clientY:f}=l,{left:x,right:k,top:p,bottom:E}=d;a>x&&a<k&&f>p&&f<E&&c(R=>[...R,{id:Date.now()+Math.random()*1e3,x:a-x,y:f-p}])}};return window.addEventListener("pointerdown",e),()=>{window.removeEventListener("pointerdown",e)}},[n,u]);const j=s.useCallback(e=>{c(l=>l.filter(d=>d.id!==e))},[]);return m.jsxRuntimeExports.jsx("div",{...r,ref:t,style:{"--size":`${o}px`},className:v.cx("kakadu-components-4189236582",i),children:u?w.map(e=>m.jsxRuntimeExports.jsx(b,{id:e.id,x:e.x,y:e.y,onEnd:j},e.id)):null})}exports.default=g;

package/build/components/click-ripples.mjs

@@ -1,63 +1,66 @@
-import { j as a } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useRef as E, useState as R, useEffect as p, useCallback as h } from "react";
-import { cx as v } from "@kuma-ui/core";
-function C({
-  id: t,
+import { j as m } from "../jsx-runtime-B4hRZ52C.mjs";
+import { useRef as R, useState as h, useEffect as x, useCallback as v } from "react";
+import { cx as C } from "@kuma-ui/core";
+import b from "../hooks/use-is-in-view.mjs";
+function g({
+  id: n,
   x: r,
   y: s,
   onEnd: o
 }) {
-  return p(() => {
-    const n = setTimeout(() => {
-      o(t);
+  return x(() => {
+    const t = setTimeout(() => {
+      o(n);
     }, 370);
     return () => {
-      clearTimeout(n);
+      clearTimeout(t);
     };
-  }, [o, t]), /* @__PURE__ */ a.jsx("div", { style: {
+  }, [o, n]), /* @__PURE__ */ m.jsx("div", { style: {
     top: s,
     left: r
   }, className: "kakadu-components-3828473824" });
 }
-function N({
-  isActive: t = !0,
+function V({
+  isActive: n = !0,
   size: r = 150,
   className: s,
   ...o
 }) {
-  const n = E(null), [x, d] = R([]);
-  p(() => {
-    if (!t)
+  const t = R(null), i = b(t), [w, c] = h([]);
+  x(() => {
+    if (!n || !i) {
+      c([]);
       return;
-    const e = (i) => {
-      if (n.current) {
-        const c = n.current.getBoundingClientRect(), {
-          clientX: u,
-          clientY: l
-        } = i, {
-          left: m,
-          right: w,
-          top: f,
-          bottom: j
-        } = c;
-        u > m && u < w && l > f && l < j && d((y) => [...y, {
+    }
+    const e = (u) => {
+      if (t.current) {
+        const l = t.current.getBoundingClientRect(), {
+          clientX: a,
+          clientY: d
+        } = u, {
+          left: f,
+          right: j,
+          top: p,
+          bottom: y
+        } = l;
+        a > f && a < j && d > p && d < y && c((E) => [...E, {
           id: Date.now() + Math.random() * 1e3,
-          x: u - m,
-          y: l - f
+          x: a - f,
+          y: d - p
         }]);
       }
     };
     return window.addEventListener("pointerdown", e), () => {
       window.removeEventListener("pointerdown", e);
     };
-  }, [t]);
-  const k = h((e) => {
-    d((i) => i.filter((c) => c.id !== e));
+  }, [n, i]);
+  const k = v((e) => {
+    c((u) => u.filter((l) => l.id !== e));
   }, []);
-  return /* @__PURE__ */ a.jsx("div", { ...o, ref: n, style: {
+  return /* @__PURE__ */ m.jsx("div", { ...o, ref: t, style: {
     "--size": `${r}px`
-  }, className: v("kakadu-components-4189236582", s), children: x.map((e) => /* @__PURE__ */ a.jsx(C, { id: e.id, x: e.x, y: e.y, onEnd: k }, e.id)) });
+  }, className: C("kakadu-components-4189236582", s), children: i ? w.map((e) => /* @__PURE__ */ m.jsx(g, { id: e.id, x: e.x, y: e.y, onEnd: k }, e.id)) : null });
 }
 export {
-  N as default
+  V as default
 };

package/build/components/hover-gradient.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("../jsx-runtime-BB_1_6y_.js"),t=require("react"),x=require("@kuma-ui/core"),$="kakadu-components-2608453841";function q({isActive:i=!0,size:k=200,className:E,...g}){const l=t.useRef(null),n=t.useRef(null),[b,s]=t.useState(!1),[o,j]=t.useState();return t.useEffect(()=>{if(!i){s(!1);return}const c=l.current;if(!c)return;n.current||(n.current=c.parentElement);const e=n.current;if(!e)return;const a=f=>{const S=f.target;if(!e.contains(S))return;const y=e.getBoundingClientRect(),{clientX:r,clientY:u}=f,{left:d,right:L,top:v,bottom:R}=y;r>d&&r<L&&u>v&&u<R&&(s(!0),j([r-d,u-v]))},m=()=>{s(!1)};return e.addEventListener("mousemove",a),e.addEventListener("mouseleave",m),()=>{e.removeEventListener("mousemove",a),e.removeEventListener("mouseleave",m)}},[i]),p.jsxRuntimeExports.jsx("div",{...g,ref:l,className:x.cx("kakadu-components-1237006455",E),children:o?p.jsxRuntimeExports.jsx("div",{style:{"--size":`${k}px`,"--offset-x":`${o[0]}px`,"--offset-y":`${o[1]}px`},className:x.cx("kakadu-components-611160091",b&&"kakadu-components-3627966847")}):null})}exports.default=q;exports.normalBlendStyles=$;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("../jsx-runtime-BB_1_6y_.js"),t=require("react"),k=require("@kuma-ui/core"),$=require("../hooks/use-is-in-view.js"),I="kakadu-components-2608453841";function V({isActive:l=!0,size:E=200,className:g,...b}){const s=t.useRef(null),o=$.default(s),n=t.useRef(null),[j,r]=t.useState(!1),[u,S]=t.useState();return t.useEffect(()=>{if(!l||!o){r(!1);return}const a=s.current;if(!a)return;n.current||(n.current=a.parentElement);const e=n.current;if(!e)return;const m=d=>{const q=d.target;if(!e.contains(q))return;const y=e.getBoundingClientRect(),{clientX:i,clientY:c}=d,{left:v,right:L,top:p,bottom:R}=y;i>v&&i<L&&c>p&&c<R&&(r(!0),S([i-v,c-p]))},f=()=>{r(!1)};return e.addEventListener("mousemove",m),e.addEventListener("mouseleave",f),()=>{e.removeEventListener("mousemove",m),e.removeEventListener("mouseleave",f)}},[l,o]),x.jsxRuntimeExports.jsx("div",{...b,ref:s,className:k.cx("kakadu-components-1237006455",g),children:u&&o?x.jsxRuntimeExports.jsx("div",{style:{"--size":`${E}px`,"--offset-x":`${u[0]}px`,"--offset-y":`${u[1]}px`},className:k.cx("kakadu-components-611160091",j&&"kakadu-components-3627966847")}):null})}exports.default=V;exports.normalBlendStyles=I;

package/build/components/hover-gradient.mjs

@@ -1,53 +1,54 @@
-import { j as p } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useRef as v, useState as x, useEffect as N } from "react";
-import { cx as k } from "@kuma-ui/core";
-const z = "kakadu-components-2608453841";
-function C({
-  isActive: i = !0,
-  size: E = 200,
-  className: g,
-  ...L
+import { j as v } from "../jsx-runtime-B4hRZ52C.mjs";
+import { useRef as x, useState as k, useEffect as w } from "react";
+import { cx as E } from "@kuma-ui/core";
+import B from "../hooks/use-is-in-view.mjs";
+const C = "kakadu-components-2608453841";
+function G({
+  isActive: a = !0,
+  size: g = 200,
+  className: L,
+  ...b
 }) {
-  const a = v(null), t = v(null), [b, n] = x(!1), [s, j] = x();
-  return N(() => {
-    if (!i) {
-      n(!1);
+  const n = x(null), s = B(n), t = x(null), [j, o] = k(!1), [r, I] = k();
+  return w(() => {
+    if (!a || !s) {
+      o(!1);
       return;
     }
-    const u = a.current;
-    if (!u)
+    const c = n.current;
+    if (!c)
       return;
-    t.current || (t.current = u.parentElement);
+    t.current || (t.current = c.parentElement);
     const e = t.current;
     if (!e)
       return;
-    const c = (m) => {
-      const y = m.target;
-      if (!e.contains(y))
+    const l = (f) => {
+      const V = f.target;
+      if (!e.contains(V))
         return;
-      const $ = e.getBoundingClientRect(), {
-        clientX: o,
-        clientY: r
-      } = m, {
-        left: f,
-        right: h,
-        top: d,
-        bottom: B
-      } = $;
-      o > f && o < h && r > d && r < B && (n(!0), j([o - f, r - d]));
-    }, l = () => {
-      n(!1);
+      const y = e.getBoundingClientRect(), {
+        clientX: i,
+        clientY: u
+      } = f, {
+        left: d,
+        right: $,
+        top: p,
+        bottom: h
+      } = y;
+      i > d && i < $ && u > p && u < h && (o(!0), I([i - d, u - p]));
+    }, m = () => {
+      o(!1);
     };
-    return e.addEventListener("mousemove", c), e.addEventListener("mouseleave", l), () => {
-      e.removeEventListener("mousemove", c), e.removeEventListener("mouseleave", l);
+    return e.addEventListener("mousemove", l), e.addEventListener("mouseleave", m), () => {
+      e.removeEventListener("mousemove", l), e.removeEventListener("mouseleave", m);
     };
-  }, [i]), /* @__PURE__ */ p.jsx("div", { ...L, ref: a, className: k("kakadu-components-1237006455", g), children: s ? /* @__PURE__ */ p.jsx("div", { style: {
-    "--size": `${E}px`,
-    "--offset-x": `${s[0]}px`,
-    "--offset-y": `${s[1]}px`
-  }, className: k("kakadu-components-611160091", b && "kakadu-components-3627966847") }) : null });
+  }, [a, s]), /* @__PURE__ */ v.jsx("div", { ...b, ref: n, className: E("kakadu-components-1237006455", L), children: r && s ? /* @__PURE__ */ v.jsx("div", { style: {
+    "--size": `${g}px`,
+    "--offset-x": `${r[0]}px`,
+    "--offset-y": `${r[1]}px`
+  }, className: E("kakadu-components-611160091", j && "kakadu-components-3627966847") }) : null });
 }
 export {
-  C as default,
-  z as normalBlendStyles
+  G as default,
+  C as normalBlendStyles
 };

package/build/components/moving-gradients.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const N=require("../jsx-runtime-BB_1_6y_.js"),i=require("react"),_=require("@kuma-ui/core"),D=["rgb(46, 75, 164)","rgb(58, 125, 159)","rgb(42, 81, 142)","rgb(48, 132, 168)","rgb(45, 64, 157)"];function L(S){return S.map(C=>{var n;const[m,b,X]=((n=C.match(/\d+/g))==null?void 0:n.map(Number))??[];return[m,b,X]})}function O({className:S,colors:C=D,maximumGradientsCount:m=10,speed:b=1,opacity:X=.2}){const n=i.useRef(null),[h,z]=i.useState(),[g,H]=i.useState(0),[p,W]=i.useState(0),q=i.useMemo(()=>L(C),[C]),$=i.useMemo(()=>q.length,[q]),Y=i.useCallback(()=>{const f=Math.random(),y=q[Math.floor($*f)],r=g*1.25,M=g*.25,v=p*1.25,e=p*.25,t=r*Math.random()-M,s=v*Math.random()-e,o=Math.max(r,v);return{color:y,size:o*f+o/2,opacity:0,speed:Math.max(.1,f/2*b),startPosition:[t,s],currentPosition:[t,s],targetPosition:[r*Math.random()-M,v*Math.random()-e]}},[q,$,g,p,b]);return i.useEffect(()=>{const a=Array.from({length:m}).map(()=>Y());let f=m,y=!1,r;function M(){if(!y){if(!h){r=requestAnimationFrame(M);return}h.clearRect(0,0,g,p);for(let e=a.length;e;e-=1){const t=a[e-1],[s,o]=t.startPosition,[c,l]=t.currentPosition,[u,d]=t.targetPosition;let x=!0;if(s>u?c>u&&(x=!1):c<u&&(x=!1),o>d?l>d&&(x=!1):l<d&&(x=!1),x){a.splice(e-1,1),f-=1;continue}const k=(s+u)/2-s,w=c-s,G=(o+d)/2-o,I=l-o,j=(w/k+I/G)/2;t.opacity=j>1?2-j:j;const R=t.size/2,A=h.createRadialGradient(c,l,R,c,l,0);if(A.addColorStop(0,`rgba(${t.color.join(",")},0)`),A.addColorStop(1,`rgba(${t.color.join(",")},${t.opacity})`),h.fillStyle=A,h.fillRect(c-R,l-R,t.size,t.size),c!==u){const E=Math.abs(s-u),F=Math.abs(o-d),P=Math.min(1,E/F);c<u?t.currentPosition[0]+=t.speed*P:t.currentPosition[0]-=t.speed*P}if(l!==d){const E=Math.abs(s-u),F=Math.abs(o-d),P=Math.min(1,F/E);l<d?t.currentPosition[1]+=t.speed*P:t.currentPosition[1]-=t.speed*P}}r=requestAnimationFrame(M)}}r=requestAnimationFrame(M);const v=setInterval(()=>{let e=m-f;if(e>0)for(;e;)a.push(Y()),e-=1,f+=1},1500);return()=>{y=!0,r&&cancelAnimationFrame(r),clearInterval(v)}},[m,Y,h,g,p,b]),i.useEffect(()=>{if(n.current){const a=n.current.getContext("2d");a&&z(a),H(n.current.offsetWidth),W(n.current.offsetHeight)}},[n]),N.jsxRuntimeExports.jsx("canvas",{ref:n,"aria-hidden":!0,role:"presentation",width:g,height:p,style:{"--opacity":X},className:_.cx("kakadu-components-4131181690",S)})}exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const V=require("../jsx-runtime-BB_1_6y_.js"),s=require("react"),L=require("@kuma-ui/core"),O=require("../hooks/use-is-in-view.js"),T=require("../hooks/use-is-document-focused.js"),B=["rgb(46, 75, 164)","rgb(58, 125, 159)","rgb(42, 81, 142)","rgb(48, 132, 168)","rgb(45, 64, 157)"];function J(S){return S.map(C=>{var n;const[m,b,X]=((n=C.match(/\d+/g))==null?void 0:n.map(Number))??[];return[m,b,X]})}function K({className:S,colors:C=B,maximumGradientsCount:m=10,speed:b=1,opacity:X=.2}){const n=s.useRef(null),[h,E]=s.useState(),[g,$]=s.useState(0),[p,z]=s.useState(0),q=s.useMemo(()=>J(C),[C]),A=s.useMemo(()=>q.length,[q]),Y=s.useCallback(()=>{const f=Math.random(),y=q[Math.floor(A*f)],r=g*1.25,M=g*.25,v=p*1.25,e=p*.25,t=r*Math.random()-M,o=v*Math.random()-e,i=Math.max(r,v);return{color:y,size:i*f+i/2,opacity:0,speed:Math.max(.1,f/2*b),startPosition:[t,o],currentPosition:[t,o],targetPosition:[r*Math.random()-M,v*Math.random()-e]}},[q,A,g,p,b]),H=O.default(n),W=T.default(),F=s.useRef(!1);return F.current=!H||!W,s.useEffect(()=>{const a=Array.from({length:m}).map(()=>Y());let f=m,y=!1,r;function M(){if(!y){if(!h||F.current){r=requestAnimationFrame(M);return}h.clearRect(0,0,g,p);for(let e=a.length;e;e-=1){const t=a[e-1],[o,i]=t.startPosition,[c,u]=t.currentPosition,[l,d]=t.targetPosition;let x=!0;if(o>l?c>l&&(x=!1):c<l&&(x=!1),i>d?u>d&&(x=!1):u<d&&(x=!1),x){a.splice(e-1,1),f-=1;continue}const _=(o+l)/2-o,D=c-o,G=(i+d)/2-i,N=u-i,R=(D/_+N/G)/2;t.opacity=R>1?2-R:R;const j=t.size/2,I=h.createRadialGradient(c,u,j,c,u,0);if(I.addColorStop(0,`rgba(${t.color.join(",")},0)`),I.addColorStop(1,`rgba(${t.color.join(",")},${t.opacity})`),h.fillStyle=I,h.fillRect(c-j,u-j,t.size,t.size),c!==l){const k=Math.abs(o-l),w=Math.abs(i-d),P=Math.min(1,k/w);c<l?t.currentPosition[0]+=t.speed*P:t.currentPosition[0]-=t.speed*P}if(u!==d){const k=Math.abs(o-l),w=Math.abs(i-d),P=Math.min(1,w/k);u<d?t.currentPosition[1]+=t.speed*P:t.currentPosition[1]-=t.speed*P}}r=requestAnimationFrame(M)}}r=requestAnimationFrame(M);const v=setInterval(()=>{if(F.current)return;let e=m-f;if(e>0)for(;e;)a.push(Y()),e-=1,f+=1},1500);return()=>{y=!0,r&&cancelAnimationFrame(r),clearInterval(v)}},[m,Y,h,g,p,b]),s.useEffect(()=>{if(n.current){const a=n.current.getContext("2d");a&&E(a),$(n.current.offsetWidth),z(n.current.offsetHeight)}},[n]),V.jsxRuntimeExports.jsx("canvas",{ref:n,"aria-hidden":!0,role:"presentation",width:g,height:p,style:{"--opacity":X},className:L.cx("kakadu-components-4131181690",S)})}exports.default=K;

package/build/components/moving-gradients.mjs

@@ -1,62 +1,64 @@
-import { j as L } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useRef as B, useState as E, useMemo as S, useCallback as J, useEffect as W } from "react";
-import { cx as K } from "@kuma-ui/core";
-const O = ["rgb(46, 75, 164)", "rgb(58, 125, 159)", "rgb(42, 81, 142)", "rgb(48, 132, 168)", "rgb(45, 64, 157)"];
-function Q(X) {
-  return X.map((C) => {
+import { j as K } from "../jsx-runtime-B4hRZ52C.mjs";
+import { useRef as H, useState as z, useMemo as S, useCallback as O, useEffect as W } from "react";
+import { cx as Q } from "@kuma-ui/core";
+import T from "../hooks/use-is-in-view.mjs";
+import U from "../hooks/use-is-document-focused.mjs";
+const Z = ["rgb(46, 75, 164)", "rgb(58, 125, 159)", "rgb(42, 81, 142)", "rgb(48, 132, 168)", "rgb(45, 64, 157)"];
+function _(X) {
+  return X.map((P) => {
     var n;
-    const [f, M, Y] = ((n = C.match(/\d+/g)) == null ? void 0 : n.map(Number)) ?? [];
+    const [f, M, Y] = ((n = P.match(/\d+/g)) == null ? void 0 : n.map(Number)) ?? [];
     return [f, M, Y];
   });
 }
-function Z({
+function st({
   className: X,
-  colors: C = O,
+  colors: P = Z,
   maximumGradientsCount: f = 10,
   speed: M = 1,
   opacity: Y = 0.2
 }) {
-  const n = B(null), [m, k] = E(), [h, w] = E(0), [p, $] = E(0), P = S(() => Q(C), [C]), H = S(() => P.length, [P]), j = J(() => {
-    const u = Math.random(), y = P[Math.floor(H * u)], o = h * 1.25, g = h * 0.25, b = p * 1.25, e = p * 0.25, t = o * Math.random() - g, r = b * Math.random() - e, s = Math.max(o, b);
+  const n = H(null), [m, k] = z(), [h, D] = z(0), [p, $] = z(0), C = S(() => _(P), [P]), E = S(() => C.length, [C]), F = O(() => {
+    const d = Math.random(), y = C[Math.floor(E * d)], o = h * 1.25, g = h * 0.25, b = p * 1.25, e = p * 0.25, t = o * Math.random() - g, r = b * Math.random() - e, s = Math.max(o, b);
     return {
       color: y,
-      size: s * u + s / 2,
+      size: s * d + s / 2,
       opacity: 0,
-      speed: Math.max(0.1, u / 2 * M),
+      speed: Math.max(0.1, d / 2 * M),
       startPosition: [t, r],
       currentPosition: [t, r],
       targetPosition: [o * Math.random() - g, b * Math.random() - e]
     };
-  }, [P, H, h, p, M]);
-  return W(() => {
+  }, [C, E, h, p, M]), G = T(n), N = U(), I = H(!1);
+  return I.current = !G || !N, W(() => {
     const i = Array.from({
       length: f
-    }).map(() => j());
-    let u = f, y = !1, o;
+    }).map(() => F());
+    let d = f, y = !1, o;
     function g() {
       if (!y) {
-        if (!m) {
+        if (!m || I.current) {
           o = requestAnimationFrame(g);
           return;
         }
         m.clearRect(0, 0, h, p);
         for (let e = i.length; e; e -= 1) {
-          const t = i[e - 1], [r, s] = t.startPosition, [a, c] = t.currentPosition, [l, d] = t.targetPosition;
+          const t = i[e - 1], [r, s] = t.startPosition, [a, c] = t.currentPosition, [l, u] = t.targetPosition;
           let v = !0;
-          if (r > l ? a > l && (v = !1) : a < l && (v = !1), s > d ? c > d && (v = !1) : c < d && (v = !1), v) {
-            i.splice(e - 1, 1), u -= 1;
+          if (r > l ? a > l && (v = !1) : a < l && (v = !1), s > u ? c > u && (v = !1) : c < u && (v = !1), v) {
+            i.splice(e - 1, 1), d -= 1;
             continue;
           }
-          const G = (r + l) / 2 - r, I = a - r, N = (s + d) / 2 - s, D = c - s, q = (I / G + D / N) / 2;
-          t.opacity = q > 1 ? 2 - q : q;
-          const A = t.size / 2, F = m.createRadialGradient(a, c, A, a, c, 0);
-          if (F.addColorStop(0, `rgba(${t.color.join(",")},0)`), F.addColorStop(1, `rgba(${t.color.join(",")},${t.opacity})`), m.fillStyle = F, m.fillRect(a - A, c - A, t.size, t.size), a !== l) {
-            const R = Math.abs(r - l), z = Math.abs(s - d), x = Math.min(1, R / z);
+          const V = (r + l) / 2 - r, L = a - r, B = (s + u) / 2 - s, J = c - s, j = (L / V + J / B) / 2;
+          t.opacity = j > 1 ? 2 - j : j;
+          const q = t.size / 2, w = m.createRadialGradient(a, c, q, a, c, 0);
+          if (w.addColorStop(0, `rgba(${t.color.join(",")},0)`), w.addColorStop(1, `rgba(${t.color.join(",")},${t.opacity})`), m.fillStyle = w, m.fillRect(a - q, c - q, t.size, t.size), a !== l) {
+            const A = Math.abs(r - l), R = Math.abs(s - u), x = Math.min(1, A / R);
             a < l ? t.currentPosition[0] += t.speed * x : t.currentPosition[0] -= t.speed * x;
           }
-          if (c !== d) {
-            const R = Math.abs(r - l), z = Math.abs(s - d), x = Math.min(1, z / R);
-            c < d ? t.currentPosition[1] += t.speed * x : t.currentPosition[1] -= t.speed * x;
+          if (c !== u) {
+            const A = Math.abs(r - l), R = Math.abs(s - u), x = Math.min(1, R / A);
+            c < u ? t.currentPosition[1] += t.speed * x : t.currentPosition[1] -= t.speed * x;
           }
         }
         o = requestAnimationFrame(g);
@@ -64,23 +66,25 @@ function Z({
     }
     o = requestAnimationFrame(g);
     const b = setInterval(() => {
-      let e = f - u;
+      if (I.current)
+        return;
+      let e = f - d;
       if (e > 0)
         for (; e; )
-          i.push(j()), e -= 1, u += 1;
+          i.push(F()), e -= 1, d += 1;
     }, 1500);
     return () => {
       y = !0, o && cancelAnimationFrame(o), clearInterval(b);
     };
-  }, [f, j, m, h, p, M]), W(() => {
+  }, [f, F, m, h, p, M]), W(() => {
     if (n.current) {
       const i = n.current.getContext("2d");
-      i && k(i), w(n.current.offsetWidth), $(n.current.offsetHeight);
+      i && k(i), D(n.current.offsetWidth), $(n.current.offsetHeight);
     }
-  }, [n]), /* @__PURE__ */ L.jsx("canvas", { ref: n, "aria-hidden": !0, role: "presentation", width: h, height: p, style: {
+  }, [n]), /* @__PURE__ */ K.jsx("canvas", { ref: n, "aria-hidden": !0, role: "presentation", width: h, height: p, style: {
     "--opacity": Y
-  }, className: K("kakadu-components-4131181690", X) });
+  }, className: Q("kakadu-components-4131181690", X) });
 }
 export {
-  Z as default
+  st as default
 };

package/build/components/moving-stars.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const N=require("../jsx-runtime-BB_1_6y_.js"),u=require("react"),T=require("@kuma-ui/core");function B({color:y,opacity:R,className:W,minimumSize:A=1,maximumSize:S=5,maximumStarsCount:x=50,speed:C=1,hasMask:j=!1}){const e=u.useRef(null),[r,z]=u.useState(),[f,F]=u.useState(0),[d,H]=u.useState(0),q=u.useCallback(()=>{const n=f*1.5,s=f*.25,a=d*1.5,o=d*.25,M=n*Math.random()-s,h=a*Math.random()-o;return{size:Math.max(A,S*Math.random()),opacity:0,speed:Math.max(.1,Math.random()/2*C),startPosition:[M,h],currentPosition:[M,h],targetPosition:[n*Math.random()-s,a*Math.random()-o]}},[f,d,A,S,C]),w=u.useCallback(()=>y??(e.current?getComputedStyle(e.current).color:"#000"),[y,e]);return u.useEffect(()=>{const n=Array.from({length:x}).map(()=>q());let s=x,a=!1,o,M=w();function h(){if(!a){if(!r){o=requestAnimationFrame(h);return}r.clearRect(0,0,f,d);for(let i=n.length;i;i-=1){const t=n[i-1],[v,p]=t.startPosition,[g,m]=t.currentPosition,[c,l]=t.targetPosition;let P=!0;if(v>c?g>c&&(P=!1):g<c&&(P=!1),p>l?m>l&&(P=!1):m<l&&(P=!1),P){n.splice(i-1,1),s-=1;continue}const L=(v+c)/2-v,O=g-v,_=(p+l)/2-p,$=m-p,X=(O/L+$/_)/2;t.opacity=X>1?2-X:X;const Y=t.size/2;if(r.beginPath(),r.arc(g-Y,m-Y,Y,0,2*Math.PI,!1),r.globalAlpha=t.opacity,r.fillStyle=M,r.fill(),g!==c){const E=Math.abs(v-c),k=Math.abs(p-l),b=Math.min(1,E/k);g<c?t.currentPosition[0]+=t.speed*b:t.currentPosition[0]-=t.speed*b}if(m!==l){const E=Math.abs(v-c),k=Math.abs(p-l),b=Math.min(1,k/E);m<l?t.currentPosition[1]+=t.speed*b:t.currentPosition[1]-=t.speed*b}}o=requestAnimationFrame(h)}}o=requestAnimationFrame(h);const I=setInterval(()=>{M=w();let i=x-s;if(i>0)for(;i;)n.push(q()),i-=1,s+=1},500);return()=>{a=!0,o&&cancelAnimationFrame(o),clearInterval(I)}},[x,q,w,r,f,d,C]),u.useEffect(()=>{if(e.current){const n=e.current.getContext("2d");n&&z(n),F(e.current.offsetWidth),H(e.current.offsetHeight);const s=()=>{e.current&&(F(e.current.offsetWidth),H(e.current.offsetHeight))},a=new ResizeObserver(s);return a.observe(e.current),window.addEventListener("resize",s,{passive:!0}),()=>{a.disconnect(),window.removeEventListener("resize",s)}}},[e]),N.jsxRuntimeExports.jsx("canvas",{ref:e,"aria-hidden":!0,role:"presentation",style:{"--color":y,"--opacity":R},className:T.cx("kakadu-components-3366903902",j&&"kakadu-components-4049648322",W),width:f,height:d})}exports.default=B;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const T=require("../jsx-runtime-BB_1_6y_.js"),r=require("react"),B=require("@kuma-ui/core"),G=require("../hooks/use-is-in-view.js"),J=require("../hooks/use-is-document-focused.js");function K({color:q,opacity:H,className:W,minimumSize:I=1,maximumSize:A=5,maximumStarsCount:x=50,speed:w=1,hasMask:j=!1}){const e=r.useRef(null),[o,_]=r.useState(),[f,R]=r.useState(0),[d,S]=r.useState(0),y=r.useCallback(()=>{const n=f*1.5,s=f*.25,a=d*1.5,i=d*.25,M=n*Math.random()-s,h=a*Math.random()-i;return{size:Math.max(I,A*Math.random()),opacity:0,speed:Math.max(.1,Math.random()/2*w),startPosition:[M,h],currentPosition:[M,h],targetPosition:[n*Math.random()-s,a*Math.random()-i]}},[f,d,I,A,w]),C=r.useCallback(()=>q??(e.current?getComputedStyle(e.current).color:"#000"),[q,e]),z=G.default(e),D=J.default(),k=r.useRef(!1);return k.current=!z||!D,r.useEffect(()=>{const n=Array.from({length:x}).map(()=>y());let s=x,a=!1,i,M=C();function h(){if(!a){if(!o||k.current){i=requestAnimationFrame(h);return}o.clearRect(0,0,f,d);for(let c=n.length;c;c-=1){const t=n[c-1],[v,p]=t.startPosition,[g,m]=t.currentPosition,[u,l]=t.targetPosition;let P=!0;if(v>u?g>u&&(P=!1):g<u&&(P=!1),p>l?m>l&&(P=!1):m<l&&(P=!1),P){n.splice(c-1,1),s-=1;continue}const O=(v+u)/2-v,V=g-v,$=(p+l)/2-p,N=m-p,X=(V/O+N/$)/2;t.opacity=X>1?2-X:X;const Y=t.size/2;if(o.beginPath(),o.arc(g-Y,m-Y,Y,0,2*Math.PI,!1),o.globalAlpha=t.opacity,o.fillStyle=M,o.fill(),g!==u){const E=Math.abs(v-u),F=Math.abs(p-l),b=Math.min(1,E/F);g<u?t.currentPosition[0]+=t.speed*b:t.currentPosition[0]-=t.speed*b}if(m!==l){const E=Math.abs(v-u),F=Math.abs(p-l),b=Math.min(1,F/E);m<l?t.currentPosition[1]+=t.speed*b:t.currentPosition[1]-=t.speed*b}}i=requestAnimationFrame(h)}}i=requestAnimationFrame(h);const L=setInterval(()=>{if(k.current)return;M=C();let c=x-s;if(c>0)for(;c;)n.push(y()),c-=1,s+=1},500);return()=>{a=!0,i&&cancelAnimationFrame(i),clearInterval(L)}},[x,y,C,o,f,d,w]),r.useEffect(()=>{if(e.current){const n=e.current.getContext("2d");n&&_(n),R(e.current.offsetWidth),S(e.current.offsetHeight);const s=()=>{e.current&&(R(e.current.offsetWidth),S(e.current.offsetHeight))},a=new ResizeObserver(s);return a.observe(e.current),window.addEventListener("resize",s,{passive:!0}),()=>{a.disconnect(),window.removeEventListener("resize",s)}}},[e]),T.jsxRuntimeExports.jsx("canvas",{ref:e,"aria-hidden":!0,role:"presentation",style:{"--color":q,"--opacity":H},className:B.cx("kakadu-components-3366903902",j&&"kakadu-components-4049648322",W),width:f,height:d})}exports.default=K;

package/build/components/moving-stars.mjs

@@ -1,90 +1,94 @@
-import { j as J } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useRef as K, useState as k, useCallback as R, useEffect as j } from "react";
-import { cx as Q } from "@kuma-ui/core";
-function Z({
+import { j as T } from "../jsx-runtime-B4hRZ52C.mjs";
+import { useRef as R, useState as E, useCallback as j, useEffect as z } from "react";
+import { cx as U } from "@kuma-ui/core";
+import Z from "../hooks/use-is-in-view.mjs";
+import _ from "../hooks/use-is-document-focused.mjs";
+function st({
   color: b,
-  opacity: z,
-  className: I,
-  minimumSize: q = 1,
-  maximumSize: F = 5,
+  opacity: D,
+  className: L,
+  minimumSize: k = 1,
+  maximumSize: q = 5,
   maximumStarsCount: x = 50,
-  speed: y = 1,
-  hasMask: L = !1
+  speed: w = 1,
+  hasMask: S = !1
 }) {
-  const e = K(null), [s, S] = k(), [f, H] = k(0), [u, W] = k(0), C = R(() => {
-    const n = f * 1.5, r = f * 0.25, o = u * 1.5, a = u * 0.25, g = n * Math.random() - r, d = o * Math.random() - a;
+  const t = R(null), [s, V] = E(), [u, H] = E(0), [f, W] = E(0), y = j(() => {
+    const n = u * 1.5, r = u * 0.25, o = f * 1.5, i = f * 0.25, g = n * Math.random() - r, d = o * Math.random() - i;
     return {
-      size: Math.max(q, F * Math.random()),
+      size: Math.max(k, q * Math.random()),
       opacity: 0,
-      speed: Math.max(0.1, Math.random() / 2 * y),
+      speed: Math.max(0.1, Math.random() / 2 * w),
       startPosition: [g, d],
       currentPosition: [g, d],
-      targetPosition: [n * Math.random() - r, o * Math.random() - a]
+      targetPosition: [n * Math.random() - r, o * Math.random() - i]
     };
-  }, [f, u, q, F, y]), w = R(() => b ?? (e.current ? getComputedStyle(e.current).color : "#000"), [b, e]);
-  return j(() => {
+  }, [u, f, k, q, w]), C = j(() => b ?? (t.current ? getComputedStyle(t.current).color : "#000"), [b, t]), N = Z(t), O = _(), X = R(!1);
+  return X.current = !N || !O, z(() => {
     const n = Array.from({
       length: x
-    }).map(() => C());
-    let r = x, o = !1, a, g = w();
+    }).map(() => y());
+    let r = x, o = !1, i, g = C();
     function d() {
       if (!o) {
-        if (!s) {
-          a = requestAnimationFrame(d);
+        if (!s || X.current) {
+          i = requestAnimationFrame(d);
           return;
         }
-        s.clearRect(0, 0, f, u);
-        for (let i = n.length; i; i -= 1) {
-          const t = n[i - 1], [h, p] = t.startPosition, [m, v] = t.currentPosition, [c, l] = t.targetPosition;
+        s.clearRect(0, 0, u, f);
+        for (let a = n.length; a; a -= 1) {
+          const e = n[a - 1], [h, m] = e.startPosition, [p, v] = e.currentPosition, [c, l] = e.targetPosition;
           let M = !0;
-          if (h > c ? m > c && (M = !1) : m < c && (M = !1), p > l ? v > l && (M = !1) : v < l && (M = !1), M) {
-            n.splice(i - 1, 1), r -= 1;
+          if (h > c ? p > c && (M = !1) : p < c && (M = !1), m > l ? v > l && (M = !1) : v < l && (M = !1), M) {
+            n.splice(a - 1, 1), r -= 1;
             continue;
           }
-          const O = (h + c) / 2 - h, B = m - h, D = (p + l) / 2 - p, G = v - p, X = (B / O + G / D) / 2;
-          t.opacity = X > 1 ? 2 - X : X;
-          const Y = t.size / 2;
-          if (s.beginPath(), s.arc(m - Y, v - Y, Y, 0, 2 * Math.PI, !1), s.globalAlpha = t.opacity, s.fillStyle = g, s.fill(), m !== c) {
-            const A = Math.abs(h - c), E = Math.abs(p - l), P = Math.min(1, A / E);
-            m < c ? t.currentPosition[0] += t.speed * P : t.currentPosition[0] -= t.speed * P;
+          const G = (h + c) / 2 - h, J = p - h, K = (m + l) / 2 - m, Q = v - m, Y = (J / G + Q / K) / 2;
+          e.opacity = Y > 1 ? 2 - Y : Y;
+          const F = e.size / 2;
+          if (s.beginPath(), s.arc(p - F, v - F, F, 0, 2 * Math.PI, !1), s.globalAlpha = e.opacity, s.fillStyle = g, s.fill(), p !== c) {
+            const I = Math.abs(h - c), A = Math.abs(m - l), P = Math.min(1, I / A);
+            p < c ? e.currentPosition[0] += e.speed * P : e.currentPosition[0] -= e.speed * P;
           }
           if (v !== l) {
-            const A = Math.abs(h - c), E = Math.abs(p - l), P = Math.min(1, E / A);
-            v < l ? t.currentPosition[1] += t.speed * P : t.currentPosition[1] -= t.speed * P;
+            const I = Math.abs(h - c), A = Math.abs(m - l), P = Math.min(1, A / I);
+            v < l ? e.currentPosition[1] += e.speed * P : e.currentPosition[1] -= e.speed * P;
           }
         }
-        a = requestAnimationFrame(d);
+        i = requestAnimationFrame(d);
       }
     }
-    a = requestAnimationFrame(d);
-    const N = setInterval(() => {
-      g = w();
-      let i = x - r;
-      if (i > 0)
-        for (; i; )
-          n.push(C()), i -= 1, r += 1;
+    i = requestAnimationFrame(d);
+    const B = setInterval(() => {
+      if (X.current)
+        return;
+      g = C();
+      let a = x - r;
+      if (a > 0)
+        for (; a; )
+          n.push(y()), a -= 1, r += 1;
     }, 500);
     return () => {
-      o = !0, a && cancelAnimationFrame(a), clearInterval(N);
+      o = !0, i && cancelAnimationFrame(i), clearInterval(B);
     };
-  }, [x, C, w, s, f, u, y]), j(() => {
-    if (e.current) {
-      const n = e.current.getContext("2d");
-      n && S(n), H(e.current.offsetWidth), W(e.current.offsetHeight);
+  }, [x, y, C, s, u, f, w]), z(() => {
+    if (t.current) {
+      const n = t.current.getContext("2d");
+      n && V(n), H(t.current.offsetWidth), W(t.current.offsetHeight);
       const r = () => {
-        e.current && (H(e.current.offsetWidth), W(e.current.offsetHeight));
+        t.current && (H(t.current.offsetWidth), W(t.current.offsetHeight));
       }, o = new ResizeObserver(r);
-      return o.observe(e.current), window.addEventListener("resize", r, {
+      return o.observe(t.current), window.addEventListener("resize", r, {
         passive: !0
       }), () => {
         o.disconnect(), window.removeEventListener("resize", r);
       };
     }
-  }, [e]), /* @__PURE__ */ J.jsx("canvas", { ref: e, "aria-hidden": !0, role: "presentation", style: {
+  }, [t]), /* @__PURE__ */ T.jsx("canvas", { ref: t, "aria-hidden": !0, role: "presentation", style: {
     "--color": b,
-    "--opacity": z
-  }, className: Q("kakadu-components-3366903902", L && "kakadu-components-4049648322", I), width: f, height: u });
+    "--opacity": D
+  }, className: U("kakadu-components-3366903902", S && "kakadu-components-4049648322", L), width: u, height: f });
 }
 export {
-  Z as default
+  st as default
 };

package/build/hooks/use-is-in-view.d.ts

@@ -0,0 +1,6 @@
+import { type RefObject } from 'react';
+export default function useIsInView(reference: RefObject<HTMLElement | null>): boolean;
+export declare function useHasBeenInView(reference: RefObject<HTMLElement | null>): {
+    isInView: boolean;
+    hasBeenInView: boolean;
+};

package/build/hooks/use-is-in-view.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react");function o(n){const[t,i]=s.useState(!1);return s.useEffect(()=>{const e=n.current;if(e){const c=a=>{const[u]=a;u&&i(u.isIntersecting)},r=new IntersectionObserver(c);return r.observe(e),()=>{r.disconnect()}}},[n]),t}function f(n){const[t,i]=s.useState(!1),e=o(n);return s.useEffect(()=>{e&&i(!0)},[e]),s.useMemo(()=>({isInView:e,hasBeenInView:t}),[e,t])}exports.default=o;exports.useHasBeenInView=f;

package/build/hooks/use-is-in-view.mjs

@@ -0,0 +1,26 @@
+import { useState as o, useEffect as c, useMemo as f } from "react";
+function a(n) {
+  const [s, t] = o(!1);
+  return c(() => {
+    const e = n.current;
+    if (e) {
+      const u = (I) => {
+        const [r] = I;
+        r && t(r.isIntersecting);
+      }, i = new IntersectionObserver(u);
+      return i.observe(e), () => {
+        i.disconnect();
+      };
+    }
+  }, [n]), s;
+}
+function V(n) {
+  const [s, t] = o(!1), e = a(n);
+  return c(() => {
+    e && t(!0);
+  }, [e]), f(() => ({ isInView: e, hasBeenInView: s }), [e, s]);
+}
+export {
+  a as default,
+  V as useHasBeenInView
+};

package/build/index.d.ts

@@ -180,6 +180,8 @@ 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-is-in-view';
+export { default as useIsInView } from './hooks/use-is-in-view';
 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"),q=require("./components/aria-text.js"),_=require("./components/atom.js"),x=require("./components/bankid-logo.js"),P=require("./components/box.js"),t=require("./components/button.js"),v=require("./components/button-tooltip.js"),w=require("./components/card.js"),I=require("./components/click-ripples.js"),M=require("./components/collapsible.js"),h=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"),l=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"),d=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"),f=require("./components/notice.js"),p=require("./components/notification.js"),g=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"),S=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"),m=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"),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"),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=q.default;exports.ariaTextStyles=q.ariaTextStyles;exports.Atom=_.default;exports.defaultAtomElementType=_.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=v.default;exports.buttonTooltipPositions=v.buttonTooltipPositions;exports.Card=w.default;exports.ClickRipples=I.default;exports.Collapsible=M.default;exports.Combobox=h.default;exports.getComboboxOptionString=h.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=l.default;exports.footerSectionLinks=l.footerSectionLinks;exports.footerSections=l.footerSections;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=d.default;exports.KakaduGuideLogoSvg=d.KakaduGuideLogoSvg;exports.kakaduGuideLogoVariants=d.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=f.default;exports.noticeTypes=f.noticeTypes;exports.notificationTypes=f.noticeTypes;exports.Notification=p.default;exports.NotificationProvider=p.NotificationProvider;exports.useCreateNotification=p.useCreateNotification;exports.PopoverMenu=g.default;exports.dangerPopoverMenuItemStyles=g.dangerPopoverMenuItemStyles;exports.usePopoverMenu=g.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=S.default;exports.SkeletonInstance=S.SkeletonInstance;exports.getDeterministicSkeletonWidth=S.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=m.default;exports.iconShadowStyles=m.iconShadowStyles;exports.iconTypes=m.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=we.default;exports.TestSvg=Ie.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./theme.js"),q=require("./components/aria-text.js"),_=require("./components/atom.js"),I=require("./components/bankid-logo.js"),w=require("./components/box.js"),t=require("./components/button.js"),v=require("./components/button-tooltip.js"),P=require("./components/card.js"),B=require("./components/click-ripples.js"),M=require("./components/collapsible.js"),h=require("./components/combobox.js"),D=require("./components/copy-icon-button.js"),G=require("./components/datum.js"),F=require("./components/decorators.js"),R=require("./components/dnb-logo.js"),V=require("./components/dot.js"),c=require("./components/flex.js"),l=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"),U=require("./components/kakadu-guide-icon.js"),d=require("./components/kakadu-guide-logo.js"),K=require("./components/kakadu-index-logo.js"),W=require("./components/kakadu-academy-logo.js"),N=require("./components/kakadu-logo.js"),r=require("./components/modal.js"),J=require("./components/moving-gradients.js"),j=require("./components/moving-stars.js"),f=require("./components/notice.js"),p=require("./components/notification.js"),g=require("./components/popover-menu.js"),a=require("./components/popover.js"),L=require("./components/revealer.js"),O=require("./components/select.js"),u=require("./components/separator.js"),S=require("./components/skeleton.js"),z=require("./components/sparebank1-logo.js"),b=require("./components/spinner.js"),Q=require("./components/sto-logo.js"),X=require("./components/storebrand-logo.js"),e=require("./components/text.js"),T=require("./components/text-button.js"),n=require("./components/theme-setter.js"),Y=require("./components/veil.js"),C=require("./components/wrapper.js"),m=require("./icons/icon.js"),Z=require("./icons/anchor-down.js"),$=require("./icons/anchor-up.js"),ee=require("./icons/arrow-down.js"),oe=require("./icons/arrow-left.js"),te=require("./icons/arrow-right.js"),ne=require("./icons/arrow-up.js"),re=require("./icons/caret-down.js"),se=require("./icons/caret-left.js"),ae=require("./icons/caret-right.js"),ue=require("./icons/caret-up.js"),ie=require("./icons/check.js"),ce=require("./icons/chevron-down.js"),le=require("./icons/chevron-left.js"),de=require("./icons/chevron-right.js"),fe=require("./icons/chevron-up.js"),pe=require("./icons/cog.js"),ge=require("./icons/copy.js"),Se=require("./icons/document.js"),me=require("./icons/dots.js"),qe=require("./icons/drag.js"),_e=require("./icons/edit.js"),ve=require("./icons/external.js"),he=require("./icons/exclamation-triangle.js"),ye=require("./icons/eye.js"),ke=require("./icons/information.js"),Le=require("./icons/kakadu-guide-glyph.js"),be=require("./icons/kakadu-guide-icon.js"),Te=require("./icons/menu.js"),Ce=require("./icons/package.js"),xe=require("./icons/plus.js"),Ie=require("./icons/select.js"),we=require("./icons/share.js"),Pe=require("./icons/sparkle.js"),Be=require("./icons/test.js"),Me=require("./icons/times.js"),De=require("./icons/trash.js"),Ge=require("./icons/trend-up.js"),Fe=require("./icons/chrome-browser-logo.js"),Re=require("./icons/edge-browser-logo.js"),i=require("./hooks/use-fetch.js"),Ve=require("./hooks/use-is-document-focused.js"),x=require("./hooks/use-is-in-view.js"),Ae=require("./hooks/use-media-query.js"),He=require("./hooks/use-synchronized-value.js"),Ee=require("./hooks/use-throttled.js"),Ue=require("./utilities/clamp.js"),Ke=require("./utilities/copy-to-clipboard.js"),We=require("./utilities/generate-random-id.js"),Ne=require("./utilities/scale.js"),Je=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=q.default;exports.ariaTextStyles=q.ariaTextStyles;exports.Atom=_.default;exports.defaultAtomElementType=_.defaultAtomElementType;exports.BankidLogo=I.default;exports.Box=w.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=P.default;exports.ClickRipples=B.default;exports.Collapsible=M.default;exports.Combobox=h.default;exports.getComboboxOptionString=h.getComboboxOptionString;exports.CopyIconButton=D.default;exports.Datum=G.default;exports.Decorators=F.default;exports.DnbLogo=R.default;exports.Dot=V.default;exports.Flex=c.default;exports.flexDirections=c.flexDirections;exports.flexPresets=c.flexPresets;exports.Footer=l.default;exports.footerSectionLinks=l.footerSectionLinks;exports.footerSections=l.footerSections;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=U.default;exports.KakaduGuideLogo=d.default;exports.KakaduGuideLogoSvg=d.KakaduGuideLogoSvg;exports.kakaduGuideLogoVariants=d.kakaduGuideLogoVariants;exports.KakaduIndexLogo=K.default;exports.KakaduAcademyLogo=W.default;exports.KakaduLogo=N.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=J.default;exports.MovingStars=j.default;exports.Notice=f.default;exports.noticeTypes=f.noticeTypes;exports.notificationTypes=f.noticeTypes;exports.Notification=p.default;exports.NotificationProvider=p.NotificationProvider;exports.useCreateNotification=p.useCreateNotification;exports.PopoverMenu=g.default;exports.dangerPopoverMenuItemStyles=g.dangerPopoverMenuItemStyles;exports.usePopoverMenu=g.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=O.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.Sparebank1Logo=z.default;exports.RevealSpinner=b.RevealSpinner;exports.Spinner=b.default;exports.StoLogo=Q.default;exports.StorebrandLogo=X.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=Y.default;exports.Wrapper=C.default;exports.wrapperWidths=C.wrapperWidths;exports.Icon=m.default;exports.iconShadowStyles=m.iconShadowStyles;exports.iconTypes=m.iconTypes;exports.AnchorDownSvg=Z.default;exports.AnchorUpSvg=$.default;exports.ArrowDownSvg=ee.default;exports.ArrowLeftSvg=oe.default;exports.ArrowRightSvg=te.default;exports.ArrowUpSvg=ne.default;exports.CaretDownSvg=re.default;exports.CaretLeftSvg=se.default;exports.CaretRightSvg=ae.default;exports.CaretUpSvg=ue.default;exports.CheckSvg=ie.default;exports.ChevronDownSvg=ce.default;exports.ChevronLeftSvg=le.default;exports.ChevronRightSvg=de.default;exports.ChevronUpSvg=fe.default;exports.CogSvg=pe.default;exports.CopySvg=ge.default;exports.DocumentSvg=Se.default;exports.DotsSvg=me.default;exports.DragSvg=qe.default;exports.EditSvg=_e.default;exports.ExternalSvg=ve.default;exports.ExclamationTriangleSvg=he.default;exports.EyeSvg=ye.default;exports.InformationSvg=ke.default;exports.KakaduGuideGlyphSvg=Le.default;exports.KakaduGuideIconSvg=be.default;exports.MenuSvg=Te.default;exports.PackageSvg=Ce.default;exports.PlusSvg=xe.default;exports.SelectSvg=Ie.default;exports.ShareSvg=we.default;exports.SparkleSvg=Pe.default;exports.TestSvg=Be.default;exports.TimesSvg=Me.default;exports.TrashSvg=De.default;exports.TrendUpSvg=Ge.default;exports.ChromeBrowserLogoSvg=Fe.default;exports.EdgeBrowserLogoSvg=Re.default;exports.useFetch=i.default;exports.useFetcher=i.useFetcher;exports.useJsonFetch=i.useJsonFetch;exports.useJsonFetcher=i.useJsonFetcher;exports.useIsDocumentFocused=Ve.default;exports.useHasBeenInView=x.useHasBeenInView;exports.useIsInView=x.default;exports.useMediaQuery=Ae.default;exports.useSynchronizedValue=He.default;exports.useThrottled=Ee.default;exports.clamp=Ue.default;exports.copyToClipboard=Ke.default;exports.generateRandomId=We.default;exports.scale=Ne.default;exports.search=Je.default;

package/build/index.mjs

@@ -3,11 +3,11 @@ import { default as x, ariaTextStyles as i } 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 D, buttonVariants as I, buttonWarningStyles as B } from "./components/button.mjs";
-import { default as w, buttonTooltipPositions as A } from "./components/button-tooltip.mjs";
+import { default as L, ButtonLoader as T, buttonDangerStyles as b, buttonSecondaryStyles as I, buttonSuccessStyles as P, buttonVariants as w, buttonWarningStyles as B } from "./components/button.mjs";
+import { default as M, 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 K } from "./components/collapsible.mjs";
+import { default as H } from "./components/click-ripples.mjs";
+import { default as V } 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";
@@ -23,11 +23,11 @@ import { default as xe, normalBlendStyles as ie } from "./components/hover-gradi
 import { default as Se, iconButtonVariants as ve } from "./components/icon-button.mjs";
 import { default as he, InputLabel as ye, errorParagraph as Ce, inputStyles as ke } from "./components/input.mjs";
 import { default as Te } from "./components/kakadu-guide-icon.mjs";
-import { default as Pe, KakaduGuideLogoSvg as De, kakaduGuideLogoVariants as Ie } from "./components/kakadu-guide-logo.mjs";
-import { default as Me } from "./components/kakadu-index-logo.mjs";
+import { default as Ie, KakaduGuideLogoSvg as Pe, kakaduGuideLogoVariants as we } from "./components/kakadu-guide-logo.mjs";
+import { default as De } from "./components/kakadu-index-logo.mjs";
 import { default as Ae } from "./components/kakadu-academy-logo.mjs";
 import { default as Fe } from "./components/kakadu-logo.mjs";
-import { default as Re, ModalActions as He, ModalContent as Ke, ModalHeading as Ve, useModal as Ue, useModalContext as Ne } from "./components/modal.mjs";
+import { default as He, ModalActions as Re, ModalContent as Ve, ModalHeading as Ke, useModal as Ue, useModalContext as Ne } from "./components/modal.mjs";
 import { default as Je } from "./components/moving-gradients.mjs";
 import { default as ze } from "./components/moving-stars.mjs";
 import { default as Qe, noticeTypes as qe, noticeTypes as Xe } from "./components/notice.mjs";
@@ -39,10 +39,10 @@ import { default as io } from "./components/select.mjs";
 import { default as So, SeparatorLabel as vo, SmallSeparator as co, VerticalSeparator as ho } from "./components/separator.mjs";
 import { default as Co, SkeletonInstance as ko, getDeterministicSkeletonWidth as Lo } from "./components/skeleton.mjs";
 import { default as bo } from "./components/sparebank1-logo.mjs";
-import { RevealSpinner as Do, default as Io } from "./components/spinner.mjs";
-import { default as Mo } from "./components/sto-logo.mjs";
+import { RevealSpinner as Po, default as wo } from "./components/spinner.mjs";
+import { default as Do } from "./components/sto-logo.mjs";
 import { default as Ao } from "./components/storebrand-logo.mjs";
-import { AnchorHeading as Fo, Footnote as Eo, Heading as Ro, Hero as Ho, Label as Ko, Paragraph as Vo, Span as Uo, default as No, defaultHeadingElementType as Wo, spanStyles as Jo, textShadowStyles as jo } from "./components/text.mjs";
+import { AnchorHeading as Fo, Footnote as Eo, Heading as Ho, Hero as Ro, Label as Vo, Paragraph as Ko, Span as Uo, default as No, defaultHeadingElementType as Wo, spanStyles as Jo, textShadowStyles as jo } from "./components/text.mjs";
 import { default as Oo, textButtonVariants as Qo } from "./components/text-button.mjs";
 import { default as Xo, getThemePreference as Yo, setThemePreference as Zo, themePreferences as _o, useIsDarkMode as $o, useIsLightMode as et, useTheme as ot } from "./components/theme-setter.mjs";
 import { default as at } from "./components/veil.mjs";
@@ -55,13 +55,13 @@ import { default as ct } from "./icons/arrow-left.mjs";
 import { default as yt } from "./icons/arrow-right.mjs";
 import { default as kt } from "./icons/arrow-up.mjs";
 import { default as Tt } from "./icons/caret-down.mjs";
-import { default as Pt } from "./icons/caret-left.mjs";
-import { default as It } from "./icons/caret-right.mjs";
-import { default as Mt } from "./icons/caret-up.mjs";
+import { default as It } from "./icons/caret-left.mjs";
+import { default as wt } from "./icons/caret-right.mjs";
+import { default as Dt } from "./icons/caret-up.mjs";
 import { default as At } from "./icons/check.mjs";
 import { default as Ft } from "./icons/chevron-down.mjs";
-import { default as Rt } from "./icons/chevron-left.mjs";
-import { default as Kt } from "./icons/chevron-right.mjs";
+import { default as Ht } from "./icons/chevron-left.mjs";
+import { default as Vt } from "./icons/chevron-right.mjs";
 import { default as Ut } from "./icons/chevron-up.mjs";
 import { default as Wt } from "./icons/cog.mjs";
 import { default as jt } from "./icons/copy.mjs";
@@ -82,21 +82,22 @@ import { default as ca } from "./icons/select.mjs";
 import { default as ya } from "./icons/share.mjs";
 import { default as ka } from "./icons/sparkle.mjs";
 import { default as Ta } from "./icons/test.mjs";
-import { default as Pa } from "./icons/times.mjs";
-import { default as Ia } from "./icons/trash.mjs";
-import { default as Ma } from "./icons/trend-up.mjs";
+import { default as Ia } from "./icons/times.mjs";
+import { default as wa } from "./icons/trash.mjs";
+import { default as Da } from "./icons/trend-up.mjs";
 import { default as Aa } from "./icons/chrome-browser-logo.mjs";
 import { default as Fa } from "./icons/edge-browser-logo.mjs";
-import { default as Ra, useFetcher as Ha, useJsonFetch as Ka, useJsonFetcher as Va } from "./hooks/use-fetch.mjs";
+import { default as Ha, useFetcher as Ra, useJsonFetch as Va, useJsonFetcher as Ka } from "./hooks/use-fetch.mjs";
 import { default as Na } from "./hooks/use-is-document-focused.mjs";
-import { default as Ja } from "./hooks/use-media-query.mjs";
-import { default as za } from "./hooks/use-synchronized-value.mjs";
-import { default as Qa } from "./hooks/use-throttled.mjs";
-import { default as Xa } from "./utilities/clamp.mjs";
-import { default as Za } from "./utilities/copy-to-clipboard.mjs";
-import { default as $a } from "./utilities/generate-random-id.mjs";
-import { default as or } from "./utilities/scale.mjs";
-import { default as ar } from "./utilities/search.mjs";
+import { useHasBeenInView as Ja, default as ja } from "./hooks/use-is-in-view.mjs";
+import { default as Oa } from "./hooks/use-media-query.mjs";
+import { default as qa } from "./hooks/use-synchronized-value.mjs";
+import { default as Ya } from "./hooks/use-throttled.mjs";
+import { default as _a } from "./utilities/clamp.mjs";
+import { default as er } from "./utilities/copy-to-clipboard.mjs";
+import { default as tr } from "./utilities/generate-random-id.mjs";
+import { default as rr } from "./utilities/scale.mjs";
+import { default as sr } from "./utilities/search.mjs";
 export {
   mt as AnchorDownSvg,
   Fo as AnchorHeading,
@@ -111,21 +112,21 @@ export {
   C as Box,
   L as Button,
   T as ButtonLoader,
-  w as ButtonTooltip,
+  M as ButtonTooltip,
   F as Card,
   Tt as CaretDownSvg,
-  Pt as CaretLeftSvg,
-  It as CaretRightSvg,
-  Mt as CaretUpSvg,
+  It as CaretLeftSvg,
+  wt as CaretRightSvg,
+  Dt as CaretUpSvg,
   At as CheckSvg,
   Ft as ChevronDownSvg,
-  Rt as ChevronLeftSvg,
-  Kt as ChevronRightSvg,
+  Ht as ChevronLeftSvg,
+  Vt as ChevronRightSvg,
   Ut as ChevronUpSvg,
   Aa as ChromeBrowserLogoSvg,
-  R as ClickRipples,
+  H as ClickRipples,
   Wt as CogSvg,
-  K as Collapsible,
+  V as Collapsible,
   U as Combobox,
   J as CopyIconButton,
   jt as CopySvg,
@@ -148,8 +149,8 @@ export {
   le as Gauge,
   de as GjensidigeLogo,
   ne as Header,
-  Ro as Heading,
-  Ho as Hero,
+  Ho as Heading,
+  Ro as Hero,
   xe as HoverGradient,
   ut as Icon,
   Se as IconButton,
@@ -160,28 +161,28 @@ export {
   ua as KakaduGuideGlyphSvg,
   Te as KakaduGuideIcon,
   pa as KakaduGuideIconSvg,
-  Pe as KakaduGuideLogo,
-  De as KakaduGuideLogoSvg,
-  Me as KakaduIndexLogo,
+  Ie as KakaduGuideLogo,
+  Pe as KakaduGuideLogoSvg,
+  De as KakaduIndexLogo,
   Fe as KakaduLogo,
-  Ko as Label,
+  Vo as Label,
   ma as MenuSvg,
-  Re as Modal,
-  He as ModalActions,
-  Ke as ModalContent,
-  Ve as ModalHeading,
+  He as Modal,
+  Re as ModalActions,
+  Ve as ModalContent,
+  Ke as ModalHeading,
   Je as MovingGradients,
   ze as MovingStars,
   Qe as Notice,
   Ze as Notification,
   _e as NotificationProvider,
   ia as PackageSvg,
-  Vo as Paragraph,
+  Ko as Paragraph,
   Sa as PlusSvg,
   fo as Popover,
   so as PopoverContainer,
   oo as PopoverMenu,
-  Do as RevealSpinner,
+  Po as RevealSpinner,
   no as Revealer,
   io as Select,
   ca as SelectSvg,
@@ -194,29 +195,29 @@ export {
   Uo as Span,
   bo as Sparebank1Logo,
   ka as SparkleSvg,
-  Io as Spinner,
-  Mo as StoLogo,
+  wo as Spinner,
+  Do as StoLogo,
   Ao as StorebrandLogo,
   Ta as TestSvg,
   No as Text,
   Oo as TextButton,
   Xo as ThemeSetter,
-  Pa as TimesSvg,
-  Ia as TrashSvg,
-  Ma as TrendUpSvg,
+  Ia as TimesSvg,
+  wa as TrashSvg,
+  Da as TrendUpSvg,
   at as Veil,
   ho as VerticalSeparator,
   ft as Wrapper,
   i as ariaTextStyles,
   b as buttonDangerStyles,
   a as buttonResetStyles,
-  P as buttonSecondaryStyles,
-  D as buttonSuccessStyles,
+  I as buttonSecondaryStyles,
+  P as buttonSuccessStyles,
   A as buttonTooltipPositions,
-  I as buttonVariants,
+  w as buttonVariants,
   B as buttonWarningStyles,
-  Xa as clamp,
-  Za as copyToClipboard,
+  _a as clamp,
+  er as copyToClipboard,
   to as dangerPopoverMenuItemStyles,
   r as darkBackgroundColor,
   v as defaultAtomElementType,
@@ -228,7 +229,7 @@ export {
   s as font,
   re as footerSectionLinks,
   fe as footerSections,
-  $a as generateRandomId,
+  tr as generateRandomId,
   N as getComboboxOptionString,
   Lo as getDeterministicSkeletonWidth,
   Yo as getThemePreference,
@@ -236,7 +237,7 @@ export {
   dt as iconShadowStyles,
   pt as iconTypes,
   ke as inputStyles,
-  Ie as kakaduGuideLogoVariants,
+  we as kakaduGuideLogoVariants,
   l as lightBackgroundColor,
   u as nonInteractiveEffectStyles,
   ie as normalBlendStyles,
@@ -244,8 +245,8 @@ export {
   Xe as notificationTypes,
   d as overflowProtectionStyles,
   p as overlayEffectStyles,
-  or as scale,
-  ar as search,
+  rr as scale,
+  sr as search,
   Zo as setThemePreference,
   Jo as spanStyles,
   Qo as textButtonVariants,
@@ -253,22 +254,24 @@ export {
   n as theme,
   _o as themePreferences,
   $e as useCreateNotification,
-  Ra as useFetch,
-  Ha as useFetcher,
+  Ha as useFetch,
+  Ra as useFetcher,
+  Ja as useHasBeenInView,
   $o as useIsDarkMode,
   Na as useIsDocumentFocused,
+  ja as useIsInView,
   et as useIsLightMode,
-  Ka as useJsonFetch,
-  Va as useJsonFetcher,
-  Ja as useMediaQuery,
+  Va as useJsonFetch,
+  Ka as useJsonFetcher,
+  Oa as useMediaQuery,
   Ue as useModal,
   Ne as useModalContext,
   lo as usePopover,
   uo as usePopoverContext,
   ao as usePopoverMenu,
   mo as useRevealer,
-  za as useSynchronizedValue,
+  qa as useSynchronizedValue,
   ot as useTheme,
-  Qa as useThrottled,
+  Ya as useThrottled,
   st as wrapperWidths
 };

package/package.json

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