@windrun-huaiin/third-ui 5.13.5 → 5.13.6

package/dist/fuma/mdx/index.mjs

@@ -2694,10 +2694,6 @@ for (const [iconName, IconComponent] of Object.entries(BUILTIN_ICON_COMPONENTS))
 var wrappedBuiltinIconsPart = tempWrappedBuiltinIcons;
 var globalLucideIcons = __spreadValues(__spreadValues({}, styledLimitedIconsPart), wrappedBuiltinIconsPart);
 
-// src/fuma/mdx/mermaid.tsx
-import { useTheme } from "next-themes";
-import { useCallback as useCallback7, useEffect as useEffect15, useId as useId2, useRef as useRef11, useState as useState10 } from "react";
-
 // ../base-ui/src/ui/alert-dialog.tsx
 import * as React57 from "react";
 
@@ -5155,6 +5151,8 @@ var AlertDialogCancel2 = React57.forwardRef((_a, ref) => {
 AlertDialogCancel2.displayName = Cancel.displayName;
 
 // src/fuma/mdx/mermaid.tsx
+import { useTheme } from "next-themes";
+import { useCallback as useCallback7, useEffect as useEffect15, useId as useId2, useRef as useRef11, useState as useState10 } from "react";
 import { jsx as jsx43, jsxs as jsxs14 } from "react/jsx-runtime";
 function Mermaid({ chart, title, watermarkEnabled, watermarkText, enablePreview = true }) {
   const id = useId2();
@@ -5241,7 +5239,7 @@ function Mermaid({ chart, title, watermarkEnabled, watermarkText, enablePreview
         onClick: () => enablePreview && svg && setOpen(true),
         children: [
           /* @__PURE__ */ jsx43("div", { dangerouslySetInnerHTML: { __html: svg } }),
-          enablePreview && svg && /* @__PURE__ */ jsx43("div", { className: "pointer-events-none absolute right-2 top-2 hidden rounded bg-black/50 px-2 py-0.5 text-[12px] text-white group-hover:block", children: "Click to preview" })
+          enablePreview && svg && /* @__PURE__ */ jsx43("div", { className: "pointer-events-none absolute right-2 top-2 hidden rounded bg-black/50 px-2 py-0.5 text-[12px] text-white group-hover:block", children: "Preview Chart" })
         ]
       }
     ),
@@ -5259,52 +5257,51 @@ function Mermaid({ chart, title, watermarkEnabled, watermarkText, enablePreview
       setOpen(o);
       if (!o) resetTransform();
     }, children: /* @__PURE__ */ jsxs14(AlertDialogContent2, { className: "z-50 max-w-[95vw] w-[95vw] h-[88vh] p-0 bg-white dark:bg-neutral-900 border border-neutral-200 dark:border-neutral-700", children: [
+      /* @__PURE__ */ jsx43(AlertDialogTitle2, { className: "sr-only", children: title != null ? title : "Mermaid Preview" }),
       /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between px-3 py-2 border-b border-neutral-200 dark:border-neutral-700", children: [
         /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2 text-sm text-neutral-600 dark:text-neutral-300", children: [
           /* @__PURE__ */ jsx43(globalLucideIcons.Mmd, { className: "h-4 w-4" }),
           /* @__PURE__ */ jsx43("span", { className: "truncate max-w-[50vw]", children: title != null ? title : "Mermaid Preview" })
         ] }),
-        /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-0.5", children: [
           /* @__PURE__ */ jsx43(
             "button",
             {
-              className: "rounded border border-neutral-300 dark:border-neutral-600 px-2 py-1 text-sm",
+              "aria-label": "Zoom out",
+              className: "flex h-6 w-6 items-center justify-center rounded border border-neutral-300 dark:border-neutral-600 text-[13px]",
               onClick: () => zoomBy(-0.2),
               children: "\uFF0D"
             }
           ),
-          /* @__PURE__ */ jsxs14("span", { className: "text-xs w-16 text-center select-none", children: [
+          /* @__PURE__ */ jsxs14("span", { className: "mx-0.5 text-[12px] w-12 text-center select-none", children: [
             Math.round(scale * 100),
             "%"
           ] }),
           /* @__PURE__ */ jsx43(
             "button",
             {
-              className: "rounded border border-neutral-300 dark:border-neutral-600 px-2 py-1 text-sm",
+              "aria-label": "Zoom in",
+              className: "flex h-6 w-6 items-center justify-center rounded border border-neutral-300 dark:border-neutral-600 text-[13px]",
               onClick: () => zoomBy(0.2),
               children: "\uFF0B"
             }
           ),
-          /* @__PURE__ */ jsxs14(
+          /* @__PURE__ */ jsx43(
             "button",
             {
-              className: "ml-2 rounded border border-neutral-300 dark:border-neutral-600 px-2 py-1 text-sm flex items-center gap-1",
+              "aria-label": "Reset",
+              className: "ml-1 flex h-6 w-6 items-center justify-center rounded text-purple-500 hover:text-purple-600",
               onClick: resetTransform,
-              children: [
-                /* @__PURE__ */ jsx43(globalLucideIcons.RefreshCcw, { className: "h-4 w-4" }),
-                "Reset"
-              ]
+              children: /* @__PURE__ */ jsx43(globalLucideIcons.RefreshCcw, { className: "h-3.5 w-3.5" })
             }
           ),
-          /* @__PURE__ */ jsxs14(
+          /* @__PURE__ */ jsx43(
             "button",
             {
-              className: "ml-2 rounded border border-neutral-300 dark:border-neutral-600 px-2 py-1 text-sm",
+              "aria-label": "Close",
+              className: "ml-1 flex h-6 w-6 items-center justify-center rounded text-purple-500 hover:text-purple-600",
               onClick: () => setOpen(false),
-              children: [
-                /* @__PURE__ */ jsx43(globalLucideIcons.X, { className: "h-4 w-4" }),
-                "Close"
-              ]
+              children: /* @__PURE__ */ jsx43(globalLucideIcons.X, { className: "h-3.5 w-3.5" })
             }
           )
         ] })
@@ -5322,8 +5319,14 @@ function Mermaid({ chart, title, watermarkEnabled, watermarkText, enablePreview
               "div",
               {
                 className: "absolute left-1/2 top-1/2",
-                style: { transform: `translate(calc(-50% + ${translate.x}px), calc(-50% + ${translate.y}px)) scale(${scale})`, transformOrigin: "0 0" },
-                dangerouslySetInnerHTML: { __html: svg }
+                style: { transform: `translate(-50%, -50%) translate(${translate.x}px, ${translate.y}px)` },
+                children: /* @__PURE__ */ jsx43(
+                  "div",
+                  {
+                    style: { transform: `scale(${scale})`, transformOrigin: "50% 50%" },
+                    dangerouslySetInnerHTML: { __html: svg }
+                  }
+                )
               }
             ),
             /* @__PURE__ */ jsx43("div", { className: "pointer-events-none absolute bottom-2 right-3 rounded bg-black/40 px-2 py-1 text-xs text-white", children: "Drag to pan, hold Cmd/Ctrl + scroll to zoom" })