@kakadu/components 6.3.0 → 6.3.1

package/build/components/hover-gradient.js

@@ -1 +1 @@
-"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=$;
+"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=$;

package/build/components/hover-gradient.mjs

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

package/package.json

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