@kakadu/components 5.0.4 → 5.0.5

package/build/components/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"),R=require("react"),c=require("@kuma-ui/core"),b=require("../theme.js"),$=require("../icons/icon.js"),C=require("./spinner.js"),F=require("./moving-gradients.js"),O=require("./moving-stars.js"),P=require("./theme-setter.js"),H=require("./click-ripples.js"),f=require("./hover-gradient.js"),J=require("./button-tooltip.js"),K=require("./aria-text.js"),Q=require("./atom.js"),U=require("./skeleton.js");function v({isLoading:t,size:a,className:s}){return e.jsxRuntimeExports.jsx("div",{className:c.cx("kakadu-components-2832510379",t&&"kakadu-components-4114685569",s),children:e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-920467642",children:e.jsxRuntimeExports.jsx(C.RevealSpinner,{isVisible:t,size:a})})})}const X=["primary","secondary","warning","danger"];function E({icon:t,variant:a="primary",className:s,...r}){return e.jsxRuntimeExports.jsx("div",{...r,className:c.cx("kakadu-components-2658660333",a==="secondary"&&"kakadu-components-3469662110",s),children:typeof t=="string"?e.jsxRuntimeExports.jsx($.default,{width:14,height:14,type:t}):t})}const S="kakadu-components-2550769169",Y="kakadu-components-1998774084",q="kakadu-components-2945752235",g="kakadu-components-1546692192";function Z({ref:t,type:a,variant:s="primary",href:r,target:h,rel:_,disabled:N,className:B,children:n,label:w,tooltip:i,tooltipPosition:M,iconLeft:m,iconRight:x,isLoading:l,isSkeleton:u,isSkeletonAnimated:D=!0,hasMovingGradients:I=!1,movingGradientsCount:p=4,hasMovingStars:T=!1,movingStarsCount:k=10,...G}){const j=R.useId(),y=R.useRef(null),V=P.useIsDarkMode(y),z=a??"button",A=I&&p>0,W=T&&k>0,o=r&&!u,d=!!N||!!l||!!u;return e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-3559664923",children:[e.jsxRuntimeExports.jsxs(Q.default,{...G,reference:t,as:o?"a":"button",type:o?void 0:z,href:o?r:void 0,target:o?h:void 0,rel:o?_:void 0,"aria-describedby":i?j:void 0,disabled:o?void 0:d,inert:o?d:void 0,className:c.cx(b.effectStyles,b.overlayEffectStyles,"kakadu-components-2514848457",!!m&&"kakadu-components-2735110382",!n&&"kakadu-components-3621693630",s==="secondary"&&S,s==="warning"&&q,s==="danger"&&g,u&&"kakadu-components-2662775151",B),children:[m?e.jsxRuntimeExports.jsx(E,{variant:s,icon:m,className:n?"kakadu-components-136489413":void 0}):null,n?e.jsxRuntimeExports.jsx("div",{ref:y,className:"kakadu-components-207477259",children:n}):e.jsxRuntimeExports.jsx(K.default,{children:w}),x?e.jsxRuntimeExports.jsx(E,{variant:s,icon:x,className:n?"kakadu-components-3631501803":void 0}):null,e.jsxRuntimeExports.jsx(v,{isLoading:l}),A&&e.jsxRuntimeExports.jsx(F.default,{opacity:V?.5:.4,maximumGradientsCount:p,className:c.cx("kakadu-components-2055737617",s==="secondary"&&"kakadu-components-2972748387")}),W&&e.jsxRuntimeExports.jsx(O.default,{maximumStarsCount:k,className:"kakadu-components-1226008615"}),d?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(H.default,{size:n?void 0:50}),e.jsxRuntimeExports.jsx(f.default,{size:n?void 0:50,className:s==="secondary"?f.normalBlendStyles:void 0})]}),i?e.jsxRuntimeExports.jsx(J.default,{id:j,label:i,position:M}):null]}),u?e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-3422055155",children:e.jsxRuntimeExports.jsx(U.SkeletonInstance,{width:"100%",height:"100%",isAnimated:D})}):null]})}exports.ButtonLoader=v;exports.buttonDangerStyles=g;exports.buttonSecondaryStyles=S;exports.buttonSuccessStyles=Y;exports.buttonVariants=X;exports.buttonWarningStyles=q;exports.default=Z;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),R=require("react"),c=require("@kuma-ui/core"),b=require("../theme.js"),$=require("../icons/icon.js"),C=require("./spinner.js"),F=require("./moving-gradients.js"),O=require("./moving-stars.js"),P=require("./theme-setter.js"),H=require("./click-ripples.js"),f=require("./hover-gradient.js"),J=require("./button-tooltip.js"),K=require("./aria-text.js"),Q=require("./atom.js"),U=require("./skeleton.js");function v({isLoading:t,size:a,className:s}){return e.jsxRuntimeExports.jsx("div",{className:c.cx("kakadu-components-2832510379",t&&"kakadu-components-4114685569",s),children:e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-920467642",children:e.jsxRuntimeExports.jsx(C.RevealSpinner,{isVisible:t,size:a})})})}const X=["primary","secondary","warning","danger"];function E({icon:t,variant:a="primary",className:s,...r}){return e.jsxRuntimeExports.jsx("div",{...r,className:c.cx("kakadu-components-2658660333",a==="secondary"&&"kakadu-components-3469662110",s),children:typeof t=="string"?e.jsxRuntimeExports.jsx($.default,{width:14,height:14,type:t}):t})}const S="kakadu-components-2550769169",Y="kakadu-components-1998774084",q="kakadu-components-2945752235",g="kakadu-components-1546692192";function Z({ref:t,type:a,variant:s="primary",href:r,target:h,rel:_,disabled:N,className:B,children:n,label:w,tooltip:i,tooltipPosition:M,iconLeft:m,iconRight:x,isLoading:l,isSkeleton:u,isSkeletonAnimated:D=!0,hasMovingGradients:I=!1,movingGradientsCount:p=4,hasMovingStars:T=!1,movingStarsCount:k=10,...G}){const j=R.useId(),y=R.useRef(null),V=P.useIsDarkMode(y),z=a??"button",A=I&&p>0,W=T&&k>0,o=r!==void 0&&!u,d=!!N||!!l||!!u;return e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-3559664923",children:[e.jsxRuntimeExports.jsxs(Q.default,{...G,reference:t,as:o?"a":"button",type:o?void 0:z,href:o?r:void 0,target:o?h:void 0,rel:o?_:void 0,"aria-describedby":i?j:void 0,disabled:o?void 0:d,inert:o?d:void 0,className:c.cx(b.effectStyles,b.overlayEffectStyles,"kakadu-components-2514848457",!!m&&"kakadu-components-2735110382",!n&&"kakadu-components-3621693630",s==="secondary"&&S,s==="warning"&&q,s==="danger"&&g,u&&"kakadu-components-2662775151",B),children:[m?e.jsxRuntimeExports.jsx(E,{variant:s,icon:m,className:n?"kakadu-components-136489413":void 0}):null,n?e.jsxRuntimeExports.jsx("div",{ref:y,className:"kakadu-components-207477259",children:n}):e.jsxRuntimeExports.jsx(K.default,{children:w}),x?e.jsxRuntimeExports.jsx(E,{variant:s,icon:x,className:n?"kakadu-components-3631501803":void 0}):null,e.jsxRuntimeExports.jsx(v,{isLoading:l}),A&&e.jsxRuntimeExports.jsx(F.default,{opacity:V?.5:.4,maximumGradientsCount:p,className:c.cx("kakadu-components-2055737617",s==="secondary"&&"kakadu-components-2972748387")}),W&&e.jsxRuntimeExports.jsx(O.default,{maximumStarsCount:k,className:"kakadu-components-1226008615"}),d?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(H.default,{size:n?void 0:50}),e.jsxRuntimeExports.jsx(f.default,{size:n?void 0:50,className:s==="secondary"?f.normalBlendStyles:void 0})]}),i?e.jsxRuntimeExports.jsx(J.default,{id:j,label:i,position:M}):null]}),u?e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-3422055155",children:e.jsxRuntimeExports.jsx(U.SkeletonInstance,{width:"100%",height:"100%",isAnimated:D})}):null]})}exports.ButtonLoader=v;exports.buttonDangerStyles=g;exports.buttonSecondaryStyles=S;exports.buttonSuccessStyles=Y;exports.buttonVariants=X;exports.buttonWarningStyles=q;exports.default=Z;

package/build/components/button.mjs

@@ -54,7 +54,7 @@ function yo({
   movingStarsCount: f = 10,
   ...M
 }) {
-  const x = T(), y = z(null), A = q(y), D = a ?? "button", G = w && k > 0, R = I && f > 0, t = r && !m, u = !!N || !!p || !!m;
+  const x = T(), y = z(null), A = q(y), D = a ?? "button", G = w && k > 0, R = I && f > 0, t = r !== void 0 && !m, u = !!N || !!p || !!m;
   return /* @__PURE__ */ o.jsxs("div", { className: "kakadu-components-3559664923", children: [
     /* @__PURE__ */ o.jsxs(U, { ...M, reference: n, as: t ? "a" : "button", type: t ? void 0 : D, href: t ? r : void 0, target: t ? v : void 0, rel: t ? b : void 0, "aria-describedby": d ? x : void 0, disabled: t ? void 0 : u, inert: t ? u : void 0, className: c(C, E, "kakadu-components-2514848457", !!i && "kakadu-components-2735110382", !e && "kakadu-components-3621693630", s === "secondary" && Z, s === "warning" && _, s === "danger" && $, m && "kakadu-components-2662775151", g), children: [
       i ? /* @__PURE__ */ o.jsx(j, { variant: s, icon: i, className: e ? "kakadu-components-136489413" : void 0 }) : null,

package/build/components/card.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),r=require("@kuma-ui/core"),k=require("../theme.js"),a=require("../icons/icon.js"),s=require("./flex.js"),n=require("./text.js"),f=require("./click-ripples.js"),c=require("./hover-gradient.js"),h=require("./button.js"),R=require("./atom.js");function q({ref:u,icon:o,title:i,description:l,action:m,href:t,target:x,rel:d,className:p,...j}){return e.jsxRuntimeExports.jsxs(R.default,{...j,reference:u,as:t?"a":"button",type:t?void 0:"button",href:t,target:x,rel:d,className:r.cx(k.effectStyles,h.buttonSecondaryStyles,"kakadu-components-1387630570",p),children:[e.jsxRuntimeExports.jsxs(s.default,{gap:.5,direction:"column",children:[e.jsxRuntimeExports.jsx(n.Span,{className:"kakadu-components-1301774894",children:e.jsxRuntimeExports.jsxs(s.default,{gap:.5,direction:"row",preset:"start",children:[o?e.jsxRuntimeExports.jsx(a.default,{width:16,height:16,type:o,className:r.cx(a.iconShadowStyles,"kakadu-components-782417605")}):null,i]})}),e.jsxRuntimeExports.jsx(n.Paragraph,{className:"kakadu-components-3061837309",children:l}),e.jsxRuntimeExports.jsx(s.default,{preset:"end",children:e.jsxRuntimeExports.jsx(n.Span,{className:"kakadu-components-777975485",children:m})})]}),e.jsxRuntimeExports.jsx(f.default,{size:250,className:"kakadu-components-2967167444"}),e.jsxRuntimeExports.jsx(c.default,{size:300,className:c.normalBlendStyles})]})}exports.default=q;
+"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"),f=require("../theme.js"),c=require("../icons/icon.js"),s=require("./flex.js"),n=require("./text.js"),k=require("./click-ripples.js"),i=require("./hover-gradient.js"),R=require("./button.js"),q=require("./atom.js");function E({ref:u,icon:o,title:l,description:d,action:m,href:r,target:x,rel:p,className:j,...h}){const t=r!==void 0;return e.jsxRuntimeExports.jsxs(q.default,{...h,reference:u,as:t?"a":"button",type:t?void 0:"button",href:t?r:void 0,target:t?x:void 0,rel:t?p:void 0,className:a.cx(f.effectStyles,R.buttonSecondaryStyles,"kakadu-components-1387630570",j),children:[e.jsxRuntimeExports.jsxs(s.default,{gap:.5,direction:"column",children:[e.jsxRuntimeExports.jsx(n.Span,{className:"kakadu-components-1301774894",children:e.jsxRuntimeExports.jsxs(s.default,{gap:.5,direction:"row",preset:"start",children:[o?e.jsxRuntimeExports.jsx(c.default,{width:16,height:16,type:o,className:a.cx(c.iconShadowStyles,"kakadu-components-782417605")}):null,l]})}),e.jsxRuntimeExports.jsx(n.Paragraph,{className:"kakadu-components-3061837309",children:d}),e.jsxRuntimeExports.jsx(s.default,{preset:"end",children:e.jsxRuntimeExports.jsx(n.Span,{className:"kakadu-components-777975485",children:m})})]}),e.jsxRuntimeExports.jsx(k.default,{size:250,className:"kakadu-components-2967167444"}),e.jsxRuntimeExports.jsx(i.default,{size:300,className:i.normalBlendStyles})]})}exports.default=E;

package/build/components/card.mjs

@@ -1,38 +1,39 @@
-import { j as e } from "../jsx-runtime-B4hRZ52C.mjs";
-import { cx as r } from "@kuma-ui/core";
+import { j as o } from "../jsx-runtime-B4hRZ52C.mjs";
+import { cx as a } from "@kuma-ui/core";
 import { effectStyles as x } from "../theme.mjs";
-import f, { iconShadowStyles as k } from "../icons/icon.mjs";
+import h, { iconShadowStyles as k } from "../icons/icon.mjs";
 import s from "./flex.mjs";
-import { Span as a, Paragraph as j } from "./text.mjs";
-import h from "./click-ripples.mjs";
-import y, { normalBlendStyles as N } from "./hover-gradient.mjs";
-import { buttonSecondaryStyles as S } from "./button.mjs";
+import { Span as n, Paragraph as j } from "./text.mjs";
+import y from "./click-ripples.mjs";
+import N, { normalBlendStyles as S } from "./hover-gradient.mjs";
+import { buttonSecondaryStyles as v } from "./button.mjs";
 import g from "./atom.mjs";
-function G({
-  ref: n,
-  icon: t,
-  title: m,
-  description: i,
-  action: c,
-  href: o,
-  target: p,
-  rel: l,
-  className: d,
+function H({
+  ref: m,
+  icon: r,
+  title: i,
+  description: c,
+  action: d,
+  href: t,
+  target: l,
+  rel: p,
+  className: f,
   ...u
 }) {
-  return /* @__PURE__ */ e.jsxs(g, { ...u, reference: n, as: o ? "a" : "button", type: o ? void 0 : "button", href: o, target: p, rel: l, className: r(x, S, "kakadu-components-1387630570", d), children: [
-    /* @__PURE__ */ e.jsxs(s, { gap: 0.5, direction: "column", children: [
-      /* @__PURE__ */ e.jsx(a, { className: "kakadu-components-1301774894", children: /* @__PURE__ */ e.jsxs(s, { gap: 0.5, direction: "row", preset: "start", children: [
-        t ? /* @__PURE__ */ e.jsx(f, { width: 16, height: 16, type: t, className: r(k, "kakadu-components-782417605") }) : null,
-        m
+  const e = t !== void 0;
+  return /* @__PURE__ */ o.jsxs(g, { ...u, reference: m, as: e ? "a" : "button", type: e ? void 0 : "button", href: e ? t : void 0, target: e ? l : void 0, rel: e ? p : void 0, className: a(x, v, "kakadu-components-1387630570", f), children: [
+    /* @__PURE__ */ o.jsxs(s, { gap: 0.5, direction: "column", children: [
+      /* @__PURE__ */ o.jsx(n, { className: "kakadu-components-1301774894", children: /* @__PURE__ */ o.jsxs(s, { gap: 0.5, direction: "row", preset: "start", children: [
+        r ? /* @__PURE__ */ o.jsx(h, { width: 16, height: 16, type: r, className: a(k, "kakadu-components-782417605") }) : null,
+        i
       ] }) }),
-      /* @__PURE__ */ e.jsx(j, { className: "kakadu-components-3061837309", children: i }),
-      /* @__PURE__ */ e.jsx(s, { preset: "end", children: /* @__PURE__ */ e.jsx(a, { className: "kakadu-components-777975485", children: c }) })
+      /* @__PURE__ */ o.jsx(j, { className: "kakadu-components-3061837309", children: c }),
+      /* @__PURE__ */ o.jsx(s, { preset: "end", children: /* @__PURE__ */ o.jsx(n, { className: "kakadu-components-777975485", children: d }) })
     ] }),
-    /* @__PURE__ */ e.jsx(h, { size: 250, className: "kakadu-components-2967167444" }),
-    /* @__PURE__ */ e.jsx(y, { size: 300, className: N })
+    /* @__PURE__ */ o.jsx(y, { size: 250, className: "kakadu-components-2967167444" }),
+    /* @__PURE__ */ o.jsx(N, { size: 300, className: S })
   ] });
 }
 export {
-  G as default
+  H as default
 };

package/build/components/icon-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"),t=require("react"),o=require("@kuma-ui/core"),d=require("../icons/icon.js"),p=require("../theme.js"),D=require("./theme-setter.js"),c=require("./button.js"),M=require("./button-tooltip.js"),z=require("./click-ripples.js"),E=require("./hover-gradient.js"),A=require("./skeleton.js"),C=require("./atom.js"),O=["default","success","warning","danger"];function V({ref:b,icon:s,variant:u="default",label:f,tooltipPosition:g,href:k,target:q,rel:w,disabled:_,isLoading:j,isSkeleton:r,isSkeletonAnimated:v=!0,className:B,...I}){const h=t.useId(),N=D.useIsDarkMode(),n=k&&!r,[a,T]=t.useState(s),[R,m]=t.useState(!1),S=t.useRef(s),i=t.useRef(null);t.useEffect(()=>{S.current=s},[s]);const l=t.useCallback(()=>{i.current&&(clearTimeout(i.current),i.current=null)},[]);t.useEffect(()=>{if(a===s){m(y=>y&&!1);return}m(!0),l(),i.current=setTimeout(()=>{m(!1),T(S.current)},370)},[a,s,l]),t.useEffect(()=>()=>{l()},[l]);const x=!!_||!!j||!!r;return e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-4096632152",children:[e.jsxRuntimeExports.jsxs(C.default,{...I,reference:b,as:n?"a":"button",type:n?void 0:"button",href:n?k:void 0,target:n?q:void 0,rel:n?w:void 0,"aria-label":f,"aria-describedby":h,disabled:n?void 0:x,inert:n?x:void 0,className:o.cx(p.buttonResetStyles,p.effectStyles,p.overlayEffectStyles,"kakadu-components-4200638658",u==="default"&&o.cx(c.buttonSecondaryStyles,"kakadu-components-1561784812"),u==="success"&&o.cx(c.buttonSuccessStyles,"kakadu-components-1398421429"),u==="warning"&&o.cx(c.buttonWarningStyles,"kakadu-components-1872098090"),u==="danger"&&o.cx(c.buttonDangerStyles,"kakadu-components-2064536093"),r&&"kakadu-components-2662775151",B),children:[e.jsxRuntimeExports.jsxs("span",{"data-theme":u==="default"?N?"dark":"light":"dark",className:"kakadu-components-3040141419",children:[e.jsxRuntimeExports.jsx(d.default,{width:16,height:16,type:a,className:o.cx(d.iconShadowStyles,"kakadu-components-1562914001",R&&"kakadu-components-2360250719")}),a===s?null:e.jsxRuntimeExports.jsx(d.default,{width:16,height:16,type:s,className:o.cx(d.iconShadowStyles,"kakadu-components-1224061930",R&&"kakadu-components-2519520784")})]}),e.jsxRuntimeExports.jsx(c.ButtonLoader,{isLoading:j,size:14}),e.jsxRuntimeExports.jsx(M.default,{id:h,label:f,position:g}),x?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(z.default,{size:50}),e.jsxRuntimeExports.jsx(E.default,{size:50,className:u==="default"?E.normalBlendStyles:void 0})]})]}),r?e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-3422055155",children:e.jsxRuntimeExports.jsx(A.SkeletonInstance,{width:"100%",height:"100%",isAnimated:v})}):null]})}exports.default=V;exports.iconButtonVariants=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),t=require("react"),o=require("@kuma-ui/core"),d=require("../icons/icon.js"),p=require("../theme.js"),D=require("./theme-setter.js"),c=require("./button.js"),M=require("./button-tooltip.js"),z=require("./click-ripples.js"),E=require("./hover-gradient.js"),A=require("./skeleton.js"),C=require("./atom.js"),O=["default","success","warning","danger"];function V({ref:b,icon:s,variant:u="default",label:f,tooltipPosition:g,href:k,target:q,rel:w,disabled:_,isLoading:j,isSkeleton:r,isSkeletonAnimated:v=!0,className:B,...I}){const h=t.useId(),N=D.useIsDarkMode(),n=k!==void 0&&!r,[a,T]=t.useState(s),[R,m]=t.useState(!1),S=t.useRef(s),i=t.useRef(null);t.useEffect(()=>{S.current=s},[s]);const l=t.useCallback(()=>{i.current&&(clearTimeout(i.current),i.current=null)},[]);t.useEffect(()=>{if(a===s){m(y=>y&&!1);return}m(!0),l(),i.current=setTimeout(()=>{m(!1),T(S.current)},370)},[a,s,l]),t.useEffect(()=>()=>{l()},[l]);const x=!!_||!!j||!!r;return e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-4096632152",children:[e.jsxRuntimeExports.jsxs(C.default,{...I,reference:b,as:n?"a":"button",type:n?void 0:"button",href:n?k:void 0,target:n?q:void 0,rel:n?w:void 0,"aria-label":f,"aria-describedby":h,disabled:n?void 0:x,inert:n?x:void 0,className:o.cx(p.buttonResetStyles,p.effectStyles,p.overlayEffectStyles,"kakadu-components-4200638658",u==="default"&&o.cx(c.buttonSecondaryStyles,"kakadu-components-1561784812"),u==="success"&&o.cx(c.buttonSuccessStyles,"kakadu-components-1398421429"),u==="warning"&&o.cx(c.buttonWarningStyles,"kakadu-components-1872098090"),u==="danger"&&o.cx(c.buttonDangerStyles,"kakadu-components-2064536093"),r&&"kakadu-components-2662775151",B),children:[e.jsxRuntimeExports.jsxs("span",{"data-theme":u==="default"?N?"dark":"light":"dark",className:"kakadu-components-3040141419",children:[e.jsxRuntimeExports.jsx(d.default,{width:16,height:16,type:a,className:o.cx(d.iconShadowStyles,"kakadu-components-1562914001",R&&"kakadu-components-2360250719")}),a===s?null:e.jsxRuntimeExports.jsx(d.default,{width:16,height:16,type:s,className:o.cx(d.iconShadowStyles,"kakadu-components-1224061930",R&&"kakadu-components-2519520784")})]}),e.jsxRuntimeExports.jsx(c.ButtonLoader,{isLoading:j,size:14}),e.jsxRuntimeExports.jsx(M.default,{id:h,label:f,position:g}),x?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(z.default,{size:50}),e.jsxRuntimeExports.jsx(E.default,{size:50,className:u==="default"?E.normalBlendStyles:void 0})]})]}),r?e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-3422055155",children:e.jsxRuntimeExports.jsx(A.SkeletonInstance,{width:"100%",height:"100%",isAnimated:v})}):null]})}exports.default=V;exports.iconButtonVariants=O;

package/build/components/icon-button.mjs

@@ -1,5 +1,5 @@
 import { j as e } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useId as C, useState as j, useRef as g, useEffect as d, useCallback as E } from "react";
+import { useId as C, useState as j, useRef as g, useEffect as l, useCallback as E } from "react";
 import { cx as s } from "@kuma-ui/core";
 import S, { iconShadowStyles as b } from "../icons/icon.mjs";
 import { buttonResetStyles as M, effectStyles as F, overlayEffectStyles as G } from "../theme.mjs";
@@ -19,22 +19,22 @@ function ie({
   tooltipPosition: B,
   href: p,
   target: I,
-  rel: N,
-  disabled: v,
+  rel: v,
+  disabled: N,
   isLoading: f,
   isSkeleton: a,
   isSkeletonAnimated: R = !0,
   className: D,
   ...T
 }) {
-  const k = C(), z = H(), o = p && !a, [r, A] = j(t), [h, i] = j(!1), x = g(t), c = g(null);
-  d(() => {
+  const k = C(), z = H(), o = p !== void 0 && !a, [r, A] = j(t), [h, i] = j(!1), x = g(t), c = g(null);
+  l(() => {
     x.current = t;
   }, [t]);
   const u = E(() => {
     c.current && (clearTimeout(c.current), c.current = null);
   }, []);
-  d(() => {
+  l(() => {
     if (r === t) {
       i((y) => y && !1);
       return;
@@ -42,19 +42,19 @@ function ie({
     i(!0), u(), c.current = setTimeout(() => {
       i(!1), A(x.current);
     }, 370);
-  }, [r, t, u]), d(() => () => {
+  }, [r, t, u]), l(() => () => {
     u();
   }, [u]);
-  const l = !!v || !!f || !!a;
+  const d = !!N || !!f || !!a;
   return /* @__PURE__ */ e.jsxs("div", { className: "kakadu-components-4096632152", children: [
-    /* @__PURE__ */ e.jsxs(X, { ...T, reference: w, as: o ? "a" : "button", type: o ? void 0 : "button", href: o ? p : void 0, target: o ? I : void 0, rel: o ? N : void 0, "aria-label": m, "aria-describedby": k, disabled: o ? void 0 : l, inert: o ? l : void 0, className: s(M, F, G, "kakadu-components-4200638658", n === "default" && s(V, "kakadu-components-1561784812"), n === "success" && s(W, "kakadu-components-1398421429"), n === "warning" && s(q, "kakadu-components-1872098090"), n === "danger" && s(J, "kakadu-components-2064536093"), a && "kakadu-components-2662775151", D), children: [
+    /* @__PURE__ */ e.jsxs(X, { ...T, reference: w, as: o ? "a" : "button", type: o ? void 0 : "button", href: o ? p : void 0, target: o ? I : void 0, rel: o ? v : void 0, "aria-label": m, "aria-describedby": k, disabled: o ? void 0 : d, inert: o ? d : void 0, className: s(M, F, G, "kakadu-components-4200638658", n === "default" && s(V, "kakadu-components-1561784812"), n === "success" && s(W, "kakadu-components-1398421429"), n === "warning" && s(q, "kakadu-components-1872098090"), n === "danger" && s(J, "kakadu-components-2064536093"), a && "kakadu-components-2662775151", D), children: [
       /* @__PURE__ */ e.jsxs("span", { "data-theme": n === "default" ? z ? "dark" : "light" : "dark", className: "kakadu-components-3040141419", children: [
         /* @__PURE__ */ e.jsx(S, { width: 16, height: 16, type: r, className: s(b, "kakadu-components-1562914001", h && "kakadu-components-2360250719") }),
         r === t ? null : /* @__PURE__ */ e.jsx(S, { width: 16, height: 16, type: t, className: s(b, "kakadu-components-1224061930", h && "kakadu-components-2519520784") })
       ] }),
       /* @__PURE__ */ e.jsx(O, { isLoading: f, size: 14 }),
       /* @__PURE__ */ e.jsx(K, { id: k, label: m, position: B }),
-      l ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      d ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx(L, { size: 50 }),
         /* @__PURE__ */ e.jsx(P, { size: 50, className: n === "default" ? Q : void 0 })
       ] })

package/build/components/popover-menu.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../jsx-runtime-BB_1_6y_.js"),y=require("@kuma-ui/core"),c=require("react"),K=require("../theme.js"),q=require("../icons/icon.js"),z=require("../hooks/use-synchronized-value.js"),R=require("./popover.js"),F=require("./atom.js"),_=require("./text.js"),g=require("./hover-gradient.js"),V=require("./click-ripples.js"),A=require("./separator.js"),B=require("./decorators.js"),I=require("./spinner.js"),N=require("./skeleton.js");function S(){const{value:e,setValue:s}=z.default("isKeyboardNavigating");return c.useMemo(()=>({isKeyboardNavigating:e,setIsKeyboardNavigating:s}),[e,s])}const T="kakadu-components-949294122";function H({isLoading:e,isDisabled:s,label:l,iconLeft:m,iconRight:u,href:a,target:h,shouldCloseOnClick:o=!0,decorators:i=[],submenu:p,className:d,onClick:r,...k}){const{isVisible:b,isPreparingFocus:E,isFocused:n,close:v}=R.usePopoverContext(),{isKeyboardNavigating:j}=S(),f=c.useRef(!0),w=c.useCallback(()=>{f.current=n},[n]),M=c.useCallback(D=>{!j&&!f.current||n&&(r==null||r(D),p?p.show():o&&(v==null||v()))},[j,n,r,p,o,v]),x=!b&&!E||!!e||!!s,P=c.useMemo(()=>t.jsxRuntimeExports.jsxs(F.default,{as:a&&!e?"a":"button",...k,"aria-disabled":a&&x?!0:void 0,type:a&&!e?void 0:"button",role:"menuitem",href:a,target:h,inert:a?x:void 0,disabled:a?void 0:x,className:y.cx(K.buttonResetStyles,"kakadu-components-1772835671",n&&"kakadu-components-3160069815",j?"kakadu-components-2254977234":n&&!x&&"kakadu-components-278139688",x&&"kakadu-components-1879666195",d),onClick:x?void 0:M,onPointerDownCapture:x?void 0:w,children:[t.jsxRuntimeExports.jsxs(_.Span,{className:y.cx("kakadu-components-1377252111",e?"kakadu-components-2409458488":x&&"kakadu-components-532828420"),children:[m?e?t.jsxRuntimeExports.jsx(I.default,{size:12}):t.jsxRuntimeExports.jsx(q.default,{width:12,height:12,type:m}):null,t.jsxRuntimeExports.jsxs("span",{className:y.cx("kakadu-components-1590676894",e&&"kakadu-components-743909038"),children:[e?t.jsxRuntimeExports.jsx(N.SkeletonInstance,{"aria-hidden":!0,width:"100%",className:"kakadu-components-3950955262"}):null,t.jsxRuntimeExports.jsx("span",{className:e?"kakadu-components-543569100":void 0,children:l})]}),u?e?m?t.jsxRuntimeExports.jsx(N.SkeletonInstance,{width:12,height:12}):t.jsxRuntimeExports.jsx(I.default,{size:12}):t.jsxRuntimeExports.jsx(q.default,{width:12,height:12,type:u}):null]}),j||x?null:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(V.default,{isActive:n,size:100}),t.jsxRuntimeExports.jsx(g.default,{isActive:n,size:150,className:g.normalBlendStyles})]})]}),[a,e,k,x,h,n,j,d,M,w,l,m,u]);return t.jsxRuntimeExports.jsx(B.default,{decorators:i,children:p?t.jsxRuntimeExports.jsx(C,{menu:p.popoverMenu,className:"kakadu-components-1861176543",children:P}):P})}function $(e){if("type"in e){if(e.type==="separator")return t.jsxRuntimeExports.jsx(A.default,{});if(e.type==="group")return t.jsxRuntimeExports.jsx(_.Span,{className:"kakadu-components-1499037363",children:e.label})}return t.jsxRuntimeExports.jsx(H,{...e})}function G({items:e}){const{isFocused:s}=R.usePopoverContext(),[l,m]=c.useState([]),{setIsKeyboardNavigating:u}=S(),a=c.useCallback(o=>{o&&m(i=>i.includes(o)?i:[...i,o])},[]),h=c.useCallback(o=>{s&&(o.currentTarget.focus(),u(!1))},[s,u]);return c.useEffect(()=>{if(!s)return;const o=i=>{const p=l.filter(n=>n.isConnected),d=p.length;if(d===0)return;let r,k=1;const b=document.activeElement;let E=b?p.indexOf(b):-1;switch(E===-1&&(E=0),i.key){case"ArrowUp":k=-1;case"ArrowDown":{r=(E+k+d)%d;break}case"Home":{r=0;break}case"End":{r=d-1,k=-1;break}case"Tab":{u(!0);return}}if(r!==void 0){i.preventDefault(),i.stopPropagation();let n=p[r];if(n){let v=0;const j=f=>"disabled"in f&&f.disabled||"inert"in f&&f.inert;for(;j(n)&&v<d;)r=(r+k+d)%d,n=p[r],v+=1;n&&!j(n)&&(n.focus(),u(!0))}}};return window.addEventListener("keydown",o,{capture:!0}),()=>{window.removeEventListener("keydown",o,{capture:!0})}},[s,l,u]),t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:e.map((o,i)=>t.jsxRuntimeExports.jsx($,{...o,reference:a,onMouseEnter:h},i))})}function O({items:e,...s}){return t.jsxRuntimeExports.jsx(R.default,{...s,as:"nav",role:"menu",innerClassName:"kakadu-components-3600436535",children:t.jsxRuntimeExports.jsx(G,{items:e})})}function U(e){const s=c.useMemo(()=>({items:e}),[e]),{isVisible:l,show:m,close:u,popover:a}=R.usePopover(O,s);return c.useMemo(()=>({isVisible:l,show:m,close:u,popoverMenu:a}),[l,m,u,a])}function C({menu:e,className:s,children:l}){return t.jsxRuntimeExports.jsxs(R.PopoverContainer,{className:s,children:[l,e]})}exports.dangerPopoverMenuItemStyles=T;exports.default=C;exports.usePopoverMenu=U;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../jsx-runtime-BB_1_6y_.js"),w=require("@kuma-ui/core"),i=require("react"),z=require("../theme.js"),q=require("../icons/icon.js"),A=require("../hooks/use-synchronized-value.js"),R=require("./popover.js"),F=require("./atom.js"),S=require("./text.js"),I=require("./hover-gradient.js"),V=require("./click-ripples.js"),B=require("./separator.js"),T=require("./decorators.js"),N=require("./spinner.js"),_=require("./skeleton.js");function C(){const{value:e,setValue:s}=A.default("isKeyboardNavigating");return i.useMemo(()=>({isKeyboardNavigating:e,setIsKeyboardNavigating:s}),[e,s])}const H="kakadu-components-949294122";function $({isLoading:e,isDisabled:s,label:c,iconLeft:x,iconRight:u,href:m,target:b,shouldCloseOnClick:o=!0,decorators:a=[],submenu:l,className:d,onClick:r,...v}){const{isVisible:y,isPreparingFocus:h,isFocused:n,close:k}=R.usePopoverContext(),{isKeyboardNavigating:j}=C(),f=i.useRef(!0),M=i.useCallback(()=>{f.current=n},[n]),P=i.useCallback(K=>{!j&&!f.current||n&&(r==null||r(K),l?l.show():o&&(k==null||k()))},[j,n,r,l,o,k]),p=!y&&!h||!!e||!!s,E=m!==void 0&&!e,g=i.useMemo(()=>t.jsxRuntimeExports.jsxs(F.default,{as:E?"a":"button",...v,"aria-disabled":E&&p?!0:void 0,type:E?void 0:"button",role:"menuitem",href:e?void 0:m,target:E?b:void 0,inert:E?p:void 0,disabled:E?void 0:p,className:w.cx(z.buttonResetStyles,"kakadu-components-1772835671",n&&"kakadu-components-3160069815",j?"kakadu-components-2254977234":n&&!p&&"kakadu-components-278139688",p&&"kakadu-components-1879666195",d),onClick:p?void 0:P,onPointerDownCapture:p?void 0:M,children:[t.jsxRuntimeExports.jsxs(S.Span,{className:w.cx("kakadu-components-1377252111",e?"kakadu-components-2409458488":p&&"kakadu-components-532828420"),children:[x?e?t.jsxRuntimeExports.jsx(N.default,{size:12}):t.jsxRuntimeExports.jsx(q.default,{width:12,height:12,type:x}):null,t.jsxRuntimeExports.jsxs("span",{className:w.cx("kakadu-components-1590676894",e&&"kakadu-components-743909038"),children:[e?t.jsxRuntimeExports.jsx(_.SkeletonInstance,{"aria-hidden":!0,width:"100%",className:"kakadu-components-3950955262"}):null,t.jsxRuntimeExports.jsx("span",{className:e?"kakadu-components-543569100":void 0,children:c})]}),u?e?x?t.jsxRuntimeExports.jsx(_.SkeletonInstance,{width:12,height:12}):t.jsxRuntimeExports.jsx(N.default,{size:12}):t.jsxRuntimeExports.jsx(q.default,{width:12,height:12,type:u}):null]}),j||p?null:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(V.default,{isActive:n,size:100}),t.jsxRuntimeExports.jsx(I.default,{isActive:n,size:150,className:I.normalBlendStyles})]})]}),[E,v,p,m,e,b,d,n,j,P,M,x,c,u]);return t.jsxRuntimeExports.jsx(T.default,{decorators:a,children:l?t.jsxRuntimeExports.jsx(D,{menu:l.popoverMenu,className:"kakadu-components-1861176543",children:g}):g})}function G(e){if("type"in e){if(e.type==="separator")return t.jsxRuntimeExports.jsx(B.default,{});if(e.type==="group")return t.jsxRuntimeExports.jsx(S.Span,{className:"kakadu-components-1499037363",children:e.label})}return t.jsxRuntimeExports.jsx($,{...e})}function O({items:e}){const{isFocused:s}=R.usePopoverContext(),[c,x]=i.useState([]),{setIsKeyboardNavigating:u}=C(),m=i.useCallback(o=>{o&&x(a=>a.includes(o)?a:[...a,o])},[]),b=i.useCallback(o=>{s&&(o.currentTarget.focus(),u(!1))},[s,u]);return i.useEffect(()=>{if(!s)return;const o=a=>{const l=c.filter(n=>n.isConnected),d=l.length;if(d===0)return;let r,v=1;const y=document.activeElement;let h=y?l.indexOf(y):-1;switch(h===-1&&(h=0),a.key){case"ArrowUp":v=-1;case"ArrowDown":{r=(h+v+d)%d;break}case"Home":{r=0;break}case"End":{r=d-1,v=-1;break}case"Tab":{u(!0);return}}if(r!==void 0){a.preventDefault(),a.stopPropagation();let n=l[r];if(n){let k=0;const j=f=>"disabled"in f&&f.disabled||"inert"in f&&f.inert;for(;j(n)&&k<d;)r=(r+v+d)%d,n=l[r],k+=1;n&&!j(n)&&(n.focus(),u(!0))}}};return window.addEventListener("keydown",o,{capture:!0}),()=>{window.removeEventListener("keydown",o,{capture:!0})}},[s,c,u]),t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:e.map((o,a)=>t.jsxRuntimeExports.jsx(G,{...o,reference:m,onMouseEnter:b},a))})}function U({items:e,...s}){return t.jsxRuntimeExports.jsx(R.default,{...s,as:"nav",role:"menu",innerClassName:"kakadu-components-3600436535",children:t.jsxRuntimeExports.jsx(O,{items:e})})}function J(e){const s=i.useMemo(()=>({items:e}),[e]),{isVisible:c,show:x,close:u,popover:m}=R.usePopover(U,s);return i.useMemo(()=>({isVisible:c,show:x,close:u,popoverMenu:m}),[c,x,u,m])}function D({menu:e,className:s,children:c}){return t.jsxRuntimeExports.jsxs(R.PopoverContainer,{className:s,children:[c,e]})}exports.dangerPopoverMenuItemStyles=H;exports.default=D;exports.usePopoverMenu=J;

package/build/components/popover-menu.mjs

@@ -1,108 +1,108 @@
 import { j as n } from "../jsx-runtime-B4hRZ52C.mjs";
-import { cx as P } from "@kuma-ui/core";
-import { useMemo as y, useState as C, useCallback as b, useEffect as F, useRef as V } from "react";
-import { buttonResetStyles as B } from "../theme.mjs";
-import M from "../icons/icon.mjs";
-import H from "../hooks/use-synchronized-value.mjs";
-import R, { PopoverContainer as T, usePopover as G, usePopoverContext as D } from "./popover.mjs";
-import U from "./atom.mjs";
+import { cx as I } from "@kuma-ui/core";
+import { useMemo as b, useState as F, useCallback as P, useEffect as V, useRef as B } from "react";
+import { buttonResetStyles as H } from "../theme.mjs";
+import E from "../icons/icon.mjs";
+import R from "../hooks/use-synchronized-value.mjs";
+import T, { PopoverContainer as G, usePopover as U, usePopoverContext as A } from "./popover.mjs";
+import q from "./atom.mjs";
 import { Span as K } from "./text.mjs";
-import q, { normalBlendStyles as J } from "./hover-gradient.mjs";
-import O from "./click-ripples.mjs";
-import Q from "./separator.mjs";
-import W from "./decorators.mjs";
-import E from "./spinner.mjs";
-import { SkeletonInstance as S } from "./skeleton.mjs";
+import J, { normalBlendStyles as O } from "./hover-gradient.mjs";
+import Q from "./click-ripples.mjs";
+import W from "./separator.mjs";
+import X from "./decorators.mjs";
+import S from "./spinner.mjs";
+import { SkeletonInstance as D } from "./skeleton.mjs";
 function z() {
   const {
     value: e,
     setValue: o
-  } = H("isKeyboardNavigating");
-  return y(() => ({
+  } = R("isKeyboardNavigating");
+  return b(() => ({
     isKeyboardNavigating: e,
     setIsKeyboardNavigating: o
   }), [e, o]);
 }
-const fe = "kakadu-components-949294122";
-function X({
+const ve = "kakadu-components-949294122";
+function Y({
   isLoading: e,
   isDisabled: o,
-  label: u,
-  iconLeft: p,
+  label: c,
+  iconLeft: m,
   iconRight: a,
-  href: i,
-  target: h,
+  href: p,
+  target: w,
   shouldCloseOnClick: r = !0,
-  decorators: c = [],
-  submenu: d,
-  className: l,
+  decorators: i = [],
+  submenu: u,
+  className: d,
   onClick: s,
   ...v
 }) {
   const {
-    isVisible: w,
+    isVisible: y,
     isPreparingFocus: j,
     isFocused: t,
     close: k
-  } = D(), {
+  } = A(), {
     isKeyboardNavigating: f
-  } = z(), x = V(!0), I = b(() => {
+  } = z(), x = B(!0), N = P(() => {
     x.current = t;
-  }, [t]), N = b((A) => {
-    !f && !x.current || t && (s == null || s(A), d ? d.show() : r && (k == null || k()));
-  }, [f, t, s, d, r, k]), m = !w && !j || !!e || !!o, g = y(() => /* @__PURE__ */ n.jsxs(U, { as: i && !e ? "a" : "button", ...v, "aria-disabled": i && m ? !0 : void 0, type: i && !e ? void 0 : "button", role: "menuitem", href: i, target: h, inert: i ? m : void 0, disabled: i ? void 0 : m, className: P(B, "kakadu-components-1772835671", t && "kakadu-components-3160069815", f ? "kakadu-components-2254977234" : t && !m && "kakadu-components-278139688", m && "kakadu-components-1879666195", l), onClick: m ? void 0 : N, onPointerDownCapture: m ? void 0 : I, children: [
-    /* @__PURE__ */ n.jsxs(K, { className: P("kakadu-components-1377252111", e ? "kakadu-components-2409458488" : m && "kakadu-components-532828420"), children: [
-      p ? e ? /* @__PURE__ */ n.jsx(E, { size: 12 }) : /* @__PURE__ */ n.jsx(M, { width: 12, height: 12, type: p }) : null,
-      /* @__PURE__ */ n.jsxs("span", { className: P("kakadu-components-1590676894", e && "kakadu-components-743909038"), children: [
-        e ? /* @__PURE__ */ n.jsx(S, { "aria-hidden": !0, width: "100%", className: "kakadu-components-3950955262" }) : null,
-        /* @__PURE__ */ n.jsx("span", { className: e ? "kakadu-components-543569100" : void 0, children: u })
+  }, [t]), g = P((C) => {
+    !f && !x.current || t && (s == null || s(C), u ? u.show() : r && (k == null || k()));
+  }, [f, t, s, u, r, k]), l = !y && !j || !!e || !!o, h = p !== void 0 && !e, M = b(() => /* @__PURE__ */ n.jsxs(q, { as: h ? "a" : "button", ...v, "aria-disabled": h && l ? !0 : void 0, type: h ? void 0 : "button", role: "menuitem", href: e ? void 0 : p, target: h ? w : void 0, inert: h ? l : void 0, disabled: h ? void 0 : l, className: I(H, "kakadu-components-1772835671", t && "kakadu-components-3160069815", f ? "kakadu-components-2254977234" : t && !l && "kakadu-components-278139688", l && "kakadu-components-1879666195", d), onClick: l ? void 0 : g, onPointerDownCapture: l ? void 0 : N, children: [
+    /* @__PURE__ */ n.jsxs(K, { className: I("kakadu-components-1377252111", e ? "kakadu-components-2409458488" : l && "kakadu-components-532828420"), children: [
+      m ? e ? /* @__PURE__ */ n.jsx(S, { size: 12 }) : /* @__PURE__ */ n.jsx(E, { width: 12, height: 12, type: m }) : null,
+      /* @__PURE__ */ n.jsxs("span", { className: I("kakadu-components-1590676894", e && "kakadu-components-743909038"), children: [
+        e ? /* @__PURE__ */ n.jsx(D, { "aria-hidden": !0, width: "100%", className: "kakadu-components-3950955262" }) : null,
+        /* @__PURE__ */ n.jsx("span", { className: e ? "kakadu-components-543569100" : void 0, children: c })
       ] }),
-      a ? e ? p ? /* @__PURE__ */ n.jsx(S, { width: 12, height: 12 }) : /* @__PURE__ */ n.jsx(E, { size: 12 }) : /* @__PURE__ */ n.jsx(M, { width: 12, height: 12, type: a }) : null
+      a ? e ? m ? /* @__PURE__ */ n.jsx(D, { width: 12, height: 12 }) : /* @__PURE__ */ n.jsx(S, { size: 12 }) : /* @__PURE__ */ n.jsx(E, { width: 12, height: 12, type: a }) : null
     ] }),
-    f || m ? null : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-      /* @__PURE__ */ n.jsx(O, { isActive: t, size: 100 }),
-      /* @__PURE__ */ n.jsx(q, { isActive: t, size: 150, className: J })
+    f || l ? null : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+      /* @__PURE__ */ n.jsx(Q, { isActive: t, size: 100 }),
+      /* @__PURE__ */ n.jsx(J, { isActive: t, size: 150, className: O })
     ] })
-  ] }), [i, e, v, m, h, t, f, l, N, I, u, p, a]);
-  return /* @__PURE__ */ n.jsx(W, { decorators: c, children: d ? /* @__PURE__ */ n.jsx($, { menu: d.popoverMenu, className: "kakadu-components-1861176543", children: g }) : g });
+  ] }), [h, v, l, p, e, w, d, t, f, g, N, m, c, a]);
+  return /* @__PURE__ */ n.jsx(X, { decorators: i, children: u ? /* @__PURE__ */ n.jsx(L, { menu: u.popoverMenu, className: "kakadu-components-1861176543", children: M }) : M });
 }
-function Y(e) {
+function Z(e) {
   if ("type" in e) {
     if (e.type === "separator")
-      return /* @__PURE__ */ n.jsx(Q, {});
+      return /* @__PURE__ */ n.jsx(W, {});
     if (e.type === "group")
       return /* @__PURE__ */ n.jsx(K, { className: "kakadu-components-1499037363", children: e.label });
   }
-  return /* @__PURE__ */ n.jsx(X, { ...e });
+  return /* @__PURE__ */ n.jsx(Y, { ...e });
 }
-function Z({
+function _({
   items: e
 }) {
   const {
     isFocused: o
-  } = D(), [u, p] = C([]), {
+  } = A(), [c, m] = F([]), {
     setIsKeyboardNavigating: a
-  } = z(), i = b((r) => {
-    r && p((c) => c.includes(r) ? c : [...c, r]);
-  }, []), h = b((r) => {
+  } = z(), p = P((r) => {
+    r && m((i) => i.includes(r) ? i : [...i, r]);
+  }, []), w = P((r) => {
     o && (r.currentTarget.focus(), a(!1));
   }, [o, a]);
-  return F(() => {
+  return V(() => {
     if (!o)
       return;
-    const r = (c) => {
-      const d = u.filter((t) => t.isConnected), l = d.length;
-      if (l === 0)
+    const r = (i) => {
+      const u = c.filter((t) => t.isConnected), d = u.length;
+      if (d === 0)
         return;
       let s, v = 1;
-      const w = document.activeElement;
-      let j = w ? d.indexOf(w) : -1;
-      switch (j === -1 && (j = 0), c.key) {
+      const y = document.activeElement;
+      let j = y ? u.indexOf(y) : -1;
+      switch (j === -1 && (j = 0), i.key) {
         case "ArrowUp":
           v = -1;
         // eslint-disable-next-line no-fallthrough
         case "ArrowDown": {
-          s = (j + v + l) % l;
+          s = (j + v + d) % d;
           break;
         }
         case "Home": {
@@ -110,7 +110,7 @@ function Z({
           break;
         }
         case "End": {
-          s = l - 1, v = -1;
+          s = d - 1, v = -1;
           break;
         }
         case "Tab": {
@@ -119,13 +119,13 @@ function Z({
         }
       }
       if (s !== void 0) {
-        c.preventDefault(), c.stopPropagation();
-        let t = d[s];
+        i.preventDefault(), i.stopPropagation();
+        let t = u[s];
         if (t) {
           let k = 0;
           const f = (x) => "disabled" in x && x.disabled || "inert" in x && x.inert;
-          for (; f(t) && k < l; )
-            s = (s + v + l) % l, t = d[s], k += 1;
+          for (; f(t) && k < d; )
+            s = (s + v + d) % d, t = u[s], k += 1;
           t && !f(t) && (t.focus(), a(!0));
         }
       }
@@ -137,50 +137,50 @@ function Z({
         capture: !0
       });
     };
-  }, [o, u, a]), /* @__PURE__ */ n.jsx(n.Fragment, { children: e.map((r, c) => /* @__PURE__ */ n.jsx(
-    Y,
+  }, [o, c, a]), /* @__PURE__ */ n.jsx(n.Fragment, { children: e.map((r, i) => /* @__PURE__ */ n.jsx(
+    Z,
     {
       ...r,
-      reference: i,
-      onMouseEnter: h
+      reference: p,
+      onMouseEnter: w
     },
-    c
+    i
   )) });
 }
-function _({
+function $({
   items: e,
   ...o
 }) {
-  return /* @__PURE__ */ n.jsx(R, { ...o, as: "nav", role: "menu", innerClassName: "kakadu-components-3600436535", children: /* @__PURE__ */ n.jsx(Z, { items: e }) });
+  return /* @__PURE__ */ n.jsx(T, { ...o, as: "nav", role: "menu", innerClassName: "kakadu-components-3600436535", children: /* @__PURE__ */ n.jsx(_, { items: e }) });
 }
-function ve(e) {
-  const o = y(() => ({
+function ke(e) {
+  const o = b(() => ({
     items: e
   }), [e]), {
-    isVisible: u,
-    show: p,
+    isVisible: c,
+    show: m,
     close: a,
-    popover: i
-  } = G(_, o);
-  return y(() => ({
-    isVisible: u,
-    show: p,
+    popover: p
+  } = U($, o);
+  return b(() => ({
+    isVisible: c,
+    show: m,
     close: a,
-    popoverMenu: i
-  }), [u, p, a, i]);
+    popoverMenu: p
+  }), [c, m, a, p]);
 }
-function $({
+function L({
   menu: e,
   className: o,
-  children: u
+  children: c
 }) {
-  return /* @__PURE__ */ n.jsxs(T, { className: o, children: [
-    u,
+  return /* @__PURE__ */ n.jsxs(G, { className: o, children: [
+    c,
     e
   ] });
 }
 export {
-  fe as dangerPopoverMenuItemStyles,
-  $ as default,
-  ve as usePopoverMenu
+  ve as dangerPopoverMenuItemStyles,
+  L as default,
+  ke as usePopoverMenu
 };

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"),a=require("@kuma-ui/core"),c=require("../icons/icon.js"),_=require("./flex.js"),f=require("./text.js"),h=require("./click-ripples.js"),l=require("./hover-gradient.js"),b=require("./button-tooltip.js"),N=require("./aria-text.js"),g=require("./atom.js"),w=require("./skeleton.js"),S=["primary","delete"],T="kakadu-components-356806024";function z({ref:m,iconLeft:n,iconRight:o,variant:d="primary",tooltip:x,tooltipPosition:p,href:i,target:j,rel:k,disabled:E,hasUnderline:v=!0,isSkeleton:u,isSkeletonAnimated:R=!0,className:y,children:t,label:B,...q}){const r=!!E||!!u,s=i&&!u;return e.jsxRuntimeExports.jsxs("div",{className:a.cx("kakadu-components-989891841",t&&(n||o)?a.cx(!!n&&"kakadu-components-497190725",!!o&&"kakadu-components-3729381008"):"kakadu-components-3866032606"),children:[e.jsxRuntimeExports.jsxs(g.default,{...q,reference:m,as:s?"a":"button",type:s?void 0:"button",href:s?i:void 0,target:s?j:void 0,rel:s?k:void 0,disabled:s?void 0:r,inert:s?r:void 0,className:a.cx(f.textShadowStyles,"kakadu-components-4279134239",d==="delete"&&T,u&&"kakadu-components-2662775151",y),children:[e.jsxRuntimeExports.jsxs(_.default,{direction:"row",gap:.5,preset:"center",children:[n?e.jsxRuntimeExports.jsx("div",{className:a.cx("kakadu-components-743909038",t?"kakadu-components-1285017646":"kakadu-components-1475172827"),children:typeof n=="string"?e.jsxRuntimeExports.jsx(c.default,{width:14,height:14,type:n}):n}):null,t?e.jsxRuntimeExports.jsx("span",{className:a.cx("kakadu-components-743909038",v&&"kakadu-components-2703794515"),children:t}):e.jsxRuntimeExports.jsx(N.default,{children:B}),o?e.jsxRuntimeExports.jsx("div",{className:a.cx("kakadu-components-743909038",t?"kakadu-components-2421728947":"kakadu-components-1475172827"),children:typeof o=="string"?e.jsxRuntimeExports.jsx(c.default,{width:14,height:14,type:o}):o}):null]}),e.jsxRuntimeExports.jsxs("span",{className:"kakadu-components-1970948853",children:[r?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(h.default,{size:t?void 0:50}),e.jsxRuntimeExports.jsx(l.default,{size:t?void 0:50,className:l.normalBlendStyles})]}),x?e.jsxRuntimeExports.jsx(b.default,{label:x,position:p}):null]})]}),u?e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-1970948853",children:e.jsxRuntimeExports.jsx(w.SkeletonInstance,{width:"100%",height:"100%",isAnimated:R})}):null]})}exports.default=z;exports.textButtonVariants=S;
+"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"),c=require("../icons/icon.js"),_=require("./flex.js"),f=require("./text.js"),h=require("./click-ripples.js"),d=require("./hover-gradient.js"),b=require("./button-tooltip.js"),N=require("./aria-text.js"),g=require("./atom.js"),w=require("./skeleton.js"),S=["primary","delete"],T="kakadu-components-356806024";function z({ref:l,iconLeft:n,iconRight:o,variant:m="primary",tooltip:x,tooltipPosition:p,href:i,target:j,rel:k,disabled:E,hasUnderline:v=!0,isSkeleton:u,isSkeletonAnimated:R=!0,className:y,children:t,label:B,...q}){const r=!!E||!!u,s=i!==void 0&&!u;return e.jsxRuntimeExports.jsxs("div",{className:a.cx("kakadu-components-989891841",t&&(n||o)?a.cx(!!n&&"kakadu-components-497190725",!!o&&"kakadu-components-3729381008"):"kakadu-components-3866032606"),children:[e.jsxRuntimeExports.jsxs(g.default,{...q,reference:l,as:s?"a":"button",type:s?void 0:"button",href:s?i:void 0,target:s?j:void 0,rel:s?k:void 0,disabled:s?void 0:r,inert:s?r:void 0,className:a.cx(f.textShadowStyles,"kakadu-components-4279134239",m==="delete"&&T,u&&"kakadu-components-2662775151",y),children:[e.jsxRuntimeExports.jsxs(_.default,{direction:"row",gap:.5,preset:"center",children:[n?e.jsxRuntimeExports.jsx("div",{className:a.cx("kakadu-components-743909038",t?"kakadu-components-1285017646":"kakadu-components-1475172827"),children:typeof n=="string"?e.jsxRuntimeExports.jsx(c.default,{width:14,height:14,type:n}):n}):null,t?e.jsxRuntimeExports.jsx("span",{className:a.cx("kakadu-components-743909038",v&&"kakadu-components-2703794515"),children:t}):e.jsxRuntimeExports.jsx(N.default,{children:B}),o?e.jsxRuntimeExports.jsx("div",{className:a.cx("kakadu-components-743909038",t?"kakadu-components-2421728947":"kakadu-components-1475172827"),children:typeof o=="string"?e.jsxRuntimeExports.jsx(c.default,{width:14,height:14,type:o}):o}):null]}),e.jsxRuntimeExports.jsxs("span",{className:"kakadu-components-1970948853",children:[r?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(h.default,{size:t?void 0:50}),e.jsxRuntimeExports.jsx(d.default,{size:t?void 0:50,className:d.normalBlendStyles})]}),x?e.jsxRuntimeExports.jsx(b.default,{label:x,position:p}):null]})]}),u?e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-1970948853",children:e.jsxRuntimeExports.jsx(w.SkeletonInstance,{width:"100%",height:"100%",isAnimated:R})}):null]})}exports.default=z;exports.textButtonVariants=S;

package/build/components/text-button.mjs

@@ -29,7 +29,7 @@ function Q({
   label: y,
   ...h
 }) {
-  const m = !!j || !!r, a = l && !r;
+  const m = !!j || !!r, a = l !== void 0 && !r;
   return /* @__PURE__ */ o.jsxs("div", { className: n("kakadu-components-989891841", e && (t || s) ? n(!!t && "kakadu-components-497190725", !!s && "kakadu-components-3729381008") : "kakadu-components-3866032606"), children: [
     /* @__PURE__ */ o.jsxs(C, { ...h, reference: i, as: a ? "a" : "button", type: a ? void 0 : "button", href: a ? l : void 0, target: a ? c : void 0, rel: a ? x : void 0, disabled: a ? void 0 : m, inert: a ? m : void 0, className: n(b, "kakadu-components-4279134239", u === "delete" && F, r && "kakadu-components-2662775151", f), children: [
       /* @__PURE__ */ o.jsxs(N, { direction: "row", gap: 0.5, preset: "center", children: [

package/package.json

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