@kakadu/components 2.2.1 → 2.3.0

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)],s=g*1.25,M=g*.25,v=p*1.25,e=p*.25,t=s*Math.random()-M,r=v*Math.random()-e,o=Math.max(s,v);return{color:y,size:o*f+o/2,opacity:0,speed:Math.max(.1,f/2*b),startPosition:[t,r],currentPosition:[t,r],targetPosition:[s*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,s;function M(){if(!y){if(!h){s=requestAnimationFrame(M);return}h.clearRect(0,0,g,p);for(let e=a.length;e;e-=1){const t=a[e-1],[r,o]=t.startPosition,[c,l]=t.currentPosition,[u,d]=t.targetPosition;let x=!0;if(r>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=(r+u)/2-r,w=c-r,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(r-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(r-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}}s=requestAnimationFrame(M)}}s=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,s&&cancelAnimationFrame(s),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,width:g,height:p,style:{"--opacity":X},className:_.cx("kakadu-components-1792481071",S)})}exports.default=O;
+"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;

package/build/components/moving-gradients.mjs

@@ -77,9 +77,9 @@ function Z({
       const i = n.current.getContext("2d");
       i && k(i), w(n.current.offsetWidth), $(n.current.offsetHeight);
     }
-  }, [n]), /* @__PURE__ */ L.jsx("canvas", { ref: n, width: h, height: p, style: {
+  }, [n]), /* @__PURE__ */ L.jsx("canvas", { ref: n, "aria-hidden": !0, role: "presentation", width: h, height: p, style: {
     "--opacity": Y
-  }, className: K("kakadu-components-1792481071", X) });
+  }, className: K("kakadu-components-4131181690", X) });
 }
 export {
   Z 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,g]=t.startPosition,[p,m]=t.currentPosition,[c,l]=t.targetPosition;let P=!0;if(v>c?p>c&&(P=!1):p<c&&(P=!1),g>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=p-v,_=(g+l)/2-g,$=m-g,X=(O/L+$/_)/2;t.opacity=X>1?2-X:X;const Y=t.size/2;if(r.beginPath(),r.arc(p-Y,m-Y,Y,0,2*Math.PI,!1),r.globalAlpha=t.opacity,r.fillStyle=M,r.fill(),p!==c){const E=Math.abs(v-c),k=Math.abs(g-l),b=Math.min(1,E/k);p<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(g-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,style:{"--color":y,"--opacity":R},className:T.cx("kakadu-components-3566333728",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 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;

package/build/components/moving-stars.mjs

@@ -11,40 +11,40 @@ function Z({
   speed: y = 1,
   hasMask: L = !1
 }) {
-  const e = K(null), [r, S] = k(), [f, H] = k(0), [u, W] = k(0), C = R(() => {
-    const n = f * 1.5, s = f * 0.25, o = u * 1.5, a = u * 0.25, g = n * Math.random() - s, d = o * Math.random() - a;
+  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;
     return {
       size: Math.max(q, F * Math.random()),
       opacity: 0,
       speed: Math.max(0.1, Math.random() / 2 * y),
       startPosition: [g, d],
       currentPosition: [g, d],
-      targetPosition: [n * Math.random() - s, o * Math.random() - a]
+      targetPosition: [n * Math.random() - r, o * Math.random() - a]
     };
   }, [f, u, q, F, y]), w = R(() => b ?? (e.current ? getComputedStyle(e.current).color : "#000"), [b, e]);
   return j(() => {
     const n = Array.from({
       length: x
     }).map(() => C());
-    let s = x, o = !1, a, g = w();
+    let r = x, o = !1, a, g = w();
     function d() {
       if (!o) {
-        if (!r) {
+        if (!s) {
           a = requestAnimationFrame(d);
           return;
         }
-        r.clearRect(0, 0, f, u);
+        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;
           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), s -= 1;
+            n.splice(i - 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 (r.beginPath(), r.arc(m - Y, v - Y, Y, 0, 2 * Math.PI, !1), r.globalAlpha = t.opacity, r.fillStyle = g, r.fill(), m !== c) {
+          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;
           }
@@ -59,31 +59,31 @@ function Z({
     a = requestAnimationFrame(d);
     const N = setInterval(() => {
       g = w();
-      let i = x - s;
+      let i = x - r;
       if (i > 0)
         for (; i; )
-          n.push(C()), i -= 1, s += 1;
+          n.push(C()), i -= 1, r += 1;
     }, 500);
     return () => {
       o = !0, a && cancelAnimationFrame(a), clearInterval(N);
     };
-  }, [x, C, w, r, f, u, y]), j(() => {
+  }, [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);
-      const s = () => {
+      const r = () => {
         e.current && (H(e.current.offsetWidth), W(e.current.offsetHeight));
-      }, o = new ResizeObserver(s);
-      return o.observe(e.current), window.addEventListener("resize", s, {
+      }, o = new ResizeObserver(r);
+      return o.observe(e.current), window.addEventListener("resize", r, {
         passive: !0
       }), () => {
-        o.disconnect(), window.removeEventListener("resize", s);
+        o.disconnect(), window.removeEventListener("resize", r);
       };
     }
-  }, [e]), /* @__PURE__ */ J.jsx("canvas", { ref: e, style: {
+  }, [e]), /* @__PURE__ */ J.jsx("canvas", { ref: e, "aria-hidden": !0, role: "presentation", style: {
     "--color": b,
     "--opacity": z
-  }, className: Q("kakadu-components-3566333728", L && "kakadu-components-4049648322", I), width: f, height: u });
+  }, className: Q("kakadu-components-3366903902", L && "kakadu-components-4049648322", I), width: f, height: u });
 }
 export {
   Z as default

package/build/components/notification.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../jsx-runtime-BB_1_6y_.js"),t=require("react"),k=require("@kuma-ui/core"),v=require("../utilities/generate-random-id.js"),x=require("./notice.js");function N({type:n,icon:f,index:a,className:u,children:d,onDismiss:o,...i}){const[e,r]=t.useState(!1),[l,j]=t.useState(!1);t.useEffect(()=>{const c=setTimeout(()=>{r(!0)},250);return()=>{clearTimeout(c)}},[]),t.useEffect(()=>{if(e){const c=setTimeout(()=>{r(!1),j(!0)},6e3);return()=>{clearTimeout(c)}}},[e]);const m=a??0;return t.useEffect(()=>{if(l&&!e){const c=setTimeout(()=>{o==null||o(m)},300);return()=>{clearTimeout(c)}}},[l,e,o,m]),s.jsxRuntimeExports.jsx("div",{...i,style:{"--index":m},className:k.cx("kakadu-components-258945758",e&&"kakadu-components-3003995416",u),children:s.jsxRuntimeExports.jsxs(x.default,{"aria-live":"polite",type:n,icon:f,className:"kakadu-components-1639448689",children:[d,s.jsxRuntimeExports.jsx("div",{className:"kakadu-components-2751825161",children:s.jsxRuntimeExports.jsx("div",{className:"kakadu-components-1939222061"})})]})})}const p=t.createContext({createNotification(){throw new Error("useCreateNotification must be used within a NotificationProvider")}});function E(){const{createNotification:n}=t.useContext(p);return n}function T({children:n}){const[f,a]=t.useState([]),u=t.useCallback(i=>{const e=v.default();a(r=>[...r,{...i,id:e}])},[]),d=t.useCallback(i=>{a(e=>e.filter((r,l)=>l!==i))},[]),o=t.useMemo(()=>({createNotification:u}),[u]);return s.jsxRuntimeExports.jsxs(p.Provider,{value:o,children:[n,f.map((i,e)=>s.jsxRuntimeExports.jsx(N,{...i,index:e,onDismiss:d},i.id))]})}exports.NotificationType=x.NoticeType;exports.NotificationProvider=T;exports.default=N;exports.useCreateNotification=E;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../jsx-runtime-BB_1_6y_.js"),t=require("react"),k=require("@kuma-ui/core"),v=require("../utilities/generate-random-id.js"),x=require("./notice.js");function N({type:n,icon:f,index:c,className:u,children:d,onDismiss:o,...i}){const[e,r]=t.useState(!1),[l,j]=t.useState(!1);t.useEffect(()=>{const a=setTimeout(()=>{r(!0)},250);return()=>{clearTimeout(a)}},[]),t.useEffect(()=>{if(e){const a=setTimeout(()=>{r(!1),j(!0)},6e3);return()=>{clearTimeout(a)}}},[e]);const m=c??0;return t.useEffect(()=>{if(l&&!e){const a=setTimeout(()=>{o==null||o(m)},300);return()=>{clearTimeout(a)}}},[l,e,o,m]),s.jsxRuntimeExports.jsx("div",{...i,style:{"--index":m},className:k.cx("kakadu-components-258945758",e&&"kakadu-components-3003995416",u),children:s.jsxRuntimeExports.jsxs(x.default,{role:"status","aria-live":"polite","aria-atomic":"true",type:n,icon:f,className:"kakadu-components-1639448689",children:[d,s.jsxRuntimeExports.jsx("div",{className:"kakadu-components-2751825161",children:s.jsxRuntimeExports.jsx("div",{className:"kakadu-components-1939222061"})})]})})}const p=t.createContext({createNotification(){throw new Error("useCreateNotification must be used within a NotificationProvider")}});function E(){const{createNotification:n}=t.useContext(p);return n}function T({children:n}){const[f,c]=t.useState([]),u=t.useCallback(i=>{const e=v.default();c(r=>[...r,{...i,id:e}])},[]),d=t.useCallback(i=>{c(e=>e.filter((r,l)=>l!==i))},[]),o=t.useMemo(()=>({createNotification:u}),[u]);return s.jsxRuntimeExports.jsxs(p.Provider,{value:o,children:[n,f.map((i,e)=>s.jsxRuntimeExports.jsx(N,{...i,index:e,onDismiss:d},i.id))]})}exports.NotificationType=x.NoticeType;exports.NotificationProvider=T;exports.default=N;exports.useCreateNotification=E;

package/build/components/notification.mjs

@@ -13,37 +13,37 @@ function I({
   onDismiss: o,
   ...e
 }) {
-  const [t, n] = p(!1), [u, k] = p(!1);
+  const [t, a] = p(!1), [u, k] = p(!1);
   l(() => {
-    const a = setTimeout(() => {
-      n(!0);
+    const n = setTimeout(() => {
+      a(!0);
     }, 250);
     return () => {
-      clearTimeout(a);
+      clearTimeout(n);
     };
   }, []), l(() => {
     if (t) {
-      const a = setTimeout(() => {
-        n(!1), k(!0);
+      const n = setTimeout(() => {
+        a(!1), k(!0);
       }, 6e3);
       return () => {
-        clearTimeout(a);
+        clearTimeout(n);
       };
     }
   }, [t]);
   const d = r ?? 0;
   return l(() => {
     if (u && !t) {
-      const a = setTimeout(() => {
+      const n = setTimeout(() => {
         o == null || o(d);
       }, 300);
       return () => {
-        clearTimeout(a);
+        clearTimeout(n);
       };
     }
   }, [u, t, o, d]), /* @__PURE__ */ i.jsx("div", { ...e, style: {
     "--index": d
-  }, className: h("kakadu-components-258945758", t && "kakadu-components-3003995416", c), children: /* @__PURE__ */ i.jsxs(b, { "aria-live": "polite", type: s, icon: m, className: "kakadu-components-1639448689", children: [
+  }, className: h("kakadu-components-258945758", t && "kakadu-components-3003995416", c), children: /* @__PURE__ */ i.jsxs(b, { role: "status", "aria-live": "polite", "aria-atomic": "true", type: s, icon: m, className: "kakadu-components-1639448689", children: [
     f,
     /* @__PURE__ */ i.jsx("div", { className: "kakadu-components-2751825161", children: /* @__PURE__ */ i.jsx("div", { className: "kakadu-components-1939222061" }) })
   ] }) });
@@ -64,12 +64,12 @@ function g({
 }) {
   const [m, r] = p([]), c = N((e) => {
     const t = C();
-    r((n) => [...n, {
+    r((a) => [...a, {
       ...e,
       id: t
     }]);
   }, []), f = N((e) => {
-    r((t) => t.filter((n, u) => u !== e));
+    r((t) => t.filter((a, u) => u !== e));
   }, []), o = T(() => ({
     createNotification: c
   }), [c]);

package/build/components/popover-menu.d.ts

@@ -0,0 +1,19 @@
+import { type MouseEvent, type ReactNode } from 'react';
+import { type IconType } from '../icons/icon';
+export type PopoverMenuItemProperties = {
+    readonly label: ReactNode;
+    readonly iconLeft?: IconType;
+    readonly iconRight?: IconType;
+    readonly href?: string;
+    readonly shouldCloseOnClick?: boolean;
+    readonly onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+};
+export declare function usePopoverMenu(items: PopoverMenuItemProperties[]): {
+    show: (reference?: HTMLElement) => Promise<void | undefined>;
+    popoverMenu: import("react/jsx-runtime").JSX.Element;
+};
+export type PopoverMenuProperties = {
+    readonly menu: ReactNode;
+    readonly children: ReactNode;
+};
+export default function PopoverMenu({ menu, children }: PopoverMenuProperties): import("react/jsx-runtime").JSX.Element;

package/build/components/popover-menu.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),j=require("@kuma-ui/core"),a=require("react"),v=require("../theme.js"),c=require("../icons/icon.js"),i=require("./popover.js"),R=require("./atom.js"),h=require("./text.js"),m=require("./hover-gradient.js"),q=require("./click-ripples.js");function f({label:t,iconLeft:s,iconRight:o,href:n,shouldCloseOnClick:p=!0,onClick:r,...x}){const{close:u}=i.usePopoverContext(),l=a.useCallback(d=>{r==null||r(d),p&&(u==null||u())},[r,p,u]);return e.jsxRuntimeExports.jsxs(R.default,{as:n?"a":"button",...x,type:n?void 0:"button",role:"menuitem",href:n,className:j.cx(v.buttonResetStyles,"kakadu-components-3983689191"),onClick:l,children:[e.jsxRuntimeExports.jsxs(h.Span,{className:"kakadu-components-2008173413",children:[s?e.jsxRuntimeExports.jsx(c.default,{width:12,height:12,type:s}):null,e.jsxRuntimeExports.jsx("span",{className:"kakadu-components-3911899222",children:t}),o?e.jsxRuntimeExports.jsx(c.default,{width:12,height:12,type:o}):null]}),e.jsxRuntimeExports.jsx(m.default,{size:100,className:m.normalBlendStyles}),e.jsxRuntimeExports.jsx(q.default,{size:100})]})}function E({items:t,...s}){return e.jsxRuntimeExports.jsx(i.default,{...s,as:"nav",role:"menu",innerClassName:"kakadu-components-3719863410",children:t.map((o,n)=>e.jsxRuntimeExports.jsx(f,{...o},n))})}function M(t){const s=a.useMemo(()=>({items:t}),[t]),{show:o,popover:n}=i.usePopover(E,s);return a.useMemo(()=>({show:o,popoverMenu:n}),[o,n])}function k({menu:t,children:s}){return e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-768919721",children:[s,t]})}exports.default=k;exports.usePopoverMenu=M;

package/build/components/popover-menu.mjs

@@ -0,0 +1,68 @@
+import { j as e } from "../jsx-runtime-B4hRZ52C.mjs";
+import { cx as d } from "@kuma-ui/core";
+import { useMemo as p, useCallback as x } from "react";
+import { buttonResetStyles as f } from "../theme.mjs";
+import u from "../icons/icon.mjs";
+import v, { usePopover as j, usePopoverContext as h } from "./popover.mjs";
+import k from "./atom.mjs";
+import { Span as P } from "./text.mjs";
+import M, { normalBlendStyles as N } from "./hover-gradient.mjs";
+import y from "./click-ripples.mjs";
+function b({
+  label: o,
+  iconLeft: t,
+  iconRight: s,
+  href: r,
+  shouldCloseOnClick: a = !0,
+  onClick: n,
+  ...i
+}) {
+  const {
+    close: m
+  } = h(), c = x((l) => {
+    n == null || n(l), a && (m == null || m());
+  }, [n, a, m]);
+  return /* @__PURE__ */ e.jsxs(k, { as: r ? "a" : "button", ...i, type: r ? void 0 : "button", role: "menuitem", href: r, className: d(f, "kakadu-components-3983689191"), onClick: c, children: [
+    /* @__PURE__ */ e.jsxs(P, { className: "kakadu-components-2008173413", children: [
+      t ? /* @__PURE__ */ e.jsx(u, { width: 12, height: 12, type: t }) : null,
+      /* @__PURE__ */ e.jsx("span", { className: "kakadu-components-3911899222", children: o }),
+      s ? /* @__PURE__ */ e.jsx(u, { width: 12, height: 12, type: s }) : null
+    ] }),
+    /* @__PURE__ */ e.jsx(M, { size: 100, className: N }),
+    /* @__PURE__ */ e.jsx(y, { size: 100 })
+  ] });
+}
+function w({
+  items: o,
+  ...t
+}) {
+  return /* @__PURE__ */ e.jsx(v, { ...t, as: "nav", role: "menu", innerClassName: "kakadu-components-3719863410", children: o.map((s, r) => (
+    // eslint-disable-next-line react/no-array-index-key
+    /* @__PURE__ */ e.jsx(b, { ...s }, r)
+  )) });
+}
+function q(o) {
+  const t = p(() => ({
+    items: o
+  }), [o]), {
+    show: s,
+    popover: r
+  } = j(w, t);
+  return p(() => ({
+    show: s,
+    popoverMenu: r
+  }), [s, r]);
+}
+function D({
+  menu: o,
+  children: t
+}) {
+  return /* @__PURE__ */ e.jsxs("div", { className: "kakadu-components-768919721", children: [
+    t,
+    o
+  ] });
+}
+export {
+  D as default,
+  q as usePopoverMenu
+};

package/build/components/popover.d.ts

@@ -0,0 +1,26 @@
+import { type ComponentType } from 'react';
+import { type AtomElementType, type AtomProperties, type DefaultAtomElementType } from './atom';
+type InitialFocusElement = HTMLElement | null;
+type PopoverProviderProperties<Data = any> = {
+    isVisible: boolean;
+    setInitialFocus?: (initialFocus?: InitialFocusElement) => void;
+    close?: (data?: Data) => void;
+};
+export declare function usePopoverContext<Data = any>(): PopoverProviderProperties<Data>;
+export type PopoverProperties<Data = any, Type extends AtomElementType = DefaultAtomElementType> = AtomProperties<Type> & {
+    readonly innerClassName?: string;
+    readonly label?: string;
+    readonly isVisible?: boolean;
+    readonly initialFocus?: HTMLElement;
+    readonly shouldCloseOnOutsideClick?: boolean;
+    readonly shouldCloseOnEscapePress?: boolean;
+    readonly onClose?: (data?: Data) => void;
+};
+type PopoverBaseProperties<PopoverResult> = Omit<PopoverProperties<PopoverResult>, 'isVisible' | 'onClose'>;
+export default function Popover<Data = any, Type extends AtomElementType = DefaultAtomElementType>({ as, isVisible, label, shouldCloseOnOutsideClick, shouldCloseOnEscapePress, children, className, innerClassName, onClose, ...properties }: PopoverProperties<Data, Type>): import("react/jsx-runtime").JSX.Element;
+export declare function usePopover<PopoverResult, PopoverProperties = PopoverBaseProperties<PopoverResult>>(PopoverComponent: ComponentType<PopoverProperties>, properties?: PopoverProperties): {
+    isVisible: boolean;
+    show: (reference?: HTMLElement) => Promise<PopoverResult | undefined>;
+    popover: import("react/jsx-runtime").JSX.Element;
+};
+export {};

package/build/components/popover.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../jsx-runtime-BB_1_6y_.js"),j=require("@kuma-ui/core"),e=require("react"),F=require("../focus-trap-react-CcpTuiJi.js"),h=require("./atom.js"),I=e.createContext({isVisible:!1}),{Provider:N}=I;function C(){return e.useContext(I)}function V({as:d,isVisible:s,label:r,shouldCloseOnOutsideClick:l=!0,shouldCloseOnEscapePress:n=!0,children:a,className:m,innerClassName:x,onClose:u,...f}){const c=e.useRef(null),p=e.useRef(null),[k,q]=e.useState(!1),[i,v]=e.useState(!1),E=e.useCallback(t=>{c.current=t,v(!1)},[]),R=e.useRef(null),b=e.useCallback(t=>{t&&(R.current=t)},[]),M=e.useMemo(()=>({initialFocus:()=>R.current??void 0,onActivate:()=>{var t;return(t=R.current)==null?void 0:t.focus()},clickOutsideDeactivates:l,escapeDeactivates:n,onDeactivate(){v(!1)}}),[l,n]),[T,P]=e.useState(s??!1),S=e.useMemo(()=>({isVisible:T,setInitialFocus:b,close:E}),[T,b,E]);return e.useEffect(()=>{s&&(q(!0),P(!0))},[s]),e.useEffect(()=>{if(s){const t=setTimeout(()=>{v(!0)},100);return()=>{clearTimeout(t)}}v(!1)},[s]),e.useEffect(()=>{if(k&&!i){const t=setTimeout(()=>{u==null||u(c.current??void 0),P(!1)},370);return()=>{clearTimeout(t)}}},[k,i,u]),o.jsxRuntimeExports.jsx(h.default,{reference:p,as:d??h.defaultAtomElementType,role:"dialog","aria-hidden":!i,"aria-label":r??"Popover",...f,className:j.cx("kakadu-components-3573963023",i&&"kakadu-components-1399012551",m),children:o.jsxRuntimeExports.jsxs("div",{className:j.cx("kakadu-components-1118152266",i&&"kakadu-components-231244945"),children:[o.jsxRuntimeExports.jsx("div",{className:"kakadu-components-343234026"}),o.jsxRuntimeExports.jsx(F.focusTrapReactExports.FocusTrap,{active:i,focusTrapOptions:M,children:o.jsxRuntimeExports.jsxs("div",{className:j.cx("kakadu-components-3905822111",x),children:[o.jsxRuntimeExports.jsx(N,{value:S,children:a}),o.jsxRuntimeExports.jsx("div",{className:"kakadu-components-2014365216"})]})})]})})}function g(d,s){const[r,l]=e.useState(!1),n=e.useRef(void 0),a=e.useRef(null),m=e.useCallback(async f=>(l(!0),a.current=f??document.activeElement,new Promise(c=>{n.current=c})),[]),x=e.useCallback(f=>{var c;if(l(!1),(c=n.current)==null||c.call(n,f),n.current=void 0,a.current){const p=a.current;p.isConnected&&p.focus(),a.current=null}},[]),u=e.useMemo(()=>o.jsxRuntimeExports.jsx(d,{...s,isVisible:r,onClose:x}),[d,s,r,x]);return e.useMemo(()=>({isVisible:r,show:m,popover:u}),[r,m,u])}exports.default=V;exports.usePopover=g;exports.usePopoverContext=C;

package/build/components/popover.mjs

@@ -0,0 +1,95 @@
+import { j as n } from "../jsx-runtime-B4hRZ52C.mjs";
+import { cx as I } from "@kuma-ui/core";
+import { createContext as y, useRef as f, useState as k, useCallback as j, useMemo as T, useEffect as b, useContext as g } from "react";
+import { f as M } from "../focus-trap-react-DYXrtbDH.mjs";
+import S, { defaultAtomElementType as W } from "./atom.mjs";
+const V = y({
+  isVisible: !1
+}), {
+  Provider: q
+} = V;
+function J() {
+  return g(V);
+}
+function K({
+  as: m,
+  isVisible: t,
+  label: a,
+  shouldCloseOnOutsideClick: u = !0,
+  shouldCloseOnEscapePress: s = !0,
+  children: r,
+  className: d,
+  innerClassName: p,
+  onClose: o,
+  ...l
+}) {
+  const c = f(null), v = f(null), [R, w] = k(!1), [i, x] = k(!1), F = j((e) => {
+    c.current = e, x(!1);
+  }, []), h = f(null), N = j((e) => {
+    e && (h.current = e);
+  }, []), A = T(() => ({
+    initialFocus: () => h.current ?? void 0,
+    onActivate: () => {
+      var e;
+      return (e = h.current) == null ? void 0 : e.focus();
+    },
+    clickOutsideDeactivates: u,
+    escapeDeactivates: s,
+    onDeactivate() {
+      x(!1);
+    }
+  }), [u, s]), [P, E] = k(t ?? !1), D = T(() => ({
+    isVisible: P,
+    setInitialFocus: N,
+    close: F
+  }), [P, N, F]);
+  return b(() => {
+    t && (w(!0), E(!0));
+  }, [t]), b(() => {
+    if (t) {
+      const e = setTimeout(() => {
+        x(!0);
+      }, 100);
+      return () => {
+        clearTimeout(e);
+      };
+    }
+    x(!1);
+  }, [t]), b(() => {
+    if (R && !i) {
+      const e = setTimeout(() => {
+        o == null || o(c.current ?? void 0), E(!1);
+      }, 370);
+      return () => {
+        clearTimeout(e);
+      };
+    }
+  }, [R, i, o]), /* @__PURE__ */ n.jsx(S, { reference: v, as: m ?? W, role: "dialog", "aria-hidden": !i, "aria-label": a ?? "Popover", ...l, className: I("kakadu-components-3573963023", i && "kakadu-components-1399012551", d), children: /* @__PURE__ */ n.jsxs("div", { className: I("kakadu-components-1118152266", i && "kakadu-components-231244945"), children: [
+    /* @__PURE__ */ n.jsx("div", { className: "kakadu-components-343234026" }),
+    /* @__PURE__ */ n.jsx(M.FocusTrap, { active: i, focusTrapOptions: A, children: /* @__PURE__ */ n.jsxs("div", { className: I("kakadu-components-3905822111", p), children: [
+      /* @__PURE__ */ n.jsx(q, { value: D, children: r }),
+      /* @__PURE__ */ n.jsx("div", { className: "kakadu-components-2014365216" })
+    ] }) })
+  ] }) });
+}
+function L(m, t) {
+  const [a, u] = k(!1), s = f(void 0), r = f(null), d = j(async (l) => (u(!0), r.current = l ?? document.activeElement, new Promise((c) => {
+    s.current = c;
+  })), []), p = j((l) => {
+    var c;
+    if (u(!1), (c = s.current) == null || c.call(s, l), s.current = void 0, r.current) {
+      const v = r.current;
+      v.isConnected && v.focus(), r.current = null;
+    }
+  }, []), o = T(() => /* @__PURE__ */ n.jsx(m, { ...t, isVisible: a, onClose: p }), [m, t, a, p]);
+  return T(() => ({
+    isVisible: a,
+    show: d,
+    popover: o
+  }), [a, d, o]);
+}
+export {
+  K as default,
+  L as usePopover,
+  J as usePopoverContext
+};

package/build/components/skeleton.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),x=require("react"),m=require("@kuma-ui/core");function u({label:s,width:t,height:r,className:i,children:n,isAnimated:o=!0,...c}){return e.jsxRuntimeExports.jsx("span",{...c,"aria-busy":!0,role:"progressbar","aria-label":s??"Loading",className:m.cx("kakadu-components-4149648046",o&&"kakadu-components-3311350973",i),style:{width:t,height:r},children:n??e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:" "})})}const a="kakadu-components-3140855657";function l({label:s,lines:t=1,isAnimated:r=!0}){const i=x.useMemo(()=>{const n=[];if(t<=1)return n;for(let o=1;o<t;o+=1)n.push(e.jsxRuntimeExports.jsx(u,{label:s,width:"100%",height:"1em",isAnimated:r,className:a},o));return n},[t,s,r]);return t<1?null:t===1?e.jsxRuntimeExports.jsx(u,{label:s,width:"100%",height:"1em",isAnimated:r,className:a}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[i,e.jsxRuntimeExports.jsx(u,{label:s,width:"60%",height:"1em",isAnimated:r,className:a})]})}exports.SkeletonInstance=u;exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),x=require("react"),l=require("@kuma-ui/core");function o({label:u,width:t,height:s,className:a,children:r,isAnimated:n=!0,...c}){return e.jsxRuntimeExports.jsx("span",{...c,"aria-label":u,className:l.cx("kakadu-components-4149648046",n&&"kakadu-components-2124144438",a),style:{width:t,height:s},children:r??e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:" "})})}const i="kakadu-components-3140855657";function m({label:u,lines:t=1,isAnimated:s=!0}){const a=x.useMemo(()=>{const r=[];if(t<=1)return r;for(let n=1;n<t;n+=1)r.push(e.jsxRuntimeExports.jsx(o,{"aria-hidden":!0,width:"100%",height:"1em",isAnimated:s,className:i},n));return r},[t,s]);return t<1?null:t===1?e.jsxRuntimeExports.jsx(o,{"aria-busy":!0,label:u,width:"100%",height:"1em",isAnimated:s,role:"status",className:i}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[a,e.jsxRuntimeExports.jsx(o,{"aria-busy":!0,label:u,width:"60%",height:"1em",isAnimated:s,role:"status",className:i})]})}exports.SkeletonInstance=o;exports.default=m;

package/build/components/skeleton.mjs

@@ -1,40 +1,40 @@
 import { j as e } from "../jsx-runtime-B4hRZ52C.mjs";
 import { useMemo as i } from "react";
-import { cx as h } from "@kuma-ui/core";
+import { cx as l } from "@kuma-ui/core";
 function u({
-  label: r,
+  label: n,
   width: t,
-  height: s,
-  className: a,
-  children: n,
-  isAnimated: o = !0,
+  height: r,
+  className: o,
+  children: s,
+  isAnimated: a = !0,
   ...c
 }) {
-  return /* @__PURE__ */ e.jsx("span", { ...c, "aria-busy": !0, role: "progressbar", "aria-label": r ?? "Loading", className: h("kakadu-components-4149648046", o && "kakadu-components-3311350973", a), style: {
+  return /* @__PURE__ */ e.jsx("span", { ...c, "aria-label": n, className: l("kakadu-components-4149648046", a && "kakadu-components-2124144438", o), style: {
     width: t,
-    height: s
-  }, children: n ?? /* @__PURE__ */ e.jsx(e.Fragment, { children: " " }) });
+    height: r
+  }, children: s ?? /* @__PURE__ */ e.jsx(e.Fragment, { children: " " }) });
 }
 const m = "kakadu-components-3140855657";
-function x({
-  label: r,
+function p({
+  label: n,
   lines: t = 1,
-  isAnimated: s = !0
+  isAnimated: r = !0
 }) {
-  const a = i(() => {
-    const n = [];
+  const o = i(() => {
+    const s = [];
     if (t <= 1)
-      return n;
-    for (let o = 1; o < t; o += 1)
-      n.push(/* @__PURE__ */ e.jsx(u, { label: r, width: "100%", height: "1em", isAnimated: s, className: m }, o));
-    return n;
-  }, [t, r, s]);
-  return t < 1 ? null : t === 1 ? /* @__PURE__ */ e.jsx(u, { label: r, width: "100%", height: "1em", isAnimated: s, className: m }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-    a,
-    /* @__PURE__ */ e.jsx(u, { label: r, width: "60%", height: "1em", isAnimated: s, className: m })
+      return s;
+    for (let a = 1; a < t; a += 1)
+      s.push(/* @__PURE__ */ e.jsx(u, { "aria-hidden": !0, width: "100%", height: "1em", isAnimated: r, className: m }, a));
+    return s;
+  }, [t, r]);
+  return t < 1 ? null : t === 1 ? /* @__PURE__ */ e.jsx(u, { "aria-busy": !0, label: n, width: "100%", height: "1em", isAnimated: r, role: "status", className: m }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    o,
+    /* @__PURE__ */ e.jsx(u, { "aria-busy": !0, label: n, width: "60%", height: "1em", isAnimated: r, role: "status", className: m })
   ] });
 }
 export {
   u as SkeletonInstance,
-  x as default
+  p as default
 };

package/build/components/spinner.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("../jsx-runtime-BB_1_6y_.js"),t=require("react"),l=require("@kuma-ui/core");function i({size:e=18,strokeWidth:o=2.5,isAnimated:c=!0}){const s=t.useMemo(()=>e/2,[e]),n=t.useMemo(()=>s-o/2,[s,o]),r=t.useMemo(()=>2*Math.PI*n,[n]),a=t.useMemo(()=>r*.33,[r]),m=t.useMemo(()=>r-a,[r,a]),d=t.useMemo(()=>-m/2,[m]);return u.jsxRuntimeExports.jsx("svg",{width:e,height:e,preserveAspectRatio:"xMidYMid meet",viewBox:`0 0 ${e} ${e}`,fill:"none",className:"kakadu-components-1569667551",children:u.jsxRuntimeExports.jsx("circle",{cx:s,cy:s,r:n,stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeDasharray:`${m} ${a}`,strokeDashoffset:d,className:c?"kakadu-components-1717890504":void 0})})}function x({isVisible:e,...o}){const[c,s]=t.useState(e);return t.useEffect(()=>{if(e)s(!0);else{const n=setTimeout(()=>{s(!1)},370);return()=>{clearTimeout(n)}}},[e]),u.jsxRuntimeExports.jsx("div",{className:l.cx("kakadu-components-3913140600",e&&"kakadu-components-2895791158"),children:u.jsxRuntimeExports.jsx(i,{isAnimated:c,...o})})}exports.RevealSpinner=x;exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("../jsx-runtime-BB_1_6y_.js"),t=require("react"),l=require("@kuma-ui/core");function i({size:e=18,strokeWidth:o=2.5,isAnimated:c=!0}){const s=t.useMemo(()=>e/2,[e]),n=t.useMemo(()=>s-o/2,[s,o]),r=t.useMemo(()=>2*Math.PI*n,[n]),a=t.useMemo(()=>r*.33,[r]),m=t.useMemo(()=>r-a,[r,a]),d=t.useMemo(()=>-m/2,[m]);return u.jsxRuntimeExports.jsx("svg",{width:e,height:e,preserveAspectRatio:"xMidYMid meet",viewBox:`0 0 ${e} ${e}`,fill:"none",className:"kakadu-components-1569667551",children:u.jsxRuntimeExports.jsx("circle",{cx:s,cy:s,r:n,stroke:"currentColor",strokeWidth:o,strokeLinecap:"round",strokeDasharray:`${m} ${a}`,strokeDashoffset:d,className:c?"kakadu-components-2544259022":void 0})})}function x({isVisible:e,...o}){const[c,s]=t.useState(e);return t.useEffect(()=>{if(e)s(!0);else{const n=setTimeout(()=>{s(!1)},370);return()=>{clearTimeout(n)}}},[e]),u.jsxRuntimeExports.jsx("div",{className:l.cx("kakadu-components-3913140600",e&&"kakadu-components-2895791158"),children:u.jsxRuntimeExports.jsx(i,{isAnimated:c,...o})})}exports.RevealSpinner=x;exports.default=i;

package/build/components/spinner.mjs

@@ -7,7 +7,7 @@ function l({
   isAnimated: c = !0
 }) {
   const t = o(() => e / 2, [e]), s = o(() => t - n / 2, [t, n]), r = o(() => 2 * Math.PI * s, [s]), u = o(() => r * 0.33, [r]), m = o(() => r - u, [r, u]), f = o(() => -m / 2, [m]);
-  return /* @__PURE__ */ a.jsx("svg", { width: e, height: e, preserveAspectRatio: "xMidYMid meet", viewBox: `0 0 ${e} ${e}`, fill: "none", className: "kakadu-components-1569667551", children: /* @__PURE__ */ a.jsx("circle", { cx: t, cy: t, r: s, stroke: "currentColor", strokeWidth: n, strokeLinecap: "round", strokeDasharray: `${m} ${u}`, strokeDashoffset: f, className: c ? "kakadu-components-1717890504" : void 0 }) });
+  return /* @__PURE__ */ a.jsx("svg", { width: e, height: e, preserveAspectRatio: "xMidYMid meet", viewBox: `0 0 ${e} ${e}`, fill: "none", className: "kakadu-components-1569667551", children: /* @__PURE__ */ a.jsx("circle", { cx: t, cy: t, r: s, stroke: "currentColor", strokeWidth: n, strokeLinecap: "round", strokeDasharray: `${m} ${u}`, strokeDashoffset: f, className: c ? "kakadu-components-2544259022" : void 0 }) });
 }
 function j({
   isVisible: e,

package/build/components/text-button.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),o=require("@kuma-ui/core"),x=require("../icons/icon.js"),l=require("./flex.js"),R=require("./text.js"),q=require("./click-ripples.js"),m=require("./hover-gradient.js"),_=require("./button-tooltip.js"),v=require("./aria-text.js"),B=require("./atom.js");var p=(t=>(t.primary="primary",t.delete="delete",t))(p||{});const f="kakadu-components-4017654514";function N({iconLeft:t,iconRight:n,variant:i="primary",tooltip:u,tooltipPosition:c,href:a,target:d,rel:j,disabled:r,className:k,children:s,label:E,...y}){return e.jsxRuntimeExports.jsxs(B.default,{...y,as:a?"a":"button",type:a?void 0:"button",href:a,target:d,rel:j,disabled:r,className:o.cx(R.textShadowStyles,"kakadu-components-1202323410",s&&(t||n)?o.cx(!!t&&"kakadu-components-497190725",!!n&&"kakadu-components-3729381008"):"kakadu-components-3866032606",i==="delete"&&f,k),children:[e.jsxRuntimeExports.jsxs(l.default,{direction:"row",gap:.5,alignment:l.FlexAlignment.center,children:[t?e.jsxRuntimeExports.jsx("div",{className:o.cx("kakadu-components-2031441451",s?"kakadu-components-2885581246":"kakadu-components-611756781"),children:typeof t=="string"?e.jsxRuntimeExports.jsx(x.default,{width:14,height:14,type:t}):t}):null,s?e.jsxRuntimeExports.jsx("span",{className:"kakadu-components-2362298521",children:s}):e.jsxRuntimeExports.jsx(v.default,{children:E}),n?e.jsxRuntimeExports.jsx("div",{className:o.cx("kakadu-components-2031441451",s?"kakadu-components-2285425267":"kakadu-components-611756781"),children:typeof n=="string"?e.jsxRuntimeExports.jsx(x.default,{width:14,height:14,type:n}):n}):null]}),e.jsxRuntimeExports.jsxs("span",{className:"kakadu-components-1343580459",children:[r?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(q.default,{size:s?void 0:50}),e.jsxRuntimeExports.jsx(m.default,{size:s?void 0:50,className:m.normalBlendStyles})]}),u?e.jsxRuntimeExports.jsx(_.default,{label:u,position:c}):null]})]})}exports.TextButtonVariant=p;exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),a=require("@kuma-ui/core"),x=require("../icons/icon.js"),l=require("./flex.js"),R=require("./text.js"),q=require("./click-ripples.js"),m=require("./hover-gradient.js"),v=require("./button-tooltip.js"),_=require("./aria-text.js"),B=require("./atom.js");var p=(t=>(t.primary="primary",t.delete="delete",t))(p||{});const b="kakadu-components-4017654514";function f({iconLeft:t,iconRight:n,variant:i="primary",tooltip:u,tooltipPosition:c,href:o,target:d,rel:j,disabled:r,className:k,children:s,label:E,...y}){return e.jsxRuntimeExports.jsxs(B.default,{...y,as:o?"a":"button",type:o?void 0:"button",href:o,target:d,rel:j,disabled:o?void 0:r,className:a.cx(R.textShadowStyles,"kakadu-components-1202323410",s&&(t||n)?a.cx(!!t&&"kakadu-components-497190725",!!n&&"kakadu-components-3729381008"):"kakadu-components-3866032606",i==="delete"&&b,k),children:[e.jsxRuntimeExports.jsxs(l.default,{direction:"row",gap:.5,alignment:l.FlexAlignment.center,children:[t?e.jsxRuntimeExports.jsx("div",{className:a.cx("kakadu-components-2031441451",s?"kakadu-components-2885581246":"kakadu-components-611756781"),children:typeof t=="string"?e.jsxRuntimeExports.jsx(x.default,{width:14,height:14,type:t}):t}):null,s?e.jsxRuntimeExports.jsx("span",{className:"kakadu-components-2362298521",children:s}):e.jsxRuntimeExports.jsx(_.default,{children:E}),n?e.jsxRuntimeExports.jsx("div",{className:a.cx("kakadu-components-2031441451",s?"kakadu-components-2285425267":"kakadu-components-611756781"),children:typeof n=="string"?e.jsxRuntimeExports.jsx(x.default,{width:14,height:14,type:n}):n}):null]}),e.jsxRuntimeExports.jsxs("span",{className:"kakadu-components-1343580459",children:[r?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(q.default,{size:s?void 0:50}),e.jsxRuntimeExports.jsx(m.default,{size:s?void 0:50,className:m.normalBlendStyles})]}),u?e.jsxRuntimeExports.jsx(v.default,{label:u,position:c}):null]})]})}exports.TextButtonVariant=p;exports.default=f;

package/build/components/text-button.mjs

@@ -1,22 +1,22 @@
 import { j as o } from "../jsx-runtime-B4hRZ52C.mjs";
-import { cx as t } from "@kuma-ui/core";
+import { cx as n } from "@kuma-ui/core";
 import p from "../icons/icon.mjs";
 import j, { FlexAlignment as y } from "./flex.mjs";
-import { textShadowStyles as B } from "./text.mjs";
-import f from "./click-ripples.mjs";
-import v, { normalBlendStyles as N } from "./hover-gradient.mjs";
+import { textShadowStyles as v } from "./text.mjs";
+import B from "./click-ripples.mjs";
+import f, { normalBlendStyles as N } from "./hover-gradient.mjs";
 import w from "./button-tooltip.mjs";
 import S from "./aria-text.mjs";
-import g from "./atom.mjs";
-var A = /* @__PURE__ */ ((e) => (e.primary = "primary", e.delete = "delete", e))(A || {});
-const F = "kakadu-components-4017654514";
+import b from "./atom.mjs";
+var g = /* @__PURE__ */ ((e) => (e.primary = "primary", e.delete = "delete", e))(g || {});
+const A = "kakadu-components-4017654514";
 function q({
   iconLeft: e,
   iconRight: s,
   variant: l = "primary",
   tooltip: m,
   tooltipPosition: d,
-  href: n,
+  href: t,
   target: k,
   rel: u,
   disabled: r,
@@ -25,22 +25,22 @@ function q({
   label: x,
   ...c
 }) {
-  return /* @__PURE__ */ o.jsxs(g, { ...c, as: n ? "a" : "button", type: n ? void 0 : "button", href: n, target: k, rel: u, disabled: r, className: t(B, "kakadu-components-1202323410", a && (e || s) ? t(!!e && "kakadu-components-497190725", !!s && "kakadu-components-3729381008") : "kakadu-components-3866032606", l === "delete" && F, i), children: [
+  return /* @__PURE__ */ o.jsxs(b, { ...c, as: t ? "a" : "button", type: t ? void 0 : "button", href: t, target: k, rel: u, disabled: t ? void 0 : r, className: n(v, "kakadu-components-1202323410", a && (e || s) ? n(!!e && "kakadu-components-497190725", !!s && "kakadu-components-3729381008") : "kakadu-components-3866032606", l === "delete" && A, i), children: [
     /* @__PURE__ */ o.jsxs(j, { direction: "row", gap: 0.5, alignment: y.center, children: [
-      e ? /* @__PURE__ */ o.jsx("div", { className: t("kakadu-components-2031441451", a ? "kakadu-components-2885581246" : "kakadu-components-611756781"), children: typeof e == "string" ? /* @__PURE__ */ o.jsx(p, { width: 14, height: 14, type: e }) : e }) : null,
+      e ? /* @__PURE__ */ o.jsx("div", { className: n("kakadu-components-2031441451", a ? "kakadu-components-2885581246" : "kakadu-components-611756781"), children: typeof e == "string" ? /* @__PURE__ */ o.jsx(p, { width: 14, height: 14, type: e }) : e }) : null,
       a ? /* @__PURE__ */ o.jsx("span", { className: "kakadu-components-2362298521", children: a }) : /* @__PURE__ */ o.jsx(S, { children: x }),
-      s ? /* @__PURE__ */ o.jsx("div", { className: t("kakadu-components-2031441451", a ? "kakadu-components-2285425267" : "kakadu-components-611756781"), children: typeof s == "string" ? /* @__PURE__ */ o.jsx(p, { width: 14, height: 14, type: s }) : s }) : null
+      s ? /* @__PURE__ */ o.jsx("div", { className: n("kakadu-components-2031441451", a ? "kakadu-components-2285425267" : "kakadu-components-611756781"), children: typeof s == "string" ? /* @__PURE__ */ o.jsx(p, { width: 14, height: 14, type: s }) : s }) : null
     ] }),
     /* @__PURE__ */ o.jsxs("span", { className: "kakadu-components-1343580459", children: [
       r ? null : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-        /* @__PURE__ */ o.jsx(f, { size: a ? void 0 : 50 }),
-        /* @__PURE__ */ o.jsx(v, { size: a ? void 0 : 50, className: N })
+        /* @__PURE__ */ o.jsx(B, { size: a ? void 0 : 50 }),
+        /* @__PURE__ */ o.jsx(f, { size: a ? void 0 : 50, className: N })
       ] }),
       m ? /* @__PURE__ */ o.jsx(w, { label: m, position: d }) : null
     ] })
   ] });
 }
 export {
-  A as TextButtonVariant,
+  g as TextButtonVariant,
   q as default
 };