@blueshift-gg/ui-components 0.1.50 → 0.1.51

package/dist/CrossHair.mjs

@@ -1,261 +1,173 @@
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import classNames from 'classnames';
-import { motion, anticipate } from 'motion/react';
+"use client";
 
-const CrosshairCorners = ({
-  size = 10,
-  spacingX = 0,
-  animationDelay = 2.5,
-  spacingY = 0,
-  className = "",
-  moveDistance = 5,
-  thickness,
-  animationDuration = 2.15,
-  variant = "corners",
-  corners = ["top-left", "top-right", "bottom-left", "bottom-right"],
-  borders = ["left", "right"]
-}) => {
-  const actualThickness = thickness ?? size / 4;
-  return /* @__PURE__ */ jsx(
-    motion.div,
-    {
-      className: classNames(
-        "absolute w-full h-full inset-0 will-change-opacity pointer-events-none",
-        className
-      ),
-      initial: { opacity: 0, scale: 0.99 },
-      animate: {
-        opacity: [0, 1, 0.2, 1, 0.4, 1, 0.6, 1, 0.8, 1],
-        scale: [0.99, 1, 0.99, 1, 1, 1]
-      },
-      transition: {
-        duration: animationDuration,
-        ease: anticipate,
-        delay: animationDelay
-      },
-      style: {
-        "--size": size + "px",
-        "--spacing-x": spacingX + "px",
-        "--spacing-y": spacingY + "px",
-        "--move": moveDistance + "px",
-        "--thickness": actualThickness + "px",
-        "--half-size": size / 2 + "px"
-      },
-      children: variant === "cross" ? (
-        /* Cross/Plus Pattern in Corners */
-        /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: classNames(
-                "absolute",
-                "before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]",
-                "after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]",
-                "transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]",
-                !corners.includes("top-left") && "hidden"
-              ),
-              style: {
-                left: `calc((var(--spacing-x) + var(--half-size)) * -1 + 1px)`,
-                top: `calc((var(--spacing-y) + var(--half-size)) * -1)`,
-                width: `var(--size)`,
-                height: `var(--size)`
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: classNames(
-                "absolute",
-                "before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]",
-                "after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]",
-                "transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]",
-                !corners.includes("top-right") && "hidden"
-              ),
-              style: {
-                right: `calc((var(--spacing-x) + var(--half-size)) * -1)`,
-                top: `calc((var(--spacing-y) + var(--half-size)) * -1)`,
-                width: `var(--size)`,
-                height: `var(--size)`
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: classNames(
-                "absolute",
-                "before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]",
-                "after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]",
-                "transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[var(--move)]",
-                !corners.includes("bottom-left") && "hidden"
-              ),
-              style: {
-                left: `calc((var(--spacing-x) + var(--half-size)) * -1 + 1px)`,
-                bottom: `calc((var(--spacing-y) + var(--half-size)) * -1)`,
-                width: `var(--size)`,
-                height: `var(--size)`
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: classNames(
-                "absolute",
-                "before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]",
-                "after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]",
-                "transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[var(--move)]",
-                !corners.includes("bottom-right") && "hidden"
-              ),
-              style: {
-                right: `calc((var(--spacing-x) + var(--half-size)) * -1)`,
-                bottom: `calc((var(--spacing-y) + var(--half-size)) * -1)`,
-                width: `var(--size)`,
-                height: `var(--size)`
-              }
-            }
-          )
-        ] })
-      ) : variant === "bordered" ? (
-        /* Corner Pattern with Left and Right Borders */
-        /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: classNames(
-                "absolute left-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]",
-                (!corners.includes("top-left") || !borders.includes("left")) && "hidden"
-              ),
-              style: {
-                left: `calc(var(--spacing-x) * -1)`,
-                top: `calc(var(--spacing-y) * -1)`
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: classNames(
-                "absolute right-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]",
-                (!corners.includes("top-right") || !borders.includes("right")) && "hidden"
-              ),
-              style: {
-                right: `calc(var(--spacing-x) * -1)`,
-                top: `calc(var(--spacing-y) * -1)`
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: classNames(
-                "absolute left-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[var(--move)]",
-                (!corners.includes("bottom-left") || !borders.includes("left")) && "hidden"
-              ),
-              style: {
-                left: `calc(var(--spacing-x) * -1)`,
-                bottom: `calc(var(--spacing-y) * -1)`
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: classNames(
-                "absolute right-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[var(--move)]",
-                (!corners.includes("bottom-right") || !borders.includes("right")) && "hidden"
-              ),
-              style: {
-                right: `calc(var(--spacing-x) * -1)`,
-                bottom: `calc(var(--spacing-y) * -1)`
-              }
-            }
-          ),
-          borders.includes("left") && /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "absolute left-0 w-[var(--thickness)] bg-current transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)]",
-              style: {
-                left: `calc(var(--spacing-x) * -1)`,
-                top: `calc(var(--spacing-y) * -1)`,
-                height: `calc(100% + (var(--spacing-y) * 2))`
-              }
-            }
-          ),
-          borders.includes("right") && /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "absolute right-0 w-[var(--thickness)] bg-current transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)]",
-              style: {
-                right: `calc(var(--spacing-x) * -1)`,
-                top: `calc(var(--spacing-y) * -1)`,
-                height: `calc(100% + (var(--spacing-y) * 2))`
-              }
-            }
-          )
-        ] })
-      ) : (
-        /* Corner Pattern (existing) */
-        /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: classNames(
-                "absolute left-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]",
-                !corners.includes("top-left") && "hidden"
-              ),
-              style: {
-                left: `calc(var(--spacing-x) * -1)`,
-                top: `calc(var(--spacing-y) * -1)`
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: classNames(
-                "absolute right-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]",
-                !corners.includes("top-right") && "hidden"
-              ),
-              style: {
-                right: `calc(var(--spacing-x) * -1)`,
-                top: `calc(var(--spacing-y) * -1)`
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: classNames(
-                "absolute left-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[var(--move)]",
-                !corners.includes("bottom-left") && "hidden"
-              ),
-              style: {
-                left: `calc(var(--spacing-x) * -1)`,
-                bottom: `calc(var(--spacing-y) * -1)`
-              }
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: classNames(
-                "absolute right-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[var(--move)]",
-                !corners.includes("bottom-right") && "hidden"
-              ),
-              style: {
-                right: `calc(var(--spacing-x) * -1)`,
-                bottom: `calc(var(--spacing-y) * -1)`
-              }
-            }
-          )
-        ] })
-      )
-    }
-  );
+import { anticipate, motion } from "motion/react";
+import classNames from "classnames";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/CrossHair.tsx
+const CrosshairCorners = ({ size = 10, spacingX = 0, animationDelay = 2.5, spacingY = 0, className = "", moveDistance = 5, thickness, animationDuration = 2.15, variant = "corners", corners = [
+	"top-left",
+	"top-right",
+	"bottom-left",
+	"bottom-right"
+], borders = ["left", "right"] }) => {
+	const actualThickness = thickness ?? size / 4;
+	return /* @__PURE__ */ jsx(motion.div, {
+		className: classNames("absolute w-full h-full inset-0 will-change-opacity pointer-events-none", className),
+		initial: {
+			opacity: 0,
+			scale: .99
+		},
+		animate: {
+			opacity: [
+				0,
+				1,
+				.2,
+				1,
+				.4,
+				1,
+				.6,
+				1,
+				.8,
+				1
+			],
+			scale: [
+				.99,
+				1,
+				.99,
+				1,
+				1,
+				1
+			]
+		},
+		transition: {
+			duration: animationDuration,
+			ease: anticipate,
+			delay: animationDelay
+		},
+		style: {
+			"--size": size + "px",
+			"--spacing-x": spacingX + "px",
+			"--spacing-y": spacingY + "px",
+			"--move": moveDistance + "px",
+			"--thickness": actualThickness + "px",
+			"--half-size": size / 2 + "px"
+		},
+		children: variant === "cross" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx("div", {
+				className: classNames("absolute", "before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]", "after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]", "transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]", !corners.includes("top-left") && "hidden"),
+				style: {
+					left: `calc((var(--spacing-x) + var(--half-size)) * -1 + 1px)`,
+					top: `calc((var(--spacing-y) + var(--half-size)) * -1)`,
+					width: `var(--size)`,
+					height: `var(--size)`
+				}
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: classNames("absolute", "before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]", "after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]", "transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]", !corners.includes("top-right") && "hidden"),
+				style: {
+					right: `calc((var(--spacing-x) + var(--half-size)) * -1)`,
+					top: `calc((var(--spacing-y) + var(--half-size)) * -1)`,
+					width: `var(--size)`,
+					height: `var(--size)`
+				}
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: classNames("absolute", "before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]", "after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]", "transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[var(--move)]", !corners.includes("bottom-left") && "hidden"),
+				style: {
+					left: `calc((var(--spacing-x) + var(--half-size)) * -1 + 1px)`,
+					bottom: `calc((var(--spacing-y) + var(--half-size)) * -1)`,
+					width: `var(--size)`,
+					height: `var(--size)`
+				}
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: classNames("absolute", "before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]", "after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]", "transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[var(--move)]", !corners.includes("bottom-right") && "hidden"),
+				style: {
+					right: `calc((var(--spacing-x) + var(--half-size)) * -1)`,
+					bottom: `calc((var(--spacing-y) + var(--half-size)) * -1)`,
+					width: `var(--size)`,
+					height: `var(--size)`
+				}
+			})
+		] }) : variant === "bordered" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx("div", {
+				className: classNames("absolute left-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]", (!corners.includes("top-left") || !borders.includes("left")) && "hidden"),
+				style: {
+					left: `calc(var(--spacing-x) * -1)`,
+					top: `calc(var(--spacing-y) * -1)`
+				}
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: classNames("absolute right-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]", (!corners.includes("top-right") || !borders.includes("right")) && "hidden"),
+				style: {
+					right: `calc(var(--spacing-x) * -1)`,
+					top: `calc(var(--spacing-y) * -1)`
+				}
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: classNames("absolute left-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[var(--move)]", (!corners.includes("bottom-left") || !borders.includes("left")) && "hidden"),
+				style: {
+					left: `calc(var(--spacing-x) * -1)`,
+					bottom: `calc(var(--spacing-y) * -1)`
+				}
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: classNames("absolute right-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[var(--move)]", (!corners.includes("bottom-right") || !borders.includes("right")) && "hidden"),
+				style: {
+					right: `calc(var(--spacing-x) * -1)`,
+					bottom: `calc(var(--spacing-y) * -1)`
+				}
+			}),
+			borders.includes("left") && /* @__PURE__ */ jsx("div", {
+				className: "absolute left-0 w-[var(--thickness)] bg-current transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)]",
+				style: {
+					left: `calc(var(--spacing-x) * -1)`,
+					top: `calc(var(--spacing-y) * -1)`,
+					height: `calc(100% + (var(--spacing-y) * 2))`
+				}
+			}),
+			borders.includes("right") && /* @__PURE__ */ jsx("div", {
+				className: "absolute right-0 w-[var(--thickness)] bg-current transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)]",
+				style: {
+					right: `calc(var(--spacing-x) * -1)`,
+					top: `calc(var(--spacing-y) * -1)`,
+					height: `calc(100% + (var(--spacing-y) * 2))`
+				}
+			})
+		] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx("div", {
+				className: classNames("absolute left-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]", !corners.includes("top-left") && "hidden"),
+				style: {
+					left: `calc(var(--spacing-x) * -1)`,
+					top: `calc(var(--spacing-y) * -1)`
+				}
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: classNames("absolute right-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]", !corners.includes("top-right") && "hidden"),
+				style: {
+					right: `calc(var(--spacing-x) * -1)`,
+					top: `calc(var(--spacing-y) * -1)`
+				}
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: classNames("absolute left-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[var(--move)]", !corners.includes("bottom-left") && "hidden"),
+				style: {
+					left: `calc(var(--spacing-x) * -1)`,
+					bottom: `calc(var(--spacing-y) * -1)`
+				}
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: classNames("absolute right-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[var(--move)]", !corners.includes("bottom-right") && "hidden"),
+				style: {
+					right: `calc(var(--spacing-x) * -1)`,
+					bottom: `calc(var(--spacing-y) * -1)`
+				}
+			})
+		] })
+	});
 };
 
+//#endregion
 export { CrosshairCorners };
-//# sourceMappingURL=CrossHair.mjs.map
 //# sourceMappingURL=CrossHair.mjs.map

package/dist/CrossHair.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/CrossHair.tsx"],"names":[],"mappings":"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","file":"CrossHair.mjs","sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\nimport { anticipate, motion } from \"motion/react\";\n\nexport type CrosshairCornersProps = {\n  size?: number;\n  spacingX?: number;\n  spacingY?: number;\n  animationDelay?: number;\n  thickness?: number;\n  animationDuration?: number;\n  variant?: \"corners\" | \"cross\" | \"bordered\";\n  corners?: (\"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\")[];\n  borders?: (\"left\" | \"right\")[];\n  className?: string;\n  moveDistance?: number;\n};\n\nexport const CrosshairCorners = ({\n  size = 10,\n  spacingX = 0,\n  animationDelay = 2.5,\n  spacingY = 0,\n  className = \"\",\n  moveDistance = 5,\n  thickness,\n  animationDuration = 2.15,\n  variant = \"corners\",\n  corners = [\"top-left\", \"top-right\", \"bottom-left\", \"bottom-right\"],\n  borders = [\"left\", \"right\"],\n}: CrosshairCornersProps) => {\n  // Default thickness to 1/4th of the size if not provided\n  const actualThickness = thickness ?? size / 4;\n\n  return (\n    <motion.div\n      className={classNames(\n        \"absolute w-full h-full inset-0 will-change-opacity pointer-events-none\",\n        className,\n      )}\n      initial={{ opacity: 0, scale: 0.99 }}\n      animate={{\n        opacity: [0, 1, 0.2, 1, 0.4, 1, 0.6, 1, 0.8, 1],\n        scale: [0.99, 1, 0.99, 1, 1, 1],\n      }}\n      transition={{\n        duration: animationDuration,\n        ease: anticipate,\n        delay: animationDelay,\n      }}\n      style={\n        {\n          \"--size\": size + \"px\",\n          \"--spacing-x\": spacingX + \"px\",\n          \"--spacing-y\": spacingY + \"px\",\n          \"--move\": moveDistance + \"px\",\n          \"--thickness\": actualThickness + \"px\",\n          \"--half-size\": size / 2 + \"px\",\n        } as any\n      }\n    >\n      {variant === \"cross\" ? (\n        /* Cross/Plus Pattern in Corners */\n        <>\n          {/* Top Left Cross */}\n          <div\n            className={classNames(\n              \"absolute\",\n              \"before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]\",\n              \"after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]\",\n              \"transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              !corners.includes(\"top-left\") && \"hidden\",\n            )}\n            style={{\n              left: `calc((var(--spacing-x) + var(--half-size)) * -1 + 1px)`,\n              top: `calc((var(--spacing-y) + var(--half-size)) * -1)`,\n              width: `var(--size)`,\n              height: `var(--size)`,\n            }}\n          ></div>\n\n          {/* Top Right Cross */}\n          <div\n            className={classNames(\n              \"absolute\",\n              \"before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]\",\n              \"after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]\",\n              \"transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              !corners.includes(\"top-right\") && \"hidden\",\n            )}\n            style={{\n              right: `calc((var(--spacing-x) + var(--half-size)) * -1)`,\n              top: `calc((var(--spacing-y) + var(--half-size)) * -1)`,\n              width: `var(--size)`,\n              height: `var(--size)`,\n            }}\n          ></div>\n\n          {/* Bottom Left Cross */}\n          <div\n            className={classNames(\n              \"absolute\",\n              \"before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]\",\n              \"after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]\",\n              \"transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[var(--move)]\",\n              !corners.includes(\"bottom-left\") && \"hidden\",\n            )}\n            style={{\n              left: `calc((var(--spacing-x) + var(--half-size)) * -1 + 1px)`,\n              bottom: `calc((var(--spacing-y) + var(--half-size)) * -1)`,\n              width: `var(--size)`,\n              height: `var(--size)`,\n            }}\n          ></div>\n\n          {/* Bottom Right Cross */}\n          <div\n            className={classNames(\n              \"absolute\",\n              \"before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]\",\n              \"after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]\",\n              \"transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[var(--move)]\",\n              !corners.includes(\"bottom-right\") && \"hidden\",\n            )}\n            style={{\n              right: `calc((var(--spacing-x) + var(--half-size)) * -1)`,\n              bottom: `calc((var(--spacing-y) + var(--half-size)) * -1)`,\n              width: `var(--size)`,\n              height: `var(--size)`,\n            }}\n          ></div>\n        </>\n      ) : variant === \"bordered\" ? (\n        /* Corner Pattern with Left and Right Borders */\n        <>\n          {/* Top Left */}\n          <div\n            className={classNames(\n              \"absolute left-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              (!corners.includes(\"top-left\") || !borders.includes(\"left\")) &&\n                \"hidden\",\n            )}\n            style={{\n              left: `calc(var(--spacing-x) * -1)`,\n              top: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Top Right */}\n          <div\n            className={classNames(\n              \"absolute right-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              (!corners.includes(\"top-right\") || !borders.includes(\"right\")) &&\n                \"hidden\",\n            )}\n            style={{\n              right: `calc(var(--spacing-x) * -1)`,\n              top: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Bottom Left */}\n          <div\n            className={classNames(\n              \"absolute left-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[var(--move)]\",\n              (!corners.includes(\"bottom-left\") || !borders.includes(\"left\")) &&\n                \"hidden\",\n            )}\n            style={{\n              left: `calc(var(--spacing-x) * -1)`,\n              bottom: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Bottom Right */}\n          <div\n            className={classNames(\n              \"absolute right-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[var(--move)]\",\n              (!corners.includes(\"bottom-right\") ||\n                !borders.includes(\"right\")) &&\n                \"hidden\",\n            )}\n            style={{\n              right: `calc(var(--spacing-x) * -1)`,\n              bottom: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Left Border */}\n          {borders.includes(\"left\") && (\n            <div\n              className=\"absolute left-0 w-[var(--thickness)] bg-current transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)]\"\n              style={{\n                left: `calc(var(--spacing-x) * -1)`,\n                top: `calc(var(--spacing-y) * -1)`,\n                height: `calc(100% + (var(--spacing-y) * 2))`,\n              }}\n            ></div>\n          )}\n\n          {/* Right Border */}\n          {borders.includes(\"right\") && (\n            <div\n              className=\"absolute right-0 w-[var(--thickness)] bg-current transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)]\"\n              style={{\n                right: `calc(var(--spacing-x) * -1)`,\n                top: `calc(var(--spacing-y) * -1)`,\n                height: `calc(100% + (var(--spacing-y) * 2))`,\n              }}\n            ></div>\n          )}\n        </>\n      ) : (\n        /* Corner Pattern (existing) */\n        <>\n          {/* Top Left */}\n          <div\n            className={classNames(\n              \"absolute left-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              !corners.includes(\"top-left\") && \"hidden\",\n            )}\n            style={{\n              left: `calc(var(--spacing-x) * -1)`,\n              top: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Top Right */}\n          <div\n            className={classNames(\n              \"absolute right-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              !corners.includes(\"top-right\") && \"hidden\",\n            )}\n            style={{\n              right: `calc(var(--spacing-x) * -1)`,\n              top: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Bottom Left */}\n          <div\n            className={classNames(\n              \"absolute left-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[var(--move)]\",\n              !corners.includes(\"bottom-left\") && \"hidden\",\n            )}\n            style={{\n              left: `calc(var(--spacing-x) * -1)`,\n              bottom: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Bottom Right */}\n          <div\n            className={classNames(\n              \"absolute right-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[var(--move)]\",\n              !corners.includes(\"bottom-right\") && \"hidden\",\n            )}\n            style={{\n              right: `calc(var(--spacing-x) * -1)`,\n              bottom: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n        </>\n      )}\n    </motion.div>\n  );\n};\n"]}
+{"version":3,"file":"CrossHair.mjs","names":[],"sources":["../src/CrossHair.tsx"],"sourcesContent":["\"use client\";\n\nimport classNames from \"classnames\";\nimport { anticipate, motion } from \"motion/react\";\n\nexport type CrosshairCornersProps = {\n  size?: number;\n  spacingX?: number;\n  spacingY?: number;\n  animationDelay?: number;\n  thickness?: number;\n  animationDuration?: number;\n  variant?: \"corners\" | \"cross\" | \"bordered\";\n  corners?: (\"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\")[];\n  borders?: (\"left\" | \"right\")[];\n  className?: string;\n  moveDistance?: number;\n};\n\nexport const CrosshairCorners = ({\n  size = 10,\n  spacingX = 0,\n  animationDelay = 2.5,\n  spacingY = 0,\n  className = \"\",\n  moveDistance = 5,\n  thickness,\n  animationDuration = 2.15,\n  variant = \"corners\",\n  corners = [\"top-left\", \"top-right\", \"bottom-left\", \"bottom-right\"],\n  borders = [\"left\", \"right\"],\n}: CrosshairCornersProps) => {\n  // Default thickness to 1/4th of the size if not provided\n  const actualThickness = thickness ?? size / 4;\n\n  return (\n    <motion.div\n      className={classNames(\n        \"absolute w-full h-full inset-0 will-change-opacity pointer-events-none\",\n        className,\n      )}\n      initial={{ opacity: 0, scale: 0.99 }}\n      animate={{\n        opacity: [0, 1, 0.2, 1, 0.4, 1, 0.6, 1, 0.8, 1],\n        scale: [0.99, 1, 0.99, 1, 1, 1],\n      }}\n      transition={{\n        duration: animationDuration,\n        ease: anticipate,\n        delay: animationDelay,\n      }}\n      style={\n        {\n          \"--size\": size + \"px\",\n          \"--spacing-x\": spacingX + \"px\",\n          \"--spacing-y\": spacingY + \"px\",\n          \"--move\": moveDistance + \"px\",\n          \"--thickness\": actualThickness + \"px\",\n          \"--half-size\": size / 2 + \"px\",\n        } as any\n      }\n    >\n      {variant === \"cross\" ? (\n        /* Cross/Plus Pattern in Corners */\n        <>\n          {/* Top Left Cross */}\n          <div\n            className={classNames(\n              \"absolute\",\n              \"before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]\",\n              \"after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]\",\n              \"transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              !corners.includes(\"top-left\") && \"hidden\",\n            )}\n            style={{\n              left: `calc((var(--spacing-x) + var(--half-size)) * -1 + 1px)`,\n              top: `calc((var(--spacing-y) + var(--half-size)) * -1)`,\n              width: `var(--size)`,\n              height: `var(--size)`,\n            }}\n          ></div>\n\n          {/* Top Right Cross */}\n          <div\n            className={classNames(\n              \"absolute\",\n              \"before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]\",\n              \"after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]\",\n              \"transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              !corners.includes(\"top-right\") && \"hidden\",\n            )}\n            style={{\n              right: `calc((var(--spacing-x) + var(--half-size)) * -1)`,\n              top: `calc((var(--spacing-y) + var(--half-size)) * -1)`,\n              width: `var(--size)`,\n              height: `var(--size)`,\n            }}\n          ></div>\n\n          {/* Bottom Left Cross */}\n          <div\n            className={classNames(\n              \"absolute\",\n              \"before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]\",\n              \"after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]\",\n              \"transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[var(--move)]\",\n              !corners.includes(\"bottom-left\") && \"hidden\",\n            )}\n            style={{\n              left: `calc((var(--spacing-x) + var(--half-size)) * -1 + 1px)`,\n              bottom: `calc((var(--spacing-y) + var(--half-size)) * -1)`,\n              width: `var(--size)`,\n              height: `var(--size)`,\n            }}\n          ></div>\n\n          {/* Bottom Right Cross */}\n          <div\n            className={classNames(\n              \"absolute\",\n              \"before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:left-1/2 before:top-1/2 before:translate-x-[-50%] before:translate-y-[-50%]\",\n              \"after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:left-1/2 after:top-1/2 after:translate-x-[-50%] after:translate-y-[-50%]\",\n              \"transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[var(--move)]\",\n              !corners.includes(\"bottom-right\") && \"hidden\",\n            )}\n            style={{\n              right: `calc((var(--spacing-x) + var(--half-size)) * -1)`,\n              bottom: `calc((var(--spacing-y) + var(--half-size)) * -1)`,\n              width: `var(--size)`,\n              height: `var(--size)`,\n            }}\n          ></div>\n        </>\n      ) : variant === \"bordered\" ? (\n        /* Corner Pattern with Left and Right Borders */\n        <>\n          {/* Top Left */}\n          <div\n            className={classNames(\n              \"absolute left-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              (!corners.includes(\"top-left\") || !borders.includes(\"left\")) &&\n                \"hidden\",\n            )}\n            style={{\n              left: `calc(var(--spacing-x) * -1)`,\n              top: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Top Right */}\n          <div\n            className={classNames(\n              \"absolute right-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              (!corners.includes(\"top-right\") || !borders.includes(\"right\")) &&\n                \"hidden\",\n            )}\n            style={{\n              right: `calc(var(--spacing-x) * -1)`,\n              top: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Bottom Left */}\n          <div\n            className={classNames(\n              \"absolute left-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[var(--move)]\",\n              (!corners.includes(\"bottom-left\") || !borders.includes(\"left\")) &&\n                \"hidden\",\n            )}\n            style={{\n              left: `calc(var(--spacing-x) * -1)`,\n              bottom: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Bottom Right */}\n          <div\n            className={classNames(\n              \"absolute right-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[var(--move)]\",\n              (!corners.includes(\"bottom-right\") ||\n                !borders.includes(\"right\")) &&\n                \"hidden\",\n            )}\n            style={{\n              right: `calc(var(--spacing-x) * -1)`,\n              bottom: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Left Border */}\n          {borders.includes(\"left\") && (\n            <div\n              className=\"absolute left-0 w-[var(--thickness)] bg-current transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)]\"\n              style={{\n                left: `calc(var(--spacing-x) * -1)`,\n                top: `calc(var(--spacing-y) * -1)`,\n                height: `calc(100% + (var(--spacing-y) * 2))`,\n              }}\n            ></div>\n          )}\n\n          {/* Right Border */}\n          {borders.includes(\"right\") && (\n            <div\n              className=\"absolute right-0 w-[var(--thickness)] bg-current transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)]\"\n              style={{\n                right: `calc(var(--spacing-x) * -1)`,\n                top: `calc(var(--spacing-y) * -1)`,\n                height: `calc(100% + (var(--spacing-y) * 2))`,\n              }}\n            ></div>\n          )}\n        </>\n      ) : (\n        /* Corner Pattern (existing) */\n        <>\n          {/* Top Left */}\n          <div\n            className={classNames(\n              \"absolute left-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              !corners.includes(\"top-left\") && \"hidden\",\n            )}\n            style={{\n              left: `calc(var(--spacing-x) * -1)`,\n              top: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Top Right */}\n          <div\n            className={classNames(\n              \"absolute right-0 top-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[calc(var(--move)*-1)]\",\n              !corners.includes(\"top-right\") && \"hidden\",\n            )}\n            style={{\n              right: `calc(var(--spacing-x) * -1)`,\n              top: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Bottom Left */}\n          <div\n            className={classNames(\n              \"absolute left-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[calc(var(--move)*-1)] group-hover/testimonial:translate-y-[var(--move)]\",\n              !corners.includes(\"bottom-left\") && \"hidden\",\n            )}\n            style={{\n              left: `calc(var(--spacing-x) * -1)`,\n              bottom: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n\n          {/* Bottom Right */}\n          <div\n            className={classNames(\n              \"absolute right-0 bottom-0 before:content-[''] before:absolute before:h-[var(--size)] before:w-[var(--thickness)] before:bg-current before:right-0 before:bottom-0 after:content-[''] after:absolute after:h-[var(--thickness)] after:w-[var(--size)] after:bg-current after:right-0 after:bottom-0 transition-all duration-300 group-hover/testimonial:translate-x-[var(--move)] group-hover/testimonial:translate-y-[var(--move)]\",\n              !corners.includes(\"bottom-right\") && \"hidden\",\n            )}\n            style={{\n              right: `calc(var(--spacing-x) * -1)`,\n              bottom: `calc(var(--spacing-y) * -1)`,\n            }}\n          ></div>\n        </>\n      )}\n    </motion.div>\n  );\n};\n"],"mappings":"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"}

package/dist/DecryptText.cjs

@@ -0,0 +1,89 @@
+"use client";
+
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+let motion_react = require("motion/react");
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+
+//#region src/DecryptText.tsx
+function DecryptedText({ text, speed = 20, className = "", parentClassName = "", encryptedClassName = "", isHovering = false }) {
+	const [displayText, setDisplayText] = (0, react.useState)(text);
+	const [isScrambling, setIsScrambling] = (0, react.useState)(false);
+	const [revealedIndices, setRevealedIndices] = (0, react.useState)(/* @__PURE__ */ new Set());
+	const [isExiting, setIsExiting] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		let interval;
+		const shuffleText = (currentRevealed, isExiting$1 = false) => {
+			const positions = text.split("").map((char, i) => ({
+				char,
+				isSpace: char === " ",
+				index: i,
+				isRevealed: isExiting$1 ? !currentRevealed.has(i) : currentRevealed.has(i)
+			}));
+			const nonSpaceChars = positions.filter((p) => !p.isSpace && !p.isRevealed).map((p) => p.char);
+			for (let i = nonSpaceChars.length - 1; i > 0; i--) {
+				const j = Math.floor(Math.random() * (i + 1));
+				[nonSpaceChars[i], nonSpaceChars[j]] = [nonSpaceChars[j], nonSpaceChars[i]];
+			}
+			let charIndex = 0;
+			return positions.map((p) => {
+				if (p.isSpace) return " ";
+				if (p.isRevealed) return text[p.index];
+				return nonSpaceChars[charIndex++];
+			}).join("");
+		};
+		if (isHovering) {
+			setIsExiting(false);
+			setIsScrambling(true);
+			interval = setInterval(() => {
+				setRevealedIndices((prevRevealed) => {
+					if (prevRevealed.size < text.length) {
+						const nextIndex = prevRevealed.size;
+						const newRevealed = new Set(prevRevealed);
+						newRevealed.add(nextIndex);
+						setDisplayText(shuffleText(newRevealed));
+						return newRevealed;
+					} else {
+						clearInterval(interval);
+						setIsScrambling(false);
+						return prevRevealed;
+					}
+				});
+			}, speed);
+		} else {
+			setDisplayText(text);
+			setRevealedIndices(/* @__PURE__ */ new Set());
+			setIsScrambling(false);
+			setIsExiting(false);
+		}
+		return () => {
+			if (interval) clearInterval(interval);
+		};
+	}, [
+		isHovering,
+		text,
+		speed
+	]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(motion_react.motion.span, {
+		className: (0, classnames.default)("inline-block whitespace-pre-wrap", parentClassName),
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			className: "sr-only",
+			children: displayText
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+			"aria-hidden": "true",
+			className: "inline-flex tracking-tight",
+			children: displayText.split("").map((char, index) => {
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+					className: (isExiting ? !revealedIndices.has(index) : revealedIndices.has(index)) || !isScrambling || !isHovering && !isExiting ? className : encryptedClassName,
+					children: char
+				}, index);
+			})
+		})]
+	});
+}
+
+//#endregion
+module.exports = DecryptedText;
+//# sourceMappingURL=DecryptText.cjs.map