@kakadu/components 6.2.0 → 6.3.1

package/build/components/hover-gradient.mjs

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

package/build/components/modal.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../jsx-runtime-BB_1_6y_.js"),e=require("react"),M=require("@kuma-ui/core"),P=require("react-dom"),$=require("../focus-trap-react-B7f3iC5h.js"),B=require("./text-button.js"),T=require("./decorators.js"),S=require("./flex.js"),D=require("./atom.js"),y=require("./text.js"),_=e.createContext({isVisible:!1,isInteractive:!1}),{Provider:z}=_;function L(){return e.useContext(_)}function G(){const{isInteractive:o,close:r}=L(),a=e.useCallback(()=>{r==null||r()},[r]);return n.jsxRuntimeExports.jsx("div",{className:"kakadu-components-2566044647",children:n.jsxRuntimeExports.jsx(B.default,{iconLeft:"times",label:"Close",disabled:!o,onClick:a})})}function J(o){return n.jsxRuntimeExports.jsx(S.default,{gap:2,...o})}function K({as:o,className:r,...a}){return n.jsxRuntimeExports.jsx(y.Heading,{...a,as:o??y.defaultHeadingElementType,className:M.cx("kakadu-components-4275938488",r)})}function Q({as:o,...r}){return n.jsxRuntimeExports.jsx(S.default,{direction:"row",gap:1,preset:"end",...r,as:o??D.defaultAtomElementType})}function U({root:o,outerDecorators:r=[],innerDecorators:a=[],label:k,maxWidth:c,className:f,isVisible:s,isFullWidth:i=!1,shouldCloseOnOutsideClick:x=!0,shouldCloseOnEscapePress:m=!0,showCloseButton:v=!0,onClose:l,children:d}){const R=e.useRef(null),p=e.useRef(null),[h,N]=e.useState(!1),[u,j]=e.useState(!1),q=e.useCallback(t=>{R.current=t,j(!1)},[]),b=e.useRef(null),w=e.useCallback(t=>{t&&(b.current=t)},[]),[g,C]=e.useState(s??!1),A=e.useMemo(()=>({isVisible:g,isInteractive:u,setInitialFocus:w,close:q}),[g,u,w,q]);e.useEffect(()=>{if(s){const t=setTimeout(()=>{j(!0)},100);return()=>{clearTimeout(t)}}j(!1)},[s]),e.useEffect(()=>{s&&(N(!0),C(!0))},[s]),e.useEffect(()=>{const t=p.current;if(s&&x&&t){const E=H=>{t===H.target&&j(!1)};return t.addEventListener("click",E),()=>{t.removeEventListener("click",E)}}},[s,x]),e.useEffect(()=>{if(!s||!m)return;const t=E=>{E.key==="Escape"&&j(!1)};return window.addEventListener("keydown",t),()=>{window.removeEventListener("keydown",t)}},[s,m]),e.useEffect(()=>{if(h&&!u){const t=setTimeout(()=>{C(!1),l==null||l(R.current??void 0)},370);return()=>{clearTimeout(t)}}},[h,u,l]);const F=e.useMemo(()=>({initialFocus:()=>b.current??void 0,onActivate:()=>{var t;return(t=b.current)==null?void 0:t.focus()}}),[]);if(!g)return null;const I=n.jsxRuntimeExports.jsx(T.default,{decorators:r,children:n.jsxRuntimeExports.jsx("div",{"aria-hidden":!u,style:{"--max-width":c?`${c}px`:void 0},className:M.cx("kakadu-components-4119461136",u&&"kakadu-components-2522346797",f),children:n.jsxRuntimeExports.jsx(T.default,{decorators:a,children:n.jsxRuntimeExports.jsx($.focusTrapReactExports.FocusTrap,{active:u,focusTrapOptions:F,children:n.jsxRuntimeExports.jsx("div",{ref:p,className:"kakadu-components-4011815997",children:n.jsxRuntimeExports.jsx("div",{role:"dialog","aria-modal":"true","aria-label":k??"Modal",className:M.cx("kakadu-components-3324483532",i&&"kakadu-components-3799971070",u&&"kakadu-components-968755580"),children:n.jsxRuntimeExports.jsxs(z,{value:A,children:[v?n.jsxRuntimeExports.jsx(G,{}):null,n.jsxRuntimeExports.jsx("div",{className:M.cx("kakadu-components-633990035",i&&"kakadu-components-171969824"),children:d})]})})})})})})});return o?P.createPortal(I,o):I}function V(o,r){const[a,k]=e.useState(!1),[c,f]=e.useState(!1),s=e.useRef(void 0),i=e.useRef(void 0),x=e.useCallback(async()=>(i.current=void 0,k(!0),f(!0),new Promise(d=>{s.current=d})),[]),m=e.useCallback(d=>{i.current=d,f(!1)},[]),v=e.useCallback(d=>{var p;const R=d??i.current;i.current=void 0,(p=s.current)==null||p.call(s,R),s.current=void 0,k(!1),f(!1)},[]),l=e.useMemo(()=>a?n.jsxRuntimeExports.jsx(o,{...r,isVisible:c,onClose:v}):null,[a,o,r,c,v]);return e.useMemo(()=>({isVisible:c,show:x,close:m,modal:l}),[c,x,m,l])}exports.ModalActions=Q;exports.ModalContent=J;exports.ModalHeading=K;exports.default=U;exports.useModal=V;exports.useModalContext=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../jsx-runtime-BB_1_6y_.js"),e=require("react"),E=require("@kuma-ui/core"),P=require("react-dom"),$=require("../focus-trap-react-B7f3iC5h.js"),B=require("../utilities/listeners.js"),D=require("./text-button.js"),T=require("./decorators.js"),_=require("./flex.js"),K=require("./atom.js"),y=require("./text.js"),z=B.default(s=>{window.addEventListener("keydown",s)},s=>{window.removeEventListener("keydown",s)}),S=e.createContext({isVisible:!1,isInteractive:!1}),{Provider:G}=S;function L(){return e.useContext(S)}function J(){const{isInteractive:s,close:r}=L(),a=e.useCallback(()=>{r==null||r()},[r]);return o.jsxRuntimeExports.jsx("div",{className:"kakadu-components-2566044647",children:o.jsxRuntimeExports.jsx(D.default,{iconLeft:"times",label:"Close",disabled:!s,onClick:a})})}function Q(s){return o.jsxRuntimeExports.jsx(_.default,{gap:2,...s})}function U({as:s,className:r,...a}){return o.jsxRuntimeExports.jsx(y.Heading,{...a,as:s??y.defaultHeadingElementType,className:E.cx("kakadu-components-4275938488",r)})}function V({as:s,...r}){return o.jsxRuntimeExports.jsx(_.default,{direction:"row",gap:1,preset:"end",...r,as:s??K.defaultAtomElementType})}function X({root:s,outerDecorators:r=[],innerDecorators:a=[],label:k,maxWidth:c,className:f,isVisible:n,isFullWidth:i=!1,shouldCloseOnOutsideClick:x=!0,shouldCloseOnEscapePress:m=!0,showCloseButton:v=!0,onClose:l,children:d}){const R=e.useRef(null),p=e.useRef(null),[q,N]=e.useState(!1),[u,j]=e.useState(!1),w=e.useCallback(t=>{R.current=t,j(!1)},[]),M=e.useRef(null),g=e.useCallback(t=>{t&&(M.current=t)},[]),[b,h]=e.useState(n??!1),A=e.useMemo(()=>({isVisible:b,isInteractive:u,setInitialFocus:g,close:w}),[b,u,g,w]);e.useEffect(()=>{if(n){const t=setTimeout(()=>{j(!0)},100);return()=>{clearTimeout(t)}}j(!1)},[n]),e.useEffect(()=>{n&&(N(!0),h(!0))},[n]),e.useEffect(()=>{const t=p.current;if(n&&x&&t){const I=H=>{t===H.target&&j(!1)};return t.addEventListener("click",I),()=>{t.removeEventListener("click",I)}}},[n,x]),e.useEffect(()=>{if(!(!n||!m))return z(t=>{t.key==="Escape"&&j(!1)})},[n,m]),e.useEffect(()=>{if(q&&!u){const t=setTimeout(()=>{h(!1),l==null||l(R.current??void 0)},370);return()=>{clearTimeout(t)}}},[q,u,l]);const F=e.useMemo(()=>({initialFocus:()=>M.current??void 0,onActivate:()=>{var t;return(t=M.current)==null?void 0:t.focus()}}),[]);if(!b)return null;const C=o.jsxRuntimeExports.jsx(T.default,{decorators:r,children:o.jsxRuntimeExports.jsx("div",{"aria-hidden":!u,style:{"--max-width":c?`${c}px`:void 0},className:E.cx("kakadu-components-4119461136",u&&"kakadu-components-2522346797",f),children:o.jsxRuntimeExports.jsx(T.default,{decorators:a,children:o.jsxRuntimeExports.jsx($.focusTrapReactExports.FocusTrap,{active:u,focusTrapOptions:F,children:o.jsxRuntimeExports.jsx("div",{ref:p,className:"kakadu-components-4011815997",children:o.jsxRuntimeExports.jsx("div",{role:"dialog","aria-modal":"true","aria-label":k??"Modal",className:E.cx("kakadu-components-3324483532",i&&"kakadu-components-3799971070",u&&"kakadu-components-968755580"),children:o.jsxRuntimeExports.jsxs(G,{value:A,children:[v?o.jsxRuntimeExports.jsx(J,{}):null,o.jsxRuntimeExports.jsx("div",{className:E.cx("kakadu-components-633990035",i&&"kakadu-components-171969824"),children:d})]})})})})})})});return s?P.createPortal(C,s):C}function Y(s,r){const[a,k]=e.useState(!1),[c,f]=e.useState(!1),n=e.useRef(void 0),i=e.useRef(void 0),x=e.useCallback(async()=>(i.current=void 0,k(!0),f(!0),new Promise(d=>{n.current=d})),[]),m=e.useCallback(d=>{i.current=d,f(!1)},[]),v=e.useCallback(d=>{var p;const R=d??i.current;i.current=void 0,(p=n.current)==null||p.call(n,R),n.current=void 0,k(!1),f(!1)},[]),l=e.useMemo(()=>a?o.jsxRuntimeExports.jsx(s,{...r,isVisible:c,onClose:v}):null,[a,s,r,c,v]);return e.useMemo(()=>({isVisible:c,show:x,close:m,modal:l}),[c,x,m,l])}exports.ModalActions=V;exports.ModalContent=Q;exports.ModalHeading=U;exports.default=X;exports.useModal=Y;exports.useModalContext=L;

package/build/components/modal.mjs

@@ -1,55 +1,60 @@
-import { j as n } from "../jsx-runtime-B4hRZ52C.mjs";
-import { createContext as q, useRef as j, useState as h, useCallback as d, useMemo as g, useEffect as v, useContext as z } from "react";
-import { cx as E } from "@kuma-ui/core";
-import { createPortal as G } from "react-dom";
-import { f as J } from "../focus-trap-react-Dr3BYLw6.mjs";
-import K from "./text-button.mjs";
+import { j as o } from "../jsx-runtime-B4hRZ52C.mjs";
+import { createContext as $, useRef as j, useState as w, useCallback as d, useMemo as E, useEffect as v, useContext as q } from "react";
+import { cx as T } from "@kuma-ui/core";
+import { createPortal as z } from "react-dom";
+import { f as G } from "../focus-trap-react-Dr3BYLw6.mjs";
+import J from "../utilities/listeners.mjs";
+import Q from "./text-button.mjs";
 import A from "./decorators.mjs";
 import H from "./flex.mjs";
-import { defaultAtomElementType as Q } from "./atom.mjs";
-import { Heading as U, defaultHeadingElementType as V } from "./text.mjs";
-const B = q({
+import { defaultAtomElementType as U } from "./atom.mjs";
+import { Heading as V, defaultHeadingElementType as X } from "./text.mjs";
+const Y = J((t) => {
+  window.addEventListener("keydown", t);
+}, (t) => {
+  window.removeEventListener("keydown", t);
+}), B = $({
   isVisible: !1,
   isInteractive: !1
 }), {
-  Provider: X
+  Provider: Z
 } = B;
-function Y() {
-  return z(B);
+function _() {
+  return q(B);
 }
-function Z() {
+function W() {
   const {
-    isInteractive: o,
-    close: s
-  } = Y(), r = d(() => {
-    s == null || s();
-  }, [s]);
-  return /* @__PURE__ */ n.jsx("div", { className: "kakadu-components-2566044647", children: /* @__PURE__ */ n.jsx(K, { iconLeft: "times", label: "Close", disabled: !o, onClick: r }) });
+    isInteractive: t,
+    close: r
+  } = _(), s = d(() => {
+    r == null || r();
+  }, [r]);
+  return /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-2566044647", children: /* @__PURE__ */ o.jsx(Q, { iconLeft: "times", label: "Close", disabled: !t, onClick: s }) });
 }
-function ce(o) {
-  return /* @__PURE__ */ n.jsx(H, { gap: 2, ...o });
+function le(t) {
+  return /* @__PURE__ */ o.jsx(H, { gap: 2, ...t });
 }
-function ie({
-  as: o,
-  className: s,
-  ...r
+function de({
+  as: t,
+  className: r,
+  ...s
 }) {
-  return /* @__PURE__ */ n.jsx(U, { ...r, as: o ?? V, className: E("kakadu-components-4275938488", s) });
+  return /* @__PURE__ */ o.jsx(V, { ...s, as: t ?? X, className: T("kakadu-components-4275938488", r) });
 }
-function ue({
-  as: o,
-  ...s
+function fe({
+  as: t,
+  ...r
 }) {
-  return /* @__PURE__ */ n.jsx(H, { direction: "row", gap: 1, preset: "end", ...s, as: o ?? Q });
+  return /* @__PURE__ */ o.jsx(H, { direction: "row", gap: 1, preset: "end", ...r, as: t ?? U });
 }
-function le({
-  root: o,
-  outerDecorators: s = [],
-  innerDecorators: r = [],
-  label: w,
+function me({
+  root: t,
+  outerDecorators: r = [],
+  innerDecorators: s = [],
+  label: h,
   maxWidth: c,
   className: f,
-  isVisible: t,
+  isVisible: n,
   isFullWidth: i = !1,
   shouldCloseOnOutsideClick: m = !0,
   shouldCloseOnEscapePress: p = !0,
@@ -57,18 +62,18 @@ function le({
   onClose: u,
   children: l
 }) {
-  const M = j(null), x = j(null), [L, P] = h(!1), [a, k] = h(!1), N = d((e) => {
+  const M = j(null), x = j(null), [R, P] = w(!1), [a, k] = w(!1), L = d((e) => {
     M.current = e, k(!1);
-  }, []), R = j(null), b = d((e) => {
-    e && (R.current = e);
-  }, []), [y, F] = h(t ?? !1), D = g(() => ({
+  }, []), g = j(null), N = d((e) => {
+    e && (g.current = e);
+  }, []), [y, b] = w(n ?? !1), D = E(() => ({
     isVisible: y,
     isInteractive: a,
-    setInitialFocus: b,
-    close: N
-  }), [y, a, b, N]);
+    setInitialFocus: N,
+    close: L
+  }), [y, a, N, L]);
   v(() => {
-    if (t) {
+    if (n) {
       const e = setTimeout(() => {
         k(!0);
       }, 100);
@@ -77,65 +82,61 @@ function le({
       };
     }
     k(!1);
-  }, [t]), v(() => {
-    t && (P(!0), F(!0));
-  }, [t]), v(() => {
+  }, [n]), v(() => {
+    n && (P(!0), b(!0));
+  }, [n]), v(() => {
     const e = x.current;
-    if (t && m && e) {
-      const T = ($) => {
-        e === $.target && k(!1);
+    if (n && m && e) {
+      const C = (S) => {
+        e === S.target && k(!1);
       };
-      return e.addEventListener("click", T), () => {
-        e.removeEventListener("click", T);
+      return e.addEventListener("click", C), () => {
+        e.removeEventListener("click", C);
       };
     }
-  }, [t, m]), v(() => {
-    if (!t || !p)
-      return;
-    const e = (T) => {
-      T.key === "Escape" && k(!1);
-    };
-    return window.addEventListener("keydown", e), () => {
-      window.removeEventListener("keydown", e);
-    };
-  }, [t, p]), v(() => {
-    if (L && !a) {
+  }, [n, m]), v(() => {
+    if (!(!n || !p))
+      return Y((e) => {
+        e.key === "Escape" && k(!1);
+      });
+  }, [n, p]), v(() => {
+    if (R && !a) {
       const e = setTimeout(() => {
-        F(!1), u == null || u(M.current ?? void 0);
+        b(!1), u == null || u(M.current ?? void 0);
       }, 370);
       return () => {
         clearTimeout(e);
       };
     }
-  }, [L, a, u]);
-  const S = g(() => ({
-    initialFocus: () => R.current ?? void 0,
+  }, [R, a, u]);
+  const K = E(() => ({
+    initialFocus: () => g.current ?? void 0,
     onActivate: () => {
       var e;
-      return (e = R.current) == null ? void 0 : e.focus();
+      return (e = g.current) == null ? void 0 : e.focus();
     }
   }), []);
   if (!y)
     return null;
-  const C = /* @__PURE__ */ n.jsx(A, { decorators: s, children: /* @__PURE__ */ n.jsx("div", { "aria-hidden": !a, style: {
+  const F = /* @__PURE__ */ o.jsx(A, { decorators: r, children: /* @__PURE__ */ o.jsx("div", { "aria-hidden": !a, style: {
     "--max-width": c ? `${c}px` : void 0
-  }, className: E("kakadu-components-4119461136", a && "kakadu-components-2522346797", f), children: /* @__PURE__ */ n.jsx(A, { decorators: r, children: /* @__PURE__ */ n.jsx(J.FocusTrap, { active: a, focusTrapOptions: S, children: /* @__PURE__ */ n.jsx("div", { ref: x, className: "kakadu-components-4011815997", children: /* @__PURE__ */ n.jsx("div", { role: "dialog", "aria-modal": "true", "aria-label": w ?? "Modal", className: E("kakadu-components-3324483532", i && "kakadu-components-3799971070", a && "kakadu-components-968755580"), children: /* @__PURE__ */ n.jsxs(X, { value: D, children: [
-    I ? /* @__PURE__ */ n.jsx(Z, {}) : null,
-    /* @__PURE__ */ n.jsx("div", { className: E("kakadu-components-633990035", i && "kakadu-components-171969824"), children: l })
+  }, className: T("kakadu-components-4119461136", a && "kakadu-components-2522346797", f), children: /* @__PURE__ */ o.jsx(A, { decorators: s, children: /* @__PURE__ */ o.jsx(G.FocusTrap, { active: a, focusTrapOptions: K, children: /* @__PURE__ */ o.jsx("div", { ref: x, className: "kakadu-components-4011815997", children: /* @__PURE__ */ o.jsx("div", { role: "dialog", "aria-modal": "true", "aria-label": h ?? "Modal", className: T("kakadu-components-3324483532", i && "kakadu-components-3799971070", a && "kakadu-components-968755580"), children: /* @__PURE__ */ o.jsxs(Z, { value: D, children: [
+    I ? /* @__PURE__ */ o.jsx(W, {}) : null,
+    /* @__PURE__ */ o.jsx("div", { className: T("kakadu-components-633990035", i && "kakadu-components-171969824"), children: l })
   ] }) }) }) }) }) }) });
-  return o ? G(C, o) : C;
+  return t ? z(F, t) : F;
 }
-function de(o, s) {
-  const [r, w] = h(!1), [c, f] = h(!1), t = j(void 0), i = j(void 0), m = d(async () => (i.current = void 0, w(!0), f(!0), new Promise((l) => {
-    t.current = l;
+function pe(t, r) {
+  const [s, h] = w(!1), [c, f] = w(!1), n = j(void 0), i = j(void 0), m = d(async () => (i.current = void 0, h(!0), f(!0), new Promise((l) => {
+    n.current = l;
   })), []), p = d((l) => {
     i.current = l, f(!1);
   }, []), I = d((l) => {
     var x;
     const M = l ?? i.current;
-    i.current = void 0, (x = t.current) == null || x.call(t, M), t.current = void 0, w(!1), f(!1);
-  }, []), u = g(() => r ? /* @__PURE__ */ n.jsx(o, { ...s, isVisible: c, onClose: I }) : null, [r, o, s, c, I]);
-  return g(() => ({
+    i.current = void 0, (x = n.current) == null || x.call(n, M), n.current = void 0, h(!1), f(!1);
+  }, []), u = E(() => s ? /* @__PURE__ */ o.jsx(t, { ...r, isVisible: c, onClose: I }) : null, [s, t, r, c, I]);
+  return E(() => ({
     isVisible: c,
     show: m,
     close: p,
@@ -143,10 +144,10 @@ function de(o, s) {
   }), [c, m, p, u]);
 }
 export {
-  ue as ModalActions,
-  ce as ModalContent,
-  ie as ModalHeading,
-  le as default,
-  de as useModal,
-  Y as useModalContext
+  fe as ModalActions,
+  le as ModalContent,
+  de as ModalHeading,
+  me as default,
+  pe as useModal,
+  _ as useModalContext
 };

package/build/components/moving-gradients.js

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

package/build/components/moving-gradients.mjs

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

package/build/components/moving-stars.js

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