@vadimcomanescu/nadicode-design-system 2.0.0

package/dist/chunk-SR5U52V3.js

@@ -0,0 +1,43 @@
+import { useAnimatedIcon } from './chunk-ASKFAYYR.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { useAnimation, motion } from 'motion/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var PATH_VARIANTS = {
+  normal: { pathLength: 1, opacity: 1 },
+  animate: {
+    pathLength: [0, 1],
+    opacity: [0, 1],
+    transition: { duration: 0.4, ease: "linear", opacity: { duration: 0.1 } }
+  }
+};
+var SECOND_PATH_VARIANTS = {
+  normal: { pathLength: 1, opacity: 1 },
+  animate: {
+    pathLength: [0, 1],
+    opacity: [0, 1],
+    transition: { duration: 0.4, delay: 0.1, ease: "linear", opacity: { duration: 0.1, delay: 0.1 } }
+  }
+};
+function ArrowDownIcon({
+  onMouseEnter,
+  onMouseLeave,
+  className,
+  size = 28,
+  ref,
+  ...props
+}) {
+  const controls = useAnimation();
+  const { handleMouseEnter, handleMouseLeave } = useAnimatedIcon(ref, {
+    onMouseEnter,
+    onMouseLeave,
+    animate: () => controls.start("animate"),
+    reset: () => controls.start("normal")
+  });
+  return /* @__PURE__ */ jsx("div", { className: cn(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, children: /* @__PURE__ */ jsxs("svg", { fill: "none", height: size, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", viewBox: "0 0 24 24", width: size, xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "M12 5v14", initial: "normal", variants: PATH_VARIANTS }),
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "m19 12-7 7-7-7", initial: "normal", variants: SECOND_PATH_VARIANTS })
+  ] }) });
+}
+
+export { ArrowDownIcon };

package/dist/chunk-SV3KZ6CB.js

@@ -0,0 +1,136 @@
+import { m } from './chunk-PD2YEH3H.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { useReducedMotion, useMotionValue, useMotionTemplate } from 'motion/react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function MouseGlow({
+  className,
+  dotColor = "rgba(255, 255, 255, 0.5)",
+  overlayColor = "rgba(232, 160, 32, 0.95)",
+  gap = 24,
+  maskRadius = 300,
+  overlayRadius = 260
+}) {
+  const containerRef = React.useRef(null);
+  const overlayRef = React.useRef(null);
+  const [mounted, setMounted] = React.useState(false);
+  React.useEffect(() => {
+    setMounted(true);
+    const handleMouseMove = (e) => {
+      const x = e.clientX;
+      const y = e.clientY;
+      if (containerRef.current) {
+        containerRef.current.style.opacity = "1";
+        containerRef.current.style.setProperty("--mx", `${x}px`);
+        containerRef.current.style.setProperty("--my", `${y}px`);
+      }
+      if (overlayRef.current) {
+        overlayRef.current.style.setProperty("--mx", `${x}px`);
+        overlayRef.current.style.setProperty("--my", `${y}px`);
+      }
+    };
+    const handleMouseOut = () => {
+      if (containerRef.current) {
+        containerRef.current.style.opacity = "0";
+      }
+    };
+    window.addEventListener("mousemove", handleMouseMove, { passive: true });
+    window.addEventListener("mouseout", handleMouseOut, { passive: true });
+    window.addEventListener("mouseleave", handleMouseOut, { passive: true });
+    return () => {
+      setMounted(false);
+      window.removeEventListener("mousemove", handleMouseMove);
+      window.removeEventListener("mouseout", handleMouseOut);
+      window.removeEventListener("mouseleave", handleMouseOut);
+    };
+  }, []);
+  const gapPx = `${gap}px`;
+  const element = /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: cn("pointer-events-none fixed inset-0 z-0 transition-opacity duration-moderate ease-out", className),
+      style: {
+        width: "100vw",
+        height: "100vh",
+        opacity: 0,
+        maskImage: `radial-gradient(circle ${maskRadius}px at var(--mx, -9999px) var(--my, -9999px), black 0%, transparent 100%)`,
+        WebkitMaskImage: `radial-gradient(circle ${maskRadius}px at var(--mx, -9999px) var(--my, -9999px), black 0%, transparent 100%)`
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            style: {
+              position: "absolute",
+              inset: 0,
+              backgroundImage: `radial-gradient(${dotColor} 1px, transparent 0)`,
+              backgroundSize: `${gapPx} ${gapPx}`,
+              backgroundRepeat: "repeat"
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            ref: overlayRef,
+            style: {
+              position: "absolute",
+              inset: 0,
+              backgroundImage: `radial-gradient(${overlayColor} 1px, transparent 0)`,
+              backgroundSize: `${gapPx} ${gapPx}`,
+              backgroundRepeat: "repeat",
+              maskImage: `radial-gradient(circle ${overlayRadius}px at var(--mx, -9999px) var(--my, -9999px), black 0%, transparent 100%)`,
+              WebkitMaskImage: `radial-gradient(circle ${overlayRadius}px at var(--mx, -9999px) var(--my, -9999px), black 0%, transparent 100%)`
+            }
+          }
+        )
+      ]
+    }
+  );
+  if (typeof document !== "undefined" && mounted) {
+    return createPortal(element, document.body);
+  }
+  return element;
+}
+function MouseSpotlight({ children, className, color = "rgba(255,255,255,0.06)", size = 250, ref }) {
+  const prefersReduced = useReducedMotion();
+  const mouseX = useMotionValue(0);
+  const mouseY = useMotionValue(0);
+  const handleMouseMove = React.useCallback(
+    (e) => {
+      if (prefersReduced) return;
+      const rect = e.currentTarget.getBoundingClientRect();
+      mouseX.set(e.clientX - rect.left);
+      mouseY.set(e.clientY - rect.top);
+    },
+    [prefersReduced, mouseX, mouseY]
+  );
+  const bgImage = useMotionTemplate`radial-gradient(
+    ${size}px circle at ${mouseX}px ${mouseY}px,
+    ${color},
+    transparent 80%
+  )`;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      onMouseMove: handleMouseMove,
+      className: cn("group relative", className),
+      children: [
+        !prefersReduced && /* @__PURE__ */ jsx(
+          m.div,
+          {
+            className: "pointer-events-none absolute -inset-px rounded-xl opacity-0 transition duration-300 group-hover:opacity-100",
+            style: { background: bgImage }
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+
+export { MouseGlow, MouseSpotlight };

package/dist/chunk-SW6QPJM4.js

@@ -0,0 +1,79 @@
+import { useAnimatedIcon } from './chunk-ASKFAYYR.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { useAnimation, motion } from 'motion/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var DEFAULT_TRANSITION = {
+  type: "spring",
+  stiffness: 250,
+  damping: 25
+};
+function ChevronsUpDownIcon({
+  onMouseEnter,
+  onMouseLeave,
+  className,
+  size = 28,
+  ref,
+  ...props
+}) {
+  const controls = useAnimation();
+  const { handleMouseEnter, handleMouseLeave } = useAnimatedIcon(ref, {
+    onMouseEnter,
+    onMouseLeave,
+    animate: () => controls.start("animate"),
+    reset: () => controls.start("normal")
+  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(className),
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      ...props,
+      children: /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          fill: "none",
+          height: size,
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "2",
+          viewBox: "0 0 24 24",
+          width: size,
+          xmlns: "http://www.w3.org/2000/svg",
+          children: [
+            /* @__PURE__ */ jsx(
+              motion.path,
+              {
+                animate: controls,
+                d: "m7 15 5 5 5-5",
+                initial: "normal",
+                transition: DEFAULT_TRANSITION,
+                variants: {
+                  normal: { translateY: "0%" },
+                  animate: { translateY: "2px" }
+                }
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              motion.path,
+              {
+                animate: controls,
+                d: "m7 9 5-5 5 5",
+                initial: "normal",
+                transition: DEFAULT_TRANSITION,
+                variants: {
+                  normal: { translateY: "0%" },
+                  animate: { translateY: "-2px" }
+                }
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+
+export { ChevronsUpDownIcon };

package/dist/chunk-SXHYB7JB.js

@@ -0,0 +1,36 @@
+import { useAnimatedIcon } from './chunk-ASKFAYYR.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { useAnimation, motion } from 'motion/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var PATH_VARIANTS = {
+  normal: { pathLength: 1, opacity: 1 },
+  animate: {
+    pathLength: [0, 1],
+    opacity: [0, 1],
+    transition: { duration: 0.5, ease: "linear", opacity: { duration: 0.1 } }
+  }
+};
+function AlertTriangleIcon({
+  onMouseEnter,
+  onMouseLeave,
+  className,
+  size = 28,
+  ref,
+  ...props
+}) {
+  const controls = useAnimation();
+  const { handleMouseEnter, handleMouseLeave } = useAnimatedIcon(ref, {
+    onMouseEnter,
+    onMouseLeave,
+    animate: () => controls.start("animate"),
+    reset: () => controls.start("normal")
+  });
+  return /* @__PURE__ */ jsx("div", { className: cn(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, children: /* @__PURE__ */ jsxs("svg", { fill: "none", height: size, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", viewBox: "0 0 24 24", width: size, xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3", initial: "normal", variants: PATH_VARIANTS }),
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "M12 9v4", initial: "normal", variants: { normal: { pathLength: 1, opacity: 1 }, animate: { pathLength: [0, 1], opacity: [0, 1], transition: { duration: 0.3, delay: 0.3 } } } }),
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "M12 17h.01", initial: "normal", variants: { normal: { pathLength: 1, opacity: 1 }, animate: { pathLength: [0, 1], opacity: [0, 1], transition: { duration: 0.2, delay: 0.5 } } } })
+  ] }) });
+}
+
+export { AlertTriangleIcon };

package/dist/chunk-T5LXQNIP.js

@@ -0,0 +1,177 @@
+import { Button } from './chunk-7KIDDF3I.js';
+import { motionSpring, useMotionConfig, m } from './chunk-PD2YEH3H.js';
+import { CheckIcon } from './chunk-CXACRCZ4.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as React from 'react';
+import { useTranslations } from 'next-intl';
+import { AnimatePresence } from 'motion/react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var STEP_TRANSITION = {
+  slideDistance: 20,
+  spring: motionSpring.snappy
+};
+var formWizardVariants = cva(
+  "flex flex-col",
+  {
+    variants: {
+      variant: {
+        default: "",
+        card: "glass-panel rounded-xl border border-border p-6"
+      },
+      size: {
+        sm: "gap-4",
+        default: "gap-6",
+        lg: "gap-8"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var stepIndicatorVariants = cva(
+  "flex h-8 w-8 items-center justify-center rounded-full text-xs font-semibold transition-colors border-2",
+  {
+    variants: {
+      state: {
+        pending: "border-border bg-surface text-text-tertiary",
+        active: "border-accent bg-accent/10 text-accent",
+        complete: "border-success bg-success text-success-foreground"
+      }
+    },
+    defaultVariants: {
+      state: "pending"
+    }
+  }
+);
+function FormWizard({
+  className,
+  variant,
+  size,
+  steps,
+  activeStep: controlledStep,
+  onStepChange,
+  onComplete,
+  nextLabel,
+  backLabel,
+  completeLabel,
+  ref,
+  ...props
+}) {
+  const t = useTranslations("components.formWizard");
+  const resolvedNextLabel = nextLabel ?? t("next");
+  const resolvedBackLabel = backLabel ?? t("back");
+  const resolvedCompleteLabel = completeLabel ?? t("complete");
+  const motionConfig = useMotionConfig();
+  const [internalStep, setInternalStep] = React.useState(0);
+  const [direction, setDirection] = React.useState(0);
+  const currentStep = controlledStep ?? internalStep;
+  const prevStepRef = React.useRef(currentStep);
+  React.useEffect(() => {
+    prevStepRef.current = currentStep;
+  }, [currentStep]);
+  const goTo = (step) => {
+    if (onStepChange) {
+      onStepChange(step);
+    } else {
+      setInternalStep(step);
+    }
+  };
+  const handleNext = () => {
+    const step = steps[currentStep];
+    if (step.validate && !step.validate()) return;
+    if (currentStep < steps.length - 1) {
+      setDirection(1);
+      goTo(currentStep + 1);
+    } else {
+      onComplete?.();
+    }
+  };
+  const handleBack = () => {
+    if (currentStep > 0) {
+      setDirection(-1);
+      goTo(currentStep - 1);
+    }
+  };
+  const isLastStep = currentStep === steps.length - 1;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(formWizardVariants({ variant, size }), className),
+      role: "group",
+      "aria-label": t("formWizard"),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("nav", { "aria-label": t("wizardSteps"), className: "flex items-center gap-2", children: steps.map((step, index) => {
+          const state = index < currentStep ? "complete" : index === currentStep ? "active" : "pending";
+          return /* @__PURE__ */ jsxs(React.Fragment, { children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: cn(stepIndicatorVariants({ state }), "touch-target-44"),
+                  "aria-current": state === "active" ? "step" : void 0,
+                  children: state === "complete" ? /* @__PURE__ */ jsx(CheckIcon, { size: 14 }) : index + 1
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "hidden sm:block", children: [
+                /* @__PURE__ */ jsx(
+                  "p",
+                  {
+                    id: `wizard-step-${step.id}`,
+                    className: cn(
+                      "text-sm font-medium",
+                      state === "active" ? "text-text-primary" : "text-text-tertiary"
+                    ),
+                    children: step.title
+                  }
+                ),
+                step.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-text-tertiary", children: step.description })
+              ] })
+            ] }),
+            index < steps.length - 1 && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  "h-px flex-1 transition-colors",
+                  index < currentStep ? "bg-success" : "bg-border"
+                ),
+                "aria-hidden": "true"
+              }
+            )
+          ] }, step.id);
+        }) }),
+        /* @__PURE__ */ jsx("div", { className: "min-h-[120px]", role: "region", "aria-labelledby": `wizard-step-${steps[currentStep]?.id}`, children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", initial: false, children: /* @__PURE__ */ jsx(
+          m.div,
+          {
+            initial: { opacity: 0, x: direction * STEP_TRANSITION.slideDistance },
+            animate: { opacity: 1, x: 0 },
+            exit: { opacity: 0, x: -direction * STEP_TRANSITION.slideDistance },
+            transition: { ...STEP_TRANSITION.spring, ...motionConfig },
+            children: steps[currentStep]?.content
+          },
+          currentStep
+        ) }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between pt-2 border-t border-border", children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "ghost",
+              onClick: handleBack,
+              disabled: currentStep === 0,
+              children: resolvedBackLabel
+            }
+          ),
+          /* @__PURE__ */ jsx("div", { className: "text-xs text-text-tertiary", children: t("stepOfTotal", { step: currentStep + 1, total: steps.length }) }),
+          /* @__PURE__ */ jsx(Button, { onClick: handleNext, children: isLastStep ? resolvedCompleteLabel : resolvedNextLabel })
+        ] })
+      ]
+    }
+  );
+}
+
+export { FormWizard, formWizardVariants };

package/dist/chunk-T6BRD7TS.js

@@ -0,0 +1,44 @@
+import { useAnimatedIcon } from './chunk-ASKFAYYR.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { useAnimation, motion } from 'motion/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function SearchIcon({
+  onMouseEnter,
+  onMouseLeave,
+  className,
+  size = 28,
+  ref,
+  ...props
+}) {
+  const controls = useAnimation();
+  const { handleMouseEnter, handleMouseLeave } = useAnimatedIcon(ref, {
+    onMouseEnter,
+    onMouseLeave,
+    animate: () => controls.start("animate"),
+    reset: () => controls.start("normal")
+  });
+  return /* @__PURE__ */ jsx("div", { className: cn(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, children: /* @__PURE__ */ jsxs(
+    motion.svg,
+    {
+      animate: controls,
+      fill: "none",
+      height: size,
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "2",
+      transition: { duration: 1, bounce: 0.3 },
+      variants: { normal: { x: 0, y: 0 }, animate: { x: [0, 0, -3, 0], y: [0, -4, 0, 0] } },
+      viewBox: "0 0 24 24",
+      width: size,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
+        /* @__PURE__ */ jsx("path", { d: "m21 21-4.3-4.3" })
+      ]
+    }
+  ) });
+}
+
+export { SearchIcon };

package/dist/chunk-T7H53CK2.js

@@ -0,0 +1,83 @@
+import { useAnimatedIcon } from './chunk-ASKFAYYR.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { useAnimation, motion } from 'motion/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var PATH_VARIANTS = {
+  normal: { d: "M5 12h14" },
+  animate: {
+    d: ["M5 12h14", "M5 12h9", "M5 12h14"],
+    transition: {
+      duration: 0.4
+    }
+  }
+};
+var SECONDARY_PATH_VARIANTS = {
+  normal: { d: "m12 5 7 7-7 7", translateX: 0 },
+  animate: {
+    d: "m12 5 7 7-7 7",
+    translateX: [0, -3, 0],
+    transition: {
+      duration: 0.4
+    }
+  }
+};
+function ArrowRightIcon({
+  onMouseEnter,
+  onMouseLeave,
+  className,
+  size = 28,
+  ref,
+  ...props
+}) {
+  const controls = useAnimation();
+  const { handleMouseEnter, handleMouseLeave } = useAnimatedIcon(ref, {
+    onMouseEnter,
+    onMouseLeave,
+    animate: () => controls.start("animate"),
+    reset: () => controls.start("normal")
+  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(className),
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      ...props,
+      children: /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          fill: "none",
+          height: size,
+          stroke: "currentColor",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "2",
+          viewBox: "0 0 24 24",
+          width: size,
+          xmlns: "http://www.w3.org/2000/svg",
+          children: [
+            /* @__PURE__ */ jsx(
+              motion.path,
+              {
+                animate: controls,
+                d: "M5 12h14",
+                variants: PATH_VARIANTS
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              motion.path,
+              {
+                animate: controls,
+                d: "m12 5 7 7-7 7",
+                variants: SECONDARY_PATH_VARIANTS
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+
+export { ArrowRightIcon };

package/dist/chunk-TBKJ34BB.js

@@ -0,0 +1,43 @@
+import { useAnimatedIcon } from './chunk-ASKFAYYR.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { useAnimation, motion } from 'motion/react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var PATH_VARIANTS = {
+  normal: { pathLength: 1, opacity: 1 },
+  animate: {
+    pathLength: [0, 1],
+    opacity: [0, 1],
+    transition: { duration: 0.4, ease: "linear", opacity: { duration: 0.1 } }
+  }
+};
+var PATH2_VARIANTS = {
+  normal: { pathLength: 1, opacity: 1 },
+  animate: {
+    pathLength: [0, 1],
+    opacity: [0, 1],
+    transition: { duration: 0.4, delay: 0.2, ease: "linear", opacity: { duration: 0.1, delay: 0.2 } }
+  }
+};
+function LinkIcon({
+  onMouseEnter,
+  onMouseLeave,
+  className,
+  size = 28,
+  ref,
+  ...props
+}) {
+  const controls = useAnimation();
+  const { handleMouseEnter, handleMouseLeave } = useAnimatedIcon(ref, {
+    onMouseEnter,
+    onMouseLeave,
+    animate: () => controls.start("animate"),
+    reset: () => controls.start("normal")
+  });
+  return /* @__PURE__ */ jsx("div", { className: cn(className), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ...props, children: /* @__PURE__ */ jsxs("svg", { fill: "none", height: size, stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", viewBox: "0 0 24 24", width: size, xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", initial: "normal", variants: PATH_VARIANTS }),
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", initial: "normal", variants: PATH2_VARIANTS })
+  ] }) });
+}
+
+export { LinkIcon };