@kakadu/components 3.15.5 → 4.0.1

package/build/components/modal.mjs

@@ -2,76 +2,75 @@ 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 { IconType as K } from "../icons/icon.mjs";
-import Q from "./text-button.mjs";
-import b from "./decorators.mjs";
-import A, { FlexAlignment as U } from "./flex.mjs";
-import { defaultAtomElementType as V } from "./atom.mjs";
-import { Heading as X, defaultHeadingElementType as Y } from "./text.mjs";
-const C = q({
+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";
+import { defaultAtomElementType as Q } from "./atom.mjs";
+import { Heading as U, defaultHeadingElementType as V } from "./text.mjs";
+const A = q({
   isVisible: !1,
   isInteractive: !1
 }), {
-  Provider: Z
-} = C;
-function _() {
-  return z(C);
+  Provider: X
+} = A;
+function Y() {
+  return z(A);
 }
-function W() {
+function Z() {
   const {
     isInteractive: n,
     close: o
-  } = _(), s = f(() => {
+  } = Y(), r = f(() => {
     o == null || o();
   }, [o]);
-  return /* @__PURE__ */ t.jsx("div", { className: "kakadu-components-2566044647", children: /* @__PURE__ */ t.jsx(Q, { iconLeft: K.times, label: "Close", disabled: !n, onClick: s }) });
+  return /* @__PURE__ */ t.jsx("div", { className: "kakadu-components-2566044647", children: /* @__PURE__ */ t.jsx(K, { iconLeft: "times", label: "Close", disabled: !n, onClick: r }) });
 }
-function ue(n) {
-  return /* @__PURE__ */ t.jsx(A, { gap: 2, ...n });
+function ce(n) {
+  return /* @__PURE__ */ t.jsx(C, { gap: 2, ...n });
 }
-function de({
+function ie({
   as: n,
   className: o,
-  ...s
+  ...r
 }) {
-  return /* @__PURE__ */ t.jsx(X, { ...s, as: n ?? Y, className: w("kakadu-components-4275938488", o) });
+  return /* @__PURE__ */ t.jsx(U, { ...r, as: n ?? V, className: w("kakadu-components-4275938488", o) });
 }
-function me({
+function ue({
   as: n,
   ...o
 }) {
-  return /* @__PURE__ */ t.jsx(A, { direction: "row", gap: 1, alignment: U.end, ...o, as: n ?? V });
+  return /* @__PURE__ */ t.jsx(C, { direction: "row", gap: 1, preset: "end", ...o, as: n ?? Q });
 }
-function fe({
+function le({
   root: n,
   outerDecorators: o = [],
-  innerDecorators: s = [],
+  innerDecorators: r = [],
   label: p,
   maxWidth: a,
   className: x,
-  isVisible: r,
-  isFullWidth: l = !1,
+  isVisible: s,
+  isFullWidth: u = !1,
   shouldCloseOnOutsideClick: i = !0,
-  shouldCloseOnEscapePress: u = !0,
+  shouldCloseOnEscapePress: l = !0,
   showCloseButton: H = !0,
   onClose: k,
   children: B
 }) {
-  const g = j(null), E = j(null), [M, P] = h(!1), [c, d] = h(!1), y = f((e) => {
-    g.current = e, d(!1);
-  }, []), T = j(null), F = f((e) => {
+  const E = j(null), M = j(null), [g, P] = h(!1), [c, d] = h(!1), y = f((e) => {
+    E.current = e, d(!1);
+  }, []), T = j(null), L = f((e) => {
     e && (T.current = e);
-  }, []), [L, N] = h(r ?? !1), D = I(() => ({
-    isVisible: L,
+  }, []), [N, R] = h(s ?? !1), D = I(() => ({
+    isVisible: N,
     isInteractive: c,
-    setInitialFocus: F,
+    setInitialFocus: L,
     close: y
-  }), [L, c, F, y]);
+  }), [N, c, L, y]);
   m(() => {
-    r && (P(!0), N(!0));
-  }, [r]), m(() => {
-    if (r) {
+    s && (P(!0), R(!0));
+  }, [s]), m(() => {
+    if (s) {
       const e = setTimeout(() => {
         d(!0);
       }, 100);
@@ -80,18 +79,18 @@ function fe({
       };
     }
     d(!1);
-  }, [r]), m(() => {
-    if (M && !c) {
+  }, [s]), m(() => {
+    if (g && !c) {
       const e = setTimeout(() => {
-        k == null || k(g.current ?? void 0), N(!1);
+        k == null || k(E.current ?? void 0), R(!1);
       }, 370);
       return () => {
         clearTimeout(e);
       };
     }
-  }, [M, c, k]), m(() => {
-    const e = E.current;
-    if (r && i && e) {
+  }, [g, c, k]), m(() => {
+    const e = M.current;
+    if (s && i && e) {
       const v = ($) => {
         e === $.target && d(!1);
       };
@@ -99,8 +98,8 @@ function fe({
         e.removeEventListener("click", v);
       };
     }
-  }, [r, i]), m(() => {
-    if (!r || !u)
+  }, [s, i]), m(() => {
+    if (!s || !l)
       return;
     const e = (v) => {
       v.key === "Escape" && d(!1);
@@ -108,39 +107,39 @@ function fe({
     return window.addEventListener("keydown", e), () => {
       window.removeEventListener("keydown", e);
     };
-  }, [r, u]);
+  }, [s, l]);
   const S = I(() => ({
     initialFocus: () => T.current ?? void 0,
     onActivate: () => {
       var e;
       return (e = T.current) == null ? void 0 : e.focus();
     }
-  }), []), R = /* @__PURE__ */ t.jsx(b, { decorators: o, children: /* @__PURE__ */ t.jsx("div", { "aria-hidden": !c, style: {
+  }), []), b = /* @__PURE__ */ t.jsx(F, { decorators: o, children: /* @__PURE__ */ t.jsx("div", { "aria-hidden": !c, style: {
     "--max-width": a ? `${a}px` : void 0
-  }, className: w("kakadu-components-4119461136", c && "kakadu-components-2522346797", x), children: /* @__PURE__ */ t.jsx(b, { decorators: s, children: /* @__PURE__ */ t.jsx(J.FocusTrap, { active: c, focusTrapOptions: S, children: /* @__PURE__ */ t.jsx("div", { ref: E, className: "kakadu-components-4011815997", children: /* @__PURE__ */ t.jsx("div", { role: "dialog", "aria-modal": "true", "aria-label": p ?? "Modal", className: w("kakadu-components-3324483532", l && "kakadu-components-3799971070", c && "kakadu-components-968755580"), children: /* @__PURE__ */ t.jsxs(Z, { value: D, children: [
-    H ? /* @__PURE__ */ t.jsx(W, {}) : null,
-    /* @__PURE__ */ t.jsx("div", { className: w("kakadu-components-633990035", l && "kakadu-components-171969824"), children: B })
+  }, className: w("kakadu-components-4119461136", c && "kakadu-components-2522346797", x), children: /* @__PURE__ */ t.jsx(F, { decorators: r, children: /* @__PURE__ */ t.jsx(J.FocusTrap, { active: c, focusTrapOptions: S, children: /* @__PURE__ */ t.jsx("div", { ref: M, className: "kakadu-components-4011815997", children: /* @__PURE__ */ t.jsx("div", { role: "dialog", "aria-modal": "true", "aria-label": p ?? "Modal", className: w("kakadu-components-3324483532", u && "kakadu-components-3799971070", c && "kakadu-components-968755580"), children: /* @__PURE__ */ t.jsxs(X, { value: D, children: [
+    H ? /* @__PURE__ */ t.jsx(Z, {}) : null,
+    /* @__PURE__ */ t.jsx("div", { className: w("kakadu-components-633990035", u && "kakadu-components-171969824"), children: B })
   ] }) }) }) }) }) }) });
-  return n ? G(R, n) : R;
+  return n ? G(b, n) : b;
 }
-function pe(n, o) {
-  const [s, p] = h(!1), a = j(void 0), x = f(async () => (p(!0), new Promise((i) => {
+function de(n, o) {
+  const [r, p] = h(!1), a = j(void 0), x = f(async () => (p(!0), new Promise((i) => {
     a.current = i;
-  })), []), r = f((i) => {
-    var u;
-    p(!1), (u = a.current) == null || u.call(a, i), a.current = void 0;
-  }, []), l = I(() => /* @__PURE__ */ t.jsx(n, { ...o, isVisible: s, onClose: r }), [n, o, s, r]);
+  })), []), s = f((i) => {
+    var l;
+    p(!1), (l = a.current) == null || l.call(a, i), a.current = void 0;
+  }, []), u = I(() => /* @__PURE__ */ t.jsx(n, { ...o, isVisible: r, onClose: s }), [n, o, r, s]);
   return I(() => ({
-    isVisible: s,
+    isVisible: r,
     show: x,
-    modal: l
-  }), [s, x, l]);
+    modal: u
+  }), [r, x, u]);
 }
 export {
-  me as ModalActions,
-  ue as ModalContent,
-  de as ModalHeading,
-  fe as default,
-  pe as useModal,
-  _ as useModalContext
+  ue as ModalActions,
+  ce as ModalContent,
+  ie as ModalHeading,
+  le as default,
+  de as useModal,
+  Y as useModalContext
 };

package/build/components/notice.d.ts

@@ -1,12 +1,7 @@
 import { type HTMLProps } from 'react';
 import { type IconType } from '../icons/icon';
-export declare enum NoticeType {
-    default = "default",
-    success = "success",
-    information = "information",
-    warning = "warning",
-    danger = "danger"
-}
+export declare const noticeTypes: readonly ["default", "success", "information", "warning", "danger"];
+export type NoticeType = (typeof noticeTypes)[number];
 export type NoticeProperties = HTMLProps<HTMLDivElement> & {
     readonly type?: NoticeType;
     readonly icon?: IconType;

package/build/components/notice.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),t=require("@kuma-ui/core"),c=require("../icons/icon.js"),p=require("./text.js");var r=(n=>(n.default="default",n.success="success",n.information="information",n.warning="warning",n.danger="danger",n))(r||{});function j({type:n="default",icon:a,className:u,children:o,...i}){const d=n==="success",m=n==="information",k=n==="warning",l=n==="danger",s=!!a,x=!!o;return e.jsxRuntimeExports.jsxs("aside",{...i,className:t.cx("kakadu-components-1434967310",s&&"kakadu-components-2945174293",d&&(s?"kakadu-components-2585123369":"kakadu-components-1387450724"),m&&(s?"kakadu-components-3663522234":"kakadu-components-728842914"),k&&(s?"kakadu-components-3502407303":"kakadu-components-1612824642"),l&&(s?"kakadu-components-314765189":"kakadu-components-4209515987"),u),children:[e.jsxRuntimeExports.jsx("div",{"data-theme":"dark",className:t.cx("kakadu-components-3327291559",s&&"kakadu-components-3906762683"),children:a&&e.jsxRuntimeExports.jsx(c.default,{width:14,height:14,type:a,className:c.iconShadowStyles})}),e.jsxRuntimeExports.jsx(p.Span,{className:"kakadu-components-1969958615",children:x?o:e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:" "})})]})}exports.NoticeType=r;exports.default=j;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../jsx-runtime-BB_1_6y_.js"),a=require("@kuma-ui/core"),c=require("../icons/icon.js"),x=require("./text.js"),l=["default","success","information","warning","danger"];function j({type:e="default",icon:o,className:i,children:t,...r}){const u=e==="success",d=e==="information",m=e==="warning",k=e==="danger",n=!!o,p=!!t;return s.jsxRuntimeExports.jsxs("aside",{...r,className:a.cx("kakadu-components-1434967310",n&&"kakadu-components-2945174293",u&&(n?"kakadu-components-2585123369":"kakadu-components-1387450724"),d&&(n?"kakadu-components-3663522234":"kakadu-components-728842914"),m&&(n?"kakadu-components-3502407303":"kakadu-components-1612824642"),k&&(n?"kakadu-components-314765189":"kakadu-components-4209515987"),i),children:[s.jsxRuntimeExports.jsx("div",{"data-theme":"dark",className:a.cx("kakadu-components-3327291559",n&&"kakadu-components-3906762683"),children:o&&s.jsxRuntimeExports.jsx(c.default,{width:14,height:14,type:o,className:c.iconShadowStyles})}),s.jsxRuntimeExports.jsx(x.Span,{className:"kakadu-components-1969958615",children:p?t:s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:" "})})]})}exports.default=j;exports.noticeTypes=l;

package/build/components/notice.mjs

@@ -1,22 +1,22 @@
-import { j as s } from "../jsx-runtime-B4hRZ52C.mjs";
-import { cx as e } from "@kuma-ui/core";
-import l, { iconShadowStyles as p } from "../icons/icon.mjs";
+import { j as o } from "../jsx-runtime-B4hRZ52C.mjs";
+import { cx as t } from "@kuma-ui/core";
+import p, { iconShadowStyles as l } from "../icons/icon.mjs";
 import { Span as f } from "./text.mjs";
-var h = /* @__PURE__ */ ((n) => (n.default = "default", n.success = "success", n.information = "information", n.warning = "warning", n.danger = "danger", n))(h || {});
-function S({
-  type: n = "default",
-  icon: o,
-  className: r,
-  children: t,
-  ...c
+const N = ["default", "success", "information", "warning", "danger"];
+function w({
+  type: a = "default",
+  icon: s,
+  className: c,
+  children: e,
+  ...m
 }) {
-  const m = n === "success", d = n === "information", k = n === "warning", i = n === "danger", a = !!o, u = !!t;
-  return /* @__PURE__ */ s.jsxs("aside", { ...c, className: e("kakadu-components-1434967310", a && "kakadu-components-2945174293", m && (a ? "kakadu-components-2585123369" : "kakadu-components-1387450724"), d && (a ? "kakadu-components-3663522234" : "kakadu-components-728842914"), k && (a ? "kakadu-components-3502407303" : "kakadu-components-1612824642"), i && (a ? "kakadu-components-314765189" : "kakadu-components-4209515987"), r), children: [
-    /* @__PURE__ */ s.jsx("div", { "data-theme": "dark", className: e("kakadu-components-3327291559", a && "kakadu-components-3906762683"), children: o && /* @__PURE__ */ s.jsx(l, { width: 14, height: 14, type: o, className: p }) }),
-    /* @__PURE__ */ s.jsx(f, { className: "kakadu-components-1969958615", children: u ? t : /* @__PURE__ */ s.jsx(s.Fragment, { children: " " }) })
+  const r = a === "success", d = a === "information", i = a === "warning", k = a === "danger", n = !!s, u = !!e;
+  return /* @__PURE__ */ o.jsxs("aside", { ...m, className: t("kakadu-components-1434967310", n && "kakadu-components-2945174293", r && (n ? "kakadu-components-2585123369" : "kakadu-components-1387450724"), d && (n ? "kakadu-components-3663522234" : "kakadu-components-728842914"), i && (n ? "kakadu-components-3502407303" : "kakadu-components-1612824642"), k && (n ? "kakadu-components-314765189" : "kakadu-components-4209515987"), c), children: [
+    /* @__PURE__ */ o.jsx("div", { "data-theme": "dark", className: t("kakadu-components-3327291559", n && "kakadu-components-3906762683"), children: s && /* @__PURE__ */ o.jsx(p, { width: 14, height: 14, type: s, className: l }) }),
+    /* @__PURE__ */ o.jsx(f, { className: "kakadu-components-1969958615", children: u ? e : /* @__PURE__ */ o.jsx(o.Fragment, { children: " " }) })
   ] });
 }
 export {
-  h as NoticeType,
-  S as default
+  w as default,
+  N as noticeTypes
 };

package/build/components/notification.d.ts

@@ -1,7 +1,8 @@
 import { type HTMLProps, type ReactNode } from 'react';
 import { type IconType } from '../icons/icon';
 import { type NoticeType } from './notice';
-export { NoticeType as NotificationType } from './notice';
+export { noticeTypes as notificationTypes } from './notice';
+export type { NoticeType as NotificationType } from './notice';
 export type NotificationProperties = {
     readonly id?: string;
     readonly type?: NoticeType;

package/build/components/notification.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../jsx-runtime-BB_1_6y_.js"),e=require("react"),p=require("@kuma-ui/core"),M=require("../utilities/generate-random-id.js"),j=require("./notice.js");function E({type:n,icon:d,index:u,className:c,children:m,onDismiss:s,...o}){const[t,a]=e.useState(!1),[l,C]=e.useState(!1),[f,k]=e.useState(!1);e.useEffect(()=>{const r=setTimeout(()=>{a(!0)},250);return()=>{clearTimeout(r)}},[]);const N=e.useRef(0),v=e.useRef(0),R=e.useCallback(()=>{k(!0)},[]),b=e.useCallback(()=>{k(!1)},[]);e.useEffect(()=>{if(f){v.current+=Date.now()-N.current;return}if(t){N.current=Date.now();const r=6e3-v.current,h=setTimeout(()=>{a(!1),C(!0)},r);return()=>{clearTimeout(h)}}},[f,t]);const x=u??0;return e.useEffect(()=>{if(l&&!t){const r=setTimeout(()=>{s==null||s(x)},300);return()=>{clearTimeout(r)}}},[l,t,s,x]),i.jsxRuntimeExports.jsx("div",{...o,style:{"--index":x},className:p.cx("kakadu-components-1727618227",t&&"kakadu-components-3003995416",c),children:i.jsxRuntimeExports.jsxs(j.default,{role:"status","aria-live":"polite","aria-atomic":"true",type:n,icon:d,className:p.cx("kakadu-components-3423716848",t&&"kakadu-components-2837603142"),onMouseEnter:R,onMouseLeave:b,children:[m,i.jsxRuntimeExports.jsx("div",{className:"kakadu-components-2751825161",children:i.jsxRuntimeExports.jsx("div",{className:p.cx("kakadu-components-47664046",f?"kakadu-components-758522476":"kakadu-components-3914681513")})})]})})}const T=e.createContext({createNotification(){throw new Error("useCreateNotification must be used within a NotificationProvider")}});function S(){const{createNotification:n}=e.useContext(T);return n}function q({children:n}){const[d,u]=e.useState([]),c=e.useCallback(o=>{const t=M.default();u(a=>[...a,{...o,id:t}])},[]),m=e.useCallback(o=>{u(t=>t.filter((a,l)=>l!==o))},[]),s=e.useMemo(()=>({createNotification:c}),[c]);return i.jsxRuntimeExports.jsxs(T.Provider,{value:s,children:[n,d.map((o,t)=>i.jsxRuntimeExports.jsx(E,{...o,index:t,onDismiss:m},o.id))]})}exports.NotificationType=j.NoticeType;exports.NotificationProvider=q;exports.default=E;exports.useCreateNotification=S;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../jsx-runtime-BB_1_6y_.js"),e=require("react"),p=require("@kuma-ui/core"),M=require("../utilities/generate-random-id.js"),j=require("./notice.js");function E({type:n,icon:d,index:u,className:c,children:m,onDismiss:s,...o}){const[t,a]=e.useState(!1),[l,C]=e.useState(!1),[f,k]=e.useState(!1);e.useEffect(()=>{const r=setTimeout(()=>{a(!0)},250);return()=>{clearTimeout(r)}},[]);const N=e.useRef(0),v=e.useRef(0),R=e.useCallback(()=>{k(!0)},[]),b=e.useCallback(()=>{k(!1)},[]);e.useEffect(()=>{if(f){v.current+=Date.now()-N.current;return}if(t){N.current=Date.now();const r=6e3-v.current,h=setTimeout(()=>{a(!1),C(!0)},r);return()=>{clearTimeout(h)}}},[f,t]);const x=u??0;return e.useEffect(()=>{if(l&&!t){const r=setTimeout(()=>{s==null||s(x)},300);return()=>{clearTimeout(r)}}},[l,t,s,x]),i.jsxRuntimeExports.jsx("div",{...o,style:{"--index":x},className:p.cx("kakadu-components-1727618227",t&&"kakadu-components-3003995416",c),children:i.jsxRuntimeExports.jsxs(j.default,{role:"status","aria-live":"polite","aria-atomic":"true",type:n,icon:d,className:p.cx("kakadu-components-3423716848",t&&"kakadu-components-2837603142"),onMouseEnter:R,onMouseLeave:b,children:[m,i.jsxRuntimeExports.jsx("div",{className:"kakadu-components-2751825161",children:i.jsxRuntimeExports.jsx("div",{className:p.cx("kakadu-components-47664046",f?"kakadu-components-758522476":"kakadu-components-3914681513")})})]})})}const T=e.createContext({createNotification(){throw new Error("useCreateNotification must be used within a NotificationProvider")}});function S(){const{createNotification:n}=e.useContext(T);return n}function q({children:n}){const[d,u]=e.useState([]),c=e.useCallback(o=>{const t=M.default();u(a=>[...a,{...o,id:t}])},[]),m=e.useCallback(o=>{u(t=>t.filter((a,l)=>l!==o))},[]),s=e.useMemo(()=>({createNotification:c}),[c]);return i.jsxRuntimeExports.jsxs(T.Provider,{value:s,children:[n,d.map((o,t)=>i.jsxRuntimeExports.jsx(E,{...o,index:t,onDismiss:m},o.id))]})}exports.notificationTypes=j.noticeTypes;exports.NotificationProvider=q;exports.default=E;exports.useCreateNotification=S;

package/build/components/notification.mjs

@@ -1,9 +1,9 @@
 import { j as i } from "../jsx-runtime-B4hRZ52C.mjs";
-import { createContext as b, useState as m, useEffect as N, useRef as j, useCallback as d, useContext as y, useMemo as P } from "react";
-import { cx as x } from "@kuma-ui/core";
+import { createContext as b, useState as m, useEffect as x, useRef as j, useCallback as d, useContext as y, useMemo as P } from "react";
+import { cx as N } from "@kuma-ui/core";
 import R from "../utilities/generate-random-id.mjs";
 import D from "./notice.mjs";
-import { NoticeType as G } from "./notice.mjs";
+import { noticeTypes as G } from "./notice.mjs";
 function H({
   type: n,
   icon: f,
@@ -14,7 +14,7 @@ function H({
   ...e
 }) {
   const [t, s] = m(!1), [u, E] = m(!1), [p, v] = m(!1);
-  N(() => {
+  x(() => {
     const a = setTimeout(() => {
       s(!0);
     }, 250);
@@ -27,7 +27,7 @@ function H({
   }, []), I = d(() => {
     v(!1);
   }, []);
-  N(() => {
+  x(() => {
     if (p) {
       h.current += Date.now() - T.current;
       return;
@@ -43,7 +43,7 @@ function H({
     }
   }, [p, t]);
   const k = r ?? 0;
-  return N(() => {
+  return x(() => {
     if (u && !t) {
       const a = setTimeout(() => {
         o == null || o(k);
@@ -54,9 +54,9 @@ function H({
     }
   }, [u, t, o, k]), /* @__PURE__ */ i.jsx("div", { ...e, style: {
     "--index": k
-  }, className: x("kakadu-components-1727618227", t && "kakadu-components-3003995416", c), children: /* @__PURE__ */ i.jsxs(D, { role: "status", "aria-live": "polite", "aria-atomic": "true", type: n, icon: f, className: x("kakadu-components-3423716848", t && "kakadu-components-2837603142"), onMouseEnter: w, onMouseLeave: I, children: [
+  }, className: N("kakadu-components-1727618227", t && "kakadu-components-3003995416", c), children: /* @__PURE__ */ i.jsxs(D, { role: "status", "aria-live": "polite", "aria-atomic": "true", type: n, icon: f, className: N("kakadu-components-3423716848", t && "kakadu-components-2837603142"), onMouseEnter: w, onMouseLeave: I, children: [
     l,
-    /* @__PURE__ */ i.jsx("div", { className: "kakadu-components-2751825161", children: /* @__PURE__ */ i.jsx("div", { className: x("kakadu-components-47664046", p ? "kakadu-components-758522476" : "kakadu-components-3914681513") }) })
+    /* @__PURE__ */ i.jsx("div", { className: "kakadu-components-2751825161", children: /* @__PURE__ */ i.jsx("div", { className: N("kakadu-components-47664046", p ? "kakadu-components-758522476" : "kakadu-components-3914681513") }) })
   ] }) });
 }
 const C = b({
@@ -91,7 +91,7 @@ function A({
 }
 export {
   A as NotificationProvider,
-  G as NotificationType,
   H as default,
+  G as notificationTypes,
   z as useCreateNotification
 };

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;