@kakadu/components 6.10.1 → 6.11.1

package/build/components/combobox.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=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(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-z6PQ6F3d.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 { 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/icon-button.js

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

package/build/components/icon-button.mjs

@@ -49,7 +49,7 @@ function ie({
   return /* @__PURE__ */ e.jsxs("div", { className: "kakadu-components-4096632152", children: [
     /* @__PURE__ */ e.jsxs(X, { ...D, reference: w, as: s ? "a" : "button", type: s ? void 0 : "button", href: s ? p : void 0, target: s ? I : void 0, rel: s ? v : void 0, "aria-label": d, "aria-describedby": k, disabled: s ? void 0 : l, inert: s ? l : void 0, className: o(F, G, H, "kakadu-components-4200638658", n === "default" && o(W, "kakadu-components-1561784812"), n === "success" && o(q, "kakadu-components-1398421429"), n === "warning" && o(J, "kakadu-components-1872098090"), n === "danger" && o(K, "kakadu-components-2064536093"), a && "kakadu-components-2662775151", T), children: [
       /* @__PURE__ */ e.jsxs("span", { "data-theme": n === "default" ? z ? "dark" : "light" : "dark", className: "kakadu-components-3040141419", children: [
-        /* @__PURE__ */ e.jsx(S, { width: 16, height: 16, type: r, className: o(b, "kakadu-components-1562914001", h && "kakadu-components-2360250719") }),
+        /* @__PURE__ */ e.jsx(S, { width: 16, height: 16, type: r, className: o(b, "kakadu-components-4212103964", h && "kakadu-components-2360250719") }),
         r === t ? null : /* @__PURE__ */ e.jsx(S, { width: 16, height: 16, type: t, className: o(b, "kakadu-components-1224061930", h && "kakadu-components-2519520784") })
       ] }),
       /* @__PURE__ */ e.jsx(V, { isLoading: f, size: 14 }),

package/build/components/text.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../jsx-runtime-CZa898vN.js"),a=require("@kuma-ui/core"),j=require("../theme.js"),c=require("./atom.js"),r="kakadu-components-1538322784",x="kakadu-components-739732526",m="h1";function l({reference:t,as:e,className:n,...o}){return s.jsxRuntimeExports.jsx(c.default,{reference:t,as:e??m,...o,className:a.cx(j.overflowProtectionStyles,r,"kakadu-components-3658929198",x,n)})}function f({as:t,id:e,children:n,className:o,...k}){return s.jsxRuntimeExports.jsx(l,{as:t??"h1",id:e,...k,className:a.cx(o),children:s.jsxRuntimeExports.jsx("a",{href:`#${e}`,className:"kakadu-components-1038708690",children:n})})}const u=a.cx("kakadu-components-162258071",x);function p({as:t,className:e,...n}){return s.jsxRuntimeExports.jsx(c.default,{as:t??"span",...n,className:a.cx(u,e)})}function i({as:t,className:e,...n}){return s.jsxRuntimeExports.jsx(c.default,{as:t??"p",...n,className:a.cx(u,"kakadu-components-3547863283",e)})}function S({as:t,className:e,...n}){return s.jsxRuntimeExports.jsx(i,{as:t??"small",...n,className:a.cx("kakadu-components-1696055534",e)})}function g({as:t,className:e,...n}){return s.jsxRuntimeExports.jsx(p,{as:t??"span",...n,className:a.cx("kakadu-components-1329768068",e)})}function d({as:t,width:e="text",className:n,...o}){return s.jsxRuntimeExports.jsx(c.default,{as:t??"div",...o,className:a.cx("kakadu-components-1896894881",e==="wide"&&"kakadu-components-81067145",e==="page"&&"kakadu-components-2433581593",e==="text"&&"kakadu-components-958855245",e==="content"&&"kakadu-components-797764377",n)})}function E(t){const{className:e}=t;return s.jsxRuntimeExports.jsx(d,{...t,className:a.cx("kakadu-components-3757870586",e)})}exports.AnchorHeading=f;exports.Footnote=S;exports.Heading=l;exports.Hero=E;exports.Label=g;exports.Paragraph=i;exports.Span=p;exports.default=d;exports.defaultHeadingElementType=m;exports.spanStyles=u;exports.textShadowStyles=r;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../jsx-runtime-CZa898vN.js"),a=require("@kuma-ui/core"),j=require("../theme.js"),c=require("./atom.js"),r="kakadu-components-1538322784",x="kakadu-components-739732526",m="h1";function l({reference:t,as:e,className:n,...o}){return s.jsxRuntimeExports.jsx(c.default,{reference:t,as:e??m,...o,className:a.cx(j.overflowProtectionStyles,r,"kakadu-components-3658929198",x,n)})}function f({as:t,id:e,children:n,className:o,...k}){return s.jsxRuntimeExports.jsx(l,{as:t??"h1",id:e,...k,className:a.cx(o),children:s.jsxRuntimeExports.jsx("a",{href:`#${e}`,className:"kakadu-components-1038708690",children:n})})}const u=a.cx("kakadu-components-162258071",x);function p({as:t,className:e,...n}){return s.jsxRuntimeExports.jsx(c.default,{as:t??"span",...n,className:a.cx(u,e)})}function i({as:t,className:e,...n}){return s.jsxRuntimeExports.jsx(c.default,{as:t??"p",...n,className:a.cx(u,"kakadu-components-3547863283",e)})}function S({as:t,className:e,...n}){return s.jsxRuntimeExports.jsx(i,{as:t??"small",...n,className:a.cx("kakadu-components-1696055534",e)})}function g({as:t,className:e,...n}){return s.jsxRuntimeExports.jsx(p,{as:t??"span",...n,className:a.cx("kakadu-components-1329768068",e)})}function d({as:t,width:e="text",className:n,...o}){return s.jsxRuntimeExports.jsx(c.default,{as:t??"div",...o,className:a.cx("kakadu-components-3670692279",e==="wide"&&"kakadu-components-81067145",e==="page"&&"kakadu-components-2433581593",e==="text"&&"kakadu-components-958855245",e==="content"&&"kakadu-components-797764377",n)})}function E(t){const{className:e}=t;return s.jsxRuntimeExports.jsx(d,{...t,className:a.cx("kakadu-components-3757870586",e)})}exports.AnchorHeading=f;exports.Footnote=S;exports.Heading=l;exports.Hero=E;exports.Label=g;exports.Paragraph=i;exports.Span=p;exports.default=d;exports.defaultHeadingElementType=m;exports.spanStyles=u;exports.textShadowStyles=r;

package/build/components/text.mjs

@@ -55,7 +55,7 @@ function f({
   className: s,
   ...e
 }) {
-  return /* @__PURE__ */ o.jsx(c, { as: n ?? "div", ...e, className: t("kakadu-components-1896894881", a === "wide" && "kakadu-components-81067145", a === "page" && "kakadu-components-2433581593", a === "text" && "kakadu-components-958855245", a === "content" && "kakadu-components-797764377", s) });
+  return /* @__PURE__ */ o.jsx(c, { as: n ?? "div", ...e, className: t("kakadu-components-3670692279", a === "wide" && "kakadu-components-81067145", a === "page" && "kakadu-components-2433581593", a === "text" && "kakadu-components-958855245", a === "content" && "kakadu-components-797764377", s) });
 }
 function v(n) {
   const {