@vadimcomanescu/nadicode-design-system 2.0.0

package/dist/chunk-B5QL76GA.js

@@ -0,0 +1,40 @@
+import { cn } from './chunk-QYZT24TS.js';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var statusDotVariants = cva(
+  "inline-block rounded-full shrink-0",
+  {
+    variants: {
+      status: {
+        online: "bg-success animate-pulse",
+        offline: "bg-muted-foreground",
+        busy: "bg-warning",
+        dnd: "bg-destructive"
+      },
+      size: {
+        sm: "size-2",
+        default: "size-2.5",
+        lg: "size-3"
+      }
+    },
+    defaultVariants: {
+      status: "offline",
+      size: "default"
+    }
+  }
+);
+function StatusDot({ className, status, size, ref, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      role: "status",
+      "aria-label": status ?? "offline",
+      className: cn(statusDotVariants({ status, size, className })),
+      ...props
+    }
+  );
+}
+
+export { StatusDot, statusDotVariants };

package/dist/chunk-BFLN54VR.js

@@ -0,0 +1,31 @@
+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: { opacity: 1, pathLength: 1, scale: 1, transition: { duration: 0.3, opacity: { duration: 0.1 } } },
+  animate: { opacity: [0, 1], pathLength: [0, 1], scale: [0.5, 1], transition: { duration: 0.4, opacity: { duration: 0.1 } } }
+};
+function ShieldCheckIcon({
+  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("path", { d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z" }),
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "m9 12 2 2 4-4", initial: "normal", variants: PATH_VARIANTS })
+  ] }) });
+}
+
+export { ShieldCheckIcon };

package/dist/chunk-BJYCQ2NV.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 LaptopIcon({
+  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: "M18 5a2 2 0 0 1 2 2v8.526a2 2 0 0 0 .212.897l1.068 2.127a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45l1.068-2.127A2 2 0 0 0 4 15.526V7a2 2 0 0 1 2-2z", initial: "normal", variants: PATH_VARIANTS }),
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "M20.054 15.987H3.946", initial: "normal", variants: { normal: { pathLength: 1, opacity: 1 }, animate: { pathLength: [0, 1], opacity: [0, 1], transition: { duration: 0.3, delay: 0.3 } } } })
+  ] }) });
+}
+
+export { LaptopIcon };

package/dist/chunk-BPCCTJSK.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.4, ease: "linear", opacity: { duration: 0.1 } }
+  }
+};
+function SortIcon({
+  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 16 4 4 4-4", initial: "normal", variants: PATH_VARIANTS }),
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "M7 20V4", initial: "normal", variants: { ...PATH_VARIANTS, animate: { ...PATH_VARIANTS.animate, transition: { duration: 0.4, delay: 0.1, ease: "linear", opacity: { duration: 0.1, delay: 0.1 } } } } }),
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "m21 8-4-4-4 4", initial: "normal", variants: { ...PATH_VARIANTS, animate: { ...PATH_VARIANTS.animate, transition: { duration: 0.4, delay: 0.15, ease: "linear", opacity: { duration: 0.1, delay: 0.15 } } } } }),
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "M17 4v16", initial: "normal", variants: { ...PATH_VARIANTS, animate: { ...PATH_VARIANTS.animate, transition: { duration: 0.4, delay: 0.25, ease: "linear", opacity: { duration: 0.1, delay: 0.25 } } } } })
+  ] }) });
+}
+
+export { SortIcon };

package/dist/chunk-BRP6D56U.js

@@ -0,0 +1,47 @@
+import { useAnimatedIcon } from './chunk-ASKFAYYR.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { useAnimation, motion } from 'motion/react';
+import { jsx } from 'react/jsx-runtime';
+
+function LoaderCircleIcon({
+  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(
+    motion.svg,
+    {
+      animate: controls,
+      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",
+      initial: "normal",
+      variants: {
+        normal: { rotate: 0 },
+        animate: {
+          rotate: 360,
+          transition: { duration: 0.8, ease: "linear", repeat: Infinity }
+        }
+      },
+      children: /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 1 1-6.219-8.56" })
+    }
+  ) });
+}
+
+export { LoaderCircleIcon };

package/dist/chunk-BRXNGF5W.js

@@ -0,0 +1,96 @@
+import { SlidingNumber } from './chunk-ULLTRLBD.js';
+import { Sparkline } from './chunk-RHEF3WH6.js';
+import { TrendIndicator } from './chunk-3R2VLZUR.js';
+import { Skeleton } from './chunk-RASEB2XI.js';
+import { Card } from './chunk-AH6YSYYT.js';
+import { cn } from './chunk-QYZT24TS.js';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var metricCardVariants = cva("transition-all border-l-2 border-l-transparent hover:border-l-accent/60", {
+  variants: {
+    size: {
+      sm: "p-2 [&_.metric-label]:text-xs [&_.metric-value-row]:text-xl",
+      default: "p-4 [&_.metric-label]:text-sm [&_.metric-value-row]:text-3xl",
+      lg: "p-6 [&_.metric-label]:text-base [&_.metric-value-row]:text-4xl"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+function MetricCard({
+  label,
+  value,
+  trend,
+  sparklineData,
+  prefix,
+  suffix,
+  formatter,
+  icon,
+  loading = false,
+  size,
+  className,
+  ref,
+  ...props
+}) {
+  const formattedValue = typeof value === "number" && formatter ? formatter(value) : null;
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      ref,
+      className: cn(metricCardVariants({ size }), className),
+      "data-slot": "metric-card",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          !!icon && /* @__PURE__ */ jsx("span", { className: "text-text-secondary", "data-slot": "metric-icon", children: icon }),
+          /* @__PURE__ */ jsx("span", { className: "metric-label text-text-secondary", children: label })
+        ] }),
+        loading ? /* @__PURE__ */ jsxs("div", { className: "mt-2 space-y-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-24" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" }),
+          !!sparklineData && /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-full" })
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx("div", { className: "metric-value-row mt-2 font-semibold tracking-tight", children: /* @__PURE__ */ jsxs("span", { className: "metric-value inline-flex items-baseline gap-0.5 tabular-nums", children: [
+            !!prefix && /* @__PURE__ */ jsx("span", { className: "text-text-secondary", "data-slot": "metric-prefix", children: prefix }),
+            typeof value === "number" ? formattedValue ? /* @__PURE__ */ jsx("span", { "data-slot": "metric-formatted", children: formattedValue }) : /* @__PURE__ */ jsx(
+              SlidingNumber,
+              {
+                number: value,
+                initiallyStable: true,
+                "data-testid": "sliding-number"
+              }
+            ) : /* @__PURE__ */ jsx("span", { "data-slot": "metric-static", children: value }),
+            !!suffix && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "text-lg text-text-secondary font-normal",
+                "data-slot": "metric-suffix",
+                children: suffix
+              }
+            )
+          ] }) }),
+          !!(trend || sparklineData) && /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-4", children: [
+            !!trend && /* @__PURE__ */ jsx(
+              TrendIndicator,
+              {
+                value: trend.value,
+                direction: trend.direction
+              }
+            ),
+            !!sparklineData && sparklineData.length > 1 && /* @__PURE__ */ jsx(
+              Sparkline,
+              {
+                data: sparklineData,
+                className: "h-8 w-20 flex-shrink-0"
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+
+export { MetricCard, metricCardVariants };

package/dist/chunk-BYASYDOH.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { use } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+// src/lib/get-strict-context.tsx
+function getStrictContext(name) {
+  const Context = React.createContext(void 0);
+  const Provider = ({
+    value,
+    children
+  }) => /* @__PURE__ */ jsx(Context.Provider, { value, children });
+  const useSafeContext = () => {
+    const ctx = use(Context);
+    if (ctx === void 0) {
+      throw new Error(`useContext must be used within ${name ?? "a Provider"}`);
+    }
+    return ctx;
+  };
+  return [Provider, useSafeContext];
+}
+
+export { getStrictContext };

package/dist/chunk-BZYMCJHW.js

@@ -0,0 +1,104 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/logos/MagicUI.tsx
+function MagicUI(props) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 256 256",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className: "size-6",
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            width: 256,
+            height: 256,
+            rx: 128,
+            fill: "url(#paint0_linear_601_4643)"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "rect",
+          {
+            width: 256,
+            height: 256,
+            rx: 128,
+            fill: "url(#paint1_linear_601_4643)"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            d: "M124.157 193.675C123.939 193.783 123.722 193.837 123.505 193.837C123.287 193.837 122.852 193.837 122.2 193.837C120.678 193.837 118.884 193.567 116.818 193.025C114.862 192.591 112.905 191.995 110.948 191.236C109.099 190.586 107.469 189.828 106.055 188.961C104.751 188.094 103.935 187.335 103.609 186.685C103.501 185.167 103.446 183.596 103.446 181.97C103.446 180.345 103.446 178.773 103.446 177.256C103.446 165.118 104.316 152.438 106.055 139.217C107.904 125.995 110.893 111.69 115.025 96.3005C115.459 94.7833 115.894 92.8867 116.329 90.6108C116.873 88.2266 117.416 85.6798 117.96 82.9704C115.351 85.0296 112.252 88.335 108.665 92.8867C105.077 97.3301 101.272 102.64 97.2492 108.818C93.3354 114.887 89.3672 121.606 85.3446 128.975C81.4308 136.236 77.8431 143.66 74.5815 151.246C71.32 158.724 68.4933 166.148 66.1015 173.517C63.8185 180.887 62.4051 187.714 61.8615 194C56.6431 192.483 53.001 190.966 50.9354 189.448C48.9785 187.931 48 186.089 48 183.921C48 181.97 48.5979 179.207 49.7938 175.631C50.9897 172.054 52.6749 167.828 54.8492 162.951C57.0236 158.074 59.6872 152.655 62.84 146.695C65.9928 140.626 69.4718 134.123 73.2769 127.187C77.6256 119.276 81.8656 111.852 85.9969 104.916C90.2369 97.9803 94.3682 91.6946 98.3908 86.0591C102.413 80.4236 106.327 75.5468 110.132 71.4286C114.046 67.3104 117.906 64.1675 121.711 62C123.233 62 125.244 62.3793 127.745 63.1379C130.354 63.8966 132.854 64.8177 135.246 65.9015C137.747 66.9852 139.921 68.1232 141.769 69.3153C143.726 70.399 144.813 71.3202 145.031 72.0788C143.509 75.1133 141.715 79.665 139.649 85.734C137.584 91.803 135.464 98.6847 133.289 106.379C131.224 114.074 129.212 122.256 127.255 130.926C125.407 139.488 123.939 147.724 122.852 155.635C125.353 149.675 128.234 143.498 131.495 137.103C134.866 130.601 138.399 124.207 142.095 117.921C145.792 111.527 149.543 105.35 153.348 99.3892C157.262 93.4286 161.067 88.0099 164.763 83.133C168.459 78.1478 171.884 73.8128 175.037 70.1281C178.298 66.4434 181.179 63.734 183.68 62C185.202 62 187.213 62.3793 189.714 63.1379C192.323 63.8966 194.824 64.8177 197.215 65.9015C199.716 66.9852 201.89 68.1232 203.738 69.3153C205.695 70.399 206.783 71.3202 207 72.0788C203.521 78.2562 200.477 85.7882 197.868 94.6749C195.258 103.562 193.03 112.882 191.182 122.635C189.442 132.389 188.083 142.089 187.105 151.734C186.235 161.271 185.8 169.833 185.8 177.419C185.8 179.911 185.8 182.512 185.8 185.222C185.8 187.931 185.909 190.749 186.126 193.675C184.604 193.675 182.756 193.458 180.582 193.025C178.516 192.7 176.45 192.212 174.385 191.562C172.428 190.911 170.634 190.153 169.003 189.286C167.372 188.527 166.231 187.66 165.578 186.685C165.47 185.167 165.415 183.596 165.415 181.97C165.415 180.345 165.415 178.773 165.415 177.256C165.415 165.118 166.285 152.438 168.025 139.217C169.873 125.995 172.863 111.69 176.994 96.3005C177.429 94.7833 177.918 92.7241 178.462 90.1232C179.005 87.5222 179.549 84.8128 180.092 81.9951C177.048 83.5123 173.569 86.4384 169.655 90.7734C165.85 95 161.936 100.202 157.914 106.379C154 112.448 150.086 119.222 146.172 126.7C142.367 134.177 138.888 141.818 135.735 149.621C132.691 157.315 130.082 165.01 127.908 172.704C125.842 180.291 124.592 187.281 124.157 193.675Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ jsxs("defs", { children: [
+          /* @__PURE__ */ jsxs(
+            "linearGradient",
+            {
+              id: "paint0_linear_601_4643",
+              x1: 128,
+              y1: 0,
+              x2: 128,
+              y2: 256,
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ jsx("stop", { stopColor: "#EF786F" }),
+                /* @__PURE__ */ jsx(
+                  "stop",
+                  {
+                    offset: 1,
+                    stopColor: "#D8595E"
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "linearGradient",
+            {
+              id: "paint1_linear_601_4643",
+              x1: 78,
+              y1: 37012e-10,
+              x2: 236,
+              y2: 256,
+              gradientUnits: "userSpaceOnUse",
+              children: [
+                /* @__PURE__ */ jsx("stop", { stopColor: "#9E7AFF" }),
+                /* @__PURE__ */ jsx(
+                  "stop",
+                  {
+                    offset: 0.333333,
+                    stopColor: "#FE8BBB"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "stop",
+                  {
+                    offset: 0.666667,
+                    stopColor: "#FFBD7A"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "stop",
+                  {
+                    offset: 1,
+                    stopColor: "#F8EAC3"
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+export { MagicUI };

package/dist/chunk-C4SNHMYC.js

@@ -0,0 +1,21 @@
+import { useSyncExternalStore } from 'react';
+
+// src/hooks/use-mobile.ts
+var MOBILE_BREAKPOINT = 768;
+var QUERY = `(max-width: ${MOBILE_BREAKPOINT - 1}px)`;
+function subscribe(callback) {
+  const mql = window.matchMedia(QUERY);
+  mql.addEventListener("change", callback, { passive: true });
+  return () => mql.removeEventListener("change", callback);
+}
+function getSnapshot() {
+  return window.innerWidth < MOBILE_BREAKPOINT;
+}
+function getServerSnapshot() {
+  return false;
+}
+function useIsMobile() {
+  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+
+export { useIsMobile };

package/dist/chunk-CGUCH322.js

@@ -0,0 +1,53 @@
+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 SPARKLE_VARIANTS = {
+  normal: { y: 0, fill: "none" },
+  animate: {
+    y: [0, -2, 0],
+    fill: ["none", "currentColor", "none"],
+    transition: { duration: 0.6, ease: "easeInOut" }
+  }
+};
+var STAR_VARIANTS = {
+  normal: { opacity: 1, scale: 1 },
+  animate: {
+    opacity: [1, 0.4, 1],
+    scale: [1, 0.8, 1],
+    transition: { delay: 0.3, duration: 0.5, ease: "easeInOut" }
+  }
+};
+function SparklesIcon({
+  onMouseEnter,
+  onMouseLeave,
+  className,
+  size = 28,
+  ref,
+  ...props
+}) {
+  const sparkleControls = useAnimation();
+  const starControls = useAnimation();
+  const { handleMouseEnter, handleMouseLeave } = useAnimatedIcon(ref, {
+    onMouseEnter,
+    onMouseLeave,
+    animate: () => {
+      void sparkleControls.start("animate");
+      void starControls.start("animate");
+    },
+    reset: () => {
+      void sparkleControls.start("normal");
+      void starControls.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: sparkleControls, d: "M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z", variants: SPARKLE_VARIANTS }),
+    /* @__PURE__ */ jsx(motion.path, { animate: starControls, d: "M20 3v4", variants: STAR_VARIANTS }),
+    /* @__PURE__ */ jsx(motion.path, { animate: starControls, d: "M22 5h-4", variants: STAR_VARIANTS }),
+    /* @__PURE__ */ jsx(motion.path, { animate: starControls, d: "M4 17v2", variants: STAR_VARIANTS }),
+    /* @__PURE__ */ jsx(motion.path, { animate: starControls, d: "M5 18H3", variants: STAR_VARIANTS })
+  ] }) });
+}
+
+export { SparklesIcon };

package/dist/chunk-CI7GPGCJ.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 SLICE_VARIANTS = {
+  normal: { pathLength: 1, opacity: 1 },
+  animate: {
+    pathLength: [0, 1],
+    opacity: [0, 1],
+    transition: { duration: 0.5, ease: "easeInOut", opacity: { duration: 0.1 } }
+  }
+};
+var ARC_VARIANTS = {
+  normal: { pathLength: 1, opacity: 1 },
+  animate: {
+    pathLength: [0, 1],
+    opacity: [0, 1],
+    transition: { duration: 0.5, delay: 0.3, ease: "easeInOut", opacity: { duration: 0.1, delay: 0.3 } }
+  }
+};
+function ChartPieIcon({
+  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 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.949v8a1 1 0 0 0 1 1z", initial: "normal", variants: SLICE_VARIANTS }),
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "M21.21 15.89A10 10 0 1 1 8 2.83", initial: "normal", variants: ARC_VARIANTS })
+  ] }) });
+}
+
+export { ChartPieIcon };

package/dist/chunk-CRY67BIF.js

@@ -0,0 +1,57 @@
+// src/lib/animation.tokens.ts
+var easing = {
+  // ease-out: user-initiated interactions (dropdowns, modals, tooltips)
+  "out-quad": "cubic-bezier(0.25, 0.46, 0.45, 0.94)",
+  "out-cubic": "cubic-bezier(0.215, 0.61, 0.355, 1)",
+  "out-quart": "cubic-bezier(0.165, 0.84, 0.44, 1)",
+  "out-quint": "cubic-bezier(0.23, 1, 0.32, 1)",
+  "out-expo": "cubic-bezier(0.19, 1, 0.22, 1)",
+  // ease-in-out: elements already on screen moving or morphing
+  "in-out-quad": "cubic-bezier(0.455, 0.03, 0.515, 0.955)",
+  "in-out-cubic": "cubic-bezier(0.645, 0.045, 0.355, 1)",
+  "in-out-quart": "cubic-bezier(0.77, 0, 0.175, 1)"
+};
+var parseBezier = (css) => css.match(/[\d.]+/g).map(Number);
+var bezier = {
+  ...Object.fromEntries(
+    Object.entries(easing).map(([k, v]) => [k, parseBezier(v)])
+  ),
+  "standard": [0.4, 0, 0.2, 1],
+  "ease": [0.25, 0.1, 0.25, 1],
+  "ease-in-out": [0.42, 0, 0.58, 1]
+};
+var duration = {
+  micro: "100ms",
+  fast: "150ms",
+  normal: "200ms",
+  moderate: "250ms",
+  slow: "300ms"
+};
+var spring = {
+  snappy: { type: "spring", stiffness: 400, damping: 28, mass: 0.8 },
+  gentle: { type: "spring", stiffness: 200, damping: 20, mass: 1 },
+  bouncy: { type: "spring", stiffness: 300, damping: 14, mass: 0.8 },
+  dramatic: { type: "spring", stiffness: 500, damping: 24, mass: 1.2 }
+};
+var springBloom = {
+  snappy: { type: "spring", stiffness: 300, damping: 16, mass: 0.6 },
+  gentle: { type: "spring", stiffness: 150, damping: 12, mass: 0.8 },
+  bouncy: { type: "spring", stiffness: 200, damping: 8, mass: 0.5 },
+  dramatic: { type: "spring", stiffness: 250, damping: 8, mass: 0.6 },
+  wobbly: { type: "spring", stiffness: 180, damping: 6, mass: 0.4 }
+};
+var motionDistance = {
+  arctic: { sm: 16, md: 32, lg: 56 },
+  bloom: { sm: 20, md: 40, lg: 72 }
+};
+var motionScale = {
+  arctic: { subtle: 0.9, normal: 0.8 },
+  bloom: { subtle: 0.85, normal: 0.7 }
+};
+var motionBlur = {
+  arctic: { subtle: 4, normal: 8 },
+  bloom: { subtle: 6, normal: 12 }
+};
+var animationTokens = { easing, bezier, duration, spring, springBloom, motionDistance, motionScale, motionBlur };
+
+export { animationTokens, bezier, duration, easing, motionBlur, motionDistance, motionScale, spring, springBloom };

package/dist/chunk-CRZ2JE24.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 SendIcon({
+  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: "M14.536 21.686a.5.5 0 0 0 .937-.024l6.5-19a.496.496 0 0 0-.635-.635l-19 6.5a.5.5 0 0 0-.024.937l7.93 3.18a2 2 0 0 1 1.112 1.11z", initial: "normal", variants: PATH_VARIANTS }),
+    /* @__PURE__ */ jsx(motion.path, { animate: controls, d: "m21.854 2.147-10.94 10.939", initial: "normal", variants: { normal: { pathLength: 1, opacity: 1 }, animate: { pathLength: [0, 1], opacity: [0, 1], transition: { duration: 0.3, delay: 0.3 } } } })
+  ] }) });
+}
+
+export { SendIcon };

package/dist/chunk-CUZJIDU7.js

@@ -0,0 +1,19 @@
+import { cn } from './chunk-QYZT24TS.js';
+import { jsx } from 'react/jsx-runtime';
+
+function Separator({ className, orientation = "horizontal", ref, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { Separator };