@kakadu/components 4.5.4 → 4.6.0

package/build/components/popover-menu.mjs

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

package/build/components/popover.js

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

package/build/components/popover.mjs

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