@kakadu/components 6.2.0 → 6.3.1

package/build/components/click-ripples.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("../jsx-runtime-BB_1_6y_.js"),s=require("react"),v=require("@kuma-ui/core"),y=require("../hooks/use-is-in-view.js");function b({id:n,x:o,y:i,onEnd:r}){return s.useEffect(()=>{const t=setTimeout(()=>{r(n)},370);return()=>{clearTimeout(t)}},[r,n]),m.jsxRuntimeExports.jsx("div",{style:{top:i,left:o},className:"kakadu-components-3828473824"})}function g({isActive:n=!0,size:o=150,className:i,...r}){const t=s.useRef(null),u=y.default(t),[w,c]=s.useState([]);s.useEffect(()=>{if(!n||!u){c([]);return}const e=l=>{if(t.current){const d=t.current.getBoundingClientRect(),{clientX:a,clientY:f}=l,{left:x,right:k,top:p,bottom:E}=d;a>x&&a<k&&f>p&&f<E&&c(R=>[...R,{id:Date.now()+Math.random()*1e3,x:a-x,y:f-p}])}};return window.addEventListener("pointerdown",e),()=>{window.removeEventListener("pointerdown",e)}},[n,u]);const j=s.useCallback(e=>{c(l=>l.filter(d=>d.id!==e))},[]);return m.jsxRuntimeExports.jsx("div",{...r,ref:t,style:{"--size":`${o}px`},className:v.cx("kakadu-components-4189236582",i),children:u?w.map(e=>m.jsxRuntimeExports.jsx(b,{id:e.id,x:e.x,y:e.y,onEnd:j},e.id)):null})}exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const f=require("../jsx-runtime-BB_1_6y_.js"),r=require("react"),R=require("@kuma-ui/core"),v=require("../hooks/use-is-in-view.js"),q=require("../utilities/listeners.js");function y({id:e,x:o,y:u,onEnd:i}){return r.useEffect(()=>{const n=setTimeout(()=>{i(e)},370);return()=>{clearTimeout(n)}},[i,e]),f.jsxRuntimeExports.jsx("div",{style:{top:u,left:o},className:"kakadu-components-3828473824"})}const b=q.default(e=>{window.addEventListener("pointerdown",e,{passive:!0})},e=>{window.removeEventListener("pointerdown",e)});function g({isActive:e=!0,size:o=150,className:u,...i}){const n=r.useRef(null),c=v.default(n),[x,l]=r.useState([]);r.useEffect(()=>{if(!e||!c){l([]);return}return b(t=>{if(n.current){const a=n.current.getBoundingClientRect(),{clientX:s,clientY:d}=t,{left:m,right:j,top:p,bottom:k}=a;s>m&&s<j&&d>p&&d<k&&l(E=>[...E,{id:Date.now()+Math.random()*1e3,x:s-m,y:d-p}])}})},[e,c]);const w=r.useCallback(t=>{l(a=>a.filter(s=>s.id!==t))},[]);return f.jsxRuntimeExports.jsx("div",{...i,ref:n,style:{"--size":`${o}px`},className:R.cx("kakadu-components-4189236582",u),children:c?x.map(t=>f.jsxRuntimeExports.jsx(y,{id:t.id,x:t.x,y:t.y,onEnd:w},t.id)):null})}exports.default=g;

package/build/components/click-ripples.mjs

@@ -1,65 +1,70 @@
 import { j as m } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useRef as R, useState as h, useEffect as x, useCallback as v } from "react";
-import { cx as C } from "@kuma-ui/core";
-import b from "../hooks/use-is-in-view.mjs";
-function g({
-  id: n,
-  x: r,
-  y: s,
+import { useRef as y, useState as E, useEffect as p, useCallback as R } from "react";
+import { cx as h } from "@kuma-ui/core";
+import C from "../hooks/use-is-in-view.mjs";
+import L from "../utilities/listeners.mjs";
+function b({
+  id: e,
+  x: s,
+  y: i,
   onEnd: o
 }) {
-  return x(() => {
-    const t = setTimeout(() => {
-      o(n);
+  return p(() => {
+    const n = setTimeout(() => {
+      o(e);
     }, 370);
     return () => {
-      clearTimeout(t);
+      clearTimeout(n);
     };
-  }, [o, n]), /* @__PURE__ */ m.jsx("div", { style: {
-    top: s,
-    left: r
+  }, [o, e]), /* @__PURE__ */ m.jsx("div", { style: {
+    top: i,
+    left: s
   }, className: "kakadu-components-3828473824" });
 }
+const g = L((e) => {
+  window.addEventListener("pointerdown", e, {
+    passive: !0
+  });
+}, (e) => {
+  window.removeEventListener("pointerdown", e);
+});
 function V({
-  isActive: n = !0,
-  size: r = 150,
-  className: s,
+  isActive: e = !0,
+  size: s = 150,
+  className: i,
   ...o
 }) {
-  const t = R(null), i = b(t), [w, c] = h([]);
-  x(() => {
-    if (!n || !i) {
-      c([]);
+  const n = y(null), c = C(n), [x, u] = E([]);
+  p(() => {
+    if (!e || !c) {
+      u([]);
       return;
     }
-    const e = (u) => {
-      if (t.current) {
-        const l = t.current.getBoundingClientRect(), {
-          clientX: a,
-          clientY: d
-        } = u, {
-          left: f,
-          right: j,
-          top: p,
-          bottom: y
-        } = l;
-        a > f && a < j && d > p && d < y && c((E) => [...E, {
+    return g((t) => {
+      if (n.current) {
+        const a = n.current.getBoundingClientRect(), {
+          clientX: r,
+          clientY: l
+        } = t, {
+          left: d,
+          right: k,
+          top: f,
+          bottom: j
+        } = a;
+        r > d && r < k && l > f && l < j && u((v) => [...v, {
           id: Date.now() + Math.random() * 1e3,
-          x: a - f,
-          y: d - p
+          x: r - d,
+          y: l - f
         }]);
       }
-    };
-    return window.addEventListener("pointerdown", e), () => {
-      window.removeEventListener("pointerdown", e);
-    };
-  }, [n, i]);
-  const k = v((e) => {
-    c((u) => u.filter((l) => l.id !== e));
+    });
+  }, [e, c]);
+  const w = R((t) => {
+    u((a) => a.filter((r) => r.id !== t));
   }, []);
-  return /* @__PURE__ */ m.jsx("div", { ...o, ref: t, style: {
-    "--size": `${r}px`
-  }, className: C("kakadu-components-4189236582", s), children: i ? w.map((e) => /* @__PURE__ */ m.jsx(g, { id: e.id, x: e.x, y: e.y, onEnd: k }, e.id)) : null });
+  return /* @__PURE__ */ m.jsx("div", { ...o, ref: n, style: {
+    "--size": `${s}px`
+  }, className: h("kakadu-components-4189236582", i), children: c ? x.map((t) => /* @__PURE__ */ m.jsx(b, { id: t.id, x: t.x, y: t.y, onEnd: w }, t.id)) : null });
 }
 export {
   V as default

package/build/components/combobox.js

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

package/build/components/combobox.mjs

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

package/build/components/hover-gradient.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const x=require("../jsx-runtime-BB_1_6y_.js"),t=require("react"),k=require("@kuma-ui/core"),$=require("../hooks/use-is-in-view.js"),I="kakadu-components-2608453841";function V({isActive:l=!0,size:E=200,className:g,...b}){const s=t.useRef(null),o=$.default(s),n=t.useRef(null),[j,r]=t.useState(!1),[u,S]=t.useState();return t.useEffect(()=>{if(!l||!o){r(!1);return}const a=s.current;if(!a)return;n.current||(n.current=a.parentElement);const e=n.current;if(!e)return;const m=d=>{const q=d.target;if(!e.contains(q))return;const y=e.getBoundingClientRect(),{clientX:i,clientY:c}=d,{left:v,right:L,top:p,bottom:R}=y;i>v&&i<L&&c>p&&c<R&&(r(!0),S([i-v,c-p]))},f=()=>{r(!1)};return e.addEventListener("mousemove",m),e.addEventListener("mouseleave",f),()=>{e.removeEventListener("mousemove",m),e.removeEventListener("mouseleave",f)}},[l,o]),x.jsxRuntimeExports.jsx("div",{...b,ref:s,className:k.cx("kakadu-components-1237006455",g),children:u&&o?x.jsxRuntimeExports.jsx("div",{style:{"--size":`${E}px`,"--offset-x":`${u[0]}px`,"--offset-y":`${u[1]}px`},className:k.cx("kakadu-components-611160091",j&&"kakadu-components-3627966847")}):null})}exports.default=V;exports.normalBlendStyles=I;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p=require("../jsx-runtime-BB_1_6y_.js"),s=require("react"),x=require("@kuma-ui/core"),y=require("../hooks/use-is-in-view.js"),R=require("../utilities/listeners.js"),$="kakadu-components-2608453841",I=R.default(e=>{window.addEventListener("mousemove",e,{passive:!0})},e=>{window.removeEventListener("mousemove",e)});function V({isActive:e=!0,size:k=200,className:E,...g}){const o=s.useRef(null),r=y.default(o),n=s.useRef(null),[L,i]=s.useState(!1),[u,b]=s.useState();return s.useEffect(()=>{if(!e||!r){i(!1);return}const a=o.current;if(!a)return;n.current||(n.current=a.parentElement);const t=n.current;if(!t)return;const j=I(m=>{const q=m.target;if(!t.contains(q))return;const w=t.getBoundingClientRect(),{clientX:c,clientY:l}=m,{left:f,right:M,top:v,bottom:S}=w;c>f&&c<M&&l>v&&l<S&&(i(!0),b([c-f,l-v]))}),d=()=>{i(!1)};return t.addEventListener("mouseleave",d),()=>{j(),t.removeEventListener("mouseleave",d)}},[e,r]),p.jsxRuntimeExports.jsx("div",{...g,ref:o,className:x.cx("kakadu-components-1237006455",E),children:u&&r?p.jsxRuntimeExports.jsx("div",{style:{"--size":`${k}px`,"--offset-x":`${u[0]}px`,"--offset-y":`${u[1]}px`},className:x.cx("kakadu-components-611160091",L&&"kakadu-components-3627966847")}):null})}exports.default=V;exports.normalBlendStyles=$;