@kakadu/components 4.0.5 → 4.0.6

package/build/_commonjsHelpers-DGT2Y9Xa.js

@@ -0,0 +1 @@
+"use strict";function n(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function c(e){if(Object.prototype.hasOwnProperty.call(e,"__esModule"))return e;var o=e.default;if(typeof o=="function"){var t=function r(){return this instanceof r?Reflect.construct(o,arguments,this.constructor):o.apply(this,arguments)};t.prototype=o.prototype}else t={};return Object.defineProperty(t,"__esModule",{value:!0}),Object.keys(e).forEach(function(r){var u=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,u.get?u:{enumerable:!0,get:function(){return e[r]}})}),t}exports.getAugmentedNamespace=c;exports.getDefaultExportFromCjs=n;

package/build/_commonjsHelpers-MdHo5S7N.mjs

@@ -0,0 +1,26 @@
+function n(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+function c(e) {
+  if (Object.prototype.hasOwnProperty.call(e, "__esModule")) return e;
+  var o = e.default;
+  if (typeof o == "function") {
+    var t = function r() {
+      return this instanceof r ? Reflect.construct(o, arguments, this.constructor) : o.apply(this, arguments);
+    };
+    t.prototype = o.prototype;
+  } else t = {};
+  return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(r) {
+    var u = Object.getOwnPropertyDescriptor(e, r);
+    Object.defineProperty(t, r, u.get ? u : {
+      enumerable: !0,
+      get: function() {
+        return e[r];
+      }
+    });
+  }), t;
+}
+export {
+  n as a,
+  c as g
+};

package/build/components/combobox.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const j=require("../jsx-runtime-BB_1_6y_.js"),o=require("react"),H=require("../focus-trap-react-CkKg4ubd.js"),X=require("@kuma-ui/core"),re=require("../use-synchronized-value-D0_rS5Wp.js"),ae=require("../icons/icon.js"),ce=require("./input.js"),$=require("./text.js"),Y=require("./flex.js"),ie=require("./skeleton.js");var z={exports:{}};const M=new Uint32Array(65536),le=(t,c)=>{const r=t.length,p=c.length,i=1<<r-1;let l=-1,f=0,x=r,n=r;for(;n--;)M[t.charCodeAt(n)]|=1<<n;for(n=0;n<p;n++){let m=M[c.charCodeAt(n)];const v=m|f;m|=(m&l)+l^l,f|=~(m|l),l&=m,f&i&&x++,l&i&&x--,f=f<<1|1,l=l<<1|~(v|f),f&=v}for(n=r;n--;)M[t.charCodeAt(n)]=0;return x},ue=(t,c)=>{const r=c.length,p=t.length,i=[],l=[],f=Math.ceil(r/32),x=Math.ceil(p/32);for(let e=0;e<f;e++)l[e]=-1,i[e]=0;let n=0;for(;n<x-1;n++){let e=0,u=-1;const b=n*32,g=Math.min(32,p)+b;for(let s=b;s<g;s++)M[t.charCodeAt(s)]|=1<<s;for(let s=0;s<r;s++){const h=M[c.charCodeAt(s)],k=l[s/32|0]>>>s&1,w=i[s/32|0]>>>s&1,N=h|e,E=((h|w)&u)+u^u|h|w;let O=e|~(E|u),A=u&E;O>>>31^k&&(l[s/32|0]^=1<<s),A>>>31^w&&(i[s/32|0]^=1<<s),O=O<<1|k,A=A<<1|w,u=A|~(N|O),e=O&N}for(let s=b;s<g;s++)M[t.charCodeAt(s)]=0}let m=0,v=-1;const R=n*32,C=Math.min(32,p-R)+R;for(let e=R;e<C;e++)M[t.charCodeAt(e)]|=1<<e;let q=p;for(let e=0;e<r;e++){const u=M[c.charCodeAt(e)],b=l[e/32|0]>>>e&1,g=i[e/32|0]>>>e&1,s=u|m,h=((u|g)&v)+v^v|u|g;let k=m|~(h|v),w=v&h;q+=k>>>p-1&1,q-=w>>>p-1&1,k>>>31^b&&(l[e/32|0]^=1<<e),w>>>31^g&&(i[e/32|0]^=1<<e),k=k<<1|b,w=w<<1|g,v=w|~(s|k),m=k&s}for(let e=R;e<C;e++)M[t.charCodeAt(e)]=0;return q},J=(t,c)=>{if(t.length<c.length){const r=c;c=t,t=r}return c.length===0?t.length:t.length<=32?le(t,c):ue(t,c)},fe=(t,c)=>{let r=1/0,p=0;for(let i=0;i<c.length;i++){const l=J(t,c[i]);l<r&&(r=l,p=i)}return c[p]},de=Object.freeze(Object.defineProperty({__proto__:null,closest:fe,distance:J},Symbol.toStringTag,{value:"Module"})),me=H.getAugmentedNamespace(de);var G;function pe(){return G||(G=1,(function(t,c){(function(){var r;try{r=typeof Intl<"u"&&typeof Intl.Collator<"u"?Intl.Collator("generic",{sensitivity:"base"}):null}catch{console.log("Collator could not be initialized and wouldn't be used")}var p=me,i=[],l=[],f={get:function(x,n,m){var v=m&&r&&m.useCollator;if(v){var R=x.length,C=n.length;if(R===0)return C;if(C===0)return R;var q,e,u,b,g;for(u=0;u<C;++u)i[u]=u,l[u]=n.charCodeAt(u);i[C]=C;var s;for(u=0;u<R;++u){for(e=u+1,b=0;b<C;++b)q=e,s=r.compare(x.charAt(u),String.fromCharCode(l[b]))===0,e=i[b]+(s?0:1),g=q+1,e>g&&(e=g),g=i[b+1]+1,e>g&&(e=g),i[b]=q;i[b]=e}return e}return p.distance(x,n)}};t!==null&&t.exports===c?t.exports=f:typeof self<"u"&&typeof self.postMessage=="function"&&typeof self.importScripts=="function"?self.Levenshtein=f:typeof window<"u"&&window!==null&&(window.Levenshtein=f)})()})(z,z.exports)),z.exports}var ve=pe();const he=H.getDefaultExportFromCjs(ve);function Q(){const{value:t,setValue:c}=re.useSynchronizedValue("isKeyboardNavigating");return o.useMemo(()=>({isKeyboardNavigating:t,setIsKeyboardNavigating:c}),[t,c])}function L(t){return"text"in t?t.text:t.label}const B="kakadu-components-1144794361",P="kakadu-components-2911184744";function xe({isSelected:t,id:c,value:r,label:p,onSelect:i,onHover:l}){const{isKeyboardNavigating:f}=Q(),x=o.useCallback(()=>{i(r)},[i,r]),n=o.useCallback(v=>{f||v.movementX===0&&v.movementY===0||l(r)},[f,l,r]),m=o.useRef(null);return o.useEffect(()=>{const v=m.current;t&&v&&f&&setTimeout(()=>{v.scrollIntoView({behavior:"smooth",block:"nearest"})},0)},[t,f]),j.jsxRuntimeExports.jsx("li",{ref:m,id:c,role:"option","aria-selected":t,tabIndex:-1,className:X.cx(B,"kakadu-components-4130497639",f?"kakadu-components-962373561":"kakadu-components-1109598791"),onClick:x,onMouseMove:n,children:j.jsxRuntimeExports.jsx($.Span,{className:X.cx(P,typeof p=="string"&&"kakadu-components-154286052"),children:p})})}function be({isLoading:t,id:c,activeOptionId:r,selectedValue:p,options:i,onSelect:l,onHover:f}){const x=o.useRef(null);return o.useEffect(()=>{const n=x.current;n&&n.scrollIntoView({behavior:"smooth",block:"nearest"})},[]),j.jsxRuntimeExports.jsxs("ul",{ref:x,id:c,role:"listbox","aria-label":"Options",className:"kakadu-components-1951042708",children:[i.length===0?t?null:j.jsxRuntimeExports.jsxs(Y.default,{"aria-atomic":!0,as:"li",role:"status","aria-live":"polite",direction:"row",preset:"start",gap:.5,className:B,children:[j.jsxRuntimeExports.jsx(ae.default,{size:15,type:"exclamationTriangle"}),j.jsxRuntimeExports.jsx($.Span,{className:P,children:"No results."})]}):i.map((n,m)=>j.jsxRuntimeExports.jsx(xe,{...n,id:n.value===p?r:void 0,isSelected:n.value===p,onSelect:l,onHover:f},L(n)+m)),t?j.jsxRuntimeExports.jsx(Y.default,{as:"li",alignment:"center",className:B,children:j.jsxRuntimeExports.jsx($.Span,{className:P,children:j.jsxRuntimeExports.jsx(ie.SkeletonInstance,{width:"100%",height:"1.3em"})})}):null]})}function ge({isLoading:t,label:c,options:r,error:p,warning:i,information:l,footnote:f,className:x,onChange:n,onSelect:m,...v}){const R=o.useRef(null),C=o.useId(),q=o.useId(),[e,u]=o.useState(!1),b=o.useCallback(()=>{u(!0)},[]),g=o.useCallback(a=>{var d;(d=R.current)!=null&&d.contains(a.relatedTarget)||u(!1)},[]),[s,h]=o.useState(!1);o.useEffect(()=>{h(e)},[e]);const[k,w]=o.useState(""),{value:N}=v,[E,O]=o.useState(N),[A,W]=o.useState(N),U=o.useRef(A),I=o.useCallback(a=>{W(a),U.current=a},[]);o.useEffect(()=>{O(N),I(N)},[N,I]);const Z=o.useCallback(()=>{E&&(w(""),I(void 0))},[E,I]),ee=o.useCallback((a,d)=>{w(a),n==null||n(a,d),h(!0),O(void 0)},[n]),te=o.useCallback(a=>{var d;(d=R.current)!=null&&d.contains(a.target)&&h(!0)},[]),T=o.useCallback(a=>{const d=a==null?void 0:a.value;I(d),a?w(L(a)):(w(""),n==null||n("")),m==null||m(d)},[I,n,m]),ne=o.useCallback(a=>{const d=r.find(y=>y.value===a);T(d),O(a),h(!1)},[r,T]),se=o.useCallback(a=>{I(a)},[I]),S=o.useMemo(()=>E||k.length===0?r:r.filter(a=>{const y=L(a).toLowerCase(),_=k.toLowerCase();return!!(y.includes(_)||_.includes(y)||he.get(y,_,{useCollator:!0})<=2)}),[E,r,k]);o.useEffect(()=>{!E&&k.length>0&&S.length>0&&!S.some(a=>A===a.value)&&I(S[0].value)},[E,k,S,A,I]);const{setIsKeyboardNavigating:F}=Q();o.useEffect(()=>{if(!e)return;const a=d=>{d.movementX===0&&d.movementY===0||F(!1)};return window.addEventListener("mousemove",a,{capture:!0}),()=>{window.removeEventListener("mousemove",a,{capture:!0})}},[e,F]),o.useEffect(()=>{if(!e)return;const a=d=>{let y;const _=S.length,K=S.findIndex(V=>V.value===U.current),D=()=>{d.preventDefault(),d.stopPropagation(),d.stopImmediatePropagation()};switch(d.key){case"Enter":{const V=S[K];V&&(D(),F(!0),h(!1),T(V),O(V.value));break}case"Escape":{s?(D(),E?I(void 0):T(void 0),h(!1)):E?(D(),h(!0),T(void 0)):(D(),u(!1),d.target instanceof HTMLInputElement&&d.target.blur());return}case"ArrowDown":{y=K+1,h(!0);break}case"ArrowUp":{y=K-1,h(!0),y<0&&(y=_-1);break}case"Home":{h(!0),y=0;break}case"End":{h(!0),y=_-1;break}case"Backspace":{S.some(V=>V.value===E)&&(D(),T(void 0),h(!0));break}}if(y!==void 0&&(D(),F(!0),_>0)){const V=S[y%_];V&&I(V.value)}};return window.addEventListener("keydown",a,{capture:!0}),()=>{window.removeEventListener("keydown",a,{capture:!0})}},[e,S,F,h,T,O,s,E,I]);const oe=o.useMemo(()=>({clickOutsideDeactivates:!0,returnFocusOnDeactivate:!1,escapeDeactivates:!1}),[]);return j.jsxRuntimeExports.jsx(H.focusTrapReactExports.FocusTrap,{active:s,focusTrapOptions:oe,children:j.jsxRuntimeExports.jsx(ce.default,{...v,ref:R,role:"combobox",autoComplete:"off","aria-controls":C,"aria-expanded":s,"aria-activedescendant":s?q:void 0,label:c,value:k,error:p,warning:i,information:l,footnote:f,attachments:s?j.jsxRuntimeExports.jsx(be,{isLoading:t,id:C,activeOptionId:q,selectedValue:A,options:S,onSelect:ne,onHover:se}):null,className:x,onMouseDown:te,onChange:ee,onBeforeInput:Z,onFocus:b,onBlur:g})})}exports.default=ge;exports.getComboboxOptionString=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const R=require("../jsx-runtime-BB_1_6y_.js"),r=require("react"),G=require("../_commonjsHelpers-DGT2Y9Xa.js"),U=require("@kuma-ui/core"),oe=require("../use-synchronized-value-D0_rS5Wp.js"),re=require("../icons/icon.js"),ae=require("./input.js"),B=require("./text.js"),X=require("./flex.js"),ce=require("./skeleton.js");var K={exports:{}};const _=new Uint32Array(65536),le=(t,c)=>{const o=t.length,p=c.length,l=1<<o-1;let i=-1,f=0,x=o,n=o;for(;n--;)_[t.charCodeAt(n)]|=1<<n;for(n=0;n<p;n++){let m=_[c.charCodeAt(n)];const h=m|f;m|=(m&i)+i^i,f|=~(m|i),i&=m,f&l&&x++,i&l&&x--,f=f<<1|1,i=i<<1|~(h|f),f&=h}for(n=o;n--;)_[t.charCodeAt(n)]=0;return x},ie=(t,c)=>{const o=c.length,p=t.length,l=[],i=[],f=Math.ceil(o/32),x=Math.ceil(p/32);for(let e=0;e<f;e++)i[e]=-1,l[e]=0;let n=0;for(;n<x-1;n++){let e=0,u=-1;const b=n*32,g=Math.min(32,p)+b;for(let s=b;s<g;s++)_[t.charCodeAt(s)]|=1<<s;for(let s=0;s<o;s++){const v=_[c.charCodeAt(s)],k=i[s/32|0]>>>s&1,w=l[s/32|0]>>>s&1,M=v|e,E=((v|w)&u)+u^u|v|w;let S=e|~(E|u),A=u&E;S>>>31^k&&(i[s/32|0]^=1<<s),A>>>31^w&&(l[s/32|0]^=1<<s),S=S<<1|k,A=A<<1|w,u=A|~(M|S),e=S&M}for(let s=b;s<g;s++)_[t.charCodeAt(s)]=0}let m=0,h=-1;const j=n*32,C=Math.min(32,p-j)+j;for(let e=j;e<C;e++)_[t.charCodeAt(e)]|=1<<e;let O=p;for(let e=0;e<o;e++){const u=_[c.charCodeAt(e)],b=i[e/32|0]>>>e&1,g=l[e/32|0]>>>e&1,s=u|m,v=((u|g)&h)+h^h|u|g;let k=m|~(v|h),w=h&v;O+=k>>>p-1&1,O-=w>>>p-1&1,k>>>31^b&&(i[e/32|0]^=1<<e),w>>>31^g&&(l[e/32|0]^=1<<e),k=k<<1|b,w=w<<1|g,h=w|~(s|k),m=k&s}for(let e=j;e<C;e++)_[t.charCodeAt(e)]=0;return O},J=(t,c)=>{if(t.length<c.length){const o=c;c=t,t=o}return c.length===0?t.length:t.length<=32?le(t,c):ie(t,c)},ue=(t,c)=>{let o=1/0,p=0;for(let l=0;l<c.length;l++){const i=J(t,c[l]);i<o&&(o=i,p=l)}return c[p]},fe=Object.freeze(Object.defineProperty({__proto__:null,closest:ue,distance:J},Symbol.toStringTag,{value:"Module"})),de=G.getAugmentedNamespace(fe);var Y;function me(){return Y||(Y=1,(function(t,c){(function(){var o;try{o=typeof Intl<"u"&&typeof Intl.Collator<"u"?Intl.Collator("generic",{sensitivity:"base"}):null}catch{console.log("Collator could not be initialized and wouldn't be used")}var p=de,l=[],i=[],f={get:function(x,n,m){var h=m&&o&&m.useCollator;if(h){var j=x.length,C=n.length;if(j===0)return C;if(C===0)return j;var O,e,u,b,g;for(u=0;u<C;++u)l[u]=u,i[u]=n.charCodeAt(u);l[C]=C;var s;for(u=0;u<j;++u){for(e=u+1,b=0;b<C;++b)O=e,s=o.compare(x.charAt(u),String.fromCharCode(i[b]))===0,e=l[b]+(s?0:1),g=O+1,e>g&&(e=g),g=l[b+1]+1,e>g&&(e=g),l[b]=O;l[b]=e}return e}return p.distance(x,n)}};t!==null&&t.exports===c?t.exports=f:typeof self<"u"&&typeof self.postMessage=="function"&&typeof self.importScripts=="function"?self.Levenshtein=f:typeof window<"u"&&window!==null&&(window.Levenshtein=f)})()})(K,K.exports)),K.exports}var pe=me();const he=G.getDefaultExportFromCjs(pe);function Q(){const{value:t,setValue:c}=oe.useSynchronizedValue("isKeyboardNavigating");return r.useMemo(()=>({isKeyboardNavigating:t,setIsKeyboardNavigating:c}),[t,c])}function T(t){return"text"in t?t.text:t.label}const D="kakadu-components-1144794361",H="kakadu-components-2911184744";function ve({isSelected:t,id:c,value:o,label:p,onSelect:l,onHover:i}){const{isKeyboardNavigating:f}=Q(),x=r.useCallback(()=>{l(o)},[l,o]),n=r.useCallback(h=>{f||h.movementX===0&&h.movementY===0||i(o)},[f,i,o]),m=r.useRef(null);return r.useEffect(()=>{const h=m.current;t&&h&&f&&setTimeout(()=>{h.scrollIntoView({behavior:"smooth",block:"nearest"})},0)},[t,f]),R.jsxRuntimeExports.jsx("li",{ref:m,id:c,role:"option","aria-selected":t,tabIndex:-1,className:U.cx(D,"kakadu-components-4130497639",f?"kakadu-components-962373561":"kakadu-components-1109598791"),onClick:x,onMouseMove:n,children:R.jsxRuntimeExports.jsx(B.Span,{className:U.cx(H,typeof p=="string"&&"kakadu-components-154286052"),children:p})})}function xe({isLoading:t,id:c,activeOptionId:o,selectedValue:p,options:l,onSelect:i,onHover:f}){const x=r.useRef(null);return r.useEffect(()=>{const n=x.current;n&&n.scrollIntoView({behavior:"smooth",block:"nearest"})},[]),R.jsxRuntimeExports.jsxs("ul",{ref:x,id:c,role:"listbox","aria-label":"Options",tabIndex:-1,className:"kakadu-components-1951042708",children:[l.length===0?t?null:R.jsxRuntimeExports.jsxs(X.default,{"aria-atomic":!0,as:"li",role:"status","aria-live":"polite",direction:"row",preset:"start",gap:.5,className:D,children:[R.jsxRuntimeExports.jsx(re.default,{size:15,type:"exclamationTriangle"}),R.jsxRuntimeExports.jsx(B.Span,{className:H,children:"No results."})]}):l.map((n,m)=>R.jsxRuntimeExports.jsx(ve,{...n,id:n.value===p?o:void 0,isSelected:n.value===p,onSelect:i,onHover:f},T(n)+m)),t?R.jsxRuntimeExports.jsx(X.default,{as:"li",alignment:"center",className:D,children:R.jsxRuntimeExports.jsx(B.Span,{className:H,children:R.jsxRuntimeExports.jsx(ce.SkeletonInstance,{width:"100%",height:"1.3em"})})}):null]})}function be({isLoading:t,label:c,options:o,error:p,warning:l,information:i,footnote:f,className:x,onChange:n,onSelect:m,...h}){const j=r.useRef(null),C=r.useId(),O=r.useId(),[e,u]=r.useState(!1),b=r.useCallback(()=>{u(!0)},[]),g=r.useCallback(a=>{var d;(d=j.current)!=null&&d.contains(a.relatedTarget)||u(!1)},[]),[s,v]=r.useState(!1);r.useEffect(()=>{v(e)},[e]);const[k,w]=r.useState(""),{value:M}=h,[E,S]=r.useState(M),[A,W]=r.useState(M),P=r.useRef(A),I=r.useCallback(a=>{W(a),P.current=a},[]);r.useEffect(()=>{S(M),I(M)},[M,I]);const Z=r.useCallback(()=>{E&&(w(""),I(void 0))},[E,I]),ee=r.useCallback((a,d)=>{w(a),n==null||n(a,d),v(!0),S(void 0)},[n]),te=r.useCallback(a=>{var d;(d=j.current)!=null&&d.contains(a.target)&&v(!0)},[]),z=r.useCallback(a=>{const d=a==null?void 0:a.value;I(d),a?w(T(a)):(w(""),n==null||n("")),m==null||m(d)},[I,n,m]),ne=r.useCallback(a=>{const d=o.find(y=>y.value===a);z(d),S(a),v(!1)},[o,z]),se=r.useCallback(a=>{I(a)},[I]),q=r.useMemo(()=>E||k.length===0?o:o.filter(a=>{const y=T(a).toLowerCase(),N=k.toLowerCase();return!!(y.includes(N)||N.includes(y)||he.get(y,N,{useCollator:!0})<=2)}),[E,o,k]);r.useEffect(()=>{!E&&k.length>0&&q.length>0&&!q.some(a=>A===a.value)&&I(q[0].value)},[E,k,q,A,I]);const{setIsKeyboardNavigating:F}=Q();return r.useEffect(()=>{if(!e)return;const a=d=>{d.movementX===0&&d.movementY===0||F(!1)};return window.addEventListener("mousemove",a,{capture:!0}),()=>{window.removeEventListener("mousemove",a,{capture:!0})}},[e,F]),r.useEffect(()=>{if(!e)return;const a=d=>{let y;const N=q.length,$=q.findIndex(V=>V.value===P.current),L=()=>{d.preventDefault(),d.stopPropagation(),d.stopImmediatePropagation()};switch(d.key){case"Enter":{const V=q[$];V&&(L(),F(!0),v(!1),z(V),S(V.value));break}case"Escape":{s?(L(),E?I(void 0):z(void 0),v(!1)):E?(L(),v(!0),z(void 0)):(L(),u(!1),d.target instanceof HTMLInputElement&&d.target.blur());return}case"ArrowDown":{y=$+1,v(!0);break}case"ArrowUp":{y=$-1,v(!0),y<0&&(y=N-1);break}case"Home":{v(!0),y=0;break}case"End":{v(!0),y=N-1;break}case"Backspace":{q.some(V=>V.value===E)&&(L(),z(void 0),v(!0));break}}if(y!==void 0&&(L(),F(!0),N>0)){const V=q[y%N];V&&I(V.value)}};return window.addEventListener("keydown",a,{capture:!0}),()=>{window.removeEventListener("keydown",a,{capture:!0})}},[e,q,F,v,z,S,s,E,I]),R.jsxRuntimeExports.jsx(ae.default,{...h,ref:j,role:"combobox",autoComplete:"off","aria-controls":C,"aria-expanded":s,"aria-activedescendant":s?O:void 0,label:c,value:k,error:p,warning:l,information:i,footnote:f,attachments:s?R.jsxRuntimeExports.jsx(xe,{isLoading:t,id:C,activeOptionId:O,selectedValue:A,options:q,onSelect:ne,onHover:se}):null,className:x,onMouseDown:te,onChange:ee,onBeforeInput:Z,onFocus:b,onBlur:g})}exports.default=be;exports.getComboboxOptionString=T;

package/build/components/combobox.mjs

@@ -1,79 +1,79 @@
-import { j as O } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useRef as B, useId as J, useState as K, useCallback as E, useEffect as q, useMemo as P } from "react";
-import { g as le, a as ue, f as fe } from "../focus-trap-react-DATIi_Ob.mjs";
-import { cx as Q } from "@kuma-ui/core";
-import { u as de } from "../use-synchronized-value-XnIpeq1s.mjs";
-import me from "../icons/icon.mjs";
-import ve from "./input.mjs";
-import { Span as $ } from "./text.mjs";
-import W from "./flex.mjs";
-import { SkeletonInstance as he } from "./skeleton.mjs";
+import { j as V } from "../jsx-runtime-B4hRZ52C.mjs";
+import { useRef as T, useId as G, useState as D, useCallback as E, useEffect as z, useMemo as Z } from "react";
+import { g as ce, a as le } from "../_commonjsHelpers-MdHo5S7N.mjs";
+import { cx as J } from "@kuma-ui/core";
+import { u as ue } from "../use-synchronized-value-XnIpeq1s.mjs";
+import fe from "../icons/icon.mjs";
+import de from "./input.mjs";
+import { Span as P } from "./text.mjs";
+import Q from "./flex.mjs";
+import { SkeletonInstance as me } from "./skeleton.mjs";
 var R = { exports: {} };
-const S = new Uint32Array(65536), pe = (t, a) => {
-  const r = t.length, m = a.length, c = 1 << r - 1;
-  let i = -1, u = 0, p = r, n = r;
+const _ = new Uint32Array(65536), he = (t, a) => {
+  const r = t.length, m = a.length, i = 1 << r - 1;
+  let c = -1, u = 0, p = r, n = r;
   for (; n--; )
-    S[t.charCodeAt(n)] |= 1 << n;
+    _[t.charCodeAt(n)] |= 1 << n;
   for (n = 0; n < m; n++) {
-    let d = S[a.charCodeAt(n)];
-    const v = d | u;
-    d |= (d & i) + i ^ i, u |= ~(d | i), i &= d, u & c && p++, i & c && p--, u = u << 1 | 1, i = i << 1 | ~(v | u), u &= v;
+    let d = _[a.charCodeAt(n)];
+    const h = d | u;
+    d |= (d & c) + c ^ c, u |= ~(d | c), c &= d, u & i && p++, c & i && p--, u = u << 1 | 1, c = c << 1 | ~(h | u), u &= h;
   }
   for (n = r; n--; )
-    S[t.charCodeAt(n)] = 0;
+    _[t.charCodeAt(n)] = 0;
   return p;
-}, ge = (t, a) => {
-  const r = a.length, m = t.length, c = [], i = [], u = Math.ceil(r / 32), p = Math.ceil(m / 32);
+}, ve = (t, a) => {
+  const r = a.length, m = t.length, i = [], c = [], u = Math.ceil(r / 32), p = Math.ceil(m / 32);
   for (let e = 0; e < u; e++)
-    i[e] = -1, c[e] = 0;
+    c[e] = -1, i[e] = 0;
   let n = 0;
   for (; n < p - 1; n++) {
     let e = 0, l = -1;
     const g = n * 32, x = Math.min(32, m) + g;
     for (let o = g; o < x; o++)
-      S[t.charCodeAt(o)] |= 1 << o;
+      _[t.charCodeAt(o)] |= 1 << o;
     for (let o = 0; o < r; o++) {
-      const h = S[a.charCodeAt(o)], b = i[o / 32 | 0] >>> o & 1, w = c[o / 32 | 0] >>> o & 1, D = h | e, y = ((h | w) & l) + l ^ l | h | w;
-      let N = e | ~(y | l), F = l & y;
-      N >>> 31 ^ b && (i[o / 32 | 0] ^= 1 << o), F >>> 31 ^ w && (c[o / 32 | 0] ^= 1 << o), N = N << 1 | b, F = F << 1 | w, l = F | ~(D | N), e = N & D;
+      const v = _[a.charCodeAt(o)], b = c[o / 32 | 0] >>> o & 1, w = i[o / 32 | 0] >>> o & 1, q = v | e, y = ((v | w) & l) + l ^ l | v | w;
+      let N = e | ~(y | l), S = l & y;
+      N >>> 31 ^ b && (c[o / 32 | 0] ^= 1 << o), S >>> 31 ^ w && (i[o / 32 | 0] ^= 1 << o), N = N << 1 | b, S = S << 1 | w, l = S | ~(q | N), e = N & q;
     }
     for (let o = g; o < x; o++)
-      S[t.charCodeAt(o)] = 0;
+      _[t.charCodeAt(o)] = 0;
   }
-  let d = 0, v = -1;
-  const A = n * 32, V = Math.min(32, m - A) + A;
-  for (let e = A; e < V; e++)
-    S[t.charCodeAt(e)] |= 1 << e;
+  let d = 0, h = -1;
+  const A = n * 32, O = Math.min(32, m - A) + A;
+  for (let e = A; e < O; e++)
+    _[t.charCodeAt(e)] |= 1 << e;
   let M = m;
   for (let e = 0; e < r; e++) {
-    const l = S[a.charCodeAt(e)], g = i[e / 32 | 0] >>> e & 1, x = c[e / 32 | 0] >>> e & 1, o = l | d, h = ((l | x) & v) + v ^ v | l | x;
-    let b = d | ~(h | v), w = v & h;
-    M += b >>> m - 1 & 1, M -= w >>> m - 1 & 1, b >>> 31 ^ g && (i[e / 32 | 0] ^= 1 << e), w >>> 31 ^ x && (c[e / 32 | 0] ^= 1 << e), b = b << 1 | g, w = w << 1 | x, v = w | ~(o | b), d = b & o;
+    const l = _[a.charCodeAt(e)], g = c[e / 32 | 0] >>> e & 1, x = i[e / 32 | 0] >>> e & 1, o = l | d, v = ((l | x) & h) + h ^ h | l | x;
+    let b = d | ~(v | h), w = h & v;
+    M += b >>> m - 1 & 1, M -= w >>> m - 1 & 1, b >>> 31 ^ g && (c[e / 32 | 0] ^= 1 << e), w >>> 31 ^ x && (i[e / 32 | 0] ^= 1 << e), b = b << 1 | g, w = w << 1 | x, h = w | ~(o | b), d = b & o;
   }
-  for (let e = A; e < V; e++)
-    S[t.charCodeAt(e)] = 0;
+  for (let e = A; e < O; e++)
+    _[t.charCodeAt(e)] = 0;
   return M;
 }, ee = (t, a) => {
   if (t.length < a.length) {
     const r = a;
     a = t, t = r;
   }
-  return a.length === 0 ? t.length : t.length <= 32 ? pe(t, a) : ge(t, a);
-}, xe = (t, a) => {
+  return a.length === 0 ? t.length : t.length <= 32 ? he(t, a) : ve(t, a);
+}, pe = (t, a) => {
   let r = 1 / 0, m = 0;
-  for (let c = 0; c < a.length; c++) {
-    const i = ee(t, a[c]);
-    i < r && (r = i, m = c);
+  for (let i = 0; i < a.length; i++) {
+    const c = ee(t, a[i]);
+    c < r && (r = c, m = i);
   }
   return a[m];
-}, be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ge = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  closest: xe,
+  closest: pe,
   distance: ee
-}, Symbol.toStringTag, { value: "Module" })), we = /* @__PURE__ */ le(be);
-var Z;
-function ke() {
-  return Z || (Z = 1, (function(t, a) {
+}, Symbol.toStringTag, { value: "Module" })), xe = /* @__PURE__ */ ce(ge);
+var W;
+function be() {
+  return W || (W = 1, (function(t, a) {
     (function() {
       var r;
       try {
@@ -81,7 +81,7 @@ function ke() {
       } catch {
         console.log("Collator could not be initialized and wouldn't be used");
       }
-      var m = we, c = [], i = [], u = {
+      var m = xe, i = [], c = [], u = {
         /**
          * Calculate levenshtein distance of the two strings.
          *
@@ -92,20 +92,20 @@ function ke() {
          * @return Integer the levenshtein distance (0 and above).
          */
         get: function(p, n, d) {
-          var v = d && r && d.useCollator;
-          if (v) {
-            var A = p.length, V = n.length;
-            if (A === 0) return V;
-            if (V === 0) return A;
+          var h = d && r && d.useCollator;
+          if (h) {
+            var A = p.length, O = n.length;
+            if (A === 0) return O;
+            if (O === 0) return A;
             var M, e, l, g, x;
-            for (l = 0; l < V; ++l)
-              c[l] = l, i[l] = n.charCodeAt(l);
-            c[V] = V;
+            for (l = 0; l < O; ++l)
+              i[l] = l, c[l] = n.charCodeAt(l);
+            i[O] = O;
             var o;
             for (l = 0; l < A; ++l) {
-              for (e = l + 1, g = 0; g < V; ++g)
-                M = e, o = r.compare(p.charAt(l), String.fromCharCode(i[g])) === 0, e = c[g] + (o ? 0 : 1), x = M + 1, e > x && (e = x), x = c[g + 1] + 1, e > x && (e = x), c[g] = M;
-              c[g] = e;
+              for (e = l + 1, g = 0; g < O; ++g)
+                M = e, o = r.compare(p.charAt(l), String.fromCharCode(c[g])) === 0, e = i[g] + (o ? 0 : 1), x = M + 1, e > x && (e = x), x = i[g + 1] + 1, e > x && (e = x), i[g] = M;
+              i[g] = e;
             }
             return e;
           }
@@ -116,143 +116,143 @@ function ke() {
     })();
   })(R, R.exports)), R.exports;
 }
-var ye = ke();
-const Ie = /* @__PURE__ */ ue(ye);
+var we = be();
+const ke = /* @__PURE__ */ le(we);
 function te() {
   const {
     value: t,
     setValue: a
-  } = de("isKeyboardNavigating");
-  return P(() => ({
+  } = ue("isKeyboardNavigating");
+  return Z(() => ({
     isKeyboardNavigating: t,
     setIsKeyboardNavigating: a
   }), [t, a]);
 }
-function U(t) {
+function $(t) {
   return "text" in t ? t.text : t.label;
 }
-const X = "kakadu-components-1144794361", Y = "kakadu-components-2911184744";
-function Oe({
+const U = "kakadu-components-1144794361", X = "kakadu-components-2911184744";
+function ye({
   isSelected: t,
   id: a,
   value: r,
   label: m,
-  onSelect: c,
-  onHover: i
+  onSelect: i,
+  onHover: c
 }) {
   const {
     isKeyboardNavigating: u
   } = te(), p = E(() => {
-    c(r);
-  }, [c, r]), n = E((v) => {
-    u || v.movementX === 0 && v.movementY === 0 || i(r);
-  }, [u, i, r]), d = B(null);
-  return q(() => {
-    const v = d.current;
-    t && v && u && setTimeout(() => {
-      v.scrollIntoView({
+    i(r);
+  }, [i, r]), n = E((h) => {
+    u || h.movementX === 0 && h.movementY === 0 || c(r);
+  }, [u, c, r]), d = T(null);
+  return z(() => {
+    const h = d.current;
+    t && h && u && setTimeout(() => {
+      h.scrollIntoView({
         behavior: "smooth",
         block: "nearest"
       });
     }, 0);
-  }, [t, u]), /* @__PURE__ */ O.jsx("li", { ref: d, id: a, role: "option", "aria-selected": t, tabIndex: -1, className: Q(X, "kakadu-components-4130497639", u ? "kakadu-components-962373561" : "kakadu-components-1109598791"), onClick: p, onMouseMove: n, children: /* @__PURE__ */ O.jsx($, { className: Q(Y, typeof m == "string" && "kakadu-components-154286052"), children: m }) });
+  }, [t, u]), /* @__PURE__ */ V.jsx("li", { ref: d, id: a, role: "option", "aria-selected": t, tabIndex: -1, className: J(U, "kakadu-components-4130497639", u ? "kakadu-components-962373561" : "kakadu-components-1109598791"), onClick: p, onMouseMove: n, children: /* @__PURE__ */ V.jsx(P, { className: J(X, typeof m == "string" && "kakadu-components-154286052"), children: m }) });
 }
-function Ae({
+function Ie({
   isLoading: t,
   id: a,
   activeOptionId: r,
   selectedValue: m,
-  options: c,
-  onSelect: i,
+  options: i,
+  onSelect: c,
   onHover: u
 }) {
-  const p = B(null);
-  return q(() => {
+  const p = T(null);
+  return z(() => {
     const n = p.current;
     n && n.scrollIntoView({
       behavior: "smooth",
       block: "nearest"
     });
-  }, []), /* @__PURE__ */ O.jsxs("ul", { ref: p, id: a, role: "listbox", "aria-label": "Options", className: "kakadu-components-1951042708", children: [
-    c.length === 0 ? t ? null : /* @__PURE__ */ O.jsxs(W, { "aria-atomic": !0, as: "li", role: "status", "aria-live": "polite", direction: "row", preset: "start", gap: 0.5, className: X, children: [
-      /* @__PURE__ */ O.jsx(me, { size: 15, type: "exclamationTriangle" }),
-      /* @__PURE__ */ O.jsx($, { className: Y, children: "No results." })
-    ] }) : c.map((n, d) => /* @__PURE__ */ O.jsx(
-      Oe,
+  }, []), /* @__PURE__ */ V.jsxs("ul", { ref: p, id: a, role: "listbox", "aria-label": "Options", tabIndex: -1, className: "kakadu-components-1951042708", children: [
+    i.length === 0 ? t ? null : /* @__PURE__ */ V.jsxs(Q, { "aria-atomic": !0, as: "li", role: "status", "aria-live": "polite", direction: "row", preset: "start", gap: 0.5, className: U, children: [
+      /* @__PURE__ */ V.jsx(fe, { size: 15, type: "exclamationTriangle" }),
+      /* @__PURE__ */ V.jsx(P, { className: X, children: "No results." })
+    ] }) : i.map((n, d) => /* @__PURE__ */ V.jsx(
+      ye,
       {
         ...n,
         id: n.value === m ? r : void 0,
         isSelected: n.value === m,
-        onSelect: i,
+        onSelect: c,
         onHover: u
       },
-      U(n) + d
+      $(n) + d
     )),
-    t ? /* @__PURE__ */ O.jsx(W, { as: "li", alignment: "center", className: X, children: /* @__PURE__ */ O.jsx($, { className: Y, children: /* @__PURE__ */ O.jsx(he, { width: "100%", height: "1.3em" }) }) }) : null
+    t ? /* @__PURE__ */ V.jsx(Q, { as: "li", alignment: "center", className: U, children: /* @__PURE__ */ V.jsx(P, { className: X, children: /* @__PURE__ */ V.jsx(me, { width: "100%", height: "1.3em" }) }) }) : null
   ] });
 }
-function _e({
+function qe({
   isLoading: t,
   label: a,
   options: r,
   error: m,
-  warning: c,
-  information: i,
+  warning: i,
+  information: c,
   footnote: u,
   className: p,
   onChange: n,
   onSelect: d,
-  ...v
+  ...h
 }) {
-  const A = B(null), V = J(), M = J(), [e, l] = K(!1), g = E(() => {
+  const A = T(null), O = G(), M = G(), [e, l] = D(!1), g = E(() => {
     l(!0);
   }, []), x = E((s) => {
     var f;
     (f = A.current) != null && f.contains(s.relatedTarget) || l(!1);
-  }, []), [o, h] = K(!1);
-  q(() => {
-    h(e);
+  }, []), [o, v] = D(!1);
+  z(() => {
+    v(e);
   }, [e]);
-  const [b, w] = K(""), {
-    value: D
-  } = v, [y, N] = K(D), [F, ne] = K(D), G = B(F), I = E((s) => {
-    ne(s), G.current = s;
+  const [b, w] = D(""), {
+    value: q
+  } = h, [y, N] = D(q), [S, ne] = D(q), Y = T(S), I = E((s) => {
+    ne(s), Y.current = s;
   }, []);
-  q(() => {
-    N(D), I(D);
-  }, [D, I]);
+  z(() => {
+    N(q), I(q);
+  }, [q, I]);
   const oe = E(() => {
     y && (w(""), I(void 0));
   }, [y, I]), re = E((s, f) => {
-    w(s), n == null || n(s, f), h(!0), N(void 0);
+    w(s), n == null || n(s, f), v(!0), N(void 0);
   }, [n]), se = E((s) => {
     var f;
-    (f = A.current) != null && f.contains(s.target) && h(!0);
-  }, []), _ = E((s) => {
+    (f = A.current) != null && f.contains(s.target) && v(!0);
+  }, []), L = E((s) => {
     const f = s == null ? void 0 : s.value;
-    I(f), s ? w(U(s)) : (w(""), n == null || n("")), d == null || d(f);
+    I(f), s ? w($(s)) : (w(""), n == null || n("")), d == null || d(f);
   }, [I, n, d]), ae = E((s) => {
     const f = r.find((k) => k.value === s);
-    _(f), N(s), h(!1);
-  }, [r, _]), ce = E((s) => {
+    L(f), N(s), v(!1);
+  }, [r, L]), ie = E((s) => {
     I(s);
-  }, [I]), j = P(() => y || b.length === 0 ? r : r.filter((s) => {
-    const k = U(s).toLowerCase(), T = b.toLowerCase();
-    return !!(k.includes(T) || T.includes(k) || Ie.get(k, T, {
+  }, [I]), j = Z(() => y || b.length === 0 ? r : r.filter((s) => {
+    const k = $(s).toLowerCase(), F = b.toLowerCase();
+    return !!(k.includes(F) || F.includes(k) || ke.get(k, F, {
       useCollator: !0
     }) <= 2);
   }), [y, r, b]);
-  q(() => {
-    !y && b.length > 0 && j.length > 0 && !j.some((s) => F === s.value) && I(j[0].value);
-  }, [y, b, j, F, I]);
+  z(() => {
+    !y && b.length > 0 && j.length > 0 && !j.some((s) => S === s.value) && I(j[0].value);
+  }, [y, b, j, S, I]);
   const {
-    setIsKeyboardNavigating: z
+    setIsKeyboardNavigating: B
   } = te();
-  q(() => {
+  return z(() => {
     if (!e)
       return;
     const s = (f) => {
-      f.movementX === 0 && f.movementY === 0 || z(!1);
+      f.movementX === 0 && f.movementY === 0 || B(!1);
     };
     return window.addEventListener("mousemove", s, {
       capture: !0
@@ -261,47 +261,47 @@ function _e({
         capture: !0
       });
     };
-  }, [e, z]), q(() => {
+  }, [e, B]), z(() => {
     if (!e)
       return;
     const s = (f) => {
       let k;
-      const T = j.length, H = j.findIndex((C) => C.value === G.current), L = () => {
+      const F = j.length, H = j.findIndex((C) => C.value === Y.current), K = () => {
         f.preventDefault(), f.stopPropagation(), f.stopImmediatePropagation();
       };
       switch (f.key) {
         case "Enter": {
           const C = j[H];
-          C && (L(), z(!0), h(!1), _(C), N(C.value));
+          C && (K(), B(!0), v(!1), L(C), N(C.value));
           break;
         }
         case "Escape": {
-          o ? (L(), y ? I(void 0) : _(void 0), h(!1)) : y ? (L(), h(!0), _(void 0)) : (L(), l(!1), f.target instanceof HTMLInputElement && f.target.blur());
+          o ? (K(), y ? I(void 0) : L(void 0), v(!1)) : y ? (K(), v(!0), L(void 0)) : (K(), l(!1), f.target instanceof HTMLInputElement && f.target.blur());
           return;
         }
         case "ArrowDown": {
-          k = H + 1, h(!0);
+          k = H + 1, v(!0);
           break;
         }
         case "ArrowUp": {
-          k = H - 1, h(!0), k < 0 && (k = T - 1);
+          k = H - 1, v(!0), k < 0 && (k = F - 1);
           break;
         }
         case "Home": {
-          h(!0), k = 0;
+          v(!0), k = 0;
           break;
         }
         case "End": {
-          h(!0), k = T - 1;
+          v(!0), k = F - 1;
           break;
         }
         case "Backspace": {
-          j.some((C) => C.value === y) && (L(), _(void 0), h(!0));
+          j.some((C) => C.value === y) && (K(), L(void 0), v(!0));
           break;
         }
       }
-      if (k !== void 0 && (L(), z(!0), T > 0)) {
-        const C = j[k % T];
+      if (k !== void 0 && (K(), B(!0), F > 0)) {
+        const C = j[k % F];
         C && I(C.value);
       }
     };
@@ -312,15 +312,9 @@ function _e({
         capture: !0
       });
     };
-  }, [e, j, z, h, _, N, o, y, I]);
-  const ie = P(() => ({
-    clickOutsideDeactivates: !0,
-    returnFocusOnDeactivate: !1,
-    escapeDeactivates: !1
-  }), []);
-  return /* @__PURE__ */ O.jsx(fe.FocusTrap, { active: o, focusTrapOptions: ie, children: /* @__PURE__ */ O.jsx(ve, { ...v, ref: A, role: "combobox", autoComplete: "off", "aria-controls": V, "aria-expanded": o, "aria-activedescendant": o ? M : void 0, label: a, value: b, error: m, warning: c, information: i, footnote: u, attachments: o ? /* @__PURE__ */ O.jsx(Ae, { isLoading: t, id: V, activeOptionId: M, selectedValue: F, options: j, onSelect: ae, onHover: ce }) : null, className: p, onMouseDown: se, onChange: re, onBeforeInput: oe, onFocus: g, onBlur: x }) });
+  }, [e, j, B, v, L, N, o, y, I]), /* @__PURE__ */ V.jsx(de, { ...h, ref: A, role: "combobox", autoComplete: "off", "aria-controls": O, "aria-expanded": o, "aria-activedescendant": o ? M : void 0, label: a, value: b, error: m, warning: i, information: c, footnote: u, attachments: o ? /* @__PURE__ */ V.jsx(Ie, { isLoading: t, id: O, activeOptionId: M, selectedValue: S, options: j, onSelect: ae, onHover: ie }) : null, className: p, onMouseDown: se, onChange: re, onBeforeInput: oe, onFocus: g, onBlur: x });
 }
 export {
-  _e as default,
-  U as getComboboxOptionString
+  qe as default,
+  $ as getComboboxOptionString
 };

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-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=_;
+"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-B7f3iC5h.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-DATIi_Ob.mjs";
+import { f as J } from "../focus-trap-react-Dr3BYLw6.mjs";
 import K from "./text-button.mjs";
 import F from "./decorators.mjs";
 import C from "./flex.mjs";

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-CkKg4ubd.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;
+"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-B7f3iC5h.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/popover.mjs

@@ -1,7 +1,7 @@
 import { j as s } from "../jsx-runtime-B4hRZ52C.mjs";
 import { cx as f } from "@kuma-ui/core";
 import { createContext as ee, useRef as F, useState as r, useCallback as P, useMemo as j, useEffect as p, useContext as te } from "react";
-import { f as se } from "../focus-trap-react-DATIi_Ob.mjs";
+import { f as se } from "../focus-trap-react-Dr3BYLw6.mjs";
 import K, { defaultAtomElementType as Q } from "./atom.mjs";
 const X = ee({
   isVisible: !1,