@kakadu/components 5.0.5 → 5.0.6

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.6",
   "description": "Kakadu components library",
   "license": "MIT",
   "main": "./build/index.js",