@kakadu/components 3.7.0 → 3.7.2

package/build/components/popover-menu.mjs

@@ -1,176 +1,177 @@
 import { j as n } from "../jsx-runtime-B4hRZ52C.mjs";
-import { cx as S } from "@kuma-ui/core";
-import { useMemo as x, useState as b, useCallback as v, useEffect as I, useRef as K } from "react";
-import { buttonResetStyles as A } from "../theme.mjs";
-import y from "../icons/icon.mjs";
-import C, { PopoverContainer as D, usePopover as F, usePopoverContext as P } from "./popover.mjs";
-import H from "./atom.mjs";
-import { Span as N } from "./text.mjs";
-import R, { normalBlendStyles as z } from "./hover-gradient.mjs";
-import L from "./click-ripples.mjs";
-import T from "./separator.mjs";
-import V from "./decorators.mjs";
-const j = /* @__PURE__ */ new Set();
-function M() {
-  const [e, t] = b(!1), i = v((o) => {
+import { cx as K } from "@kuma-ui/core";
+import { useMemo as x, useState as b, useCallback as v, useEffect as I, useRef as A } from "react";
+import { buttonResetStyles as C } from "../theme.mjs";
+import P from "../icons/icon.mjs";
+import D, { PopoverContainer as F, usePopover as H, usePopoverContext as N } from "./popover.mjs";
+import R from "./atom.mjs";
+import { Span as M } from "./text.mjs";
+import z, { normalBlendStyles as L } from "./hover-gradient.mjs";
+import T from "./click-ripples.mjs";
+import V from "./separator.mjs";
+import B from "./decorators.mjs";
+const g = /* @__PURE__ */ new Set();
+function E() {
+  const [e, t] = b(!1), a = v((o) => {
     t(o);
-    for (const s of j)
-      s(o);
+    for (const r of g)
+      r(o);
   }, []);
   return I(() => {
-    const o = (s) => {
-      t(s);
+    const o = (r) => {
+      t(r);
     };
-    return j.add(o), () => {
-      j.delete(o);
+    return g.add(o), () => {
+      g.delete(o);
     };
   }, []), x(() => ({
     isKeyboardNavigating: e,
-    setIsKeyboardNavigating: i
-  }), [e, i]);
+    setIsKeyboardNavigating: a
+  }), [e, a]);
 }
-function B({
+function G({
   label: e,
   iconLeft: t,
-  iconRight: i,
+  iconRight: a,
   href: o,
-  shouldCloseOnClick: s = !0,
+  shouldCloseOnClick: r = !0,
   decorators: k = [],
-  submenu: l,
-  className: c,
-  onClick: a,
+  submenu: p,
+  className: i,
+  onClick: s,
   ...f
 }) {
   const {
-    isVisible: d,
-    isFocused: r,
+    isVisible: l,
+    isPreparingFocus: u,
+    isFocused: c,
     close: m
-  } = P(), {
-    isKeyboardNavigating: u
-  } = M(), p = K(!0), g = v(() => {
-    p.current = r;
-  }, [r]), h = v((E) => {
-    !u && !p.current || r && (a == null || a(E), l ? l.show() : s && (m == null || m()));
-  }, [u, r, a, l, s, m]), w = x(() => /* @__PURE__ */ n.jsxs(H, { as: o ? "a" : "button", ...f, type: o ? void 0 : "button", role: "menuitem", href: o, disabled: o ? void 0 : !d, className: S(A, "kakadu-components-4075327442", r && "kakadu-components-3160069815", u ? "kakadu-components-2043829669" : r && "kakadu-components-2862719809", c), onClick: h, onPointerDownCapture: g, children: [
-    /* @__PURE__ */ n.jsxs(N, { className: "kakadu-components-1109353535", children: [
-      t ? /* @__PURE__ */ n.jsx(y, { width: 12, height: 12, type: t }) : null,
+  } = N(), {
+    isKeyboardNavigating: d
+  } = E(), j = A(!0), h = v(() => {
+    j.current = c;
+  }, [c]), w = v((S) => {
+    !d && !j.current || c && (s == null || s(S), p ? p.show() : r && (m == null || m()));
+  }, [d, c, s, p, r, m]), y = x(() => /* @__PURE__ */ n.jsxs(R, { as: o ? "a" : "button", ...f, type: o ? void 0 : "button", role: "menuitem", href: o, inert: !l && !u, disabled: o ? void 0 : !l && !u, className: K(C, "kakadu-components-4075327442", c && "kakadu-components-3160069815", d ? "kakadu-components-2043829669" : c && "kakadu-components-2862719809", i), onClick: w, onPointerDownCapture: h, children: [
+    /* @__PURE__ */ n.jsxs(M, { className: "kakadu-components-1109353535", children: [
+      t ? /* @__PURE__ */ n.jsx(P, { width: 12, height: 12, type: t }) : null,
       /* @__PURE__ */ n.jsx("span", { className: "kakadu-components-913703148", children: e }),
-      i ? /* @__PURE__ */ n.jsx(y, { width: 12, height: 12, type: i }) : null
+      a ? /* @__PURE__ */ n.jsx(P, { width: 12, height: 12, type: a }) : null
     ] }),
-    u ? null : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-      /* @__PURE__ */ n.jsx(L, { isActive: r, size: 100 }),
-      /* @__PURE__ */ n.jsx(R, { isActive: r, size: 150, className: z })
+    d ? null : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+      /* @__PURE__ */ n.jsx(T, { isActive: c, size: 100 }),
+      /* @__PURE__ */ n.jsx(z, { isActive: c, size: 150, className: L })
     ] })
-  ] }), [o, f, d, u, c, h, g, t, e, i, r]);
-  return /* @__PURE__ */ n.jsx(V, { decorators: k, children: l ? /* @__PURE__ */ n.jsx(J, { menu: l.popoverMenu, className: "kakadu-components-1861176543", children: w }) : w });
+  ] }), [o, f, l, u, d, i, w, h, t, e, a, c]);
+  return /* @__PURE__ */ n.jsx(B, { decorators: k, children: p ? /* @__PURE__ */ n.jsx(O, { menu: p.popoverMenu, className: "kakadu-components-1861176543", children: y }) : y });
 }
-function G(e) {
+function U(e) {
   if ("type" in e) {
     if (e.type === "separator")
-      return /* @__PURE__ */ n.jsx(T, {});
+      return /* @__PURE__ */ n.jsx(V, {});
     if (e.type === "group")
-      return /* @__PURE__ */ n.jsx(N, { className: "kakadu-components-1499037363", children: e.label });
+      return /* @__PURE__ */ n.jsx(M, { className: "kakadu-components-1499037363", children: e.label });
   }
-  return /* @__PURE__ */ n.jsx(B, { ...e });
+  return /* @__PURE__ */ n.jsx(G, { ...e });
 }
-function U({
+function q({
   items: e
 }) {
   const {
     isFocused: t
-  } = P(), [i, o] = b([]), {
-    setIsKeyboardNavigating: s
-  } = M(), k = v((c) => {
-    c && o((a) => a.includes(c) ? a : [...a, c]);
-  }, []), l = v((c) => {
-    t && (c.currentTarget.focus(), s(!1));
-  }, [t, s]);
+  } = N(), [a, o] = b([]), {
+    setIsKeyboardNavigating: r
+  } = E(), k = v((i) => {
+    i && o((s) => s.includes(i) ? s : [...s, i]);
+  }, []), p = v((i) => {
+    t && (i.currentTarget.focus(), r(!1));
+  }, [t, r]);
   return I(() => {
     if (!t)
       return;
-    const c = (a) => {
-      const f = i.filter((p) => p.isConnected), d = f.length;
-      if (d === 0)
+    const i = (s) => {
+      const f = a.filter((d) => d.isConnected), l = f.length;
+      if (l === 0)
         return;
-      let r;
-      const m = document.activeElement;
-      let u = m ? f.indexOf(m) : -1;
-      switch (u === -1 && (u = 0), a.key) {
+      let u;
+      const c = document.activeElement;
+      let m = c ? f.indexOf(c) : -1;
+      switch (m === -1 && (m = 0), s.key) {
         case "ArrowDown": {
-          r = (u + 1) % d;
+          u = (m + 1) % l;
           break;
         }
         case "ArrowUp": {
-          r = (u - 1 + d) % d;
+          u = (m - 1 + l) % l;
           break;
         }
         case "Home": {
-          r = 0;
+          u = 0;
           break;
         }
         case "End": {
-          r = d - 1;
+          u = l - 1;
           break;
         }
         case "Tab": {
-          s(!0);
+          r(!0);
           return;
         }
       }
-      if (r !== void 0) {
-        a.preventDefault(), a.stopPropagation();
-        const p = f[r];
-        p && (p.focus(), s(!0));
+      if (u !== void 0) {
+        s.preventDefault(), s.stopPropagation();
+        const d = f[u];
+        d && (d.focus(), r(!0));
       }
     };
-    return window.addEventListener("keydown", c, {
+    return window.addEventListener("keydown", i, {
       capture: !0
     }), () => {
-      window.removeEventListener("keydown", c, {
+      window.removeEventListener("keydown", i, {
         capture: !0
       });
     };
-  }, [t, i, s]), /* @__PURE__ */ n.jsx(n.Fragment, { children: e.map((c, a) => /* @__PURE__ */ n.jsx(
-    G,
+  }, [t, a, r]), /* @__PURE__ */ n.jsx(n.Fragment, { children: e.map((i, s) => /* @__PURE__ */ n.jsx(
+    U,
     {
-      ...c,
+      ...i,
       reference: k,
-      onMouseEnter: l
+      onMouseEnter: p
     },
-    a
+    s
   )) });
 }
-function q({
+function J({
   items: e,
   ...t
 }) {
-  return /* @__PURE__ */ n.jsx(C, { ...t, as: "nav", role: "menu", innerClassName: "kakadu-components-3600436535", children: /* @__PURE__ */ n.jsx(U, { items: e }) });
+  return /* @__PURE__ */ n.jsx(D, { ...t, as: "nav", role: "menu", innerClassName: "kakadu-components-3600436535", children: /* @__PURE__ */ n.jsx(q, { items: e }) });
 }
-function re(e) {
+function se(e) {
   const t = x(() => ({
     items: e
   }), [e]), {
-    show: i,
+    show: a,
     close: o,
-    popover: s
-  } = F(q, t);
+    popover: r
+  } = H(J, t);
   return x(() => ({
-    show: i,
+    show: a,
     close: o,
-    popoverMenu: s
-  }), [i, o, s]);
+    popoverMenu: r
+  }), [a, o, r]);
 }
-function J({
+function O({
   menu: e,
   className: t,
-  children: i
+  children: a
 }) {
-  return /* @__PURE__ */ n.jsxs(D, { className: t, children: [
-    i,
+  return /* @__PURE__ */ n.jsxs(F, { className: t, children: [
+    a,
     e
   ] });
 }
 export {
-  J as default,
-  re as usePopoverMenu
+  O as default,
+  se as usePopoverMenu
 };

package/build/components/popover.d.ts

@@ -3,6 +3,7 @@ import { type AtomElementType, type AtomProperties, type DefaultAtomElementType
 type InitialFocusElement = HTMLElement | null;
 type PopoverProviderProperties<Data = any> = {
     isVisible: boolean;
+    isPreparingFocus: boolean;
     isFocused: boolean;
     setInitialFocus?: (initialFocus?: InitialFocusElement) => void;
     close?: (data?: Data) => void;

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

package/build/components/popover.mjs

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

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

@@ -10,6 +10,7 @@ type BaseTextButtonProperties = Omit<HTMLProps<HTMLButtonElement>, 'children'> &
     readonly variant?: TextButtonVariant;
     readonly tooltip?: string;
     readonly tooltipPosition?: ButtonTooltipPosition;
+    readonly hasUnderline?: boolean;
     readonly isSkeleton?: boolean;
     readonly isSkeletonAnimated?: boolean;
 };
@@ -20,5 +21,5 @@ export type TextButtonProperties = BaseTextButtonProperties & ({
     children?: never;
     label: string;
 });
-export default function TextButton({ iconLeft, iconRight, variant, tooltip, tooltipPosition, href, target, rel, disabled, isSkeleton, isSkeletonAnimated, className, children, label, ...properties }: TextButtonProperties): import("react/jsx-runtime").JSX.Element;
+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 {};

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