@kakadu/components 3.1.3 → 3.1.5

package/build/components/modal.d.ts

@@ -26,7 +26,7 @@ type ModalBaseProperties<ModalResult> = Omit<ModalProperties<ModalResult>, 'isVi
 export default function Modal<Data = any>({ root, outerDecorators, innerDecorators, label, maxWidth, className, isVisible, isFullWidth, shouldCloseOnOutsideClick, shouldCloseOnEscapePress, showCloseButton, onClose, children, }: ModalProperties<Data>): import("react/jsx-runtime").JSX.Element;
 export declare function useModal<ModalResult, ModalProperties = ModalBaseProperties<ModalResult>>(ModalComponent: ComponentType<ModalProperties>, properties?: ModalProperties): {
     isVisible: boolean;
-    show: (reference?: HTMLElement) => Promise<ModalResult | undefined>;
+    show: () => Promise<ModalResult | undefined>;
     modal: import("react/jsx-runtime").JSX.Element;
 };
 export {};

package/build/components/modal.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../jsx-runtime-BB_1_6y_.js"),e=require("react"),E=require("@kuma-ui/core"),P=require("react-dom"),$=require("../focus-trap-react-CcpTuiJi.js"),B=require("../icons/icon.js"),A=require("./text-button.js"),I=require("./decorators.js"),y=e.createContext({isVisible:!1}),{Provider:D}=y;function N(){return e.useContext(y)}function z(){const{close:o}=N(),u=e.useCallback(()=>{o==null||o()},[o]);return s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("div",{className:"kakadu-components-2543813221"}),s.jsxRuntimeExports.jsx("div",{className:"kakadu-components-840864829",children:s.jsxRuntimeExports.jsx(A.default,{iconLeft:B.IconType.times,label:"Close",className:"kakadu-components-3855719072",onClick:u})})]})}function G({root:o,outerDecorators:u=[],innerDecorators:a=[],label:k,maxWidth:r,className:i,isVisible:n,isFullWidth:x=!1,shouldCloseOnOutsideClick:f=!0,shouldCloseOnEscapePress:l=!0,showCloseButton:d=!0,onClose:c,children:g}){const v=e.useRef(null),M=e.useRef(null),[h,L]=e.useState(!1),[m,p]=e.useState(!1),b=e.useCallback(t=>{v.current=t,p(!1)},[]),R=e.useRef(null),w=e.useCallback(t=>{t&&(R.current=t)},[]),[T,q]=e.useState(n??!1),S=e.useMemo(()=>({isVisible:T,setInitialFocus:w,close:b}),[T,w,b]);e.useEffect(()=>{n&&(L(!0),q(!0))},[n]),e.useEffect(()=>{if(n){const t=setTimeout(()=>{p(!0)},100);return()=>{clearTimeout(t)}}p(!1)},[n]),e.useEffect(()=>{if(h&&!m){const t=setTimeout(()=>{c==null||c(v.current??void 0),q(!1)},370);return()=>{clearTimeout(t)}}},[h,m,c]),e.useEffect(()=>{const t=M.current;if(n&&f&&t){const j=_=>{t===_.target&&p(!1)};return t.addEventListener("click",j),()=>{t.removeEventListener("click",j)}}},[n,f]),e.useEffect(()=>{if(!n||!l)return;const t=j=>{j.key==="Escape"&&p(!1)};return window.addEventListener("keydown",t),()=>{window.removeEventListener("keydown",t)}},[n,l]);const F=e.useMemo(()=>({initialFocus:()=>R.current??void 0,onActivate:()=>{var t;return(t=R.current)==null?void 0:t.focus()}}),[]),C=s.jsxRuntimeExports.jsx(I.default,{decorators:u,children:s.jsxRuntimeExports.jsx("div",{"aria-hidden":!m,style:{"--max-width":r?`${r}px`:void 0},className:E.cx("kakadu-components-4119461136",m&&"kakadu-components-2522346797",i),children:s.jsxRuntimeExports.jsx(I.default,{decorators:a,children:s.jsxRuntimeExports.jsx($.focusTrapReactExports.FocusTrap,{active:m,focusTrapOptions:F,children:s.jsxRuntimeExports.jsx("div",{ref:M,className:"kakadu-components-4011815997",children:s.jsxRuntimeExports.jsx("div",{role:"dialog","aria-modal":"true","aria-label":k??"Modal",className:E.cx("kakadu-components-3324483532",x&&"kakadu-components-3799971070",m&&"kakadu-components-968755580"),children:s.jsxRuntimeExports.jsxs(D,{value:S,children:[d?s.jsxRuntimeExports.jsx(z,{}):null,s.jsxRuntimeExports.jsx("div",{className:E.cx("kakadu-components-633990035",x&&"kakadu-components-171969824"),children:g})]})})})})})})});return o?P.createPortal(C,o):C}function H(o,u){const[a,k]=e.useState(!1),r=e.useRef(void 0),i=e.useRef(null),n=e.useCallback(async l=>(k(!0),i.current=l??document.activeElement,new Promise(d=>{r.current=d})),[]),x=e.useCallback(l=>{var d;if(k(!1),(d=r.current)==null||d.call(r,l),r.current=void 0,i.current){const c=i.current;c.isConnected&&c.focus(),i.current=null}},[]),f=e.useMemo(()=>s.jsxRuntimeExports.jsx(o,{...u,isVisible:a,onClose:x}),[o,u,a,x]);return e.useMemo(()=>({isVisible:a,show:n,modal:f}),[a,n,f])}exports.default=G;exports.useModal=H;exports.useModalContext=N;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../jsx-runtime-BB_1_6y_.js"),e=require("react"),E=require("@kuma-ui/core"),P=require("react-dom"),$=require("../focus-trap-react-CcpTuiJi.js"),B=require("../icons/icon.js"),A=require("./text-button.js"),C=require("./decorators.js"),I=e.createContext({isVisible:!1}),{Provider:D}=I;function y(){return e.useContext(I)}function z(){const{close:o}=y(),a=e.useCallback(()=>{o==null||o()},[o]);return s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx("div",{className:"kakadu-components-2543813221"}),s.jsxRuntimeExports.jsx("div",{className:"kakadu-components-840864829",children:s.jsxRuntimeExports.jsx(A.default,{iconLeft:B.IconType.times,label:"Close",className:"kakadu-components-3855719072",onClick:a})})]})}function G({root:o,outerDecorators:a=[],innerDecorators:c=[],label:m,maxWidth:r,className:f,isVisible:n,isFullWidth:l=!1,shouldCloseOnOutsideClick:u=!0,shouldCloseOnEscapePress:d=!0,showCloseButton:N=!0,onClose:p,children:g}){const R=e.useRef(null),v=e.useRef(null),[M,L]=e.useState(!1),[i,x]=e.useState(!1),h=e.useCallback(t=>{R.current=t,x(!1)},[]),j=e.useRef(null),b=e.useCallback(t=>{t&&(j.current=t)},[]),[w,T]=e.useState(n??!1),S=e.useMemo(()=>({isVisible:w,setInitialFocus:b,close:h}),[w,b,h]);e.useEffect(()=>{n&&(L(!0),T(!0))},[n]),e.useEffect(()=>{if(n){const t=setTimeout(()=>{x(!0)},100);return()=>{clearTimeout(t)}}x(!1)},[n]),e.useEffect(()=>{if(M&&!i){const t=setTimeout(()=>{p==null||p(R.current??void 0),T(!1)},370);return()=>{clearTimeout(t)}}},[M,i,p]),e.useEffect(()=>{const t=v.current;if(n&&u&&t){const k=_=>{t===_.target&&x(!1)};return t.addEventListener("click",k),()=>{t.removeEventListener("click",k)}}},[n,u]),e.useEffect(()=>{if(!n||!d)return;const t=k=>{k.key==="Escape"&&x(!1)};return window.addEventListener("keydown",t),()=>{window.removeEventListener("keydown",t)}},[n,d]);const F=e.useMemo(()=>({initialFocus:()=>j.current??void 0,onActivate:()=>{var t;return(t=j.current)==null?void 0:t.focus()}}),[]),q=s.jsxRuntimeExports.jsx(C.default,{decorators:a,children:s.jsxRuntimeExports.jsx("div",{"aria-hidden":!i,style:{"--max-width":r?`${r}px`:void 0},className:E.cx("kakadu-components-4119461136",i&&"kakadu-components-2522346797",f),children:s.jsxRuntimeExports.jsx(C.default,{decorators:c,children:s.jsxRuntimeExports.jsx($.focusTrapReactExports.FocusTrap,{active:i,focusTrapOptions:F,children:s.jsxRuntimeExports.jsx("div",{ref:v,className:"kakadu-components-4011815997",children:s.jsxRuntimeExports.jsx("div",{role:"dialog","aria-modal":"true","aria-label":m??"Modal",className:E.cx("kakadu-components-3324483532",l&&"kakadu-components-3799971070",i&&"kakadu-components-968755580"),children:s.jsxRuntimeExports.jsxs(D,{value:S,children:[N?s.jsxRuntimeExports.jsx(z,{}):null,s.jsxRuntimeExports.jsx("div",{className:E.cx("kakadu-components-633990035",l&&"kakadu-components-171969824"),children:g})]})})})})})})});return o?P.createPortal(q,o):q}function H(o,a){const[c,m]=e.useState(!1),r=e.useRef(void 0),f=e.useCallback(async()=>(m(!0),new Promise(u=>{r.current=u})),[]),n=e.useCallback(u=>{var d;m(!1),(d=r.current)==null||d.call(r,u),r.current=void 0},[]),l=e.useMemo(()=>s.jsxRuntimeExports.jsx(o,{...a,isVisible:c,onClose:n}),[o,a,c,n]);return e.useMemo(()=>({isVisible:c,show:f,modal:l}),[c,f,l])}exports.default=G;exports.useModal=H;exports.useModalContext=y;

package/build/components/modal.mjs

@@ -1,127 +1,124 @@
 import { j as t } from "../jsx-runtime-B4hRZ52C.mjs";
-import { createContext as q, useRef as p, useState as w, useCallback as v, useMemo as T, useEffect as x, useContext as z } from "react";
+import { createContext as q, useRef as j, useState as h, useCallback as f, useMemo as w, useEffect as m, useContext as z } from "react";
 import { cx as I } from "@kuma-ui/core";
 import { createPortal as G } from "react-dom";
 import { f as H } from "../focus-trap-react-DYXrtbDH.mjs";
 import { IconType as J } from "../icons/icon.mjs";
 import K from "./text-button.mjs";
-import C from "./decorators.mjs";
-const B = q({
+import g from "./decorators.mjs";
+const C = q({
   isVisible: !1
 }), {
   Provider: Q
-} = B;
+} = C;
 function U() {
-  return z(B);
+  return z(C);
 }
 function V() {
   const {
-    close: o
-  } = U(), a = v(() => {
-    o == null || o();
-  }, [o]);
+    close: s
+  } = U(), a = f(() => {
+    s == null || s();
+  }, [s]);
   return /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
     /* @__PURE__ */ t.jsx("div", { className: "kakadu-components-2543813221" }),
     /* @__PURE__ */ t.jsx("div", { className: "kakadu-components-840864829", children: /* @__PURE__ */ t.jsx(K, { iconLeft: J.times, label: "Close", className: "kakadu-components-3855719072", onClick: a }) })
   ] });
 }
 function ne({
-  root: o,
+  root: s,
   outerDecorators: a = [],
-  innerDecorators: c = [],
-  label: j,
-  maxWidth: s,
-  className: i,
+  innerDecorators: r = [],
+  label: k,
+  maxWidth: o,
+  className: x,
   isVisible: n,
-  isFullWidth: m = !1,
-  shouldCloseOnOutsideClick: f = !0,
-  shouldCloseOnEscapePress: u = !0,
-  showCloseButton: l = !0,
-  onClose: r,
+  isFullWidth: u = !1,
+  shouldCloseOnOutsideClick: c = !0,
+  shouldCloseOnEscapePress: l = !0,
+  showCloseButton: B = !0,
+  onClose: p,
   children: P
 }) {
-  const N = p(null), R = p(null), [y, A] = w(!1), [d, k] = w(!1), L = v((e) => {
-    N.current = e, k(!1);
-  }, []), E = p(null), M = v((e) => {
-    e && (E.current = e);
-  }, []), [F, b] = w(n ?? !1), D = T(() => ({
-    isVisible: F,
+  const E = j(null), N = j(null), [y, A] = h(!1), [i, d] = h(!1), L = f((e) => {
+    E.current = e, d(!1);
+  }, []), T = j(null), M = f((e) => {
+    e && (T.current = e);
+  }, []), [R, F] = h(n ?? !1), D = w(() => ({
+    isVisible: R,
     setInitialFocus: M,
     close: L
-  }), [F, M, L]);
-  x(() => {
-    n && (A(!0), b(!0));
-  }, [n]), x(() => {
+  }), [R, M, L]);
+  m(() => {
+    n && (A(!0), F(!0));
+  }, [n]), m(() => {
     if (n) {
       const e = setTimeout(() => {
-        k(!0);
+        d(!0);
       }, 100);
       return () => {
         clearTimeout(e);
       };
     }
-    k(!1);
-  }, [n]), x(() => {
-    if (y && !d) {
+    d(!1);
+  }, [n]), m(() => {
+    if (y && !i) {
       const e = setTimeout(() => {
-        r == null || r(N.current ?? void 0), b(!1);
+        p == null || p(E.current ?? void 0), F(!1);
       }, 370);
       return () => {
         clearTimeout(e);
       };
     }
-  }, [y, d, r]), x(() => {
-    const e = R.current;
-    if (n && f && e) {
-      const h = ($) => {
-        e === $.target && k(!1);
+  }, [y, i, p]), m(() => {
+    const e = N.current;
+    if (n && c && e) {
+      const v = ($) => {
+        e === $.target && d(!1);
       };
-      return e.addEventListener("click", h), () => {
-        e.removeEventListener("click", h);
+      return e.addEventListener("click", v), () => {
+        e.removeEventListener("click", v);
       };
     }
-  }, [n, f]), x(() => {
-    if (!n || !u)
+  }, [n, c]), m(() => {
+    if (!n || !l)
       return;
-    const e = (h) => {
-      h.key === "Escape" && k(!1);
+    const e = (v) => {
+      v.key === "Escape" && d(!1);
     };
     return window.addEventListener("keydown", e), () => {
       window.removeEventListener("keydown", e);
     };
-  }, [n, u]);
-  const S = T(() => ({
-    initialFocus: () => E.current ?? void 0,
+  }, [n, l]);
+  const S = w(() => ({
+    initialFocus: () => T.current ?? void 0,
     onActivate: () => {
       var e;
-      return (e = E.current) == null ? void 0 : e.focus();
+      return (e = T.current) == null ? void 0 : e.focus();
     }
-  }), []), g = /* @__PURE__ */ t.jsx(C, { decorators: a, children: /* @__PURE__ */ t.jsx("div", { "aria-hidden": !d, style: {
-    "--max-width": s ? `${s}px` : void 0
-  }, className: I("kakadu-components-4119461136", d && "kakadu-components-2522346797", i), children: /* @__PURE__ */ t.jsx(C, { decorators: c, children: /* @__PURE__ */ t.jsx(H.FocusTrap, { active: d, focusTrapOptions: S, children: /* @__PURE__ */ t.jsx("div", { ref: R, className: "kakadu-components-4011815997", children: /* @__PURE__ */ t.jsx("div", { role: "dialog", "aria-modal": "true", "aria-label": j ?? "Modal", className: I("kakadu-components-3324483532", m && "kakadu-components-3799971070", d && "kakadu-components-968755580"), children: /* @__PURE__ */ t.jsxs(Q, { value: D, children: [
-    l ? /* @__PURE__ */ t.jsx(V, {}) : null,
-    /* @__PURE__ */ t.jsx("div", { className: I("kakadu-components-633990035", m && "kakadu-components-171969824"), children: P })
+  }), []), b = /* @__PURE__ */ t.jsx(g, { decorators: a, children: /* @__PURE__ */ t.jsx("div", { "aria-hidden": !i, style: {
+    "--max-width": o ? `${o}px` : void 0
+  }, className: I("kakadu-components-4119461136", i && "kakadu-components-2522346797", x), children: /* @__PURE__ */ t.jsx(g, { decorators: r, children: /* @__PURE__ */ t.jsx(H.FocusTrap, { active: i, focusTrapOptions: S, children: /* @__PURE__ */ t.jsx("div", { ref: N, className: "kakadu-components-4011815997", children: /* @__PURE__ */ t.jsx("div", { role: "dialog", "aria-modal": "true", "aria-label": k ?? "Modal", className: I("kakadu-components-3324483532", u && "kakadu-components-3799971070", i && "kakadu-components-968755580"), children: /* @__PURE__ */ t.jsxs(Q, { value: D, children: [
+    B ? /* @__PURE__ */ t.jsx(V, {}) : null,
+    /* @__PURE__ */ t.jsx("div", { className: I("kakadu-components-633990035", u && "kakadu-components-171969824"), children: P })
   ] }) }) }) }) }) }) });
-  return o ? G(g, o) : g;
+  return s ? G(b, s) : b;
 }
-function oe(o, a) {
-  const [c, j] = w(!1), s = p(void 0), i = p(null), n = v(async (u) => (j(!0), i.current = u ?? document.activeElement, new Promise((l) => {
-    s.current = l;
-  })), []), m = v((u) => {
+function se(s, a) {
+  const [r, k] = h(!1), o = j(void 0), x = f(async () => (k(!0), new Promise((c) => {
+    o.current = c;
+  })), []), n = f((c) => {
     var l;
-    if (j(!1), (l = s.current) == null || l.call(s, u), s.current = void 0, i.current) {
-      const r = i.current;
-      r.isConnected && r.focus(), i.current = null;
-    }
-  }, []), f = T(() => /* @__PURE__ */ t.jsx(o, { ...a, isVisible: c, onClose: m }), [o, a, c, m]);
-  return T(() => ({
-    isVisible: c,
-    show: n,
-    modal: f
-  }), [c, n, f]);
+    k(!1), (l = o.current) == null || l.call(o, c), o.current = void 0;
+  }, []), u = w(() => /* @__PURE__ */ t.jsx(s, { ...a, isVisible: r, onClose: n }), [s, a, r, n]);
+  return w(() => ({
+    isVisible: r,
+    show: x,
+    modal: u
+  }), [r, x, u]);
 }
 export {
   ne as default,
-  oe as useModal,
+  se as useModal,
   U as useModalContext
 };

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

@@ -1,4 +1,4 @@
-import { type FocusEvent, type MouseEvent, type ReactNode, type Ref } from 'react';
+import { type MouseEvent, type ReactNode, type Ref } from 'react';
 import { type IconType } from '../icons/icon';
 import { type DecoratorType } from './decorators';
 type PopoverMenuItemElementType = HTMLButtonElement | HTMLAnchorElement;
@@ -18,11 +18,10 @@ export type PopoverMenuItemProperties = {
     readonly decorators?: DecoratorType[];
     readonly className?: string;
     readonly onClick?: (event: MouseEvent<PopoverMenuItemElementType>) => void;
-    readonly onFocus?: (event: FocusEvent<PopoverMenuItemElementType>) => void;
     readonly onMouseEnter?: (event: MouseEvent<PopoverMenuItemElementType>) => void;
 };
 export declare function usePopoverMenu(items: PopoverMenuItemProperties[]): {
-    show: (reference?: HTMLElement) => Promise<void | undefined>;
+    show: () => Promise<void | undefined>;
     popoverMenu: import("react/jsx-runtime").JSX.Element;
 };
 export type PopoverMenuProperties = {

package/build/components/popover-menu.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../jsx-runtime-BB_1_6y_.js"),w=require("@kuma-ui/core"),a=require("react"),M=require("../theme.js"),k=require("../icons/icon.js"),m=require("./popover.js"),q=require("./atom.js"),h=require("./text.js"),g=require("./hover-gradient.js"),I=require("./click-ripples.js"),P=require("./separator.js"),N=require("./decorators.js"),E=new Set;function R(){const[e,n]=a.useState(!1),s=a.useCallback(o=>{n(o);for(const c of E)c(o)},[]);return a.useEffect(()=>{const o=c=>{n(c)};return E.add(o),()=>{E.delete(o)}},[]),a.useMemo(()=>({isKeyboardNavigating:e,setIsKeyboardNavigating:s}),[e,s])}function S({label:e,iconLeft:n,iconRight:s,href:o,shouldCloseOnClick:c=!0,decorators:v=[],submenu:i,className:j,onClick:p,...f}){const{isFocused:u,close:r}=m.usePopoverContext(),{isKeyboardNavigating:l}=R(),x=a.useCallback(b=>{u&&(p==null||p(b),i?i.show():c&&(r==null||r()))},[u,p,c,r,i]),d=a.useMemo(()=>t.jsxRuntimeExports.jsxs(q.default,{as:o?"a":"button",...f,type:o?void 0:"button",role:"menuitem",href:o,className:w.cx(M.buttonResetStyles,"kakadu-components-3114599304",l?"kakadu-components-4096376656":"kakadu-components-2554182777",j),onClick:x,children:[t.jsxRuntimeExports.jsxs(h.Span,{className:"kakadu-components-1109353535",children:[n?t.jsxRuntimeExports.jsx(k.default,{width:12,height:12,type:n}):null,t.jsxRuntimeExports.jsx("span",{className:"kakadu-components-913703148",children:e}),s?t.jsxRuntimeExports.jsx(k.default,{width:12,height:12,type:s}):null]}),l?null:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(g.default,{size:150,className:g.normalBlendStyles}),t.jsxRuntimeExports.jsx(I.default,{size:100})]})]}),[l,f,o,j,x,n,e,s]);return t.jsxRuntimeExports.jsx(N.default,{decorators:v,children:i?t.jsxRuntimeExports.jsx(y,{menu:i.popoverMenu,className:"kakadu-components-1861176543",children:d}):d})}function _(e){if("type"in e){if(e.type==="separator")return t.jsxRuntimeExports.jsx(P.default,{});if(e.type==="group")return t.jsxRuntimeExports.jsx(h.Span,{className:"kakadu-components-1499037363",children:e.label})}return t.jsxRuntimeExports.jsx(S,{...e})}function C({items:e}){const{isFocused:n}=m.usePopoverContext(),[s,o]=a.useState(0),[c,v]=a.useState([]),{setIsKeyboardNavigating:i}=R(),j=a.useCallback(u=>{u&&v(r=>[...r,u])},[]),p=a.useCallback(u=>{n&&(u.currentTarget.focus(),i(!1))},[n,i]),f=a.useCallback(u=>{if(n){const r=u.target;o(c.indexOf(r))}},[n,c]);return a.useEffect(()=>{if(!n)return;const u=r=>{const l=c.length;if(l===0)return;let x;switch(r.key){case"ArrowDown":{x=(s+1)%l;break}case"ArrowUp":{x=(s-1+l)%l;break}case"Home":{x=0;break}case"End":{x=l-1;break}}if(x!==void 0){r.preventDefault(),r.stopPropagation();const d=c[x];d&&(d.focus(),i(!0))}};return window.addEventListener("keydown",u,{capture:!0}),()=>{window.removeEventListener("keydown",u,{capture:!0})}},[n,c,s,i]),t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:e.map((u,r)=>t.jsxRuntimeExports.jsx(_,{...u,reference:j,onFocus:f,onMouseEnter:p},r))})}function F({items:e,...n}){return t.jsxRuntimeExports.jsx(m.default,{...n,as:"nav",role:"menu",innerClassName:"kakadu-components-3600436535",children:t.jsxRuntimeExports.jsx(C,{items:e})})}function K(e){const n=a.useMemo(()=>({items:e}),[e]),{show:s,popover:o}=m.usePopover(F,n);return a.useMemo(()=>({show:s,popoverMenu:o}),[s,o])}function y({menu:e,className:n,children:s}){return t.jsxRuntimeExports.jsxs(m.PopoverContainer,{className:n,children:[s,e]})}exports.default=y;exports.usePopoverMenu=K;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../jsx-runtime-BB_1_6y_.js"),M=require("@kuma-ui/core"),a=require("react"),b=require("../theme.js"),k=require("../icons/icon.js"),j=require("./popover.js"),q=require("./atom.js"),g=require("./text.js"),R=require("./hover-gradient.js"),P=require("./click-ripples.js"),I=require("./separator.js"),N=require("./decorators.js"),E=new Set;function h(){const[e,n]=a.useState(!1),r=a.useCallback(s=>{n(s);for(const i of E)i(s)},[]);return a.useEffect(()=>{const s=i=>{n(i)};return E.add(s),()=>{E.delete(s)}},[]),a.useMemo(()=>({isKeyboardNavigating:e,setIsKeyboardNavigating:r}),[e,r])}function S({label:e,iconLeft:n,iconRight:r,href:s,shouldCloseOnClick:i=!0,decorators:v=[],submenu:x,className:u,onClick:o,...m}){const{isFocused:l,close:c}=j.usePopoverContext(),{isKeyboardNavigating:f}=h(),d=a.useCallback(w=>{l&&(o==null||o(w),x?x.show():i&&(c==null||c()))},[l,o,i,c,x]),p=a.useMemo(()=>t.jsxRuntimeExports.jsxs(q.default,{as:s?"a":"button",...m,type:s?void 0:"button",role:"menuitem",href:s,className:M.cx(b.buttonResetStyles,"kakadu-components-3114599304",f?"kakadu-components-4096376656":"kakadu-components-2554182777",u),onClick:d,children:[t.jsxRuntimeExports.jsxs(g.Span,{className:"kakadu-components-1109353535",children:[n?t.jsxRuntimeExports.jsx(k.default,{width:12,height:12,type:n}):null,t.jsxRuntimeExports.jsx("span",{className:"kakadu-components-913703148",children:e}),r?t.jsxRuntimeExports.jsx(k.default,{width:12,height:12,type:r}):null]}),f?null:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(R.default,{size:150,className:R.normalBlendStyles}),t.jsxRuntimeExports.jsx(P.default,{size:100})]})]}),[f,m,s,u,d,n,e,r]);return t.jsxRuntimeExports.jsx(N.default,{decorators:v,children:x?t.jsxRuntimeExports.jsx(y,{menu:x.popoverMenu,className:"kakadu-components-1861176543",children:p}):p})}function _(e){if("type"in e){if(e.type==="separator")return t.jsxRuntimeExports.jsx(I.default,{});if(e.type==="group")return t.jsxRuntimeExports.jsx(g.Span,{className:"kakadu-components-1499037363",children:e.label})}return t.jsxRuntimeExports.jsx(S,{...e})}function K({items:e}){const{isFocused:n}=j.usePopoverContext(),[r,s]=a.useState([]),{setIsKeyboardNavigating:i}=h(),v=a.useCallback(u=>{u&&s(o=>o.includes(u)?o:[...o,u])},[]),x=a.useCallback(u=>{n&&(u.currentTarget.focus(),i(!1))},[n,i]);return a.useEffect(()=>{if(!n)return;const u=o=>{const m=r.filter(p=>p.isConnected),l=m.length;if(l===0)return;let c;const f=document.activeElement;let d=f?m.indexOf(f):-1;switch(d===-1&&(d=0),o.key){case"ArrowDown":{c=(d+1)%l;break}case"ArrowUp":{c=(d-1+l)%l;break}case"Home":{c=0;break}case"End":{c=l-1;break}}if(c!==void 0){o.preventDefault(),o.stopPropagation();const p=m[c];p&&(p.focus(),i(!0))}};return window.addEventListener("keydown",u,{capture:!0}),()=>{window.removeEventListener("keydown",u,{capture:!0})}},[n,r,i]),t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:e.map((u,o)=>t.jsxRuntimeExports.jsx(_,{...u,reference:v,onMouseEnter:x},o))})}function C({items:e,...n}){return t.jsxRuntimeExports.jsx(j.default,{...n,as:"nav",role:"menu",innerClassName:"kakadu-components-3600436535",children:t.jsxRuntimeExports.jsx(K,{items:e})})}function F(e){const n=a.useMemo(()=>({items:e}),[e]),{show:r,popover:s}=j.usePopover(C,n);return a.useMemo(()=>({show:r,popoverMenu:s}),[r,s])}function y({menu:e,className:n,children:r}){return t.jsxRuntimeExports.jsxs(j.PopoverContainer,{className:n,children:[r,e]})}exports.default=y;exports.usePopoverMenu=F;

package/build/components/popover-menu.mjs

@@ -1,65 +1,65 @@
 import { j as n } from "../jsx-runtime-B4hRZ52C.mjs";
 import { cx as b } from "@kuma-ui/core";
-import { useMemo as v, useState as h, useCallback as l, useEffect as y } from "react";
+import { useMemo as v, useState as h, useCallback as x, useEffect as y } from "react";
 import { buttonResetStyles as M } from "../theme.mjs";
-import j from "../icons/icon.mjs";
-import E, { PopoverContainer as S, usePopover as F, usePopoverContext as w } from "./popover.mjs";
-import K from "./atom.mjs";
+import g from "../icons/icon.mjs";
+import E, { PopoverContainer as S, usePopover as K, usePopoverContext as w } from "./popover.mjs";
+import F from "./atom.mjs";
 import { Span as I } from "./text.mjs";
 import A, { normalBlendStyles as D } from "./hover-gradient.mjs";
 import H from "./click-ripples.mjs";
 import z from "./separator.mjs";
 import C from "./decorators.mjs";
-const g = /* @__PURE__ */ new Set();
+const j = /* @__PURE__ */ new Set();
 function N() {
-  const [e, t] = h(!1), o = l((r) => {
-    t(r);
-    for (const i of g)
-      i(r);
+  const [e, t] = h(!1), s = x((o) => {
+    t(o);
+    for (const i of j)
+      i(o);
   }, []);
   return y(() => {
-    const r = (i) => {
+    const o = (i) => {
       t(i);
     };
-    return g.add(r), () => {
-      g.delete(r);
+    return j.add(o), () => {
+      j.delete(o);
     };
   }, []), v(() => ({
     isKeyboardNavigating: e,
-    setIsKeyboardNavigating: o
-  }), [e, o]);
+    setIsKeyboardNavigating: s
+  }), [e, s]);
 }
 function L({
   label: e,
   iconLeft: t,
-  iconRight: o,
-  href: r,
+  iconRight: s,
+  href: o,
   shouldCloseOnClick: i = !0,
   decorators: k = [],
-  submenu: c,
-  className: f,
-  onClick: d,
-  ...x
+  submenu: d,
+  className: a,
+  onClick: r,
+  ...p
 }) {
   const {
-    isFocused: a,
-    close: s
+    isFocused: u,
+    close: c
   } = w(), {
-    isKeyboardNavigating: u
-  } = N(), m = l((P) => {
-    a && (d == null || d(P), c ? c.show() : i && (s == null || s()));
-  }, [a, d, i, s, c]), p = v(() => /* @__PURE__ */ n.jsxs(K, { as: r ? "a" : "button", ...x, type: r ? void 0 : "button", role: "menuitem", href: r, className: b(M, "kakadu-components-3114599304", u ? "kakadu-components-4096376656" : "kakadu-components-2554182777", f), onClick: m, children: [
+    isKeyboardNavigating: f
+  } = N(), m = x((P) => {
+    u && (r == null || r(P), d ? d.show() : i && (c == null || c()));
+  }, [u, r, i, c, d]), l = v(() => /* @__PURE__ */ n.jsxs(F, { as: o ? "a" : "button", ...p, type: o ? void 0 : "button", role: "menuitem", href: o, className: b(M, "kakadu-components-3114599304", f ? "kakadu-components-4096376656" : "kakadu-components-2554182777", a), onClick: m, children: [
     /* @__PURE__ */ n.jsxs(I, { className: "kakadu-components-1109353535", children: [
-      t ? /* @__PURE__ */ n.jsx(j, { width: 12, height: 12, type: t }) : null,
+      t ? /* @__PURE__ */ n.jsx(g, { width: 12, height: 12, type: t }) : null,
       /* @__PURE__ */ n.jsx("span", { className: "kakadu-components-913703148", children: e }),
-      o ? /* @__PURE__ */ n.jsx(j, { width: 12, height: 12, type: o }) : null
+      s ? /* @__PURE__ */ n.jsx(g, { width: 12, height: 12, type: s }) : null
     ] }),
-    u ? null : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+    f ? null : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
       /* @__PURE__ */ n.jsx(A, { size: 150, className: D }),
       /* @__PURE__ */ n.jsx(H, { size: 100 })
     ] })
-  ] }), [u, x, r, f, m, t, e, o]);
-  return /* @__PURE__ */ n.jsx(C, { decorators: k, children: c ? /* @__PURE__ */ n.jsx(T, { menu: c.popoverMenu, className: "kakadu-components-1861176543", children: p }) : p });
+  ] }), [f, p, o, a, m, t, e, s]);
+  return /* @__PURE__ */ n.jsx(C, { decorators: k, children: d ? /* @__PURE__ */ n.jsx(T, { menu: d.popoverMenu, className: "kakadu-components-1861176543", children: l }) : l });
 }
 function R(e) {
   if ("type" in e) {
@@ -75,48 +75,45 @@ function B({
 }) {
   const {
     isFocused: t
-  } = w(), [o, r] = h(0), [i, k] = h([]), {
-    setIsKeyboardNavigating: c
-  } = N(), f = l((a) => {
-    a && k((s) => [...s, a]);
-  }, []), d = l((a) => {
-    t && (a.currentTarget.focus(), c(!1));
-  }, [t, c]), x = l((a) => {
-    if (t) {
-      const s = a.target;
-      r(i.indexOf(s));
-    }
+  } = w(), [s, o] = h([]), {
+    setIsKeyboardNavigating: i
+  } = N(), k = x((a) => {
+    a && o((r) => r.includes(a) ? r : [...r, a]);
+  }, []), d = x((a) => {
+    t && (a.currentTarget.focus(), i(!1));
   }, [t, i]);
   return y(() => {
     if (!t)
       return;
-    const a = (s) => {
-      const u = i.length;
+    const a = (r) => {
+      const p = s.filter((l) => l.isConnected), u = p.length;
       if (u === 0)
         return;
-      let m;
-      switch (s.key) {
+      let c;
+      const f = document.activeElement;
+      let m = f ? p.indexOf(f) : -1;
+      switch (m === -1 && (m = 0), r.key) {
         case "ArrowDown": {
-          m = (o + 1) % u;
+          c = (m + 1) % u;
           break;
         }
         case "ArrowUp": {
-          m = (o - 1 + u) % u;
+          c = (m - 1 + u) % u;
           break;
         }
         case "Home": {
-          m = 0;
+          c = 0;
           break;
         }
         case "End": {
-          m = u - 1;
+          c = u - 1;
           break;
         }
       }
-      if (m !== void 0) {
-        s.preventDefault(), s.stopPropagation();
-        const p = i[m];
-        p && (p.focus(), c(!0));
+      if (c !== void 0) {
+        r.preventDefault(), r.stopPropagation();
+        const l = p[c];
+        l && (l.focus(), i(!0));
       }
     };
     return window.addEventListener("keydown", a, {
@@ -126,15 +123,14 @@ function B({
         capture: !0
       });
     };
-  }, [t, i, o, c]), /* @__PURE__ */ n.jsx(n.Fragment, { children: e.map((a, s) => /* @__PURE__ */ n.jsx(
+  }, [t, s, i]), /* @__PURE__ */ n.jsx(n.Fragment, { children: e.map((a, r) => /* @__PURE__ */ n.jsx(
     R,
     {
       ...a,
-      reference: f,
-      onFocus: x,
+      reference: k,
       onMouseEnter: d
     },
-    s
+    r
   )) });
 }
 function G({
@@ -147,21 +143,21 @@ function ee(e) {
   const t = v(() => ({
     items: e
   }), [e]), {
-    show: o,
-    popover: r
-  } = F(G, t);
+    show: s,
+    popover: o
+  } = K(G, t);
   return v(() => ({
-    show: o,
-    popoverMenu: r
-  }), [o, r]);
+    show: s,
+    popoverMenu: o
+  }), [s, o]);
 }
 function T({
   menu: e,
   className: t,
-  children: o
+  children: s
 }) {
   return /* @__PURE__ */ n.jsxs(S, { className: t, children: [
-    o,
+    s,
     e
   ] });
 }

package/build/components/popover.d.ts

@@ -22,7 +22,7 @@ type PopoverBaseProperties<PopoverResult> = Omit<PopoverProperties<PopoverResult
 export default function Popover<Data = any, Type extends AtomElementType = DefaultAtomElementType>({ as, isVisible, label, shouldCloseOnOutsideClick, shouldCloseOnEscapePress, children, className, innerClassName, onClose, ...properties }: PopoverProperties<Data, Type>): import("react/jsx-runtime").JSX.Element;
 export declare function usePopover<PopoverResult, PopoverProperties = PopoverBaseProperties<PopoverResult>>(PopoverComponent: ComponentType<PopoverProperties>, properties?: PopoverProperties): {
     isVisible: boolean;
-    show: (reference?: HTMLElement) => Promise<PopoverResult | undefined>;
+    show: () => Promise<PopoverResult | undefined>;
     popover: import("react/jsx-runtime").JSX.Element;
 };
 export {};

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

package/build/components/popover.mjs

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

package/package.json

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