@blueshift-gg/ui-components 0.1.75 → 0.1.76

package/dist/Codeblock.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Codeblock.mjs","names":[],"sources":["../src/Codeblock.tsx"],"sourcesContent":["\"use client\";\n\nimport { AnimatePresence, motion, MotionProps } from \"motion/react\";\nimport classNames from \"classnames\";\nimport { CrosshairCorners } from \"./CrossHair\";\nimport { Icon, IconName, IconProps } from \"./Icon\";\nimport { useCopyToClipboard } from \"usehooks-ts\";\nimport { useRef, useState, useEffect } from \"react\";\nimport { silk } from \"./utils/easings\";\n\nexport type CodeblockProps = {\n  children: React.ReactNode;\n  clipboardText: string;\n  showCopyButton?: boolean;\n  icon?: IconProps;\n  language: \"rust\" | \"typescript\" | \"assembly\" | \"other\" | string;\n  animation?: MotionProps;\n  className?: string;\n  maxLines?: number;\n};\n\nexport const Codeblock = ({\n  children,\n  clipboardText,\n  language,\n  animation,\n  className,\n  icon,\n  showCopyButton = true,\n  maxLines = 15,\n}: CodeblockProps) => {\n  const [_, copyToClipboard] = useCopyToClipboard();\n  const [isCopied, setIsCopied] = useState(false);\n  const [isExpanded, setIsExpanded] = useState(false);\n  // Initialize with clipboardText to avoid initial expansion flash\n  const [lineCount, setLineCount] = useState(() => clipboardText.split(\"\\n\").length);\n  const [hasCalculated, setHasCalculated] = useState(false);\n  const codeblockRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (codeblockRef.current) {\n      // Find the pre > code structure - each span child represents a line\n      const codeElement = codeblockRef.current.querySelector(\"pre code\");\n      const preElement = codeblockRef.current.querySelector(\"pre\");\n\n      // Try to find line-level spans (direct children of code or pre)\n      const containerElement = codeElement || preElement;\n\n      if (containerElement) {\n        // Count direct child span elements - each span is a line\n        const lineSpans = Array.from(containerElement.children).filter(\n          (child) => child.tagName === \"SPAN\"\n        );\n\n        if (lineSpans.length > 0) {\n          // Each span represents one line\n          setLineCount(lineSpans.length);\n          setHasCalculated(true);\n        } else {\n          // Fallback: count line breaks in the text content\n          const text = containerElement.textContent || \"\";\n          const lines = text.split(\"\\n\");\n          setLineCount(lines.length || 1);\n          setHasCalculated(true);\n        }\n      } else {\n        // Last resort: use clipboardText\n        setLineCount(clipboardText.split(\"\\n\").length);\n        setHasCalculated(true);\n      }\n    }\n  }, [children, clipboardText]);\n\n  const isOverflowing = lineCount > maxLines;\n  const handleCopy = () => {\n    copyToClipboard(clipboardText);\n    setIsCopied(true);\n    setTimeout(() => {\n      setIsCopied(false);\n    }, 2000);\n  };\n  return (\n    <motion.div\n      className={classNames(\n        \"relative bg-card-foreground w-full flex flex-col gap-y-4 gradient-border before:bg-card-border pt-3 pb-4\",\n        language === \"rust\" && \"text-brand-rust\",\n        language === \"typescript\" && \"text-brand-typescript\",\n        language === \"assembly\" && \"text-brand-assembly\",\n        language === \"other\" && \"text-shade-tertiary\",\n        language &&\n        language !== \"rust\" &&\n        language !== \"typescript\" &&\n        language !== \"assembly\" &&\n        language !== \"other\" &&\n        \"text-brand-primary\",\n        className,\n        isOverflowing && isExpanded && \"pb-12!\"\n      )}\n      {...animation}\n    >\n      <motion.div className={classNames(\"px-3.5 py-2 bg-current/5 border border-current/15 flex items-center justify-between relative\")}>\n        <CrosshairCorners\n          animationDelay={0}\n          animationDuration={0.5}\n          variant=\"bordered\"\n          size={6}\n          spacingX={1}\n        />\n        <div className=\"flex items-center gap-x-2\">\n          {icon && (\n            <Icon\n              name={icon.name as IconName}\n              className={classNames(\n                \"flex-shrink-0 text-current\",\n                icon.className,\n              )}\n              size={icon.size || 16}\n            />\n          )}\n          <span className=\"font-mono text-sm\">{language}</span>\n        </div>\n\n        {showCopyButton && (\n          <div\n            onClick={() => handleCopy()}\n            className=\"w-[16px] h-[16px] text-shade-secondary hover:text-shade-primary relative z-10\"\n          >\n            <AnimatePresence mode=\"popLayout\">\n              <motion.div\n                initial={{ opacity: 0, filter: \"blur(4px)\", scale: 0.4 }}\n                animate={{ opacity: 1, filter: \"blur(0px)\", scale: 1 }}\n                exit={{ opacity: 0, filter: \"blur(4px)\", scale: 0.4 }}\n                transition={{ duration: 0.2, ease: silk }}\n                key={isCopied ? \"copied\" : \"copy\"}\n              >\n                {isCopied ? (\n                  <Icon name=\"Success\" size={16} />\n                ) : (\n                  <Icon name=\"Copy\" size={16} />\n                )}\n              </motion.div>\n            </AnimatePresence>\n          </div>\n        )}\n      </motion.div>\n      <div className=\"inset-0 absolute bg-gradient-to-b from-current/8 via-transparent to-transparent pointer-events-none h-[300px]\"></div>\n\n      <motion.div\n        ref={codeblockRef}\n        className={classNames(\"relative text-base! overflow-hidden will-change-transform\", isOverflowing && !isExpanded && \"[mask-image:linear-gradient(to_bottom,black_70%,transparent_97.5%)]\")}\n        initial={false}\n        animate={{\n          height: isExpanded || (!isOverflowing && hasCalculated)\n            ? \"auto\"\n            : maxLines * 24\n        }}\n        transition={{ duration: hasCalculated ? 0.4 : 0, ease: silk }}\n      >\n        {children}\n      </motion.div>\n\n      <AnimatePresence>\n        {isOverflowing && (\n          <motion.div\n            initial={{ opacity: 0 }}\n            animate={{ opacity: 1 }}\n            exit={{ opacity: 0 }}\n            transition={{ duration: 0.2 }}\n            onClick={() => setIsExpanded(!isExpanded)}\n            className=\"font-mono text-xs text-shade-tertiary cursor-pointer bg-card-solid/50 hover:bg-card-solid/100 bottom-1 left-1 absolute w-[calc(100%-8px)] transition py-1.5 flex items-center justify-center\"\n          >\n            {isExpanded ? (\n              <div className=\"flex items-center gap-x-0.5\">\n                Collapse <Icon name=\"Chevron\" size={12} className=\"rotate-180\" />\n              </div>\n            ) : (\n              <div className=\"flex items-center gap-x-2\">\n                <div className=\"flex items-center gap-x-0.5\">Expand <Icon name=\"Chevron\" size={10} /> </div>\n                <div className=\"absolute right-2 text-shade-mute text-xs\">[{lineCount - maxLines} more lines]</div>\n              </div>\n            )}\n          </motion.div>\n        )}\n      </AnimatePresence>\n    </motion.div>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAqBA,MAAa,aAAa,EACxB,UACA,eACA,UACA,WACA,WACA,MACA,iBAAiB,MACjB,WAAW,SACS;CACpB,MAAM,CAAC,GAAG,mBAAmB,oBAAoB;CACjD,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;CAC/C,MAAM,CAAC,YAAY,iBAAiB,SAAS,MAAM;CAEnD,MAAM,CAAC,WAAW,gBAAgB,eAAe,cAAc,MAAM,KAAK,CAAC,OAAO;CAClF,MAAM,CAAC,eAAe,oBAAoB,SAAS,MAAM;CACzD,MAAM,eAAe,OAAuB,KAAK;AAEjD,iBAAgB;AACd,MAAI,aAAa,SAAS;GAExB,MAAM,cAAc,aAAa,QAAQ,cAAc,WAAW;GAClE,MAAM,aAAa,aAAa,QAAQ,cAAc,MAAM;GAG5D,MAAM,mBAAmB,eAAe;AAExC,OAAI,kBAAkB;IAEpB,MAAM,YAAY,MAAM,KAAK,iBAAiB,SAAS,CAAC,QACrD,UAAU,MAAM,YAAY,OAC9B;AAED,QAAI,UAAU,SAAS,GAAG;AAExB,kBAAa,UAAU,OAAO;AAC9B,sBAAiB,KAAK;WACjB;AAIL,mBAFa,iBAAiB,eAAe,IAC1B,MAAM,KAAK,CACX,UAAU,EAAE;AAC/B,sBAAiB,KAAK;;UAEnB;AAEL,iBAAa,cAAc,MAAM,KAAK,CAAC,OAAO;AAC9C,qBAAiB,KAAK;;;IAGzB,CAAC,UAAU,cAAc,CAAC;CAE7B,MAAM,gBAAgB,YAAY;CAClC,MAAM,mBAAmB;AACvB,kBAAgB,cAAc;AAC9B,cAAY,KAAK;AACjB,mBAAiB;AACf,eAAY,MAAM;KACjB,IAAK;;AAEV,QACE,qBAAC,OAAO;EACN,WAAW,WACT,4GACA,aAAa,UAAU,mBACvB,aAAa,gBAAgB,yBAC7B,aAAa,cAAc,uBAC3B,aAAa,WAAW,uBACxB,YACA,aAAa,UACb,aAAa,gBACb,aAAa,cACb,aAAa,WACb,sBACA,WACA,iBAAiB,cAAc,SAChC;EACD,GAAI;;GAEJ,qBAAC,OAAO;IAAI,WAAW,WAAW,+FAA+F;;KAC/H,oBAAC;MACC,gBAAgB;MAChB,mBAAmB;MACnB,SAAQ;MACR,MAAM;MACN,UAAU;OACV;KACF,qBAAC;MAAI,WAAU;iBACZ,QACC,oBAAC;OACC,MAAM,KAAK;OACX,WAAW,WACT,8BACA,KAAK,UACN;OACD,MAAM,KAAK,QAAQ;QACnB,EAEJ,oBAAC;OAAK,WAAU;iBAAqB;QAAgB;OACjD;KAEL,kBACC,oBAAC;MACC,eAAe,YAAY;MAC3B,WAAU;gBAEV,oBAAC;OAAgB,MAAK;iBACpB,oBAAC,OAAO;QACN,SAAS;SAAE,SAAS;SAAG,QAAQ;SAAa,OAAO;SAAK;QACxD,SAAS;SAAE,SAAS;SAAG,QAAQ;SAAa,OAAO;SAAG;QACtD,MAAM;SAAE,SAAS;SAAG,QAAQ;SAAa,OAAO;SAAK;QACrD,YAAY;SAAE,UAAU;SAAK,MAAM;SAAM;kBAGxC,WACC,oBAAC;SAAK,MAAK;SAAU,MAAM;UAAM,GAEjC,oBAAC;SAAK,MAAK;SAAO,MAAM;UAAM;UAL3B,WAAW,WAAW,OAOhB;QACG;OACd;;KAEG;GACb,oBAAC,SAAI,WAAU,kHAAsH;GAErI,oBAAC,OAAO;IACN,KAAK;IACL,WAAW,WAAW,6DAA6D,iBAAiB,CAAC,cAAc,sEAAsE;IACzL,SAAS;IACT,SAAS,EACP,QAAQ,cAAe,CAAC,iBAAiB,gBACrC,SACA,WAAW,IAChB;IACD,YAAY;KAAE,UAAU,gBAAgB,KAAM;KAAG,MAAM;KAAM;IAE5D;KACU;GAEb,oBAAC,6BACE,iBACC,oBAAC,OAAO;IACN,SAAS,EAAE,SAAS,GAAG;IACvB,SAAS,EAAE,SAAS,GAAG;IACvB,MAAM,EAAE,SAAS,GAAG;IACpB,YAAY,EAAE,UAAU,IAAK;IAC7B,eAAe,cAAc,CAAC,WAAW;IACzC,WAAU;cAET,aACC,qBAAC;KAAI,WAAU;gBAA8B,aAClC,oBAAC;MAAK,MAAK;MAAU,MAAM;MAAI,WAAU;OAAe;MAC7D,GAEN,qBAAC;KAAI,WAAU;gBACb,qBAAC;MAAI,WAAU;;OAA8B;OAAO,oBAAC;QAAK,MAAK;QAAU,MAAM;SAAM;;;OAAO,EAC5F,qBAAC;MAAI,WAAU;;OAA2C;OAAE,YAAY;OAAS;;OAAkB;MAC/F;KAEG,GAEC;;GACP"}

package/dist/CrossHair.cjs

@@ -1,175 +0,0 @@
-"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");
-
-//#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__ */ (0, react_jsx_runtime.jsx)(motion_react.motion.div, {
-		className: (0, classnames.default)("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: motion_react.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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: (0, classnames.default)("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__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: (0, classnames.default)("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__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: (0, classnames.default)("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__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: (0, classnames.default)("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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: (0, classnames.default)("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__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: (0, classnames.default)("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__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: (0, classnames.default)("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__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: (0, classnames.default)("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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: (0, classnames.default)("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__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: (0, classnames.default)("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__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: (0, classnames.default)("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__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: (0, classnames.default)("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
-exports.CrosshairCorners = CrosshairCorners;
-//# sourceMappingURL=CrossHair.cjs.map

package/dist/CrossHair.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CrossHair.cjs","names":["motion","anticipate"],"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/CrossHair.d.cts

@@ -1,32 +0,0 @@
-import * as react_jsx_runtime5 from "react/jsx-runtime";
-
-//#region src/CrossHair.d.ts
-type CrosshairCornersProps = {
-  size?: number;
-  spacingX?: number;
-  spacingY?: number;
-  animationDelay?: number;
-  thickness?: number;
-  animationDuration?: number;
-  variant?: "corners" | "cross" | "bordered";
-  corners?: ("top-left" | "top-right" | "bottom-left" | "bottom-right")[];
-  borders?: ("left" | "right")[];
-  className?: string;
-  moveDistance?: number;
-};
-declare const CrosshairCorners: ({
-  size,
-  spacingX,
-  animationDelay,
-  spacingY,
-  className,
-  moveDistance,
-  thickness,
-  animationDuration,
-  variant,
-  corners,
-  borders
-}: CrosshairCornersProps) => react_jsx_runtime5.JSX.Element;
-//#endregion
-export { CrosshairCorners, CrosshairCornersProps };
-//# sourceMappingURL=CrossHair.d.cts.map

package/dist/CrossHair.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CrossHair.d.cts","names":[],"sources":["../src/CrossHair.tsx"],"sourcesContent":[],"mappings":";;;KAKY,qBAAA;;;EAAA,QAAA,CAAA,EAAA,MAAA;EAcC,cAAA,CAAA,EAAA,MAwPZ;EAxPgC,SAAA,CAAA,EAAA,MAAA;EAAA,iBAAA,CAAA,EAAA,MAAA;EAAA,OAAA,CAAA,EAAA,SAAA,GAAA,OAAA,GAAA,UAAA;EAAA,OAAA,CAAA,EAAA,CAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,CAAA,EAAA;EAAA,OAAA,CAAA,EAAA,CAAA,MAAA,GAAA,OAAA,CAAA,EAAA;EAAA,SAAA,CAAA,EAAA,MAAA;EAAA,YAAA,CAAA,EAAA,MAAA;CAAA;AAAA,cAApB,gBAAoB,EAAA,CAAA;EAAA,IAAA;EAAA,QAAA;EAAA,cAAA;EAAA,QAAA;EAAA,SAAA;EAAA,YAAA;EAAA,SAAA;EAAA,iBAAA;EAAA,OAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAY9B,qBAZ8B,EAAA,GAYT,kBAAA,CAAA,GAAA,CAAA,OAZS"}

package/dist/CrossHair.d.mts

@@ -1,32 +0,0 @@
-import * as react_jsx_runtime98 from "react/jsx-runtime";
-
-//#region src/CrossHair.d.ts
-type CrosshairCornersProps = {
-  size?: number;
-  spacingX?: number;
-  spacingY?: number;
-  animationDelay?: number;
-  thickness?: number;
-  animationDuration?: number;
-  variant?: "corners" | "cross" | "bordered";
-  corners?: ("top-left" | "top-right" | "bottom-left" | "bottom-right")[];
-  borders?: ("left" | "right")[];
-  className?: string;
-  moveDistance?: number;
-};
-declare const CrosshairCorners: ({
-  size,
-  spacingX,
-  animationDelay,
-  spacingY,
-  className,
-  moveDistance,
-  thickness,
-  animationDuration,
-  variant,
-  corners,
-  borders
-}: CrosshairCornersProps) => react_jsx_runtime98.JSX.Element;
-//#endregion
-export { CrosshairCorners, CrosshairCornersProps };
-//# sourceMappingURL=CrossHair.d.mts.map

package/dist/CrossHair.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CrossHair.d.mts","names":[],"sources":["../src/CrossHair.tsx"],"sourcesContent":[],"mappings":";;;KAKY,qBAAA;;;EAAA,QAAA,CAAA,EAAA,MAAA;EAcC,cAAA,CAAA,EAAA,MAwPZ;EAxPgC,SAAA,CAAA,EAAA,MAAA;EAAA,iBAAA,CAAA,EAAA,MAAA;EAAA,OAAA,CAAA,EAAA,SAAA,GAAA,OAAA,GAAA,UAAA;EAAA,OAAA,CAAA,EAAA,CAAA,UAAA,GAAA,WAAA,GAAA,aAAA,GAAA,cAAA,CAAA,EAAA;EAAA,OAAA,CAAA,EAAA,CAAA,MAAA,GAAA,OAAA,CAAA,EAAA;EAAA,SAAA,CAAA,EAAA,MAAA;EAAA,YAAA,CAAA,EAAA,MAAA;CAAA;AAAA,cAApB,gBAAoB,EAAA,CAAA;EAAA,IAAA;EAAA,QAAA;EAAA,cAAA;EAAA,QAAA;EAAA,SAAA;EAAA,YAAA;EAAA,SAAA;EAAA,iBAAA;EAAA,OAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAY9B,qBAZ8B,EAAA,GAYT,mBAAA,CAAA,GAAA,CAAA,OAZS"}

package/dist/CrossHair.mjs

@@ -1,173 +0,0 @@
-"use client";
-
-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

package/dist/CrossHair.mjs.map

@@ -1 +0,0 @@
-{"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

@@ -1,89 +0,0 @@
-"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