@vadimcomanescu/nadicode-design-system 2.0.0

package/dist/chunk-6BAV4TZ5.js

@@ -0,0 +1,39 @@
+import { useAnimatedIcon } from './chunk-ASKFAYYR.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { useAnimation, motion } from 'motion/react';
+import { jsx } from 'react/jsx-runtime';
+
+var DEFAULT_TRANSITION = {
+  times: [0, 0.4, 1],
+  duration: 0.5
+};
+function ChevronUpIcon({
+  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__ */ jsx("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: "m18 15-6-6-6 6",
+      transition: DEFAULT_TRANSITION,
+      variants: {
+        normal: { y: 0 },
+        animate: { y: [0, -2, 0] }
+      }
+    }
+  ) }) });
+}
+
+export { ChevronUpIcon };

package/dist/chunk-6DYFX5IR.js

@@ -0,0 +1,44 @@
+import { m, motionSpring } from './chunk-PD2YEH3H.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as React from 'react';
+import { useReducedMotion, AnimatePresence } from 'motion/react';
+import { jsx } from 'react/jsx-runtime';
+
+function FlipWords({ words, interval = 3e3, className, ref }) {
+  const prefersReduced = useReducedMotion();
+  const [index, setIndex] = React.useState(0);
+  React.useEffect(() => {
+    if (prefersReduced || words.length <= 1) return;
+    const id = setInterval(() => {
+      setIndex((prev) => (prev + 1) % words.length);
+    }, interval);
+    return () => clearInterval(id);
+  }, [words.length, interval, prefersReduced]);
+  if (prefersReduced) {
+    return /* @__PURE__ */ jsx("span", { ref, className, children: words[0] });
+  }
+  return /* @__PURE__ */ jsx("span", { ref, className: cn("inline-block relative", className), children: /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", children: /* @__PURE__ */ jsx(
+    m.span,
+    {
+      className: "inline-block",
+      initial: { rotateX: 90, opacity: 0, filter: "blur(4px)" },
+      animate: {
+        rotateX: 0,
+        opacity: 1,
+        filter: "blur(0px)",
+        transition: motionSpring.gentle
+      },
+      exit: {
+        rotateX: -90,
+        opacity: 0,
+        filter: "blur(4px)",
+        transition: { duration: 0.2 }
+      },
+      style: { transformOrigin: "center bottom" },
+      children: words[index]
+    },
+    words[index]
+  ) }) });
+}
+
+export { FlipWords };

package/dist/chunk-6FOHUNXR.js

@@ -0,0 +1,14 @@
+import * as React from 'react';
+
+// src/lib/react-utils.ts
+function hasChildWithDisplayName(children, displayName) {
+  return React.Children.toArray(children).some((child) => {
+    if (!React.isValidElement(child) || typeof child.type === "string") {
+      return false;
+    }
+    const childType = child.type;
+    return childType.displayName === displayName;
+  });
+}
+
+export { hasChildWithDisplayName };

package/dist/chunk-6G3RRWJT.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 CIRCLE_VARIANTS = {
+  normal: { pathLength: 1, opacity: 1 },
+  animate: {
+    pathLength: [0, 1],
+    opacity: [0, 1],
+    transition: { duration: 0.5, ease: "easeInOut", opacity: { duration: 0.1 } }
+  }
+};
+var HANDS_VARIANTS = {
+  normal: { pathLength: 1, opacity: 1 },
+  animate: {
+    pathLength: [0, 1],
+    opacity: [0, 1],
+    transition: { duration: 0.3, delay: 0.35, ease: "linear", opacity: { duration: 0.1, delay: 0.35 } }
+  }
+};
+function ClockIcon({
+  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.circle, { animate: controls, cx: "12", cy: "12", r: "10", initial: "normal", variants: CIRCLE_VARIANTS }),
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "M12 6v6l4 2", initial: "normal", variants: HANDS_VARIANTS })
+  ] }) });
+}
+
+export { ClockIcon };

package/dist/chunk-72X6SXOX.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 CIRCLE_VARIANTS = {
+  normal: { pathLength: 1, opacity: 1 },
+  animate: {
+    pathLength: [0, 1],
+    opacity: [0, 1],
+    transition: { duration: 0.5, ease: "easeInOut", opacity: { duration: 0.1 } }
+  }
+};
+function AlertCircleIcon({
+  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.circle, { animate: controls, cx: "12", cy: "12", r: "10", initial: "normal", variants: CIRCLE_VARIANTS }),
+    /* @__PURE__ */ jsx(motion.line, { animate: controls, x1: "12", x2: "12", y1: "8", y2: "12", 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.line, { animate: controls, x1: "12", x2: "12.01", y1: "16", y2: "16", initial: "normal", variants: { normal: { pathLength: 1, opacity: 1 }, animate: { pathLength: [0, 1], opacity: [0, 1], transition: { duration: 0.2, delay: 0.5 } } } })
+  ] }) });
+}
+
+export { AlertCircleIcon };

package/dist/chunk-73T6GXPA.js

@@ -0,0 +1,37 @@
+import { cn } from './chunk-QYZT24TS.js';
+import * as TogglePrimitive from '@radix-ui/react-toggle';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var toggleVariants = cva(
+  "inline-flex items-center justify-center rounded-md text-sm font-medium transition-colors hover:bg-surface-hover hover:text-text-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-surface-active data-[state=on]:text-text-primary",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-border bg-transparent hover:bg-surface-hover hover:text-text-primary"
+      },
+      size: {
+        default: "h-9 px-4",
+        sm: "h-8 px-2",
+        lg: "h-10 px-4"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Toggle({ className, variant, size, ref, ...props }) {
+  return /* @__PURE__ */ jsx(
+    TogglePrimitive.Root,
+    {
+      ref,
+      className: cn(toggleVariants({ variant, size, className })),
+      ...props
+    }
+  );
+}
+
+export { Toggle, toggleVariants };

package/dist/chunk-74RKVIBV.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: "m12 19-7-7 7-7", translateX: 0 },
+  animate: {
+    d: "m12 19-7-7 7-7",
+    translateX: [0, 3, 0],
+    transition: {
+      duration: 0.4
+    }
+  }
+};
+var SECOND_PATH_VARIANTS = {
+  normal: { d: "M19 12H5" },
+  animate: {
+    d: ["M19 12H5", "M19 12H10", "M19 12H5"],
+    transition: {
+      duration: 0.4
+    }
+  }
+};
+function ArrowLeftIcon({
+  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 19-7-7 7-7",
+                variants: PATH_VARIANTS
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              motion.path,
+              {
+                animate: controls,
+                d: "M19 12H5",
+                variants: SECOND_PATH_VARIANTS
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+
+export { ArrowLeftIcon };

package/dist/chunk-756Q7AC5.js

@@ -0,0 +1,27 @@
+import { CheckIcon } from './chunk-CXACRCZ4.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { jsx } from 'react/jsx-runtime';
+
+function Checkbox({ className, ref, ...props }) {
+  return /* @__PURE__ */ jsx(
+    CheckboxPrimitive.Root,
+    {
+      ref,
+      className: cn(
+        "peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow transition-[background-color,border-color,box-shadow] duration-fast ease-out-cubic hover:border-accent/50 active:scale-95 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground cursor-pointer touch-target-44",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        CheckboxPrimitive.Indicator,
+        {
+          className: cn("flex items-center justify-center text-current"),
+          children: /* @__PURE__ */ jsx(CheckIcon, { size: 16 })
+        }
+      )
+    }
+  );
+}
+
+export { Checkbox };

package/dist/chunk-7KIDDF3I.js

@@ -0,0 +1,67 @@
+import { m, motionSpring } from './chunk-PD2YEH3H.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { useReducedMotion } from 'motion/react';
+import { jsx } from 'react/jsx-runtime';
+
+var MotionSlot = m.create(Slot);
+var buttonVariants = cva(
+  "inline-flex items-center justify-center rounded-md text-sm font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent disabled:pointer-events-none disabled:opacity-50 transition-colors duration-fast",
+  {
+    variants: {
+      variant: {
+        primary: "bg-primary text-primary-foreground hover:bg-primary/90 shadow-glow",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        outline: "border border-border bg-transparent hover:bg-surface-hover text-text-primary",
+        ghost: "hover:bg-surface-hover text-text-primary",
+        link: "text-text-primary underline-offset-4 hover:underline",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        accent: "bg-accent text-accent-foreground hover:bg-accent/90 shadow-glow-accent",
+        glass: "glass-panel hover:bg-surface/40 text-text-primary"
+      },
+      size: {
+        sm: "h-8 px-4 text-xs",
+        default: "h-9 px-4 py-2",
+        lg: "h-11 px-8",
+        icon: "h-11 w-11"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "default"
+    }
+  }
+);
+function Button({ className, variant, size, asChild = false, ref, ...props }) {
+  const prefersReduced = useReducedMotion();
+  const isLink = variant === "link";
+  const shouldAnimate = !prefersReduced && !isLink;
+  const motionProps = shouldAnimate ? {
+    whileHover: { scale: 1.02, y: -2 },
+    whileTap: { scale: 0.97 },
+    transition: motionSpring.snappy
+  } : {};
+  if (asChild) {
+    return /* @__PURE__ */ jsx(
+      MotionSlot,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...motionProps,
+        ...props
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    m.button,
+    {
+      className: cn(buttonVariants({ variant, size, className })),
+      ref,
+      ...motionProps,
+      ...props
+    }
+  );
+}
+
+export { Button, buttonVariants };

package/dist/chunk-7WDT2PRI.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 RECT1_VARIANTS = {
+  normal: { pathLength: 1, opacity: 1 },
+  animate: {
+    pathLength: [0, 1],
+    opacity: [0, 1],
+    transition: { duration: 0.4, ease: "linear", opacity: { duration: 0.1 } }
+  }
+};
+var RECT2_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 PauseIcon({
+  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.rect, { animate: controls, x: "6", y: "4", width: "4", height: "16", rx: "1", initial: "normal", variants: RECT1_VARIANTS }),
+    /* @__PURE__ */ jsx(motion.rect, { animate: controls, x: "14", y: "4", width: "4", height: "16", rx: "1", initial: "normal", variants: RECT2_VARIANTS })
+  ] }) });
+}
+
+export { PauseIcon };

package/dist/chunk-A7NUWD76.js

@@ -0,0 +1,40 @@
+// src/site.config.ts
+var siteConfig = {
+  name: "Nadicode",
+  description: "The production-grade SaaS starter kit with world-class design system.",
+  url: process.env.NEXT_PUBLIC_APP_URL ?? "http://localhost:3000",
+  tagline: "Build faster with AI",
+  marketing: {
+    enabled: true,
+    disabledRedirect: "/dashboard"
+  },
+  nav: {
+    header: [
+      { name: "Features", href: "#link" },
+      { name: "Solution", href: "#link" },
+      { name: "Pricing", href: "#link" },
+      { name: "About", href: "#link" }
+    ],
+    footer: {
+      product: [
+        { name: "Components", href: "#" },
+        { name: "Blocks", href: "#" },
+        { name: "Themes", href: "#" },
+        { name: "Showcase", href: "#" }
+      ],
+      company: [
+        { name: "About", href: "#" },
+        { name: "Blog", href: "#" },
+        { name: "Careers", href: "#" },
+        { name: "Contact", href: "#" }
+      ],
+      legal: [
+        { name: "Privacy", href: "/privacy" },
+        { name: "Terms", href: "/terms" },
+        { name: "License", href: "#" }
+      ]
+    }
+  }
+};
+
+export { siteConfig };

package/dist/chunk-ACRVOD7W.js

@@ -0,0 +1,32 @@
+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 LINE_VARIANTS = {
+  normal: { pathLength: 1, opacity: 1, pathOffset: 0 },
+  animate: { pathLength: [0, 1], opacity: [0, 1], pathOffset: [1, 0] }
+};
+function ItalicIcon({
+  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.line, { animate: controls, transition: { duration: 0.2 }, variants: LINE_VARIANTS, x1: "19", x2: "10", y1: "4", y2: "4" }),
+    /* @__PURE__ */ jsx(motion.line, { animate: controls, transition: { duration: 0.2 }, variants: LINE_VARIANTS, x1: "14", x2: "5", y1: "20", y2: "20" }),
+    /* @__PURE__ */ jsx(motion.line, { animate: controls, transition: { delay: 0.1, duration: 0.4 }, variants: { normal: { pathLength: 1, pathOffset: 0 }, animate: { pathLength: [0, 1], pathOffset: [1, 0] } }, x1: "15", x2: "9", y1: "4", y2: "20" })
+  ] }) });
+}
+
+export { ItalicIcon };

package/dist/chunk-AH6YSYYT.js

@@ -0,0 +1,88 @@
+import { m, motionSpring } from './chunk-PD2YEH3H.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { useReducedMotion } from 'motion/react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function Card({
+  className,
+  interactive = false,
+  showBrackets = false,
+  accentBorder = false,
+  hoverGlow = false,
+  children,
+  ref,
+  ...props
+}) {
+  const prefersReduced = useReducedMotion();
+  const useSpring = interactive && !prefersReduced;
+  const interactiveCss = interactive ? "transition-colors duration-fast hover:border-primary/50 hover:shadow-xl/20" : "";
+  const classes = cn(
+    "group relative rounded-lg p-6 overflow-hidden",
+    "glass-panel",
+    interactiveCss,
+    accentBorder === "left" && "border-l-[3px] border-l-accent",
+    accentBorder === "top" && "border-t-[3px] border-t-accent",
+    hoverGlow && "glass-panel-glow-hover",
+    className
+  );
+  const inner = /* @__PURE__ */ jsxs(Fragment, { children: [
+    !!showBrackets && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "absolute top-0 left-0 w-2 h-2 border-t border-l border-primary/40" }),
+      /* @__PURE__ */ jsx("div", { className: "absolute top-0 right-0 w-2 h-2 border-t border-r border-primary/40" }),
+      /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 left-0 w-2 h-2 border-b border-l border-primary/40" }),
+      /* @__PURE__ */ jsx("div", { className: "absolute bottom-0 right-0 w-2 h-2 border-b border-r border-primary/40" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "relative z-20 h-full flex flex-col", children })
+  ] });
+  if (useSpring) {
+    return /* @__PURE__ */ jsx(
+      m.div,
+      {
+        ref,
+        className: classes,
+        whileHover: { y: -2 },
+        transition: motionSpring.snappy,
+        ...props,
+        children: inner
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx("div", { ref, className: classes, ...props, children: inner });
+}
+function CardHeader({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col space-y-1.5 pb-4", className), ...props });
+}
+function CardTitle({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("h3", { ref, className: cn("font-semibold leading-none tracking-tight", className), ...props });
+}
+function CardDescription({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("p", { ref, className: cn("text-sm text-text-secondary", className), ...props });
+}
+function CardContent({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("pt-0", className), ...props });
+}
+function CardFooter({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("div", { ref, className: cn("flex items-center pt-4", className), ...props });
+}
+
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/chunk-ALMGJVMT.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.15, ease: "linear", opacity: { duration: 0.1, delay: 0.15 } }
+  }
+};
+function ReplyIcon({
+  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: "m9 10-5-5-5 5", initial: "normal", variants: PATH_VARIANTS }),
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "M20 4v7a4 4 0 0 1-4 4H4", initial: "normal", variants: SECOND_PATH_VARIANTS })
+  ] }) });
+}
+
+export { ReplyIcon };