@kakadu/components 3.8.1 → 3.10.0

package/build/components/icon-button.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../jsx-runtime-BB_1_6y_.js"),s=require("react"),o=require("@kuma-ui/core"),d=require("../icons/icon.js"),g=require("../theme.js"),D=require("./theme-setter.js"),r=require("./button.js"),M=require("./button-tooltip.js"),z=require("./click-ripples.js"),b=require("./hover-gradient.js"),A=require("./skeleton.js"),C=require("./atom.js");var y=(e=>(e.default="default",e.success="success",e.warning="warning",e.danger="danger",e))(y||{});function P({icon:e,variant:u="default",label:p,tooltipPosition:E,href:f,target:q,rel:w,disabled:_,isLoading:k,isSkeleton:c,isSkeletonAnimated:v=!0,className:N,...I}){const j=s.useId(),T=D.useIsDarkMode(),n=f&&!c,[a,B]=s.useState(e),[h,m]=s.useState(!1),R=s.useRef(e),i=s.useRef(null);s.useEffect(()=>{R.current=e},[e]);const l=s.useCallback(()=>{i.current&&(clearTimeout(i.current),i.current=null)},[]);s.useEffect(()=>{if(a===e){m(S=>S&&!1);return}m(!0),l(),i.current=setTimeout(()=>{m(!1),B(R.current)},370)},[a,e,l]),s.useEffect(()=>()=>{l()},[l]);const x=!!_||!!k||!!c;return t.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-4096632152",children:[t.jsxRuntimeExports.jsxs(C.default,{...I,as:n?"a":"button",type:n?void 0:"button",href:n?f:void 0,target:n?q:void 0,rel:n?w:void 0,"aria-label":p,"aria-describedby":j,disabled:n?void 0:x,inert:n?x:void 0,className:o.cx(g.buttonResetStyles,g.effectStyles,"kakadu-components-2957737620",u==="default"&&o.cx(r.buttonSecondaryStyles,"kakadu-components-1561784812"),u==="success"&&o.cx(r.buttonSuccessStyles,"kakadu-components-1398421429"),u==="warning"&&o.cx(r.buttonWarningStyles,"kakadu-components-1872098090"),u==="danger"&&o.cx(r.buttonDangerStyles,"kakadu-components-2064536093"),c&&"kakadu-components-2662775151",N),children:[t.jsxRuntimeExports.jsxs("span",{"data-theme":u==="default"?T?"dark":"light":"dark",className:"kakadu-components-3040141419",children:[t.jsxRuntimeExports.jsx(d.default,{width:16,height:16,type:a,className:o.cx(d.iconShadowStyles,"kakadu-components-1562914001",h&&"kakadu-components-2360250719")}),a===e?null:t.jsxRuntimeExports.jsx(d.default,{width:16,height:16,type:e,className:o.cx(d.iconShadowStyles,"kakadu-components-1224061930",h&&"kakadu-components-2519520784")})]}),t.jsxRuntimeExports.jsx(r.ButtonLoader,{isLoading:k,size:14}),t.jsxRuntimeExports.jsx(M.default,{id:j,label:p,position:E}),x?null:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(z.default,{size:50}),t.jsxRuntimeExports.jsx(b.default,{size:50,className:u==="default"?b.normalBlendStyles:void 0})]})]}),c?t.jsxRuntimeExports.jsx("div",{className:"kakadu-components-3422055155",children:t.jsxRuntimeExports.jsx(A.SkeletonInstance,{width:"100%",height:"100%",isAnimated:v})}):null]})}exports.IconButtonVariant=y;exports.default=P;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../jsx-runtime-BB_1_6y_.js"),s=require("react"),o=require("@kuma-ui/core"),d=require("../icons/icon.js"),g=require("../theme.js"),D=require("./theme-setter.js"),r=require("./button.js"),M=require("./button-tooltip.js"),z=require("./click-ripples.js"),b=require("./hover-gradient.js"),A=require("./skeleton.js"),C=require("./atom.js");var y=(e=>(e.default="default",e.success="success",e.warning="warning",e.danger="danger",e))(y||{});function O({icon:e,variant:u="default",label:p,tooltipPosition:E,href:f,target:q,rel:w,disabled:_,isLoading:k,isSkeleton:c,isSkeletonAnimated:v=!0,className:N,...I}){const j=s.useId(),T=D.useIsDarkMode(),n=f&&!c,[a,B]=s.useState(e),[h,m]=s.useState(!1),R=s.useRef(e),i=s.useRef(null);s.useEffect(()=>{R.current=e},[e]);const l=s.useCallback(()=>{i.current&&(clearTimeout(i.current),i.current=null)},[]);s.useEffect(()=>{if(a===e){m(S=>S&&!1);return}m(!0),l(),i.current=setTimeout(()=>{m(!1),B(R.current)},370)},[a,e,l]),s.useEffect(()=>()=>{l()},[l]);const x=!!_||!!k||!!c;return t.jsxRuntimeExports.jsxs("div",{className:"kakadu-components-4096632152",children:[t.jsxRuntimeExports.jsxs(C.default,{...I,as:n?"a":"button",type:n?void 0:"button",href:n?f:void 0,target:n?q:void 0,rel:n?w:void 0,"aria-label":p,"aria-describedby":j,disabled:n?void 0:x,inert:n?x:void 0,className:o.cx(g.buttonResetStyles,g.effectStyles,"kakadu-components-2957737620",u==="default"&&o.cx(r.buttonSecondaryStyles,"kakadu-components-1561784812"),u==="success"&&o.cx(r.buttonSuccessStyles,"kakadu-components-1398421429"),u==="warning"&&o.cx(r.buttonWarningStyles,"kakadu-components-1872098090"),u==="danger"&&o.cx(r.buttonDangerStyles,"kakadu-components-2064536093"),c&&"kakadu-components-2662775151",N),children:[t.jsxRuntimeExports.jsxs("span",{"data-theme":u==="default"?T?"dark":"light":"dark",className:"kakadu-components-3040141419",children:[t.jsxRuntimeExports.jsx(d.default,{width:16,height:16,type:a,className:o.cx(d.iconShadowStyles,"kakadu-components-1562914001",h&&"kakadu-components-2360250719")}),a===e?null:t.jsxRuntimeExports.jsx(d.default,{width:16,height:16,type:e,className:o.cx(d.iconShadowStyles,"kakadu-components-1224061930",h&&"kakadu-components-2519520784")})]}),t.jsxRuntimeExports.jsx(r.ButtonLoader,{isLoading:k,size:14}),t.jsxRuntimeExports.jsx(M.default,{id:j,label:p,position:E}),x?null:t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(z.default,{size:50}),t.jsxRuntimeExports.jsx(b.default,{size:50,className:u==="default"?b.normalBlendStyles:void 0})]})]}),c?t.jsxRuntimeExports.jsx("div",{className:"kakadu-components-3422055155",children:t.jsxRuntimeExports.jsx(A.SkeletonInstance,{width:"100%",height:"100%",isAnimated:v})}):null]})}exports.IconButtonVariant=y;exports.default=O;

package/build/components/icon-button.mjs

@@ -1,24 +1,24 @@
 import { j as t } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useId as A, useState as j, useRef as y, useEffect as l, useCallback as C } from "react";
+import { useId as A, useState as j, useRef as y, useEffect as i, useCallback as C } from "react";
 import { cx as o } from "@kuma-ui/core";
 import b, { iconShadowStyles as S } from "../icons/icon.mjs";
 import { buttonResetStyles as E, effectStyles as M } from "../theme.mjs";
 import { useIsDarkMode as F } from "./theme-setter.mjs";
-import { ButtonLoader as G, buttonSecondaryStyles as H, buttonSuccessStyles as P, buttonWarningStyles as W, buttonDangerStyles as q } from "./button.mjs";
+import { ButtonLoader as G, buttonSecondaryStyles as H, buttonSuccessStyles as O, buttonWarningStyles as W, buttonDangerStyles as q } from "./button.mjs";
 import J from "./button-tooltip.mjs";
 import K from "./click-ripples.mjs";
-import L, { normalBlendStyles as O } from "./hover-gradient.mjs";
+import L, { normalBlendStyles as P } from "./hover-gradient.mjs";
 import { SkeletonInstance as Q } from "./skeleton.mjs";
 import U from "./atom.mjs";
 var X = /* @__PURE__ */ ((e) => (e.default = "default", e.success = "success", e.warning = "warning", e.danger = "danger", e))(X || {});
-function ue({
+function ce({
   icon: e,
   variant: n = "default",
   label: m,
   tooltipPosition: w,
   href: p,
-  target: v,
-  rel: N,
+  target: N,
+  rel: v,
   disabled: R,
   isLoading: f,
   isSkeleton: r,
@@ -26,36 +26,36 @@ function ue({
   className: B,
   ...D
 }) {
-  const k = A(), T = F(), s = p && !r, [a, z] = j(e), [h, d] = j(!1), x = y(e), u = y(null);
-  l(() => {
+  const k = A(), T = F(), s = p && !r, [a, z] = j(e), [h, d] = j(!1), x = y(e), c = y(null);
+  i(() => {
     x.current = e;
   }, [e]);
-  const c = C(() => {
-    u.current && (clearTimeout(u.current), u.current = null);
+  const u = C(() => {
+    c.current && (clearTimeout(c.current), c.current = null);
   }, []);
-  l(() => {
+  i(() => {
     if (a === e) {
       d((g) => g && !1);
       return;
     }
-    d(!0), c(), u.current = setTimeout(() => {
+    d(!0), u(), c.current = setTimeout(() => {
       d(!1), z(x.current);
     }, 370);
-  }, [a, e, c]), l(() => () => {
-    c();
-  }, [c]);
-  const i = !!R || !!f || !!r;
+  }, [a, e, u]), i(() => () => {
+    u();
+  }, [u]);
+  const l = !!R || !!f || !!r;
   return /* @__PURE__ */ t.jsxs("div", { className: "kakadu-components-4096632152", children: [
-    /* @__PURE__ */ t.jsxs(U, { ...D, as: s ? "a" : "button", type: s ? void 0 : "button", href: s ? p : void 0, target: s ? v : void 0, rel: s ? N : void 0, "aria-label": m, "aria-describedby": k, disabled: s ? void 0 : i, inert: s ? i : void 0, className: o(E, M, "kakadu-components-2957737620", n === "default" && o(H, "kakadu-components-1561784812"), n === "success" && o(P, "kakadu-components-1398421429"), n === "warning" && o(W, "kakadu-components-1872098090"), n === "danger" && o(q, "kakadu-components-2064536093"), r && "kakadu-components-2662775151", B), children: [
+    /* @__PURE__ */ t.jsxs(U, { ...D, as: s ? "a" : "button", type: s ? void 0 : "button", href: s ? p : void 0, target: s ? N : void 0, rel: s ? v : void 0, "aria-label": m, "aria-describedby": k, disabled: s ? void 0 : l, inert: s ? l : void 0, className: o(E, M, "kakadu-components-2957737620", n === "default" && o(H, "kakadu-components-1561784812"), n === "success" && o(O, "kakadu-components-1398421429"), n === "warning" && o(W, "kakadu-components-1872098090"), n === "danger" && o(q, "kakadu-components-2064536093"), r && "kakadu-components-2662775151", B), children: [
       /* @__PURE__ */ t.jsxs("span", { "data-theme": n === "default" ? T ? "dark" : "light" : "dark", className: "kakadu-components-3040141419", children: [
         /* @__PURE__ */ t.jsx(b, { width: 16, height: 16, type: a, className: o(S, "kakadu-components-1562914001", h && "kakadu-components-2360250719") }),
         a === e ? null : /* @__PURE__ */ t.jsx(b, { width: 16, height: 16, type: e, className: o(S, "kakadu-components-1224061930", h && "kakadu-components-2519520784") })
       ] }),
       /* @__PURE__ */ t.jsx(G, { isLoading: f, size: 14 }),
       /* @__PURE__ */ t.jsx(J, { id: k, label: m, position: w }),
-      i ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+      l ? null : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
         /* @__PURE__ */ t.jsx(K, { size: 50 }),
-        /* @__PURE__ */ t.jsx(L, { size: 50, className: n === "default" ? O : void 0 })
+        /* @__PURE__ */ t.jsx(L, { size: 50, className: n === "default" ? P : void 0 })
       ] })
     ] }),
     r ? /* @__PURE__ */ t.jsx("div", { className: "kakadu-components-3422055155", children: /* @__PURE__ */ t.jsx(Q, { width: "100%", height: "100%", isAnimated: I }) }) : null
@@ -63,5 +63,5 @@ function ue({
 }
 export {
   X as IconButtonVariant,
-  ue as default
+  ce as default
 };

package/build/components/modal.d.ts

@@ -13,7 +13,7 @@ type ModalProviderProperties<Data = any> = {
 export declare function useModalContext<Data = any>(): ModalProviderProperties<Data>;
 export declare function ModalContent<Type extends AtomElementType = DefaultAtomElementType>(properties: FlexProperties<Type>): import("react/jsx-runtime").JSX.Element;
 export declare function ModalHeading<Type extends AtomElementType = DefaultHeadingElementType>({ as, className, ...properties }: AtomProperties<Type>): import("react/jsx-runtime").JSX.Element;
-export declare function ModalActions<Type extends AtomElementType = DefaultAtomElementType>({ as, className, ...properties }: FlexProperties<Type>): import("react/jsx-runtime").JSX.Element;
+export declare function ModalActions<Type extends AtomElementType = DefaultAtomElementType>({ as, ...properties }: FlexProperties<Type>): import("react/jsx-runtime").JSX.Element;
 export type ModalProperties<Data = any> = {
     readonly root?: HTMLElement | ShadowRoot;
     readonly outerDecorators?: DecoratorType[];

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

package/build/components/modal.mjs

@@ -1,78 +1,77 @@
 import { j as t } from "../jsx-runtime-B4hRZ52C.mjs";
-import { createContext as q, useRef as h, useState as w, useCallback as p, useMemo as I, useEffect as m, useContext as z } from "react";
-import { cx as f } from "@kuma-ui/core";
+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 F from "./decorators.mjs";
-import C from "./flex.mjs";
-import { defaultAtomElementType as U } from "./atom.mjs";
-import { Heading as V, defaultHeadingElementType as X } from "./text.mjs";
-const A = q({
+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({
   isVisible: !1,
   isInteractive: !1
 }), {
-  Provider: Y
-} = A;
-function Z() {
-  return z(A);
-}
+  Provider: Z
+} = C;
 function _() {
+  return z(C);
+}
+function W() {
   const {
     isInteractive: n,
     close: o
-  } = Z(), s = p(() => {
+  } = _(), s = 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 }) });
 }
 function ue(n) {
-  return /* @__PURE__ */ t.jsx(C, { gap: 2, ...n });
+  return /* @__PURE__ */ t.jsx(A, { gap: 2, ...n });
 }
-function le({
+function de({
   as: n,
   className: o,
   ...s
 }) {
-  return /* @__PURE__ */ t.jsx(V, { ...s, as: n ?? X, className: f("kakadu-components-4275938488", o) });
+  return /* @__PURE__ */ t.jsx(X, { ...s, as: n ?? Y, className: w("kakadu-components-4275938488", o) });
 }
-function de({
+function me({
   as: n,
-  className: o,
-  ...s
+  ...o
 }) {
-  return /* @__PURE__ */ t.jsx(C, { direction: "row", gap: 1, ...s, as: n ?? U, className: f("kakadu-components-1895330929", o) });
+  return /* @__PURE__ */ t.jsx(A, { direction: "row", gap: 1, alignment: U.end, ...o, as: n ?? V });
 }
-function me({
+function fe({
   root: n,
   outerDecorators: o = [],
   innerDecorators: s = [],
-  label: k,
-  maxWidth: r,
+  label: p,
+  maxWidth: a,
   className: x,
-  isVisible: a,
-  isFullWidth: u = !1,
+  isVisible: r,
+  isFullWidth: l = !1,
   shouldCloseOnOutsideClick: i = !0,
-  shouldCloseOnEscapePress: l = !0,
+  shouldCloseOnEscapePress: u = !0,
   showCloseButton: H = !0,
-  onClose: v,
+  onClose: k,
   children: B
 }) {
-  const E = h(null), M = h(null), [g, P] = w(!1), [c, d] = w(!1), y = p((e) => {
-    E.current = e, d(!1);
-  }, []), T = h(null), N = p((e) => {
+  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) => {
     e && (T.current = e);
-  }, []), [L, R] = w(a ?? !1), D = I(() => ({
+  }, []), [L, N] = h(r ?? !1), D = I(() => ({
     isVisible: L,
     isInteractive: c,
-    setInitialFocus: N,
+    setInitialFocus: F,
     close: y
-  }), [L, c, N, y]);
+  }), [L, c, F, y]);
   m(() => {
-    a && (P(!0), R(!0));
-  }, [a]), m(() => {
-    if (a) {
+    r && (P(!0), N(!0));
+  }, [r]), m(() => {
+    if (r) {
       const e = setTimeout(() => {
         d(!0);
       }, 100);
@@ -81,67 +80,67 @@ function me({
       };
     }
     d(!1);
-  }, [a]), m(() => {
-    if (g && !c) {
+  }, [r]), m(() => {
+    if (M && !c) {
       const e = setTimeout(() => {
-        v == null || v(E.current ?? void 0), R(!1);
+        k == null || k(g.current ?? void 0), N(!1);
       }, 370);
       return () => {
         clearTimeout(e);
       };
     }
-  }, [g, c, v]), m(() => {
-    const e = M.current;
-    if (a && i && e) {
-      const j = ($) => {
+  }, [M, c, k]), m(() => {
+    const e = E.current;
+    if (r && i && e) {
+      const v = ($) => {
         e === $.target && d(!1);
       };
-      return e.addEventListener("click", j), () => {
-        e.removeEventListener("click", j);
+      return e.addEventListener("click", v), () => {
+        e.removeEventListener("click", v);
       };
     }
-  }, [a, i]), m(() => {
-    if (!a || !l)
+  }, [r, i]), m(() => {
+    if (!r || !u)
       return;
-    const e = (j) => {
-      j.key === "Escape" && d(!1);
+    const e = (v) => {
+      v.key === "Escape" && d(!1);
     };
     return window.addEventListener("keydown", e), () => {
       window.removeEventListener("keydown", e);
     };
-  }, [a, l]);
+  }, [r, u]);
   const S = I(() => ({
     initialFocus: () => T.current ?? void 0,
     onActivate: () => {
       var e;
       return (e = T.current) == null ? void 0 : e.focus();
     }
-  }), []), b = /* @__PURE__ */ t.jsx(F, { decorators: o, children: /* @__PURE__ */ t.jsx("div", { "aria-hidden": !c, style: {
-    "--max-width": r ? `${r}px` : void 0
-  }, className: f("kakadu-components-4119461136", c && "kakadu-components-2522346797", x), children: /* @__PURE__ */ t.jsx(F, { decorators: s, 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": k ?? "Modal", className: f("kakadu-components-3324483532", u && "kakadu-components-3799971070", c && "kakadu-components-968755580"), children: /* @__PURE__ */ t.jsxs(Y, { value: D, children: [
-    H ? /* @__PURE__ */ t.jsx(_, {}) : null,
-    /* @__PURE__ */ t.jsx("div", { className: f("kakadu-components-633990035", u && "kakadu-components-171969824"), children: B })
+  }), []), R = /* @__PURE__ */ t.jsx(b, { 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 })
   ] }) }) }) }) }) }) });
-  return n ? G(b, n) : b;
+  return n ? G(R, n) : R;
 }
-function fe(n, o) {
-  const [s, k] = w(!1), r = h(void 0), x = p(async () => (k(!0), new Promise((i) => {
-    r.current = i;
-  })), []), a = p((i) => {
-    var l;
-    k(!1), (l = r.current) == null || l.call(r, i), r.current = void 0;
-  }, []), u = I(() => /* @__PURE__ */ t.jsx(n, { ...o, isVisible: s, onClose: a }), [n, o, s, a]);
+function pe(n, o) {
+  const [s, 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]);
   return I(() => ({
     isVisible: s,
     show: x,
-    modal: u
-  }), [s, x, u]);
+    modal: l
+  }), [s, x, l]);
 }
 export {
-  de as ModalActions,
+  me as ModalActions,
   ue as ModalContent,
-  le as ModalHeading,
-  me as default,
-  fe as useModal,
-  Z as useModalContext
+  de as ModalHeading,
+  fe as default,
+  pe as useModal,
+  _ as useModalContext
 };

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

package/build/components/popover-menu.mjs

@@ -42,17 +42,17 @@ function G({
   ...f
 }) {
   const {
-    isVisible: l,
+    isVisible: m,
     isPreparingFocus: u,
     isFocused: c,
-    close: m
+    close: l
   } = N(), {
     isKeyboardNavigating: d
   } = E(), j = A(!0), h = v(() => {
     j.current = c;
   }, [c]), w = v((S) => {
-    !d && !j.current || c && (s == null || s(S), p ? p.show() : r && (m == null || m()));
-  }, [d, c, s, p, r, m]), y = x(() => /* @__PURE__ */ n.jsxs(R, { as: o ? "a" : "button", ...f, type: o ? void 0 : "button", role: "menuitem", href: o, inert: !l && !u, disabled: o ? void 0 : !l && !u, className: K(C, "kakadu-components-4075327442", c && "kakadu-components-3160069815", d ? "kakadu-components-2043829669" : c && "kakadu-components-2862719809", i), onClick: w, onPointerDownCapture: h, children: [
+    !d && !j.current || c && (s == null || s(S), p ? p.show() : r && (l == null || l()));
+  }, [d, c, s, p, r, l]), y = x(() => /* @__PURE__ */ n.jsxs(R, { as: o ? "a" : "button", ...f, type: o ? void 0 : "button", role: "menuitem", href: o, inert: !m && !u, disabled: o ? void 0 : !m && !u, className: K(C, "kakadu-components-4075327442", c && "kakadu-components-3160069815", d ? "kakadu-components-2043829669" : c && "kakadu-components-2862719809", i), onClick: w, onPointerDownCapture: h, children: [
     /* @__PURE__ */ n.jsxs(M, { className: "kakadu-components-1109353535", children: [
       t ? /* @__PURE__ */ n.jsx(P, { width: 12, height: 12, type: t }) : null,
       /* @__PURE__ */ n.jsx("span", { className: "kakadu-components-913703148", children: e }),
@@ -62,7 +62,7 @@ function G({
       /* @__PURE__ */ n.jsx(T, { isActive: c, size: 100 }),
       /* @__PURE__ */ n.jsx(z, { isActive: c, size: 150, className: L })
     ] })
-  ] }), [o, f, l, u, d, i, w, h, t, e, a, c]);
+  ] }), [o, f, m, u, d, i, w, h, t, e, a, c]);
   return /* @__PURE__ */ n.jsx(B, { decorators: k, children: p ? /* @__PURE__ */ n.jsx(O, { menu: p.popoverMenu, className: "kakadu-components-1861176543", children: y }) : y });
 }
 function U(e) {
@@ -90,19 +90,19 @@ function q({
     if (!t)
       return;
     const i = (s) => {
-      const f = a.filter((d) => d.isConnected), l = f.length;
-      if (l === 0)
+      const f = a.filter((d) => d.isConnected), m = f.length;
+      if (m === 0)
         return;
       let u;
       const c = document.activeElement;
-      let m = c ? f.indexOf(c) : -1;
-      switch (m === -1 && (m = 0), s.key) {
+      let l = c ? f.indexOf(c) : -1;
+      switch (l === -1 && (l = 0), s.key) {
         case "ArrowDown": {
-          u = (m + 1) % l;
+          u = (l + 1) % m;
           break;
         }
         case "ArrowUp": {
-          u = (m - 1 + l) % l;
+          u = (l - 1 + m) % m;
           break;
         }
         case "Home": {
@@ -110,7 +110,7 @@ function q({
           break;
         }
         case "End": {
-          u = l - 1;
+          u = m - 1;
           break;
         }
         case "Tab": {

package/build/components/popover.js

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

package/build/components/skeleton.d.ts

@@ -1,4 +1,8 @@
 import { type HTMLAttributes } from 'react';
+export declare function getDeterministicSkeletonWidth(a: number, b: number, { minimum, maximum }: {
+    readonly minimum: number;
+    readonly maximum: number;
+}): number;
 type SkeletonProperties = {
     readonly label?: string;
     readonly width?: string | number;

package/build/components/skeleton.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),x=require("react"),l=require("@kuma-ui/core");function o({label:u,width:t,height:s,className:a,children:r,isAnimated:n=!0,...c}){return e.jsxRuntimeExports.jsx("span",{...c,"aria-label":u,className:l.cx("kakadu-components-4254676273",n&&"kakadu-components-574297718",a),style:{width:t,height:s},children:r??e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:" "})})}const i="kakadu-components-3140855657";function m({label:u,lines:t=1,isAnimated:s=!0}){const a=x.useMemo(()=>{const r=[];if(t<=1)return r;for(let n=1;n<t;n+=1)r.push(e.jsxRuntimeExports.jsx(o,{"aria-hidden":!0,width:"100%",height:"1em",isAnimated:s,className:i},n));return r},[t,s]);return t<1?null:t===1?e.jsxRuntimeExports.jsx(o,{"aria-busy":!0,label:u,width:"100%",height:"1em",isAnimated:s,role:"status",className:i}):e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[a,e.jsxRuntimeExports.jsx(o,{"aria-busy":!0,label:u,width:"60%",height:"1em",isAnimated:s,role:"status",className:i})]})}exports.SkeletonInstance=o;exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../jsx-runtime-BB_1_6y_.js"),l=require("react"),x=require("@kuma-ui/core");function h(u,e,{minimum:t,maximum:o}){const n=u*374761393+e*668265263+2147483647,r=Math.imul(n,1274126177),a=o-t+1;return t+Math.abs(r)%a}function i({label:u,width:e,height:t,className:o,children:n,isAnimated:r=!0,...a}){return s.jsxRuntimeExports.jsx("span",{...a,"aria-label":u,className:x.cx("kakadu-components-4254676273",r&&"kakadu-components-574297718",o),style:{width:e,height:t},children:n??s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:" "})})}const c="kakadu-components-3140855657";function m({label:u,lines:e=1,isAnimated:t=!0}){const o=l.useMemo(()=>{const n=[];if(e<=1)return n;for(let r=1;r<e;r+=1)n.push(s.jsxRuntimeExports.jsx(i,{"aria-hidden":!0,width:"100%",height:"1em",isAnimated:t,className:c},r));return n},[e,t]);return e<1?null:e===1?s.jsxRuntimeExports.jsx(i,{"aria-busy":!0,label:u,width:"100%",height:"1em",isAnimated:t,role:"status",className:c}):s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[o,s.jsxRuntimeExports.jsx(i,{"aria-busy":!0,label:u,width:"60%",height:"1em",isAnimated:t,role:"status",className:c})]})}exports.SkeletonInstance=i;exports.default=m;exports.getDeterministicSkeletonWidth=h;

package/build/components/skeleton.mjs

@@ -1,40 +1,48 @@
-import { j as e } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useMemo as i } from "react";
+import { j as s } from "../jsx-runtime-B4hRZ52C.mjs";
+import { useMemo as h } from "react";
 import { cx as l } from "@kuma-ui/core";
-function u({
-  label: n,
+function k(a, t, {
+  minimum: e,
+  maximum: o
+}) {
+  const r = a * 374761393 + t * 668265263 + 2147483647, n = Math.imul(r, 1274126177), u = o - e + 1;
+  return e + Math.abs(n) % u;
+}
+function c({
+  label: a,
   width: t,
-  height: r,
+  height: e,
   className: o,
-  children: s,
-  isAnimated: a = !0,
-  ...c
+  children: r,
+  isAnimated: n = !0,
+  ...u
 }) {
-  return /* @__PURE__ */ e.jsx("span", { ...c, "aria-label": n, className: l("kakadu-components-4254676273", a && "kakadu-components-574297718", o), style: {
+  return /* @__PURE__ */ s.jsx("span", { ...u, "aria-label": a, className: l("kakadu-components-4254676273", n && "kakadu-components-574297718", o), style: {
     width: t,
-    height: r
-  }, children: s ?? /* @__PURE__ */ e.jsx(e.Fragment, { children: " " }) });
+    height: e
+  }, children: r ?? /* @__PURE__ */ s.jsx(s.Fragment, { children: " " }) });
 }
-const m = "kakadu-components-3140855657";
+const i = "kakadu-components-3140855657";
 function p({
-  label: n,
+  label: a,
   lines: t = 1,
-  isAnimated: r = !0
+  isAnimated: e = !0
 }) {
-  const o = i(() => {
-    const s = [];
+  const o = h(() => {
+    const r = [];
     if (t <= 1)
-      return s;
-    for (let a = 1; a < t; a += 1)
-      s.push(/* @__PURE__ */ e.jsx(u, { "aria-hidden": !0, width: "100%", height: "1em", isAnimated: r, className: m }, a));
-    return s;
-  }, [t, r]);
-  return t < 1 ? null : t === 1 ? /* @__PURE__ */ e.jsx(u, { "aria-busy": !0, label: n, width: "100%", height: "1em", isAnimated: r, role: "status", className: m }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      return r;
+    for (let n = 1; n < t; n += 1)
+      r.push(/* @__PURE__ */ s.jsx(c, { "aria-hidden": !0, width: "100%", height: "1em", isAnimated: e, className: i }, n));
+    return r;
+  }, [t, e]);
+  return t < 1 ? null : t === 1 ? /* @__PURE__ */ s.jsx(c, { "aria-busy": !0, label: a, width: "100%", height: "1em", isAnimated: e, role: "status", className: i }) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     o,
-    /* @__PURE__ */ e.jsx(u, { "aria-busy": !0, label: n, width: "60%", height: "1em", isAnimated: r, role: "status", className: m })
+    /* @__PURE__ */ s.jsx(c, { "aria-busy": !0, label: a, width: "60%", height: "1em", isAnimated: e, role: "status", className: i })
   ] });
 }
 export {
-  u as SkeletonInstance,
-  p as default
+  c as SkeletonInstance,
+  p as default,
+  k as getDeterministicSkeletonWidth
 };