@aiready/components 0.1.31 → 0.1.34

package/dist/index.js

@@ -123,14 +123,7 @@ var labelVariants = cva(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
 var Label = React2.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "label",
-    {
-      ref,
-      className: cn(labelVariants(), className),
-      ...props
-    }
-  )
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("label", { ref, className: cn(labelVariants(), className), ...props })
 );
 Label.displayName = "Label";
 var badgeVariants = cva(
@@ -358,29 +351,36 @@ var Switch = React2.forwardRef(
       onCheckedChange?.(e.target.checked);
     };
     return /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ jsxs("label", { htmlFor: switchId, className: "relative inline-flex cursor-pointer items-center", children: [
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            type: "checkbox",
-            id: switchId,
-            ref,
-            checked,
-            onChange: handleChange,
-            className: "peer sr-only",
-            ...props
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              'peer h-6 w-11 rounded-full bg-gray-200 after:absolute after:left-[2px] after:top-[2px] after:h-5 after:w-5 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[""] peer-checked:bg-primary peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-ring peer-focus:ring-offset-2 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
-              className
+      /* @__PURE__ */ jsxs(
+        "label",
+        {
+          htmlFor: switchId,
+          className: "relative inline-flex cursor-pointer items-center",
+          children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "checkbox",
+                id: switchId,
+                ref,
+                checked,
+                onChange: handleChange,
+                className: "peer sr-only",
+                ...props
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn(
+                  'peer h-6 w-11 rounded-full bg-gray-200 after:absolute after:left-[2px] after:top-[2px] after:h-5 after:w-5 after:rounded-full after:border after:border-gray-300 after:bg-white after:transition-all after:content-[""] peer-checked:bg-primary peer-checked:after:translate-x-full peer-checked:after:border-white peer-focus:outline-none peer-focus:ring-2 peer-focus:ring-ring peer-focus:ring-offset-2 peer-disabled:cursor-not-allowed peer-disabled:opacity-50',
+                  className
+                )
+              }
             )
-          }
-        )
-      ] }),
+          ]
+        }
+      ),
       label && /* @__PURE__ */ jsx("span", { className: "ml-3 text-sm font-medium text-foreground", children: label })
     ] });
   }
@@ -435,7 +435,7 @@ var Select = React2.forwardRef(
 );
 Select.displayName = "Select";
 function dedentCode(code) {
-  let normalized = code.replace(/\t/g, "  ").replace(/[ \t]+$/gm, "");
+  const normalized = code.replace(/\t/g, "  ").replace(/[ \t]+$/gm, "");
   const lines = normalized.split("\n");
   if (lines.length <= 1) return normalized.trim();
   let start = 0;
@@ -449,7 +449,9 @@ function dedentCode(code) {
     const m = line.match(/^\s*/)?.[0].length ?? 0;
     return Math.min(min, m);
   }, Infinity);
-  const dedented = minIndent === Infinity || minIndent === 0 ? relevantLines.join("\n") : relevantLines.map((l) => l.startsWith(" ".repeat(minIndent)) ? l.slice(minIndent) : l).join("\n");
+  const dedented = minIndent === Infinity || minIndent === 0 ? relevantLines.join("\n") : relevantLines.map(
+    (l) => l.startsWith(" ".repeat(minIndent)) ? l.slice(minIndent) : l
+  ).join("\n");
   return dedented;
 }
 function CopyButton({ code }) {
@@ -478,7 +480,41 @@ function CopyButton({ code }) {
       onClick: handleCopy,
       className: "rounded-md p-1.5 text-slate-400 hover:text-slate-200 hover:bg-slate-700/50 transition-colors",
       title: copied ? "Copied!" : "Copy code",
-      children: copied ? /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 12.75l6 6 9-13.5" }) }) : /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.666 3.888A2.25 2.25 0 0013.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 01-.75.75H9a.75.75 0 01-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 01-2.25 2.25H6.75A2.25 2.25 0 014.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 011.927-.184" }) })
+      children: copied ? /* @__PURE__ */ jsx(
+        "svg",
+        {
+          className: "h-4 w-4",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          strokeWidth: "1.5",
+          stroke: "currentColor",
+          children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              d: "M4.5 12.75l6 6 9-13.5"
+            }
+          )
+        }
+      ) : /* @__PURE__ */ jsx(
+        "svg",
+        {
+          className: "h-4 w-4",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          strokeWidth: "1.5",
+          stroke: "currentColor",
+          children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              d: "M15.666 3.888A2.25 2.25 0 0013.5 2.25h-3c-1.03 0-1.9.693-2.166 1.638m7.332 0c.055.194.084.4.084.612v0a.75.75 0 01-.75.75H9a.75.75 0 01-.75-.75v0c0-.212.03-.418.084-.612m7.332 0c.646.049 1.288.11 1.927.184 1.1.128 1.907 1.077 1.907 2.185V19.5a2.25 2.25 0 01-2.25 2.25H6.75A2.25 2.25 0 014.5 19.5V6.257c0-1.108.806-2.057 1.907-2.185a48.208 48.208 0 011.927-.184"
+            }
+          )
+        }
+      )
     }
   );
 }
@@ -494,29 +530,46 @@ function CodeBlock({
       return dedentCode(children);
     }
     try {
-      const raw = React2__default.Children.toArray(children).map((c) => typeof c === "string" ? c : typeof c === "number" ? String(c) : "").join("");
+      const raw = React2__default.Children.toArray(children).map(
+        (c) => typeof c === "string" ? c : typeof c === "number" ? String(c) : ""
+      ).join("");
       return dedentCode(raw);
     } catch {
       return "";
     }
   }, [children]);
-  return /* @__PURE__ */ jsxs("div", { className: `group relative my-4 overflow-hidden rounded-xl border border-slate-700 bg-slate-900 shadow-lg ${className}`, children: [
-    showHeader && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-slate-700 bg-slate-800/50 px-4 py-2", children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5", children: [
-          /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-red-500/50" }),
-          /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-amber-500/50" }),
-          /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-emerald-500/50" })
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `group relative my-4 overflow-hidden rounded-xl border border-slate-700 bg-slate-900 shadow-lg ${className}`,
+      children: [
+        showHeader && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-slate-700 bg-slate-800/50 px-4 py-2", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex gap-1.5", children: [
+              /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-red-500/50" }),
+              /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-amber-500/50" }),
+              /* @__PURE__ */ jsx("div", { className: "h-3 w-3 rounded-full bg-emerald-500/50" })
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs font-semibold uppercase tracking-wider text-slate-500 font-mono", children: language })
+          ] }),
+          showCopy && /* @__PURE__ */ jsx(CopyButton, { code: codeString })
         ] }),
-        /* @__PURE__ */ jsx("span", { className: "ml-2 text-xs font-semibold uppercase tracking-wider text-slate-500 font-mono", children: language })
-      ] }),
-      showCopy && /* @__PURE__ */ jsx(CopyButton, { code: codeString })
-    ] }),
-    /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto p-4 text-sm leading-relaxed", children: /* @__PURE__ */ jsx("code", { className: "font-mono block whitespace-pre text-slate-300", children: codeString }) })
-  ] });
+        /* @__PURE__ */ jsx("pre", { className: "overflow-x-auto p-4 text-sm leading-relaxed", children: /* @__PURE__ */ jsx("code", { className: "font-mono block whitespace-pre text-slate-300", children: codeString }) })
+      ]
+    }
+  );
 }
-function InlineCode({ children, className = "" }) {
-  return /* @__PURE__ */ jsx("code", { className: `rounded-md bg-slate-100 px-1.5 py-0.5 text-sm font-mono text-slate-800 ${className}`, children });
+function InlineCode({
+  children,
+  className = ""
+}) {
+  return /* @__PURE__ */ jsx(
+    "code",
+    {
+      className: `rounded-md bg-slate-100 px-1.5 py-0.5 text-sm font-mono text-slate-800 ${className}`,
+      children
+    }
+  );
 }
 var DefaultSeparator = () => /* @__PURE__ */ jsx(
   "svg",
@@ -526,41 +579,69 @@ var DefaultSeparator = () => /* @__PURE__ */ jsx(
     viewBox: "0 0 24 24",
     strokeWidth: "1.5",
     stroke: "currentColor",
-    children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 4.5l7.5 7.5-7.5 7.5" })
+    children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "M8.25 4.5l7.5 7.5-7.5 7.5"
+      }
+    )
   }
 );
 function Breadcrumb({ items, separator, className }) {
   const Separator2 = separator || /* @__PURE__ */ jsx(DefaultSeparator, {});
-  return /* @__PURE__ */ jsx("nav", { className: cn("flex items-center gap-1 text-sm", className), "aria-label": "Breadcrumb", children: /* @__PURE__ */ jsx("ol", { className: "flex items-center gap-1", children: items.map((item, index) => {
-    const isLast = index === items.length - 1;
-    return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-1", children: [
-      index > 0 && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: Separator2 }),
-      item.href && !isLast ? /* @__PURE__ */ jsx(
-        "a",
-        {
-          href: item.href,
-          className: "text-slate-600 hover:text-slate-900 transition-colors",
-          children: item.label
-        }
-      ) : /* @__PURE__ */ jsx("span", { className: isLast ? "font-medium text-slate-900" : "text-slate-600", children: item.label })
-    ] }, index);
-  }) }) });
+  return /* @__PURE__ */ jsx(
+    "nav",
+    {
+      className: cn("flex items-center gap-1 text-sm", className),
+      "aria-label": "Breadcrumb",
+      children: /* @__PURE__ */ jsx("ol", { className: "flex items-center gap-1", children: items.map((item, index) => {
+        const isLast = index === items.length - 1;
+        return /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-1", children: [
+          index > 0 && /* @__PURE__ */ jsx("span", { className: "flex-shrink-0", children: Separator2 }),
+          item.href && !isLast ? /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: item.href,
+              className: "text-slate-600 hover:text-slate-900 transition-colors",
+              children: item.label
+            }
+          ) : /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: isLast ? "font-medium text-slate-900" : "text-slate-600",
+              children: item.label
+            }
+          )
+        ] }, index);
+      }) })
+    }
+  );
 }
 var ratingConfig = {
-  excellent: { color: "bg-green-500", bgColor: "bg-green-100", label: "Excellent" },
+  excellent: {
+    color: "bg-green-500",
+    bgColor: "bg-green-100",
+    label: "Excellent"
+  },
   good: { color: "bg-emerald-500", bgColor: "bg-emerald-100", label: "Good" },
   fair: { color: "bg-amber-500", bgColor: "bg-amber-100", label: "Fair" },
-  "needs-work": { color: "bg-orange-500", bgColor: "bg-orange-100", label: "Needs Work" },
+  "needs-work": {
+    color: "bg-orange-500",
+    bgColor: "bg-orange-100",
+    label: "Needs Work"
+  },
   critical: { color: "bg-red-500", bgColor: "bg-red-100", label: "Critical" }
 };
 function getRating(score) {
   const coreRating = getRating$1(score);
   const ratingMap = {
-    "Excellent": "excellent",
-    "Good": "good",
-    "Fair": "fair",
+    Excellent: "excellent",
+    Good: "good",
+    Fair: "fair",
     "Needs Work": "needs-work",
-    "Critical": "critical"
+    Critical: "critical"
   };
   return ratingMap[coreRating] || "critical";
 }
@@ -593,53 +674,82 @@ function ScoreBar({
     /* @__PURE__ */ jsx("div", { className: cn("w-full rounded-full bg-slate-200", sizes.height), children: /* @__PURE__ */ jsx(
       "div",
       {
-        className: cn("rounded-full transition-all duration-500", config.color, sizes.height),
+        className: cn(
+          "rounded-full transition-all duration-500",
+          config.color,
+          sizes.height
+        ),
         style: { width: `${percentage}%` }
       }
     ) })
   ] });
 }
-function ScoreCard({ score, title, breakdown, className }) {
+function ScoreCard({
+  score,
+  title,
+  breakdown,
+  className
+}) {
   const rating = getRating(score);
   const config = ratingConfig[rating];
-  return /* @__PURE__ */ jsxs("div", { className: cn("rounded-xl border-2 border-slate-200 bg-white p-6 shadow-lg", className), children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-4", children: [
-      /* @__PURE__ */ jsxs("div", { className: "text-4xl font-black text-slate-900", children: [
-        score,
-        "/100"
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: cn("text-lg font-bold", `text-${rating === "excellent" ? "green" : rating === "good" ? "emerald" : rating === "fair" ? "amber" : rating === "needs-work" ? "orange" : "red"}-600`), children: [
-        config.label,
-        " Rating"
-      ] }),
-      title && /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-600 mt-1", children: title })
-    ] }),
-    breakdown && breakdown.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-3", children: breakdown.map((item, index) => /* @__PURE__ */ jsx(
-      ScoreBar,
-      {
-        score: item.score,
-        label: item.label,
-        size: "sm"
-      },
-      index
-    )) }),
-    breakdown && breakdown.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-4 text-xs text-slate-600 bg-slate-50 p-3 rounded-lg", children: [
-      /* @__PURE__ */ jsx("strong", { children: "Formula:" }),
-      " ",
-      breakdown.map(
-        (item) => `${item.score}\xD7${item.weight || 1}`
-      ).join(" + "),
-      " / 100 = ",
-      score
-    ] })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "rounded-xl border-2 border-slate-200 bg-white p-6 shadow-lg",
+        className
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-4", children: [
+          /* @__PURE__ */ jsxs("div", { className: "text-4xl font-black text-slate-900", children: [
+            score,
+            "/100"
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cn(
+                "text-lg font-bold",
+                `text-${rating === "excellent" ? "green" : rating === "good" ? "emerald" : rating === "fair" ? "amber" : rating === "needs-work" ? "orange" : "red"}-600`
+              ),
+              children: [
+                config.label,
+                " Rating"
+              ]
+            }
+          ),
+          title && /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-600 mt-1", children: title })
+        ] }),
+        breakdown && breakdown.length > 0 && /* @__PURE__ */ jsx("div", { className: "space-y-3", children: breakdown.map((item, index) => /* @__PURE__ */ jsx(
+          ScoreBar,
+          {
+            score: item.score,
+            label: item.label,
+            size: "sm"
+          },
+          index
+        )) }),
+        breakdown && breakdown.length > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-4 text-xs text-slate-600 bg-slate-50 p-3 rounded-lg", children: [
+          /* @__PURE__ */ jsx("strong", { children: "Formula:" }),
+          " ",
+          breakdown.map((item) => `${item.score}\xD7${item.weight || 1}`).join(" + "),
+          " ",
+          "/ 100 = ",
+          score
+        ] })
+      ]
+    }
+  );
 }
 var sizeClasses = {
   sm: "h-4 w-4",
   md: "h-8 w-8",
   lg: "h-12 w-12"
 };
-function LoadingSpinner({ size = "md", className = "" }) {
+function LoadingSpinner({
+  size = "md",
+  className = ""
+}) {
   return /* @__PURE__ */ jsx("div", { className: `flex items-center justify-center ${className}`, children: /* @__PURE__ */ jsx(
     "div",
     {
@@ -647,7 +757,9 @@ function LoadingSpinner({ size = "md", className = "" }) {
     }
   ) });
 }
-function LoadingOverlay({ message = "Loading..." }) {
+function LoadingOverlay({
+  message = "Loading..."
+}) {
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center min-h-[200px] gap-4", children: [
     /* @__PURE__ */ jsx(LoadingSpinner, { size: "lg" }),
     /* @__PURE__ */ jsx("p", { className: "text-sm text-slate-500 animate-pulse", children: message })
@@ -688,21 +800,36 @@ function ErrorDisplay({
         onClick: retry,
         className: "mt-2 inline-flex items-center gap-2 rounded-lg bg-blue-600 px-4 py-2 text-sm font-medium text-white hover:bg-blue-700 transition-colors",
         children: [
-          /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", children: /* @__PURE__ */ jsx(
-            "path",
+          /* @__PURE__ */ jsx(
+            "svg",
             {
-              strokeLinecap: "round",
-              strokeLinejoin: "round",
-              d: "M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99"
+              className: "h-4 w-4",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              strokeWidth: "1.5",
+              stroke: "currentColor",
+              children: /* @__PURE__ */ jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  d: "M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99"
+                }
+              )
             }
-          ) }),
+          ),
           retryLabel
         ]
       }
     )
   ] });
 }
-function EmptyState({ title, description, icon, action }) {
+function EmptyState({
+  title,
+  description,
+  icon,
+  action
+}) {
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center min-h-[200px] gap-4 p-8", children: [
     icon && /* @__PURE__ */ jsx("div", { className: "rounded-full bg-slate-100 p-3", children: icon }),
     /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
@@ -782,8 +909,18 @@ function ThemeProvider({
     }
   };
   if (!mounted) {
-    return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: { theme: defaultTheme, setTheme: () => {
-    }, effectiveTheme: "light" }, children });
+    return /* @__PURE__ */ jsx(
+      ThemeContext.Provider,
+      {
+        value: {
+          theme: defaultTheme,
+          setTheme: () => {
+          },
+          effectiveTheme: "light"
+        },
+        children
+      }
+    );
   }
   return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: { theme, setTheme, effectiveTheme }, children });
 }
@@ -1028,14 +1165,11 @@ function useForceSimulation(initialNodes, initialLinks, options) {
     alphaTarget = 0,
     warmAlpha = 0.3,
     alphaMin = 0.01,
-    // @ts-ignore allow extra option
-    stabilizeOnStop = true,
     onTick,
     // Optional throttle in milliseconds for tick updates (reduce React re-renders)
     // Lower values = smoother but more CPU; default ~30ms (~33fps)
-    // @ts-ignore allow extra option
+    stabilizeOnStop = true,
     tickThrottleMs = 33,
-    // @ts-ignore allow extra option
     maxSimulationTimeMs = 3e3
   } = options;
   const [nodes, setNodes] = useState(initialNodes);
@@ -1070,10 +1204,16 @@ function useForceSimulation(initialNodes, initialLinks, options) {
         n.vy = (Math.random() - 0.5) * 10;
       });
     }
-    const simulation = d33.forceSimulation(nodesCopy);
+    const simulation = d33.forceSimulation(
+      nodesCopy
+    );
     try {
-      const linkForce = d33.forceLink(linksCopy);
-      linkForce.id((d) => d.id).distance((d) => d && d.distance != null ? d.distance : linkDistance).strength(linkStrength);
+      const linkForce = d33.forceLink(
+        linksCopy
+      );
+      linkForce.id((d) => d.id).distance(
+        (d) => d && d.distance != null ? d.distance : linkDistance
+      ).strength(linkStrength);
       simulation.force("link", linkForce);
     } catch (e) {
       try {
@@ -1082,25 +1222,39 @@ function useForceSimulation(initialNodes, initialLinks, options) {
       }
     }
     try {
-      simulation.force("charge", d33.forceManyBody().strength(chargeStrength));
-      simulation.force("center", d33.forceCenter(width / 2, height / 2).strength(centerStrength));
+      simulation.force(
+        "charge",
+        d33.forceManyBody().strength(chargeStrength)
+      );
+      simulation.force(
+        "center",
+        d33.forceCenter(width / 2, height / 2).strength(centerStrength)
+      );
       const collide = d33.forceCollide().radius((d) => {
         const nodeSize = d && d.size ? d.size : 10;
         return nodeSize + collisionRadius;
       }).strength(collisionStrength);
       simulation.force("collision", collide);
-      simulation.force("x", d33.forceX(width / 2).strength(Math.max(0.02, centerStrength * 0.5)));
-      simulation.force("y", d33.forceY(height / 2).strength(Math.max(0.02, centerStrength * 0.5)));
+      simulation.force(
+        "x",
+        d33.forceX(width / 2).strength(Math.max(0.02, centerStrength * 0.5))
+      );
+      simulation.force(
+        "y",
+        d33.forceY(height / 2).strength(Math.max(0.02, centerStrength * 0.5))
+      );
       simulation.alphaDecay(alphaDecay);
       simulation.velocityDecay(velocityDecay);
       simulation.alphaMin(alphaMin);
       try {
         simulation.alphaTarget(alphaTarget);
       } catch (e) {
+        void e;
       }
       try {
         simulation.alpha(warmAlpha);
       } catch (e) {
+        void e;
       }
     } catch (e) {
     }
@@ -1136,7 +1290,8 @@ function useForceSimulation(initialNodes, initialLinks, options) {
     let lastUpdate = 0;
     const tickHandler = () => {
       try {
-        if (typeof onTick === "function") onTick(nodesCopy, linksCopy, simulation);
+        if (typeof onTick === "function")
+          onTick(nodesCopy, linksCopy, simulation);
       } catch (e) {
       }
       try {
@@ -1152,6 +1307,7 @@ function useForceSimulation(initialNodes, initialLinks, options) {
             }
             simulation.stop();
           } catch (e) {
+            void e;
           }
           setAlpha(simulation.alpha());
           setIsRunning(false);
@@ -1222,7 +1378,7 @@ function useForceSimulation(initialNodes, initialLinks, options) {
     if (simulationRef.current) {
       try {
         simulationRef.current.alphaTarget(warmAlpha).restart();
-      } catch (e) {
+      } catch {
         simulationRef.current.restart();
       }
       setIsRunning(true);
@@ -1251,7 +1407,11 @@ function useForceSimulation(initialNodes, initialLinks, options) {
       setIsRunning(false);
     }
   };
-  const originalForcesRef = useRef({ charge: chargeStrength, link: linkStrength, collision: collisionStrength });
+  const originalForcesRef = useRef({
+    charge: chargeStrength,
+    link: linkStrength,
+    collision: collisionStrength
+  });
   const forcesEnabledRef = useRef(true);
   const setForcesEnabled = (enabled) => {
     const sim = simulationRef.current;
@@ -1343,15 +1503,43 @@ var NodeItem = ({
             opacity: isHovered || isSelected ? 1 : 0.9
           }
         ),
-        pinned && /* @__PURE__ */ jsx("circle", { r: nodeSize + 4, fill: "none", stroke: "#ff6b6b", strokeWidth: 1, opacity: 0.5, className: "pointer-events-none" }),
-        showLabel && node.label && /* @__PURE__ */ jsx("text", { y: nodeSize + 15, fill: "#333", fontSize: "12", textAnchor: "middle", dominantBaseline: "middle", pointerEvents: "none", className: "select-none", children: node.label })
+        pinned && /* @__PURE__ */ jsx(
+          "circle",
+          {
+            r: nodeSize + 4,
+            fill: "none",
+            stroke: "#ff6b6b",
+            strokeWidth: 1,
+            opacity: 0.5,
+            className: "pointer-events-none"
+          }
+        ),
+        showLabel && node.label && /* @__PURE__ */ jsx(
+          "text",
+          {
+            y: nodeSize + 15,
+            fill: "#333",
+            fontSize: "12",
+            textAnchor: "middle",
+            dominantBaseline: "middle",
+            pointerEvents: "none",
+            className: "select-none",
+            children: node.label
+          }
+        )
       ]
     },
     node.id
   );
 };
 var NodeItem_default = NodeItem;
-var LinkItem = ({ link, onClick, defaultWidth, showLabel = true, nodes = [] }) => {
+var LinkItem = ({
+  link,
+  onClick,
+  defaultWidth,
+  showLabel = true,
+  nodes = []
+}) => {
   const src = link.source?.id ?? (typeof link.source === "string" ? link.source : void 0);
   const tgt = link.target?.id ?? (typeof link.target === "string" ? link.target : void 0);
   const getNodePosition = (nodeOrId) => {
@@ -1444,10 +1632,13 @@ var ForceDirectedGraph = forwardRef(
         setLayout(externalLayout);
       }
     }, [externalLayout]);
-    const handleLayoutChange = useCallback((newLayout) => {
-      setLayout(newLayout);
-      onLayoutChange?.(newLayout);
-    }, [onLayoutChange]);
+    const handleLayoutChange = useCallback(
+      (newLayout) => {
+        setLayout(newLayout);
+        onLayoutChange?.(newLayout);
+      },
+      [onLayoutChange]
+    );
     useEffect(() => {
       internalDragEnabledRef.current = enableDrag;
     }, [enableDrag]);
@@ -1487,7 +1678,7 @@ var ForceDirectedGraph = forwardRef(
     }, []);
     const stop = React2__default.useCallback(() => {
     }, []);
-    const setForcesEnabled = React2__default.useCallback((_enabled) => {
+    const setForcesEnabled = React2__default.useCallback((enabled) => {
     }, []);
     useEffect(() => {
       if (!nodes || nodes.length === 0) return;
@@ -1598,7 +1789,10 @@ var ForceDirectedGraph = forwardRef(
           if (gRef.current && svgRef.current) {
             const svg = d33.select(svgRef.current);
             const newTransform = d33.zoomIdentity.translate(x, y).scale(scale);
-            svg.transition().duration(300).call(d33.zoom().transform, newTransform);
+            svg.transition().duration(300).call(
+              d33.zoom().transform,
+              newTransform
+            );
             setTransform(newTransform);
           }
         },
@@ -1615,7 +1809,8 @@ var ForceDirectedGraph = forwardRef(
     );
     useEffect(() => {
       try {
-        if (typeof onManualLayoutChange === "function") onManualLayoutChange(manualLayout);
+        if (typeof onManualLayoutChange === "function")
+          onManualLayoutChange(manualLayout);
       } catch (e) {
       }
     }, [manualLayout, onManualLayoutChange]);
@@ -1640,7 +1835,10 @@ var ForceDirectedGraph = forwardRef(
         g.selectAll("g.node").each(function() {
           const datum = d33.select(this).datum();
           if (!datum) return;
-          d33.select(this).attr("transform", `translate(${datum.x || 0},${datum.y || 0})`);
+          d33.select(this).attr(
+            "transform",
+            `translate(${datum.x || 0},${datum.y || 0})`
+          );
         });
         g.selectAll("line").each(function() {
           const l = d33.select(this).datum();
@@ -1742,8 +1940,6 @@ var ForceDirectedGraph = forwardRef(
           restart();
         } catch (e) {
         }
-        dragNodeRef.current = null;
-        dragActiveRef.current = false;
       });
       try {
         g.selectAll("g.node").call(dragBehavior);