@vadimcomanescu/nadicode-design-system 2.0.0

package/dist/chunk-VDYPDMYR.js

@@ -0,0 +1,37 @@
+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 PackageIcon({
+  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: "M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z", initial: "normal", variants: PATH_VARIANTS }),
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "M12 22V12", initial: "normal", variants: { normal: { pathLength: 1, opacity: 1 }, animate: { pathLength: [0, 1], opacity: [0, 1], transition: { duration: 0.3, delay: 0.2 } } } }),
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "M3.29 7 12 12 20.71 7", 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: "m7.5 4.27 9 5.15", initial: "normal", variants: { normal: { pathLength: 1, opacity: 1 }, animate: { pathLength: [0, 1], opacity: [0, 1], transition: { duration: 0.3, delay: 0.4 } } } })
+  ] }) });
+}
+
+export { PackageIcon };

package/dist/chunk-VJIL7W55.js

@@ -0,0 +1,8 @@
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+
+// src/components/ui/Collapsible.tsx
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
+var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
+
+export { Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger };

package/dist/chunk-VM462WZC.js

@@ -0,0 +1,37 @@
+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: 100,
+  damping: 14,
+  mass: 1
+};
+function LayersIcon({
+  onMouseEnter,
+  onMouseLeave,
+  className,
+  size = 28,
+  ref,
+  ...props
+}) {
+  const controls = useAnimation();
+  const { handleMouseEnter, handleMouseLeave } = useAnimatedIcon(ref, {
+    onMouseEnter,
+    onMouseLeave,
+    animate: async () => {
+      await controls.start("firstState");
+      await controls.start("secondState");
+    },
+    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("path", { d: "m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z" }),
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65", transition: DEFAULT_TRANSITION, variants: { normal: { y: 0 }, firstState: { y: -9 }, secondState: { y: 0 } } }),
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65", transition: DEFAULT_TRANSITION, variants: { normal: { y: 0 }, firstState: { y: -5 }, secondState: { y: 0 } } })
+  ] }) });
+}
+
+export { LayersIcon };

package/dist/chunk-VTAOHSPW.js

@@ -0,0 +1,63 @@
+// src/components/ui/kanban.utils.ts
+function findItemLocation(columns, itemId, getItemId) {
+  for (let c = 0; c < columns.length; c++) {
+    const items = columns[c].items;
+    for (let i = 0; i < items.length; i++) {
+      if (getItemId(items[i]) === itemId) return [c, i];
+    }
+  }
+  return [-1, -1];
+}
+function findContainerIndex(columns, id, getItemId) {
+  const colIdx = columns.findIndex((c) => c.id === id);
+  if (colIdx !== -1) return colIdx;
+  const [itemColIdx] = findItemLocation(columns, id, getItemId);
+  return itemColIdx;
+}
+function moveItem(columns, activeId, overId, getItemId) {
+  const [fromColIdx, fromItemIdx] = findItemLocation(columns, activeId, getItemId);
+  if (fromColIdx === -1) return null;
+  const toColIdx = findContainerIndex(columns, overId, getItemId);
+  if (toColIdx === -1) return null;
+  const item = columns[fromColIdx].items[fromItemIdx];
+  let toItemIdx;
+  const isOverColumn = columns[toColIdx].id === overId;
+  if (isOverColumn) {
+    toItemIdx = columns[toColIdx].items.length;
+  } else {
+    const [, overItemIdx] = findItemLocation(columns, overId, getItemId);
+    toItemIdx = overItemIdx;
+  }
+  if (fromColIdx === toColIdx && fromItemIdx === toItemIdx) return null;
+  if (fromColIdx === toColIdx && fromItemIdx < toItemIdx) {
+    toItemIdx -= 1;
+  }
+  const next = columns.map((col, idx) => {
+    if (idx === fromColIdx && idx === toColIdx) {
+      const items = [...col.items];
+      items.splice(fromItemIdx, 1);
+      items.splice(toItemIdx, 0, item);
+      return { ...col, items };
+    }
+    if (idx === fromColIdx) {
+      return { ...col, items: col.items.filter((_, i) => i !== fromItemIdx) };
+    }
+    if (idx === toColIdx) {
+      const items = [...col.items];
+      items.splice(toItemIdx, 0, item);
+      return { ...col, items };
+    }
+    return col;
+  });
+  const meta = {
+    item,
+    itemId: activeId,
+    fromColumnId: columns[fromColIdx].id,
+    toColumnId: columns[toColIdx].id,
+    fromIndex: fromItemIdx,
+    toIndex: toItemIdx
+  };
+  return { next, meta };
+}
+
+export { findItemLocation, moveItem };

package/dist/chunk-W3B3UOEG.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 InfoIcon({
+  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 16v-4", 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 8h.01", initial: "normal", variants: { normal: { pathLength: 1, opacity: 1 }, animate: { pathLength: [0, 1], opacity: [0, 1], transition: { duration: 0.2, delay: 0.5 } } } })
+  ] }) });
+}
+
+export { InfoIcon };

package/dist/chunk-W4YX7N46.js

@@ -0,0 +1,60 @@
+import { ChevronDownIcon } from './chunk-HJBXUXTD.js';
+import { cn } from './chunk-QYZT24TS.js';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Accordion = AccordionPrimitive.Root;
+function AccordionItem({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Item,
+    {
+      ref,
+      className: cn("border-b border-border", className),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({
+  className,
+  children,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+    AccordionPrimitive.Trigger,
+    {
+      ref,
+      className: cn(
+        "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronDownIcon, { size: 16, className: "shrink-0 transition-transform duration-normal ease-out-cubic" })
+      ]
+    }
+  ) });
+}
+function AccordionContent({
+  className,
+  children,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    AccordionPrimitive.Content,
+    {
+      ref,
+      className: "overflow-hidden text-sm will-change-[height,opacity] motion-reduce:animate-none data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up",
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: cn("pb-4 pt-0", className), children })
+    }
+  );
+}
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };

package/dist/chunk-W73JAOHW.js

@@ -0,0 +1,143 @@
+import { useReducedMotion } from './chunk-KRBLVZII.js';
+import { hasChildWithDisplayName } from './chunk-6FOHUNXR.js';
+import { m, motionSpring } 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, Fragment } from 'react/jsx-runtime';
+
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogClose = DialogPrimitive.Close;
+function DialogOverlay({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Overlay,
+    {
+      ref,
+      className: cn(
+        "fixed inset-0 z-50 bg-overlay/80 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DialogContent({
+  className,
+  children,
+  ref,
+  ...props
+}) {
+  const t = useTranslations("common");
+  const hasTitle = hasChildWithDisplayName(children, "DialogTitle");
+  const hasDescription = hasChildWithDisplayName(children, "DialogDescription");
+  const prefersReduced = useReducedMotion();
+  const a11yFallbacks = /* @__PURE__ */ jsxs(Fragment, { children: [
+    !hasTitle && /* @__PURE__ */ jsx(DialogTitle, { className: "sr-only", children: "Dialog content" }),
+    !hasDescription && /* @__PURE__ */ jsx(DialogDescription, { className: "sr-only", children: "Dialog content" })
+  ] });
+  return /* @__PURE__ */ jsxs(DialogPortal, { children: [
+    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DialogPrimitive.Content,
+      {
+        ref,
+        className: cn(
+          "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] max-h-[90dvh] overflow-y-auto glass-panel p-6 sm:rounded-lg",
+          "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] duration-normal ease-out-cubic",
+          className
+        ),
+        ...props,
+        children: [
+          prefersReduced ? /* @__PURE__ */ jsxs("div", { className: "grid gap-4", children: [
+            a11yFallbacks,
+            children
+          ] }) : /* @__PURE__ */ jsxs(
+            m.div,
+            {
+              className: "grid gap-4",
+              initial: { scale: 0.85, opacity: 0, filter: "blur(6px)" },
+              animate: { scale: 1, opacity: 1, filter: "blur(0px)" },
+              transition: motionSpring.snappy,
+              children: [
+                a11yFallbacks,
+                children
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-2 top-2 flex h-11 w-11 items-center justify-center rounded-md text-text-tertiary transition-colors hover:text-text-primary 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", children: [
+            /* @__PURE__ */ jsx(XIcon, { size: 16 }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: t("close") })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+var DialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+var DialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+function DialogTitle({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Title,
+    {
+      ref,
+      className: cn(
+        "text-lg font-semibold leading-none tracking-tight text-text-primary",
+        className
+      ),
+      ...props
+    }
+  );
+}
+DialogTitle.displayName = "DialogTitle";
+function DialogDescription({
+  className,
+  ref,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DialogPrimitive.Description,
+    {
+      ref,
+      className: cn("text-sm text-text-secondary", className),
+      ...props
+    }
+  );
+}
+DialogDescription.displayName = "DialogDescription";
+
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/dist/chunk-WA45EC4Y.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 DatabaseIcon({
+  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.ellipse, { animate: controls, cx: "12", cy: "5", rx: "9", ry: "3", initial: "normal", variants: PATH_VARIANTS }),
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "M3 5V19A9 3 0 0 0 21 19V5", initial: "normal", variants: { normal: { pathLength: 1, opacity: 1 }, animate: { pathLength: [0, 1], opacity: [0, 1], transition: { duration: 0.4, delay: 0.2 } } } }),
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "M3 12A9 3 0 0 0 21 12", initial: "normal", variants: { normal: { pathLength: 1, opacity: 1 }, animate: { pathLength: [0, 1], opacity: [0, 1], transition: { duration: 0.4, delay: 0.4 } } } })
+  ] }) });
+}
+
+export { DatabaseIcon };

package/dist/chunk-WAP7DBSW.js

@@ -0,0 +1,47 @@
+import { ChartContainer, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent } from './chunk-WSU2PCA2.js';
+import { RadialBarChart as RadialBarChart$1, RadialBar, PolarAngleAxis } from 'recharts';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function RadialBarChart({
+  data,
+  config,
+  dataKey,
+  nameKey,
+  className,
+  showLegend = true,
+  innerRadius = "20%",
+  outerRadius = "100%",
+  maxAngle = 360
+}) {
+  return /* @__PURE__ */ jsx(ChartContainer, { config, className, children: /* @__PURE__ */ jsxs(
+    RadialBarChart$1,
+    {
+      data,
+      innerRadius,
+      outerRadius,
+      startAngle: 90,
+      endAngle: 90 - maxAngle,
+      children: [
+        /* @__PURE__ */ jsx(
+          ChartTooltip,
+          {
+            cursor: false,
+            content: /* @__PURE__ */ jsx(ChartTooltipContent, { hideLabel: true, nameKey })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          RadialBar,
+          {
+            dataKey,
+            background: { fill: "var(--color-surface)", opacity: 0.3 },
+            cornerRadius: 4
+          }
+        ),
+        /* @__PURE__ */ jsx(PolarAngleAxis, { type: "number", domain: [0, "auto"], tick: false }),
+        !!showLegend && /* @__PURE__ */ jsx(ChartLegend, { content: /* @__PURE__ */ jsx(ChartLegendContent, {}) })
+      ]
+    }
+  ) });
+}
+
+export { RadialBarChart };

package/dist/chunk-WDGIQDQG.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 PanelLeftIcon({
+  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: "18", height: "18", x: "3", y: "3", rx: "2", initial: "normal", variants: PATH_VARIANTS }),
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "M9 3v18", initial: "normal", variants: { normal: { pathLength: 1, opacity: 1 }, animate: { pathLength: [0, 1], opacity: [0, 1], transition: { duration: 0.3, delay: 0.3 } } } })
+  ] }) });
+}
+
+export { PanelLeftIcon };

package/dist/chunk-WFJQ43SM.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 ThumbsUpIcon({
+  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 10v12", initial: "normal", variants: THUMB_VARIANTS }),
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2a3.13 3.13 0 0 1 3 3.88Z", initial: "normal", variants: BODY_VARIANTS })
+  ] }) });
+}
+
+export { ThumbsUpIcon };

package/dist/chunk-WGPK3FQ7.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';
+
+var BODY_VARIANTS = {
+  normal: { opacity: 1, pathLength: 1, scale: 1, transition: { duration: 0.3 } },
+  animate: { opacity: [0, 1], pathLength: [0, 1], scale: [0.9, 1], transition: { duration: 0.4 } }
+};
+var TAIL_VARIANTS = {
+  normal: { pathLength: 1, rotate: 0, transition: { duration: 0.3 } },
+  draw: { pathLength: [0, 1], rotate: 0, transition: { duration: 0.5 } },
+  wag: { pathLength: 1, rotate: [0, -15, 15, -10, 10, -5, 5], transition: { duration: 2.5, ease: "easeInOut", repeat: Infinity } }
+};
+function GithubIcon({
+  onMouseEnter,
+  onMouseLeave,
+  className,
+  size = 28,
+  ref,
+  ...props
+}) {
+  const bodyControls = useAnimation();
+  const tailControls = useAnimation();
+  const { handleMouseEnter, handleMouseLeave } = useAnimatedIcon(ref, {
+    onMouseEnter,
+    onMouseLeave,
+    animate: async () => {
+      bodyControls.start("animate");
+      await tailControls.start("draw");
+      tailControls.start("wag");
+    },
+    reset: () => {
+      bodyControls.start("normal");
+      tailControls.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: bodyControls, d: "M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4", initial: "normal", variants: BODY_VARIANTS }),
+    /* @__PURE__ */ jsx(motion.path, { animate: tailControls, d: "M9 18c-4.51 2-5-2-7-2", initial: "normal", variants: TAIL_VARIANTS })
+  ] }) });
+}
+
+export { GithubIcon };