@blueshift-gg/ui-components 0.1.49 → 0.1.51

package/dist/Codeblock.js

@@ -1,99 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react$1 = require('motion/react');
-var classNames = require('classnames');
-var CrossHair = require('./CrossHair');
-var Icon = require('./Icon');
-var usehooksTs = require('usehooks-ts');
-var react = require('react');
-var easings = require('./utils/easings');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var classNames__default = /*#__PURE__*/_interopDefault(classNames);
-
-const Codeblock = ({
-  children,
-  clipboardText,
-  language,
-  animation,
-  className,
-  icon
-}) => {
-  const [_, copyToClipboard] = usehooksTs.useCopyToClipboard();
-  const [isCopied, setIsCopied] = react.useState(false);
-  const handleCopy = () => {
-    copyToClipboard(clipboardText);
-    setIsCopied(true);
-    setTimeout(() => {
-      setIsCopied(false);
-    }, 2e3);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    react$1.motion.div,
-    {
-      className: classNames__default.default(
-        "relative bg-card-foreground w-full flex flex-col gap-y-4 gradient-border before:bg-card-border pt-3 pb-4",
-        language === "rust" && "text-brand-rust",
-        language === "typescript" && "text-brand-typescript",
-        language === "assembly" && "text-brand-assembly",
-        language && language !== "rust" && language !== "typescript" && language !== "assembly" && "text-brand-primary",
-        className
-      ),
-      ...animation,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(react$1.motion.div, { className: "px-3.5 py-2 bg-current/5 border border-current/15 flex items-center justify-between relative", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            CrossHair.CrosshairCorners,
-            {
-              animationDelay: 0,
-              animationDuration: 0.5,
-              variant: "bordered",
-              size: 6,
-              spacingX: 1
-            }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-x-2", children: [
-            icon && /* @__PURE__ */ jsxRuntime.jsx(
-              Icon.Icon,
-              {
-                name: icon.name,
-                className: classNames__default.default(
-                  "flex-shrink-0 text-current",
-                  icon.className
-                ),
-                size: icon.size || 16
-              }
-            ),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-mono text-sm", children: language })
-          ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              onClick: () => handleCopy(),
-              className: "w-[16px] h-[16px] text-shade-secondary hover:text-shade-primary relative z-10",
-              children: /* @__PURE__ */ jsxRuntime.jsx(react$1.AnimatePresence, { mode: "popLayout", children: /* @__PURE__ */ jsxRuntime.jsx(
-                react$1.motion.div,
-                {
-                  initial: { opacity: 0, filter: "blur(4px)", scale: 0.4 },
-                  animate: { opacity: 1, filter: "blur(0px)", scale: 1 },
-                  exit: { opacity: 0, filter: "blur(4px)", scale: 0.4 },
-                  transition: { duration: 0.2, ease: easings.silk },
-                  children: isCopied ? /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { name: "Success", size: 16 }) : /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { name: "Copy", size: 16 })
-                },
-                isCopied ? "copied" : "copy"
-              ) })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inset-0 absolute bg-gradient-to-b from-current/8 via-transparent to-transparent pointer-events-none" }),
-        children
-      ]
-    }
-  );
-};
-
-exports.Codeblock = Codeblock;
-//# sourceMappingURL=Codeblock.js.map
-//# sourceMappingURL=Codeblock.js.map

package/dist/Codeblock.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Codeblock.tsx"],"names":["useCopyToClipboard","useState","jsxs","motion","classNames","jsx","CrosshairCorners","Icon","AnimatePresence","silk"],"mappings":"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","file":"Codeblock.js","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 { useState } from \"react\";\nimport { silk } from \"./utils/easings\";\n\nexport type CodeblockProps = {\n  children: React.ReactNode;\n  clipboardText: string;\n  icon?: IconProps;\n  language: \"rust\" | \"typescript\" | \"assembly\" | string;\n  animation?: MotionProps;\n  className?: string;\n};\n\nexport const Codeblock = ({\n  children,\n  clipboardText,\n  language,\n  animation,\n  className,\n  icon,\n}: CodeblockProps) => {\n  const [_, copyToClipboard] = useCopyToClipboard();\n  const [isCopied, setIsCopied] = useState(false);\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 &&\n          language !== \"rust\" &&\n          language !== \"typescript\" &&\n          language !== \"assembly\" &&\n          \"text-brand-primary\",\n        className,\n      )}\n      {...animation}\n    >\n      <motion.div className=\"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        <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      </motion.div>\n      <div className=\"inset-0 absolute bg-gradient-to-b from-current/8 via-transparent to-transparent pointer-events-none\"></div>\n      {children}\n    </motion.div>\n  );\n};\n"]}

package/dist/CrossHair.d.ts

@@ -1,18 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-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_runtime.JSX.Element;
-
-export { CrosshairCorners, type CrosshairCornersProps };

package/dist/CrossHair.js

@@ -1,267 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var classNames = require('classnames');
-var react = require('motion/react');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var classNames__default = /*#__PURE__*/_interopDefault(classNames);
-
-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__ */ jsxRuntime.jsx(
-    react.motion.div,
-    {
-      className: classNames__default.default(
-        "absolute w-full h-full inset-0 will-change-opacity pointer-events-none",
-        className
-      ),
-      initial: { opacity: 0, scale: 0.99 },
-      animate: {
-        opacity: [0, 1, 0.2, 1, 0.4, 1, 0.6, 1, 0.8, 1],
-        scale: [0.99, 1, 0.99, 1, 1, 1]
-      },
-      transition: {
-        duration: animationDuration,
-        ease: 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" ? (
-        /* Cross/Plus Pattern in Corners */
-        /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: classNames__default.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__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: classNames__default.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__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: classNames__default.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__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: classNames__default.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" ? (
-        /* Corner Pattern with Left and Right Borders */
-        /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: classNames__default.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__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: classNames__default.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__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: classNames__default.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__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: classNames__default.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: classNames__default.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__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: classNames__default.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__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: classNames__default.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__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: classNames__default.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)`
-              }
-            }
-          )
-        ] })
-      )
-    }
-  );
-};
-
-exports.CrosshairCorners = CrosshairCorners;
-//# sourceMappingURL=CrossHair.js.map
-//# sourceMappingURL=CrossHair.js.map

package/dist/CrossHair.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/CrossHair.tsx"],"names":["jsx","motion","classNames","anticipate","jsxs","Fragment"],"mappings":"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","file":"CrossHair.js","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"]}

package/dist/DecryptText.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/DecryptText.tsx"],"names":["useState","useEffect","isExiting","jsxs","motion","classNames","jsx"],"mappings":"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","file":"DecryptText.js","sourcesContent":["\"use client\";\n\nimport { 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 {\n      // When not hovering, immediately show the original text without animation\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/Difficulty.d.ts

@@ -1,10 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { courseDifficulty } from './utils/colours.js';
-import { a as IconProps } from './Icon-CuvV8l9m.js';
-
-interface DifficultyProps extends Omit<IconProps, "name"> {
-    difficulties?: Array<keyof typeof courseDifficulty>;
-}
-declare const Difficulty: ({ className, size, difficulties, }: DifficultyProps) => react_jsx_runtime.JSX.Element;
-
-export { Difficulty, type DifficultyProps };