@windrun-huaiin/third-ui 5.13.5 → 5.13.6

package/dist/fuma/mdx/index.js

@@ -2737,10 +2737,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
-var import_next_themes = require("next-themes");
-var import_react36 = require("react");
-
 // ../base-ui/src/ui/alert-dialog.tsx
 var React57 = __toESM(require("react"), 1);
 
@@ -5198,6 +5194,8 @@ var AlertDialogCancel2 = React57.forwardRef((_a, ref) => {
 AlertDialogCancel2.displayName = Cancel.displayName;
 
 // src/fuma/mdx/mermaid.tsx
+var import_next_themes = require("next-themes");
+var import_react36 = require("react");
 var import_jsx_runtime43 = require("react/jsx-runtime");
 function Mermaid({ chart, title, watermarkEnabled, watermarkText, enablePreview = true }) {
   const id = (0, import_react36.useId)();
@@ -5284,7 +5282,7 @@ function Mermaid({ chart, title, watermarkEnabled, watermarkText, enablePreview
         onClick: () => enablePreview && svg && setOpen(true),
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { dangerouslySetInnerHTML: { __html: svg } }),
-          enablePreview && svg && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("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__ */ (0, import_jsx_runtime43.jsx)("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" })
         ]
       }
     ),
@@ -5302,52 +5300,51 @@ function Mermaid({ chart, title, watermarkEnabled, watermarkText, enablePreview
       setOpen(o);
       if (!o) resetTransform();
     }, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(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__ */ (0, import_jsx_runtime43.jsx)(AlertDialogTitle2, { className: "sr-only", children: title != null ? title : "Mermaid Preview" }),
       /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center justify-between px-3 py-2 border-b border-neutral-200 dark:border-neutral-700", children: [
         /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-2 text-sm text-neutral-600 dark:text-neutral-300", children: [
           /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(globalLucideIcons.Mmd, { className: "h-4 w-4" }),
           /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "truncate max-w-[50vw]", children: title != null ? title : "Mermaid Preview" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-center gap-0.5", children: [
           /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             "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__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "text-xs w-16 text-center select-none", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("span", { className: "mx-0.5 text-[12px] w-12 text-center select-none", children: [
             Math.round(scale * 100),
             "%"
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             "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__ */ (0, import_jsx_runtime43.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             "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__ */ (0, import_jsx_runtime43.jsx)(globalLucideIcons.RefreshCcw, { className: "h-4 w-4" }),
-                "Reset"
-              ]
+              children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(globalLucideIcons.RefreshCcw, { className: "h-3.5 w-3.5" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
             "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__ */ (0, import_jsx_runtime43.jsx)(globalLucideIcons.X, { className: "h-4 w-4" }),
-                "Close"
-              ]
+              children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(globalLucideIcons.X, { className: "h-3.5 w-3.5" })
             }
           )
         ] })
@@ -5365,8 +5362,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__ */ (0, import_jsx_runtime43.jsx)(
+                  "div",
+                  {
+                    style: { transform: `scale(${scale})`, transformOrigin: "50% 50%" },
+                    dangerouslySetInnerHTML: { __html: svg }
+                  }
+                )
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("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" })