@blueshift-gg/ui-components 0.1.0

package/dist/CrossHair.mjs

@@ -0,0 +1,263 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import classNames from 'classnames';
+import { motion, anticipate } from 'motion/react';
+
+const CrosshairCorners = ({
+  size = 10,
+  spacingX = 0,
+  animationDelay = 2.5,
+  spacingY = 0,
+  className = "",
+  moveDistance = 5,
+  thickness,
+  animationDuration = 2.15,
+  key,
+  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",
+        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)`
+              }
+            }
+          )
+        ] })
+      )
+    },
+    key || null
+  );
+};
+
+export { CrosshairCorners };
+//# sourceMappingURL=CrossHair.mjs.map
+//# sourceMappingURL=CrossHair.mjs.map

package/dist/CrossHair.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/CrossHair.tsx"],"names":[],"mappings":"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","file":"CrossHair.mjs","sourcesContent":["import 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  key?: string;\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  key,\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      key={key || null}\n      className={classNames(\n        \"absolute w-full h-full inset-0 will-change-opacity\",\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"]}

package/dist/DecryptText.d.mts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface DecryptedTextProps {
+    text: string;
+    speed?: number;
+    className?: string;
+    encryptedClassName?: string;
+    parentClassName?: string;
+    isHovering?: boolean;
+}
+declare function DecryptedText({ text, speed, className, parentClassName, encryptedClassName, isHovering, }: DecryptedTextProps): react_jsx_runtime.JSX.Element;
+
+export { DecryptedText as default };

package/dist/DecryptText.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface DecryptedTextProps {
+    text: string;
+    speed?: number;
+    className?: string;
+    encryptedClassName?: string;
+    parentClassName?: string;
+    isHovering?: boolean;
+}
+declare function DecryptedText({ text, speed, className, parentClassName, encryptedClassName, isHovering, }: DecryptedTextProps): react_jsx_runtime.JSX.Element;
+
+export { DecryptedText as default };

package/dist/DecryptText.js

@@ -0,0 +1,123 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var react$1 = require('motion/react');
+var classNames = require('classnames');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+
+function DecryptedText({
+  text,
+  speed = 20,
+  className = "",
+  parentClassName = "",
+  encryptedClassName = "",
+  isHovering = false
+}) {
+  const [displayText, setDisplayText] = react.useState(text);
+  const [isScrambling, setIsScrambling] = react.useState(false);
+  const [revealedIndices, setRevealedIndices] = react.useState(
+    /* @__PURE__ */ new Set()
+  );
+  const [isExiting, setIsExiting] = react.useState(false);
+  react.useEffect(() => {
+    let interval;
+    const shuffleText = (currentRevealed, isExiting2 = false) => {
+      const positions = text.split("").map((char, i) => ({
+        char,
+        isSpace: char === " ",
+        index: i,
+        isRevealed: isExiting2 ? !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 if (revealedIndices.size > 0) {
+      setIsExiting(true);
+      setIsScrambling(true);
+      interval = setInterval(() => {
+        setRevealedIndices((prevRevealed) => {
+          if (prevRevealed.size > 0) {
+            const newRevealed = new Set(prevRevealed);
+            newRevealed.delete(prevRevealed.size - 1);
+            setDisplayText(shuffleText(newRevealed, true));
+            return newRevealed;
+          } else {
+            clearInterval(interval);
+            setIsScrambling(false);
+            setIsExiting(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__ */ jsxRuntime.jsxs(
+    react$1.motion.span,
+    {
+      className: classNames__default.default(
+        "inline-block whitespace-pre-wrap",
+        parentClassName
+      ),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: displayText }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "inline-flex tracking-tight", children: displayText.split("").map((char, index) => {
+          const isRevealedOrDone = (isExiting ? !revealedIndices.has(index) : revealedIndices.has(index)) || !isScrambling || !isHovering && !isExiting;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: isRevealedOrDone ? className : encryptedClassName,
+              children: char
+            },
+            index
+          );
+        }) })
+      ]
+    }
+  );
+}
+
+module.exports = DecryptedText;
+//# sourceMappingURL=DecryptText.js.map
+//# sourceMappingURL=DecryptText.js.map

package/dist/DecryptText.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/DecryptText.tsx"],"names":["useState","useEffect","isExiting","jsxs","motion","classNames","jsx"],"mappings":"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","file":"DecryptText.js","sourcesContent":["import { useEffect, useState } from \"react\";\nimport { motion } from \"motion/react\";\nimport classNames from \"classnames\";\n\ninterface DecryptedTextProps {\n  text: string;\n  speed?: number;\n  className?: string;\n  encryptedClassName?: string;\n  parentClassName?: string;\n  isHovering?: boolean;\n}\n\nexport default function DecryptedText({\n  text,\n  speed = 20,\n  className = \"\",\n  parentClassName = \"\",\n  encryptedClassName = \"\",\n  isHovering = false,\n}: DecryptedTextProps) {\n  const [displayText, setDisplayText] = useState<string>(text);\n  const [isScrambling, setIsScrambling] = useState<boolean>(false);\n  const [revealedIndices, setRevealedIndices] = useState<Set<number>>(\n    new Set()\n  );\n  const [isExiting, setIsExiting] = useState<boolean>(false);\n\n  useEffect(() => {\n    let interval: NodeJS.Timeout;\n\n    const shuffleText = (\n      currentRevealed: Set<number>,\n      isExiting: boolean = false\n    ): string => {\n      const positions = text.split(\"\").map((char, i) => ({\n        char,\n        isSpace: char === \" \",\n        index: i,\n        isRevealed: isExiting\n          ? !currentRevealed.has(i)\n          : currentRevealed.has(i),\n      }));\n\n      const nonSpaceChars = positions\n        .filter((p) => !p.isSpace && !p.isRevealed)\n        .map((p) => p.char);\n\n      for (let i = nonSpaceChars.length - 1; i > 0; i--) {\n        const j = Math.floor(Math.random() * (i + 1));\n        [nonSpaceChars[i], nonSpaceChars[j]] = [\n          nonSpaceChars[j],\n          nonSpaceChars[i],\n        ];\n      }\n\n      let charIndex = 0;\n      return positions\n        .map((p) => {\n          if (p.isSpace) return \" \";\n          if (p.isRevealed) return text[p.index];\n          return nonSpaceChars[charIndex++];\n        })\n        .join(\"\");\n    };\n\n    if (isHovering) {\n      setIsExiting(false);\n      setIsScrambling(true);\n      interval = setInterval(() => {\n        setRevealedIndices((prevRevealed) => {\n          if (prevRevealed.size < text.length) {\n            const nextIndex = prevRevealed.size;\n            const newRevealed = new Set(prevRevealed);\n            newRevealed.add(nextIndex);\n            setDisplayText(shuffleText(newRevealed));\n            return newRevealed;\n          } else {\n            clearInterval(interval);\n            setIsScrambling(false);\n            return prevRevealed;\n          }\n        });\n      }, speed);\n    } else if (revealedIndices.size > 0) {\n      setIsExiting(true);\n      setIsScrambling(true);\n      interval = setInterval(() => {\n        setRevealedIndices((prevRevealed) => {\n          if (prevRevealed.size > 0) {\n            const newRevealed = new Set(prevRevealed);\n            newRevealed.delete(prevRevealed.size - 1);\n            setDisplayText(shuffleText(newRevealed, true));\n            return newRevealed;\n          } else {\n            clearInterval(interval);\n            setIsScrambling(false);\n            setIsExiting(false);\n            return prevRevealed;\n          }\n        });\n      }, speed);\n    } else {\n      setDisplayText(text);\n      setRevealedIndices(new Set());\n      setIsScrambling(false);\n      setIsExiting(false);\n    }\n\n    return () => {\n      if (interval) clearInterval(interval);\n    };\n  }, [isHovering, text, speed]);\n\n  return (\n    <motion.span\n      className={classNames(\n        \"inline-block whitespace-pre-wrap\",\n        parentClassName\n      )}\n    >\n      <span className=\"sr-only\">{displayText}</span>\n\n      <span aria-hidden=\"true\" className=\"inline-flex tracking-tight\">\n        {displayText.split(\"\").map((char, index) => {\n          const isRevealedOrDone =\n            (isExiting\n              ? !revealedIndices.has(index)\n              : revealedIndices.has(index)) ||\n            !isScrambling ||\n            (!isHovering && !isExiting);\n\n          return (\n            <span\n              key={index}\n              className={isRevealedOrDone ? className : encryptedClassName}\n            >\n              {char}\n            </span>\n          );\n        })}\n      </span>\n    </motion.span>\n  );\n}\n"]}

package/dist/DecryptText.mjs

@@ -0,0 +1,117 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useEffect } from 'react';
+import { motion } from 'motion/react';
+import classNames from 'classnames';
+
+function DecryptedText({
+  text,
+  speed = 20,
+  className = "",
+  parentClassName = "",
+  encryptedClassName = "",
+  isHovering = false
+}) {
+  const [displayText, setDisplayText] = useState(text);
+  const [isScrambling, setIsScrambling] = useState(false);
+  const [revealedIndices, setRevealedIndices] = useState(
+    /* @__PURE__ */ new Set()
+  );
+  const [isExiting, setIsExiting] = useState(false);
+  useEffect(() => {
+    let interval;
+    const shuffleText = (currentRevealed, isExiting2 = false) => {
+      const positions = text.split("").map((char, i) => ({
+        char,
+        isSpace: char === " ",
+        index: i,
+        isRevealed: isExiting2 ? !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 if (revealedIndices.size > 0) {
+      setIsExiting(true);
+      setIsScrambling(true);
+      interval = setInterval(() => {
+        setRevealedIndices((prevRevealed) => {
+          if (prevRevealed.size > 0) {
+            const newRevealed = new Set(prevRevealed);
+            newRevealed.delete(prevRevealed.size - 1);
+            setDisplayText(shuffleText(newRevealed, true));
+            return newRevealed;
+          } else {
+            clearInterval(interval);
+            setIsScrambling(false);
+            setIsExiting(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__ */ jsxs(
+    motion.span,
+    {
+      className: classNames(
+        "inline-block whitespace-pre-wrap",
+        parentClassName
+      ),
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: displayText }),
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "inline-flex tracking-tight", children: displayText.split("").map((char, index) => {
+          const isRevealedOrDone = (isExiting ? !revealedIndices.has(index) : revealedIndices.has(index)) || !isScrambling || !isHovering && !isExiting;
+          return /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: isRevealedOrDone ? className : encryptedClassName,
+              children: char
+            },
+            index
+          );
+        }) })
+      ]
+    }
+  );
+}
+
+export { DecryptedText as default };
+//# sourceMappingURL=DecryptText.mjs.map
+//# sourceMappingURL=DecryptText.mjs.map

package/dist/DecryptText.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/DecryptText.tsx"],"names":["isExiting"],"mappings":"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","file":"DecryptText.mjs","sourcesContent":["import { useEffect, useState } from \"react\";\nimport { motion } from \"motion/react\";\nimport classNames from \"classnames\";\n\ninterface DecryptedTextProps {\n  text: string;\n  speed?: number;\n  className?: string;\n  encryptedClassName?: string;\n  parentClassName?: string;\n  isHovering?: boolean;\n}\n\nexport default function DecryptedText({\n  text,\n  speed = 20,\n  className = \"\",\n  parentClassName = \"\",\n  encryptedClassName = \"\",\n  isHovering = false,\n}: DecryptedTextProps) {\n  const [displayText, setDisplayText] = useState<string>(text);\n  const [isScrambling, setIsScrambling] = useState<boolean>(false);\n  const [revealedIndices, setRevealedIndices] = useState<Set<number>>(\n    new Set()\n  );\n  const [isExiting, setIsExiting] = useState<boolean>(false);\n\n  useEffect(() => {\n    let interval: NodeJS.Timeout;\n\n    const shuffleText = (\n      currentRevealed: Set<number>,\n      isExiting: boolean = false\n    ): string => {\n      const positions = text.split(\"\").map((char, i) => ({\n        char,\n        isSpace: char === \" \",\n        index: i,\n        isRevealed: isExiting\n          ? !currentRevealed.has(i)\n          : currentRevealed.has(i),\n      }));\n\n      const nonSpaceChars = positions\n        .filter((p) => !p.isSpace && !p.isRevealed)\n        .map((p) => p.char);\n\n      for (let i = nonSpaceChars.length - 1; i > 0; i--) {\n        const j = Math.floor(Math.random() * (i + 1));\n        [nonSpaceChars[i], nonSpaceChars[j]] = [\n          nonSpaceChars[j],\n          nonSpaceChars[i],\n        ];\n      }\n\n      let charIndex = 0;\n      return positions\n        .map((p) => {\n          if (p.isSpace) return \" \";\n          if (p.isRevealed) return text[p.index];\n          return nonSpaceChars[charIndex++];\n        })\n        .join(\"\");\n    };\n\n    if (isHovering) {\n      setIsExiting(false);\n      setIsScrambling(true);\n      interval = setInterval(() => {\n        setRevealedIndices((prevRevealed) => {\n          if (prevRevealed.size < text.length) {\n            const nextIndex = prevRevealed.size;\n            const newRevealed = new Set(prevRevealed);\n            newRevealed.add(nextIndex);\n            setDisplayText(shuffleText(newRevealed));\n            return newRevealed;\n          } else {\n            clearInterval(interval);\n            setIsScrambling(false);\n            return prevRevealed;\n          }\n        });\n      }, speed);\n    } else if (revealedIndices.size > 0) {\n      setIsExiting(true);\n      setIsScrambling(true);\n      interval = setInterval(() => {\n        setRevealedIndices((prevRevealed) => {\n          if (prevRevealed.size > 0) {\n            const newRevealed = new Set(prevRevealed);\n            newRevealed.delete(prevRevealed.size - 1);\n            setDisplayText(shuffleText(newRevealed, true));\n            return newRevealed;\n          } else {\n            clearInterval(interval);\n            setIsScrambling(false);\n            setIsExiting(false);\n            return prevRevealed;\n          }\n        });\n      }, speed);\n    } else {\n      setDisplayText(text);\n      setRevealedIndices(new Set());\n      setIsScrambling(false);\n      setIsExiting(false);\n    }\n\n    return () => {\n      if (interval) clearInterval(interval);\n    };\n  }, [isHovering, text, speed]);\n\n  return (\n    <motion.span\n      className={classNames(\n        \"inline-block whitespace-pre-wrap\",\n        parentClassName\n      )}\n    >\n      <span className=\"sr-only\">{displayText}</span>\n\n      <span aria-hidden=\"true\" className=\"inline-flex tracking-tight\">\n        {displayText.split(\"\").map((char, index) => {\n          const isRevealedOrDone =\n            (isExiting\n              ? !revealedIndices.has(index)\n              : revealedIndices.has(index)) ||\n            !isScrambling ||\n            (!isHovering && !isExiting);\n\n          return (\n            <span\n              key={index}\n              className={isRevealedOrDone ? className : encryptedClassName}\n            >\n              {char}\n            </span>\n          );\n        })}\n      </span>\n    </motion.span>\n  );\n}\n"]}

package/dist/Divider.d.mts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type DividerProps = {
+    className?: string;
+    direction?: "horizontal" | "vertical";
+};
+declare const Divider: ({ className, direction, }: DividerProps) => react_jsx_runtime.JSX.Element;
+
+export { Divider, type DividerProps };

package/dist/Divider.d.ts

@@ -0,0 +1,9 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type DividerProps = {
+    className?: string;
+    direction?: "horizontal" | "vertical";
+};
+declare const Divider: ({ className, direction, }: DividerProps) => react_jsx_runtime.JSX.Element;
+
+export { Divider, type DividerProps };