@bodyhc/blazeui 0.2.1 → 0.2.3

package/dist/blaze-ui.es.js

@@ -1,6 +1,6 @@
 import { jsx as p, jsxs as H, Fragment as Me } from "react/jsx-runtime";
 import * as d from "react";
-import ae, { createContext as Rt, useContext as be, useState as le, useEffect as ce, forwardRef as Gi, createElement as to, useLayoutEffect as rd, useId as To, useRef as te, useInsertionEffect as Ro, useCallback as me, useMemo as bt, Children as Wy, isValidElement as jy, Fragment as od, Component as Hy } from "react";
+import ae, { createContext as Rt, useContext as be, useState as le, useEffect as ce, forwardRef as Gi, createElement as to, useLayoutEffect as rd, useId as To, useRef as te, useInsertionEffect as Ro, useCallback as pe, useMemo as bt, Children as Wy, isValidElement as jy, Fragment as od, Component as Hy } from "react";
 import * as ar from "react-dom";
 import Uy from "react-dom";
 function sd(e) {
@@ -3302,7 +3302,7 @@ function ve(e) {
     n((r) => r ?? String(y0++));
   }, [e]), t ? `radix-${t}` : "";
 }
-function pe(e) {
+function he(e) {
   const t = d.useRef(e);
   return d.useEffect(() => {
     t.current = e;
@@ -3340,7 +3340,7 @@ var P0 = d.forwardRef((e, t) => {
     defaultProp: a ?? null,
     onChange: l,
     caller: dr
-  }), [b, w] = d.useState(!1), x = pe(c), S = Nd(n), C = d.useRef(!1), [E, P] = d.useState(0);
+  }), [b, w] = d.useState(!1), x = he(c), S = Nd(n), C = d.useRef(!1), [E, P] = d.useState(0);
   return d.useEffect(() => {
     const T = h.current;
     if (T)
@@ -3861,7 +3861,7 @@ function qn(e, [t, n]) {
   return Math.min(n, Math.max(t, e));
 }
 function Y0(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const n = pe(e);
+  const n = he(e);
   d.useEffect(() => {
     const r = (o) => {
       o.key === "Escape" && n(o);
@@ -3934,7 +3934,7 @@ var J0 = "DismissableLayerBranch", tf = d.forwardRef((e, t) => {
 });
 tf.displayName = J0;
 function Q0(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const n = pe(e), r = d.useRef(!1), o = d.useRef(() => {
+  const n = he(e), r = d.useRef(!1), o = d.useRef(() => {
   });
   return d.useEffect(() => {
     const s = (a) => {
@@ -3964,7 +3964,7 @@ function Q0(e, t = globalThis == null ? void 0 : globalThis.document) {
   };
 }
 function ew(e, t = globalThis == null ? void 0 : globalThis.document) {
-  const n = pe(e), r = d.useRef(!1);
+  const n = he(e), r = d.useRef(!1);
   return d.useEffect(() => {
     const o = (s) => {
       s.target && !r.current && nf(Z0, n, { originalEvent: s }, {
@@ -4005,7 +4005,7 @@ var Cs = "focusScope.autoFocusOnMount", Es = "focusScope.autoFocusOnUnmount", Kl
     onMountAutoFocus: o,
     onUnmountAutoFocus: s,
     ...i
-  } = e, [a, l] = d.useState(null), c = pe(o), u = pe(s), f = d.useRef(null), h = Z(t, (g) => l(g)), m = d.useRef({
+  } = e, [a, l] = d.useState(null), c = he(o), u = he(s), f = d.useRef(null), h = Z(t, (g) => l(g)), m = d.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -5521,7 +5521,7 @@ var ua = "PopperContent", [Cx, Ex] = vf(ua), Sf = d.forwardRef(
         Rx({ arrowWidth: P, arrowHeight: T }),
         h && yx({ strategy: "referenceHidden", ...B })
       ]
-    }), [$, Q] = Pf(W), ee = pe(y);
+    }), [$, Q] = Pf(W), ee = he(y);
     ye(() => {
       z && (ee == null || ee());
     }, [z, ee]);
@@ -7028,7 +7028,7 @@ function sp(e) {
   return e === "" || e === void 0;
 }
 function ip(e) {
-  const t = pe(e), n = d.useRef(""), r = d.useRef(0), o = d.useCallback(
+  const t = he(e), n = d.useRef(""), r = d.useRef(0), o = d.useCallback(
     (i) => {
       const a = n.current + i;
       t(a), function l(c) {
@@ -8013,7 +8013,7 @@ var bi = ["Enter", " "], QC = ["ArrowDown", "PageUp", "Home"], Kp = ["ArrowUp",
   at,
   Sn
 ]), wr = at(), Xp = Sn(), [qp, Dt] = Yt(br), [sE, xr] = Yt(br), Zp = (e) => {
-  const { __scopeMenu: t, open: n = !1, children: r, dir: o, onOpenChange: s, modal: i = !0 } = e, a = wr(t), [l, c] = d.useState(null), u = d.useRef(!1), f = pe(s), h = Nt(o);
+  const { __scopeMenu: t, open: n = !1, children: r, dir: o, onOpenChange: s, modal: i = !0 } = e, a = wr(t), [l, c] = d.useState(null), u = d.useRef(!1), f = he(s), h = Nt(o);
   return d.useEffect(() => {
     const m = () => {
       u.current = !0, document.addEventListener("pointerdown", y, { capture: !0, once: !0 }), document.addEventListener("pointermove", y, { capture: !0, once: !0 });
@@ -8349,7 +8349,7 @@ var oh = "MenuRadioGroup", [mE, gE] = Yt(
   } }
 ), sh = d.forwardRef(
   (e, t) => {
-    const { value: n, onValueChange: r, ...o } = e, s = pe(r);
+    const { value: n, onValueChange: r, ...o } = e, s = he(r);
     return /* @__PURE__ */ p(mE, { scope: e.__scopeMenu, value: n, onValueChange: s, children: /* @__PURE__ */ p(Sa, { ...o, ref: t }) });
   }
 );
@@ -8424,7 +8424,7 @@ var bE = "MenuArrow", dh = d.forwardRef(
 );
 dh.displayName = bE;
 var Ea = "MenuSub", [wE, fh] = Yt(Ea), ph = (e) => {
-  const { __scopeMenu: t, children: n, open: r = !1, onOpenChange: o } = e, s = Dt(Ea, t), i = wr(t), [a, l] = d.useState(null), [c, u] = d.useState(null), f = pe(o);
+  const { __scopeMenu: t, children: n, open: r = !1, onOpenChange: o } = e, s = Dt(Ea, t), i = wr(t), [a, l] = d.useState(null), [c, u] = d.useState(null), f = he(o);
   return d.useEffect(() => (s.open === !1 && f(!1), () => f(!1)), [s.open, f]), /* @__PURE__ */ p(Pn, { ...i, children: /* @__PURE__ */ p(
     qp,
     {
@@ -9670,8 +9670,8 @@ var Cr = "Toast", uT = "toast.swipeStart", dT = "toast.swipeMove", fT = "toast.s
         ...i,
         ref: t,
         onClose: () => l(!1),
-        onPause: pe(e.onPause),
-        onResume: pe(e.onResume),
+        onPause: he(e.onPause),
+        onResume: he(e.onResume),
         onSwipeStart: M(e.onSwipeStart, (c) => {
           c.currentTarget.setAttribute("data-swipe", "start");
         }),
@@ -9710,7 +9710,7 @@ var [hT, mT] = um(Cr, {
       onSwipeCancel: h,
       onSwipeEnd: m,
       ...y
-    } = e, g = Qo(Cr, n), [v, b] = d.useState(null), w = Z(t, (L) => b(L)), x = d.useRef(null), S = d.useRef(null), C = o || g.duration, E = d.useRef(0), P = d.useRef(C), T = d.useRef(0), { onToastAdd: R, onToastRemove: _ } = g, I = pe(() => {
+    } = e, g = Qo(Cr, n), [v, b] = d.useState(null), w = Z(t, (L) => b(L)), x = d.useRef(null), S = d.useRef(null), C = o || g.duration, E = d.useRef(0), P = d.useRef(C), T = d.useRef(0), { onToastAdd: R, onToastRemove: _ } = g, I = he(() => {
       var K;
       (v == null ? void 0 : v.contains(document.activeElement)) && ((K = g.viewport) == null || K.focus()), i();
     }), D = d.useCallback(
@@ -9888,7 +9888,7 @@ var hc = (e, t, n = 0) => {
 };
 function wT(e = () => {
 }) {
-  const t = pe(e);
+  const t = he(e);
   ye(() => {
     let n = 0, r = 0;
     return n = window.requestAnimationFrame(() => r = window.requestAnimationFrame(t)), () => {
@@ -11093,7 +11093,7 @@ var NR = d.forwardRef((e, t) => {
     onWheelScroll: u,
     onResize: f,
     ...h
-  } = e, m = Fe(lt, n), [y, g] = d.useState(null), v = Z(t, (R) => g(R)), b = d.useRef(null), w = d.useRef(""), x = m.viewport, S = r.content - r.viewport, C = pe(u), E = pe(l), P = os(f, 10);
+  } = e, m = Fe(lt, n), [y, g] = d.useState(null), v = Z(t, (R) => g(R)), b = d.useRef(null), w = d.useRef(""), x = m.viewport, S = r.content - r.viewport, C = he(u), E = he(l), P = os(f, 10);
   function T(R) {
     if (b.current) {
       const _ = R.clientX - b.current.left, I = R.clientY - b.current.top;
@@ -11112,10 +11112,10 @@ var NR = d.forwardRef((e, t) => {
       scope: n,
       scrollbar: y,
       hasThumb: o,
-      onThumbChange: pe(s),
-      onThumbPointerUp: pe(i),
+      onThumbChange: he(s),
+      onThumbPointerUp: he(i),
       onThumbPositionChange: E,
-      onThumbPointerDown: pe(a),
+      onThumbPointerDown: he(a),
       children: /* @__PURE__ */ p(
         j.div,
         {
@@ -11251,13 +11251,13 @@ var VR = (e, t = () => {
   }(), () => window.cancelAnimationFrame(r);
 };
 function os(e, t) {
-  const n = pe(e), r = d.useRef(0);
+  const n = he(e), r = d.useRef(0);
   return d.useEffect(() => () => window.clearTimeout(r.current), []), d.useCallback(() => {
     window.clearTimeout(r.current), r.current = window.setTimeout(n, t);
   }, [n, t]);
 }
 function mn(e, t) {
-  const n = pe(t);
+  const n = he(t);
   ye(() => {
     let r = 0;
     if (e) {
@@ -12380,7 +12380,7 @@ Fg.displayName = Ka;
 var Bg = "AvatarImage", zg = d.forwardRef(
   (e, t) => {
     const { __scopeAvatar: n, src: r, onLoadingStatusChange: o = () => {
-    }, ...s } = e, i = $g(Bg, n), a = iN(r, s), l = pe((c) => {
+    }, ...s } = e, i = $g(Bg, n), a = iN(r, s), l = he((c) => {
       o(c), i.onImageLoadingStatusChange(c);
     });
     return ye(() => {
@@ -12529,7 +12529,7 @@ function fN({ children: e, isPresent: t }) {
   }, [t]), p(dN, { isPresent: t, childRef: r, sizeRef: o, children: d.cloneElement(e, { ref: r }) });
 }
 const pN = ({ children: e, initial: t, isPresent: n, onExitComplete: r, custom: o, presenceAffectsLayout: s, mode: i }) => {
-  const a = Ct(hN), l = To(), c = me((f) => {
+  const a = Ct(hN), l = To(), c = pe((f) => {
     a.set(f, !0);
     for (const h of a.values())
       if (!h)
@@ -12568,7 +12568,7 @@ function Kg(e = !0) {
   ce(() => {
     e && o(s);
   }, [e]);
-  const i = me(() => e && r && r(s), [s, r, e]);
+  const i = pe(() => e && r && r(s), [s, r, e]);
   return !n && r ? [!1, i] : [!0];
 }
 const Br = (e) => e.key || "";
@@ -12845,7 +12845,7 @@ function rn(e) {
   return e && typeof e == "object" && Object.prototype.hasOwnProperty.call(e, "current");
 }
 function TN(e, t, n) {
-  return me(
+  return pe(
     (r) => {
       r && e.onMount && e.onMount(r), t && (r ? t.mount(r) : t.unmount()), n && (typeof n == "function" ? n(r) : rn(n) && (n.current = r));
     },
@@ -15621,7 +15621,7 @@ const lu = () => ({
 }), sn = () => ({
   x: lu(),
   y: lu()
-}), cu = () => ({ min: 0, max: 0 }), he = () => ({
+}), cu = () => ({ min: 0, max: 0 }), me = () => ({
   x: cu(),
   y: cu()
 });
@@ -15713,7 +15713,7 @@ function wI(e, t, n) {
 const ly = ({ current: e }) => e ? e.ownerDocument.defaultView : null, xI = /* @__PURE__ */ new WeakMap();
 class SI {
   constructor(t) {
-    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = he(), this.visualElement = t;
+    this.openDragLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = me(), this.visualElement = t;
   }
   start(t, { snapToCursor: n = !1 } = {}) {
     const { presenceContext: r } = this.visualElement;
@@ -16414,7 +16414,7 @@ function vy({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         for (let l = 0; l < this.path.length; l++)
           this.path[l].updateScroll();
       const i = this.layout;
-      this.layout = this.measure(!1), this.layoutCorrected = he(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
+      this.layout = this.measure(!1), this.layoutCorrected = me(), this.isLayoutDirty = !1, this.projectionDelta = void 0, this.notifyListeners("measure", this.layout.layoutBox);
       const { visualElement: a } = this.options;
       a && a.notify("LayoutMeasure", this.layout.layoutBox, i ? i.layoutBox : void 0);
     }
@@ -16452,7 +16452,7 @@ function vy({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       var i;
       const { visualElement: a } = this.options;
       if (!a)
-        return he();
+        return me();
       const l = a.measureViewportBox();
       if (!(((i = this.scroll) === null || i === void 0 ? void 0 : i.wasRoot) || this.path.some(s_))) {
         const { scroll: u } = this.root;
@@ -16462,7 +16462,7 @@ function vy({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     }
     removeElementScroll(i) {
       var a;
-      const l = he();
+      const l = me();
       if (Oe(l, i), !((a = this.scroll) === null || a === void 0) && a.wasRoot)
         return l;
       for (let c = 0; c < this.path.length; c++) {
@@ -16472,7 +16472,7 @@ function vy({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       return l;
     }
     applyTransform(i, a = !1) {
-      const l = he();
+      const l = me();
       Oe(l, i);
       for (let c = 0; c < this.path.length; c++) {
         const u = this.path[c];
@@ -16484,14 +16484,14 @@ function vy({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       return $t(this.latestValues) && ln(l, this.latestValues), l;
     }
     removeTransform(i) {
-      const a = he();
+      const a = me();
       Oe(a, i);
       for (let l = 0; l < this.path.length; l++) {
         const c = this.path[l];
         if (!c.instance || !$t(c.latestValues))
           continue;
         zi(c.latestValues) && c.updateSnapshot();
-        const u = he(), f = c.measurePageBox();
+        const u = me(), f = c.measurePageBox();
         Oe(u, f), Eu(a, c.latestValues, c.snapshot ? c.snapshot.layoutBox : void 0, u);
       }
       return $t(this.latestValues) && Eu(a, this.latestValues), a;
@@ -16523,13 +16523,13 @@ function vy({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       if (!(!this.layout || !(f || h))) {
         if (this.resolvedRelativeTargetAt = Se.timestamp, !this.targetDelta && !this.relativeTarget) {
           const m = this.getClosestProjectingParent();
-          m && m.layout && this.animationProgress !== 1 ? (this.relativeParent = m, this.forceRelativeParentToResolveTarget(), this.relativeTarget = he(), this.relativeTargetOrigin = he(), Yn(this.relativeTargetOrigin, this.layout.layoutBox, m.layout.layoutBox), Oe(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+          m && m.layout && this.animationProgress !== 1 ? (this.relativeParent = m, this.forceRelativeParentToResolveTarget(), this.relativeTarget = me(), this.relativeTargetOrigin = me(), Yn(this.relativeTargetOrigin, this.layout.layoutBox, m.layout.layoutBox), Oe(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
         }
         if (!(!this.relativeTarget && !this.targetDelta)) {
-          if (this.target || (this.target = he(), this.targetWithTransforms = he()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), uI(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : Oe(this.target, this.layout.layoutBox), iy(this.target, this.targetDelta)) : Oe(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget) {
+          if (this.target || (this.target = me(), this.targetWithTransforms = me()), this.relativeTarget && this.relativeTargetOrigin && this.relativeParent && this.relativeParent.target ? (this.forceRelativeParentToResolveTarget(), uI(this.target, this.relativeTarget, this.relativeParent.target)) : this.targetDelta ? (this.resumingFrom ? this.target = this.applyTransform(this.layout.layoutBox) : Oe(this.target, this.layout.layoutBox), iy(this.target, this.targetDelta)) : Oe(this.target, this.layout.layoutBox), this.attemptToResolveRelativeTarget) {
             this.attemptToResolveRelativeTarget = !1;
             const m = this.getClosestProjectingParent();
-            m && !!m.resumingFrom == !!this.resumingFrom && !m.options.layoutScroll && m.target && this.animationProgress !== 1 ? (this.relativeParent = m, this.forceRelativeParentToResolveTarget(), this.relativeTarget = he(), this.relativeTargetOrigin = he(), Yn(this.relativeTargetOrigin, this.target, m.target), Oe(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
+            m && !!m.resumingFrom == !!this.resumingFrom && !m.options.layoutScroll && m.target && this.animationProgress !== 1 ? (this.relativeParent = m, this.forceRelativeParentToResolveTarget(), this.relativeTarget = me(), this.relativeTargetOrigin = me(), Yn(this.relativeTargetOrigin, this.target, m.target), Oe(this.relativeTarget, this.relativeTargetOrigin)) : this.relativeParent = this.relativeTarget = void 0;
           }
           Wn && Ft.resolvedTargetDeltas++;
         }
@@ -16553,7 +16553,7 @@ function vy({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
         return;
       Oe(this.layoutCorrected, this.layout.layoutBox);
       const h = this.treeScale.x, m = this.treeScale.y;
-      bI(this.layoutCorrected, this.treeScale, this.path, l), a.layout && !a.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (a.target = a.layout.layoutBox, a.targetWithTransforms = he());
+      bI(this.layoutCorrected, this.treeScale, this.path, l), a.layout && !a.target && (this.treeScale.x !== 1 || this.treeScale.y !== 1) && (a.target = a.layout.layoutBox, a.targetWithTransforms = me());
       const { target: y } = a;
       if (!y) {
         this.prevProjectionDelta && (this.createProjectionDeltas(), this.scheduleRender());
@@ -16581,12 +16581,12 @@ function vy({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     setAnimationOrigin(i, a = !1) {
       const l = this.snapshot, c = l ? l.latestValues : {}, u = { ...this.latestValues }, f = sn();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !a;
-      const h = he(), m = l ? l.source : void 0, y = this.layout ? this.layout.source : void 0, g = m !== y, v = this.getStack(), b = !v || v.members.length <= 1, w = !!(g && !b && this.options.crossfade === !0 && !this.path.some(n_));
+      const h = me(), m = l ? l.source : void 0, y = this.layout ? this.layout.source : void 0, g = m !== y, v = this.getStack(), b = !v || v.members.length <= 1, w = !!(g && !b && this.options.crossfade === !0 && !this.path.some(n_));
       this.animationProgress = 0;
       let x;
       this.mixTargetDelta = (S) => {
         const C = S / 1e3;
-        Du(f.x, i.x, C), Du(f.y, i.y, C), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Yn(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), t_(this.relativeTarget, this.relativeTargetOrigin, h, C), x && FI(this.relativeTarget, x) && (this.isProjectionDirty = !1), x || (x = he()), Oe(x, this.relativeTarget)), g && (this.animationValues = u, DI(u, c, this.latestValues, C, w, b)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = C;
+        Du(f.x, i.x, C), Du(f.y, i.y, C), this.setTargetDelta(f), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (Yn(h, this.layout.layoutBox, this.relativeParent.layout.layoutBox), t_(this.relativeTarget, this.relativeTargetOrigin, h, C), x && FI(this.relativeTarget, x) && (this.isProjectionDirty = !1), x || (x = me()), Oe(x, this.relativeTarget)), g && (this.animationValues = u, DI(u, c, this.latestValues, C, w, b)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = C;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(i) {
@@ -16615,7 +16615,7 @@ function vy({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       let { targetWithTransforms: a, target: l, layout: c, latestValues: u } = i;
       if (!(!a || !l || !c)) {
         if (this !== i && this.layout && c && yy(this.options.animationType, this.layout.layoutBox, c.layoutBox)) {
-          l = this.target || he();
+          l = this.target || me();
           const f = ke(this.layout.layoutBox.x);
           l.x.min = i.target.x.min, l.x.max = l.x.min + f;
           const h = ke(this.layout.layoutBox.y);
@@ -16747,9 +16747,9 @@ function UI(e) {
       if (f && !f.resumeFrom) {
         const { snapshot: h, layout: m } = f;
         if (h && m) {
-          const y = he();
+          const y = me();
           Yn(y, n.layoutBox, h.layoutBox);
-          const g = he();
+          const g = me();
           Yn(g, r, m.layoutBox), my(y, g) || (u = !0), f.options.layoutRoot && (e.relativeTarget = g, e.relativeTargetOrigin = y, e.relativeParent = f);
         }
       }
@@ -17104,7 +17104,7 @@ class xy {
    * removed with a re-render to work.
    */
   measureViewportBox() {
-    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : he();
+    return this.current ? this.measureInstanceViewportBox(this.current, this.props) : me();
   }
   getStaticValue(t) {
     return this.latestValues[t];
@@ -17272,7 +17272,7 @@ class Cy extends Sy {
 }
 class Ey extends Sy {
   constructor() {
-    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = he;
+    super(...arguments), this.type = "svg", this.isSVGTag = !1, this.measureInstanceViewportBox = me;
   }
   getBaseTargetFromProps(t, n) {
     return t[n];
@@ -17848,7 +17848,7 @@ class xD extends xy {
     delete n.output[t];
   }
   measureInstanceViewportBox() {
-    return he();
+    return me();
   }
   build(t, n) {
     Object.assign(t.output, n);
@@ -18459,7 +18459,7 @@ const Qu = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", ed
   duration: t = 3e3,
   className: n
 }) => {
-  const [r, o] = le(e[0]), [s, i] = le(!1), a = me(() => {
+  const [r, o] = le(e[0]), [s, i] = le(!1), a = pe(() => {
     const l = e[e.indexOf(r) + 1] || e[0];
     o(l), i(!0);
   }, [r, e]);
@@ -18729,7 +18729,7 @@ const Qk = ({
   pauseOnHover: r = !0,
   className: o
 }) => {
-  const s = te(null), i = te(null), [a, l] = le(!1), c = me(() => {
+  const s = te(null), i = te(null), [a, l] = le(!1), c = pe(() => {
     s.current && (t === "left" ? s.current.style.setProperty(
       "--animation-direction",
       "forwards"
@@ -18737,9 +18737,9 @@ const Qk = ({
       "--animation-direction",
       "reverse"
     ));
-  }, [t]), u = me(() => {
+  }, [t]), u = pe(() => {
     s.current && (n === "fast" ? s.current.style.setProperty("--animation-duration", "20s") : n === "normal" ? s.current.style.setProperty("--animation-duration", "40s") : s.current.style.setProperty("--animation-duration", "80s"));
-  }, [n]), f = me(() => {
+  }, [n]), f = pe(() => {
     s.current && i.current && (Array.from(i.current.children).forEach((m) => {
       const y = m.cloneNode(!0);
       i.current && i.current.appendChild(y);
@@ -19401,7 +19401,7 @@ const YD = ({
     particleDensity: o = 100,
     particleColor: s = "#FFFFFF",
     speed: i = 4
-  } = e, a = te(null), [l, c] = le(null), [u, f] = le([]), h = te(), m = me((v, b) => {
+  } = e, a = te(null), [l, c] = le(null), [u, f] = le([]), h = te(), m = pe((v, b) => {
     const w = o, x = [];
     for (let S = 0; S < w; S++)
       x.push({
@@ -19412,7 +19412,7 @@ const YD = ({
         speedY: (Math.random() - 0.5) * i
       });
     f(x);
-  }, [r, n, o, i]), y = me(() => {
+  }, [r, n, o, i]), y = pe(() => {
     if (a.current) {
       const v = a.current, { width: b, height: w } = v.getBoundingClientRect();
       v.width = b, v.height = w, m(b, w);
@@ -19426,7 +19426,7 @@ const YD = ({
       m(v, b);
     }
   }, [l, m]);
-  const g = me(() => {
+  const g = pe(() => {
     if (l && a.current) {
       const v = a.current;
       l.clearRect(0, 0, v.width, v.height), u.forEach((b) => {
@@ -19890,33 +19890,33 @@ const ZD = $y(), JD = Math.PI * 2, nn = (e) => e * Math.random(), QD = (e) => e
   rangeRadius: l = 2,
   backgroundColor: c = "#000000"
 }) => {
-  const u = te(null), f = te(null), h = 9, m = r * h, y = 100, g = 50, v = 150, b = s, w = i, x = a, S = l, C = o, E = 20, P = 3, T = 125e-5, R = 125e-5, _ = 5e-4, I = te(c), D = te(0), B = te(new Float32Array(m)), L = te([0, 0]), K = te(), W = me((V) => {
+  const u = te(null), f = te(null), h = 9, m = r * h, y = 100, g = 50, v = 150, b = s, w = i, x = a, S = l, C = o, E = 20, P = 3, T = 125e-5, R = 125e-5, _ = 5e-4, I = te(c), D = te(0), B = te(new Float32Array(m)), L = te([0, 0]), K = te(), W = pe((V) => {
     const O = u.current;
     if (!O) return;
     const G = nn(O.width), F = L.current[1] + QD(y), Y = 0, X = 0, q = 0, se = g + nn(v), ne = b + nn(w), Ee = x + nn(S), Ne = C + nn(E);
     B.current.set([G, F, Y, X, q, se, ne, Ee, Ne], V);
-  }, [y, g, v, b, w, x, S, C, E]), z = me(() => {
+  }, [y, g, v, b, w, x, S, C, E]), z = pe(() => {
     D.current = 0, B.current = new Float32Array(m);
     for (let V = 0; V < m; V += h)
       W(V);
-  }, [W, m]), k = me((V, O, G, F, Y, X, q, se, ne) => {
+  }, [W, m]), k = pe((V, O, G, F, Y, X, q, se, ne) => {
     ne.save(), ne.lineCap = "round", ne.lineWidth = q, ne.strokeStyle = `hsla(${se},100%,60%,${ek(Y, X)})`, ne.beginPath(), ne.moveTo(V, O), ne.lineTo(G, F), ne.stroke(), ne.closePath(), ne.restore();
-  }, []), $ = me((V, O) => {
+  }, []), $ = pe((V, O) => {
     const G = u.current;
     if (!G) return;
     const F = 1 + V, Y = 2 + V, X = 3 + V, q = 4 + V, se = 5 + V, ne = 6 + V, Ee = 7 + V, Ne = 8 + V, Ke = B.current[V], Ye = B.current[F], ft = ZD(Ke * T, Ye * R, D.current * _) * P * JD, Ir = nd(B.current[Y], Math.cos(ft), 0.5), Lt = nd(B.current[X], Math.sin(ft), 0.5);
     let _r = B.current[q];
     const kl = B.current[se], Ol = B.current[ne], Ll = Ke + Ir * Ol, Vl = Ye + Lt * Ol, By = B.current[Ee], zy = B.current[Ne];
     k(Ke, Ye, Ll, Vl, _r, kl, By, zy, O), _r++, B.current[V] = Ll, B.current[F] = Vl, B.current[Y] = Ir, B.current[X] = Lt, B.current[q] = _r, (tk(Ke, Ye, G) || _r > kl) && W(V);
-  }, [k, W]), Q = me((V) => {
+  }, [k, W]), Q = pe((V) => {
     for (let O = 0; O < m; O += h)
       $(O, V);
-  }, [$, m]), ee = me((V, O) => {
+  }, [$, m]), ee = pe((V, O) => {
     D.current++, O.clearRect(0, 0, V.width, V.height), O.fillStyle = I.current, O.fillRect(0, 0, V.width, V.height), Q(O), nk(V, O), rk(V, O), K.current = window.requestAnimationFrame(() => ee(V, O));
-  }, [Q]), N = me((V) => {
+  }, [Q]), N = pe((V) => {
     const { innerWidth: O, innerHeight: G } = window;
     V.width = O, V.height = G, L.current[0] = 0.5 * V.width, L.current[1] = 0.5 * V.height;
-  }, []), U = me(() => {
+  }, []), U = pe(() => {
     const V = u.current, O = f.current;
     if (V && O) {
       const G = V.getContext("2d");
@@ -19959,7 +19959,7 @@ const ZD = $y(), JD = Math.PI * 2, nn = (e) => e * Math.random(), QD = (e) => e
   waveOpacity: l = 0.5,
   ...c
 }) => {
-  const u = $y(), f = te(null), h = te(), m = te(null), y = te(0), g = te(0), v = te(0), b = me(() => {
+  const u = $y(), f = te(null), h = te(), m = te(null), y = te(0), g = te(0), v = te(0), b = pe(() => {
     switch (a) {
       case "slow":
         return 1e-3;
@@ -19974,7 +19974,7 @@ const ZD = $y(), JD = Math.PI * 2, nn = (e) => e * Math.random(), QD = (e) => e
     "#c084fc",
     "#e879f9",
     "#22d3ee"
-  ], [r]), x = me((T) => {
+  ], [r]), x = pe((T) => {
     const R = m.current;
     if (R) {
       v.current += b();
@@ -19987,10 +19987,10 @@ const ZD = $y(), JD = Math.PI * 2, nn = (e) => e * Math.random(), QD = (e) => e
         R.stroke(), R.closePath();
       }
     }
-  }, [b, u, w, o]), S = me(() => {
+  }, [b, u, w, o]), S = pe(() => {
     const T = m.current;
     T && (T.fillStyle = s || "black", T.globalAlpha = l || 0.5, T.fillRect(0, 0, y.current, g.current), x(5), h.current = requestAnimationFrame(S));
-  }, [s, x, l]), C = me(() => {
+  }, [s, x, l]), C = pe(() => {
     const T = f.current;
     if (!T) return;
     const R = T.getContext("2d");
@@ -20101,14 +20101,12 @@ const ZD = $y(), JD = Math.PI * 2, nn = (e) => e * Math.random(), QD = (e) => e
   rotateZ: l = 0,
   ...c
 }) => {
-  const u = te(null), [f] = ok();
-  ae.useEffect(() => {
-    h();
-  }, [f]);
-  const h = () => {
+  const u = te(null), [f] = ok(), h = pe(() => {
     u.current && (f ? u.current.style.transform = `translateX(${r}px) translateY(${o}px) translateZ(${s}px) rotateX(${i}deg) rotateY(${a}deg) rotateZ(${l}deg)` : u.current.style.transform = "translateX(0px) translateY(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg)");
-  };
-  return /* @__PURE__ */ p(
+  }, [f, r, o, s, i, a, l]);
+  return ae.useEffect(() => {
+    h();
+  }, [h]), /* @__PURE__ */ p(
     e,
     {
       ref: u,

package/dist/blaze-ui.umd.js

@@ -137,7 +137,7 @@ Defaulting to \`null\`.`}var Ph=bh,qA=xh;const Th=d.forwardRef(({className:e,val
               ${r},
               transparent 80%
             )
-          `,opacity:o}})]})}const xO=({children:e,className:t,...n})=>{const r=E.useRef(null),[o,s]=E.useState({x:0,y:0}),i=l=>{const{clientX:c,clientY:u}=l,{left:f,top:h,width:m,height:y}=l.currentTarget.getBoundingClientRect(),g=(c-(f+m/2))*.35,v=(u-(h+y/2))*.35;s({x:g,y:v})},a=()=>{s({x:0,y:0})};return p.jsxs(oe.button,{ref:r,onMouseMove:i,onMouseLeave:a,animate:{x:o.x,y:o.y},transition:{type:"spring",stiffness:150,damping:15,mass:.1},className:M("relative inline-flex h-12 overflow-hidden rounded-full p-[1px] focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50",t),...n,children:[p.jsx("span",{className:"absolute inset-[-1000%] animate-[spin_2s_linear_infinite] bg-[conic-gradient(from_90deg_at_50%_50%,#E2CBFF_0%,#393BB2_50%,#E2CBFF_100%)]"}),p.jsx("span",{className:"inline-flex h-full w-full cursor-pointer items-center justify-center rounded-full bg-slate-950 px-6 py-1 text-sm font-medium text-white backdrop-blur-3xl",children:e})]})};function SO({borderRadius:e="1.75rem",children:t,as:n="button",containerClassName:r,borderClassName:o,duration:s,className:i,...a}){return p.jsxs(n,{className:M("bg-transparent relative text-xl  h-16 w-40 p-[1px] overflow-hidden ",r),style:{borderRadius:e},...a,children:[p.jsx("div",{className:"absolute inset-0",style:{borderRadius:`calc(${e} * 0.96)`},children:p.jsx(u0,{duration:s,rx:"30%",ry:"30%",children:p.jsx("div",{className:M("h-20 w-20 opacity-[0.8] bg-[radial-gradient(#0ea5e9_40%,transparent_60%)]",o)})})}),p.jsx("div",{className:M("relative bg-slate-900/[0.8] border border-slate-800 backdrop-blur-xl text-white flex items-center justify-center w-full h-full text-sm antialiased",i),style:{borderRadius:`calc(${e} * 0.96)`},children:t})]})}const u0=({children:e,duration:t=2e3,rx:n,ry:r,...o})=>{const s=E.useRef(null),i=Tt(0);pk(u=>{var h;const f=(h=s.current)==null?void 0:h.getTotalLength();if(f){const m=f/t;i.set(u*m%f)}});const a=zt(i,u=>{var f;return(f=s.current)==null?void 0:f.getPointAtLength(u).x}),l=zt(i,u=>{var f;return(f=s.current)==null?void 0:f.getPointAtLength(u).y}),c=Cl`translateX(${a}px) translateY(${l}px) translateX(-50%) translateY(-50%)`;return p.jsxs(p.Fragment,{children:[p.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"none",className:"absolute h-full w-full",width:"100%",height:"100%",...o,children:p.jsx("rect",{fill:"none",width:"100%",height:"100%",rx:n,ry:r,ref:s})}),p.jsx(oe.div,{style:{position:"absolute",top:0,left:0,display:"inline-block",transform:c},children:e})]})},CO=({className:e,children:t,borderSize:n=2,borderRadius:r=20,neonColors:o={firstColor:"#ff00aa",secondColor:"#00FFF1"},...s})=>p.jsxs("div",{className:M("relative overflow-hidden z-0",e),style:{borderRadius:r,...s.style},...s,children:[p.jsx("div",{className:"absolute top-0 left-0 w-full h-full -z-10 animate-[spin_4s_linear_infinite]",style:{background:`conic-gradient(from 0deg, transparent 0 340deg, ${o.firstColor} 360deg)`,top:"-50%",left:"-50%",width:"200%",height:"200%"}}),p.jsx("div",{className:"absolute top-0 left-0 w-full h-full -z-10 animate-[spin_4s_linear_infinite]",style:{background:`conic-gradient(from 180deg, transparent 0 340deg, ${o.secondColor} 360deg)`,top:"-50%",left:"-50%",width:"200%",height:"200%",animationDelay:"-2s"}}),p.jsx("div",{className:"relative bg-background z-10 w-[calc(100%-4px)] h-[calc(100%-4px)] m-[2px]",style:{borderRadius:r-n},children:t})]}),EO=({className:e,particleCount:t=50,particleColor:n})=>{const r=E.useRef(null),o=E.useRef(null),{theme:s}=hs();return E.useEffect(()=>{const i=r.current;if(!i)return;const a=i.getContext("2d");if(!a)return;let l=[],c;const u=()=>{var m,y;i.width=((m=o.current)==null?void 0:m.offsetWidth)||window.innerWidth,i.height=((y=o.current)==null?void 0:y.offsetHeight)||window.innerHeight,f()},f=()=>{l=[];for(let m=0;m<t;m++)l.push({x:Math.random()*i.width,y:Math.random()*i.height,vx:(Math.random()-.5)*.5,vy:(Math.random()-.5)*.5,size:Math.random()*2+.5})},h=()=>{a.clearRect(0,0,i.width,i.height);const m=n||(s==="dark"?"rgba(255, 255, 255, 0.5)":"rgba(0, 0, 0, 0.7)"),y=n||(s==="dark"?"rgba(255, 255, 255, 0.15)":"rgba(0, 0, 0, 0.3)");l.forEach((g,v)=>{g.x+=g.vx,g.y+=g.vy,(g.x<0||g.x>i.width)&&(g.vx*=-1),(g.y<0||g.y>i.height)&&(g.vy*=-1),a.beginPath(),a.arc(g.x,g.y,g.size,0,Math.PI*2),a.fillStyle=m,a.fill();for(let b=v+1;b<l.length;b++){const w=l[b],x=g.x-w.x,S=g.y-w.y;Math.sqrt(x*x+S*S)<100&&(a.beginPath(),a.strokeStyle=y,a.lineWidth=.5,a.moveTo(g.x,g.y),a.lineTo(w.x,w.y),a.stroke())}}),c=requestAnimationFrame(h)};return u(),h(),window.addEventListener("resize",u),()=>{window.removeEventListener("resize",u),cancelAnimationFrame(c)}},[t,n,s]),p.jsx("div",{ref:o,className:e,style:{position:"relative",overflow:"hidden"},children:p.jsx("canvas",{ref:r,style:{display:"block",width:"100%",height:"100%"}})})},PO=({children:e,className:t,variant:n="blue",...r})=>{const[o,s]=E.useState([]),i=E.useRef(null),a=5;E.useEffect(()=>{if(!i.current)return;const u=()=>{if(!i.current)return;const f=i.current.getBoundingClientRect(),h=f.width,m=f.height,y=[];for(let g=0;g<h;g+=a)for(let v=0;v<m;v+=a)Math.random()>.9&&y.push({x:g,y:v});s(y)};return u(),window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)},[]);const l={default:"bg-neutral-900 border-neutral-800",blue:"bg-slate-900 border-slate-800",pink:"bg-pink-900/20 border-pink-800/50"},c={default:"bg-neutral-500",blue:"bg-blue-500",pink:"bg-pink-500"};return p.jsxs("div",{ref:i,className:M("relative overflow-hidden rounded-xl border p-6 group",l[n],t),...r,children:[p.jsx("div",{className:"absolute inset-0 z-0 opacity-10 pointer-events-none",style:{backgroundImage:`radial-gradient(${n==="pink"?"#ec4899":"#3b82f6"} 1px, transparent 1px)`,backgroundSize:`${a*2}px ${a*2}px`}}),p.jsx("div",{className:"absolute inset-0 z-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500",children:o.map((u,f)=>p.jsx("span",{className:M("absolute w-1 h-1 rounded-full animate-pulse",c[n]),style:{left:u.x,top:u.y,animationDelay:`${Math.random()*2}s`}},f))}),p.jsx("div",{className:"relative z-10",children:e})]})},TO=e=>{const{className:t,minSize:n=1,maxSize:r=3,particleDensity:o=100,particleColor:s="#FFFFFF",speed:i=4}=e,a=E.useRef(null),[l,c]=E.useState(null),[u,f]=E.useState([]),h=E.useRef(),m=E.useCallback((v,b)=>{const w=o,x=[];for(let S=0;S<w;S++)x.push({x:Math.random()*v,y:Math.random()*b,size:Math.random()*(r-n)+n,speedX:(Math.random()-.5)*i,speedY:(Math.random()-.5)*i});f(x)},[r,n,o,i]),y=E.useCallback(()=>{if(a.current){const v=a.current,{width:b,height:w}=v.getBoundingClientRect();v.width=b,v.height=w,m(b,w)}},[m]);E.useEffect(()=>(a.current&&(c(a.current.getContext("2d")),y(),window.addEventListener("resize",y)),()=>{window.removeEventListener("resize",y)}),[y]),E.useEffect(()=>{if(l&&a.current){const{width:v,height:b}=a.current;m(v,b)}},[l,m]);const g=E.useCallback(()=>{if(l&&a.current){const v=a.current;l.clearRect(0,0,v.width,v.height),u.forEach(b=>{b.x+=b.speedX,b.y+=b.speedY,b.x>v.width&&(b.x=0),b.x<0&&(b.x=v.width),b.y>v.height&&(b.y=0),b.y<0&&(b.y=v.height),l.fillStyle=s,l.beginPath(),l.arc(b.x,b.y,b.size,0,Math.PI*2),l.fill()}),h.current=requestAnimationFrame(g)}},[l,u,s]);return E.useEffect(()=>{if(l)return g(),()=>{h.current&&cancelAnimationFrame(h.current)}},[l,g]),p.jsx("div",{className:M("relative h-full w-full overflow-hidden",t),children:p.jsx("canvas",{ref:a,className:"absolute inset-0 h-full w-full"})})},AO=({children:e,className:t,spotlightColor:n})=>{const r=E.useRef(null),[o,s]=E.useState({x:0,y:0}),[i,a]=E.useState(0),{theme:l}=hs(),c=n||(l==="dark"?"rgba(255, 255, 255, 0.25)":"rgba(37, 99, 235, 0.3)"),u=g=>{if(!r.current)return;const b=r.current.getBoundingClientRect();s({x:g.clientX-b.left,y:g.clientY-b.top})},f=()=>{a(1)},h=()=>{a(0)},m=()=>{a(1)},y=()=>{a(0)};return p.jsxs("div",{ref:r,onMouseMove:u,onMouseEnter:m,onMouseLeave:y,onFocus:f,onBlur:h,className:M("relative overflow-hidden rounded-xl border border-border bg-card text-card-foreground shadow",t),children:[p.jsx("div",{className:"pointer-events-none absolute -inset-px transition duration-300",style:{opacity:i,background:`radial-gradient(600px circle at ${o.x}px ${o.y}px, ${c}, transparent 40%)`}}),p.jsx("div",{className:"relative h-full",children:e})]})},d0=["#0f172a","#000000","#171717"],Nl=["linear-gradient(to bottom right, #06b6d4, #10b981)","linear-gradient(to bottom right, #ec4899, #6366f1)","linear-gradient(to bottom right, #f97316, #eab308)"],NO=({content:e,contentClassName:t})=>{const[n,r]=E.useState(0),o=E.useRef(null),{scrollYProgress:s}=Hb({container:o,offset:["start start","end start"],layoutEffect:!1}),i=e.length;R_(s,"change",c=>{const u=e.map((h,m)=>m/i),f=u.reduce((h,m,y)=>Math.abs(c-m)<Math.abs(c-u[h])?y:h,0);r(f)});const[a,l]=E.useState(Nl[0]);return E.useEffect(()=>{l(Nl[n%Nl.length])},[n]),p.jsxs(oe.div,{animate:{backgroundColor:d0[n%d0.length]},className:"h-[30rem] overflow-y-auto flex justify-center relative space-x-10 rounded-md p-10",ref:o,children:[p.jsx("div",{className:"div relative flex items-start px-4",children:p.jsxs("div",{className:"max-w-2xl",children:[e.map((c,u)=>p.jsxs("div",{className:"my-20",children:[p.jsx(oe.h2,{initial:{opacity:0},animate:{opacity:n===u?1:.3},className:"text-2xl font-bold text-slate-100",children:c.title}),p.jsx(oe.p,{initial:{opacity:0},animate:{opacity:n===u?1:.3},className:"text-kg text-slate-300 max-w-sm mt-10",children:c.description})]},c.title+u)),p.jsx("div",{className:"h-40"})]})}),p.jsx("div",{style:{background:a},className:M("hidden lg:block h-60 w-80 rounded-md bg-white sticky top-10 overflow-hidden",t),children:e[n].content??null})]})},MO=({words:e,className:t})=>{const[n,r]=Bk(),o=e.split(" ");E.useEffect(()=>{r("span",{opacity:1},{duration:2,delay:Uk(.2)})},[r]);const s=()=>p.jsx(oe.div,{ref:n,children:o.map((i,a)=>p.jsxs(oe.span,{className:"dark:text-white text-black opacity-0",children:[i," "]},i+a))});return p.jsx("div",{className:M("font-bold",t),children:p.jsx("div",{className:"mt-4",children:p.jsx("div",{className:" dark:text-white text-black text-2xl leading-snug tracking-wide",children:s()})})})},IO=({text:e,className:t,delay:n=0,duration:r=.5})=>{const o=E.useRef(null),s=Hk(o,{once:!0,margin:"-10%"}),i=e.split(" "),a={hidden:{opacity:0},visible:(c=1)=>({opacity:1,transition:{staggerChildren:.12,delayChildren:.04*c+n}})},l={visible:{opacity:1,y:0,transition:{type:"spring",damping:12,stiffness:100,duration:r,filter:{type:"tween",duration:r}},filter:"blur(0px)"},hidden:{opacity:0,y:20,filter:"blur(2px)"}};return p.jsx(oe.div,{ref:o,style:{overflow:"hidden",display:"flex",flexWrap:"wrap"},variants:a,initial:"hidden",animate:s?"visible":"hidden",className:M("text-4xl font-bold text-black dark:text-white",t),children:i.map((c,u)=>p.jsx(oe.span,{variants:l,style:{marginRight:"0.25em"},className:"inline-block",children:c},u))})},DO=({children:e,className:t,container:n})=>{const r=E.useRef(null),{scrollYProgress:o}=Hb({target:r,container:n,offset:["start start","end start"],layoutEffect:!1}),s=E.useRef(null),[i,a]=E.useState(0);E.useEffect(()=>{if(!s.current)return;const u=()=>{s.current&&a(s.current.offsetHeight)};u();const f=new ResizeObserver(u);return f.observe(s.current),()=>f.disconnect()},[]);const l=Sr(zt(o,[0,.8],[50,i]),{stiffness:500,damping:90}),c=Sr(zt(o,[0,1],[50,i-200]),{stiffness:500,damping:90});return p.jsxs(oe.div,{ref:r,className:M("relative w-full max-w-4xl mx-auto h-full",t),children:[p.jsxs("div",{className:"absolute left-0 top-3",children:[p.jsx(oe.div,{transition:{duration:.2,delay:.5},animate:{boxShadow:o.get()>0?"none":"rgba(0, 0, 0, 0.24) 0px 3px 8px"},className:"ml-[27px] h-4 w-4 rounded-full border border-netural-200 shadow-sm flex items-center justify-center",children:p.jsx(oe.div,{transition:{duration:.2,delay:.5},animate:{backgroundColor:o.get()>0?"#ffffff":"#10b981",borderColor:o.get()>0?"#ffffff":"#059669"},className:"h-2 w-2  rounded-full border border-neutral-300 bg-white"})}),p.jsxs("svg",{viewBox:`0 0 20 ${i}`,width:"20",height:i,className:" ml-4 block","aria-hidden":"true",children:[p.jsx(oe.path,{d:`M 1 0V -36 l 18 24 V ${i*.8} l -18 24V ${i}`,fill:"none",stroke:"#9091A0",strokeOpacity:"0.16",transition:{duration:10}}),p.jsx(oe.path,{d:`M 1 0V -36 l 18 24 V ${i*.8} l -18 24V ${i}`,fill:"none",stroke:"url(#gradient)",strokeWidth:"1.25",className:"motion-reduce:hidden",transition:{duration:10}}),p.jsx("defs",{children:p.jsxs(oe.linearGradient,{id:"gradient",gradientUnits:"userSpaceOnUse",x1:"0",x2:"0",y1:l,y2:c,children:[p.jsx("stop",{stopColor:"#18CCFC",stopOpacity:"0"}),p.jsx("stop",{stopColor:"#18CCFC"}),p.jsx("stop",{offset:"0.325",stopColor:"#6344F5"}),p.jsx("stop",{offset:"1",stopColor:"#AE48FF",stopOpacity:"0"})]})})]})]}),p.jsx("div",{ref:s,className:"ml-10",children:e})]})},_O=1/3,et=1/6,Ml=e=>Math.floor(e)|0,Il=new Float64Array([1,1,0,-1,1,0,1,-1,0,-1,-1,0,1,0,1,-1,0,1,1,0,-1,-1,0,-1,0,1,1,0,-1,1,0,1,-1,0,-1,-1]);function f0(e=Math.random){const t=kO(e),n=new Float64Array(t).map(s=>Il[s%12*3]),r=new Float64Array(t).map(s=>Il[s%12*3+1]),o=new Float64Array(t).map(s=>Il[s%12*3+2]);return function(i,a,l){let c,u,f,h;const m=(i+a+l)*_O,y=Ml(i+m),g=Ml(a+m),v=Ml(l+m),b=(y+g+v)*et,w=y-b,x=g-b,S=v-b,C=i-w,T=a-x,A=l-S;let N,I,O,k,L,W;C>=T?T>=A?(N=1,I=0,O=0,k=1,L=1,W=0):C>=A?(N=1,I=0,O=0,k=1,L=0,W=1):(N=0,I=0,O=1,k=1,L=0,W=1):T<A?(N=0,I=0,O=1,k=0,L=1,W=1):C<A?(N=0,I=1,O=0,k=0,L=1,W=1):(N=0,I=1,O=0,k=1,L=1,W=0);const F=C-N+et,Y=T-I+et,U=A-O+et,H=C-k+2*et,V=T-L+2*et,B=A-W+2*et,ee=C-1+3*et,te=T-1+3*et,D=A-1+3*et,G=y&255,R=g&255,$=v&255;let K=.6-C*C-T*T-A*A;if(K<0)c=0;else{const Z=G+t[R+t[$]];K*=K,c=K*K*(n[Z]*C+r[Z]*T+o[Z]*A)}let z=.6-F*F-Y*Y-U*U;if(z<0)u=0;else{const Z=G+N+t[R+I+t[$+O]];z*=z,u=z*z*(n[Z]*F+r[Z]*Y+o[Z]*U)}let X=.6-H*H-V*V-B*B;if(X<0)f=0;else{const Z=G+k+t[R+L+t[$+W]];X*=X,f=X*X*(n[Z]*H+r[Z]*V+o[Z]*B)}let q=.6-ee*ee-te*te-D*D;if(q<0)h=0;else{const Z=G+1+t[R+1+t[$+1]];q*=q,h=q*q*(n[Z]*ee+r[Z]*te+o[Z]*D)}return 32*(c+u+f+h)}}function kO(e){const n=new Uint8Array(512);for(let r=0;r<512/2;r++)n[r]=r;for(let r=0;r<512/2-1;r++){const o=r+~~(e()*(256-r)),s=n[r];n[r]=n[o],n[o]=s}for(let r=256;r<512;r++)n[r]=n[r-256];return n}const OO=f0(),LO=Math.PI*2,En=e=>e*Math.random(),VO=e=>e-En(2*e),$O=(e,t)=>{const n=.5*t;return Math.abs((e+n)%t-n)/n},p0=(e,t,n)=>(1-n)*e+n*t,FO=(e,t,n)=>e>n.width||e<0||t>n.height||t<0,RO=(e,t)=>{t.save(),t.filter="blur(8px) brightness(200%)",t.globalCompositeOperation="lighter",t.drawImage(e,0,0),t.restore(),t.save(),t.filter="blur(4px) brightness(200%)",t.globalCompositeOperation="lighter",t.drawImage(e,0,0),t.restore()},BO=(e,t)=>{t.save(),t.globalCompositeOperation="lighter",t.drawImage(e,0,0),t.restore()},zO=({children:e,className:t,containerClassName:n,particleCount:r=700,baseHue:o=220,baseSpeed:s=0,rangeSpeed:i=1.5,baseRadius:a=1,rangeRadius:l=2,backgroundColor:c="#000000"})=>{const u=E.useRef(null),f=E.useRef(null),h=9,m=r*h,y=100,g=50,v=150,b=s,w=i,x=a,S=l,C=o,T=20,A=3,N=.00125,I=.00125,O=5e-4,k=E.useRef(c),L=E.useRef(0),W=E.useRef(new Float32Array(m)),F=E.useRef([0,0]),Y=E.useRef(),U=E.useCallback(R=>{const $=u.current;if(!$)return;const K=En($.width),z=F.current[1]+VO(y),X=0,q=0,Z=0,se=g+En(v),ne=b+En(w),be=x+En(S),Pe=C+En(T);W.current.set([K,z,X,q,Z,se,ne,be,Pe],R)},[y,g,v,b,w,x,S,C,T]),H=E.useCallback(()=>{L.current=0,W.current=new Float32Array(m);for(let R=0;R<m;R+=h)U(R)},[U,m]),V=E.useCallback((R,$,K,z,X,q,Z,se,ne)=>{ne.save(),ne.lineCap="round",ne.lineWidth=Z,ne.strokeStyle=`hsla(${se},100%,60%,${$O(X,q)})`,ne.beginPath(),ne.moveTo(R,$),ne.lineTo(K,z),ne.stroke(),ne.closePath(),ne.restore()},[]),B=E.useCallback((R,$)=>{const K=u.current;if(!K)return;const z=1+R,X=2+R,q=3+R,Z=4+R,se=5+R,ne=6+R,be=7+R,Pe=8+R,tt=W.current[R],nt=W.current[z],At=OO(tt*N,nt*I,L.current*O)*A*LO,ls=p0(W.current[X],Math.cos(At),.5),Wt=p0(W.current[q],Math.sin(At),.5);let cs=W.current[Z];const g0=W.current[se],v0=W.current[ne],y0=tt+ls*v0,b0=nt+Wt*v0,KO=W.current[be],YO=W.current[Pe];V(tt,nt,y0,b0,cs,g0,KO,YO,$),cs++,W.current[R]=y0,W.current[z]=b0,W.current[X]=ls,W.current[q]=Wt,W.current[Z]=cs,(FO(tt,nt,K)||cs>g0)&&U(R)},[V,U]),ee=E.useCallback(R=>{for(let $=0;$<m;$+=h)B($,R)},[B,m]),te=E.useCallback((R,$)=>{L.current++,$.clearRect(0,0,R.width,R.height),$.fillStyle=k.current,$.fillRect(0,0,R.width,R.height),ee($),RO(R,$),BO(R,$),Y.current=window.requestAnimationFrame(()=>te(R,$))},[ee]),D=E.useCallback(R=>{const{innerWidth:$,innerHeight:K}=window;R.width=$,R.height=K,F.current[0]=.5*R.width,F.current[1]=.5*R.height},[]),G=E.useCallback(()=>{const R=u.current,$=f.current;if(R&&$){const K=R.getContext("2d");K&&(D(R),H(),te(R,K))}},[te,H,D]);return E.useEffect(()=>{k.current=c},[c]),E.useEffect(()=>{G();const R=()=>{const $=u.current,K=$==null?void 0:$.getContext("2d");$&&K&&D($)};return window.addEventListener("resize",R),()=>{window.removeEventListener("resize",R),Y.current&&window.cancelAnimationFrame(Y.current)}},[G,D]),p.jsxs("div",{className:M("relative h-full w-full",n),children:[p.jsx(oe.div,{initial:{opacity:0},animate:{opacity:1},ref:f,className:"absolute h-full w-full inset-0 z-0 bg-transparent flex items-center justify-center",children:p.jsx("canvas",{ref:u})}),p.jsx("div",{className:M("relative z-10",t),children:e})]})},WO=({children:e,className:t,containerClassName:n,colors:r,waveWidth:o,backgroundFill:s,blur:i=10,speed:a="fast",waveOpacity:l=.5,...c})=>{const u=f0(),f=E.useRef(null),h=E.useRef(),m=E.useRef(null),y=E.useRef(0),g=E.useRef(0),v=E.useRef(0),b=E.useCallback(()=>{switch(a){case"slow":return .001;case"fast":return .002;default:return .001}},[a]),w=E.useMemo(()=>r??["#38bdf8","#818cf8","#c084fc","#e879f9","#22d3ee"],[r]),x=E.useCallback(N=>{const I=m.current;if(I){v.current+=b();for(let O=0;O<N;O++){I.beginPath(),I.lineWidth=o||50,I.strokeStyle=w[O%w.length];for(let k=0;k<y.current;k+=5){const L=u(k/800,.3*O,v.current)*100;I.lineTo(k,L+g.current*.5)}I.stroke(),I.closePath()}}},[b,u,w,o]),S=E.useCallback(()=>{const N=m.current;N&&(N.fillStyle=s||"black",N.globalAlpha=l||.5,N.fillRect(0,0,y.current,g.current),x(5),h.current=requestAnimationFrame(S))},[s,x,l]),C=E.useCallback(()=>{const N=f.current;if(!N)return;const I=N.getContext("2d");I&&(m.current=I,y.current=I.canvas.width=window.innerWidth,g.current=I.canvas.height=window.innerHeight,I.filter=`blur(${i}px)`,v.current=0,S())},[i,S]);E.useEffect(()=>{C();const N=()=>{const I=m.current;I&&(y.current=I.canvas.width=window.innerWidth,g.current=I.canvas.height=window.innerHeight,I.filter=`blur(${i}px)`)};return window.addEventListener("resize",N),()=>{window.removeEventListener("resize",N),h.current&&cancelAnimationFrame(h.current)}},[i,C]);const[T,A]=E.useState(!1);return E.useEffect(()=>{A(typeof window<"u"&&navigator.userAgent.includes("Safari")&&!navigator.userAgent.includes("Chrome"))},[]),p.jsxs("div",{className:M("h-screen flex flex-col items-center justify-center",n),children:[p.jsx("canvas",{className:"absolute inset-0 z-0",ref:f,id:"canvas",style:{...T?{filter:`blur(${i}px)`}:{}}}),p.jsx("div",{className:M("relative z-10",t),...c,children:e})]})},h0=E.createContext(void 0),HO=({children:e,className:t,containerClassName:n})=>{const r=E.useRef(null),[o,s]=E.useState(!1),i=c=>{if(!r.current)return;const{left:u,top:f,width:h,height:m}=r.current.getBoundingClientRect(),y=(c.clientX-u-h/2)/25,g=(c.clientY-f-m/2)/25;r.current.style.transform=`rotateY(${y}deg) rotateX(${g*-1}deg)`},a=()=>{s(!0),r.current},l=()=>{r.current&&(s(!1),r.current.style.transform="rotateY(0deg) rotateX(0deg)")};return p.jsx(h0.Provider,{value:[o,s],children:p.jsx("div",{className:M("py-20 flex items-center justify-center",n),style:{perspective:"1000px"},children:p.jsx("div",{ref:r,onMouseEnter:a,onMouseMove:i,onMouseLeave:l,className:M("flex items-center justify-center relative transition-all duration-200 ease-linear",t),style:{transformStyle:"preserve-3d"},children:e})})})},jO=({children:e,className:t})=>p.jsx("div",{className:M("h-96 w-96 [transform-style:preserve-3d]  [&>*]:[transform-style:preserve-3d]",t),children:e}),UO=({as:e="div",children:t,className:n,translateX:r=0,translateY:o=0,translateZ:s=0,rotateX:i=0,rotateY:a=0,rotateZ:l=0,...c})=>{const u=E.useRef(null),[f]=m0();E.useEffect(()=>{h()},[f]);const h=()=>{u.current&&(f?u.current.style.transform=`translateX(${r}px) translateY(${o}px) translateZ(${s}px) rotateX(${i}deg) rotateY(${a}deg) rotateZ(${l}deg)`:u.current.style.transform="translateX(0px) translateY(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg)")};return p.jsx(e,{ref:u,className:M("w-fit transition-all duration-200 ease-linear",n),...c,children:t})},m0=()=>{const e=E.useContext(h0);if(e===void 0)throw new Error("useMouseEnter must be used within a MouseEnterProvider");return e},GO=({className:e,children:t,showRadialGradient:n=!0,...r})=>p.jsxs("div",{className:M("relative flex flex-col  h-[100vh] items-center justify-center bg-zinc-50 dark:bg-zinc-900  text-slate-950 transition-bg",e),...r,children:[p.jsx("div",{className:"absolute inset-0 overflow-hidden",children:p.jsx("div",{className:M(`
+          `,opacity:o}})]})}const xO=({children:e,className:t,...n})=>{const r=E.useRef(null),[o,s]=E.useState({x:0,y:0}),i=l=>{const{clientX:c,clientY:u}=l,{left:f,top:h,width:m,height:y}=l.currentTarget.getBoundingClientRect(),g=(c-(f+m/2))*.35,v=(u-(h+y/2))*.35;s({x:g,y:v})},a=()=>{s({x:0,y:0})};return p.jsxs(oe.button,{ref:r,onMouseMove:i,onMouseLeave:a,animate:{x:o.x,y:o.y},transition:{type:"spring",stiffness:150,damping:15,mass:.1},className:M("relative inline-flex h-12 overflow-hidden rounded-full p-[1px] focus:outline-none focus:ring-2 focus:ring-slate-400 focus:ring-offset-2 focus:ring-offset-slate-50",t),...n,children:[p.jsx("span",{className:"absolute inset-[-1000%] animate-[spin_2s_linear_infinite] bg-[conic-gradient(from_90deg_at_50%_50%,#E2CBFF_0%,#393BB2_50%,#E2CBFF_100%)]"}),p.jsx("span",{className:"inline-flex h-full w-full cursor-pointer items-center justify-center rounded-full bg-slate-950 px-6 py-1 text-sm font-medium text-white backdrop-blur-3xl",children:e})]})};function SO({borderRadius:e="1.75rem",children:t,as:n="button",containerClassName:r,borderClassName:o,duration:s,className:i,...a}){return p.jsxs(n,{className:M("bg-transparent relative text-xl  h-16 w-40 p-[1px] overflow-hidden ",r),style:{borderRadius:e},...a,children:[p.jsx("div",{className:"absolute inset-0",style:{borderRadius:`calc(${e} * 0.96)`},children:p.jsx(u0,{duration:s,rx:"30%",ry:"30%",children:p.jsx("div",{className:M("h-20 w-20 opacity-[0.8] bg-[radial-gradient(#0ea5e9_40%,transparent_60%)]",o)})})}),p.jsx("div",{className:M("relative bg-slate-900/[0.8] border border-slate-800 backdrop-blur-xl text-white flex items-center justify-center w-full h-full text-sm antialiased",i),style:{borderRadius:`calc(${e} * 0.96)`},children:t})]})}const u0=({children:e,duration:t=2e3,rx:n,ry:r,...o})=>{const s=E.useRef(null),i=Tt(0);pk(u=>{var h;const f=(h=s.current)==null?void 0:h.getTotalLength();if(f){const m=f/t;i.set(u*m%f)}});const a=zt(i,u=>{var f;return(f=s.current)==null?void 0:f.getPointAtLength(u).x}),l=zt(i,u=>{var f;return(f=s.current)==null?void 0:f.getPointAtLength(u).y}),c=Cl`translateX(${a}px) translateY(${l}px) translateX(-50%) translateY(-50%)`;return p.jsxs(p.Fragment,{children:[p.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"none",className:"absolute h-full w-full",width:"100%",height:"100%",...o,children:p.jsx("rect",{fill:"none",width:"100%",height:"100%",rx:n,ry:r,ref:s})}),p.jsx(oe.div,{style:{position:"absolute",top:0,left:0,display:"inline-block",transform:c},children:e})]})},CO=({className:e,children:t,borderSize:n=2,borderRadius:r=20,neonColors:o={firstColor:"#ff00aa",secondColor:"#00FFF1"},...s})=>p.jsxs("div",{className:M("relative overflow-hidden z-0",e),style:{borderRadius:r,...s.style},...s,children:[p.jsx("div",{className:"absolute top-0 left-0 w-full h-full -z-10 animate-[spin_4s_linear_infinite]",style:{background:`conic-gradient(from 0deg, transparent 0 340deg, ${o.firstColor} 360deg)`,top:"-50%",left:"-50%",width:"200%",height:"200%"}}),p.jsx("div",{className:"absolute top-0 left-0 w-full h-full -z-10 animate-[spin_4s_linear_infinite]",style:{background:`conic-gradient(from 180deg, transparent 0 340deg, ${o.secondColor} 360deg)`,top:"-50%",left:"-50%",width:"200%",height:"200%",animationDelay:"-2s"}}),p.jsx("div",{className:"relative bg-background z-10 w-[calc(100%-4px)] h-[calc(100%-4px)] m-[2px]",style:{borderRadius:r-n},children:t})]}),EO=({className:e,particleCount:t=50,particleColor:n})=>{const r=E.useRef(null),o=E.useRef(null),{theme:s}=hs();return E.useEffect(()=>{const i=r.current;if(!i)return;const a=i.getContext("2d");if(!a)return;let l=[],c;const u=()=>{var m,y;i.width=((m=o.current)==null?void 0:m.offsetWidth)||window.innerWidth,i.height=((y=o.current)==null?void 0:y.offsetHeight)||window.innerHeight,f()},f=()=>{l=[];for(let m=0;m<t;m++)l.push({x:Math.random()*i.width,y:Math.random()*i.height,vx:(Math.random()-.5)*.5,vy:(Math.random()-.5)*.5,size:Math.random()*2+.5})},h=()=>{a.clearRect(0,0,i.width,i.height);const m=n||(s==="dark"?"rgba(255, 255, 255, 0.5)":"rgba(0, 0, 0, 0.7)"),y=n||(s==="dark"?"rgba(255, 255, 255, 0.15)":"rgba(0, 0, 0, 0.3)");l.forEach((g,v)=>{g.x+=g.vx,g.y+=g.vy,(g.x<0||g.x>i.width)&&(g.vx*=-1),(g.y<0||g.y>i.height)&&(g.vy*=-1),a.beginPath(),a.arc(g.x,g.y,g.size,0,Math.PI*2),a.fillStyle=m,a.fill();for(let b=v+1;b<l.length;b++){const w=l[b],x=g.x-w.x,S=g.y-w.y;Math.sqrt(x*x+S*S)<100&&(a.beginPath(),a.strokeStyle=y,a.lineWidth=.5,a.moveTo(g.x,g.y),a.lineTo(w.x,w.y),a.stroke())}}),c=requestAnimationFrame(h)};return u(),h(),window.addEventListener("resize",u),()=>{window.removeEventListener("resize",u),cancelAnimationFrame(c)}},[t,n,s]),p.jsx("div",{ref:o,className:e,style:{position:"relative",overflow:"hidden"},children:p.jsx("canvas",{ref:r,style:{display:"block",width:"100%",height:"100%"}})})},PO=({children:e,className:t,variant:n="blue",...r})=>{const[o,s]=E.useState([]),i=E.useRef(null),a=5;E.useEffect(()=>{if(!i.current)return;const u=()=>{if(!i.current)return;const f=i.current.getBoundingClientRect(),h=f.width,m=f.height,y=[];for(let g=0;g<h;g+=a)for(let v=0;v<m;v+=a)Math.random()>.9&&y.push({x:g,y:v});s(y)};return u(),window.addEventListener("resize",u),()=>window.removeEventListener("resize",u)},[]);const l={default:"bg-neutral-900 border-neutral-800",blue:"bg-slate-900 border-slate-800",pink:"bg-pink-900/20 border-pink-800/50"},c={default:"bg-neutral-500",blue:"bg-blue-500",pink:"bg-pink-500"};return p.jsxs("div",{ref:i,className:M("relative overflow-hidden rounded-xl border p-6 group",l[n],t),...r,children:[p.jsx("div",{className:"absolute inset-0 z-0 opacity-10 pointer-events-none",style:{backgroundImage:`radial-gradient(${n==="pink"?"#ec4899":"#3b82f6"} 1px, transparent 1px)`,backgroundSize:`${a*2}px ${a*2}px`}}),p.jsx("div",{className:"absolute inset-0 z-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500",children:o.map((u,f)=>p.jsx("span",{className:M("absolute w-1 h-1 rounded-full animate-pulse",c[n]),style:{left:u.x,top:u.y,animationDelay:`${Math.random()*2}s`}},f))}),p.jsx("div",{className:"relative z-10",children:e})]})},TO=e=>{const{className:t,minSize:n=1,maxSize:r=3,particleDensity:o=100,particleColor:s="#FFFFFF",speed:i=4}=e,a=E.useRef(null),[l,c]=E.useState(null),[u,f]=E.useState([]),h=E.useRef(),m=E.useCallback((v,b)=>{const w=o,x=[];for(let S=0;S<w;S++)x.push({x:Math.random()*v,y:Math.random()*b,size:Math.random()*(r-n)+n,speedX:(Math.random()-.5)*i,speedY:(Math.random()-.5)*i});f(x)},[r,n,o,i]),y=E.useCallback(()=>{if(a.current){const v=a.current,{width:b,height:w}=v.getBoundingClientRect();v.width=b,v.height=w,m(b,w)}},[m]);E.useEffect(()=>(a.current&&(c(a.current.getContext("2d")),y(),window.addEventListener("resize",y)),()=>{window.removeEventListener("resize",y)}),[y]),E.useEffect(()=>{if(l&&a.current){const{width:v,height:b}=a.current;m(v,b)}},[l,m]);const g=E.useCallback(()=>{if(l&&a.current){const v=a.current;l.clearRect(0,0,v.width,v.height),u.forEach(b=>{b.x+=b.speedX,b.y+=b.speedY,b.x>v.width&&(b.x=0),b.x<0&&(b.x=v.width),b.y>v.height&&(b.y=0),b.y<0&&(b.y=v.height),l.fillStyle=s,l.beginPath(),l.arc(b.x,b.y,b.size,0,Math.PI*2),l.fill()}),h.current=requestAnimationFrame(g)}},[l,u,s]);return E.useEffect(()=>{if(l)return g(),()=>{h.current&&cancelAnimationFrame(h.current)}},[l,g]),p.jsx("div",{className:M("relative h-full w-full overflow-hidden",t),children:p.jsx("canvas",{ref:a,className:"absolute inset-0 h-full w-full"})})},AO=({children:e,className:t,spotlightColor:n})=>{const r=E.useRef(null),[o,s]=E.useState({x:0,y:0}),[i,a]=E.useState(0),{theme:l}=hs(),c=n||(l==="dark"?"rgba(255, 255, 255, 0.25)":"rgba(37, 99, 235, 0.3)"),u=g=>{if(!r.current)return;const b=r.current.getBoundingClientRect();s({x:g.clientX-b.left,y:g.clientY-b.top})},f=()=>{a(1)},h=()=>{a(0)},m=()=>{a(1)},y=()=>{a(0)};return p.jsxs("div",{ref:r,onMouseMove:u,onMouseEnter:m,onMouseLeave:y,onFocus:f,onBlur:h,className:M("relative overflow-hidden rounded-xl border border-border bg-card text-card-foreground shadow",t),children:[p.jsx("div",{className:"pointer-events-none absolute -inset-px transition duration-300",style:{opacity:i,background:`radial-gradient(600px circle at ${o.x}px ${o.y}px, ${c}, transparent 40%)`}}),p.jsx("div",{className:"relative h-full",children:e})]})},d0=["#0f172a","#000000","#171717"],Nl=["linear-gradient(to bottom right, #06b6d4, #10b981)","linear-gradient(to bottom right, #ec4899, #6366f1)","linear-gradient(to bottom right, #f97316, #eab308)"],NO=({content:e,contentClassName:t})=>{const[n,r]=E.useState(0),o=E.useRef(null),{scrollYProgress:s}=Hb({container:o,offset:["start start","end start"],layoutEffect:!1}),i=e.length;R_(s,"change",c=>{const u=e.map((h,m)=>m/i),f=u.reduce((h,m,y)=>Math.abs(c-m)<Math.abs(c-u[h])?y:h,0);r(f)});const[a,l]=E.useState(Nl[0]);return E.useEffect(()=>{l(Nl[n%Nl.length])},[n]),p.jsxs(oe.div,{animate:{backgroundColor:d0[n%d0.length]},className:"h-[30rem] overflow-y-auto flex justify-center relative space-x-10 rounded-md p-10",ref:o,children:[p.jsx("div",{className:"div relative flex items-start px-4",children:p.jsxs("div",{className:"max-w-2xl",children:[e.map((c,u)=>p.jsxs("div",{className:"my-20",children:[p.jsx(oe.h2,{initial:{opacity:0},animate:{opacity:n===u?1:.3},className:"text-2xl font-bold text-slate-100",children:c.title}),p.jsx(oe.p,{initial:{opacity:0},animate:{opacity:n===u?1:.3},className:"text-kg text-slate-300 max-w-sm mt-10",children:c.description})]},c.title+u)),p.jsx("div",{className:"h-40"})]})}),p.jsx("div",{style:{background:a},className:M("hidden lg:block h-60 w-80 rounded-md bg-white sticky top-10 overflow-hidden",t),children:e[n].content??null})]})},MO=({words:e,className:t})=>{const[n,r]=Bk(),o=e.split(" ");E.useEffect(()=>{r("span",{opacity:1},{duration:2,delay:Uk(.2)})},[r]);const s=()=>p.jsx(oe.div,{ref:n,children:o.map((i,a)=>p.jsxs(oe.span,{className:"dark:text-white text-black opacity-0",children:[i," "]},i+a))});return p.jsx("div",{className:M("font-bold",t),children:p.jsx("div",{className:"mt-4",children:p.jsx("div",{className:" dark:text-white text-black text-2xl leading-snug tracking-wide",children:s()})})})},IO=({text:e,className:t,delay:n=0,duration:r=.5})=>{const o=E.useRef(null),s=Hk(o,{once:!0,margin:"-10%"}),i=e.split(" "),a={hidden:{opacity:0},visible:(c=1)=>({opacity:1,transition:{staggerChildren:.12,delayChildren:.04*c+n}})},l={visible:{opacity:1,y:0,transition:{type:"spring",damping:12,stiffness:100,duration:r,filter:{type:"tween",duration:r}},filter:"blur(0px)"},hidden:{opacity:0,y:20,filter:"blur(2px)"}};return p.jsx(oe.div,{ref:o,style:{overflow:"hidden",display:"flex",flexWrap:"wrap"},variants:a,initial:"hidden",animate:s?"visible":"hidden",className:M("text-4xl font-bold text-black dark:text-white",t),children:i.map((c,u)=>p.jsx(oe.span,{variants:l,style:{marginRight:"0.25em"},className:"inline-block",children:c},u))})},DO=({children:e,className:t,container:n})=>{const r=E.useRef(null),{scrollYProgress:o}=Hb({target:r,container:n,offset:["start start","end start"],layoutEffect:!1}),s=E.useRef(null),[i,a]=E.useState(0);E.useEffect(()=>{if(!s.current)return;const u=()=>{s.current&&a(s.current.offsetHeight)};u();const f=new ResizeObserver(u);return f.observe(s.current),()=>f.disconnect()},[]);const l=Sr(zt(o,[0,.8],[50,i]),{stiffness:500,damping:90}),c=Sr(zt(o,[0,1],[50,i-200]),{stiffness:500,damping:90});return p.jsxs(oe.div,{ref:r,className:M("relative w-full max-w-4xl mx-auto h-full",t),children:[p.jsxs("div",{className:"absolute left-0 top-3",children:[p.jsx(oe.div,{transition:{duration:.2,delay:.5},animate:{boxShadow:o.get()>0?"none":"rgba(0, 0, 0, 0.24) 0px 3px 8px"},className:"ml-[27px] h-4 w-4 rounded-full border border-netural-200 shadow-sm flex items-center justify-center",children:p.jsx(oe.div,{transition:{duration:.2,delay:.5},animate:{backgroundColor:o.get()>0?"#ffffff":"#10b981",borderColor:o.get()>0?"#ffffff":"#059669"},className:"h-2 w-2  rounded-full border border-neutral-300 bg-white"})}),p.jsxs("svg",{viewBox:`0 0 20 ${i}`,width:"20",height:i,className:" ml-4 block","aria-hidden":"true",children:[p.jsx(oe.path,{d:`M 1 0V -36 l 18 24 V ${i*.8} l -18 24V ${i}`,fill:"none",stroke:"#9091A0",strokeOpacity:"0.16",transition:{duration:10}}),p.jsx(oe.path,{d:`M 1 0V -36 l 18 24 V ${i*.8} l -18 24V ${i}`,fill:"none",stroke:"url(#gradient)",strokeWidth:"1.25",className:"motion-reduce:hidden",transition:{duration:10}}),p.jsx("defs",{children:p.jsxs(oe.linearGradient,{id:"gradient",gradientUnits:"userSpaceOnUse",x1:"0",x2:"0",y1:l,y2:c,children:[p.jsx("stop",{stopColor:"#18CCFC",stopOpacity:"0"}),p.jsx("stop",{stopColor:"#18CCFC"}),p.jsx("stop",{offset:"0.325",stopColor:"#6344F5"}),p.jsx("stop",{offset:"1",stopColor:"#AE48FF",stopOpacity:"0"})]})})]})]}),p.jsx("div",{ref:s,className:"ml-10",children:e})]})},_O=1/3,et=1/6,Ml=e=>Math.floor(e)|0,Il=new Float64Array([1,1,0,-1,1,0,1,-1,0,-1,-1,0,1,0,1,-1,0,1,1,0,-1,-1,0,-1,0,1,1,0,-1,1,0,1,-1,0,-1,-1]);function f0(e=Math.random){const t=kO(e),n=new Float64Array(t).map(s=>Il[s%12*3]),r=new Float64Array(t).map(s=>Il[s%12*3+1]),o=new Float64Array(t).map(s=>Il[s%12*3+2]);return function(i,a,l){let c,u,f,h;const m=(i+a+l)*_O,y=Ml(i+m),g=Ml(a+m),v=Ml(l+m),b=(y+g+v)*et,w=y-b,x=g-b,S=v-b,C=i-w,T=a-x,A=l-S;let N,I,O,k,L,W;C>=T?T>=A?(N=1,I=0,O=0,k=1,L=1,W=0):C>=A?(N=1,I=0,O=0,k=1,L=0,W=1):(N=0,I=0,O=1,k=1,L=0,W=1):T<A?(N=0,I=0,O=1,k=0,L=1,W=1):C<A?(N=0,I=1,O=0,k=0,L=1,W=1):(N=0,I=1,O=0,k=1,L=1,W=0);const F=C-N+et,Y=T-I+et,U=A-O+et,H=C-k+2*et,V=T-L+2*et,B=A-W+2*et,ee=C-1+3*et,te=T-1+3*et,D=A-1+3*et,G=y&255,R=g&255,$=v&255;let K=.6-C*C-T*T-A*A;if(K<0)c=0;else{const Z=G+t[R+t[$]];K*=K,c=K*K*(n[Z]*C+r[Z]*T+o[Z]*A)}let z=.6-F*F-Y*Y-U*U;if(z<0)u=0;else{const Z=G+N+t[R+I+t[$+O]];z*=z,u=z*z*(n[Z]*F+r[Z]*Y+o[Z]*U)}let X=.6-H*H-V*V-B*B;if(X<0)f=0;else{const Z=G+k+t[R+L+t[$+W]];X*=X,f=X*X*(n[Z]*H+r[Z]*V+o[Z]*B)}let q=.6-ee*ee-te*te-D*D;if(q<0)h=0;else{const Z=G+1+t[R+1+t[$+1]];q*=q,h=q*q*(n[Z]*ee+r[Z]*te+o[Z]*D)}return 32*(c+u+f+h)}}function kO(e){const n=new Uint8Array(512);for(let r=0;r<512/2;r++)n[r]=r;for(let r=0;r<512/2-1;r++){const o=r+~~(e()*(256-r)),s=n[r];n[r]=n[o],n[o]=s}for(let r=256;r<512;r++)n[r]=n[r-256];return n}const OO=f0(),LO=Math.PI*2,En=e=>e*Math.random(),VO=e=>e-En(2*e),$O=(e,t)=>{const n=.5*t;return Math.abs((e+n)%t-n)/n},p0=(e,t,n)=>(1-n)*e+n*t,FO=(e,t,n)=>e>n.width||e<0||t>n.height||t<0,RO=(e,t)=>{t.save(),t.filter="blur(8px) brightness(200%)",t.globalCompositeOperation="lighter",t.drawImage(e,0,0),t.restore(),t.save(),t.filter="blur(4px) brightness(200%)",t.globalCompositeOperation="lighter",t.drawImage(e,0,0),t.restore()},BO=(e,t)=>{t.save(),t.globalCompositeOperation="lighter",t.drawImage(e,0,0),t.restore()},zO=({children:e,className:t,containerClassName:n,particleCount:r=700,baseHue:o=220,baseSpeed:s=0,rangeSpeed:i=1.5,baseRadius:a=1,rangeRadius:l=2,backgroundColor:c="#000000"})=>{const u=E.useRef(null),f=E.useRef(null),h=9,m=r*h,y=100,g=50,v=150,b=s,w=i,x=a,S=l,C=o,T=20,A=3,N=.00125,I=.00125,O=5e-4,k=E.useRef(c),L=E.useRef(0),W=E.useRef(new Float32Array(m)),F=E.useRef([0,0]),Y=E.useRef(),U=E.useCallback(R=>{const $=u.current;if(!$)return;const K=En($.width),z=F.current[1]+VO(y),X=0,q=0,Z=0,se=g+En(v),ne=b+En(w),be=x+En(S),Pe=C+En(T);W.current.set([K,z,X,q,Z,se,ne,be,Pe],R)},[y,g,v,b,w,x,S,C,T]),H=E.useCallback(()=>{L.current=0,W.current=new Float32Array(m);for(let R=0;R<m;R+=h)U(R)},[U,m]),V=E.useCallback((R,$,K,z,X,q,Z,se,ne)=>{ne.save(),ne.lineCap="round",ne.lineWidth=Z,ne.strokeStyle=`hsla(${se},100%,60%,${$O(X,q)})`,ne.beginPath(),ne.moveTo(R,$),ne.lineTo(K,z),ne.stroke(),ne.closePath(),ne.restore()},[]),B=E.useCallback((R,$)=>{const K=u.current;if(!K)return;const z=1+R,X=2+R,q=3+R,Z=4+R,se=5+R,ne=6+R,be=7+R,Pe=8+R,tt=W.current[R],nt=W.current[z],At=OO(tt*N,nt*I,L.current*O)*A*LO,ls=p0(W.current[X],Math.cos(At),.5),Wt=p0(W.current[q],Math.sin(At),.5);let cs=W.current[Z];const g0=W.current[se],v0=W.current[ne],y0=tt+ls*v0,b0=nt+Wt*v0,KO=W.current[be],YO=W.current[Pe];V(tt,nt,y0,b0,cs,g0,KO,YO,$),cs++,W.current[R]=y0,W.current[z]=b0,W.current[X]=ls,W.current[q]=Wt,W.current[Z]=cs,(FO(tt,nt,K)||cs>g0)&&U(R)},[V,U]),ee=E.useCallback(R=>{for(let $=0;$<m;$+=h)B($,R)},[B,m]),te=E.useCallback((R,$)=>{L.current++,$.clearRect(0,0,R.width,R.height),$.fillStyle=k.current,$.fillRect(0,0,R.width,R.height),ee($),RO(R,$),BO(R,$),Y.current=window.requestAnimationFrame(()=>te(R,$))},[ee]),D=E.useCallback(R=>{const{innerWidth:$,innerHeight:K}=window;R.width=$,R.height=K,F.current[0]=.5*R.width,F.current[1]=.5*R.height},[]),G=E.useCallback(()=>{const R=u.current,$=f.current;if(R&&$){const K=R.getContext("2d");K&&(D(R),H(),te(R,K))}},[te,H,D]);return E.useEffect(()=>{k.current=c},[c]),E.useEffect(()=>{G();const R=()=>{const $=u.current,K=$==null?void 0:$.getContext("2d");$&&K&&D($)};return window.addEventListener("resize",R),()=>{window.removeEventListener("resize",R),Y.current&&window.cancelAnimationFrame(Y.current)}},[G,D]),p.jsxs("div",{className:M("relative h-full w-full",n),children:[p.jsx(oe.div,{initial:{opacity:0},animate:{opacity:1},ref:f,className:"absolute h-full w-full inset-0 z-0 bg-transparent flex items-center justify-center",children:p.jsx("canvas",{ref:u})}),p.jsx("div",{className:M("relative z-10",t),children:e})]})},WO=({children:e,className:t,containerClassName:n,colors:r,waveWidth:o,backgroundFill:s,blur:i=10,speed:a="fast",waveOpacity:l=.5,...c})=>{const u=f0(),f=E.useRef(null),h=E.useRef(),m=E.useRef(null),y=E.useRef(0),g=E.useRef(0),v=E.useRef(0),b=E.useCallback(()=>{switch(a){case"slow":return .001;case"fast":return .002;default:return .001}},[a]),w=E.useMemo(()=>r??["#38bdf8","#818cf8","#c084fc","#e879f9","#22d3ee"],[r]),x=E.useCallback(N=>{const I=m.current;if(I){v.current+=b();for(let O=0;O<N;O++){I.beginPath(),I.lineWidth=o||50,I.strokeStyle=w[O%w.length];for(let k=0;k<y.current;k+=5){const L=u(k/800,.3*O,v.current)*100;I.lineTo(k,L+g.current*.5)}I.stroke(),I.closePath()}}},[b,u,w,o]),S=E.useCallback(()=>{const N=m.current;N&&(N.fillStyle=s||"black",N.globalAlpha=l||.5,N.fillRect(0,0,y.current,g.current),x(5),h.current=requestAnimationFrame(S))},[s,x,l]),C=E.useCallback(()=>{const N=f.current;if(!N)return;const I=N.getContext("2d");I&&(m.current=I,y.current=I.canvas.width=window.innerWidth,g.current=I.canvas.height=window.innerHeight,I.filter=`blur(${i}px)`,v.current=0,S())},[i,S]);E.useEffect(()=>{C();const N=()=>{const I=m.current;I&&(y.current=I.canvas.width=window.innerWidth,g.current=I.canvas.height=window.innerHeight,I.filter=`blur(${i}px)`)};return window.addEventListener("resize",N),()=>{window.removeEventListener("resize",N),h.current&&cancelAnimationFrame(h.current)}},[i,C]);const[T,A]=E.useState(!1);return E.useEffect(()=>{A(typeof window<"u"&&navigator.userAgent.includes("Safari")&&!navigator.userAgent.includes("Chrome"))},[]),p.jsxs("div",{className:M("h-screen flex flex-col items-center justify-center",n),children:[p.jsx("canvas",{className:"absolute inset-0 z-0",ref:f,id:"canvas",style:{...T?{filter:`blur(${i}px)`}:{}}}),p.jsx("div",{className:M("relative z-10",t),...c,children:e})]})},h0=E.createContext(void 0),HO=({children:e,className:t,containerClassName:n})=>{const r=E.useRef(null),[o,s]=E.useState(!1),i=c=>{if(!r.current)return;const{left:u,top:f,width:h,height:m}=r.current.getBoundingClientRect(),y=(c.clientX-u-h/2)/25,g=(c.clientY-f-m/2)/25;r.current.style.transform=`rotateY(${y}deg) rotateX(${g*-1}deg)`},a=()=>{s(!0),r.current},l=()=>{r.current&&(s(!1),r.current.style.transform="rotateY(0deg) rotateX(0deg)")};return p.jsx(h0.Provider,{value:[o,s],children:p.jsx("div",{className:M("py-20 flex items-center justify-center",n),style:{perspective:"1000px"},children:p.jsx("div",{ref:r,onMouseEnter:a,onMouseMove:i,onMouseLeave:l,className:M("flex items-center justify-center relative transition-all duration-200 ease-linear",t),style:{transformStyle:"preserve-3d"},children:e})})})},jO=({children:e,className:t})=>p.jsx("div",{className:M("h-96 w-96 [transform-style:preserve-3d]  [&>*]:[transform-style:preserve-3d]",t),children:e}),UO=({as:e="div",children:t,className:n,translateX:r=0,translateY:o=0,translateZ:s=0,rotateX:i=0,rotateY:a=0,rotateZ:l=0,...c})=>{const u=E.useRef(null),[f]=m0(),h=E.useCallback(()=>{u.current&&(f?u.current.style.transform=`translateX(${r}px) translateY(${o}px) translateZ(${s}px) rotateX(${i}deg) rotateY(${a}deg) rotateZ(${l}deg)`:u.current.style.transform="translateX(0px) translateY(0px) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg)")},[f,r,o,s,i,a,l]);return E.useEffect(()=>{h()},[h]),p.jsx(e,{ref:u,className:M("w-fit transition-all duration-200 ease-linear",n),...c,children:t})},m0=()=>{const e=E.useContext(h0);if(e===void 0)throw new Error("useMouseEnter must be used within a MouseEnterProvider");return e},GO=({className:e,children:t,showRadialGradient:n=!0,...r})=>p.jsxs("div",{className:M("relative flex flex-col  h-[100vh] items-center justify-center bg-zinc-50 dark:bg-zinc-900  text-slate-950 transition-bg",e),...r,children:[p.jsx("div",{className:"absolute inset-0 overflow-hidden",children:p.jsx("div",{className:M(`
             [--white-gradient:repeating-linear-gradient(100deg,#ffffff_0%,#ffffff_7%,transparent_10%,transparent_12%,#ffffff_16%)]
             [--dark-gradient:repeating-linear-gradient(100deg,#000000_0%,#000000_7%,transparent_10%,transparent_12%,#000000_16%)]
             [--aurora:repeating-linear-gradient(100deg,#3b82f6_10%,#6366f1_15%,#93c5fd_20%,#ddd6fe_25%,#60a5fa_30%)]

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bodyhc/blazeui",
   "private": false,
-  "version": "0.2.1",
+  "version": "0.2.3",
   "type": "module",
   "scripts": {
     "dev": "vite",
@@ -19,7 +19,8 @@
       "types": "./dist/types/index.d.ts",
       "import": "./dist/blaze-ui.es.js",
       "require": "./dist/blaze-ui.umd.js"
-    }
+    },
+    "./dist/style.css": "./dist/style.css"
   },
   "files": [
     "dist",