@vadimcomanescu/nadicode-design-system 2.0.0

package/dist/chunk-IPXL7WX7.js

@@ -0,0 +1,90 @@
+import { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent } from './chunk-WSU2PCA2.js';
+import * as React from 'react';
+import { AreaChart as AreaChart$1, CartesianGrid, XAxis, YAxis, Area } from 'recharts';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function AreaChart({
+  data,
+  config,
+  indexKey,
+  areas,
+  stacked = false,
+  className,
+  showLegend = true,
+  showYAxis = false,
+  yAxisWidth = 40
+}) {
+  const areaKeys = React.useMemo(() => areas || Object.keys(config).filter((key) => key !== indexKey), [areas, config, indexKey]);
+  return /* @__PURE__ */ jsx(ChartContainer, { config, className, children: /* @__PURE__ */ jsxs(
+    AreaChart$1,
+    {
+      data,
+      margin: {
+        top: 5,
+        right: 10,
+        left: 10,
+        bottom: 0
+      },
+      children: [
+        /* @__PURE__ */ jsx("defs", { children: areaKeys.map((key) => /* @__PURE__ */ jsxs("linearGradient", { id: `fill-${key}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+          /* @__PURE__ */ jsx("stop", { offset: "5%", stopColor: `var(--color-${key})`, stopOpacity: 0.8 }),
+          /* @__PURE__ */ jsx("stop", { offset: "95%", stopColor: `var(--color-${key})`, stopOpacity: 0.1 })
+        ] }, key)) }),
+        /* @__PURE__ */ jsx(CartesianGrid, { vertical: false, stroke: "var(--color-border)", strokeOpacity: 0.4, strokeDasharray: "4 4" }),
+        /* @__PURE__ */ jsx(
+          XAxis,
+          {
+            dataKey: indexKey,
+            tickLine: false,
+            axisLine: false,
+            tickMargin: 8,
+            minTickGap: 32,
+            tickFormatter: (value) => {
+              if (value instanceof Date) return value.toLocaleDateString();
+              return `${value}`;
+            }
+          }
+        ),
+        !!showYAxis && /* @__PURE__ */ jsx(
+          YAxis,
+          {
+            width: yAxisWidth,
+            tickLine: false,
+            axisLine: false,
+            tickMargin: 8,
+            stroke: "var(--color-text-secondary)"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          ChartTooltip,
+          {
+            cursor: {
+              stroke: "var(--color-border)",
+              strokeWidth: 1,
+              strokeDasharray: "4 4"
+            },
+            content: /* @__PURE__ */ jsx(ChartTooltipContent, { indicator: "dot" })
+          }
+        ),
+        areaKeys.map((key) => /* @__PURE__ */ jsx(
+          Area,
+          {
+            dataKey: key,
+            type: "natural",
+            fill: `url(#fill-${key})`,
+            stroke: `var(--color-${key})`,
+            stackId: stacked ? "a" : void 0,
+            strokeWidth: 2,
+            isAnimationActive: true,
+            animationDuration: 800,
+            animationEasing: "ease-out"
+          },
+          key
+        )),
+        !!showLegend && /* @__PURE__ */ jsx(ChartLegend, { content: /* @__PURE__ */ jsx(ChartLegendContent, {}) })
+      ]
+    }
+  ) });
+}
+
+export { AreaChart };

package/dist/chunk-IQEBXXB5.js

@@ -0,0 +1,35 @@
+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 HomeIcon({
+  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: "M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z", initial: "normal", variants: PATH_VARIANTS }),
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", initial: "normal", variants: { normal: { pathLength: 1, opacity: 1 }, animate: { pathLength: [0, 1], opacity: [0, 1], transition: { duration: 0.3, delay: 0.3 } } } })
+  ] }) });
+}
+
+export { HomeIcon };

package/dist/chunk-J3QL5UQ7.js

@@ -0,0 +1,163 @@
+import { Badge } from './chunk-S4JAHKOP.js';
+import { ChevronDownIcon } from './chunk-HJBXUXTD.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var agentTeamPanelVariants = cva(
+  "surface-solid overflow-hidden rounded-lg border border-border",
+  {
+    variants: {
+      size: {
+        compact: "text-xs",
+        default: "text-sm"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+function formatElapsed(ms) {
+  const seconds = Math.floor(ms / 1e3);
+  const m = Math.floor(seconds / 60);
+  const s = seconds % 60;
+  return m > 0 ? `${m}m ${s}s` : `${s}s`;
+}
+var statusDotClass = {
+  idle: "bg-text-tertiary",
+  active: "bg-accent animate-pulse",
+  complete: "bg-success",
+  error: "bg-destructive"
+};
+function AgentTeamPanel({ className, size, agents, ref, ...props }) {
+  const [expandedIds, setExpandedIds] = React.useState(() => /* @__PURE__ */ new Set());
+  const panelBaseId = React.useId();
+  const toggle = (id) => {
+    setExpandedIds((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(agentTeamPanelVariants({ size }), className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "px-4 py-2 border-b border-border", children: /* @__PURE__ */ jsxs("span", { className: "font-semibold text-text-primary", children: [
+          "Team (",
+          agents.length,
+          ")"
+        ] }) }),
+        /* @__PURE__ */ jsx("div", { className: "divide-y divide-border", children: agents.map((agent, index) => {
+          const isExpanded = expandedIds.has(agent.id);
+          const detailsId = `${panelBaseId}-agent-${index}-details`;
+          return /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => toggle(agent.id),
+                "aria-expanded": isExpanded,
+                "aria-controls": detailsId,
+                className: "flex flex-col gap-0 w-full px-4 py-2 hover:bg-surface-hover transition-colors text-left focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent",
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 w-full", children: [
+                    agent.avatar && /* @__PURE__ */ jsx("div", { className: "flex-shrink-0", "aria-hidden": "true", children: agent.avatar }),
+                    /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: cn(
+                          "h-2 w-2 rounded-full flex-shrink-0",
+                          statusDotClass[agent.status]
+                        ),
+                        role: "img",
+                        "aria-label": agent.status
+                      }
+                    ),
+                    /* @__PURE__ */ jsxs("span", { className: "font-medium text-text-primary truncate", children: [
+                      agent.name,
+                      agent.role && /* @__PURE__ */ jsx("span", { className: "ml-1.5 text-text-tertiary font-normal", children: agent.role })
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      ChevronDownIcon,
+                      {
+                        size: 14,
+                        className: cn(
+                          "ml-auto text-text-tertiary transition-transform flex-shrink-0",
+                          isExpanded && "rotate-180"
+                        )
+                      }
+                    )
+                  ] }),
+                  agent.status === "active" && agent.currentAction && /* @__PURE__ */ jsx("p", { className: "text-xs text-accent truncate mt-0.5 pl-0 leading-tight", children: agent.currentAction })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                id: detailsId,
+                className: cn("px-4 pb-4 space-y-2", !isExpanded && "hidden"),
+                "aria-hidden": !isExpanded,
+                children: [
+                  (agent.model || agent.cost != null) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+                    agent.model && /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-[10px] px-1.5 py-0", children: agent.model }),
+                    agent.cost != null && /* @__PURE__ */ jsxs("span", { className: "text-xs text-text-secondary tabular-nums", children: [
+                      "$",
+                      agent.cost.toFixed(3)
+                    ] })
+                  ] }),
+                  (agent.tokenCount != null || agent.elapsedMs != null) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 text-xs text-text-tertiary tabular-nums", children: [
+                    agent.tokenCount != null && /* @__PURE__ */ jsxs("span", { children: [
+                      agent.tokenCount.toLocaleString(),
+                      " tokens"
+                    ] }),
+                    agent.elapsedMs != null && /* @__PURE__ */ jsx("span", { children: formatElapsed(agent.elapsedMs) })
+                  ] }),
+                  agent.stepsCompleted != null && agent.stepsTotal != null && agent.stepsTotal > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx("div", { className: "flex-1 h-1.5 rounded-full bg-muted overflow-hidden", role: "progressbar", "aria-label": "Steps progress", "aria-valuenow": agent.stepsCompleted, "aria-valuemin": 0, "aria-valuemax": agent.stepsTotal, children: /* @__PURE__ */ jsx("div", { className: "h-full bg-accent rounded-full transition-all", style: { width: `${agent.stepsCompleted / agent.stepsTotal * 100}%` } }) }),
+                    /* @__PURE__ */ jsxs("span", { className: "text-xs text-text-tertiary tabular-nums", children: [
+                      agent.stepsCompleted,
+                      "/",
+                      agent.stepsTotal
+                    ] })
+                  ] }),
+                  agent.currentAction && /* @__PURE__ */ jsxs("p", { className: "text-xs text-accent truncate", children: [
+                    "> ",
+                    agent.currentAction
+                  ] }),
+                  agent.toolCalls && agent.toolCalls.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+                    /* @__PURE__ */ jsx("span", { className: "text-[10px] text-text-tertiary uppercase tracking-wider", children: "Tool calls" }),
+                    agent.toolCalls.map((tc) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 text-xs", children: [
+                      /* @__PURE__ */ jsx("span", { className: cn("h-1.5 w-1.5 rounded-full flex-shrink-0", tc.status === "done" ? "bg-success" : tc.status === "error" ? "bg-destructive" : "bg-accent animate-pulse") }),
+                      /* @__PURE__ */ jsx("span", { className: "text-text-secondary truncate", children: tc.name }),
+                      tc.status === "running" && /* @__PURE__ */ jsx("span", { className: "text-text-tertiary", children: "..." })
+                    ] }, tc.name))
+                  ] }),
+                  !agent.model && agent.cost == null && agent.tokenCount == null && agent.toolCalls == null && /* @__PURE__ */ jsxs(Fragment, { children: [
+                    /* @__PURE__ */ jsxs("span", { className: "text-xs text-text-secondary", children: [
+                      "Role: ",
+                      agent.role
+                    ] }),
+                    /* @__PURE__ */ jsxs("span", { className: "block text-xs capitalize text-text-secondary", children: [
+                      "Status: ",
+                      agent.status
+                    ] })
+                  ] })
+                ]
+              }
+            )
+          ] }, agent.id);
+        }) })
+      ]
+    }
+  );
+}
+
+export { AgentTeamPanel, agentTeamPanelVariants };

package/dist/chunk-J5DRK4RF.js

@@ -0,0 +1,54 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/logos/VSCodium.tsx
+function VSCodium(props) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 100 100",
+      width: "1em",
+      height: "1em",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
+          "linearGradient",
+          {
+            id: "a",
+            x1: 199.997,
+            x2: 296.665,
+            y1: 214.302,
+            y2: 307.573,
+            gradientTransform: "translate(-200 -213)",
+            gradientUnits: "userSpaceOnUse",
+            children: [
+              /* @__PURE__ */ jsx(
+                "stop",
+                {
+                  offset: 0,
+                  stopColor: "#62A0EA"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "stop",
+                {
+                  offset: 1,
+                  stopColor: "#1A5FB4"
+                }
+              )
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fill: "url(#a)",
+            d: "M48.26 2.274a6.113 6.113 0 0 0-1.838 8.468c10.109 15.655 12.495 27.463 11.46 37.811-4.184 19.816-13.279 23.836-21.227 23.836-7.76 0-5.682-12.771.151-16.509 3.482-2.174 7.942-3.587 11.365-3.587 3.392 0 6.142-2.741 6.142-6.123 0-3.383-2.75-6.124-6.142-6.124-3.998 0-7.92.84-11.581 2.27.748-3.529 1.024-7.343.057-11.397-1.468-6.156-5.694-12.036-13.032-17.736a6.15 6.15 0 0 0-8.621 1.065 6.114 6.114 0 0 0 1.078 8.595c5.978 4.643 7.952 8.08 8.627 10.909.675 2.829.132 5.864-1.224 10.034-1.733 5.62-3.745 10.637-4.627 15.448-.434 2.368-.471 4.945-.583 7.004-4.305-4.196-5.99-9.736-5.99-17.831-.001-3.382-2.751-6.124-6.142-6.123-3.389.003-6.135 2.743-6.136 6.123 0 11.056 3.233 21.576 11.898 28.594 7.844 7.473 27.791 4.711 27.791 16.708 0 3.386 4.956 5.034 8.347 5.034 3.478 0 7.855-2.325 7.855-5.034 0-13.612 14.345-21.885 37.96-21.849 3.392.005 6.144-2.734 6.149-6.116.006-3.383-2.738-6.13-6.13-6.136a78.226 78.226 0 0 0-4.741.145c2.64-6.209 3.811-13.045 3.569-20.429-.112-3.381-2.95-6.031-6.339-5.921-3.393.11-6.051 2.943-5.94 6.326.32 9.668-.042 18.301-7.245 22.852-2.048 1.293-4.429 2.415-6.687 2.415 1.753-4.768 3.077-9.801 3.619-15.226.346-3.462.383-7.575-.012-10.77-.613-4.95-1.353-10.564.526-14.793 1.688-3.642 5.47-5.167 11.023-5.167 3.389-.003 6.135-2.744 6.136-6.123.002-3.383-2.745-6.127-6.136-6.13-8.252 0-14.507 4.343-18.053 9.59-1.854-3.96-4.112-8.041-6.84-12.265a6.14 6.14 0 0 0-3.86-2.669 6.159 6.159 0 0 0-4.627.831z"
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { VSCodium };

package/dist/chunk-JBK2LA6U.js

@@ -0,0 +1,46 @@
+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 BellIcon({
+  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",
+      variants: {
+        normal: { rotate: 0 },
+        animate: { rotate: [0, -10, 10, -10, 0], transition: { duration: 0.5 } }
+      },
+      viewBox: "0 0 24 24",
+      width: size,
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9" }),
+        /* @__PURE__ */ jsx("path", { d: "M10.3 21a1.94 1.94 0 0 0 3.4 0" })
+      ]
+    }
+  ) });
+}
+
+export { BellIcon };

package/dist/chunk-JC5W5UPI.js

@@ -0,0 +1,125 @@
+import { hasChildWithDisplayName } from './chunk-6FOHUNXR.js';
+import { m, motionSpring, useMotionConfig } from './chunk-PD2YEH3H.js';
+import { XIcon } from './chunk-UIUMTURU.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { useTranslations } from 'next-intl';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var AnimatedDialog = DialogPrimitive.Root;
+var AnimatedDialogTrigger = DialogPrimitive.Trigger;
+var AnimatedDialogClose = DialogPrimitive.Close;
+var AnimatedDialogPortal = DialogPrimitive.Portal;
+function AnimatedDialogOverlay({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, { ref, asChild: true, ...props, children: /* @__PURE__ */ jsx(
+    m.div,
+    {
+      className: cn("fixed inset-0 z-50 bg-overlay/80 backdrop-blur-sm", className),
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      exit: { opacity: 0 },
+      transition: motionSpring.snappy
+    }
+  ) });
+}
+function AnimatedDialogContent({
+  className,
+  children,
+  ref,
+  ...props
+}) {
+  const t = useTranslations("common");
+  const motionConfig = useMotionConfig();
+  const hasTitle = hasChildWithDisplayName(children, "AnimatedDialogTitle");
+  const hasDescription = hasChildWithDisplayName(children, "AnimatedDialogDescription");
+  return /* @__PURE__ */ jsxs(AnimatedDialogPortal, { children: [
+    /* @__PURE__ */ jsx(AnimatedDialogOverlay, {}),
+    /* @__PURE__ */ jsx(
+      DialogPrimitive.Content,
+      {
+        ref,
+        asChild: true,
+        ...props,
+        children: /* @__PURE__ */ jsxs(
+          m.div,
+          {
+            className: cn(
+              "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg gap-4 max-h-[90dvh] overflow-y-auto glass-panel p-6 sm:rounded-lg",
+              className
+            ),
+            style: { x: "-50%", y: "-50%" },
+            initial: { opacity: 0, scale: 0.85 },
+            animate: { opacity: 1, scale: 1 },
+            exit: { opacity: 0, scale: 0.85 },
+            transition: { ...motionSpring.snappy, ...motionConfig },
+            children: [
+              !hasTitle && /* @__PURE__ */ jsx(AnimatedDialogTitle, { className: "sr-only", children: "Dialog content" }),
+              !hasDescription && /* @__PURE__ */ jsx(AnimatedDialogDescription, { className: "sr-only", children: "Dialog content" }),
+              children,
+              /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-2 top-2 flex h-11 w-11 items-center justify-center rounded-md opacity-70 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent focus-visible:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary text-text-primary", children: [
+                /* @__PURE__ */ jsx(XIcon, { size: 16 }),
+                /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("close") })
+              ] })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}
+var AnimatedDialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className),
+    ...props
+  }
+);
+var AnimatedDialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
+    ...props
+  }
+);
+function AnimatedDialogTitle({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      ref,
+      className: cn("text-lg font-semibold leading-none tracking-tight text-text-primary", className),
+      ...props
+    }
+  );
+}
+AnimatedDialogTitle.displayName = "AnimatedDialogTitle";
+function AnimatedDialogDescription({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      ref,
+      className: cn("text-sm text-text-secondary", className),
+      ...props
+    }
+  );
+}
+AnimatedDialogDescription.displayName = "AnimatedDialogDescription";
+
+export { AnimatedDialog, AnimatedDialogClose, AnimatedDialogContent, AnimatedDialogDescription, AnimatedDialogFooter, AnimatedDialogHeader, AnimatedDialogOverlay, AnimatedDialogPortal, AnimatedDialogTitle, AnimatedDialogTrigger };

package/dist/chunk-JHQ5NMLZ.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 BODY_VARIANTS = {
+  normal: { pathLength: 1, opacity: 1 },
+  animate: {
+    pathLength: [0, 1],
+    opacity: [0, 1],
+    transition: { duration: 0.5, ease: "easeInOut", opacity: { duration: 0.1 } }
+  }
+};
+var THUMB_VARIANTS = {
+  normal: { pathLength: 1, opacity: 1 },
+  animate: {
+    pathLength: [0, 1],
+    opacity: [0, 1],
+    transition: { duration: 0.3, delay: 0.2, ease: "linear", opacity: { duration: 0.1, delay: 0.2 } }
+  }
+};
+function ThumbsDownIcon({
+  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: "M17 14V2", initial: "normal", variants: THUMB_VARIANTS }),
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22a3.13 3.13 0 0 1-3-3.88Z", initial: "normal", variants: BODY_VARIANTS })
+  ] }) });
+}
+
+export { ThumbsDownIcon };

package/dist/chunk-JHQTKMKG.js

@@ -0,0 +1,35 @@
+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 RECT_VARIANTS = {
+  normal: { pathLength: 1, opacity: 1 },
+  animate: {
+    pathLength: [0, 1],
+    opacity: [0, 1],
+    transition: { duration: 0.5, ease: "linear", opacity: { duration: 0.1 } }
+  }
+};
+function CreditCardIcon({
+  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, width: "20", height: "14", x: "2", y: "5", rx: "2", initial: "normal", variants: RECT_VARIANTS }),
+    /* @__PURE__ */ jsx(motion.line, { animate: controls, x1: "2", x2: "22", y1: "10", y2: "10", initial: "normal", variants: { normal: { pathLength: 1, opacity: 1 }, animate: { pathLength: [0, 1], opacity: [0, 1], transition: { duration: 0.3, delay: 0.3 } } } })
+  ] }) });
+}
+
+export { CreditCardIcon };

package/dist/chunk-JJTQOH7J.js

@@ -0,0 +1,76 @@
+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 VARIANTS = {
+  normal: {
+    opacity: 1,
+    pathLength: 1,
+    pathOffset: 0,
+    transition: {
+      duration: 0.4,
+      opacity: { duration: 0.1 }
+    }
+  },
+  animate: {
+    opacity: [0, 1],
+    pathLength: [0, 1],
+    pathOffset: [1, 0],
+    transition: {
+      duration: 0.6,
+      ease: "linear",
+      opacity: { duration: 0.1 }
+    }
+  }
+};
+function ActivityIcon({
+  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: "M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2",
+              initial: "normal",
+              variants: VARIANTS
+            }
+          )
+        }
+      )
+    }
+  );
+}
+
+export { ActivityIcon };