@kakadu/components 4.0.0 → 4.0.2

package/build/components/input.mjs

@@ -1,193 +1,170 @@
 import { j as e } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useRef as M, useId as ee, useState as T, useLayoutEffect as fe, useMemo as A, useEffect as ne, useCallback as N } from "react";
-import { cx as c } from "@kuma-ui/core";
-import he from "../icons/chevron-up.mjs";
-import Y from "../utilities/copy-to-clipboard.mjs";
-import { buttonResetStyles as xe, overflowProtectionStyles as ae } from "../theme.mjs";
+import { useRef as L, useId as ke, useState as P, useLayoutEffect as fe, useMemo as T, useEffect as he, useCallback as x } from "react";
+import { cx as o } from "@kuma-ui/core";
+import Z from "../utilities/copy-to-clipboard.mjs";
+import { buttonResetStyles as xe, overflowProtectionStyles as ne } from "../theme.mjs";
 import je from "../icons/sparkle.mjs";
 import be from "./button-tooltip.mjs";
-import F from "./text-button.mjs";
-import { Span as U, Paragraph as W } from "./text.mjs";
-import ve from "./collapsible.mjs";
-import Z from "./click-ripples.mjs";
-import _ from "./hover-gradient.mjs";
-import { useCreateNotification as ye } from "./notification.mjs";
-const ge = "kakadu-components-922159086", Ne = "kakadu-components-25448712", $ = "kakadu-components-1923392328", z = "kakadu-components-4056037255", Se = c(z, "kakadu-components-3245407458"), Ie = c(z, "kakadu-components-1117160492"), Be = c(z, "kakadu-components-2261792866");
-function Ee({
-  as: h,
-  className: r,
-  ...m
+import H from "./text-button.mjs";
+import { Span as A, Paragraph as R } from "./text.mjs";
+import ye from "./collapsible.mjs";
+import _ from "./click-ripples.mjs";
+import ee from "./hover-gradient.mjs";
+import { useCreateNotification as ge } from "./notification.mjs";
+const Ne = "kakadu-components-922159086", ve = "kakadu-components-25448712", M = "kakadu-components-1923392328", F = "kakadu-components-4056037255", Ce = o(F, "kakadu-components-3245407458"), Se = o(F, "kakadu-components-1117160492"), Ee = o(F, "kakadu-components-2261792866");
+function Ie({
+  as: m,
+  className: l,
+  ...p
 }) {
-  return /* @__PURE__ */ e.jsx(U, { as: h ?? "span", ...m, className: c("kakadu-components-520991867", r) });
+  return /* @__PURE__ */ e.jsx(A, { as: m ?? "span", ...p, className: o("kakadu-components-520991867", l) });
 }
-function te({
-  label: h,
-  error: r,
-  errorId: m,
-  warning: i,
-  warningId: b,
-  information: x,
-  informationId: n,
-  footnote: o,
-  attachments: j,
+function Be({
+  label: m,
+  error: l,
+  errorId: p,
+  warning: c,
+  warningId: j,
+  information: r,
+  informationId: v,
+  footnote: a,
+  attachments: C,
   className: u,
-  children: g,
-  ...p
+  children: k,
+  ...f
 }) {
-  const k = !!r, l = !!i, f = !!x, v = !!o;
-  return /* @__PURE__ */ e.jsx("label", { ...p, className: c(ge, u), children: /* @__PURE__ */ e.jsxs("div", { className: "kakadu-components-3146929190", children: [
-    /* @__PURE__ */ e.jsx(U, { className: c(ae, Ne), children: /* @__PURE__ */ e.jsx("span", { children: h }) }),
+  const b = !!l, i = !!c, d = !!r, h = !!a;
+  return /* @__PURE__ */ e.jsx("label", { ...f, className: o(Ne, u), children: /* @__PURE__ */ e.jsxs("div", { className: "kakadu-components-3146929190", children: [
+    /* @__PURE__ */ e.jsx(A, { className: o(ne, ve), children: /* @__PURE__ */ e.jsx("span", { children: m }) }),
     /* @__PURE__ */ e.jsxs("span", { className: "kakadu-components-3298764637", children: [
-      g,
-      v ? /* @__PURE__ */ e.jsx(Ee, { className: "kakadu-components-613632806", children: o }) : null,
-      j
+      k,
+      h ? /* @__PURE__ */ e.jsx(Ie, { className: "kakadu-components-613632806", children: a }) : null,
+      C
     ] }),
-    k || l || f ? /* @__PURE__ */ e.jsx("div", { className: "kakadu-components-2927674627", children: k ? /* @__PURE__ */ e.jsx(W, { id: m, className: Se, children: r instanceof Error ? r.message : r }) : l ? /* @__PURE__ */ e.jsx(W, { id: b, className: Ie, children: i instanceof Error ? i.message : i }) : f ? /* @__PURE__ */ e.jsx(W, { id: n, className: Be, children: x instanceof Error ? x.message : x }) : null }) : null
+    b || i || d ? /* @__PURE__ */ e.jsx("div", { className: "kakadu-components-2927674627", children: b ? /* @__PURE__ */ e.jsx(R, { id: p, className: Ce, children: l instanceof Error ? l.message : l }) : i ? /* @__PURE__ */ e.jsx(R, { id: j, className: Se, children: c instanceof Error ? c.message : c }) : d ? /* @__PURE__ */ e.jsx(R, { id: v, className: Ee, children: r instanceof Error ? r.message : r }) : null }) : null
   ] }) });
 }
-function ze({
-  label: h,
-  options: r,
-  error: m,
-  warning: i,
-  information: b,
-  footnote: x,
-  className: n,
-  onChange: o,
-  ...j
-}) {
-  const u = ee(), g = `${u}-error`, p = `${u}-warning`, k = `${u}-information`, l = !!m, f = !l && !!i, v = !l && !f && !!b, S = l ? g : f ? p : v ? k : void 0, {
-    value: y
-  } = j, [I, B] = T(""), E = y ?? I;
-  ne(() => {
-    B(typeof y == "string" ? y : "");
-  }, [y]);
-  const C = N((a) => {
-    const {
-      value: w
-    } = a.target;
-    B(w), o == null || o(w, a);
-  }, [o]);
-  return /* @__PURE__ */ e.jsxs(te, { label: h, error: m, errorId: g, warning: i, warningId: p, information: b, informationId: k, footnote: x, children: [
-    /* @__PURE__ */ e.jsx("select", { ...j, value: E, "aria-invalid": l, "data-warning": f, "data-information": v, "aria-describedby": S, className: c($, "kakadu-components-4228384787", n), onChange: C, children: r.map((a) => /* @__PURE__ */ e.jsx("option", { value: a.value, disabled: a.disabled, children: a.label }, a.value)) }),
-    /* @__PURE__ */ e.jsx(he, { width: 14, height: 14, className: "kakadu-components-158931186" })
-  ] });
-}
-const Ce = 40, O = "kakadu-components-4233741488";
+const we = 40, $ = "kakadu-components-4233741488";
 function De({
-  type: h,
-  label: r,
-  error: m,
-  warning: i,
-  information: b,
-  footnote: x,
-  suggestion: n,
-  actions: o = [],
-  hasCopyButton: j,
-  hasClearButton: u,
-  isMultiline: g,
-  onChange: p,
-  className: k,
-  ...l
+  ref: m,
+  type: l,
+  label: p,
+  error: c,
+  warning: j,
+  information: r,
+  footnote: v,
+  suggestion: a,
+  attachments: C,
+  actions: u = [],
+  hasCopyButton: k,
+  hasClearButton: f,
+  isMultiline: b,
+  onChange: i,
+  className: d,
+  ...h
 }) {
-  const f = M(null), v = M(null), S = M(null), y = ye(), I = ee(), B = `${I}-error`, E = `${I}-warning`, C = `${I}-information`, {
-    value: a,
-    disabled: w
-  } = l, [se, D] = T(""), d = a ?? se, [oe, le] = T(), ce = h === "textarea" || !!g;
+  const V = L(null), O = L(null), S = L(null), W = ge(), E = ke(), z = `${E}-error`, D = `${E}-warning`, G = `${E}-information`, {
+    value: y,
+    disabled: te
+  } = h, [ae, U] = P(""), s = y ?? ae, [se, oe] = P(), le = l === "textarea" || !!b;
   fe(() => {
-    typeof d == "string" && S.current && le(S.current.scrollHeight);
-  }, [d]);
-  const H = A(() => typeof d == "string" ? `${d} `.split(`
-`) : [], [d]), re = A(() => H.length, [H]), L = !!m, R = !L && !!i, V = !!b, G = L ? B : R ? E : V ? C : void 0;
-  ne(() => {
-    D(typeof a == "string" ? a : "");
-  }, [a]);
-  const q = N((t) => {
+    typeof s == "string" && S.current && oe(S.current.scrollHeight);
+  }, [s]);
+  const I = T(() => typeof s == "string" ? `${s} `.split(`
+`) : [], [s]), ce = T(() => I.length, [I]), g = !!c, B = !g && !!j, w = !!r, q = g ? z : B ? D : w ? G : void 0;
+  he(() => {
+    U(typeof y == "string" ? y : "");
+  }, [y]);
+  const J = x((n) => {
     const {
-      value: s
-    } = t.target;
-    D(s), p == null || p(s, t);
-  }, [p]), ie = N(() => {
-    typeof d == "string" && (Y(d), y({
+      value: t
+    } = n.target;
+    U(t), i == null || i(t, n);
+  }, [i]), re = x(() => {
+    typeof s == "string" && (Z(s), W({
       type: "success",
       children: "Copied to clipboard."
     }));
-  }, [d, y]), P = N((t) => {
-    var Q;
-    const s = v.current ?? f.current ?? void 0;
-    if (s) {
-      const X = (Q = Object.getOwnPropertyDescriptor(s instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype, "value")) == null ? void 0 : Q.set;
-      if (X) {
-        X.call(s, t);
-        const ke = new Event("input", {
+  }, [s, W]), N = x((n) => {
+    var X;
+    const t = O.current ?? V.current ?? void 0;
+    if (t) {
+      const Y = (X = Object.getOwnPropertyDescriptor(t instanceof HTMLTextAreaElement ? HTMLTextAreaElement.prototype : HTMLInputElement.prototype, "value")) == null ? void 0 : X.set;
+      if (Y) {
+        Y.call(t, n);
+        const ue = new Event("input", {
           bubbles: !0
         });
-        s.dispatchEvent(ke), s.focus();
+        t.dispatchEvent(ue), t.focus();
         return;
       }
     }
     throw new Error("Unable to set value.");
-  }, []), de = N(() => {
-    P("");
-  }, [P]), [me, ue] = T(""), J = !!n && me !== n, pe = N(() => {
-    if (n) {
+  }, []), ie = x(() => {
+    N("");
+  }, [N]), [de, me] = P(""), K = !!a && de !== a, pe = x(() => {
+    if (a) {
       try {
-        P(n);
+        N(a);
       } catch {
-        Y(n);
+        Z(a);
       }
-      ue(n);
+      me(a);
     }
-  }, [n, P]), K = A(() => o.length, [o]);
-  return /* @__PURE__ */ e.jsxs(te, { label: r, error: m, errorId: B, warning: i, warningId: E, information: b, informationId: C, footnote: x, attachments: /* @__PURE__ */ e.jsx(ve, { isCollapsed: !J, children: J ? /* @__PURE__ */ e.jsxs("button", { type: "button", className: c(xe, ae, "kakadu-components-2355856341"), onClick: pe, children: [
-    /* @__PURE__ */ e.jsx(be, { label: "Apply suggestion" }),
-    /* @__PURE__ */ e.jsx(je, { width: 13, height: 13, className: "kakadu-components-1021263934" }),
-    /* @__PURE__ */ e.jsx(U, { className: "kakadu-components-1585874956", children: n }),
-    /* @__PURE__ */ e.jsx(Z, { className: "kakadu-components-3448565402" }),
-    /* @__PURE__ */ e.jsx(_, {})
-  ] }) : null }), style: {
-    "--button-padding": `calc(${Ce * ((j ? 1 : 0) + (u ? 1 : 0) + K)}px + 6px)`
+  }, [a, N]), Q = T(() => u.length, [u]);
+  return /* @__PURE__ */ e.jsxs(Be, { ref: m, label: p, error: c, errorId: z, warning: j, warningId: D, information: r, informationId: G, footnote: v, attachments: /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(ye, { isCollapsed: !K, children: K ? /* @__PURE__ */ e.jsxs("button", { type: "button", className: o(xe, ne, "kakadu-components-4141839293"), onClick: pe, children: [
+      /* @__PURE__ */ e.jsx(be, { label: "Apply suggestion" }),
+      /* @__PURE__ */ e.jsx(je, { width: 13, height: 13, className: "kakadu-components-1417828741" }),
+      /* @__PURE__ */ e.jsx(A, { className: "kakadu-components-1384720019", children: a }),
+      /* @__PURE__ */ e.jsx(_, { className: "kakadu-components-2744733744" }),
+      /* @__PURE__ */ e.jsx(ee, {})
+    ] }) : null }),
+    C
+  ] }), style: {
+    "--button-padding": `calc(${we * ((k ? 1 : 0) + (f ? 1 : 0) + Q)}px + 6px)`
   }, children: [
     /* @__PURE__ */ e.jsxs("div", { className: "kakadu-components-3146929190", children: [
-      ce ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsxs("span", { ref: S, "aria-hidden": !0, className: c($, k, "kakadu-components-2033521835"), children: [
-          H.map((t, s) => (
+      le ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsxs("span", { ref: S, "aria-hidden": !0, className: o(M, d, "kakadu-components-2033521835"), children: [
+          I.map((n, t) => (
             // eslint-disable-next-line react/no-array-index-key
             /* @__PURE__ */ e.jsxs("span", { children: [
-              t,
-              re > 1 ? /* @__PURE__ */ e.jsx("br", {}) : null
-            ] }, s)
+              n,
+              ce > 1 ? /* @__PURE__ */ e.jsx("br", {}) : null
+            ] }, t)
           )),
           " "
         ] }),
-        /* @__PURE__ */ e.jsx("textarea", { ...l, ref: v, rows: 1, "aria-invalid": L, "data-warning": R, "data-information": V, "aria-describedby": G, value: d, className: c($, k, "kakadu-components-2119524139"), style: {
-          minHeight: oe
-        }, onChange: q })
-      ] }) : /* @__PURE__ */ e.jsx("input", { ...l, ref: f, type: h ?? "text", value: d, "aria-invalid": L, "data-warning": R, "data-information": V, "aria-describedby": G, className: c($, k), onChange: q }),
-      w ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(Z, { className: "kakadu-components-616311160" }),
-        /* @__PURE__ */ e.jsx(_, { className: "kakadu-components-1962999040" })
+        /* @__PURE__ */ e.jsx("textarea", { ...h, ref: O, rows: 1, "aria-invalid": g, "data-warning": B, "data-information": w, "aria-describedby": q, value: s, className: o(M, d, "kakadu-components-2119524139"), style: {
+          minHeight: se
+        }, onChange: J })
+      ] }) : /* @__PURE__ */ e.jsx("input", { ...h, ref: V, type: l ?? "text", value: s, "aria-invalid": g, "data-warning": B, "data-information": w, "aria-describedby": q, className: o(M, d), onChange: J }),
+      te ? null : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(_, { className: "kakadu-components-616311160" }),
+        /* @__PURE__ */ e.jsx(ee, { className: "kakadu-components-1962999040" })
       ] })
     ] }),
-    j || u || K > 0 ? /* @__PURE__ */ e.jsxs("div", { className: "kakadu-components-131986363", children: [
-      o.map((t, s) => /* @__PURE__ */ e.jsx(
-        F,
+    k || f || Q > 0 ? /* @__PURE__ */ e.jsxs("div", { className: "kakadu-components-131986363", children: [
+      u.map((n, t) => /* @__PURE__ */ e.jsx(
+        H,
         {
-          iconLeft: t.icon,
-          label: t.label,
-          tooltip: t.label,
-          className: O,
-          onClick: t.onClick
+          iconLeft: n.icon,
+          label: n.label,
+          tooltip: n.label,
+          className: $,
+          onClick: n.onClick
         },
-        t.label + s
+        n.label + t
       )),
-      j ? /* @__PURE__ */ e.jsx(F, { iconLeft: "copy", label: "Copy", tooltip: "Copy", className: O, onClick: ie }) : null,
-      u ? /* @__PURE__ */ e.jsx(F, { iconLeft: "times", label: "Clear", tooltip: "Clear", className: O, onClick: de }) : null
+      k ? /* @__PURE__ */ e.jsx(H, { iconLeft: "copy", label: "Copy", tooltip: "Copy", className: $, onClick: re }) : null,
+      f ? /* @__PURE__ */ e.jsx(H, { iconLeft: "times", label: "Clear", tooltip: "Clear", className: $, onClick: ie }) : null
     ] }) : null
   ] });
 }
 export {
-  ze as Select,
+  Be as InputLabel,
   De as default,
-  Se as errorParagraph
+  Ce as errorParagraph,
+  M as inputStyles
 };

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

package/build/components/modal.mjs

@@ -2,7 +2,7 @@ import { j as t } from "../jsx-runtime-B4hRZ52C.mjs";
 import { createContext as q, useRef as j, useState as h, useCallback as f, useMemo as I, useEffect as m, useContext as z } from "react";
 import { cx as w } from "@kuma-ui/core";
 import { createPortal as G } from "react-dom";
-import { f as J } from "../focus-trap-react-DYXrtbDH.mjs";
+import { f as J } from "../focus-trap-react-DATIi_Ob.mjs";
 import K from "./text-button.mjs";
 import F from "./decorators.mjs";
 import C from "./flex.mjs";

package/build/components/popover-menu.js

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