@kakadu/components 6.10.0 → 6.11.0

package/build/components/collapsible.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../jsx-runtime-BB_1_6y_.js"),u=require("react"),j=require("@kuma-ui/core"),k=require("./atom.js");function q({as:m,isCollapsed:e=!0,transitionDuration:n=.37,children:r,className:f,...l}){const c=u.useRef(null),[d,a]=u.useState(),[s,o]=u.useState(!!r);return u.useEffect(()=>{r&&o(!0)},[r]),u.useEffect(()=>{if(e){if(a(0),s){let t;const x=setTimeout(()=>{t=requestAnimationFrame(()=>{o(!1)})},n*1e3);return()=>{clearTimeout(x),cancelAnimationFrame(t)}}}else if(s){const t=c.current;t&&a(t.scrollHeight??0)}else o(!0)},[e,s,n]),s?i.jsxRuntimeExports.jsx(k.default,{as:m??"div",...l,"aria-hidden":e,style:{height:d,opacity:e?0:1,"--transition-duration":`${n}s`},className:j.cx("kakadu-components-2460436620",e&&"kakadu-components-512418581",f),children:i.jsxRuntimeExports.jsx("div",{ref:c,className:"kakadu-components-3857562328",children:r})}):null}exports.default=q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../jsx-runtime-CZa898vN.js"),u=require("react"),j=require("@kuma-ui/core"),k=require("./atom.js");function q({as:m,isCollapsed:e=!0,transitionDuration:n=.37,children:r,className:f,...l}){const c=u.useRef(null),[d,a]=u.useState(),[s,o]=u.useState(!!r);return u.useEffect(()=>{r&&o(!0)},[r]),u.useEffect(()=>{if(e){if(a(0),s){let t;const x=setTimeout(()=>{t=requestAnimationFrame(()=>{o(!1)})},n*1e3);return()=>{clearTimeout(x),cancelAnimationFrame(t)}}}else if(s){const t=c.current;t&&a(t.scrollHeight??0)}else o(!0)},[e,s,n]),s?i.jsxRuntimeExports.jsx(k.default,{as:m??"div",...l,"aria-hidden":e,style:{height:d,opacity:e?0:1,"--transition-duration":`${n}s`},className:j.cx("kakadu-components-2460436620",e&&"kakadu-components-512418581",f),children:i.jsxRuntimeExports.jsx("div",{ref:c,className:"kakadu-components-3857562328",children:r})}):null}exports.default=q;

package/build/components/collapsible.mjs

@@ -1,4 +1,4 @@
-import { j as a } from "../jsx-runtime-B4hRZ52C.mjs";
+import { j as a } from "../jsx-runtime-z6PQ6F3d.mjs";
 import { useRef as x, useState as f, useEffect as i } from "react";
 import { cx as h } from "@kuma-ui/core";
 import j from "./atom.mjs";

package/build/components/combobox.js

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

package/build/components/combobox.mjs

@@ -1,5 +1,5 @@
-import { j as l } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useRef as L, useId as Q, useState as S, useCallback as d, useEffect as h, useDeferredValue as ce, useMemo as Z, useLayoutEffect as ie } from "react";
+import { j as l } from "../jsx-runtime-z6PQ6F3d.mjs";
+import { useRef as L, useId as Q, useState as S, useCallback as d, useEffect as x, useDeferredValue as ce, useMemo as Z, useLayoutEffect as ie } from "react";
 import { cx as T } from "@kuma-ui/core";
 import ue from "../hooks/use-synchronized-value.mjs";
 import le from "../icons/icon.mjs";
@@ -10,43 +10,43 @@ import fe from "./input.mjs";
 import { Span as P } from "./text.mjs";
 import W from "./flex.mjs";
 import { SkeletonInstance as ve } from "./skeleton.mjs";
-const pe = _((t) => {
-  window.addEventListener("mousemove", t, {
+const pe = _((r) => {
+  window.addEventListener("mousemove", r, {
     capture: !0
   });
-}, (t) => {
-  window.removeEventListener("mousemove", t, {
+}, (r) => {
+  window.removeEventListener("mousemove", r, {
     capture: !0
   });
-}), be = _((t) => {
-  window.addEventListener("keydown", t, {
+}), be = _((r) => {
+  window.addEventListener("keydown", r, {
     capture: !0
   });
-}, (t) => {
-  window.removeEventListener("keydown", t, {
+}, (r) => {
+  window.removeEventListener("keydown", r, {
     capture: !0
   });
 });
 function X() {
   const {
-    value: t,
+    value: r,
     setValue: m
   } = ue("isKeyboardNavigating");
   return Z(() => ({
-    isKeyboardNavigating: t,
+    isKeyboardNavigating: r,
     setIsKeyboardNavigating: m
-  }), [t, m]);
+  }), [r, m]);
 }
-function F(t) {
-  return "text" in t ? t.text : t.label;
+function F(r) {
+  return "text" in r ? r.text : r.label;
 }
 const z = "kakadu-components-1144794361", U = "kakadu-components-2911184744";
 function ke({
-  ref: t,
+  ref: r,
   isSelected: m,
   id: K,
   value: o,
-  label: x,
+  label: h,
   onSelect: y,
   onHover: N
 }) {
@@ -54,13 +54,13 @@ function ke({
     isKeyboardNavigating: f
   } = X(), V = d(() => {
     y(o);
-  }, [y, o]), c = d((r) => {
-    f || r.movementX === 0 && r.movementY === 0 || N(o);
+  }, [y, o]), c = d((n) => {
+    f || n.movementX === 0 && n.movementY === 0 || N(o);
   }, [f, N, o]), p = L(null);
-  h(() => {
-    const r = p.current;
-    m && r && f && setTimeout(() => {
-      r.scrollIntoView({
+  x(() => {
+    const n = p.current;
+    m && n && f && setTimeout(() => {
+      n.scrollIntoView({
         behavior: "smooth",
         block: "nearest"
       });
@@ -68,24 +68,24 @@ function ke({
   }, [m, f]);
   const s = d(
     // eslint-disable-next-line @typescript-eslint/ban-types
-    (r) => {
-      p.current = r, t && (t.current = r);
+    (n) => {
+      p.current = n, r && (r.current = n);
     },
-    [t]
+    [r]
   );
-  return /* @__PURE__ */ l.jsx("li", { ref: s, id: K, role: "option", "aria-selected": m, tabIndex: -1, className: T(z, "kakadu-components-4130497639", f ? "kakadu-components-962373561" : "kakadu-components-1109598791"), onClick: V, onMouseMove: c, children: /* @__PURE__ */ l.jsx(P, { className: T(U, typeof x == "string" && "kakadu-components-154286052"), children: x }) });
+  return /* @__PURE__ */ l.jsx("li", { ref: s, id: K, role: "option", "aria-selected": m, tabIndex: -1, className: T(z, "kakadu-components-4130497639", f ? "kakadu-components-962373561" : "kakadu-components-1109598791"), onClick: V, onMouseMove: c, children: /* @__PURE__ */ l.jsx(P, { className: T(U, typeof h == "string" && "kakadu-components-154286052"), children: h }) });
 }
 function xe({
-  isLoading: t,
+  isLoading: r,
   id: m,
   activeOptionId: K,
   selectedValue: o,
-  options: x,
+  options: h,
   onSelect: y,
   onHover: N
 }) {
   const f = L(null);
-  h(() => {
+  x(() => {
     const s = f.current;
     s && s.scrollIntoView({
       behavior: "smooth",
@@ -97,11 +97,11 @@ function xe({
   } = X(), p = L(c);
   return p.current = c, ie(() => {
     const s = f.current;
-    if (s && x.length > 0) {
+    if (s && h.length > 0) {
       if (p.current) {
-        const r = V.current;
-        if (r) {
-          r.scrollIntoView({
+        const n = V.current;
+        if (n) {
+          n.scrollIntoView({
             block: "nearest"
           });
           return;
@@ -111,11 +111,11 @@ function xe({
         top: 0
       });
     }
-  }, [x]), /* @__PURE__ */ l.jsxs("ul", { ref: f, id: m, role: "listbox", "aria-label": "Options", tabIndex: -1, className: "kakadu-components-3718330689", children: [
-    x.length === 0 ? t ? null : /* @__PURE__ */ l.jsxs(W, { "aria-atomic": !0, as: "li", role: "status", "aria-live": "polite", direction: "row", preset: "start", gap: 0.5, className: z, children: [
+  }, [h]), /* @__PURE__ */ l.jsxs("ul", { ref: f, id: m, role: "listbox", "aria-label": "Options", tabIndex: -1, className: "kakadu-components-3718330689", children: [
+    h.length === 0 ? r ? null : /* @__PURE__ */ l.jsxs(W, { "aria-atomic": !0, as: "li", role: "status", "aria-live": "polite", direction: "row", preset: "start", gap: 0.5, className: z, children: [
       /* @__PURE__ */ l.jsx(le, { size: 15, type: "exclamationTriangle" }),
       /* @__PURE__ */ l.jsx(P, { className: U, children: "No results." })
-    ] }) : x.map((s, r) => /* @__PURE__ */ l.jsx(
+    ] }) : h.map((s, n) => /* @__PURE__ */ l.jsx(
       ke,
       {
         ...s,
@@ -125,17 +125,17 @@ function xe({
         onSelect: y,
         onHover: N
       },
-      F(s) + r
+      F(s) + n
     )),
-    t ? /* @__PURE__ */ l.jsx(W, { as: "li", alignment: "center", className: z, children: /* @__PURE__ */ l.jsx(P, { className: T(U, "kakadu-components-2015848015"), children: /* @__PURE__ */ l.jsx(ve, { width: "100%", height: "1.3em" }) }) }) : null
+    r ? /* @__PURE__ */ l.jsx(W, { as: "li", alignment: "center", className: z, children: /* @__PURE__ */ l.jsx(P, { className: T(U, "kakadu-components-2015848015"), children: /* @__PURE__ */ l.jsx(ve, { width: "100%", height: "1.3em" }) }) }) : null
   ] });
 }
 function Me({
-  isLoading: t,
+  isLoading: r,
   shouldFilterOptions: m = !0,
   label: K,
   options: o,
-  error: x,
+  error: h,
   warning: y,
   information: N,
   footnote: f,
@@ -144,110 +144,121 @@ function Me({
   onSelect: p,
   ...s
 }) {
-  const r = L(null), Y = Q(), q = Q(), [j, H] = S(!1), $ = d(() => {
+  const n = L(null), Y = Q(), q = Q(), [j, H] = S(!1), $ = d(() => {
     H(!0);
   }, []), ee = d((e) => {
-    var n;
-    (n = r.current) != null && n.contains(e.relatedTarget) || H(!1);
-  }, []), [w, i] = S(!1);
-  h(() => {
+    var t;
+    (t = n.current) != null && t.contains(e.relatedTarget) || H(!1);
+  }, []), [g, i] = S(!1);
+  x(() => {
     i(j);
-  }, [j]);
+  }, [j]), x(() => {
+    var t;
+    if (!g)
+      return;
+    const e = (t = n.current) == null ? void 0 : t.control;
+    return () => {
+      e == null || e.scrollIntoView({
+        behavior: "smooth",
+        block: "nearest"
+      });
+    };
+  }, [g]);
   const [C, E] = S(""), {
     value: b
   } = s, [k, M] = S(b), [B, te] = S(b), G = L(B), u = d((e) => {
     te(e), G.current = e;
   }, []);
-  h(() => {
+  x(() => {
     M(b), u(b);
-  }, [b, u]), h(() => {
+  }, [b, u]), x(() => {
     if (b === void 0)
       return;
-    const e = o.find((n) => n.value === b);
+    const e = o.find((t) => t.value === b);
     e && E(F(e));
-  }, [o, b]), h(() => {
+  }, [o, b]), x(() => {
     b === void 0 && E("");
   }, [b]);
-  const ne = d(() => {
+  const re = d(() => {
     k && (E(""), u(void 0));
-  }, [k, u]), re = d((e, n) => {
-    E(e), c == null || c(e, n), i(!0), M(void 0);
+  }, [k, u]), ne = d((e, t) => {
+    E(e), c == null || c(e, t), i(!0), M(void 0);
   }, [c]), oe = d((e) => {
-    var n;
-    (n = r.current) != null && n.contains(e.target) && i(!0);
+    var t;
+    (t = n.current) != null && t.contains(e.target) && i(!0);
   }, []), I = d((e) => {
-    const n = e == null ? void 0 : e.value;
-    u(n), e ? E(F(e)) : (E(""), c == null || c("")), p == null || p(n);
+    const t = e == null ? void 0 : e.value;
+    u(t), e ? E(F(e)) : (E(""), c == null || c("")), p == null || p(t);
   }, [u, c, p]), se = d((e) => {
-    const n = o.find((O) => O.value === e);
-    I(n), M(e), i(!1);
+    const t = o.find((O) => O.value === e);
+    I(t), M(e), i(!1);
   }, [o, I]), ae = d((e) => {
     u(e);
   }, [u]), D = ce(C), v = Z(() => !m || k ? o : me(D, o, F), [m, k, o, D]);
-  h(() => {
+  x(() => {
     !k && D.length > 0 && v.length > 0 && !v.some((e) => B === e.value) && u(v[0].value);
   }, [k, D, v, B, u]);
   const {
     setIsKeyboardNavigating: R
   } = X();
-  return h(() => {
+  return x(() => {
     if (j)
       return pe((e) => {
         e.movementX === 0 && e.movementY === 0 || R(!1);
       });
-  }, [j, R]), h(() => {
+  }, [j, R]), x(() => {
     if (j)
       return be((e) => {
         var J;
-        let n;
-        const O = v.length, A = v.findIndex((a) => a.value === G.current), g = () => {
+        let t;
+        const O = v.length, A = v.findIndex((a) => a.value === G.current), w = () => {
           e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation();
         };
         switch (e.key) {
           case "Enter": {
             const a = v[A];
-            a && (g(), R(!0), i(!1), I(a), M(a.value));
+            a && (w(), R(!0), i(!1), I(a), M(a.value));
             break;
           }
           case "Escape": {
-            if (w)
-              g(), k ? u(void 0) : I(void 0), i(!1);
+            if (g)
+              w(), k ? u(void 0) : I(void 0), i(!1);
             else if (k)
-              g(), i(!0), I(void 0);
+              w(), i(!0), I(void 0);
             else {
-              g(), H(!1);
+              w(), H(!1);
               const a = document.activeElement;
-              a instanceof HTMLElement && ((J = r.current) != null && J.contains(a)) && a.blur();
+              a instanceof HTMLElement && ((J = n.current) != null && J.contains(a)) && a.blur();
             }
             return;
           }
           case "ArrowDown": {
-            g(), w && (n = A + 1), i(!0);
+            w(), g && (t = A + 1), i(!0);
             break;
           }
           case "ArrowUp": {
-            g(), w && (n = A - 1, n < 0 && (n = O - 1)), i(!0);
+            w(), g && (t = A - 1, t < 0 && (t = O - 1)), i(!0);
             break;
           }
           case "Home": {
-            i(!0), n = 0;
+            i(!0), t = 0;
             break;
           }
           case "End": {
-            i(!0), n = O - 1;
+            i(!0), t = O - 1;
             break;
           }
           case "Backspace": {
-            v.some((a) => a.value === k) && (g(), I(void 0), i(!0));
+            v.some((a) => a.value === k) && (w(), I(void 0), i(!0));
             break;
           }
         }
-        if (n !== void 0 && (g(), R(!0), O > 0)) {
-          const a = v[n % O];
+        if (t !== void 0 && (w(), R(!0), O > 0)) {
+          const a = v[t % O];
           a && u(a.value);
         }
       });
-  }, [j, v, R, i, I, M, w, k, u]), /* @__PURE__ */ l.jsx(fe, { ...s, ref: r, role: "combobox", autoComplete: "off", "aria-controls": Y, "aria-expanded": w, "aria-activedescendant": w ? q : void 0, label: K, value: C, error: x, warning: y, information: N, footnote: f, attachments: w ? /* @__PURE__ */ l.jsx(xe, { isLoading: t, id: Y, activeOptionId: q, selectedValue: B, options: v, onSelect: se, onHover: ae }) : null, className: T(V, "kakadu-components-879486679"), onMouseDown: oe, onChange: re, onBeforeInput: ne, onFocus: $, onBlur: ee, children: /* @__PURE__ */ l.jsx(de, { width: 14, height: 14, className: "kakadu-components-158931186" }) });
+  }, [j, v, R, i, I, M, g, k, u]), /* @__PURE__ */ l.jsx(fe, { ...s, ref: n, role: "combobox", autoComplete: "off", "aria-controls": Y, "aria-expanded": g, "aria-activedescendant": g ? q : void 0, label: K, value: C, error: h, warning: y, information: N, footnote: f, attachments: g ? /* @__PURE__ */ l.jsx(xe, { isLoading: r, id: Y, activeOptionId: q, selectedValue: B, options: v, onSelect: se, onHover: ae }) : null, className: T(V, "kakadu-components-1230689972"), onMouseDown: oe, onChange: ne, onBeforeInput: re, onFocus: $, onBlur: ee, children: /* @__PURE__ */ l.jsx(de, { width: 14, height: 14, className: "kakadu-components-158931186" }) });
 }
 export {
   Me as default,

package/build/components/copy-icon-button.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("../jsx-runtime-BB_1_6y_.js"),o=require("react"),p=require("../utilities/copy-to-clipboard.js"),f=require("./icon-button.js");function m({label:i="Kopier",copiedLabel:n="Kopiert!",value:r,onClick:e,...c}){const t=o.useRef(null),[u,s]=o.useState(!1),a=o.useCallback(l=>{p.default(r),s(!0),t.current&&clearTimeout(t.current),e==null||e(l),t.current=setTimeout(()=>{s(!1)},2e3)},[r,e]);return d.jsxRuntimeExports.jsx(f.default,{...c,icon:u?"check":"copy",label:u?n:i,variant:u?"success":"default",onClick:a})}exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("../jsx-runtime-CZa898vN.js"),o=require("react"),p=require("../utilities/copy-to-clipboard.js"),f=require("./icon-button.js");function m({label:i="Kopier",copiedLabel:n="Kopiert!",value:r,onClick:e,...c}){const t=o.useRef(null),[u,s]=o.useState(!1),a=o.useCallback(l=>{p.default(r),s(!0),t.current&&clearTimeout(t.current),e==null||e(l),t.current=setTimeout(()=>{s(!1)},2e3)},[r,e]);return d.jsxRuntimeExports.jsx(f.default,{...c,icon:u?"check":"copy",label:u?n:i,variant:u?"success":"default",onClick:a})}exports.default=m;

package/build/components/copy-icon-button.mjs

@@ -1,4 +1,4 @@
-import { j as a } from "../jsx-runtime-B4hRZ52C.mjs";
+import { j as a } from "../jsx-runtime-z6PQ6F3d.mjs";
 import { useRef as f, useState as m, useCallback as l } from "react";
 import d from "../utilities/copy-to-clipboard.mjs";
 import x from "./icon-button.mjs";

package/build/components/datum.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-BB_1_6y_.js"),s=require("./flex.js"),n=require("./text.js"),u=require("./copy-icon-button.js");function i({title:r,value:t,hasCopyButton:o}){return e.jsxRuntimeExports.jsxs(s.default,{direction:"row",gap:1.5,preset:"start",children:[e.jsxRuntimeExports.jsxs(s.default,{fill:!0,gap:.375,preset:"start",children:[e.jsxRuntimeExports.jsx(n.Span,{className:"kakadu-components-3772513716",children:r}),e.jsxRuntimeExports.jsx(n.Span,{className:"kakadu-components-2497879239",children:t})]}),o?e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(u.default,{value:t})}):null]})}exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../jsx-runtime-CZa898vN.js"),s=require("./flex.js"),n=require("./text.js"),u=require("./copy-icon-button.js");function i({title:r,value:t,hasCopyButton:o}){return e.jsxRuntimeExports.jsxs(s.default,{direction:"row",gap:1.5,preset:"start",children:[e.jsxRuntimeExports.jsxs(s.default,{fill:!0,gap:.375,preset:"start",children:[e.jsxRuntimeExports.jsx(n.Span,{className:"kakadu-components-3772513716",children:r}),e.jsxRuntimeExports.jsx(n.Span,{className:"kakadu-components-2497879239",children:t})]}),o?e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(u.default,{value:t})}):null]})}exports.default=i;

package/build/components/datum.mjs

@@ -1,4 +1,4 @@
-import { j as r } from "../jsx-runtime-B4hRZ52C.mjs";
+import { j as r } from "../jsx-runtime-z6PQ6F3d.mjs";
 import s from "./flex.mjs";
 import { Span as o } from "./text.mjs";
 import a from "./copy-icon-button.mjs";

package/build/components/decorators.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../jsx-runtime-BB_1_6y_.js");function n({decorators:e,children:t}){return e.length===0?t:e.reduceRight((u,r)=>i.jsxRuntimeExports.jsx(r,{children:u}),t)}exports.default=n;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../jsx-runtime-CZa898vN.js");function n({decorators:e,children:t}){return e.length===0?t:e.reduceRight((u,r)=>i.jsxRuntimeExports.jsx(r,{children:u}),t)}exports.default=n;

package/build/components/decorators.mjs

@@ -1,4 +1,4 @@
-import { j as u } from "../jsx-runtime-B4hRZ52C.mjs";
+import { j as u } from "../jsx-runtime-z6PQ6F3d.mjs";
 function o({
   decorators: t,
   children: r

package/build/components/dot.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../jsx-runtime-BB_1_6y_.js"),r=require("@kuma-ui/core");function s({className:e}){return t.jsxRuntimeExports.jsx("span",{className:r.cx("kakadu-components-2022754336",e),children:"•"})}exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../jsx-runtime-CZa898vN.js"),r=require("@kuma-ui/core");function s({className:e}){return t.jsxRuntimeExports.jsx("span",{className:r.cx("kakadu-components-2022754336",e),children:"•"})}exports.default=s;

package/build/components/dot.mjs

@@ -1,4 +1,4 @@
-import { j as t } from "../jsx-runtime-B4hRZ52C.mjs";
+import { j as t } from "../jsx-runtime-z6PQ6F3d.mjs";
 import { cx as r } from "@kuma-ui/core";
 function n({
   className: o