@tarsis/toolkit 0.4.0 → 0.4.1

package/dist/index.cjs

@@ -669,11 +669,11 @@ const BubblyParticlesButton = () => {
   );
 };
 
-const root$4k = "_root_acp94_1";
-const button$o = "_button_acp94_13";
-const p = "_p_acp94_26";
-const text$z = "_text_acp94_26";
-const effects = "_effects_acp94_240";
+const root$4k = "_root_zrg3z_1";
+const button$o = "_button_zrg3z_13";
+const p = "_p_zrg3z_26";
+const text$z = "_text_zrg3z_26";
+const effects = "_effects_zrg3z_240";
 const styles$4H = {
 	root: root$4k,
 	button: button$o,
@@ -4630,9 +4630,9 @@ const NeonButton = ({ className = "", ...rest }) => {
   return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", ...rest, className: cn(styles$49.root, className), children: "Neon" });
 };
 
-const root$3R = "_root_1178p_2";
-const i$1 = "_i_1178p_22";
-const text$s = "_text_1178p_482";
+const root$3R = "_root_liar6_2";
+const i$1 = "_i_liar6_22";
+const text$s = "_text_liar6_482";
 const styles$48 = {
 	root: root$3R,
 	i: i$1,
@@ -6556,17 +6556,17 @@ const CONFIG$2 = {
   "border-spot-opacity": 1,
   "border-light-opacity": 1
 };
-const cards$4 = [
-  {
-    id: crypto.randomUUID(),
-    spread: gsap$1.utils.random(0, 1e3),
-    outer: true,
-    control: false,
-    base: gsap$1.utils.random(0, 359)
-  }
-];
 const CardGlow = () => {
   useGlowPointer();
+  const cards = React.useMemo(() => [
+    {
+      id: `card-${Math.random().toString(36).substr(2, 9)}`,
+      spread: gsap$1.utils.random(0, 1e3),
+      outer: true,
+      control: false,
+      base: gsap$1.utils.random(0, 359)
+    }
+  ], []);
   React.useEffect(() => {
     for (const key of Object.keys(CONFIG$2)) {
       if (key === "card") {
@@ -6585,7 +6585,7 @@ const CardGlow = () => {
       }
     }
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx("main", { className: styles$3D.root, children: cards$4.map((card, index) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("main", { className: styles$3D.root, children: cards.map((card, index) => {
     return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$3D.wrapper, children: /* @__PURE__ */ jsxRuntime.jsxs(
       "article",
       {
@@ -18584,11 +18584,11 @@ const ScrambledText = ({ children, reveal = false }) => {
   );
 };
 
-const root$_ = "_root_75uzi_1";
-const line = "_line_75uzi_9";
-const word$1 = "_word_75uzi_14";
-const link = "_link_75uzi_18";
-const letter = "_letter_75uzi_22";
+const root$_ = "_root_1pk6v_1";
+const line = "_line_1pk6v_9";
+const word$1 = "_word_1pk6v_14";
+const link = "_link_1pk6v_18";
+const letter = "_letter_1pk6v_22";
 const styles$13 = {
 	root: root$_,
 	line: line,
@@ -24897,9 +24897,9 @@ const styles$E = {
 
 const DIGITS = [0, 3, 4, 8, 7, 2];
 const PROXIMITY_RADIUS = 200;
-const DISTANCE_MAPPER = gsap$1.utils.mapRange(250, 50, 0, 90);
 const GlidingReveal = () => {
   const codeRef = React.useRef(null);
+  const DISTANCE_MAPPER = gsap$1.utils.mapRange(250, 50, 0, 90);
   const update = React.useCallback((x, y) => {
     if (!codeRef.current) return;
     const CENTER_POINT = codeRef.current.getBoundingClientRect();