@kakadu/components 4.6.2 → 4.6.4

package/build/components/button.d.ts

@@ -33,5 +33,5 @@ export type ButtonProperties = BaseButtonProperties & ({
     children?: never;
     label: string;
 });
-export default function Button({ type, variant, href, target, rel, disabled, className, children, label, tooltip, tooltipPosition, iconLeft, iconRight, isLoading, isSkeleton, isSkeletonAnimated, hasMovingGradients, movingGradientsCount, hasMovingStars, movingStarsCount, ...properties }: ButtonProperties): import("react/jsx-runtime").JSX.Element;
+export default function Button({ ref, type, variant, href, target, rel, disabled, className, children, label, tooltip, tooltipPosition, iconLeft, iconRight, isLoading, isSkeleton, isSkeletonAnimated, hasMovingGradients, movingGradientsCount, hasMovingStars, movingStarsCount, ...properties }: ButtonProperties): import("react/jsx-runtime").JSX.Element;
 export {};

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

package/build/components/button.mjs

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

package/build/components/card.d.ts

@@ -6,4 +6,4 @@ export type CardProperties = HTMLProps<HTMLButtonElement> & {
     readonly description: string;
     readonly action: string;
 };
-export default function Card({ icon, title, description, action, href, target, rel, className, ...properties }: CardProperties): import("react/jsx-runtime").JSX.Element;
+export default function Card({ ref, icon, title, description, action, href, target, rel, className, ...properties }: CardProperties): import("react/jsx-runtime").JSX.Element;

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"),j=require("../theme.js"),a=require("../icons/icon.js"),s=require("./flex.js"),n=require("./text.js"),k=require("./click-ripples.js"),c=require("./hover-gradient.js"),h=require("./button.js"),R=require("./atom.js");function f({icon:o,title:u,description:i,action:l,href:t,target:m,rel:x,className:d,...p}){return e.jsxRuntimeExports.jsxs(R.default,{...p,as:t?"a":"button",type:t?void 0:"button",href:t,target:m,rel:x,className:r.cx(j.effectStyles,h.buttonSecondaryStyles,"kakadu-components-1387630570",d),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,u]})}),e.jsxRuntimeExports.jsx(n.Paragraph,{className:"kakadu-components-3061837309",children:i}),e.jsxRuntimeExports.jsx(s.default,{preset:"end",children:e.jsxRuntimeExports.jsx(n.Span,{className:"kakadu-components-777975485",children:l})})]}),e.jsxRuntimeExports.jsx(k.default,{size:250,className:"kakadu-components-2967167444"}),e.jsxRuntimeExports.jsx(c.default,{size:300,className:c.normalBlendStyles})]})}exports.default=f;
+"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;

package/build/components/card.mjs

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

package/build/components/icon-button.d.ts

@@ -12,4 +12,4 @@ export type IconButtonProperties = HTMLProps<HTMLButtonElement> & {
     readonly isSkeleton?: boolean;
     readonly isSkeletonAnimated?: boolean;
 };
-export default function IconButton({ icon, variant, label, tooltipPosition, href, target, rel, disabled, isLoading, isSkeleton, isSkeletonAnimated, className, ...properties }: IconButtonProperties): import("react/jsx-runtime").JSX.Element;
+export default function IconButton({ ref, icon, variant, label, tooltipPosition, href, target, rel, disabled, isLoading, isSkeleton, isSkeletonAnimated, className, ...properties }: IconButtonProperties): import("react/jsx-runtime").JSX.Element;

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"),T=require("./theme-setter.js"),c=require("./button.js"),D=require("./button-tooltip.js"),M=require("./click-ripples.js"),E=require("./hover-gradient.js"),z=require("./skeleton.js"),A=require("./atom.js"),C=["default","success","warning","danger"];function O({icon:s,variant:u="default",label:f,tooltipPosition:b,href:k,target:g,rel:q,disabled:w,isLoading:j,isSkeleton:r,isSkeletonAnimated:_=!0,className:v,...B}){const h=t.useId(),I=T.useIsDarkMode(),n=k&&!r,[a,N]=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),N(S.current)},370)},[a,s,l]),t.useEffect(()=>()=>{l()},[l]);const x=!!w||!!j||!!r;return e.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-4096632152",children:[e.jsxRuntimeExports.jsxs(A.default,{...B,as:n?"a":"button",type:n?void 0:"button",href:n?k:void 0,target:n?g:void 0,rel:n?q: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",v),children:[e.jsxRuntimeExports.jsxs("span",{"data-theme":u==="default"?I?"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(D.default,{id:h,label:f,position:b}),x?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(M.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(z.SkeletonInstance,{width:"100%",height:"100%",isAnimated:_})}):null]})}exports.default=O;exports.iconButtonVariants=C;
+"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;

package/build/components/icon-button.mjs

@@ -1,36 +1,37 @@
 import { j as e } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useId as A, useState as j, useRef as g, useEffect as d, useCallback as C } from "react";
+import { useId as C, useState as j, useRef as g, useEffect as d, 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 E, effectStyles as M, overlayEffectStyles as F } from "../theme.mjs";
-import { useIsDarkMode as G } from "./theme-setter.mjs";
-import { ButtonLoader as H, buttonSecondaryStyles as O, buttonSuccessStyles as V, buttonWarningStyles as W, buttonDangerStyles as q } from "./button.mjs";
-import J from "./button-tooltip.mjs";
-import K from "./click-ripples.mjs";
-import L, { normalBlendStyles as P } from "./hover-gradient.mjs";
-import { SkeletonInstance as Q } from "./skeleton.mjs";
-import U from "./atom.mjs";
-const ce = ["default", "success", "warning", "danger"];
-function ue({
+import { buttonResetStyles as M, effectStyles as F, overlayEffectStyles as G } from "../theme.mjs";
+import { useIsDarkMode as H } from "./theme-setter.mjs";
+import { ButtonLoader as O, buttonSecondaryStyles as V, buttonSuccessStyles as W, buttonWarningStyles as q, buttonDangerStyles as J } from "./button.mjs";
+import K from "./button-tooltip.mjs";
+import L from "./click-ripples.mjs";
+import P, { normalBlendStyles as Q } from "./hover-gradient.mjs";
+import { SkeletonInstance as U } from "./skeleton.mjs";
+import X from "./atom.mjs";
+const ue = ["default", "success", "warning", "danger"];
+function ie({
+  ref: w,
   icon: t,
   variant: n = "default",
   label: m,
-  tooltipPosition: w,
+  tooltipPosition: B,
   href: p,
-  target: B,
-  rel: I,
-  disabled: N,
+  target: I,
+  rel: N,
+  disabled: v,
   isLoading: f,
   isSkeleton: a,
-  isSkeletonAnimated: v = !0,
-  className: R,
-  ...D
+  isSkeletonAnimated: R = !0,
+  className: D,
+  ...T
 }) {
-  const k = A(), T = G(), o = p && !a, [r, z] = j(t), [h, i] = j(!1), x = g(t), c = g(null);
+  const k = C(), z = H(), o = p && !a, [r, A] = j(t), [h, i] = j(!1), x = g(t), c = g(null);
   d(() => {
     x.current = t;
   }, [t]);
-  const u = C(() => {
+  const u = E(() => {
     c.current && (clearTimeout(c.current), c.current = null);
   }, []);
   d(() => {
@@ -39,29 +40,29 @@ function ue({
       return;
     }
     i(!0), u(), c.current = setTimeout(() => {
-      i(!1), z(x.current);
+      i(!1), A(x.current);
     }, 370);
   }, [r, t, u]), d(() => () => {
     u();
   }, [u]);
-  const l = !!N || !!f || !!a;
+  const l = !!v || !!f || !!a;
   return /* @__PURE__ */ e.jsxs("div", { className: "kakadu-components-4096632152", children: [
-    /* @__PURE__ */ e.jsxs(U, { ...D, as: o ? "a" : "button", type: o ? void 0 : "button", href: o ? p : void 0, target: o ? B : void 0, rel: o ? I : void 0, "aria-label": m, "aria-describedby": k, disabled: o ? void 0 : l, inert: o ? l : void 0, className: s(E, M, F, "kakadu-components-4200638658", n === "default" && s(O, "kakadu-components-1561784812"), n === "success" && s(V, "kakadu-components-1398421429"), n === "warning" && s(W, "kakadu-components-1872098090"), n === "danger" && s(q, "kakadu-components-2064536093"), a && "kakadu-components-2662775151", R), children: [
-      /* @__PURE__ */ e.jsxs("span", { "data-theme": n === "default" ? T ? "dark" : "light" : "dark", className: "kakadu-components-3040141419", 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("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(H, { isLoading: f, size: 14 }),
-      /* @__PURE__ */ e.jsx(J, { id: k, label: m, position: w }),
+      /* @__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: [
-        /* @__PURE__ */ e.jsx(K, { size: 50 }),
-        /* @__PURE__ */ e.jsx(L, { size: 50, className: n === "default" ? P : void 0 })
+        /* @__PURE__ */ e.jsx(L, { size: 50 }),
+        /* @__PURE__ */ e.jsx(P, { size: 50, className: n === "default" ? Q : void 0 })
       ] })
     ] }),
-    a ? /* @__PURE__ */ e.jsx("div", { className: "kakadu-components-3422055155", children: /* @__PURE__ */ e.jsx(Q, { width: "100%", height: "100%", isAnimated: v }) }) : null
+    a ? /* @__PURE__ */ e.jsx("div", { className: "kakadu-components-3422055155", children: /* @__PURE__ */ e.jsx(U, { width: "100%", height: "100%", isAnimated: R }) }) : null
   ] });
 }
 export {
-  ue as default,
-  ce as iconButtonVariants
+  ie as default,
+  ue as iconButtonVariants
 };

package/build/components/popover.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../jsx-runtime-BB_1_6y_.js"),m=require("@kuma-ui/core"),e=require("react"),K=require("../focus-trap-react-B7f3iC5h.js"),F=require("./atom.js"),$=e.createContext({isVisible:!1,isPreparingFocus:!1,isFocused:!1}),{Provider:Q}=$;function X(){return e.useContext($)}function Y({as:i,className:s,...l}){return n.jsxRuntimeExports.jsx(F.default,{as:i??F.defaultAtomElementType,...l,className:m.cx("kakadu-components-2845019685",s)})}function Z({as:i,isVisible:s,label:l,shouldCloseOnOutsideClick:p=!0,shouldCloseOnEscapePress:r=!0,children:v,className:a,innerClassName:f,onClose:c,...h}){const x=e.useRef(null),k=e.useRef(null),[o,R]=e.useState(!1),[g,j]=e.useState(!1),[A,H]=e.useState(!1),[u,E]=e.useState(!1),[U,T]=e.useState(!1),N=e.useCallback(t=>{x.current=t,E(!1)},[]),b=e.useRef(null),L=e.useCallback(t=>{t&&(b.current=t)},[]),G=e.useMemo(()=>({initialFocus:()=>b.current??void 0,onPostActivate(){var t;j(!0),R(!1),(t=b.current)==null||t.focus()},clickOutsideDeactivates:p,escapeDeactivates:r,onPostUnpause(){j(!0)},onPause(){j(!1)},onDeactivate(){T(!1),E(!1),j(!1)}}),[p,r]),[I,O]=e.useState(s??!1),J=e.useMemo(()=>({isVisible:I,isPreparingFocus:o,isFocused:g,setInitialFocus:L,close:N}),[I,o,g,L,N]),[d,y]=e.useState("center");return e.useEffect(()=>{const t=k.current;if(t){const S=()=>{const D=t.offsetParent,M=D instanceof HTMLElement?D.getBoundingClientRect():null,V=t.getBoundingClientRect();if(!M){y("center");return}const C=16,_=window.innerWidth-C,q=M.left+M.width/2-V.width/2,z=q+V.width,B=q<C,W=z>_;let w="center";if(B&&W){const P=C-q;w=z-_>P?"right":"left"}else W?w="right":B&&(w="left");y(P=>P===w?P:w)};return S(),window.addEventListener("resize",S),()=>{window.removeEventListener("resize",S)}}},[]),e.useEffect(()=>{s&&(H(!0),O(!0))},[s]),e.useEffect(()=>{if(s){const t=setTimeout(()=>{E(!0)},100);return()=>{clearTimeout(t)}}E(!1)},[s]),e.useEffect(()=>{if(!u){T(!1),R(!1);return}R(!0);const t=window.requestAnimationFrame(()=>{T(!0)});return()=>{window.cancelAnimationFrame(t)}},[u]),e.useEffect(()=>{if(A&&!u){const t=setTimeout(()=>{O(!1),c==null||c(x.current??void 0)},370);return()=>{clearTimeout(t)}}},[A,u,c]),I?n.jsxRuntimeExports.jsx(F.default,{reference:k,as:i??F.defaultAtomElementType,role:"dialog","aria-hidden":!u,"aria-label":l??"Popover",...h,className:m.cx("kakadu-components-3920007758",d==="left"&&"kakadu-components-611400930",d==="right"&&"kakadu-components-944244368",u&&"kakadu-components-1399012551",a),children:n.jsxRuntimeExports.jsxs("div",{className:m.cx("kakadu-components-1118152266",u&&"kakadu-components-231244945"),children:[n.jsxRuntimeExports.jsx("div",{className:m.cx("kakadu-components-1951789226",d==="left"&&"kakadu-components-1495725644",d==="right"&&"kakadu-components-4235689197")}),n.jsxRuntimeExports.jsx(K.focusTrapReactExports.FocusTrap,{active:U,focusTrapOptions:G,children:n.jsxRuntimeExports.jsxs("div",{className:m.cx("kakadu-components-2488426662",f),children:[n.jsxRuntimeExports.jsx(Q,{value:J,children:v}),n.jsxRuntimeExports.jsx("div",{className:m.cx("kakadu-components-3252390100",d==="left"&&"kakadu-components-3754561431",d==="right"&&"kakadu-components-2265262600")})]})})]})}):null}function ee(i,s){const[l,p]=e.useState(!1),[r,v]=e.useState(!1),a=e.useRef(void 0),f=e.useRef(void 0),c=e.useCallback(async()=>(f.current=void 0,p(!0),v(!0),new Promise(o=>{a.current=o})),[]),h=e.useCallback(o=>{f.current=o,v(!1)},[]),x=e.useCallback(o=>{var g;const R=o??f.current;f.current=void 0,(g=a.current)==null||g.call(a,R),a.current=void 0,p(!1),v(!1)},[]),k=e.useMemo(()=>l?n.jsxRuntimeExports.jsx(i,{...s,isVisible:r,onClose:x}):null,[l,i,s,r,x]);return e.useMemo(()=>({isVisible:r,show:c,close:h,popover:k}),[r,c,h,k])}exports.PopoverContainer=Y;exports.default=Z;exports.usePopover=ee;exports.usePopoverContext=X;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../jsx-runtime-BB_1_6y_.js"),p=require("@kuma-ui/core"),e=require("react"),K=require("../focus-trap-react-B7f3iC5h.js"),F=require("./atom.js"),$=e.createContext({isVisible:!1,isPreparingFocus:!1,isFocused:!1}),{Provider:Q}=$;function X(){return e.useContext($)}function Y({as:i,className:s,...l}){return n.jsxRuntimeExports.jsx(F.default,{as:i??F.defaultAtomElementType,...l,className:p.cx("kakadu-components-2845019685",s)})}function Z({as:i,isVisible:s,label:l,shouldCloseOnOutsideClick:v=!0,shouldCloseOnEscapePress:r=!0,children:x,className:a,innerClassName:f,onClose:c,...h}){const k=e.useRef(null),R=e.useRef(null),[o,g]=e.useState(!1),[d,j]=e.useState(!1),[A,H]=e.useState(!1),[u,E]=e.useState(!1),[U,T]=e.useState(!1),N=e.useCallback(t=>{k.current=t,E(!1)},[]),b=e.useRef(null),L=e.useCallback(t=>{t&&(b.current=t)},[]),G=e.useMemo(()=>({initialFocus:()=>b.current??void 0,onPostActivate(){var t;j(!0),g(!1),(t=b.current)==null||t.focus()},clickOutsideDeactivates:v,escapeDeactivates:r,onPostUnpause(){j(!0)},onPause(){j(!1)},onDeactivate(){T(!1),E(!1),j(!1)}}),[v,r]),[I,O]=e.useState(s??!1),J=e.useMemo(()=>({isVisible:I,isPreparingFocus:o,isFocused:d,setInitialFocus:L,close:N}),[I,o,d,L,N]),[m,y]=e.useState("center");return e.useEffect(()=>{const t=R.current;if(t){const S=()=>{const D=t.offsetParent,M=D instanceof HTMLElement?D.getBoundingClientRect():null,V=t.getBoundingClientRect();if(!M){y("center");return}const C=16,_=window.innerWidth-C,q=M.left+M.width/2-V.width/2,z=q+V.width,B=q<C,W=z>_;let w="center";if(B&&W){const P=C-q;w=z-_>P?"right":"left"}else W?w="right":B&&(w="left");y(P=>P===w?P:w)};return S(),window.addEventListener("resize",S),()=>{window.removeEventListener("resize",S)}}},[]),e.useEffect(()=>{s&&(H(!0),O(!0))},[s]),e.useEffect(()=>{if(s){const t=setTimeout(()=>{E(!0)},100);return()=>{clearTimeout(t)}}E(!1)},[s]),e.useEffect(()=>{if(!u){T(!1),g(!1);return}g(!0);const t=window.requestAnimationFrame(()=>{T(!0)});return()=>{window.cancelAnimationFrame(t)}},[u]),e.useEffect(()=>{if(A&&!u){const t=setTimeout(()=>{O(!1),c==null||c(k.current??void 0)},370);return()=>{clearTimeout(t)}}},[A,u,c]),I?n.jsxRuntimeExports.jsx(F.default,{reference:R,as:i??F.defaultAtomElementType,role:"dialog","aria-hidden":!u&&!d,"aria-label":l??"Popover",...h,className:p.cx("kakadu-components-3920007758",m==="left"&&"kakadu-components-611400930",m==="right"&&"kakadu-components-944244368",u&&"kakadu-components-1399012551",a),children:n.jsxRuntimeExports.jsxs("div",{className:p.cx("kakadu-components-1118152266",u&&"kakadu-components-231244945"),children:[n.jsxRuntimeExports.jsx("div",{className:p.cx("kakadu-components-1951789226",m==="left"&&"kakadu-components-1495725644",m==="right"&&"kakadu-components-4235689197")}),n.jsxRuntimeExports.jsx(K.focusTrapReactExports.FocusTrap,{active:U,focusTrapOptions:G,children:n.jsxRuntimeExports.jsxs("div",{className:p.cx("kakadu-components-2488426662",f),children:[n.jsxRuntimeExports.jsx(Q,{value:J,children:x}),n.jsxRuntimeExports.jsx("div",{className:p.cx("kakadu-components-3252390100",m==="left"&&"kakadu-components-3754561431",m==="right"&&"kakadu-components-2265262600")})]})})]})}):null}function ee(i,s){const[l,v]=e.useState(!1),[r,x]=e.useState(!1),a=e.useRef(void 0),f=e.useRef(void 0),c=e.useCallback(async()=>(f.current=void 0,v(!0),x(!0),new Promise(o=>{a.current=o})),[]),h=e.useCallback(o=>{f.current=o,x(!1)},[]),k=e.useCallback(o=>{var d;const g=o??f.current;f.current=void 0,(d=a.current)==null||d.call(a,g),a.current=void 0,v(!1),x(!1)},[]),R=e.useMemo(()=>l?n.jsxRuntimeExports.jsx(i,{...s,isVisible:r,onClose:k}):null,[l,i,s,r,k]);return e.useMemo(()=>({isVisible:r,show:c,close:h,popover:R}),[r,c,h,R])}exports.PopoverContainer=Y;exports.default=Z;exports.usePopover=ee;exports.usePopoverContext=X;

package/build/components/popover.mjs

@@ -1,5 +1,5 @@
 import { j as s } from "../jsx-runtime-B4hRZ52C.mjs";
-import { cx as m } from "@kuma-ui/core";
+import { cx as p } from "@kuma-ui/core";
 import { createContext as ee, useRef as P, useState as n, useCallback as R, useMemo as b, useEffect as F, useContext as te } from "react";
 import { f as se } from "../focus-trap-react-Dr3BYLw6.mjs";
 import K, { defaultAtomElementType as Q } from "./atom.mjs";
@@ -18,31 +18,31 @@ function fe({
   className: t,
   ...l
 }) {
-  return /* @__PURE__ */ s.jsx(K, { as: u ?? Q, ...l, className: m("kakadu-components-2845019685", t) });
+  return /* @__PURE__ */ s.jsx(K, { as: u ?? Q, ...l, className: p("kakadu-components-2845019685", t) });
 }
 function de({
   as: u,
   isVisible: t,
   label: l,
-  shouldCloseOnOutsideClick: p = !0,
+  shouldCloseOnOutsideClick: v = !0,
   shouldCloseOnEscapePress: r = !0,
-  children: v,
+  children: k,
   className: a,
   innerClassName: f,
   onClose: c,
   ...j
 }) {
-  const k = P(null), w = P(null), [o, g] = n(!1), [h, I] = n(!1), [y, Y] = n(!1), [i, T] = n(!1), [Z, E] = n(!1), z = R((e) => {
-    k.current = e, T(!1);
+  const w = P(null), g = P(null), [o, h] = n(!1), [d, I] = n(!1), [y, Y] = n(!1), [i, T] = n(!1), [Z, E] = n(!1), z = R((e) => {
+    w.current = e, T(!1);
   }, []), N = P(null), B = R((e) => {
     e && (N.current = e);
   }, []), _ = b(() => ({
     initialFocus: () => N.current ?? void 0,
     onPostActivate() {
       var e;
-      I(!0), g(!1), (e = N.current) == null || e.focus();
+      I(!0), h(!1), (e = N.current) == null || e.focus();
     },
-    clickOutsideDeactivates: p,
+    clickOutsideDeactivates: v,
     escapeDeactivates: r,
     onPostUnpause() {
       I(!0);
@@ -53,15 +53,15 @@ function de({
     onDeactivate() {
       E(!1), T(!1), I(!1);
     }
-  }), [p, r]), [L, C] = n(t ?? !1), $ = b(() => ({
+  }), [v, r]), [L, C] = n(t ?? !1), $ = b(() => ({
     isVisible: L,
     isPreparingFocus: o,
-    isFocused: h,
+    isFocused: d,
     setInitialFocus: B,
     close: z
-  }), [L, o, h, B, z]), [d, W] = n("center");
+  }), [L, o, d, B, z]), [m, W] = n("center");
   return F(() => {
-    const e = w.current;
+    const e = g.current;
     if (e) {
       const D = () => {
         const q = e.offsetParent, M = q instanceof HTMLElement ? q.getBoundingClientRect() : null, H = e.getBoundingClientRect();
@@ -95,10 +95,10 @@ function de({
     T(!1);
   }, [t]), F(() => {
     if (!i) {
-      E(!1), g(!1);
+      E(!1), h(!1);
       return;
     }
-    g(!0);
+    h(!0);
     const e = window.requestAnimationFrame(() => {
       E(!0);
     });
@@ -108,36 +108,36 @@ function de({
   }, [i]), F(() => {
     if (y && !i) {
       const e = setTimeout(() => {
-        C(!1), c == null || c(k.current ?? void 0);
+        C(!1), c == null || c(w.current ?? void 0);
       }, 370);
       return () => {
         clearTimeout(e);
       };
     }
-  }, [y, i, c]), L ? /* @__PURE__ */ s.jsx(K, { reference: w, as: u ?? Q, role: "dialog", "aria-hidden": !i, "aria-label": l ?? "Popover", ...j, className: m("kakadu-components-3920007758", d === "left" && "kakadu-components-611400930", d === "right" && "kakadu-components-944244368", i && "kakadu-components-1399012551", a), children: /* @__PURE__ */ s.jsxs("div", { className: m("kakadu-components-1118152266", i && "kakadu-components-231244945"), children: [
-    /* @__PURE__ */ s.jsx("div", { className: m("kakadu-components-1951789226", d === "left" && "kakadu-components-1495725644", d === "right" && "kakadu-components-4235689197") }),
-    /* @__PURE__ */ s.jsx(se.FocusTrap, { active: Z, focusTrapOptions: _, children: /* @__PURE__ */ s.jsxs("div", { className: m("kakadu-components-2488426662", f), children: [
-      /* @__PURE__ */ s.jsx(ne, { value: $, children: v }),
-      /* @__PURE__ */ s.jsx("div", { className: m("kakadu-components-3252390100", d === "left" && "kakadu-components-3754561431", d === "right" && "kakadu-components-2265262600") })
+  }, [y, i, c]), L ? /* @__PURE__ */ s.jsx(K, { reference: g, as: u ?? Q, role: "dialog", "aria-hidden": !i && !d, "aria-label": l ?? "Popover", ...j, className: p("kakadu-components-3920007758", m === "left" && "kakadu-components-611400930", m === "right" && "kakadu-components-944244368", i && "kakadu-components-1399012551", a), children: /* @__PURE__ */ s.jsxs("div", { className: p("kakadu-components-1118152266", i && "kakadu-components-231244945"), children: [
+    /* @__PURE__ */ s.jsx("div", { className: p("kakadu-components-1951789226", m === "left" && "kakadu-components-1495725644", m === "right" && "kakadu-components-4235689197") }),
+    /* @__PURE__ */ s.jsx(se.FocusTrap, { active: Z, focusTrapOptions: _, children: /* @__PURE__ */ s.jsxs("div", { className: p("kakadu-components-2488426662", f), children: [
+      /* @__PURE__ */ s.jsx(ne, { value: $, children: k }),
+      /* @__PURE__ */ s.jsx("div", { className: p("kakadu-components-3252390100", m === "left" && "kakadu-components-3754561431", m === "right" && "kakadu-components-2265262600") })
     ] }) })
   ] }) }) : null;
 }
 function me(u, t) {
-  const [l, p] = n(!1), [r, v] = n(!1), a = P(void 0), f = P(void 0), c = R(async () => (f.current = void 0, p(!0), v(!0), new Promise((o) => {
+  const [l, v] = n(!1), [r, k] = n(!1), a = P(void 0), f = P(void 0), c = R(async () => (f.current = void 0, v(!0), k(!0), new Promise((o) => {
     a.current = o;
   })), []), j = R((o) => {
-    f.current = o, v(!1);
-  }, []), k = R((o) => {
-    var h;
-    const g = o ?? f.current;
-    f.current = void 0, (h = a.current) == null || h.call(a, g), a.current = void 0, p(!1), v(!1);
-  }, []), w = b(() => l ? /* @__PURE__ */ s.jsx(u, { ...t, isVisible: r, onClose: k }) : null, [l, u, t, r, k]);
+    f.current = o, k(!1);
+  }, []), w = R((o) => {
+    var d;
+    const h = o ?? f.current;
+    f.current = void 0, (d = a.current) == null || d.call(a, h), a.current = void 0, v(!1), k(!1);
+  }, []), g = b(() => l ? /* @__PURE__ */ s.jsx(u, { ...t, isVisible: r, onClose: w }) : null, [l, u, t, r, w]);
   return b(() => ({
     isVisible: r,
     show: c,
     close: j,
-    popover: w
-  }), [r, c, j, w]);
+    popover: g
+  }), [r, c, j, g]);
 }
 export {
   fe as PopoverContainer,

package/build/components/text-button.d.ts

@@ -19,5 +19,5 @@ export type TextButtonProperties = BaseTextButtonProperties & ({
     children?: never;
     label: string;
 });
-export default function TextButton({ iconLeft, iconRight, variant, tooltip, tooltipPosition, href, target, rel, disabled, hasUnderline, isSkeleton, isSkeletonAnimated, className, children, label, ...properties }: TextButtonProperties): import("react/jsx-runtime").JSX.Element;
+export default function TextButton({ ref, iconLeft, iconRight, variant, tooltip, tooltipPosition, href, target, rel, disabled, hasUnderline, isSkeleton, isSkeletonAnimated, className, children, label, ...properties }: TextButtonProperties): import("react/jsx-runtime").JSX.Element;
 export {};

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"),q=require("./flex.js"),_=require("./text.js"),h=require("./click-ripples.js"),l=require("./hover-gradient.js"),f=require("./button-tooltip.js"),b=require("./aria-text.js"),N=require("./atom.js"),g=require("./skeleton.js"),w=["primary","delete"],S="kakadu-components-356806024";function T({iconLeft:n,iconRight:o,variant:m="primary",tooltip:x,tooltipPosition:d,href:i,target:p,rel:j,disabled:k,hasUnderline:E=!0,isSkeleton:u,isSkeletonAnimated:v=!0,className:R,children:t,label:y,...B}){const r=!!k||!!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(N.default,{...B,as:s?"a":"button",type:s?void 0:"button",href:s?i:void 0,target:s?p:void 0,rel:s?j:void 0,disabled:s?void 0:r,inert:s?r:void 0,className:a.cx(_.textShadowStyles,"kakadu-components-4279134239",m==="delete"&&S,u&&"kakadu-components-2662775151",R),children:[e.jsxRuntimeExports.jsxs(q.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",E&&"kakadu-components-2703794515"),children:t}):e.jsxRuntimeExports.jsx(b.default,{children:y}),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(f.default,{label:x,position:d}):null]})]}),u?e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-1970948853",children:e.jsxRuntimeExports.jsx(g.SkeletonInstance,{width:"100%",height:"100%",isAnimated:v})}):null]})}exports.default=T;exports.textButtonVariants=w;
+"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;

package/build/components/text-button.mjs

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

package/package.json

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