@hanzo/ui 5.3.35 → 5.3.36

package/dist/mermaid/index.js

@@ -1,281 +1,2 @@
 "use client";
-'use strict';
-
-var lucideReact = require('lucide-react');
-var mermaid = require('mermaid');
-var React = require('react');
-var sonner = require('sonner');
-var svgPanZoom = require('svg-pan-zoom');
-var clsx = require('clsx');
-var tailwindMerge = require('tailwind-merge');
-var reactSlot = require('@radix-ui/react-slot');
-var classVarianceAuthority = require('class-variance-authority');
-var jsxRuntime = require('react/jsx-runtime');
-var TooltipPrimitive = require('@radix-ui/react-tooltip');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var mermaid__default = /*#__PURE__*/_interopDefault(mermaid);
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-var svgPanZoom__default = /*#__PURE__*/_interopDefault(svgPanZoom);
-var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function cn(...inputs) {
-  return tailwindMerge.twMerge(clsx.clsx(inputs));
-}
-__name(cn, "cn");
-var buttonVariants = classVarianceAuthority.cva(
-  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline",
-        // Keep the additional Hanzo variants for backward compatibility
-        primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        linkFG: "text-primary underline-offset-4 hover:underline",
-        linkMuted: "text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"
-      },
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React__namespace.forwardRef(
-  ({ className, variant = "default", size = "default", asChild = false, isLoading = false, children, ...props }, ref) => {
-    const Comp = asChild ? reactSlot.Slot : "button";
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      Comp,
-      {
-        "data-slot": "button",
-        "data-variant": variant,
-        "data-size": size,
-        className: cn(buttonVariants({ variant, size, className })),
-        ref,
-        ...props,
-        children: [
-          isLoading ? /* @__PURE__ */ jsxRuntime.jsx(
-            lucideReact.Loader2,
-            {
-              className: cn("h-4 w-4 animate-spin", size !== "icon" && size !== "icon-sm" && size !== "icon-lg" && "mr-2")
-            }
-          ) : null,
-          isLoading && (size === "icon" || size === "icon-sm" || size === "icon-lg") ? null : children
-        ]
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-var Tooltip = TooltipPrimitive__namespace.Root;
-var TooltipTrigger = TooltipPrimitive__namespace.Trigger;
-var TooltipContent = /* @__PURE__ */ __name(({
-  className,
-  sideOffset = 4,
-  showArrow = true,
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsxs(
-  TooltipPrimitive__namespace.Content,
-  {
-    className: cn(
-      "border-divider bg-bg-dark animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-w-[280px] rounded-lg border px-3 py-1.5 text-xs text-white",
-      className
-    ),
-    sideOffset,
-    ...props,
-    children: [
-      props.children,
-      showArrow && /* @__PURE__ */ jsxRuntime.jsx(TooltipPrimitive__namespace.Arrow, { className: "fill-bg-dark -my-px drop-shadow-[0_1px_0_#313336]" })
-    ]
-  }
-), "TooltipContent");
-TooltipContent.displayName = TooltipPrimitive__namespace.Content.displayName;
-mermaid__default.default.initialize({
-  startOnLoad: true,
-  mindmap: {
-    useWidth: 800
-  },
-  theme: "dark",
-  fontSize: 18,
-  darkMode: true,
-  fontFamily: "Inter"
-});
-var generateId = /* @__PURE__ */ __name(() => `mermaid-${Math.random().toString(36).slice(2)}`, "generateId");
-var downloadBlob = /* @__PURE__ */ __name(async (blob, filename) => {
-  try {
-    const link = document.createElement("a");
-    link.href = URL.createObjectURL(blob);
-    link.download = filename;
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    URL.revokeObjectURL(link.href);
-    sonner.toast.success("Mermaid diagram saved successfully");
-  } catch (error) {
-    sonner.toast.error("Failed to download diagram");
-  }
-}, "downloadBlob");
-var MermaidDiagram = /* @__PURE__ */ __name(({
-  code,
-  className,
-  isRunning
-}) => {
-  const ref = React.useRef(null);
-  const lastCode = React.useRef(null);
-  const [instance, setInstance] = React.useState(null);
-  const isComplete = !isRunning;
-  const resetZoom = React.useCallback(() => {
-    instance?.fit();
-    instance?.center();
-  }, [instance]);
-  const downloadSVG = React.useCallback(() => {
-    if (ref.current) {
-      const svg = ref.current.innerHTML;
-      const blob = new Blob([svg], { type: "image/svg+xml" });
-      void downloadBlob(blob, "mermaid-diagram.svg");
-    }
-  }, []);
-  const enableZoom = React.useCallback(() => {
-    instance?.enablePan();
-    instance?.enableZoom();
-  }, [instance]);
-  const disableZoom = React.useCallback(() => {
-    instance?.disablePan();
-    instance?.disableZoom();
-  }, [instance]);
-  const handleFocus = React.useCallback(() => {
-    enableZoom();
-  }, [enableZoom]);
-  const handleBlur = React.useCallback(() => {
-    disableZoom();
-  }, [disableZoom]);
-  const handleClick = React.useCallback(() => {
-    if (ref.current) {
-      ref.current.focus();
-    }
-  }, []);
-  React.useEffect(() => {
-    if (!isComplete || !ref.current || !code) return;
-    if (lastCode.current === code) return;
-    void (async () => {
-      try {
-        const id = generateId();
-        const { svg } = await mermaid__default.default.render(id, code);
-        if (ref.current) {
-          ref.current.innerHTML = svg;
-          const svgElement = ref.current.querySelector("svg");
-          if (svgElement) {
-            svgElement.setAttribute("height", "100%");
-            svgElement.setAttribute("width", "100%");
-            svgElement.style.height = "100%";
-            svgElement.style.width = "100%";
-            svgElement.style.position = "absolute";
-            svgElement.style.top = "0";
-            svgElement.style.left = "0";
-            const panZoomInstance = svgPanZoom__default.default(svgElement);
-            panZoomInstance.fit();
-            panZoomInstance.center();
-            panZoomInstance.zoomAtPoint(1, { x: 0, y: 0 });
-            panZoomInstance.disablePan();
-            panZoomInstance.disableZoom();
-            setInstance(panZoomInstance);
-          }
-        }
-        lastCode.current = code;
-      } catch (e) {
-        console.warn("Failed to render Mermaid diagram:", e);
-      }
-    })();
-  }, [code, isComplete]);
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "absolute top-2 right-2 z-10 flex gap-1", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            onClick: resetZoom,
-            className: "text-text-secondary",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RotateCcw, { size: 14 })
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Reset Zoom" }) })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs(Tooltip, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            onClick: downloadSVG,
-            className: "text-text-secondary",
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { size: 14 })
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { children: /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Download SVG" }) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        onClick: handleClick,
-        className: "text-text-secondary bg-bg-quaternary absolute right-2 bottom-2 z-10 rounded px-2 py-1 text-xs",
-        children: "Click to focus, then scroll to zoom & drag to pan"
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        tabIndex: 0,
-        onFocus: handleFocus,
-        onBlur: handleBlur,
-        onClick: handleClick,
-        className: cn(
-          "text-text-secondary bg-bg-quaternary focus:ring-opacity-50 relative w-full cursor-grab overflow-hidden rounded-b-lg p-4 py-10 text-center text-sm focus:cursor-grabbing focus:ring-2 focus:ring-blue-500 focus:outline-none",
-          className
-        ),
-        style: { width: "100%", minHeight: "400px" },
-        children: "Drawing diagram..."
-      }
-    )
-  ] });
-}, "MermaidDiagram");
-
-exports.Mermaid = MermaidDiagram;
-exports.MermaidDiagram = MermaidDiagram;
+'use strict';var lucideReact=require('lucide-react'),L=require('mermaid'),M=require('react'),sonner=require('sonner'),j=require('svg-pan-zoom'),clsx=require('clsx'),tailwindMerge=require('tailwind-merge'),reactSlot=require('@radix-ui/react-slot'),classVarianceAuthority=require('class-variance-authority'),jsxRuntime=require('react/jsx-runtime'),r=require('@radix-ui/react-tooltip');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var n=Object.create(null);if(e){Object.keys(e).forEach(function(k){if(k!=='default'){var d=Object.getOwnPropertyDescriptor(e,k);Object.defineProperty(n,k,d.get?d:{enumerable:true,get:function(){return e[k]}});}})}n.default=e;return Object.freeze(n)}var L__default=/*#__PURE__*/_interopDefault(L);var M__namespace=/*#__PURE__*/_interopNamespace(M);var j__default=/*#__PURE__*/_interopDefault(j);var r__namespace=/*#__PURE__*/_interopNamespace(r);var A=Object.defineProperty;var l=(e,a)=>A(e,"name",{value:a,configurable:true});function d(...e){return tailwindMerge.twMerge(clsx.clsx(e))}l(d,"cn");var U=classVarianceAuthority.cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline",primary:"bg-primary text-primary-foreground shadow hover:bg-primary/90",linkFG:"text-primary underline-offset-4 hover:underline",linkMuted:"text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9","icon-sm":"size-8","icon-lg":"size-10"}},defaultVariants:{variant:"default",size:"default"}}),f=M__namespace.forwardRef(({className:e,variant:a="default",size:t="default",asChild:o=false,isLoading:p=false,children:n,...h},g)=>jsxRuntime.jsxs(o?reactSlot.Slot:"button",{"data-slot":"button","data-variant":a,"data-size":t,className:d(U({variant:a,size:t,className:e})),ref:g,...h,children:[p?jsxRuntime.jsx(lucideReact.Loader2,{className:d("h-4 w-4 animate-spin",t!=="icon"&&t!=="icon-sm"&&t!=="icon-lg"&&"mr-2")}):null,p&&(t==="icon"||t==="icon-sm"||t==="icon-lg")?null:n]}));f.displayName="Button";var y=r__namespace.Root,T=r__namespace.Trigger;var v=l(({className:e,sideOffset:a=4,showArrow:t=true,...o})=>jsxRuntime.jsxs(r__namespace.Content,{className:d("border-divider bg-bg-dark animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-w-[280px] rounded-lg border px-3 py-1.5 text-xs text-white",e),sideOffset:a,...o,children:[o.children,t&&jsxRuntime.jsx(r__namespace.Arrow,{className:"fill-bg-dark -my-px drop-shadow-[0_1px_0_#313336]"})]}),"TooltipContent");v.displayName=r__namespace.Content.displayName;L__default.default.initialize({startOnLoad:true,mindmap:{useWidth:800},theme:"dark",fontSize:18,darkMode:true,fontFamily:"Inter"});var J=l(()=>`mermaid-${Math.random().toString(36).slice(2)}`,"generateId"),K=l(async(e,a)=>{try{let t=document.createElement("a");t.href=URL.createObjectURL(e),t.download=a,document.body.appendChild(t),t.click(),document.body.removeChild(t),URL.revokeObjectURL(t.href),sonner.toast.success("Mermaid diagram saved successfully");}catch{sonner.toast.error("Failed to download diagram");}},"downloadBlob"),N=l(({code:e,className:a,isRunning:t})=>{let o=M.useRef(null),p=M.useRef(null),[n,h]=M.useState(null),g=!t,w=M.useCallback(()=>{n?.fit(),n?.center();},[n]),z=M.useCallback(()=>{if(o.current){let u=o.current.innerHTML,x=new Blob([u],{type:"image/svg+xml"});K(x,"mermaid-diagram.svg");}},[]),P=M.useCallback(()=>{n?.enablePan(),n?.enableZoom();},[n]),C=M.useCallback(()=>{n?.disablePan(),n?.disableZoom();},[n]),D=M.useCallback(()=>{P();},[P]),S=M.useCallback(()=>{C();},[C]),k=M.useCallback(()=>{o.current&&o.current.focus();},[]);return M.useEffect(()=>{!g||!o.current||!e||p.current!==e&&(async()=>{try{let u=J(),{svg:x}=await L__default.default.render(u,e);if(o.current){o.current.innerHTML=x;let s=o.current.querySelector("svg");if(s){s.setAttribute("height","100%"),s.setAttribute("width","100%"),s.style.height="100%",s.style.width="100%",s.style.position="absolute",s.style.top="0",s.style.left="0";let m=j__default.default(s);m.fit(),m.center(),m.zoomAtPoint(1,{x:0,y:0}),m.disablePan(),m.disableZoom(),h(m);}}p.current=e;}catch(u){console.warn("Failed to render Mermaid diagram:",u);}})();},[e,g]),jsxRuntime.jsxs("div",{className:"relative",children:[jsxRuntime.jsxs("div",{className:"absolute top-2 right-2 z-10 flex gap-1",children:[jsxRuntime.jsxs(y,{children:[jsxRuntime.jsx(T,{asChild:true,children:jsxRuntime.jsx(f,{variant:"ghost",size:"icon",onClick:w,className:"text-text-secondary",children:jsxRuntime.jsx(lucideReact.RotateCcw,{size:14})})}),jsxRuntime.jsx(v,{children:jsxRuntime.jsx("p",{children:"Reset Zoom"})})]}),jsxRuntime.jsxs(y,{children:[jsxRuntime.jsx(T,{asChild:true,children:jsxRuntime.jsx(f,{variant:"ghost",size:"icon",onClick:z,className:"text-text-secondary",children:jsxRuntime.jsx(lucideReact.Download,{size:14})})}),jsxRuntime.jsx(v,{children:jsxRuntime.jsx("p",{children:"Download SVG"})})]})]}),jsxRuntime.jsx("div",{onClick:k,className:"text-text-secondary bg-bg-quaternary absolute right-2 bottom-2 z-10 rounded px-2 py-1 text-xs",children:"Click to focus, then scroll to zoom & drag to pan"}),jsxRuntime.jsx("div",{ref:o,tabIndex:0,onFocus:D,onBlur:S,onClick:k,className:d("text-text-secondary bg-bg-quaternary focus:ring-opacity-50 relative w-full cursor-grab overflow-hidden rounded-b-lg p-4 py-10 text-center text-sm focus:cursor-grabbing focus:ring-2 focus:ring-blue-500 focus:outline-none",a),style:{width:"100%",minHeight:"400px"},children:"Drawing diagram..."})]})},"MermaidDiagram");exports.Mermaid=N;exports.MermaidDiagram=N;

package/dist/mermaid/index.mjs

@@ -1,254 +1,2 @@
 "use client";
-import { Loader2, RotateCcw, Download } from 'lucide-react';
-import mermaid from 'mermaid';
-import * as React from 'react';
-import { useRef, useState, useCallback, useEffect } from 'react';
-import { toast } from 'sonner';
-import svgPanZoom from 'svg-pan-zoom';
-import { clsx } from 'clsx';
-import { twMerge } from 'tailwind-merge';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-__name(cn, "cn");
-var buttonVariants = cva(
-  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-        link: "text-primary underline-offset-4 hover:underline",
-        // Keep the additional Hanzo variants for backward compatibility
-        primary: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
-        linkFG: "text-primary underline-offset-4 hover:underline",
-        linkMuted: "text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"
-      },
-      size: {
-        default: "h-9 px-4 py-2 has-[>svg]:px-3",
-        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-        icon: "size-9",
-        "icon-sm": "size-8",
-        "icon-lg": "size-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React.forwardRef(
-  ({ className, variant = "default", size = "default", asChild = false, isLoading = false, children, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsxs(
-      Comp,
-      {
-        "data-slot": "button",
-        "data-variant": variant,
-        "data-size": size,
-        className: cn(buttonVariants({ variant, size, className })),
-        ref,
-        ...props,
-        children: [
-          isLoading ? /* @__PURE__ */ jsx(
-            Loader2,
-            {
-              className: cn("h-4 w-4 animate-spin", size !== "icon" && size !== "icon-sm" && size !== "icon-lg" && "mr-2")
-            }
-          ) : null,
-          isLoading && (size === "icon" || size === "icon-sm" || size === "icon-lg") ? null : children
-        ]
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-var Tooltip = TooltipPrimitive.Root;
-var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = /* @__PURE__ */ __name(({
-  className,
-  sideOffset = 4,
-  showArrow = true,
-  ...props
-}) => /* @__PURE__ */ jsxs(
-  TooltipPrimitive.Content,
-  {
-    className: cn(
-      "border-divider bg-bg-dark animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-w-[280px] rounded-lg border px-3 py-1.5 text-xs text-white",
-      className
-    ),
-    sideOffset,
-    ...props,
-    children: [
-      props.children,
-      showArrow && /* @__PURE__ */ jsx(TooltipPrimitive.Arrow, { className: "fill-bg-dark -my-px drop-shadow-[0_1px_0_#313336]" })
-    ]
-  }
-), "TooltipContent");
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-mermaid.initialize({
-  startOnLoad: true,
-  mindmap: {
-    useWidth: 800
-  },
-  theme: "dark",
-  fontSize: 18,
-  darkMode: true,
-  fontFamily: "Inter"
-});
-var generateId = /* @__PURE__ */ __name(() => `mermaid-${Math.random().toString(36).slice(2)}`, "generateId");
-var downloadBlob = /* @__PURE__ */ __name(async (blob, filename) => {
-  try {
-    const link = document.createElement("a");
-    link.href = URL.createObjectURL(blob);
-    link.download = filename;
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    URL.revokeObjectURL(link.href);
-    toast.success("Mermaid diagram saved successfully");
-  } catch (error) {
-    toast.error("Failed to download diagram");
-  }
-}, "downloadBlob");
-var MermaidDiagram = /* @__PURE__ */ __name(({
-  code,
-  className,
-  isRunning
-}) => {
-  const ref = useRef(null);
-  const lastCode = useRef(null);
-  const [instance, setInstance] = useState(null);
-  const isComplete = !isRunning;
-  const resetZoom = useCallback(() => {
-    instance?.fit();
-    instance?.center();
-  }, [instance]);
-  const downloadSVG = useCallback(() => {
-    if (ref.current) {
-      const svg = ref.current.innerHTML;
-      const blob = new Blob([svg], { type: "image/svg+xml" });
-      void downloadBlob(blob, "mermaid-diagram.svg");
-    }
-  }, []);
-  const enableZoom = useCallback(() => {
-    instance?.enablePan();
-    instance?.enableZoom();
-  }, [instance]);
-  const disableZoom = useCallback(() => {
-    instance?.disablePan();
-    instance?.disableZoom();
-  }, [instance]);
-  const handleFocus = useCallback(() => {
-    enableZoom();
-  }, [enableZoom]);
-  const handleBlur = useCallback(() => {
-    disableZoom();
-  }, [disableZoom]);
-  const handleClick = useCallback(() => {
-    if (ref.current) {
-      ref.current.focus();
-    }
-  }, []);
-  useEffect(() => {
-    if (!isComplete || !ref.current || !code) return;
-    if (lastCode.current === code) return;
-    void (async () => {
-      try {
-        const id = generateId();
-        const { svg } = await mermaid.render(id, code);
-        if (ref.current) {
-          ref.current.innerHTML = svg;
-          const svgElement = ref.current.querySelector("svg");
-          if (svgElement) {
-            svgElement.setAttribute("height", "100%");
-            svgElement.setAttribute("width", "100%");
-            svgElement.style.height = "100%";
-            svgElement.style.width = "100%";
-            svgElement.style.position = "absolute";
-            svgElement.style.top = "0";
-            svgElement.style.left = "0";
-            const panZoomInstance = svgPanZoom(svgElement);
-            panZoomInstance.fit();
-            panZoomInstance.center();
-            panZoomInstance.zoomAtPoint(1, { x: 0, y: 0 });
-            panZoomInstance.disablePan();
-            panZoomInstance.disableZoom();
-            setInstance(panZoomInstance);
-          }
-        }
-        lastCode.current = code;
-      } catch (e) {
-        console.warn("Failed to render Mermaid diagram:", e);
-      }
-    })();
-  }, [code, isComplete]);
-  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ jsxs("div", { className: "absolute top-2 right-2 z-10 flex gap-1", children: [
-      /* @__PURE__ */ jsxs(Tooltip, { children: [
-        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            onClick: resetZoom,
-            className: "text-text-secondary",
-            children: /* @__PURE__ */ jsx(RotateCcw, { size: 14 })
-          }
-        ) }),
-        /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Reset Zoom" }) })
-      ] }),
-      /* @__PURE__ */ jsxs(Tooltip, { children: [
-        /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            onClick: downloadSVG,
-            className: "text-text-secondary",
-            children: /* @__PURE__ */ jsx(Download, { size: 14 })
-          }
-        ) }),
-        /* @__PURE__ */ jsx(TooltipContent, { children: /* @__PURE__ */ jsx("p", { children: "Download SVG" }) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        onClick: handleClick,
-        className: "text-text-secondary bg-bg-quaternary absolute right-2 bottom-2 z-10 rounded px-2 py-1 text-xs",
-        children: "Click to focus, then scroll to zoom & drag to pan"
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        tabIndex: 0,
-        onFocus: handleFocus,
-        onBlur: handleBlur,
-        onClick: handleClick,
-        className: cn(
-          "text-text-secondary bg-bg-quaternary focus:ring-opacity-50 relative w-full cursor-grab overflow-hidden rounded-b-lg p-4 py-10 text-center text-sm focus:cursor-grabbing focus:ring-2 focus:ring-blue-500 focus:outline-none",
-          className
-        ),
-        style: { width: "100%", minHeight: "400px" },
-        children: "Drawing diagram..."
-      }
-    )
-  ] });
-}, "MermaidDiagram");
-
-export { MermaidDiagram as Mermaid, MermaidDiagram };
+import {Loader2,RotateCcw,Download}from'lucide-react';import L from'mermaid';import*as M from'react';import {useRef,useState,useCallback,useEffect}from'react';import {toast}from'sonner';import j from'svg-pan-zoom';import {clsx}from'clsx';import {twMerge}from'tailwind-merge';import {Slot}from'@radix-ui/react-slot';import {cva}from'class-variance-authority';import {jsxs,jsx}from'react/jsx-runtime';import*as r from'@radix-ui/react-tooltip';var A=Object.defineProperty;var l=(e,a)=>A(e,"name",{value:a,configurable:true});function d(...e){return twMerge(clsx(e))}l(d,"cn");var U=cva('inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*="size-"])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive',{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline",primary:"bg-primary text-primary-foreground shadow hover:bg-primary/90",linkFG:"text-primary underline-offset-4 hover:underline",linkMuted:"text-muted-foreground underline-offset-4 hover:underline hover:text-foreground"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9","icon-sm":"size-8","icon-lg":"size-10"}},defaultVariants:{variant:"default",size:"default"}}),f=M.forwardRef(({className:e,variant:a="default",size:t="default",asChild:o=false,isLoading:p=false,children:n,...h},g)=>jsxs(o?Slot:"button",{"data-slot":"button","data-variant":a,"data-size":t,className:d(U({variant:a,size:t,className:e})),ref:g,...h,children:[p?jsx(Loader2,{className:d("h-4 w-4 animate-spin",t!=="icon"&&t!=="icon-sm"&&t!=="icon-lg"&&"mr-2")}):null,p&&(t==="icon"||t==="icon-sm"||t==="icon-lg")?null:n]}));f.displayName="Button";var y=r.Root,T=r.Trigger;var v=l(({className:e,sideOffset:a=4,showArrow:t=true,...o})=>jsxs(r.Content,{className:d("border-divider bg-bg-dark animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-w-[280px] rounded-lg border px-3 py-1.5 text-xs text-white",e),sideOffset:a,...o,children:[o.children,t&&jsx(r.Arrow,{className:"fill-bg-dark -my-px drop-shadow-[0_1px_0_#313336]"})]}),"TooltipContent");v.displayName=r.Content.displayName;L.initialize({startOnLoad:true,mindmap:{useWidth:800},theme:"dark",fontSize:18,darkMode:true,fontFamily:"Inter"});var J=l(()=>`mermaid-${Math.random().toString(36).slice(2)}`,"generateId"),K=l(async(e,a)=>{try{let t=document.createElement("a");t.href=URL.createObjectURL(e),t.download=a,document.body.appendChild(t),t.click(),document.body.removeChild(t),URL.revokeObjectURL(t.href),toast.success("Mermaid diagram saved successfully");}catch{toast.error("Failed to download diagram");}},"downloadBlob"),N=l(({code:e,className:a,isRunning:t})=>{let o=useRef(null),p=useRef(null),[n,h]=useState(null),g=!t,w=useCallback(()=>{n?.fit(),n?.center();},[n]),z=useCallback(()=>{if(o.current){let u=o.current.innerHTML,x=new Blob([u],{type:"image/svg+xml"});K(x,"mermaid-diagram.svg");}},[]),P=useCallback(()=>{n?.enablePan(),n?.enableZoom();},[n]),C=useCallback(()=>{n?.disablePan(),n?.disableZoom();},[n]),D=useCallback(()=>{P();},[P]),S=useCallback(()=>{C();},[C]),k=useCallback(()=>{o.current&&o.current.focus();},[]);return useEffect(()=>{!g||!o.current||!e||p.current!==e&&(async()=>{try{let u=J(),{svg:x}=await L.render(u,e);if(o.current){o.current.innerHTML=x;let s=o.current.querySelector("svg");if(s){s.setAttribute("height","100%"),s.setAttribute("width","100%"),s.style.height="100%",s.style.width="100%",s.style.position="absolute",s.style.top="0",s.style.left="0";let m=j(s);m.fit(),m.center(),m.zoomAtPoint(1,{x:0,y:0}),m.disablePan(),m.disableZoom(),h(m);}}p.current=e;}catch(u){console.warn("Failed to render Mermaid diagram:",u);}})();},[e,g]),jsxs("div",{className:"relative",children:[jsxs("div",{className:"absolute top-2 right-2 z-10 flex gap-1",children:[jsxs(y,{children:[jsx(T,{asChild:true,children:jsx(f,{variant:"ghost",size:"icon",onClick:w,className:"text-text-secondary",children:jsx(RotateCcw,{size:14})})}),jsx(v,{children:jsx("p",{children:"Reset Zoom"})})]}),jsxs(y,{children:[jsx(T,{asChild:true,children:jsx(f,{variant:"ghost",size:"icon",onClick:z,className:"text-text-secondary",children:jsx(Download,{size:14})})}),jsx(v,{children:jsx("p",{children:"Download SVG"})})]})]}),jsx("div",{onClick:k,className:"text-text-secondary bg-bg-quaternary absolute right-2 bottom-2 z-10 rounded px-2 py-1 text-xs",children:"Click to focus, then scroll to zoom & drag to pan"}),jsx("div",{ref:o,tabIndex:0,onFocus:D,onBlur:S,onClick:k,className:d("text-text-secondary bg-bg-quaternary focus:ring-opacity-50 relative w-full cursor-grab overflow-hidden rounded-b-lg p-4 py-10 text-center text-sm focus:cursor-grabbing focus:ring-2 focus:ring-blue-500 focus:outline-none",a),style:{width:"100%",minHeight:"400px"},children:"Drawing diagram..."})]})},"MermaidDiagram");export{N as Mermaid,N as MermaidDiagram};