@kakadu/components 6.1.1 → 6.3.0

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/copy-icon-button.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { type IconButtonProperties } from './icon-button';
 export default function CopyIconButton({ label, copiedLabel, value, onClick, ...properties }: {
     readonly label?: string;
     readonly copiedLabel?: string;
     readonly value: string;
-} & Omit<IconButtonProperties, 'icon' | 'label' | 'variant'>): import("react/jsx-runtime").JSX.Element;
+} & Omit<IconButtonProperties, 'icon' | 'label' | 'variant'>): React.JSX.Element;

package/build/components/datum.d.ts

@@ -1,7 +1,7 @@
-import { type ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 export type DatumProperties = {
     readonly title: ReactNode;
     readonly value: string;
     readonly hasCopyButton?: boolean;
 };
-export default function Datum({ title, value, hasCopyButton }: DatumProperties): import("react/jsx-runtime").JSX.Element;
+export default function Datum({ title, value, hasCopyButton }: DatumProperties): React.JSX.Element;

package/build/components/dot.d.ts

@@ -1,2 +1,2 @@
-import { type HTMLProps } from 'react';
-export default function Dot({ className }: HTMLProps<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+import React, { type HTMLProps } from 'react';
+export default function Dot({ className }: HTMLProps<HTMLSpanElement>): React.JSX.Element;

package/build/components/flex.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { type AtomElementType, type AtomProperties, type DefaultAtomElementType } from './atom';
 export declare const flexDirections: readonly ["row", "row-reverse", "column", "column-reverse"];
 export type FlexDirection = (typeof flexDirections)[number];
@@ -18,5 +19,5 @@ export type FlexProperties<Type extends AtomElementType = DefaultAtomElementType
     readonly wrap?: boolean;
     readonly fill?: boolean;
 };
-export default function Flex<Type extends AtomElementType = DefaultAtomElementType>({ as, direction, preset, distribution, alignment, gap, wrap, fill, style: inputStyle, className, ...properties }: FlexProperties<Type>): import("react/jsx-runtime").JSX.Element;
+export default function Flex<Type extends AtomElementType = DefaultAtomElementType>({ as, direction, preset, distribution, alignment, gap, wrap, fill, style: inputStyle, className, ...properties }: FlexProperties<Type>): React.JSX.Element;
 export {};

package/build/components/footer.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLAttributeAnchorTarget, type ReactNode } from 'react';
+import React, { type HTMLAttributeAnchorTarget, type ReactNode } from 'react';
 import { type WrapperWidth } from './wrapper';
 export declare const footerSections: readonly ["services", "results", "about", "compliance"];
 export declare const footerSectionLinks: {
@@ -33,5 +33,5 @@ export type FooterProperties = {
     readonly sections?: FooterSections;
     readonly className?: string;
 };
-export default function Footer({ width, sections: inputSections, attribution, className, }: FooterProperties): import("react/jsx-runtime").JSX.Element;
+export default function Footer({ width, sections: inputSections, attribution, className, }: FooterProperties): React.JSX.Element;
 export {};

package/build/components/gauge.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 export type GaugeProperties = {
     readonly label: string;
     readonly size?: 'small' | 'medium' | 'large';
     readonly percentage?: number;
     readonly isAnimated?: boolean;
 };
-export default function Gauge({ label, size, percentage, isAnimated, }: GaugeProperties): import("react/jsx-runtime").JSX.Element;
+export default function Gauge({ label, size, percentage, isAnimated, }: GaugeProperties): React.JSX.Element;

package/build/components/header.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { type WrapperProperties } from './wrapper';
 import { type AtomElementType, type DefaultAtomElementType } from './atom';
-export default function Header<Type extends AtomElementType = DefaultAtomElementType>({ as, className, ...properties }: WrapperProperties<Type>): import("react/jsx-runtime").JSX.Element;
+export default function Header<Type extends AtomElementType = DefaultAtomElementType>({ as, className, ...properties }: WrapperProperties<Type>): React.JSX.Element;

package/build/components/hover-gradient.d.ts

@@ -1,6 +1,6 @@
-import { type HTMLProps } from 'react';
+import React, { type HTMLProps } from 'react';
 export declare const normalBlendStyles: string;
 export default function HoverGradient({ isActive, size, className, ...properties }: HTMLProps<HTMLDivElement> & {
     readonly isActive?: boolean;
     readonly size?: number;
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

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

package/build/components/hover-gradient.mjs

@@ -1,17 +1,30 @@
-import { j as v } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useRef as x, useState as k, useEffect as w } from "react";
-import { cx as E } from "@kuma-ui/core";
+import { j as d } from "../jsx-runtime-B4hRZ52C.mjs";
+import { useRef as p, useState as v, useEffect as h } from "react";
+import { cx as L } from "@kuma-ui/core";
 import B from "../hooks/use-is-in-view.mjs";
-const C = "kakadu-components-2608453841";
-function G({
-  isActive: a = !0,
-  size: g = 200,
-  className: L,
-  ...b
+import w from "../utilities/listeners.mjs";
+const P = "kakadu-components-2608453841", N = w((e) => {
+  window.addEventListener("mousemove", e, {
+    passive: !0
+  });
+}, (e) => {
+  window.removeEventListener("mousemove", e);
+}), R = w((e) => {
+  window.addEventListener("mouseleave", e, {
+    passive: !0
+  });
+}, (e) => {
+  window.removeEventListener("mouseleave", e);
+});
+function X({
+  isActive: e = !0,
+  size: x = 200,
+  className: k,
+  ...E
 }) {
-  const n = x(null), s = B(n), t = x(null), [j, o] = k(!1), [r, I] = k();
-  return w(() => {
-    if (!a || !s) {
+  const n = p(null), s = B(n), t = p(null), [g, o] = v(!1), [r, M] = v();
+  return h(() => {
+    if (!e || !s) {
       o(!1);
       return;
     }
@@ -19,36 +32,36 @@ function G({
     if (!c)
       return;
     t.current || (t.current = c.parentElement);
-    const e = t.current;
-    if (!e)
+    const i = t.current;
+    if (!i)
       return;
-    const l = (f) => {
-      const V = f.target;
-      if (!e.contains(V))
+    const b = N((m) => {
+      const I = m.target;
+      if (!i.contains(I))
         return;
-      const y = e.getBoundingClientRect(), {
-        clientX: i,
+      const V = i.getBoundingClientRect(), {
+        clientX: a,
         clientY: u
-      } = f, {
-        left: d,
-        right: $,
-        top: p,
-        bottom: h
-      } = y;
-      i > d && i < $ && u > p && u < h && (o(!0), I([i - d, u - p]));
-    }, m = () => {
+      } = m, {
+        left: l,
+        right: y,
+        top: f,
+        bottom: $
+      } = V;
+      a > l && a < y && u > f && u < $ && (o(!0), M([a - l, u - f]));
+    }), j = R(() => {
       o(!1);
+    });
+    return () => {
+      b(), j();
     };
-    return e.addEventListener("mousemove", l), e.addEventListener("mouseleave", m), () => {
-      e.removeEventListener("mousemove", l), e.removeEventListener("mouseleave", m);
-    };
-  }, [a, s]), /* @__PURE__ */ v.jsx("div", { ...b, ref: n, className: E("kakadu-components-1237006455", L), children: r && s ? /* @__PURE__ */ v.jsx("div", { style: {
-    "--size": `${g}px`,
+  }, [e, s]), /* @__PURE__ */ d.jsx("div", { ...E, ref: n, className: L("kakadu-components-1237006455", k), children: r && s ? /* @__PURE__ */ d.jsx("div", { style: {
+    "--size": `${x}px`,
     "--offset-x": `${r[0]}px`,
     "--offset-y": `${r[1]}px`
-  }, className: E("kakadu-components-611160091", j && "kakadu-components-3627966847") }) : null });
+  }, className: L("kakadu-components-611160091", g && "kakadu-components-3627966847") }) : null });
 }
 export {
-  G as default,
-  C as normalBlendStyles
+  X as default,
+  P as normalBlendStyles
 };

package/build/components/icon-button.d.ts

@@ -1,4 +1,4 @@
-import { type HTMLProps } from 'react';
+import React, { type HTMLProps } from 'react';
 import { type IconType } from '../icons/icon';
 import { type ButtonTooltipPosition } from './button-tooltip';
 export declare const iconButtonVariants: readonly ["default", "success", "warning", "danger"];
@@ -12,4 +12,4 @@ export type IconButtonProperties = HTMLProps<HTMLButtonElement> & {
     readonly isSkeleton?: boolean;
     readonly isSkeletonAnimated?: boolean;
 };
-export default function IconButton({ ref, icon, variant, label, tooltipPosition, href, target, rel, disabled, isLoading, isSkeleton, isSkeletonAnimated, className, ...properties }: IconButtonProperties): import("react/jsx-runtime").JSX.Element;
+export default function IconButton({ ref, icon, variant, label, tooltipPosition, href, target, rel, disabled, isLoading, isSkeleton, isSkeletonAnimated, className, ...properties }: IconButtonProperties): React.JSX.Element;

package/build/components/input.d.ts

@@ -1,4 +1,4 @@
-import { type ChangeEvent, type HTMLProps, type ReactNode } from 'react';
+import React, { type ChangeEvent, type HTMLProps, type ReactNode } from 'react';
 import { type IconType } from '../icons/icon';
 export declare const inputStyles: string;
 export declare const errorParagraph: string;
@@ -17,7 +17,7 @@ type InputLabelProperties = HTMLProps<HTMLLabelElement> & InputLabelMessagePrope
     readonly footnote?: ReactNode;
     readonly attachments?: ReactNode;
 };
-export declare function InputLabel({ label, error, errorId, warning, warningId, information, informationId, footnote, attachments, className, children, ...properties }: InputLabelProperties): import("react/jsx-runtime").JSX.Element;
+export declare function InputLabel({ label, error, errorId, warning, warningId, information, informationId, footnote, attachments, className, children, ...properties }: InputLabelProperties): React.JSX.Element;
 export type InputLabelControllerProperties = Omit<InputLabelProperties, 'errorId' | 'warningId' | 'attachments' | 'onClick' | 'onMouseDown' | 'onMouseUp' | 'onChange' | 'onFocus' | 'onBlur' | 'onInput' | 'onBeforeInput'>;
 export type InputType = HTMLInputElement | HTMLTextAreaElement;
 export type InputAction = {
@@ -34,5 +34,5 @@ export type InputProperties = Omit<InputLabelControllerProperties & Omit<HTMLPro
     readonly isMultiline?: boolean;
     readonly onChange?: (value: string, event: ChangeEvent<InputType>) => void;
 };
-export default function Input({ ref, type, label, error, warning, information, footnote, suggestion, attachments, actions, hasCopyButton, hasClearButton, isMultiline, onChange, children, className, ...properties }: InputProperties): import("react/jsx-runtime").JSX.Element;
+export default function Input({ ref, type, label, error, warning, information, footnote, suggestion, attachments, actions, hasCopyButton, hasClearButton, isMultiline, onChange, children, className, ...properties }: InputProperties): React.JSX.Element;
 export {};