@kakadu/components 4.0.8 → 4.1.0

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

package/build/components/combobox.mjs

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

package/build/components/popover-menu.js

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

package/build/components/popover-menu.mjs

@@ -3,7 +3,7 @@ import { cx as F } from "@kuma-ui/core";
 import { useMemo as j, useState as A, useCallback as h, useEffect as K, useRef as z } from "react";
 import { buttonResetStyles as C } from "../theme.mjs";
 import b from "../icons/icon.mjs";
-import { u as D } from "../use-synchronized-value-XnIpeq1s.mjs";
+import D from "../hooks/use-synchronized-value.mjs";
 import V, { PopoverContainer as H, usePopover as T, usePopoverContext as N } from "./popover.mjs";
 import R from "./atom.mjs";
 import { Span as M } from "./text.mjs";

package/build/hooks/use-media-query.d.ts

@@ -1 +1,2 @@
+/** Track a media query. */
 export default function useMediaQuery(query: string): boolean | undefined;

package/build/hooks/use-synchronized-value.d.ts

@@ -1,3 +1,4 @@
+/** Synchronize a value that updates across multiple components. */
 export default function useSynchronizedValue<Type>(id: string): {
     value: Type;
     setValue: (value: Type) => void;

package/build/hooks/use-synchronized-value.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),u=new Map,c=new Map;function f(e){const[o,l]=n.useState(()=>c.get(e)),a=n.useCallback(t=>{const s=u.get(e);if(l(t),c.set(e,t),s)for(const r of s)r(t)},[e]);return n.useEffect(()=>{u.has(e)||u.set(e,new Set);const t=u.get(e),s=r=>{l(r)};return t.add(s),()=>{t.delete(s)}},[e]),n.useMemo(()=>({value:o,setValue:a}),[o,a])}exports.default=f;

package/build/{use-synchronized-value-XnIpeq1s.mjs → hooks/use-synchronized-value.mjs}

@@ -1,10 +1,10 @@
-import { useState as l, useCallback as f, useEffect as S, useMemo as p } from "react";
-const n = /* @__PURE__ */ new Map(), u = /* @__PURE__ */ new Map();
+import { useState as u, useCallback as f, useEffect as S, useMemo as p } from "react";
+const n = /* @__PURE__ */ new Map(), l = /* @__PURE__ */ new Map();
 function g(e) {
-  const [r, a] = l(() => u.get(e)), c = f(
+  const [a, r] = u(() => l.get(e)), c = f(
     (t) => {
       const s = n.get(e);
-      if (a(t), u.set(e, t), s)
+      if (r(t), l.set(e, t), s)
         for (const o of s)
           o(t);
     },
@@ -13,16 +13,16 @@ function g(e) {
   return S(() => {
     n.has(e) || n.set(e, /* @__PURE__ */ new Set());
     const t = n.get(e), s = (o) => {
-      a(o);
+      r(o);
     };
     return t.add(s), () => {
       t.delete(s);
     };
   }, [e]), p(
-    () => ({ value: r, setValue: c }),
-    [r, c]
+    () => ({ value: a, setValue: c }),
+    [a, c]
   );
 }
 export {
-  g as u
+  g as default
 };

package/build/hooks/use-throttled.d.ts

@@ -0,0 +1,2 @@
+/** Throttle a value, only updating it every `delay` milliseconds. */
+export default function useThrottled<Type>(value: Type, delay?: number): Type;

package/build/hooks/use-throttled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react");function o(t,n=500){const u=r.useRef(t),e=r.useRef(null),[s,f]=r.useState(t);return r.useEffect(()=>{u.current=t,!e.current&&(e.current=setTimeout(()=>{f(c=>c===u.current?c:u.current),e.current=null},n))},[t,n]),r.useEffect(()=>()=>{e.current&&clearTimeout(e.current)},[]),s}exports.default=o;

package/build/hooks/use-throttled.mjs

@@ -0,0 +1,16 @@
+import { useRef as c, useState as i, useEffect as f } from "react";
+function m(r, n = 500) {
+  const t = c(r), e = c(null), [o, s] = i(r);
+  return f(() => {
+    t.current = r, !e.current && (e.current = setTimeout(() => {
+      s(
+        (u) => u === t.current ? u : t.current
+      ), e.current = null;
+    }, n));
+  }, [r, n]), f(() => () => {
+    e.current && clearTimeout(e.current);
+  }, []), o;
+}
+export {
+  m as default
+};

package/build/index.d.ts

@@ -176,10 +176,14 @@ export * from './icons/chrome-browser-logo';
 export { default as ChromeBrowserLogoSvg } from './icons/chrome-browser-logo';
 export * from './icons/edge-browser-logo';
 export { default as EdgeBrowserLogoSvg } from './icons/edge-browser-logo';
-export * from './hooks/use-media-query';
-export { default as useMediaQuery } from './hooks/use-media-query';
 export * from './hooks/use-fetch';
 export { default as useFetch } from './hooks/use-fetch';
+export * from './hooks/use-media-query';
+export { default as useMediaQuery } from './hooks/use-media-query';
+export * from './hooks/use-synchronized-value';
+export { default as useSynchronizedValue } from './hooks/use-synchronized-value';
+export * from './hooks/use-throttled';
+export { default as useThrottled } from './hooks/use-throttled';
 export * from './utilities/clamp';
 export { default as clamp } from './utilities/clamp';
 export * from './utilities/copy-to-clipboard';

package/build/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./theme.js"),m=require("./components/aria-text.js"),q=require("./components/atom.js"),x=require("./components/bankid-logo.js"),P=require("./components/box.js"),t=require("./components/button.js"),_=require("./components/button-tooltip.js"),w=require("./components/card.js"),I=require("./components/click-ripples.js"),M=require("./components/collapsible.js"),v=require("./components/combobox.js"),B=require("./components/copy-icon-button.js"),D=require("./components/datum.js"),G=require("./components/decorators.js"),R=require("./components/dnb-logo.js"),A=require("./components/dot.js"),c=require("./components/flex.js"),h=require("./components/footer.js"),F=require("./components/gauge.js"),H=require("./components/gjensidige-logo.js"),E=require("./components/header.js"),y=require("./components/hover-gradient.js"),k=require("./components/icon-button.js"),a=require("./components/input.js"),V=require("./components/kakadu-guide-icon.js"),l=require("./components/kakadu-guide-logo.js"),U=require("./components/kakadu-index-logo.js"),K=require("./components/kakadu-academy-logo.js"),W=require("./components/kakadu-logo.js"),r=require("./components/modal.js"),N=require("./components/moving-gradients.js"),J=require("./components/moving-stars.js"),d=require("./components/notice.js"),p=require("./components/notification.js"),f=require("./components/popover-menu.js"),s=require("./components/popover.js"),L=require("./components/revealer.js"),j=require("./components/select.js"),u=require("./components/separator.js"),g=require("./components/skeleton.js"),O=require("./components/sparebank1-logo.js"),b=require("./components/spinner.js"),Q=require("./components/sto-logo.js"),z=require("./components/storebrand-logo.js"),e=require("./components/text.js"),T=require("./components/text-button.js"),n=require("./components/theme-setter.js"),X=require("./components/veil.js"),C=require("./components/wrapper.js"),S=require("./icons/icon.js"),Y=require("./icons/anchor-down.js"),Z=require("./icons/anchor-up.js"),$=require("./icons/arrow-down.js"),ee=require("./icons/arrow-left.js"),oe=require("./icons/arrow-right.js"),te=require("./icons/arrow-up.js"),ne=require("./icons/caret-down.js"),re=require("./icons/caret-left.js"),ae=require("./icons/caret-right.js"),se=require("./icons/caret-up.js"),ue=require("./icons/check.js"),ie=require("./icons/chevron-down.js"),ce=require("./icons/chevron-left.js"),le=require("./icons/chevron-right.js"),de=require("./icons/chevron-up.js"),pe=require("./icons/cog.js"),fe=require("./icons/copy.js"),ge=require("./icons/document.js"),Se=require("./icons/dots.js"),me=require("./icons/drag.js"),qe=require("./icons/edit.js"),_e=require("./icons/external.js"),ve=require("./icons/exclamation-triangle.js"),he=require("./icons/eye.js"),ye=require("./icons/information.js"),ke=require("./icons/kakadu-guide-glyph.js"),Le=require("./icons/kakadu-guide-icon.js"),be=require("./icons/menu.js"),Te=require("./icons/package.js"),Ce=require("./icons/plus.js"),xe=require("./icons/select.js"),Pe=require("./icons/share.js"),we=require("./icons/sparkle.js"),Ie=require("./icons/test.js"),Me=require("./icons/times.js"),Be=require("./icons/trash.js"),De=require("./icons/trend-up.js"),Ge=require("./icons/chrome-browser-logo.js"),Re=require("./icons/edge-browser-logo.js"),Ae=require("./hooks/use-media-query.js"),i=require("./hooks/use-fetch.js"),Fe=require("./utilities/clamp.js"),He=require("./utilities/copy-to-clipboard.js"),Ee=require("./utilities/generate-random-id.js"),Ve=require("./utilities/scale.js");exports.FontFamilyHead=o.FontFamilyHead;exports.buttonResetStyles=o.buttonResetStyles;exports.darkBackgroundColor=o.darkBackgroundColor;exports.effectStyles=o.effectStyles;exports.font=o.font;exports.lightBackgroundColor=o.lightBackgroundColor;exports.nonInteractiveEffectStyles=o.nonInteractiveEffectStyles;exports.overflowProtectionStyles=o.overflowProtectionStyles;exports.theme=o.default;exports.AriaText=m.default;exports.ariaTextStyles=m.ariaTextStyles;exports.Atom=q.default;exports.defaultAtomElementType=q.defaultAtomElementType;exports.BankidLogo=x.default;exports.Box=P.default;exports.Button=t.default;exports.ButtonLoader=t.ButtonLoader;exports.buttonDangerStyles=t.buttonDangerStyles;exports.buttonSecondaryStyles=t.buttonSecondaryStyles;exports.buttonSuccessStyles=t.buttonSuccessStyles;exports.buttonVariants=t.buttonVariants;exports.buttonWarningStyles=t.buttonWarningStyles;exports.ButtonTooltip=_.default;exports.buttonTooltipPositions=_.buttonTooltipPositions;exports.Card=w.default;exports.ClickRipples=I.default;exports.Collapsible=M.default;exports.Combobox=v.default;exports.getComboboxOptionString=v.getComboboxOptionString;exports.CopyIconButton=B.default;exports.Datum=D.default;exports.Decorators=G.default;exports.DnbLogo=R.default;exports.Dot=A.default;exports.Flex=c.default;exports.flexDirections=c.flexDirections;exports.flexPresets=c.flexPresets;exports.Footer=h.default;exports.footerLinkItems=h.footerLinkItems;exports.Gauge=F.default;exports.GjensidigeLogo=H.default;exports.Header=E.default;exports.HoverGradient=y.default;exports.normalBlendStyles=y.normalBlendStyles;exports.IconButton=k.default;exports.iconButtonVariants=k.iconButtonVariants;exports.Input=a.default;exports.InputLabel=a.InputLabel;exports.errorParagraph=a.errorParagraph;exports.inputStyles=a.inputStyles;exports.KakaduGuideIcon=V.default;exports.KakaduGuideLogo=l.default;exports.KakaduGuideLogoSvg=l.KakaduGuideLogoSvg;exports.kakaduGuideLogoVariants=l.kakaduGuideLogoVariants;exports.KakaduIndexLogo=U.default;exports.KakaduAcademyLogo=K.default;exports.KakaduLogo=W.default;exports.Modal=r.default;exports.ModalActions=r.ModalActions;exports.ModalContent=r.ModalContent;exports.ModalHeading=r.ModalHeading;exports.useModal=r.useModal;exports.useModalContext=r.useModalContext;exports.MovingGradients=N.default;exports.MovingStars=J.default;exports.Notice=d.default;exports.noticeTypes=d.noticeTypes;exports.notificationTypes=d.noticeTypes;exports.Notification=p.default;exports.NotificationProvider=p.NotificationProvider;exports.useCreateNotification=p.useCreateNotification;exports.PopoverMenu=f.default;exports.dangerPopoverMenuItemStyles=f.dangerPopoverMenuItemStyles;exports.usePopoverMenu=f.usePopoverMenu;exports.Popover=s.default;exports.PopoverContainer=s.PopoverContainer;exports.usePopover=s.usePopover;exports.usePopoverContext=s.usePopoverContext;exports.Revealer=L.default;exports.useRevealer=L.useRevealer;exports.Select=j.default;exports.Separator=u.default;exports.SeparatorLabel=u.SeparatorLabel;exports.SmallSeparator=u.SmallSeparator;exports.VerticalSeparator=u.VerticalSeparator;exports.Skeleton=g.default;exports.SkeletonInstance=g.SkeletonInstance;exports.getDeterministicSkeletonWidth=g.getDeterministicSkeletonWidth;exports.Sparebank1Logo=O.default;exports.RevealSpinner=b.RevealSpinner;exports.Spinner=b.default;exports.StoLogo=Q.default;exports.StorebrandLogo=z.default;exports.AnchorHeading=e.AnchorHeading;exports.Footnote=e.Footnote;exports.Heading=e.Heading;exports.Hero=e.Hero;exports.Label=e.Label;exports.Paragraph=e.Paragraph;exports.Span=e.Span;exports.Text=e.default;exports.defaultHeadingElementType=e.defaultHeadingElementType;exports.spanStyles=e.spanStyles;exports.textShadowStyles=e.textShadowStyles;exports.TextButton=T.default;exports.textButtonVariants=T.textButtonVariants;exports.ThemeSetter=n.default;exports.getThemePreference=n.getThemePreference;exports.setThemePreference=n.setThemePreference;exports.themePreferences=n.themePreferences;exports.useIsDarkMode=n.useIsDarkMode;exports.useIsLightMode=n.useIsLightMode;exports.useTheme=n.useTheme;exports.Veil=X.default;exports.Wrapper=C.default;exports.wrapperWidths=C.wrapperWidths;exports.Icon=S.default;exports.iconShadowStyles=S.iconShadowStyles;exports.iconTypes=S.iconTypes;exports.AnchorDownSvg=Y.default;exports.AnchorUpSvg=Z.default;exports.ArrowDownSvg=$.default;exports.ArrowLeftSvg=ee.default;exports.ArrowRightSvg=oe.default;exports.ArrowUpSvg=te.default;exports.CaretDownSvg=ne.default;exports.CaretLeftSvg=re.default;exports.CaretRightSvg=ae.default;exports.CaretUpSvg=se.default;exports.CheckSvg=ue.default;exports.ChevronDownSvg=ie.default;exports.ChevronLeftSvg=ce.default;exports.ChevronRightSvg=le.default;exports.ChevronUpSvg=de.default;exports.CogSvg=pe.default;exports.CopySvg=fe.default;exports.DocumentSvg=ge.default;exports.DotsSvg=Se.default;exports.DragSvg=me.default;exports.EditSvg=qe.default;exports.ExternalSvg=_e.default;exports.ExclamationTriangleSvg=ve.default;exports.EyeSvg=he.default;exports.InformationSvg=ye.default;exports.KakaduGuideGlyphSvg=ke.default;exports.KakaduGuideIconSvg=Le.default;exports.MenuSvg=be.default;exports.PackageSvg=Te.default;exports.PlusSvg=Ce.default;exports.SelectSvg=xe.default;exports.ShareSvg=Pe.default;exports.SparkleSvg=we.default;exports.TestSvg=Ie.default;exports.TimesSvg=Me.default;exports.TrashSvg=Be.default;exports.TrendUpSvg=De.default;exports.ChromeBrowserLogoSvg=Ge.default;exports.EdgeBrowserLogoSvg=Re.default;exports.useMediaQuery=Ae.default;exports.useFetch=i.default;exports.useFetcher=i.useFetcher;exports.useJsonFetch=i.useJsonFetch;exports.useJsonFetcher=i.useJsonFetcher;exports.clamp=Fe.default;exports.copyToClipboard=He.default;exports.generateRandomId=Ee.default;exports.scale=Ve.default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./theme.js"),m=require("./components/aria-text.js"),q=require("./components/atom.js"),x=require("./components/bankid-logo.js"),P=require("./components/box.js"),t=require("./components/button.js"),_=require("./components/button-tooltip.js"),w=require("./components/card.js"),I=require("./components/click-ripples.js"),M=require("./components/collapsible.js"),v=require("./components/combobox.js"),B=require("./components/copy-icon-button.js"),D=require("./components/datum.js"),G=require("./components/decorators.js"),R=require("./components/dnb-logo.js"),A=require("./components/dot.js"),c=require("./components/flex.js"),h=require("./components/footer.js"),F=require("./components/gauge.js"),H=require("./components/gjensidige-logo.js"),V=require("./components/header.js"),y=require("./components/hover-gradient.js"),k=require("./components/icon-button.js"),a=require("./components/input.js"),E=require("./components/kakadu-guide-icon.js"),l=require("./components/kakadu-guide-logo.js"),U=require("./components/kakadu-index-logo.js"),K=require("./components/kakadu-academy-logo.js"),W=require("./components/kakadu-logo.js"),r=require("./components/modal.js"),N=require("./components/moving-gradients.js"),J=require("./components/moving-stars.js"),d=require("./components/notice.js"),p=require("./components/notification.js"),f=require("./components/popover-menu.js"),s=require("./components/popover.js"),L=require("./components/revealer.js"),j=require("./components/select.js"),u=require("./components/separator.js"),g=require("./components/skeleton.js"),O=require("./components/sparebank1-logo.js"),b=require("./components/spinner.js"),z=require("./components/sto-logo.js"),Q=require("./components/storebrand-logo.js"),e=require("./components/text.js"),T=require("./components/text-button.js"),n=require("./components/theme-setter.js"),X=require("./components/veil.js"),C=require("./components/wrapper.js"),S=require("./icons/icon.js"),Y=require("./icons/anchor-down.js"),Z=require("./icons/anchor-up.js"),$=require("./icons/arrow-down.js"),ee=require("./icons/arrow-left.js"),oe=require("./icons/arrow-right.js"),te=require("./icons/arrow-up.js"),ne=require("./icons/caret-down.js"),re=require("./icons/caret-left.js"),ae=require("./icons/caret-right.js"),se=require("./icons/caret-up.js"),ue=require("./icons/check.js"),ie=require("./icons/chevron-down.js"),ce=require("./icons/chevron-left.js"),le=require("./icons/chevron-right.js"),de=require("./icons/chevron-up.js"),pe=require("./icons/cog.js"),fe=require("./icons/copy.js"),ge=require("./icons/document.js"),Se=require("./icons/dots.js"),me=require("./icons/drag.js"),qe=require("./icons/edit.js"),_e=require("./icons/external.js"),ve=require("./icons/exclamation-triangle.js"),he=require("./icons/eye.js"),ye=require("./icons/information.js"),ke=require("./icons/kakadu-guide-glyph.js"),Le=require("./icons/kakadu-guide-icon.js"),be=require("./icons/menu.js"),Te=require("./icons/package.js"),Ce=require("./icons/plus.js"),xe=require("./icons/select.js"),Pe=require("./icons/share.js"),we=require("./icons/sparkle.js"),Ie=require("./icons/test.js"),Me=require("./icons/times.js"),Be=require("./icons/trash.js"),De=require("./icons/trend-up.js"),Ge=require("./icons/chrome-browser-logo.js"),Re=require("./icons/edge-browser-logo.js"),i=require("./hooks/use-fetch.js"),Ae=require("./hooks/use-media-query.js"),Fe=require("./hooks/use-synchronized-value.js"),He=require("./hooks/use-throttled.js"),Ve=require("./utilities/clamp.js"),Ee=require("./utilities/copy-to-clipboard.js"),Ue=require("./utilities/generate-random-id.js"),Ke=require("./utilities/scale.js");exports.FontFamilyHead=o.FontFamilyHead;exports.buttonResetStyles=o.buttonResetStyles;exports.darkBackgroundColor=o.darkBackgroundColor;exports.effectStyles=o.effectStyles;exports.font=o.font;exports.lightBackgroundColor=o.lightBackgroundColor;exports.nonInteractiveEffectStyles=o.nonInteractiveEffectStyles;exports.overflowProtectionStyles=o.overflowProtectionStyles;exports.theme=o.default;exports.AriaText=m.default;exports.ariaTextStyles=m.ariaTextStyles;exports.Atom=q.default;exports.defaultAtomElementType=q.defaultAtomElementType;exports.BankidLogo=x.default;exports.Box=P.default;exports.Button=t.default;exports.ButtonLoader=t.ButtonLoader;exports.buttonDangerStyles=t.buttonDangerStyles;exports.buttonSecondaryStyles=t.buttonSecondaryStyles;exports.buttonSuccessStyles=t.buttonSuccessStyles;exports.buttonVariants=t.buttonVariants;exports.buttonWarningStyles=t.buttonWarningStyles;exports.ButtonTooltip=_.default;exports.buttonTooltipPositions=_.buttonTooltipPositions;exports.Card=w.default;exports.ClickRipples=I.default;exports.Collapsible=M.default;exports.Combobox=v.default;exports.getComboboxOptionString=v.getComboboxOptionString;exports.CopyIconButton=B.default;exports.Datum=D.default;exports.Decorators=G.default;exports.DnbLogo=R.default;exports.Dot=A.default;exports.Flex=c.default;exports.flexDirections=c.flexDirections;exports.flexPresets=c.flexPresets;exports.Footer=h.default;exports.footerLinkItems=h.footerLinkItems;exports.Gauge=F.default;exports.GjensidigeLogo=H.default;exports.Header=V.default;exports.HoverGradient=y.default;exports.normalBlendStyles=y.normalBlendStyles;exports.IconButton=k.default;exports.iconButtonVariants=k.iconButtonVariants;exports.Input=a.default;exports.InputLabel=a.InputLabel;exports.errorParagraph=a.errorParagraph;exports.inputStyles=a.inputStyles;exports.KakaduGuideIcon=E.default;exports.KakaduGuideLogo=l.default;exports.KakaduGuideLogoSvg=l.KakaduGuideLogoSvg;exports.kakaduGuideLogoVariants=l.kakaduGuideLogoVariants;exports.KakaduIndexLogo=U.default;exports.KakaduAcademyLogo=K.default;exports.KakaduLogo=W.default;exports.Modal=r.default;exports.ModalActions=r.ModalActions;exports.ModalContent=r.ModalContent;exports.ModalHeading=r.ModalHeading;exports.useModal=r.useModal;exports.useModalContext=r.useModalContext;exports.MovingGradients=N.default;exports.MovingStars=J.default;exports.Notice=d.default;exports.noticeTypes=d.noticeTypes;exports.notificationTypes=d.noticeTypes;exports.Notification=p.default;exports.NotificationProvider=p.NotificationProvider;exports.useCreateNotification=p.useCreateNotification;exports.PopoverMenu=f.default;exports.dangerPopoverMenuItemStyles=f.dangerPopoverMenuItemStyles;exports.usePopoverMenu=f.usePopoverMenu;exports.Popover=s.default;exports.PopoverContainer=s.PopoverContainer;exports.usePopover=s.usePopover;exports.usePopoverContext=s.usePopoverContext;exports.Revealer=L.default;exports.useRevealer=L.useRevealer;exports.Select=j.default;exports.Separator=u.default;exports.SeparatorLabel=u.SeparatorLabel;exports.SmallSeparator=u.SmallSeparator;exports.VerticalSeparator=u.VerticalSeparator;exports.Skeleton=g.default;exports.SkeletonInstance=g.SkeletonInstance;exports.getDeterministicSkeletonWidth=g.getDeterministicSkeletonWidth;exports.Sparebank1Logo=O.default;exports.RevealSpinner=b.RevealSpinner;exports.Spinner=b.default;exports.StoLogo=z.default;exports.StorebrandLogo=Q.default;exports.AnchorHeading=e.AnchorHeading;exports.Footnote=e.Footnote;exports.Heading=e.Heading;exports.Hero=e.Hero;exports.Label=e.Label;exports.Paragraph=e.Paragraph;exports.Span=e.Span;exports.Text=e.default;exports.defaultHeadingElementType=e.defaultHeadingElementType;exports.spanStyles=e.spanStyles;exports.textShadowStyles=e.textShadowStyles;exports.TextButton=T.default;exports.textButtonVariants=T.textButtonVariants;exports.ThemeSetter=n.default;exports.getThemePreference=n.getThemePreference;exports.setThemePreference=n.setThemePreference;exports.themePreferences=n.themePreferences;exports.useIsDarkMode=n.useIsDarkMode;exports.useIsLightMode=n.useIsLightMode;exports.useTheme=n.useTheme;exports.Veil=X.default;exports.Wrapper=C.default;exports.wrapperWidths=C.wrapperWidths;exports.Icon=S.default;exports.iconShadowStyles=S.iconShadowStyles;exports.iconTypes=S.iconTypes;exports.AnchorDownSvg=Y.default;exports.AnchorUpSvg=Z.default;exports.ArrowDownSvg=$.default;exports.ArrowLeftSvg=ee.default;exports.ArrowRightSvg=oe.default;exports.ArrowUpSvg=te.default;exports.CaretDownSvg=ne.default;exports.CaretLeftSvg=re.default;exports.CaretRightSvg=ae.default;exports.CaretUpSvg=se.default;exports.CheckSvg=ue.default;exports.ChevronDownSvg=ie.default;exports.ChevronLeftSvg=ce.default;exports.ChevronRightSvg=le.default;exports.ChevronUpSvg=de.default;exports.CogSvg=pe.default;exports.CopySvg=fe.default;exports.DocumentSvg=ge.default;exports.DotsSvg=Se.default;exports.DragSvg=me.default;exports.EditSvg=qe.default;exports.ExternalSvg=_e.default;exports.ExclamationTriangleSvg=ve.default;exports.EyeSvg=he.default;exports.InformationSvg=ye.default;exports.KakaduGuideGlyphSvg=ke.default;exports.KakaduGuideIconSvg=Le.default;exports.MenuSvg=be.default;exports.PackageSvg=Te.default;exports.PlusSvg=Ce.default;exports.SelectSvg=xe.default;exports.ShareSvg=Pe.default;exports.SparkleSvg=we.default;exports.TestSvg=Ie.default;exports.TimesSvg=Me.default;exports.TrashSvg=Be.default;exports.TrendUpSvg=De.default;exports.ChromeBrowserLogoSvg=Ge.default;exports.EdgeBrowserLogoSvg=Re.default;exports.useFetch=i.default;exports.useFetcher=i.useFetcher;exports.useJsonFetch=i.useJsonFetch;exports.useJsonFetcher=i.useJsonFetcher;exports.useMediaQuery=Ae.default;exports.useSynchronizedValue=Fe.default;exports.useThrottled=He.default;exports.clamp=Ve.default;exports.copyToClipboard=Ee.default;exports.generateRandomId=Ue.default;exports.scale=Ke.default;

package/build/index.mjs

@@ -11,8 +11,8 @@ import { default as H } from "./components/collapsible.mjs";
 import { default as V, getComboboxOptionString as U } from "./components/combobox.mjs";
 import { default as W } from "./components/copy-icon-button.mjs";
 import { default as j } from "./components/datum.mjs";
-import { default as Q } from "./components/decorators.mjs";
-import { default as z } from "./components/dnb-logo.mjs";
+import { default as O } from "./components/decorators.mjs";
+import { default as q } from "./components/dnb-logo.mjs";
 import { default as Y } from "./components/dot.mjs";
 import { default as _, flexDirections as $, flexPresets as ee } from "./components/flex.mjs";
 import { default as te, footerLinkItems as ae } from "./components/footer.mjs";
@@ -30,7 +30,7 @@ import { default as Ae } from "./components/kakadu-logo.mjs";
 import { default as Fe, ModalActions as Re, ModalContent as Ee, ModalHeading as He, useModal as Ke, useModalContext as Ve } from "./components/modal.mjs";
 import { default as Ne } from "./components/moving-gradients.mjs";
 import { default as Je } from "./components/moving-stars.mjs";
-import { default as Oe, noticeTypes as Qe, noticeTypes as qe } from "./components/notice.mjs";
+import { default as ze, noticeTypes as Oe, noticeTypes as Qe } from "./components/notice.mjs";
 import { default as Xe, NotificationProvider as Ye, useCreateNotification as Ze } from "./components/notification.mjs";
 import { default as $e, dangerPopoverMenuItemStyles as eo, usePopoverMenu as oo } from "./components/popover-menu.mjs";
 import { default as ao, PopoverContainer as ro, usePopover as fo, usePopoverContext as so } from "./components/popover.mjs";
@@ -43,8 +43,8 @@ import { RevealSpinner as bo, default as Po } from "./components/spinner.mjs";
 import { default as Bo } from "./components/sto-logo.mjs";
 import { default as Mo } from "./components/storebrand-logo.mjs";
 import { AnchorHeading as Ao, Footnote as Go, Heading as Fo, Hero as Ro, Label as Eo, Paragraph as Ho, Span as Ko, default as Vo, defaultHeadingElementType as Uo, spanStyles as No, textShadowStyles as Wo } from "./components/text.mjs";
-import { default as jo, textButtonVariants as Oo } from "./components/text-button.mjs";
-import { default as qo, getThemePreference as zo, setThemePreference as Xo, themePreferences as Yo, useIsDarkMode as Zo, useIsLightMode as _o, useTheme as $o } from "./components/theme-setter.mjs";
+import { default as jo, textButtonVariants as zo } from "./components/text-button.mjs";
+import { default as Qo, getThemePreference as qo, setThemePreference as Xo, themePreferences as Yo, useIsDarkMode as Zo, useIsLightMode as _o, useTheme as $o } from "./components/theme-setter.mjs";
 import { default as ot } from "./components/veil.mjs";
 import { default as at, wrapperWidths as rt } from "./components/wrapper.mjs";
 import { default as st, iconShadowStyles as lt, iconTypes as ut } from "./icons/icon.mjs";
@@ -66,8 +66,8 @@ import { default as Kt } from "./icons/chevron-up.mjs";
 import { default as Ut } from "./icons/cog.mjs";
 import { default as Wt } from "./icons/copy.mjs";
 import { default as jt } from "./icons/document.mjs";
-import { default as Qt } from "./icons/dots.mjs";
-import { default as zt } from "./icons/drag.mjs";
+import { default as Ot } from "./icons/dots.mjs";
+import { default as qt } from "./icons/drag.mjs";
 import { default as Yt } from "./icons/edit.mjs";
 import { default as _t } from "./icons/external.mjs";
 import { default as ea } from "./icons/exclamation-triangle.mjs";
@@ -87,12 +87,14 @@ import { default as Pa } from "./icons/trash.mjs";
 import { default as Ba } from "./icons/trend-up.mjs";
 import { default as Ma } from "./icons/chrome-browser-logo.mjs";
 import { default as Aa } from "./icons/edge-browser-logo.mjs";
-import { default as Fa } from "./hooks/use-media-query.mjs";
-import { default as Ea, useFetcher as Ha, useJsonFetch as Ka, useJsonFetcher as Va } from "./hooks/use-fetch.mjs";
-import { default as Na } from "./utilities/clamp.mjs";
-import { default as Ja } from "./utilities/copy-to-clipboard.mjs";
-import { default as Oa } from "./utilities/generate-random-id.mjs";
-import { default as qa } from "./utilities/scale.mjs";
+import { default as Fa, useFetcher as Ra, useJsonFetch as Ea, useJsonFetcher as Ha } from "./hooks/use-fetch.mjs";
+import { default as Va } from "./hooks/use-media-query.mjs";
+import { default as Na } from "./hooks/use-synchronized-value.mjs";
+import { default as Ja } from "./hooks/use-throttled.mjs";
+import { default as za } from "./utilities/clamp.mjs";
+import { default as Qa } from "./utilities/copy-to-clipboard.mjs";
+import { default as Xa } from "./utilities/generate-random-id.mjs";
+import { default as Za } from "./utilities/scale.mjs";
 export {
   pt as AnchorDownSvg,
   Ao as AnchorHeading,
@@ -126,12 +128,12 @@ export {
   W as CopyIconButton,
   Wt as CopySvg,
   j as Datum,
-  Q as Decorators,
-  z as DnbLogo,
+  O as Decorators,
+  q as DnbLogo,
   jt as DocumentSvg,
   Y as Dot,
-  Qt as DotsSvg,
-  zt as DragSvg,
+  Ot as DotsSvg,
+  qt as DragSvg,
   Aa as EdgeBrowserLogoSvg,
   Yt as EditSvg,
   ea as ExclamationTriangleSvg,
@@ -168,7 +170,7 @@ export {
   He as ModalHeading,
   Ne as MovingGradients,
   Je as MovingStars,
-  Oe as Notice,
+  ze as Notice,
   Xe as Notification,
   Ye as NotificationProvider,
   na as PackageSvg,
@@ -196,7 +198,7 @@ export {
   ka as TestSvg,
   Vo as Text,
   jo as TextButton,
-  qo as ThemeSetter,
+  Qo as ThemeSetter,
   Ta as TimesSvg,
   Pa as TrashSvg,
   Ba as TrendUpSvg,
@@ -211,8 +213,8 @@ export {
   w as buttonTooltipPositions,
   I as buttonVariants,
   B as buttonWarningStyles,
-  Na as clamp,
-  Ja as copyToClipboard,
+  za as clamp,
+  Qa as copyToClipboard,
   eo as dangerPopoverMenuItemStyles,
   r as darkBackgroundColor,
   S as defaultAtomElementType,
@@ -223,10 +225,10 @@ export {
   ee as flexPresets,
   s as font,
   ae as footerLinkItems,
-  Oa as generateRandomId,
+  Xa as generateRandomId,
   U as getComboboxOptionString,
   Co as getDeterministicSkeletonWidth,
-  zo as getThemePreference,
+  qo as getThemePreference,
   ie as iconButtonVariants,
   lt as iconShadowStyles,
   ut as iconTypes,
@@ -235,30 +237,32 @@ export {
   l as lightBackgroundColor,
   u as nonInteractiveEffectStyles,
   ne as normalBlendStyles,
-  Qe as noticeTypes,
-  qe as notificationTypes,
+  Oe as noticeTypes,
+  Qe as notificationTypes,
   d as overflowProtectionStyles,
-  qa as scale,
+  Za as scale,
   Xo as setThemePreference,
   No as spanStyles,
-  Oo as textButtonVariants,
+  zo as textButtonVariants,
   Wo as textShadowStyles,
   p as theme,
   Yo as themePreferences,
   Ze as useCreateNotification,
-  Ea as useFetch,
-  Ha as useFetcher,
+  Fa as useFetch,
+  Ra as useFetcher,
   Zo as useIsDarkMode,
   _o as useIsLightMode,
-  Ka as useJsonFetch,
-  Va as useJsonFetcher,
-  Fa as useMediaQuery,
+  Ea as useJsonFetch,
+  Ha as useJsonFetcher,
+  Va as useMediaQuery,
   Ke as useModal,
   Ve as useModalContext,
   fo as usePopover,
   so as usePopoverContext,
   oo as usePopoverMenu,
   po as useRevealer,
+  Na as useSynchronizedValue,
   $o as useTheme,
+  Ja as useThrottled,
   rt as wrapperWidths
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kakadu/components",
-  "version": "4.0.8",
+  "version": "4.1.0",
   "description": "Kakadu components library",
   "license": "MIT",
   "main": "./build/index.js",

package/build/use-synchronized-value-D0_rS5Wp.js

@@ -1 +0,0 @@
-"use strict";const n=require("react"),r=new Map,l=new Map;function f(e){const[c,o]=n.useState(()=>l.get(e)),a=n.useCallback(t=>{const s=r.get(e);if(o(t),l.set(e,t),s)for(const u of s)u(t)},[e]);return n.useEffect(()=>{r.has(e)||r.set(e,new Set);const t=r.get(e),s=u=>{o(u)};return t.add(s),()=>{t.delete(s)}},[e]),n.useMemo(()=>({value:c,setValue:a}),[c,a])}exports.useSynchronizedValue=f;