@kakadu/components 4.3.1 → 4.3.2

package/build/components/combobox.js

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

package/build/components/combobox.mjs

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

package/package.json

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