@kakadu/components 2.3.3 → 2.3.5

package/build/components/button.d.ts

@@ -1,6 +1,10 @@
 import { type ReactNode, type HTMLProps } from 'react';
 import { type IconType } from '../icons/icon';
 import { type ButtonTooltipPosition } from './button-tooltip';
+export declare function ButtonLoader({ isLoading, size, }: {
+    readonly isLoading?: boolean;
+    readonly size?: number;
+}): import("react/jsx-runtime").JSX.Element;
 export declare enum ButtonVariant {
     primary = "primary",
     secondary = "secondary",

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"),j=require("react"),a=require("@kuma-ui/core"),T=require("../theme.js"),G=require("../icons/icon.js"),z=require("./spinner.js"),W=require("./moving-gradients.js"),$=require("./moving-stars.js"),F=require("./theme-setter.js"),O=require("./click-ripples.js"),y=require("./hover-gradient.js"),P=require("./button-tooltip.js"),A=require("./aria-text.js"),C=require("./atom.js");var S=(s=>(s.primary="primary",s.secondary="secondary",s.warning="warning",s.danger="danger",s))(S||{});function R({icon:s,variant:n="primary",className:o,...r}){return e.jsxRuntimeExports.jsx("div",{...r,className:a.cx("kakadu-components-2658660333",n==="secondary"&&"kakadu-components-3469662110",o),children:typeof s=="string"?e.jsxRuntimeExports.jsx(G.default,{width:14,height:14,type:s}):s})}const b="kakadu-components-2244098950",H="kakadu-components-3923184173",E="kakadu-components-317965671",f="kakadu-components-1978976872";function J({type:s,variant:n="primary",href:o,target:r,rel:q,disabled:m,className:g,children:t,label:v,tooltip:u,tooltipPosition:_,iconLeft:c,iconRight:d,isLoading:i,hasMovingGradients:N=!1,movingGradientsCount:p=4,hasMovingStars:w=!1,movingStarsCount:x=10,...M}){const l=j.useId(),k=j.useRef(null),h=F.useIsDarkMode(k),B=s??"button",D=N&&p>0,I=w&&x>0;return e.jsxRuntimeExports.jsxs(C.default,{...M,as:o?"a":"button",type:o?void 0:B,href:o,target:r,rel:q,"aria-describedby":u?l:void 0,disabled:o?void 0:!!m||!!i,className:a.cx(T.effectStyles,"kakadu-components-1897763514",!!c&&"kakadu-components-3652831856",!t&&"kakadu-components-2746167644",n==="secondary"&&b,n==="warning"&&E,n==="danger"&&f,g),children:[c?e.jsxRuntimeExports.jsx(R,{variant:n,icon:c,className:t?"kakadu-components-294089230":void 0}):null,t?e.jsxRuntimeExports.jsx("div",{ref:k,className:"kakadu-components-2618257692",children:t}):e.jsxRuntimeExports.jsx(A.default,{children:v}),d?e.jsxRuntimeExports.jsx(R,{variant:n,icon:d,className:t?"kakadu-components-3127707672":void 0}):null,e.jsxRuntimeExports.jsx("div",{className:a.cx("kakadu-components-1029011626",i&&"kakadu-components-726496666"),children:e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-772420116",children:e.jsxRuntimeExports.jsx(z.RevealSpinner,{isVisible:i})})}),D&&e.jsxRuntimeExports.jsx(W.default,{opacity:h?.4:.3,maximumGradientsCount:p,className:a.cx("kakadu-components-1505766785",n==="secondary"&&"kakadu-components-3712045697")}),I&&e.jsxRuntimeExports.jsx($.default,{maximumStarsCount:x,className:"kakadu-components-2813474662"}),m?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(O.default,{size:t?void 0:50}),e.jsxRuntimeExports.jsx(y.default,{size:t?void 0:50,className:n==="secondary"?y.normalBlendStyles:void 0})]}),u?e.jsxRuntimeExports.jsx(P.default,{id:l,label:u,position:_}):null]})}exports.ButtonVariant=S;exports.buttonDangerStyles=f;exports.buttonSecondaryStyles=b;exports.buttonSuccessStyles=H;exports.buttonWarningStyles=E;exports.default=J;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),j=require("react"),a=require("@kuma-ui/core"),z=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"),y=require("./hover-gradient.js"),A=require("./button-tooltip.js"),H=require("./aria-text.js"),J=require("./atom.js");function b({isLoading:s,size:n}){return e.jsxRuntimeExports.jsx("div",{className:a.cx("kakadu-components-3118361790",s&&"kakadu-components-4114685569"),children:e.jsxRuntimeExports.jsx("div",{className:"kakadu-components-2395688468",children:e.jsxRuntimeExports.jsx($.RevealSpinner,{isVisible:s,size:n})})})}var S=(s=>(s.primary="primary",s.secondary="secondary",s.warning="warning",s.danger="danger",s))(S||{});function R({icon:s,variant:n="primary",className:o,...r}){return e.jsxRuntimeExports.jsx("div",{...r,className:a.cx("kakadu-components-2658660333",n==="secondary"&&"kakadu-components-3469662110",o),children:typeof s=="string"?e.jsxRuntimeExports.jsx(W.default,{width:14,height:14,type:s}):s})}const E="kakadu-components-2244098950",K="kakadu-components-3923184173",f="kakadu-components-317965671",q="kakadu-components-1978976872";function Q({type:s,variant:n="primary",href:o,target:r,rel:g,disabled:v,className:_,children:t,label:N,tooltip:u,tooltipPosition:w,iconLeft:c,iconRight:i,isLoading:m,hasMovingGradients:B=!1,movingGradientsCount:d=4,hasMovingStars:M=!1,movingStarsCount:l=10,...D}){const x=j.useId(),p=j.useRef(null),h=O.useIsDarkMode(p),I=s??"button",T=B&&d>0,G=M&&l>0,k=o?!1:!!v||!!m;return e.jsxRuntimeExports.jsxs(J.default,{...D,as:o?"a":"button",type:o?void 0:I,href:o,target:r,rel:g,"aria-describedby":u?x:void 0,disabled:k,className:a.cx(z.effectStyles,"kakadu-components-1897763514",!!c&&"kakadu-components-3652831856",!t&&"kakadu-components-2746167644",n==="secondary"&&E,n==="warning"&&f,n==="danger"&&q,_),children:[c?e.jsxRuntimeExports.jsx(R,{variant:n,icon:c,className:t?"kakadu-components-294089230":void 0}):null,t?e.jsxRuntimeExports.jsx("div",{ref:p,className:"kakadu-components-2618257692",children:t}):e.jsxRuntimeExports.jsx(H.default,{children:N}),i?e.jsxRuntimeExports.jsx(R,{variant:n,icon:i,className:t?"kakadu-components-3127707672":void 0}):null,e.jsxRuntimeExports.jsx(b,{isLoading:m}),T&&e.jsxRuntimeExports.jsx(C.default,{opacity:h?.4:.3,maximumGradientsCount:d,className:a.cx("kakadu-components-1505766785",n==="secondary"&&"kakadu-components-3712045697")}),G&&e.jsxRuntimeExports.jsx(F.default,{maximumStarsCount:l,className:"kakadu-components-2813474662"}),k?null:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(P.default,{size:t?void 0:50}),e.jsxRuntimeExports.jsx(y.default,{size:t?void 0:50,className:n==="secondary"?y.normalBlendStyles:void 0})]}),u?e.jsxRuntimeExports.jsx(A.default,{id:x,label:u,position:w}):null]})}exports.ButtonLoader=b;exports.ButtonVariant=S;exports.buttonDangerStyles=q;exports.buttonSecondaryStyles=E;exports.buttonSuccessStyles=K;exports.buttonWarningStyles=f;exports.default=Q;

package/build/components/button.mjs

@@ -1,68 +1,75 @@
 import { j as o } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useId as D, useRef as G } from "react";
+import { useId as G, useRef as R } from "react";
 import { cx as t } from "@kuma-ui/core";
-import { effectStyles as R } from "../theme.mjs";
-import T from "../icons/icon.mjs";
-import { RevealSpinner as z } from "./spinner.mjs";
-import A from "./moving-gradients.mjs";
+import { effectStyles as T } from "../theme.mjs";
+import z from "../icons/icon.mjs";
+import { RevealSpinner as A } from "./spinner.mjs";
+import C from "./moving-gradients.mjs";
 import h from "./moving-stars.mjs";
-import { useIsDarkMode as C } from "./theme-setter.mjs";
-import E from "./click-ripples.mjs";
-import F, { normalBlendStyles as H } from "./hover-gradient.mjs";
-import W from "./button-tooltip.mjs";
-import q from "./aria-text.mjs";
-import J from "./atom.mjs";
-var K = /* @__PURE__ */ ((s) => (s.primary = "primary", s.secondary = "secondary", s.warning = "warning", s.danger = "danger", s))(K || {});
+import { useIsDarkMode as E } from "./theme-setter.mjs";
+import F from "./click-ripples.mjs";
+import H, { normalBlendStyles as W } from "./hover-gradient.mjs";
+import q from "./button-tooltip.mjs";
+import J from "./aria-text.mjs";
+import K from "./atom.mjs";
+function O({
+  isLoading: s,
+  size: n
+}) {
+  return /* @__PURE__ */ o.jsx("div", { className: t("kakadu-components-3118361790", s && "kakadu-components-4114685569"), children: /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-2395688468", children: /* @__PURE__ */ o.jsx(A, { isVisible: s, size: n }) }) });
+}
+var P = /* @__PURE__ */ ((s) => (s.primary = "primary", s.secondary = "secondary", s.warning = "warning", s.danger = "danger", s))(P || {});
 function y({
   icon: s,
   variant: n = "primary",
   className: a,
-  ...m
+  ...r
 }) {
-  return /* @__PURE__ */ o.jsx("div", { ...m, className: t("kakadu-components-2658660333", n === "secondary" && "kakadu-components-3469662110", a), children: typeof s == "string" ? /* @__PURE__ */ o.jsx(T, { width: 14, height: 14, type: s }) : s });
+  return /* @__PURE__ */ o.jsx("div", { ...r, className: t("kakadu-components-2658660333", n === "secondary" && "kakadu-components-3469662110", a), children: typeof s == "string" ? /* @__PURE__ */ o.jsx(z, { width: 14, height: 14, type: s }) : s });
 }
-const O = "kakadu-components-2244098950", mo = "kakadu-components-3923184173", P = "kakadu-components-317965671", Q = "kakadu-components-1978976872";
-function ro({
+const Q = "kakadu-components-2244098950", co = "kakadu-components-3923184173", U = "kakadu-components-317965671", X = "kakadu-components-1978976872";
+function io({
   type: s,
   variant: n = "primary",
   href: a,
-  target: m,
+  target: r,
   rel: f,
-  disabled: p,
-  className: j,
+  disabled: j,
+  className: b,
   children: e,
-  label: b,
-  tooltip: r,
-  tooltipPosition: v,
+  label: S,
+  tooltip: m,
+  tooltipPosition: g,
   iconLeft: c,
-  iconRight: i,
-  isLoading: d,
-  hasMovingGradients: S = !1,
-  movingGradientsCount: u = 4,
-  hasMovingStars: g = !1,
-  movingStarsCount: l = 10,
-  ...N
+  iconRight: d,
+  isLoading: i,
+  hasMovingGradients: v = !1,
+  movingGradientsCount: p = 4,
+  hasMovingStars: N = !1,
+  movingStarsCount: u = 10,
+  ...w
 }) {
-  const k = D(), x = G(null), w = C(x), M = s ?? "button", I = S && u > 0, B = g && l > 0;
-  return /* @__PURE__ */ o.jsxs(J, { ...N, as: a ? "a" : "button", type: a ? void 0 : M, href: a, target: m, rel: f, "aria-describedby": r ? k : void 0, disabled: a ? void 0 : !!p || !!d, className: t(R, "kakadu-components-1897763514", !!c && "kakadu-components-3652831856", !e && "kakadu-components-2746167644", n === "secondary" && O, n === "warning" && P, n === "danger" && Q, j), children: [
+  const l = G(), k = R(null), M = E(k), B = s ?? "button", I = v && p > 0, D = N && u > 0, x = a ? !1 : !!j || !!i;
+  return /* @__PURE__ */ o.jsxs(K, { ...w, as: a ? "a" : "button", type: a ? void 0 : B, href: a, target: r, rel: f, "aria-describedby": m ? l : void 0, disabled: x, className: t(T, "kakadu-components-1897763514", !!c && "kakadu-components-3652831856", !e && "kakadu-components-2746167644", n === "secondary" && Q, n === "warning" && U, n === "danger" && X, b), children: [
     c ? /* @__PURE__ */ o.jsx(y, { variant: n, icon: c, className: e ? "kakadu-components-294089230" : void 0 }) : null,
-    e ? /* @__PURE__ */ o.jsx("div", { ref: x, className: "kakadu-components-2618257692", children: e }) : /* @__PURE__ */ o.jsx(q, { children: b }),
-    i ? /* @__PURE__ */ o.jsx(y, { variant: n, icon: i, className: e ? "kakadu-components-3127707672" : void 0 }) : null,
-    /* @__PURE__ */ o.jsx("div", { className: t("kakadu-components-1029011626", d && "kakadu-components-726496666"), children: /* @__PURE__ */ o.jsx("div", { className: "kakadu-components-772420116", children: /* @__PURE__ */ o.jsx(z, { isVisible: d }) }) }),
-    I && /* @__PURE__ */ o.jsx(A, { opacity: w ? 0.4 : 0.3, maximumGradientsCount: u, className: t("kakadu-components-1505766785", n === "secondary" && "kakadu-components-3712045697") }),
-    B && /* @__PURE__ */ o.jsx(h, { maximumStarsCount: l, className: "kakadu-components-2813474662" }),
-    p ? null : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-      /* @__PURE__ */ o.jsx(E, { size: e ? void 0 : 50 }),
-      /* @__PURE__ */ o.jsx(F, { size: e ? void 0 : 50, className: n === "secondary" ? H : void 0 })
+    e ? /* @__PURE__ */ o.jsx("div", { ref: k, className: "kakadu-components-2618257692", children: e }) : /* @__PURE__ */ o.jsx(J, { children: S }),
+    d ? /* @__PURE__ */ o.jsx(y, { variant: n, icon: d, className: e ? "kakadu-components-3127707672" : void 0 }) : null,
+    /* @__PURE__ */ o.jsx(O, { isLoading: i }),
+    I && /* @__PURE__ */ o.jsx(C, { opacity: M ? 0.4 : 0.3, maximumGradientsCount: p, className: t("kakadu-components-1505766785", n === "secondary" && "kakadu-components-3712045697") }),
+    D && /* @__PURE__ */ o.jsx(h, { maximumStarsCount: u, className: "kakadu-components-2813474662" }),
+    x ? null : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+      /* @__PURE__ */ o.jsx(F, { size: e ? void 0 : 50 }),
+      /* @__PURE__ */ o.jsx(H, { size: e ? void 0 : 50, className: n === "secondary" ? W : void 0 })
     ] }),
-    r ? /* @__PURE__ */ o.jsx(W, { id: k, label: r, position: v }) : null
+    m ? /* @__PURE__ */ o.jsx(q, { id: l, label: m, position: g }) : null
   ] });
 }
 export {
-  K as ButtonVariant,
-  Q as buttonDangerStyles,
-  O as buttonSecondaryStyles,
-  mo as buttonSuccessStyles,
-  P as buttonWarningStyles,
-  ro as default
+  O as ButtonLoader,
+  P as ButtonVariant,
+  X as buttonDangerStyles,
+  Q as buttonSecondaryStyles,
+  co as buttonSuccessStyles,
+  U as buttonWarningStyles,
+  io as default
 };

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

@@ -12,5 +12,6 @@ export type IconButtonProperties = HTMLProps<HTMLButtonElement> & {
     readonly variant?: IconButtonVariant;
     readonly label: string;
     readonly tooltipPosition?: ButtonTooltipPosition;
+    readonly isLoading?: boolean;
 };
-export default function IconButton({ icon, variant, label, tooltipPosition, disabled, className, ...properties }: IconButtonProperties): import("react/jsx-runtime").JSX.Element;
+export default function IconButton({ icon, variant, label, tooltipPosition, disabled, isLoading, 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 t=require("../jsx-runtime-BB_1_6y_.js"),s=require("react"),n=require("@kuma-ui/core"),a=require("../icons/icon.js"),S=require("../theme.js"),q=require("./theme-setter.js"),i=require("./button.js"),w=require("./button-tooltip.js"),_=require("./click-ripples.js"),h=require("./hover-gradient.js");var j=(e=>(e.default="default",e.success="success",e.warning="warning",e.danger="danger",e))(j||{});function N({icon:e,variant:u="default",label:d,tooltipPosition:g,disabled:m,className:R,...y}){const x=s.useId(),b=q.useIsDarkMode(),[o,E]=s.useState(e),[p,l]=s.useState(!1),f=s.useRef(e),r=s.useRef(null);s.useEffect(()=>{f.current=e},[e]);const c=s.useCallback(()=>{r.current&&(clearTimeout(r.current),r.current=null)},[]);return s.useEffect(()=>{if(o===e){l(k=>k&&!1);return}l(!0),c(),r.current=setTimeout(()=>{l(!1),E(f.current)},370)},[o,e,c]),s.useEffect(()=>()=>{c()},[c]),t.jsxRuntimeExports.jsxs("button",{...y,type:"button","aria-label":d,"aria-describedby":x,disabled:m,className:n.cx(S.buttonResetStyles,S.effectStyles,"kakadu-components-3515018630",u==="default"&&n.cx(i.buttonSecondaryStyles,"kakadu-components-2089159949"),u==="success"&&n.cx(i.buttonSuccessStyles,"kakadu-components-4088931955"),u==="warning"&&n.cx(i.buttonWarningStyles,"kakadu-components-1450399719"),u==="danger"&&n.cx(i.buttonDangerStyles,"kakadu-components-3594030066"),R),children:[t.jsxRuntimeExports.jsxs("span",{"data-theme":u==="default"?b?"dark":"light":"dark",className:"kakadu-components-2197738751",children:[t.jsxRuntimeExports.jsx(a.default,{width:16,height:16,type:o,className:n.cx(a.iconShadowStyles,"kakadu-components-1309118222",p&&"kakadu-components-3602476657")}),o===e?null:t.jsxRuntimeExports.jsx(a.default,{width:16,height:16,type:e,className:n.cx(a.iconShadowStyles,"kakadu-components-2883440801",p&&"kakadu-components-1406924214")})]}),t.jsxRuntimeExports.jsx(w.default,{id:x,label:d,position:g}),m?null:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(_.default,{size:50}),t.jsxRuntimeExports.jsx(h.default,{size:50,className:u==="default"?h.normalBlendStyles:void 0})]})]})}exports.IconButtonVariant=j;exports.default=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../jsx-runtime-BB_1_6y_.js"),s=require("react"),n=require("@kuma-ui/core"),l=require("../icons/icon.js"),S=require("../theme.js"),_=require("./theme-setter.js"),o=require("./button.js"),N=require("./button-tooltip.js"),T=require("./click-ripples.js"),h=require("./hover-gradient.js");var R=(e=>(e.default="default",e.success="success",e.warning="warning",e.danger="danger",e))(R||{});function D({icon:e,variant:u="default",label:d,tooltipPosition:b,disabled:y,isLoading:m,className:g,...E}){const x=s.useId(),q=_.useIsDarkMode(),[r,w]=s.useState(e),[p,i]=s.useState(!1),f=s.useRef(e),c=s.useRef(null);s.useEffect(()=>{f.current=e},[e]);const a=s.useCallback(()=>{c.current&&(clearTimeout(c.current),c.current=null)},[]);s.useEffect(()=>{if(r===e){i(j=>j&&!1);return}i(!0),a(),c.current=setTimeout(()=>{i(!1),w(f.current)},370)},[r,e,a]),s.useEffect(()=>()=>{a()},[a]);const k=!!y||!!m;return t.jsxRuntimeExports.jsxs("button",{...E,type:"button","aria-label":d,"aria-describedby":x,disabled:k,className:n.cx(S.buttonResetStyles,S.effectStyles,"kakadu-components-1150622507",u==="default"&&n.cx(o.buttonSecondaryStyles,"kakadu-components-2089159949"),u==="success"&&n.cx(o.buttonSuccessStyles,"kakadu-components-4088931955"),u==="warning"&&n.cx(o.buttonWarningStyles,"kakadu-components-1450399719"),u==="danger"&&n.cx(o.buttonDangerStyles,"kakadu-components-3594030066"),g),children:[t.jsxRuntimeExports.jsxs("span",{"data-theme":u==="default"?q?"dark":"light":"dark",className:"kakadu-components-2197738751",children:[t.jsxRuntimeExports.jsx(l.default,{width:16,height:16,type:r,className:n.cx(l.iconShadowStyles,"kakadu-components-1309118222",p&&"kakadu-components-3602476657")}),r===e?null:t.jsxRuntimeExports.jsx(l.default,{width:16,height:16,type:e,className:n.cx(l.iconShadowStyles,"kakadu-components-2883440801",p&&"kakadu-components-1406924214")})]}),t.jsxRuntimeExports.jsx(o.ButtonLoader,{isLoading:m,size:14}),t.jsxRuntimeExports.jsx(N.default,{id:x,label:d,position:b}),k?null:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(T.default,{size:50}),t.jsxRuntimeExports.jsx(h.default,{size:50,className:u==="default"?h.normalBlendStyles:void 0})]})]})}exports.IconButtonVariant=R;exports.default=D;

package/build/components/icon-button.mjs

@@ -1,53 +1,57 @@
 import { j as t } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useId as R, useState as k, useRef as h, useEffect as c, useCallback as N } from "react";
+import { useId as D, useState as h, useRef as y, useEffect as c, useCallback as I } from "react";
 import { cx as s } from "@kuma-ui/core";
-import g, { iconShadowStyles as S } from "../icons/icon.mjs";
-import { buttonResetStyles as I, effectStyles as T } from "../theme.mjs";
-import { useIsDarkMode as D } from "./theme-setter.mjs";
-import { buttonSecondaryStyles as z, buttonSuccessStyles as C, buttonWarningStyles as E, buttonDangerStyles as M } from "./button.mjs";
-import F from "./button-tooltip.mjs";
-import G from "./click-ripples.mjs";
-import H, { normalBlendStyles as P } from "./hover-gradient.mjs";
-var W = /* @__PURE__ */ ((e) => (e.default = "default", e.success = "success", e.warning = "warning", e.danger = "danger", e))(W || {});
-function Y({
+import S, { iconShadowStyles as g } from "../icons/icon.mjs";
+import { buttonResetStyles as T, effectStyles as z } from "../theme.mjs";
+import { useIsDarkMode as B } from "./theme-setter.mjs";
+import { ButtonLoader as C, buttonSecondaryStyles as E, buttonSuccessStyles as M, buttonWarningStyles as F, buttonDangerStyles as G } from "./button.mjs";
+import H from "./button-tooltip.mjs";
+import P from "./click-ripples.mjs";
+import W, { normalBlendStyles as q } from "./hover-gradient.mjs";
+var A = /* @__PURE__ */ ((e) => (e.default = "default", e.success = "success", e.warning = "warning", e.danger = "danger", e))(A || {});
+function $({
   icon: e,
   variant: o = "default",
   label: l,
-  tooltipPosition: y,
-  disabled: m,
-  className: x,
-  ...j
+  tooltipPosition: x,
+  disabled: b,
+  isLoading: m,
+  className: j,
+  ...w
 }) {
-  const d = R(), b = D(), [n, w] = k(e), [i, a] = k(!1), f = h(e), r = h(null);
+  const d = D(), R = B(), [n, N] = h(e), [i, u] = h(!1), f = y(e), r = y(null);
   c(() => {
     f.current = e;
   }, [e]);
-  const u = N(() => {
+  const a = I(() => {
     r.current && (clearTimeout(r.current), r.current = null);
   }, []);
-  return c(() => {
+  c(() => {
     if (n === e) {
-      a((p) => p && !1);
+      u((k) => k && !1);
       return;
     }
-    a(!0), u(), r.current = setTimeout(() => {
-      a(!1), w(f.current);
+    u(!0), a(), r.current = setTimeout(() => {
+      u(!1), N(f.current);
     }, 370);
-  }, [n, e, u]), c(() => () => {
-    u();
-  }, [u]), /* @__PURE__ */ t.jsxs("button", { ...j, type: "button", "aria-label": l, "aria-describedby": d, disabled: m, className: s(I, T, "kakadu-components-3515018630", o === "default" && s(z, "kakadu-components-2089159949"), o === "success" && s(C, "kakadu-components-4088931955"), o === "warning" && s(E, "kakadu-components-1450399719"), o === "danger" && s(M, "kakadu-components-3594030066"), x), children: [
-    /* @__PURE__ */ t.jsxs("span", { "data-theme": o === "default" ? b ? "dark" : "light" : "dark", className: "kakadu-components-2197738751", children: [
-      /* @__PURE__ */ t.jsx(g, { width: 16, height: 16, type: n, className: s(S, "kakadu-components-1309118222", i && "kakadu-components-3602476657") }),
-      n === e ? null : /* @__PURE__ */ t.jsx(g, { width: 16, height: 16, type: e, className: s(S, "kakadu-components-2883440801", i && "kakadu-components-1406924214") })
+  }, [n, e, a]), c(() => () => {
+    a();
+  }, [a]);
+  const p = !!b || !!m;
+  return /* @__PURE__ */ t.jsxs("button", { ...w, type: "button", "aria-label": l, "aria-describedby": d, disabled: p, className: s(T, z, "kakadu-components-1150622507", o === "default" && s(E, "kakadu-components-2089159949"), o === "success" && s(M, "kakadu-components-4088931955"), o === "warning" && s(F, "kakadu-components-1450399719"), o === "danger" && s(G, "kakadu-components-3594030066"), j), children: [
+    /* @__PURE__ */ t.jsxs("span", { "data-theme": o === "default" ? R ? "dark" : "light" : "dark", className: "kakadu-components-2197738751", children: [
+      /* @__PURE__ */ t.jsx(S, { width: 16, height: 16, type: n, className: s(g, "kakadu-components-1309118222", i && "kakadu-components-3602476657") }),
+      n === e ? null : /* @__PURE__ */ t.jsx(S, { width: 16, height: 16, type: e, className: s(g, "kakadu-components-2883440801", i && "kakadu-components-1406924214") })
     ] }),
-    /* @__PURE__ */ t.jsx(F, { id: d, label: l, position: y }),
-    m ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      /* @__PURE__ */ t.jsx(G, { size: 50 }),
-      /* @__PURE__ */ t.jsx(H, { size: 50, className: o === "default" ? P : void 0 })
+    /* @__PURE__ */ t.jsx(C, { isLoading: m, size: 14 }),
+    /* @__PURE__ */ t.jsx(H, { id: d, label: l, position: x }),
+    p ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      /* @__PURE__ */ t.jsx(P, { size: 50 }),
+      /* @__PURE__ */ t.jsx(W, { size: 50, className: o === "default" ? q : void 0 })
     ] })
   ] });
 }
 export {
-  W as IconButtonVariant,
-  Y as default
+  A as IconButtonVariant,
+  $ as default
 };

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

package/build/components/popover.mjs

@@ -1,114 +1,124 @@
 import { j as n } from "../jsx-runtime-B4hRZ52C.mjs";
-import { cx as l } from "@kuma-ui/core";
-import { createContext as M, useRef as k, useState as d, useCallback as j, useMemo as g, useEffect as h, useContext as S } from "react";
-import { f as q } from "../focus-trap-react-DYXrtbDH.mjs";
-import A, { defaultAtomElementType as D } from "./atom.mjs";
-const O = M({
+import { cx as f } from "@kuma-ui/core";
+import { createContext as K, useRef as h, useState as v, useCallback as T, useMemo as P, useEffect as R, useContext as Q } from "react";
+import { f as U } from "../focus-trap-react-DYXrtbDH.mjs";
+import B, { defaultAtomElementType as H } from "./atom.mjs";
+const S = K({
   isVisible: !1
 }), {
-  Provider: G
-} = O;
-function X() {
-  return S(O);
+  Provider: X
+} = S;
+function ne() {
+  return Q(S);
 }
-function Y({
-  as: c,
+function se({
+  as: i,
   className: t,
   ...s
 }) {
-  return /* @__PURE__ */ n.jsx(A, { as: c ?? D, ...s, className: l("kakadu-components-2845019685", t) });
+  return /* @__PURE__ */ n.jsx(B, { as: i ?? H, ...s, className: f("kakadu-components-2845019685", t) });
 }
-function Z({
-  as: c,
+function oe({
+  as: i,
   isVisible: t,
   label: s,
-  shouldCloseOnOutsideClick: f = !0,
+  shouldCloseOnOutsideClick: d = !0,
   shouldCloseOnEscapePress: o = !0,
-  children: i,
-  className: v,
+  children: a,
+  className: w,
   innerClassName: x,
-  onClose: a,
+  onClose: r,
   ...m
 }) {
-  const r = k(null), p = k(null), [E, y] = d(!1), [u, w] = d(!1), N = j((e) => {
-    r.current = e, w(!1);
-  }, []), I = k(null), P = j((e) => {
-    e && (I.current = e);
-  }, []), z = g(() => ({
-    initialFocus: () => I.current ?? void 0,
+  const c = h(null), p = h(null), [F, q] = v(!1), [u, g] = v(!1), L = T((e) => {
+    c.current = e, g(!1);
+  }, []), b = h(null), D = T((e) => {
+    e && (b.current = e);
+  }, []), G = P(() => ({
+    initialFocus: () => b.current ?? void 0,
     onActivate: () => {
       var e;
-      return (e = I.current) == null ? void 0 : e.focus();
+      return (e = b.current) == null ? void 0 : e.focus();
     },
-    clickOutsideDeactivates: f,
+    clickOutsideDeactivates: d,
     escapeDeactivates: o,
     onDeactivate() {
-      w(!1);
+      g(!1);
     }
-  }), [f, o]), [F, L] = d(t ?? !1), C = g(() => ({
-    isVisible: F,
-    setInitialFocus: P,
-    close: N
-  }), [F, P, N]), [R, W] = d(!1), [T, B] = d(!1);
-  return h(() => {
+  }), [d, o]), [O, V] = v(t ?? !1), J = P(() => ({
+    isVisible: O,
+    setInitialFocus: D,
+    close: L
+  }), [O, D, L]), [l, A] = v("center");
+  return R(() => {
     const e = p.current;
     if (e) {
-      const b = () => {
-        const V = e.getBoundingClientRect();
-        W(V.left < 0), B(V.right > window.innerWidth);
+      const E = () => {
+        const C = e.offsetParent, I = C instanceof HTMLElement ? C.getBoundingClientRect() : null, M = e.getBoundingClientRect();
+        if (!I) {
+          A("center");
+          return;
+        }
+        const N = I.left + I.width / 2 - M.width / 2, W = N + M.width, y = N < 0, z = W > window.innerWidth;
+        let k = "center";
+        if (y && z) {
+          const j = Math.abs(N);
+          k = W - window.innerWidth > j ? "right" : "left";
+        } else z ? k = "right" : y && (k = "left");
+        A((j) => j === k ? j : k);
       };
-      return b(), window.addEventListener("resize", b), () => {
-        window.removeEventListener("resize", b);
+      return E(), window.addEventListener("resize", E), () => {
+        window.removeEventListener("resize", E);
       };
     }
-  }, []), h(() => {
-    t && (y(!0), L(!0));
-  }, [t]), h(() => {
+  }, []), R(() => {
+    t && (q(!0), V(!0));
+  }, [t]), R(() => {
     if (t) {
       const e = setTimeout(() => {
-        w(!0);
+        g(!0);
       }, 100);
       return () => {
         clearTimeout(e);
       };
     }
-    w(!1);
-  }, [t]), h(() => {
-    if (E && !u) {
+    g(!1);
+  }, [t]), R(() => {
+    if (F && !u) {
       const e = setTimeout(() => {
-        a == null || a(r.current ?? void 0), L(!1);
+        r == null || r(c.current ?? void 0), V(!1);
       }, 370);
       return () => {
         clearTimeout(e);
       };
     }
-  }, [E, u, a]), /* @__PURE__ */ n.jsx(A, { reference: p, as: c ?? D, role: "dialog", "aria-hidden": !u, "aria-label": s ?? "Popover", ...m, className: l("kakadu-components-3920007758", R && "kakadu-components-611400930", T && "kakadu-components-944244368", u && "kakadu-components-1399012551", v), children: /* @__PURE__ */ n.jsxs("div", { className: l("kakadu-components-1118152266", u && "kakadu-components-231244945"), children: [
-    /* @__PURE__ */ n.jsx("div", { className: l("kakadu-components-2899069338", R && "kakadu-components-1495725644", T && "kakadu-components-4235689197") }),
-    /* @__PURE__ */ n.jsx(q.FocusTrap, { active: u, focusTrapOptions: z, children: /* @__PURE__ */ n.jsxs("div", { className: l("kakadu-components-3905822111", x), children: [
-      /* @__PURE__ */ n.jsx(G, { value: C, children: i }),
-      /* @__PURE__ */ n.jsx("div", { className: l("kakadu-components-3328048824", R && "kakadu-components-3754561431", T && "kakadu-components-2265262600") })
+  }, [F, u, r]), /* @__PURE__ */ n.jsx(B, { reference: p, as: i ?? H, role: "dialog", "aria-hidden": !u, "aria-label": s ?? "Popover", ...m, className: f("kakadu-components-3920007758", l === "left" && "kakadu-components-611400930", l === "right" && "kakadu-components-944244368", u && "kakadu-components-1399012551", w), children: /* @__PURE__ */ n.jsxs("div", { className: f("kakadu-components-1118152266", u && "kakadu-components-231244945"), children: [
+    /* @__PURE__ */ n.jsx("div", { className: f("kakadu-components-2899069338", l === "left" && "kakadu-components-1495725644", l === "right" && "kakadu-components-4235689197") }),
+    /* @__PURE__ */ n.jsx(U.FocusTrap, { active: u, focusTrapOptions: G, children: /* @__PURE__ */ n.jsxs("div", { className: f("kakadu-components-3905822111", x), children: [
+      /* @__PURE__ */ n.jsx(X, { value: J, children: a }),
+      /* @__PURE__ */ n.jsx("div", { className: f("kakadu-components-3328048824", l === "left" && "kakadu-components-3754561431", l === "right" && "kakadu-components-2265262600") })
     ] }) })
   ] }) });
 }
-function _(c, t) {
-  const [s, f] = d(!1), o = k(void 0), i = k(null), v = j(async (m) => (f(!0), i.current = m ?? document.activeElement, new Promise((r) => {
-    o.current = r;
-  })), []), x = j((m) => {
-    var r;
-    if (f(!1), (r = o.current) == null || r.call(o, m), o.current = void 0, i.current) {
-      const p = i.current;
-      p.isConnected && p.focus(), i.current = null;
+function re(i, t) {
+  const [s, d] = v(!1), o = h(void 0), a = h(null), w = T(async (m) => (d(!0), a.current = m ?? document.activeElement, new Promise((c) => {
+    o.current = c;
+  })), []), x = T((m) => {
+    var c;
+    if (d(!1), (c = o.current) == null || c.call(o, m), o.current = void 0, a.current) {
+      const p = a.current;
+      p.isConnected && p.focus(), a.current = null;
     }
-  }, []), a = g(() => /* @__PURE__ */ n.jsx(c, { ...t, isVisible: s, onClose: x }), [c, t, s, x]);
-  return g(() => ({
+  }, []), r = P(() => /* @__PURE__ */ n.jsx(i, { ...t, isVisible: s, onClose: x }), [i, t, s, x]);
+  return P(() => ({
     isVisible: s,
-    show: v,
-    popover: a
-  }), [s, v, a]);
+    show: w,
+    popover: r
+  }), [s, w, r]);
 }
 export {
-  Y as PopoverContainer,
-  Z as default,
-  _ as usePopover,
-  X as usePopoverContext
+  se as PopoverContainer,
+  oe as default,
+  re as usePopover,
+  ne as usePopoverContext
 };