@kakadu/components 6.7.1 → 6.8.0

package/build/components/button-tooltip.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=["top","bottom"];function c({id:s,label:u,position:o="top",className:t}){return e.jsxRuntimeExports.jsx("div",{id:s,role:"tooltip",className:n.cx("kakadu-components-1318485037",o==="top"&&"kakadu-components-430823771",o==="bottom"&&"kakadu-components-2189175034",t),children:e.jsxRuntimeExports.jsx("span",{className:n.cx("kakadu-components-3787062640",o==="top"&&"kakadu-components-2481216458",o==="bottom"&&"kakadu-components-637471806",t),children:u})})}exports.buttonTooltipPositions=a;exports.default=c;
+"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=["top","bottom"];function c({id:s,label:u,position:o="top",className:t}){return e.jsxRuntimeExports.jsx("div",{id:s,role:"tooltip",className:n.cx("kakadu-components-3121583645",o==="top"&&"kakadu-components-430823771",o==="bottom"&&"kakadu-components-2189175034",t),children:e.jsxRuntimeExports.jsx("span",{className:n.cx("kakadu-components-3787062640",o==="top"&&"kakadu-components-2481216458",o==="bottom"&&"kakadu-components-637471806",t),children:u})})}exports.buttonTooltipPositions=a;exports.default=c;

package/build/components/button-tooltip.mjs

@@ -7,7 +7,7 @@ function k({
   position: o = "top",
   className: t
 }) {
-  return /* @__PURE__ */ n.jsx("div", { id: m, role: "tooltip", className: a("kakadu-components-1318485037", o === "top" && "kakadu-components-430823771", o === "bottom" && "kakadu-components-2189175034", t), children: /* @__PURE__ */ n.jsx("span", { className: a("kakadu-components-3787062640", o === "top" && "kakadu-components-2481216458", o === "bottom" && "kakadu-components-637471806", t), children: p }) });
+  return /* @__PURE__ */ n.jsx("div", { id: m, role: "tooltip", className: a("kakadu-components-3121583645", o === "top" && "kakadu-components-430823771", o === "bottom" && "kakadu-components-2189175034", t), children: /* @__PURE__ */ n.jsx("span", { className: a("kakadu-components-3787062640", o === "top" && "kakadu-components-2481216458", o === "bottom" && "kakadu-components-637471806", t), children: p }) });
 }
 export {
   c as buttonTooltipPositions,

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:N,value:o,label:k,onSelect:h,onHover:g}){const{isKeyboardNavigating:m}=F(),j=e.useCallback(()=>{h(o)},[h,o]),u=e.useCallback(r=>{m||r.movementX===0&&r.movementY===0||g(o)},[m,g,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:N,role:"option","aria-selected":f,tabIndex:-1,className:_.cx(B,"kakadu-components-4130497639",m?"kakadu-components-962373561":"kakadu-components-1109598791"),onClick:j,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:N,selectedValue:o,options:k,onSelect:h,onHover:g}){const m=e.useRef(null);e.useEffect(()=>{const a=m.current;a&&a.scrollIntoView({behavior:"smooth",block:"nearest"})},[]);const j=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=j.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?j:void 0,id:a.value===o?N:void 0,isSelected:a.value===o,onSelect:h,onHover:g},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:N,options:o,error:k,warning:h,information:g,footnote:m,className:j,onChange:u,onSelect:b,...a}){const r=e.useRef(null),H=e.useId(),P=e.useId(),[w,K]=e.useState(!1),$=e.useCallback(()=>{K(!0)},[]),G=e.useCallback(t=>{var n;(n=r.current)!=null&&n.contains(t.relatedTarget)||K(!1)},[]),[V,i]=e.useState(!1);e.useEffect(()=>{i(w)},[w]);const[A,I]=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&&I(q(t))},[o,p]),e.useEffect(()=>{p===void 0&&I("")},[p]);const Q=e.useCallback(()=>{v&&(I(""),l(void 0))},[v,l]),W=e.useCallback((t,n)=>{I(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)},[]),E=e.useCallback(t=>{const n=t==null?void 0:t.value;l(n),t?I(q(t)):(I(""),u==null||u("")),b==null||b(n)},[l,u,b]),ee=e.useCallback(t=>{const n=o.find(R=>R.value===t);E(n),O(t),i(!1)},[o,E]),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(w)return ue(t=>{t.movementX===0&&t.movementY===0||S(!1)})},[w,S]),e.useEffect(()=>{if(w)return ie(t=>{var U;let n;const R=x.length,L=x.findIndex(c=>c.value===z.current),y=()=>{t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()};switch(t.key){case"Enter":{const c=x[L];c&&(y(),S(!0),i(!1),E(c),O(c.value));break}case"Escape":{if(V)y(),v?l(void 0):E(void 0),i(!1);else if(v)y(),i(!0),E(void 0);else{y(),K(!1);const c=document.activeElement;c instanceof HTMLElement&&((U=r.current)!=null&&U.contains(c))&&c.blur()}return}case"ArrowDown":{n=L+1,i(!0);break}case"ArrowUp":{n=L-1,i(!0),n<0&&(n=R-1);break}case"Home":{i(!0),n=0;break}case"End":{i(!0),n=R-1;break}case"Backspace":{x.some(c=>c.value===v)&&(y(),E(void 0),i(!0));break}}if(n!==void 0&&(y(),S(!0),R>0)){const c=x[n%R];c&&l(c.value)}})},[w,x,S,i,E,O,V,v,l]),d.jsxRuntimeExports.jsx(ae.default,{...a,ref:r,role:"combobox",autoComplete:"off","aria-controls":H,"aria-expanded":V,"aria-activedescendant":V?P:void 0,label:N,value:A,error:k,warning:h,information:g,footnote:m,attachments:V?d.jsxRuntimeExports.jsx(de,{isLoading:s,id:H,activeOptionId:P,selectedValue:C,options:x,onSelect:ee,onHover:te}):null,className:_.cx(j,"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 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;

package/build/components/combobox.mjs

@@ -1,5 +1,5 @@
 import { j as l } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useRef as O, 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 h, 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";
@@ -44,19 +44,19 @@ const z = "kakadu-components-1144794361", U = "kakadu-components-2911184744";
 function ke({
   ref: t,
   isSelected: m,
-  id: L,
+  id: K,
   value: o,
   label: x,
-  onSelect: w,
-  onHover: I
+  onSelect: y,
+  onHover: N
 }) {
   const {
     isKeyboardNavigating: f
-  } = X(), y = d(() => {
-    w(o);
-  }, [w, o]), c = d((r) => {
-    f || r.movementX === 0 && r.movementY === 0 || I(o);
-  }, [f, I, o]), p = O(null);
+  } = X(), V = d(() => {
+    y(o);
+  }, [y, o]), c = d((r) => {
+    f || r.movementX === 0 && r.movementY === 0 || N(o);
+  }, [f, N, o]), p = L(null);
   h(() => {
     const r = p.current;
     m && r && f && setTimeout(() => {
@@ -73,18 +73,18 @@ function ke({
     },
     [t]
   );
-  return /* @__PURE__ */ l.jsx("li", { ref: s, id: L, role: "option", "aria-selected": m, tabIndex: -1, className: T(z, "kakadu-components-4130497639", f ? "kakadu-components-962373561" : "kakadu-components-1109598791"), onClick: y, 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 x == "string" && "kakadu-components-154286052"), children: x }) });
 }
 function xe({
   isLoading: t,
   id: m,
-  activeOptionId: L,
+  activeOptionId: K,
   selectedValue: o,
   options: x,
-  onSelect: w,
-  onHover: I
+  onSelect: y,
+  onHover: N
 }) {
-  const f = O(null);
+  const f = L(null);
   h(() => {
     const s = f.current;
     s && s.scrollIntoView({
@@ -92,14 +92,14 @@ function xe({
       block: "nearest"
     });
   }, []);
-  const y = O(null), {
+  const V = L(null), {
     isKeyboardNavigating: c
-  } = X(), p = O(c);
+  } = X(), p = L(c);
   return p.current = c, ie(() => {
     const s = f.current;
     if (s && x.length > 0) {
       if (p.current) {
-        const r = y.current;
+        const r = V.current;
         if (r) {
           r.scrollIntoView({
             block: "nearest"
@@ -119,11 +119,11 @@ function xe({
       ke,
       {
         ...s,
-        ref: s.value === o ? y : void 0,
-        id: s.value === o ? L : void 0,
+        ref: s.value === o ? V : void 0,
+        id: s.value === o ? K : void 0,
         isSelected: s.value === o,
-        onSelect: w,
-        onHover: I
+        onSelect: y,
+        onHover: N
       },
       F(s) + r
     )),
@@ -133,29 +133,29 @@ function xe({
 function Me({
   isLoading: t,
   shouldFilterOptions: m = !0,
-  label: L,
+  label: K,
   options: o,
   error: x,
-  warning: w,
-  information: I,
+  warning: y,
+  information: N,
   footnote: f,
-  className: y,
+  className: V,
   onChange: c,
   onSelect: p,
   ...s
 }) {
-  const r = O(null), Y = Q(), q = Q(), [N, H] = S(!1), $ = d(() => {
+  const r = 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);
-  }, []), [K, i] = S(!1);
+  }, []), [w, i] = S(!1);
   h(() => {
-    i(N);
-  }, [N]);
-  const [C, V] = S(""), {
+    i(j);
+  }, [j]);
+  const [C, E] = S(""), {
     value: b
-  } = s, [k, M] = S(b), [B, te] = S(b), G = O(B), u = d((e) => {
+  } = s, [k, M] = S(b), [B, te] = S(b), G = L(B), u = d((e) => {
     te(e), G.current = e;
   }, []);
   h(() => {
@@ -164,24 +164,24 @@ function Me({
     if (b === void 0)
       return;
     const e = o.find((n) => n.value === b);
-    e && V(F(e));
+    e && E(F(e));
   }, [o, b]), h(() => {
-    b === void 0 && V("");
+    b === void 0 && E("");
   }, [b]);
   const ne = d(() => {
-    k && (V(""), u(void 0));
+    k && (E(""), u(void 0));
   }, [k, u]), re = d((e, n) => {
-    V(e), c == null || c(e, n), i(!0), M(void 0);
+    E(e), c == null || c(e, n), i(!0), M(void 0);
   }, [c]), oe = d((e) => {
     var n;
     (n = r.current) != null && n.contains(e.target) && i(!0);
-  }, []), g = d((e) => {
+  }, []), I = d((e) => {
     const n = e == null ? void 0 : e.value;
-    u(n), e ? V(F(e)) : (V(""), c == null || c("")), p == null || p(n);
+    u(n), e ? E(F(e)) : (E(""), c == null || c("")), p == null || p(n);
   }, [u, c, p]), se = d((e) => {
-    const n = o.find((j) => j.value === e);
-    g(n), M(e), i(!1);
-  }, [o, g]), ae = d((e) => {
+    const n = o.find((O) => O.value === e);
+    I(n), 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(() => {
@@ -191,42 +191,42 @@ function Me({
     setIsKeyboardNavigating: R
   } = X();
   return h(() => {
-    if (N)
+    if (j)
       return pe((e) => {
         e.movementX === 0 && e.movementY === 0 || R(!1);
       });
-  }, [N, R]), h(() => {
-    if (N)
+  }, [j, R]), h(() => {
+    if (j)
       return be((e) => {
         var J;
         let n;
-        const j = v.length, A = v.findIndex((a) => a.value === G.current), E = () => {
+        const O = v.length, A = v.findIndex((a) => a.value === G.current), g = () => {
           e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation();
         };
         switch (e.key) {
           case "Enter": {
             const a = v[A];
-            a && (E(), R(!0), i(!1), g(a), M(a.value));
+            a && (g(), R(!0), i(!1), I(a), M(a.value));
             break;
           }
           case "Escape": {
-            if (K)
-              E(), k ? u(void 0) : g(void 0), i(!1);
+            if (w)
+              g(), k ? u(void 0) : I(void 0), i(!1);
             else if (k)
-              E(), i(!0), g(void 0);
+              g(), i(!0), I(void 0);
             else {
-              E(), H(!1);
+              g(), H(!1);
               const a = document.activeElement;
               a instanceof HTMLElement && ((J = r.current) != null && J.contains(a)) && a.blur();
             }
             return;
           }
           case "ArrowDown": {
-            n = A + 1, i(!0);
+            g(), w && (n = A + 1), i(!0);
             break;
           }
           case "ArrowUp": {
-            n = A - 1, i(!0), n < 0 && (n = j - 1);
+            g(), w && (n = A - 1, n < 0 && (n = O - 1)), i(!0);
             break;
           }
           case "Home": {
@@ -234,20 +234,20 @@ function Me({
             break;
           }
           case "End": {
-            i(!0), n = j - 1;
+            i(!0), n = O - 1;
             break;
           }
           case "Backspace": {
-            v.some((a) => a.value === k) && (E(), g(void 0), i(!0));
+            v.some((a) => a.value === k) && (g(), I(void 0), i(!0));
             break;
           }
         }
-        if (n !== void 0 && (E(), R(!0), j > 0)) {
-          const a = v[n % j];
+        if (n !== void 0 && (g(), R(!0), O > 0)) {
+          const a = v[n % O];
           a && u(a.value);
         }
       });
-  }, [N, v, R, i, g, M, K, k, u]), /* @__PURE__ */ l.jsx(fe, { ...s, ref: r, role: "combobox", autoComplete: "off", "aria-controls": Y, "aria-expanded": K, "aria-activedescendant": K ? q : void 0, label: L, value: C, error: x, warning: w, information: I, footnote: f, attachments: K ? /* @__PURE__ */ l.jsx(xe, { isLoading: t, id: Y, activeOptionId: q, selectedValue: B, options: v, onSelect: se, onHover: ae }) : null, className: T(y, "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, 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" }) });
 }
 export {
   Me as default,

package/build/components/flags/afrikaans.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function AfrikaansSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/albanian.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function AlbanianSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/amharic.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function AmharicSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/arabic.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function ArabicSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/armenian.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function ArmenianSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/azerbaijani.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function AzerbaijaniSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/bengali.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function BengaliSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/bosnian.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function BosnianSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/bulgarian.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function BulgarianSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/catalan.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function CatalanSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/chinese-simplified.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function ChineseSimplifiedSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/chinese-traditional.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function ChineseTraditionalSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/croatian.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function CroatianSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/czech.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function CzechSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/danish.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function DanishSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/dari.d.ts

@@ -0,0 +1 @@
+export { default } from './pashto';

package/build/components/flags/dutch.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function DutchSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/english.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function EnglishSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/estonian.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function EstonianSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/farsi-persian.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function FarsiPersianSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/filipino-tagalog.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function FilipinoTagalogSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/finnish.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function FinnishSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/french-canada.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function FrenchCanadaSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/french.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function FrenchSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/georgian.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function GeorgianSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/german.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function GermanSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/greek.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function GreekSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/gujarati.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function GujaratiSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/haitian-creole.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function HaitianCreoleSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/hausa.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function HausaSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/hebrew.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function HebrewSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/hindi.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function HindiSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/hungarian.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function HungarianSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/icelandic.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function IcelandicSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/index.d.ts

@@ -0,0 +1,160 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+import AfrikaansSvg from './afrikaans';
+import AmharicSvg from './amharic';
+import ArabicSvg from './arabic';
+import AzerbaijaniSvg from './azerbaijani';
+import BulgarianSvg from './bulgarian';
+import BengaliSvg from './bengali';
+import PortugueseBrazilSvg from './portuguese-brazil';
+import BosnianSvg from './bosnian';
+import CatalanSvg from './catalan';
+import CzechSvg from './czech';
+import WelshSvg from './welsh';
+import DanishSvg from './danish';
+import GermanSvg from './german';
+import GreekSvg from './greek';
+import EnglishSvg from './english';
+import SpanishSvg from './spanish';
+import EstonianSvg from './estonian';
+import FarsiPersianSvg from './farsi-persian';
+import FinnishSvg from './finnish';
+import FrenchSvg from './french';
+import FrenchCanadaSvg from './french-canada';
+import IrishSvg from './irish';
+import GujaratiSvg from './gujarati';
+import HausaSvg from './hausa';
+import HebrewSvg from './hebrew';
+import HindiSvg from './hindi';
+import CroatianSvg from './croatian';
+import HaitianCreoleSvg from './haitian-creole';
+import HungarianSvg from './hungarian';
+import ArmenianSvg from './armenian';
+import IndonesianSvg from './indonesian';
+import IcelandicSvg from './icelandic';
+import ItalianSvg from './italian';
+import JapaneseSvg from './japanese';
+import GeorgianSvg from './georgian';
+import KazakhSvg from './kazakh';
+import KannadaSvg from './kannada';
+import KoreanSvg from './korean';
+import LithuanianSvg from './lithuanian';
+import LatvianSvg from './latvian';
+import MacedonianSvg from './macedonian';
+import MalayalamSvg from './malayalam';
+import MongolianSvg from './mongolian';
+import MarathiSvg from './marathi';
+import MalaySvg from './malay';
+import MalteseSvg from './maltese';
+import DutchSvg from './dutch';
+import NorwegianSvg from './norwegian';
+import PolishSvg from './polish';
+import PashtoSvg from './pashto';
+import PortuguesePortugalSvg from './portuguese-portugal';
+import RomanianSvg from './romanian';
+import RussianSvg from './russian';
+import SinhalaSvg from './sinhala';
+import SlovakSvg from './slovak';
+import SlovenianSvg from './slovenian';
+import SomaliSvg from './somali';
+import AlbanianSvg from './albanian';
+import SerbianSvg from './serbian';
+import SwedishSvg from './swedish';
+import SwahiliSvg from './swahili';
+import TamilSvg from './tamil';
+import TeluguSvg from './telugu';
+import ThaiSvg from './thai';
+import FilipinoTagalogSvg from './filipino-tagalog';
+import TurkishSvg from './turkish';
+import UkrainianSvg from './ukrainian';
+import UrduSvg from './urdu';
+import UzbekSvg from './uzbek';
+import VietnameseSvg from './vietnamese';
+import ChineseSimplifiedSvg from './chinese-simplified';
+import SpanishMexicoSvg from './spanish-mexico';
+import ChineseTraditionalSvg from './chinese-traditional';
+declare const flags: {
+    af: typeof AfrikaansSvg;
+    am: typeof AmharicSvg;
+    ar: typeof ArabicSvg;
+    az: typeof AzerbaijaniSvg;
+    bg: typeof BulgarianSvg;
+    bn: typeof BengaliSvg;
+    pt: typeof PortugueseBrazilSvg;
+    bs: typeof BosnianSvg;
+    ca: typeof CatalanSvg;
+    cs: typeof CzechSvg;
+    cy: typeof WelshSvg;
+    da: typeof DanishSvg;
+    de: typeof GermanSvg;
+    el: typeof GreekSvg;
+    en: typeof EnglishSvg;
+    es: typeof SpanishSvg;
+    et: typeof EstonianSvg;
+    fa: typeof FarsiPersianSvg;
+    fi: typeof FinnishSvg;
+    fr: typeof FrenchSvg;
+    'fr-ca': typeof FrenchCanadaSvg;
+    ga: typeof IrishSvg;
+    gu: typeof GujaratiSvg;
+    ha: typeof HausaSvg;
+    he: typeof HebrewSvg;
+    hi: typeof HindiSvg;
+    hr: typeof CroatianSvg;
+    ht: typeof HaitianCreoleSvg;
+    hu: typeof HungarianSvg;
+    hy: typeof ArmenianSvg;
+    id: typeof IndonesianSvg;
+    is: typeof IcelandicSvg;
+    it: typeof ItalianSvg;
+    ja: typeof JapaneseSvg;
+    ka: typeof GeorgianSvg;
+    kk: typeof KazakhSvg;
+    kn: typeof KannadaSvg;
+    ko: typeof KoreanSvg;
+    lt: typeof LithuanianSvg;
+    lv: typeof LatvianSvg;
+    mk: typeof MacedonianSvg;
+    ml: typeof MalayalamSvg;
+    mn: typeof MongolianSvg;
+    mr: typeof MarathiSvg;
+    ms: typeof MalaySvg;
+    mt: typeof MalteseSvg;
+    nl: typeof DutchSvg;
+    no: typeof NorwegianSvg;
+    nn: typeof NorwegianSvg;
+    pa: typeof HindiSvg;
+    pl: typeof PolishSvg;
+    ps: typeof PashtoSvg;
+    'pt-pt': typeof PortuguesePortugalSvg;
+    ro: typeof RomanianSvg;
+    ru: typeof RussianSvg;
+    si: typeof SinhalaSvg;
+    sk: typeof SlovakSvg;
+    sl: typeof SlovenianSvg;
+    so: typeof SomaliSvg;
+    sq: typeof AlbanianSvg;
+    sr: typeof SerbianSvg;
+    sv: typeof SwedishSvg;
+    sw: typeof SwahiliSvg;
+    ta: typeof TamilSvg;
+    te: typeof TeluguSvg;
+    th: typeof ThaiSvg;
+    tl: typeof FilipinoTagalogSvg;
+    tr: typeof TurkishSvg;
+    uk: typeof UkrainianSvg;
+    ur: typeof UrduSvg;
+    uz: typeof UzbekSvg;
+    vi: typeof VietnameseSvg;
+    zh: typeof ChineseSimplifiedSvg;
+    'es-mx': typeof SpanishMexicoSvg;
+    'fa-af': typeof PashtoSvg;
+    'zh-tw': typeof ChineseTraditionalSvg;
+};
+export type FlagLocale = keyof typeof flags;
+export declare const flagLocales: FlagLocale[];
+export type FlagProperties = {
+    readonly locale: FlagLocale;
+    readonly size?: number;
+} & ComponentPropsWithoutRef<'svg'>;
+export default function Flag({ locale, size, style, className, ...properties }: FlagProperties): React.JSX.Element | null;
+export {};

package/build/components/flags/indonesian.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function IndonesianSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/irish.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function IrishSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/italian.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function ItalianSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/japanese.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function JapaneseSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/kannada.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function KannadaSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;

package/build/components/flags/kazakh.d.ts

@@ -0,0 +1,2 @@
+import React, { type ComponentPropsWithoutRef } from 'react';
+export default function KazakhSvg(properties: ComponentPropsWithoutRef<'svg'>): React.JSX.Element;