dishui 0.0.45 → 0.0.46

package/dist/components/pro/Flow/panels/toolbarIcons.js

@@ -12,16 +12,33 @@ var t = {
 }, o = () => /* @__PURE__ */ h("svg", {
   ...t,
   "aria-hidden": "true",
-  children: [/* @__PURE__ */ r("path", { d: "M19 12H5" }), /* @__PURE__ */ r("path", { d: "M11 18l-6-6 6-6" })]
+  children: [
+    /* @__PURE__ */ r("circle", {
+      cx: "12",
+      cy: "12",
+      r: "6"
+    }),
+    /* @__PURE__ */ r("circle", {
+      cx: "12",
+      cy: "12",
+      r: "2"
+    }),
+    /* @__PURE__ */ r("path", { d: "M4 12H2M22 12h-2M12 4V2M12 22v-2" }),
+    /* @__PURE__ */ r("path", { d: "M17.5 5.5l1-1M5.5 17.5l-1 1" })
+  ]
 }), v = () => /* @__PURE__ */ h("svg", {
   ...t,
   "aria-hidden": "true",
-  children: [/* @__PURE__ */ r("path", { d: "M9 14L4 9l5-5" }), /* @__PURE__ */ r("path", { d: "M4 9h11a5 5 0 0 1 0 10h-4" })]
+  children: [/* @__PURE__ */ r("path", { d: "M19 12H5" }), /* @__PURE__ */ r("path", { d: "M11 18l-6-6 6-6" })]
 }), l = () => /* @__PURE__ */ h("svg", {
+  ...t,
+  "aria-hidden": "true",
+  children: [/* @__PURE__ */ r("path", { d: "M9 14L4 9l5-5" }), /* @__PURE__ */ r("path", { d: "M4 9h11a5 5 0 0 1 0 10h-4" })]
+}), M = () => /* @__PURE__ */ h("svg", {
   ...t,
   "aria-hidden": "true",
   children: [/* @__PURE__ */ r("path", { d: "M15 14l5-5-5-5" }), /* @__PURE__ */ r("path", { d: "M20 9H9a5 5 0 0 0 0 10h4" })]
-}), g = () => /* @__PURE__ */ h("svg", {
+}), x = () => /* @__PURE__ */ h("svg", {
   ...t,
   "aria-hidden": "true",
   children: [
@@ -44,7 +61,7 @@ var t = {
       strokeDasharray: "2 2"
     })
   ]
-}), x = () => /* @__PURE__ */ h("svg", {
+}), g = () => /* @__PURE__ */ h("svg", {
   ...t,
   "aria-hidden": "true",
   children: [
@@ -71,7 +88,7 @@ var t = {
       rx: "0.5"
     })
   ]
-}), M = () => /* @__PURE__ */ h("svg", {
+}), p = () => /* @__PURE__ */ h("svg", {
   ...t,
   "aria-hidden": "true",
   children: [
@@ -91,7 +108,7 @@ var t = {
     }),
     /* @__PURE__ */ r("path", { d: "M14 5h5M17 3v4" })
   ]
-}), p = ({ kind: e }) => e === "left" || e === "center-h" || e === "right" ? /* @__PURE__ */ h("svg", {
+}), s = ({ kind: e }) => e === "left" || e === "center-h" || e === "right" ? /* @__PURE__ */ h("svg", {
   ...t,
   "aria-hidden": "true",
   children: [
@@ -163,7 +180,7 @@ var t = {
       height: "4"
     })
   ] })
-}), s = () => /* @__PURE__ */ h("svg", {
+}), u = () => /* @__PURE__ */ h("svg", {
   ...t,
   "aria-hidden": "true",
   children: [/* @__PURE__ */ r("circle", {
@@ -171,7 +188,7 @@ var t = {
     cy: "11",
     r: "7"
   }), /* @__PURE__ */ r("path", { d: "M21 21l-4.3-4.3M8 11h6" })]
-}), u = () => /* @__PURE__ */ h("svg", {
+}), y = () => /* @__PURE__ */ h("svg", {
   ...t,
   "aria-hidden": "true",
   children: [/* @__PURE__ */ r("circle", {
@@ -179,7 +196,7 @@ var t = {
     cy: "11",
     r: "7"
   }), /* @__PURE__ */ r("path", { d: "M21 21l-4.3-4.3M11 8v6M8 11h6" })]
-}), y = () => /* @__PURE__ */ h("svg", {
+}), I = () => /* @__PURE__ */ h("svg", {
   ...t,
   "aria-hidden": "true",
   children: [/* @__PURE__ */ r("path", { d: "M4 9V5a1 1 0 0 1 1-1h4M15 4h4a1 1 0 0 1 1 1v4M20 15v4a1 1 0 0 1-1 1h-4M9 20H5a1 1 0 0 1-1-1v-4" }), /* @__PURE__ */ r("rect", {
@@ -207,7 +224,7 @@ var t = {
     }),
     /* @__PURE__ */ r("path", { d: "M13 21l4-7 4 7z" })
   ]
-}), I = () => /* @__PURE__ */ h("svg", {
+}), m = () => /* @__PURE__ */ h("svg", {
   ...t,
   "aria-hidden": "true",
   children: [/* @__PURE__ */ r("circle", {
@@ -215,15 +232,15 @@ var t = {
     cy: "12",
     r: "3"
   }), /* @__PURE__ */ r("path", { d: "M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z" })]
-}), m = () => /* @__PURE__ */ r("svg", {
+}), f = () => /* @__PURE__ */ r("svg", {
   ...t,
   "aria-hidden": "true",
   children: /* @__PURE__ */ r("path", { d: "M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01" })
-}), f = () => /* @__PURE__ */ h("svg", {
+}), b = () => /* @__PURE__ */ h("svg", {
   ...t,
   "aria-hidden": "true",
   children: [/* @__PURE__ */ r("path", { d: "M8 4H7a2 2 0 0 0-2 2v3a2 2 0 0 1-2 2 2 2 0 0 1 2 2v3a2 2 0 0 0 2 2h1" }), /* @__PURE__ */ r("path", { d: "M16 4h1a2 2 0 0 1 2 2v3a2 2 0 0 0 2 2 2 2 0 0 0-2 2v3a2 2 0 0 1-2 2h-1" })]
-}), b = () => /* @__PURE__ */ h("svg", {
+}), H = () => /* @__PURE__ */ h("svg", {
   ...t,
   "aria-hidden": "true",
   children: [/* @__PURE__ */ r("rect", {
@@ -233,7 +250,7 @@ var t = {
     height: "18",
     rx: "2"
   }), /* @__PURE__ */ r("path", { d: "M9 3v18M15 3v18M3 9h18M3 15h18" })]
-}), H = () => /* @__PURE__ */ h("svg", {
+}), V = () => /* @__PURE__ */ h("svg", {
   ...t,
   "aria-hidden": "true",
   children: [/* @__PURE__ */ r("rect", {
@@ -249,7 +266,7 @@ var t = {
     height: "6",
     rx: "1"
   })]
-}), V = () => /* @__PURE__ */ h("svg", {
+}), z = () => /* @__PURE__ */ h("svg", {
   ...t,
   "aria-hidden": "true",
   children: [
@@ -257,7 +274,7 @@ var t = {
     /* @__PURE__ */ r("path", { d: "M8 11l4 4 4-4" }),
     /* @__PURE__ */ r("path", { d: "M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2" })
   ]
-}), z = () => /* @__PURE__ */ h("svg", {
+}), A = () => /* @__PURE__ */ h("svg", {
   ...t,
   "aria-hidden": "true",
   children: [
@@ -265,11 +282,11 @@ var t = {
     /* @__PURE__ */ r("path", { d: "M8 7l4-4 4 4" }),
     /* @__PURE__ */ r("path", { d: "M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2" })
   ]
-}), A = () => /* @__PURE__ */ h("svg", {
+}), G = () => /* @__PURE__ */ h("svg", {
   ...t,
   "aria-hidden": "true",
   children: [/* @__PURE__ */ r("path", { d: "M22 2 11 13" }), /* @__PURE__ */ r("path", { d: "M22 2 15 22l-4-9-9-4 20-7z" })]
-}), G = () => /* @__PURE__ */ h("svg", {
+}), L = () => /* @__PURE__ */ h("svg", {
   ...t,
   "aria-hidden": "true",
   children: [
@@ -288,7 +305,7 @@ var t = {
     /* @__PURE__ */ r("path", { d: "M4 17l5-5 3 3 2-2 6 6" }),
     /* @__PURE__ */ r("path", { d: "M16 3v7m-3-3 3 3 3-3" })
   ]
-}), L = ({ visible: e = !0 }) => /* @__PURE__ */ h("svg", {
+}), j = ({ visible: e = !0 }) => /* @__PURE__ */ h("svg", {
   ...t,
   "aria-hidden": "true",
   children: [
@@ -309,7 +326,7 @@ var t = {
     }),
     e ? /* @__PURE__ */ r("path", { d: "M2 12s3.5-5 10-5 10 5 10 5-3.5 5-10 5S2 12 2 12zM12 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4z" }) : /* @__PURE__ */ r("path", { d: "M3 3l18 18" })
   ]
-}), j = () => /* @__PURE__ */ h("svg", {
+}), C = () => /* @__PURE__ */ h("svg", {
   ...t,
   "aria-hidden": "true",
   children: [
@@ -329,28 +346,29 @@ var t = {
   ]
 });
 export {
-  p as IconAlign,
-  L as IconAnchorVisible,
-  o as IconBack,
-  z as IconExport,
-  G as IconExportImage,
-  y as IconFitView,
-  x as IconGeoGroup,
-  b as IconGrid,
-  g as IconGroup,
-  V as IconImport,
-  I as IconInspector,
-  f as IconJson,
-  H as IconMiniMap,
-  m as IconOutline,
-  j as IconPresent,
-  A as IconPublish,
-  l as IconRedo,
+  s as IconAlign,
+  j as IconAnchorVisible,
+  o as IconAutoFocus,
+  v as IconBack,
+  A as IconExport,
+  L as IconExportImage,
+  I as IconFitView,
+  g as IconGeoGroup,
+  H as IconGrid,
+  x as IconGroup,
+  z as IconImport,
+  m as IconInspector,
+  b as IconJson,
+  V as IconMiniMap,
+  f as IconOutline,
+  C as IconPresent,
+  G as IconPublish,
+  M as IconRedo,
   w as IconShapes,
-  v as IconUndo,
-  M as IconUngroup,
-  u as IconZoomIn,
-  s as IconZoomOut
+  l as IconUndo,
+  p as IconUngroup,
+  y as IconZoomIn,
+  u as IconZoomOut
 };
 
 //# sourceMappingURL=toolbarIcons.js.map

package/dist/components/pro/Flow/panels/toolbarIcons.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbarIcons.js","names":[],"sources":["../../../../../src/components/pro/Flow/panels/toolbarIcons.tsx"],"sourcesContent":["import React from 'react';\n\n/**\n * Toolbar icon set for the Flow editor.\n * Compact 20x20 stroke icons that inherit `currentColor`, so they follow the\n * button's variant (primary/ghost) automatically.\n */\n\nconst base = {\n  width: 18,\n  height: 18,\n  viewBox: '0 0 24 24',\n  fill: 'none',\n  stroke: 'currentColor',\n  strokeWidth: 2,\n  strokeLinecap: 'round' as const,\n  strokeLinejoin: 'round' as const,\n};\n\nexport const IconSelect: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M4 3l7 17 2.5-6.5L20 11 4 3z\" />\n  </svg>\n);\n\n\nexport const IconBack: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M19 12H5\" />\n    <path d=\"M11 18l-6-6 6-6\" />\n  </svg>\n);\n\nexport const IconUndo: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M9 14L4 9l5-5\" />\n    <path d=\"M4 9h11a5 5 0 0 1 0 10h-4\" />\n  </svg>\n);\n\nexport const IconRedo: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M15 14l5-5-5-5\" />\n    <path d=\"M20 9H9a5 5 0 0 0 0 10h4\" />\n  </svg>\n);\n\nexport const IconGroup: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\" />\n    <rect x=\"13\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\" />\n    <path d=\"M13 6h4a1 1 0 0 1 1 1v4\" strokeDasharray=\"2 2\" />\n  </svg>\n);\n\nexport const IconGeoGroup: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" strokeDasharray=\"3 3\" />\n    <rect x=\"7\" y=\"7\" width=\"4\" height=\"4\" rx=\"0.5\" />\n    <rect x=\"13\" y=\"13\" width=\"4\" height=\"4\" rx=\"0.5\" />\n  </svg>\n);\n\nexport const IconUngroup: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\" />\n    <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\" />\n    <path d=\"M14 5h5M17 3v4\" />\n  </svg>\n);\n\nexport type AlignIconKind = 'left' | 'center-h' | 'right' | 'top' | 'center-v' | 'bottom' | 'distribute-h' | 'distribute-v';\n\nexport const IconAlign: React.FC<{ kind: AlignIconKind }> = ({ kind }) => {\n  const vertical = kind === 'left' || kind === 'center-h' || kind === 'right';\n  if (vertical) {\n    const x = kind === 'left' ? 5 : kind === 'right' ? 19 : 12;\n    return (\n      <svg {...base} aria-hidden=\"true\">\n        <path d={`M${x} 3v18`} />\n        <rect x={kind === 'left' ? 5 : kind === 'right' ? 10 : 7} y=\"5\" width=\"9\" height=\"4\" rx=\"0.5\" />\n        <rect x={kind === 'left' ? 5 : kind === 'right' ? 5 : 4} y=\"14\" width=\"14\" height=\"4\" rx=\"0.5\" />\n      </svg>\n    );\n  }\n  if (kind === 'top' || kind === 'center-v' || kind === 'bottom') {\n    const y = kind === 'top' ? 5 : kind === 'bottom' ? 19 : 12;\n    return (\n      <svg {...base} aria-hidden=\"true\">\n        <path d={`M3 ${y}h18`} />\n        <rect x=\"5\" y={kind === 'top' ? 5 : kind === 'bottom' ? 10 : 7} width=\"4\" height=\"9\" rx=\"0.5\" />\n        <rect x=\"14\" y={kind === 'top' ? 5 : kind === 'bottom' ? 5 : 4} width=\"4\" height=\"14\" rx=\"0.5\" />\n      </svg>\n    );\n  }\n  return (\n    <svg {...base} aria-hidden=\"true\">\n      {kind === 'distribute-h' ? (\n        <><path d=\"M3 3v18M21 3v18\" /><rect x=\"6\" y=\"7\" width=\"4\" height=\"10\" /><rect x=\"14\" y=\"7\" width=\"4\" height=\"10\" /></>\n      ) : (\n        <><path d=\"M3 3h18M3 21h18\" /><rect x=\"7\" y=\"6\" width=\"10\" height=\"4\" /><rect x=\"7\" y=\"14\" width=\"10\" height=\"4\" /></>\n      )}\n    </svg>\n  );\n};\n\nexport const IconZoomOut: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <circle cx=\"11\" cy=\"11\" r=\"7\" />\n    <path d=\"M21 21l-4.3-4.3M8 11h6\" />\n  </svg>\n);\n\nexport const IconZoomIn: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <circle cx=\"11\" cy=\"11\" r=\"7\" />\n    <path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\" />\n  </svg>\n);\n\nexport const IconFitView: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M4 9V5a1 1 0 0 1 1-1h4M15 4h4a1 1 0 0 1 1 1v4M20 15v4a1 1 0 0 1-1 1h-4M9 20H5a1 1 0 0 1-1-1v-4\" />\n    <rect x=\"9\" y=\"9\" width=\"6\" height=\"6\" rx=\"1\" />\n  </svg>\n);\n\nexport const IconShapes: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\" />\n    <circle cx=\"17\" cy=\"7\" r=\"4\" />\n    <path d=\"M13 21l4-7 4 7z\" />\n  </svg>\n);\n\nexport const IconInspector: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"3\" />\n    <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\" />\n  </svg>\n);\n\nexport const IconOutline: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01\" />\n  </svg>\n);\n\nexport const IconJson: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M8 4H7a2 2 0 0 0-2 2v3a2 2 0 0 1-2 2 2 2 0 0 1 2 2v3a2 2 0 0 0 2 2h1\" />\n    <path d=\"M16 4h1a2 2 0 0 1 2 2v3a2 2 0 0 0 2 2 2 2 0 0 0-2 2v3a2 2 0 0 1-2 2h-1\" />\n  </svg>\n);\n\nexport const IconGrid: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" />\n    <path d=\"M9 3v18M15 3v18M3 9h18M3 15h18\" />\n  </svg>\n);\n\nexport const IconMiniMap: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\" />\n    <rect x=\"13\" y=\"12\" width=\"6\" height=\"6\" rx=\"1\" />\n  </svg>\n);\n\nexport const IconImport: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M12 3v12\" />\n    <path d=\"M8 11l4 4 4-4\" />\n    <path d=\"M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2\" />\n  </svg>\n);\n\nexport const IconExport: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M12 15V3\" />\n    <path d=\"M8 7l4-4 4 4\" />\n    <path d=\"M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2\" />\n  </svg>\n);\n\nexport const IconPublish: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M22 2 11 13\" />\n    <path d=\"M22 2 15 22l-4-9-9-4 20-7z\" />\n  </svg>\n);\n\nexport const IconExportImage: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\" />\n    <circle cx=\"9\" cy=\"9\" r=\"1.5\" />\n    <path d=\"M4 17l5-5 3 3 2-2 6 6\" />\n    <path d=\"M16 3v7m-3-3 3 3 3-3\" />\n  </svg>\n);\n\nexport const IconAnchorVisible: React.FC<{ visible?: boolean }> = ({ visible = true }) => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"4\" y=\"5\" width=\"16\" height=\"14\" rx=\"2\" strokeDasharray=\"3 2\" />\n    <circle cx=\"4\" cy=\"5\" r=\"2\" fill=\"currentColor\" stroke=\"none\" />\n    {visible ? (\n      <path d=\"M2 12s3.5-5 10-5 10 5 10 5-3.5 5-10 5S2 12 2 12zM12 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4z\" />\n    ) : (\n      <path d=\"M3 3l18 18\" />\n    )}\n  </svg>\n);\n\nexport const IconPresent: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"2\" y=\"4\" width=\"20\" height=\"13\" rx=\"2\" />\n    <path d=\"M10 8.5l4.5 2.5L10 13.5z\" fill=\"currentColor\" stroke=\"none\" />\n    <path d=\"M12 17v3M8 20h8\" />\n  </svg>\n);\n"],"mappings":"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"}
+{"version":3,"file":"toolbarIcons.js","names":[],"sources":["../../../../../src/components/pro/Flow/panels/toolbarIcons.tsx"],"sourcesContent":["import React from 'react';\n\n/**\n * Toolbar icon set for the Flow editor.\n * Compact 20x20 stroke icons that inherit `currentColor`, so they follow the\n * button's variant (primary/ghost) automatically.\n */\n\nconst base = {\n  width: 18,\n  height: 18,\n  viewBox: '0 0 24 24',\n  fill: 'none',\n  stroke: 'currentColor',\n  strokeWidth: 2,\n  strokeLinecap: 'round' as const,\n  strokeLinejoin: 'round' as const,\n};\n\nexport const IconSelect: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M4 3l7 17 2.5-6.5L20 11 4 3z\" />\n  </svg>\n);\n\n\nexport const IconAutoFocus: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"6\" />\n    <circle cx=\"12\" cy=\"12\" r=\"2\" />\n    <path d=\"M4 12H2M22 12h-2M12 4V2M12 22v-2\" />\n    <path d=\"M17.5 5.5l1-1M5.5 17.5l-1 1\" />\n  </svg>\n);\n\nexport const IconBack: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M19 12H5\" />\n    <path d=\"M11 18l-6-6 6-6\" />\n  </svg>\n);\n\nexport const IconUndo: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M9 14L4 9l5-5\" />\n    <path d=\"M4 9h11a5 5 0 0 1 0 10h-4\" />\n  </svg>\n);\n\nexport const IconRedo: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M15 14l5-5-5-5\" />\n    <path d=\"M20 9H9a5 5 0 0 0 0 10h4\" />\n  </svg>\n);\n\nexport const IconGroup: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"3\" width=\"8\" height=\"8\" rx=\"1\" />\n    <rect x=\"13\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\" />\n    <path d=\"M13 6h4a1 1 0 0 1 1 1v4\" strokeDasharray=\"2 2\" />\n  </svg>\n);\n\nexport const IconGeoGroup: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" strokeDasharray=\"3 3\" />\n    <rect x=\"7\" y=\"7\" width=\"4\" height=\"4\" rx=\"0.5\" />\n    <rect x=\"13\" y=\"13\" width=\"4\" height=\"4\" rx=\"0.5\" />\n  </svg>\n);\n\nexport const IconUngroup: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\" />\n    <rect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\" />\n    <path d=\"M14 5h5M17 3v4\" />\n  </svg>\n);\n\nexport type AlignIconKind = 'left' | 'center-h' | 'right' | 'top' | 'center-v' | 'bottom' | 'distribute-h' | 'distribute-v';\n\nexport const IconAlign: React.FC<{ kind: AlignIconKind }> = ({ kind }) => {\n  const vertical = kind === 'left' || kind === 'center-h' || kind === 'right';\n  if (vertical) {\n    const x = kind === 'left' ? 5 : kind === 'right' ? 19 : 12;\n    return (\n      <svg {...base} aria-hidden=\"true\">\n        <path d={`M${x} 3v18`} />\n        <rect x={kind === 'left' ? 5 : kind === 'right' ? 10 : 7} y=\"5\" width=\"9\" height=\"4\" rx=\"0.5\" />\n        <rect x={kind === 'left' ? 5 : kind === 'right' ? 5 : 4} y=\"14\" width=\"14\" height=\"4\" rx=\"0.5\" />\n      </svg>\n    );\n  }\n  if (kind === 'top' || kind === 'center-v' || kind === 'bottom') {\n    const y = kind === 'top' ? 5 : kind === 'bottom' ? 19 : 12;\n    return (\n      <svg {...base} aria-hidden=\"true\">\n        <path d={`M3 ${y}h18`} />\n        <rect x=\"5\" y={kind === 'top' ? 5 : kind === 'bottom' ? 10 : 7} width=\"4\" height=\"9\" rx=\"0.5\" />\n        <rect x=\"14\" y={kind === 'top' ? 5 : kind === 'bottom' ? 5 : 4} width=\"4\" height=\"14\" rx=\"0.5\" />\n      </svg>\n    );\n  }\n  return (\n    <svg {...base} aria-hidden=\"true\">\n      {kind === 'distribute-h' ? (\n        <><path d=\"M3 3v18M21 3v18\" /><rect x=\"6\" y=\"7\" width=\"4\" height=\"10\" /><rect x=\"14\" y=\"7\" width=\"4\" height=\"10\" /></>\n      ) : (\n        <><path d=\"M3 3h18M3 21h18\" /><rect x=\"7\" y=\"6\" width=\"10\" height=\"4\" /><rect x=\"7\" y=\"14\" width=\"10\" height=\"4\" /></>\n      )}\n    </svg>\n  );\n};\n\nexport const IconZoomOut: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <circle cx=\"11\" cy=\"11\" r=\"7\" />\n    <path d=\"M21 21l-4.3-4.3M8 11h6\" />\n  </svg>\n);\n\nexport const IconZoomIn: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <circle cx=\"11\" cy=\"11\" r=\"7\" />\n    <path d=\"M21 21l-4.3-4.3M11 8v6M8 11h6\" />\n  </svg>\n);\n\nexport const IconFitView: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M4 9V5a1 1 0 0 1 1-1h4M15 4h4a1 1 0 0 1 1 1v4M20 15v4a1 1 0 0 1-1 1h-4M9 20H5a1 1 0 0 1-1-1v-4\" />\n    <rect x=\"9\" y=\"9\" width=\"6\" height=\"6\" rx=\"1\" />\n  </svg>\n);\n\nexport const IconShapes: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"13\" width=\"8\" height=\"8\" rx=\"1\" />\n    <circle cx=\"17\" cy=\"7\" r=\"4\" />\n    <path d=\"M13 21l4-7 4 7z\" />\n  </svg>\n);\n\nexport const IconInspector: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <circle cx=\"12\" cy=\"12\" r=\"3\" />\n    <path d=\"M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z\" />\n  </svg>\n);\n\nexport const IconOutline: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01\" />\n  </svg>\n);\n\nexport const IconJson: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M8 4H7a2 2 0 0 0-2 2v3a2 2 0 0 1-2 2 2 2 0 0 1 2 2v3a2 2 0 0 0 2 2h1\" />\n    <path d=\"M16 4h1a2 2 0 0 1 2 2v3a2 2 0 0 0 2 2 2 2 0 0 0-2 2v3a2 2 0 0 1-2 2h-1\" />\n  </svg>\n);\n\nexport const IconGrid: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" />\n    <path d=\"M9 3v18M15 3v18M3 9h18M3 15h18\" />\n  </svg>\n);\n\nexport const IconMiniMap: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\" />\n    <rect x=\"13\" y=\"12\" width=\"6\" height=\"6\" rx=\"1\" />\n  </svg>\n);\n\nexport const IconImport: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M12 3v12\" />\n    <path d=\"M8 11l4 4 4-4\" />\n    <path d=\"M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2\" />\n  </svg>\n);\n\nexport const IconExport: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M12 15V3\" />\n    <path d=\"M8 7l4-4 4 4\" />\n    <path d=\"M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2\" />\n  </svg>\n);\n\nexport const IconPublish: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <path d=\"M22 2 11 13\" />\n    <path d=\"M22 2 15 22l-4-9-9-4 20-7z\" />\n  </svg>\n);\n\nexport const IconExportImage: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\" />\n    <circle cx=\"9\" cy=\"9\" r=\"1.5\" />\n    <path d=\"M4 17l5-5 3 3 2-2 6 6\" />\n    <path d=\"M16 3v7m-3-3 3 3 3-3\" />\n  </svg>\n);\n\nexport const IconAnchorVisible: React.FC<{ visible?: boolean }> = ({ visible = true }) => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"4\" y=\"5\" width=\"16\" height=\"14\" rx=\"2\" strokeDasharray=\"3 2\" />\n    <circle cx=\"4\" cy=\"5\" r=\"2\" fill=\"currentColor\" stroke=\"none\" />\n    {visible ? (\n      <path d=\"M2 12s3.5-5 10-5 10 5 10 5-3.5 5-10 5S2 12 2 12zM12 10a2 2 0 1 0 0 4 2 2 0 0 0 0-4z\" />\n    ) : (\n      <path d=\"M3 3l18 18\" />\n    )}\n  </svg>\n);\n\nexport const IconPresent: React.FC = () => (\n  <svg {...base} aria-hidden=\"true\">\n    <rect x=\"2\" y=\"4\" width=\"20\" height=\"13\" rx=\"2\" />\n    <path d=\"M10 8.5l4.5 2.5L10 13.5z\" fill=\"currentColor\" stroke=\"none\" />\n    <path d=\"M12 17v3M8 20h8\" />\n  </svg>\n);\n"],"mappings":";;AAQA,IAAM,IAAO;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,eAAe;AAAA,EACf,gBAAgB;AAClB,GASa,IAAA,MACX,gBAAA,EAAC,OAAD;AAAA,EAAK,GAAI;AAAA,EAAM,eAAY;AAAA,YAA3B;AAAA,IACE,gBAAA,EAAC,UAAD;AAAA,MAAQ,IAAG;AAAA,MAAK,IAAG;AAAA,MAAK,GAAE;AAAA,IAAK,CAAA;AAAA,IAC/B,gBAAA,EAAC,UAAD;AAAA,MAAQ,IAAG;AAAA,MAAK,IAAG;AAAA,MAAK,GAAE;AAAA,IAAK,CAAA;AAAA,IAC/B,gBAAA,EAAC,QAAD,EAAM,GAAE,mCAAoC,CAAA;AAAA,IAC5C,gBAAA,EAAC,QAAD,EAAM,GAAE,8BAA+B,CAAA;AAAA,EACpC;IAGM,IAAA,MACX,gBAAA,EAAC,OAAD;AAAA,EAAK,GAAI;AAAA,EAAM,eAAY;AAAA,YAA3B,CACE,gBAAA,EAAC,QAAD,EAAM,GAAE,WAAY,CAAA,GACpB,gBAAA,EAAC,QAAD,EAAM,GAAE,kBAAmB,CAAA,CACxB;IAGM,IAAA,MACX,gBAAA,EAAC,OAAD;AAAA,EAAK,GAAI;AAAA,EAAM,eAAY;AAAA,YAA3B,CACE,gBAAA,EAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA,GACzB,gBAAA,EAAC,QAAD,EAAM,GAAE,4BAA6B,CAAA,CAClC;IAGM,IAAA,MACX,gBAAA,EAAC,OAAD;AAAA,EAAK,GAAI;AAAA,EAAM,eAAY;AAAA,YAA3B,CACE,gBAAA,EAAC,QAAD,EAAM,GAAE,iBAAkB,CAAA,GAC1B,gBAAA,EAAC,QAAD,EAAM,GAAE,2BAA4B,CAAA,CACjC;IAGM,IAAA,MACX,gBAAA,EAAC,OAAD;AAAA,EAAK,GAAI;AAAA,EAAM,eAAY;AAAA,YAA3B;AAAA,IACE,gBAAA,EAAC,QAAD;AAAA,MAAM,GAAE;AAAA,MAAI,GAAE;AAAA,MAAI,OAAM;AAAA,MAAI,QAAO;AAAA,MAAI,IAAG;AAAA,IAAK,CAAA;AAAA,IAC/C,gBAAA,EAAC,QAAD;AAAA,MAAM,GAAE;AAAA,MAAK,GAAE;AAAA,MAAK,OAAM;AAAA,MAAI,QAAO;AAAA,MAAI,IAAG;AAAA,IAAK,CAAA;AAAA,IACjD,gBAAA,EAAC,QAAD;AAAA,MAAM,GAAE;AAAA,MAA0B,iBAAgB;AAAA,IAAO,CAAA;AAAA,EACtD;IAGM,IAAA,MACX,gBAAA,EAAC,OAAD;AAAA,EAAK,GAAI;AAAA,EAAM,eAAY;AAAA,YAA3B;AAAA,IACE,gBAAA,EAAC,QAAD;AAAA,MAAM,GAAE;AAAA,MAAI,GAAE;AAAA,MAAI,OAAM;AAAA,MAAK,QAAO;AAAA,MAAK,IAAG;AAAA,MAAI,iBAAgB;AAAA,IAAO,CAAA;AAAA,IACvE,gBAAA,EAAC,QAAD;AAAA,MAAM,GAAE;AAAA,MAAI,GAAE;AAAA,MAAI,OAAM;AAAA,MAAI,QAAO;AAAA,MAAI,IAAG;AAAA,IAAO,CAAA;AAAA,IACjD,gBAAA,EAAC,QAAD;AAAA,MAAM,GAAE;AAAA,MAAK,GAAE;AAAA,MAAK,OAAM;AAAA,MAAI,QAAO;AAAA,MAAI,IAAG;AAAA,IAAO,CAAA;AAAA,EAChD;IAGM,IAAA,MACX,gBAAA,EAAC,OAAD;AAAA,EAAK,GAAI;AAAA,EAAM,eAAY;AAAA,YAA3B;AAAA,IACE,gBAAA,EAAC,QAAD;AAAA,MAAM,GAAE;AAAA,MAAI,GAAE;AAAA,MAAI,OAAM;AAAA,MAAI,QAAO;AAAA,MAAI,IAAG;AAAA,IAAK,CAAA;AAAA,IAC/C,gBAAA,EAAC,QAAD;AAAA,MAAM,GAAE;AAAA,MAAK,GAAE;AAAA,MAAK,OAAM;AAAA,MAAI,QAAO;AAAA,MAAI,IAAG;AAAA,IAAK,CAAA;AAAA,IACjD,gBAAA,EAAC,QAAD,EAAM,GAAE,iBAAkB,CAAA;AAAA,EACvB;IAKM,IAAA,CAAgD,EAAE,MAAA,EAAA,MAC5C,MAAS,UAAU,MAAS,cAAc,MAAS,UAIhE,gBAAA,EAAC,OAAD;AAAA,EAAK,GAAI;AAAA,EAAM,eAAY;AAAA,YAA3B;AAAA,IACE,gBAAA,EAAC,QAAD,EAAM,GAAG,IAHH,MAAS,SAAS,IAAI,MAAS,UAAU,KAAK,EAGvC,QAAW,CAAA;AAAA,IACxB,gBAAA,EAAC,QAAD;AAAA,MAAM,GAAG,MAAS,SAAS,IAAI,MAAS,UAAU,KAAK;AAAA,MAAG,GAAE;AAAA,MAAI,OAAM;AAAA,MAAI,QAAO;AAAA,MAAI,IAAG;AAAA,IAAO,CAAA;AAAA,IAC/F,gBAAA,EAAC,QAAD;AAAA,MAAM,GAAG,MAAS,UAAa,MAAS,UAAb,IAA2B;AAAA,MAAG,GAAE;AAAA,MAAK,OAAM;AAAA,MAAK,QAAO;AAAA,MAAI,IAAG;AAAA,IAAO,CAAA;AAAA,EAC7F;KAGL,MAAS,SAAS,MAAS,cAAc,MAAS,WAGlD,gBAAA,EAAC,OAAD;AAAA,EAAK,GAAI;AAAA,EAAM,eAAY;AAAA,YAA3B;AAAA,IACE,gBAAA,EAAC,QAAD,EAAM,GAAG,MAHH,MAAS,QAAQ,IAAI,MAAS,WAAW,KAAK,EAGrC,MAAS,CAAA;AAAA,IACxB,gBAAA,EAAC,QAAD;AAAA,MAAM,GAAE;AAAA,MAAI,GAAG,MAAS,QAAQ,IAAI,MAAS,WAAW,KAAK;AAAA,MAAG,OAAM;AAAA,MAAI,QAAO;AAAA,MAAI,IAAG;AAAA,IAAO,CAAA;AAAA,IAC/F,gBAAA,EAAC,QAAD;AAAA,MAAM,GAAE;AAAA,MAAK,GAAG,MAAS,SAAY,MAAS,WAAb,IAA4B;AAAA,MAAG,OAAM;AAAA,MAAI,QAAO;AAAA,MAAK,IAAG;AAAA,IAAO,CAAA;AAAA,EAC7F;KAIP,gBAAA,EAAC,OAAD;AAAA,EAAK,GAAI;AAAA,EAAM,eAAY;AAAA,YACxB,MAAS,iBACR,gBAAA,EAAA,GAAA,EAAA,UAAA;AAAA,IAAE,gBAAA,EAAC,QAAD,EAAM,GAAE,kBAAmB,CAAA;AAAA,IAAC,gBAAA,EAAC,QAAD;AAAA,MAAM,GAAE;AAAA,MAAI,GAAE;AAAA,MAAI,OAAM;AAAA,MAAI,QAAO;AAAA,IAAM,CAAA;AAAA,IAAC,gBAAA,EAAC,QAAD;AAAA,MAAM,GAAE;AAAA,MAAK,GAAE;AAAA,MAAI,OAAM;AAAA,MAAI,QAAO;AAAA,IAAM,CAAA;AAAA,EAAG,EAAA,CAAA,IAErH,gBAAA,EAAA,GAAA,EAAA,UAAA;AAAA,IAAE,gBAAA,EAAC,QAAD,EAAM,GAAE,kBAAmB,CAAA;AAAA,IAAC,gBAAA,EAAC,QAAD;AAAA,MAAM,GAAE;AAAA,MAAI,GAAE;AAAA,MAAI,OAAM;AAAA,MAAK,QAAO;AAAA,IAAK,CAAA;AAAA,IAAC,gBAAA,EAAC,QAAD;AAAA,MAAM,GAAE;AAAA,MAAI,GAAE;AAAA,MAAK,OAAM;AAAA,MAAK,QAAO;AAAA,IAAK,CAAA;AAAA,EAAG,EAAA,CAAA;AAEpH,CAAA,GAII,IAAA,MACX,gBAAA,EAAC,OAAD;AAAA,EAAK,GAAI;AAAA,EAAM,eAAY;AAAA,YAA3B,CACE,gBAAA,EAAC,UAAD;AAAA,IAAQ,IAAG;AAAA,IAAK,IAAG;AAAA,IAAK,GAAE;AAAA,EAAK,CAAA,GAC/B,gBAAA,EAAC,QAAD,EAAM,GAAE,yBAA0B,CAAA,CAC/B;IAGM,IAAA,MACX,gBAAA,EAAC,OAAD;AAAA,EAAK,GAAI;AAAA,EAAM,eAAY;AAAA,YAA3B,CACE,gBAAA,EAAC,UAAD;AAAA,IAAQ,IAAG;AAAA,IAAK,IAAG;AAAA,IAAK,GAAE;AAAA,EAAK,CAAA,GAC/B,gBAAA,EAAC,QAAD,EAAM,GAAE,gCAAiC,CAAA,CACtC;IAGM,IAAA,MACX,gBAAA,EAAC,OAAD;AAAA,EAAK,GAAI;AAAA,EAAM,eAAY;AAAA,YAA3B,CACE,gBAAA,EAAC,QAAD,EAAM,GAAE,iGAAkG,CAAA,GAC1G,gBAAA,EAAC,QAAD;AAAA,IAAM,GAAE;AAAA,IAAI,GAAE;AAAA,IAAI,OAAM;AAAA,IAAI,QAAO;AAAA,IAAI,IAAG;AAAA,EAAK,CAAA,CAC5C;IAGM,IAAA,MACX,gBAAA,EAAC,OAAD;AAAA,EAAK,GAAI;AAAA,EAAM,eAAY;AAAA,YAA3B;AAAA,IACE,gBAAA,EAAC,QAAD;AAAA,MAAM,GAAE;AAAA,MAAI,GAAE;AAAA,MAAK,OAAM;AAAA,MAAI,QAAO;AAAA,MAAI,IAAG;AAAA,IAAK,CAAA;AAAA,IAChD,gBAAA,EAAC,UAAD;AAAA,MAAQ,IAAG;AAAA,MAAK,IAAG;AAAA,MAAI,GAAE;AAAA,IAAK,CAAA;AAAA,IAC9B,gBAAA,EAAC,QAAD,EAAM,GAAE,kBAAmB,CAAA;AAAA,EACxB;IAGM,IAAA,MACX,gBAAA,EAAC,OAAD;AAAA,EAAK,GAAI;AAAA,EAAM,eAAY;AAAA,YAA3B,CACE,gBAAA,EAAC,UAAD;AAAA,IAAQ,IAAG;AAAA,IAAK,IAAG;AAAA,IAAK,GAAE;AAAA,EAAK,CAAA,GAC/B,gBAAA,EAAC,QAAD,EAAM,GAAE,inBAAknB,CAAA,CACvnB;IAGM,IAAA,MACX,gBAAA,EAAC,OAAD;AAAA,EAAK,GAAI;AAAA,EAAM,eAAY;AAAA,YACzB,gBAAA,EAAC,QAAD,EAAM,GAAE,oDAAqD,CAAA;AAC1D,CAAA,GAGM,IAAA,MACX,gBAAA,EAAC,OAAD;AAAA,EAAK,GAAI;AAAA,EAAM,eAAY;AAAA,YAA3B,CACE,gBAAA,EAAC,QAAD,EAAM,GAAE,uEAAwE,CAAA,GAChF,gBAAA,EAAC,QAAD,EAAM,GAAE,yEAA0E,CAAA,CAC/E;IAGM,IAAA,MACX,gBAAA,EAAC,OAAD;AAAA,EAAK,GAAI;AAAA,EAAM,eAAY;AAAA,YAA3B,CACE,gBAAA,EAAC,QAAD;AAAA,IAAM,GAAE;AAAA,IAAI,GAAE;AAAA,IAAI,OAAM;AAAA,IAAK,QAAO;AAAA,IAAK,IAAG;AAAA,EAAK,CAAA,GACjD,gBAAA,EAAC,QAAD,EAAM,GAAE,iCAAkC,CAAA,CACvC;IAGM,IAAA,MACX,gBAAA,EAAC,OAAD;AAAA,EAAK,GAAI;AAAA,EAAM,eAAY;AAAA,YAA3B,CACE,gBAAA,EAAC,QAAD;AAAA,IAAM,GAAE;AAAA,IAAI,GAAE;AAAA,IAAI,OAAM;AAAA,IAAK,QAAO;AAAA,IAAK,IAAG;AAAA,EAAK,CAAA,GACjD,gBAAA,EAAC,QAAD;AAAA,IAAM,GAAE;AAAA,IAAK,GAAE;AAAA,IAAK,OAAM;AAAA,IAAI,QAAO;AAAA,IAAI,IAAG;AAAA,EAAK,CAAA,CAC9C;IAGM,IAAA,MACX,gBAAA,EAAC,OAAD;AAAA,EAAK,GAAI;AAAA,EAAM,eAAY;AAAA,YAA3B;AAAA,IACE,gBAAA,EAAC,QAAD,EAAM,GAAE,WAAY,CAAA;AAAA,IACpB,gBAAA,EAAC,QAAD,EAAM,GAAE,gBAAiB,CAAA;AAAA,IACzB,gBAAA,EAAC,QAAD,EAAM,GAAE,4CAA6C,CAAA;AAAA,EAClD;IAGM,IAAA,MACX,gBAAA,EAAC,OAAD;AAAA,EAAK,GAAI;AAAA,EAAM,eAAY;AAAA,YAA3B;AAAA,IACE,gBAAA,EAAC,QAAD,EAAM,GAAE,WAAY,CAAA;AAAA,IACpB,gBAAA,EAAC,QAAD,EAAM,GAAE,eAAgB,CAAA;AAAA,IACxB,gBAAA,EAAC,QAAD,EAAM,GAAE,4CAA6C,CAAA;AAAA,EAClD;IAGM,IAAA,MACX,gBAAA,EAAC,OAAD;AAAA,EAAK,GAAI;AAAA,EAAM,eAAY;AAAA,YAA3B,CACE,gBAAA,EAAC,QAAD,EAAM,GAAE,cAAe,CAAA,GACvB,gBAAA,EAAC,QAAD,EAAM,GAAE,6BAA8B,CAAA,CACnC;IAGM,IAAA,MACX,gBAAA,EAAC,OAAD;AAAA,EAAK,GAAI;AAAA,EAAM,eAAY;AAAA,YAA3B;AAAA,IACE,gBAAA,EAAC,QAAD;AAAA,MAAM,GAAE;AAAA,MAAI,GAAE;AAAA,MAAI,OAAM;AAAA,MAAK,QAAO;AAAA,MAAK,IAAG;AAAA,IAAK,CAAA;AAAA,IACjD,gBAAA,EAAC,UAAD;AAAA,MAAQ,IAAG;AAAA,MAAI,IAAG;AAAA,MAAI,GAAE;AAAA,IAAO,CAAA;AAAA,IAC/B,gBAAA,EAAC,QAAD,EAAM,GAAE,wBAAyB,CAAA;AAAA,IACjC,gBAAA,EAAC,QAAD,EAAM,GAAE,uBAAwB,CAAA;AAAA,EAC7B;IAGM,IAAA,CAAsD,EAAE,SAAA,IAAU,GAAA,MAC7E,gBAAA,EAAC,OAAD;AAAA,EAAK,GAAI;AAAA,EAAM,eAAY;AAAA,YAA3B;AAAA,IACE,gBAAA,EAAC,QAAD;AAAA,MAAM,GAAE;AAAA,MAAI,GAAE;AAAA,MAAI,OAAM;AAAA,MAAK,QAAO;AAAA,MAAK,IAAG;AAAA,MAAI,iBAAgB;AAAA,IAAO,CAAA;AAAA,IACvE,gBAAA,EAAC,UAAD;AAAA,MAAQ,IAAG;AAAA,MAAI,IAAG;AAAA,MAAI,GAAE;AAAA,MAAI,MAAK;AAAA,MAAe,QAAO;AAAA,IAAQ,CAAA;AAAA,IAC9D,IACC,gBAAA,EAAC,QAAD,EAAM,GAAE,sFAAuF,CAAA,IAE/F,gBAAA,EAAC,QAAD,EAAM,GAAE,aAAc,CAAA;AAAA,EAErB;IAGM,IAAA,MACX,gBAAA,EAAC,OAAD;AAAA,EAAK,GAAI;AAAA,EAAM,eAAY;AAAA,YAA3B;AAAA,IACE,gBAAA,EAAC,QAAD;AAAA,MAAM,GAAE;AAAA,MAAI,GAAE;AAAA,MAAI,OAAM;AAAA,MAAK,QAAO;AAAA,MAAK,IAAG;AAAA,IAAK,CAAA;AAAA,IACjD,gBAAA,EAAC,QAAD;AAAA,MAAM,GAAE;AAAA,MAA2B,MAAK;AAAA,MAAe,QAAO;AAAA,IAAQ,CAAA;AAAA,IACtE,gBAAA,EAAC,QAAD,EAAM,GAAE,kBAAmB,CAAA;AAAA,EACxB"}

package/dist/components/pro/Flow/types.d.ts

@@ -1,7 +1,10 @@
 /** Arrow marker type for edges and lines */
 export type FlowEdgeMarkerKind = 'none' | 'arrow' | 'arrowclosed';
+/** Label placement for SVG icon stamps. */
+export type FlowIconLabelPlacement = 'top' | 'middle' | 'bottom' | 'left' | 'right';
 /** Media stamp kinds rendered via DOM overlay. */
-export type FlowMediaKind = 'markdown' | 'html' | 'mermaid' | 'math' | 'ai';
+export type FlowMediaKind = 'markdown' | 'html' | 'mermaid' | 'math' | 'image' | 'model3d' | 'ai';
+export type FlowModelFormat = 'stl' | 'obj' | '3mf';
 /** AI media node configuration (persisted subset). */
 export interface FlowAIConfig {
     /** API endpoint (OpenAI-compatible chat completions or Anthropic messages). */
@@ -107,12 +110,18 @@ export interface FlowNodeData {
     svgId?: string;
     /** Whether the SVG stamp draws a bordered box around the icon. */
     iconBox?: boolean;
-    /** Label placement for SVG stamps: below the icon (default) or centered. */
-    labelPlacement?: 'below' | 'center' | 'above';
+    /** Label placement for SVG stamps. Left/right use top-to-bottom vertical text. */
+    labelPlacement?: FlowIconLabelPlacement;
+    /** Horizontal offset from the resolved icon label position, in canvas units. */
+    labelOffsetX?: number;
+    /** Vertical offset from the resolved icon label position, in canvas units. */
+    labelOffsetY?: number;
     /** Media node kind (for type 'mediaNode'). */
     mediaKind?: FlowMediaKind;
-    /** Source content for the media node (markdown/html/mermaid/latex text). */
+    /** Source content or URL for the media node. */
     mediaContent?: string;
+    /** Explicit model format for 3D media nodes. */
+    modelFormat?: FlowModelFormat;
     /** AI media node configuration (serializable subset; secrets are runtime-only). */
     aiConfig?: FlowAIConfig;
     /**

package/dist/components/pro/Flow/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/pro/Flow/types.ts"],"sourcesContent":["/** Arrow marker type for edges and lines */\nexport type FlowEdgeMarkerKind = 'none' | 'arrow' | 'arrowclosed';\n\n/** Media stamp kinds rendered via DOM overlay. */\nexport type FlowMediaKind = 'markdown' | 'html' | 'mermaid' | 'math' | 'ai';\n\n/** AI media node configuration (persisted subset). */\nexport interface FlowAIConfig {\n  /** API endpoint (OpenAI-compatible chat completions or Anthropic messages). */\n  gateway: string;\n  protocol: 'openai' | 'anthropic';\n  model: string;\n  /** API key. Persisted in the document; treat exported JSON as sensitive. */\n  apiKey?: string;\n  systemPrompt?: string;\n  /** Extra request headers. */\n  headers?: Record<string, string>;\n}\n\n/** Line style */\nexport type FlowEdgeLineStyle = 'solid' | 'dashed' | 'dotted' | 'dynamic';\n\n/** Dash density for dashed/dotted lines */\nexport type FlowEdgeDashDensity = 'sparse' | 'medium' | 'dense';\n\n/** Bezier control points for simplebezier edge segments (canvas coordinates) */\nexport interface FlowBezierControl {\n  c1x: number;\n  c1y: number;\n  c2x: number;\n  c2y: number;\n}\n\n/** Persisted edge styling on edge.data */\nexport interface FlowEdgeData {\n  strokeColor?: string;\n  strokeWidth?: number;\n  lineStyle?: FlowEdgeLineStyle;\n  dashDensity?: FlowEdgeDashDensity;\n  markerStart?: FlowEdgeMarkerKind;\n  markerEnd?: FlowEdgeMarkerKind;\n  labelText?: string;\n  labelFontSize?: number;\n  labelFontFamily?: string;\n  /** Play a source-to-target traveling gradient while in presentation mode. */\n  animated?: boolean;\n  /** Waypoints; absolute canvas coords unless waypointGroupId set */\n  waypoints?: Array<{ x: number; y: number }>;\n  waypointGroupId?: string;\n  /**\n   * Per-segment bezier controls for simplebezier type;\n   * null entries use default computed controls.\n   */\n  bezierControls?: Array<FlowBezierControl | null> | null;\n}\n\n/** Edge type names */\nexport type FlowEdgeTypeName =\n  | 'smoothstep'\n  | 'step'\n  | 'straight'\n  | 'simplebezier';\n\n/** Border line style */\nexport type FlowBorderStyle = 'none' | 'solid' | 'dashed' | 'dotted' | 'dynamic';\n\n/** Gradient direction */\nexport type GradientDirection =\n  | 'to-r'\n  | 'to-l'\n  | 'to-b'\n  | 'to-t'\n  | 'to-br'\n  | 'to-tl'\n  | 'to-tr'\n  | 'to-bl';\n\n/** Group label placement */\nexport type FlowGroupLabelPlacement = 'top' | 'bottom' | 'left' | 'right';\nexport type FlowGroupLabelAlign = 'start' | 'center' | 'end';\n\nexport const FLOW_NODE_TYPES = [\n  'shapeRect',\n  'shapeRoundRect',\n  'shapeEllipse',\n  'shapeDiamond',\n  'shapeDocument',\n  'shapeParallelogram',\n  'shapeTriangle',\n  'shapeTrapezoid',\n  'shapePentagon',\n  'shapeHexagon',\n  'shapeStar',\n  'shapeHexagram',\n  'shapeRightTriangle',\n  'shapeCorner',\n  'textLabel',\n  'flowGroup',\n  'geometryGroup',\n  'dividerNode',\n  'arrowNode',\n  'polylineNode',\n  'shapeSvg',\n  'mediaNode',\n  'animAnchor',\n] as const;\n\nexport type FlowShapeType = (typeof FLOW_NODE_TYPES)[number];\n\n/** Custom key-value attribute on a node */\nexport interface FlowNodeAttribute {\n  key: string;\n  value: string;\n}\n\n/** Data stored on each flow node */\nexport interface FlowNodeData {\n  label: string;\n  fill: string;\n  stroke: string;\n  strokeWidth: number;\n  color: string;\n  fontSize: number;\n  /**\n   * Label/font color. When unset, falls back to `color` (legacy behavior where\n   * a single color drove both the label and the SVG icon tint).\n   */\n  labelColor?: string;\n  borderStyle?: FlowBorderStyle;\n  rotation?: number;\n  flipX?: boolean;\n  flipY?: boolean;\n  fillGradientTo?: string;\n  fillGradientDirection?: GradientDirection;\n  attributes?: FlowNodeAttribute[];\n  childCanvasId?: string;\n  isGroup?: boolean;\n  groupBorderStyle?: FlowBorderStyle;\n  groupLabelPlacement?: FlowGroupLabelPlacement;\n  groupLabelAlign?: FlowGroupLabelAlign;\n  groupLabelFill?: string;\n  groupLabelRotation?: 0 | 90 | 180 | 270;\n  groupLabelBgMode?: 'text' | 'full';\n  dividerOrientation?: 'horizontal' | 'vertical';\n  arrowDouble?: boolean;\n  arrowBent?: boolean;\n  arrowBendX?: number;\n  arrowBendY?: number;\n  polylineWaypoints?: Array<{ x: number; y: number }>;\n  /** SVG stamp icon id (for type 'shapeSvg'). */\n  svgId?: string;\n  /** Whether the SVG stamp draws a bordered box around the icon. */\n  iconBox?: boolean;\n  /** Label placement for SVG stamps: below the icon (default) or centered. */\n  labelPlacement?: 'below' | 'center' | 'above';\n  /** Media node kind (for type 'mediaNode'). */\n  mediaKind?: FlowMediaKind;\n  /** Source content for the media node (markdown/html/mermaid/latex text). */\n  mediaContent?: string;\n  /** AI media node configuration (serializable subset; secrets are runtime-only). */\n  aiConfig?: FlowAIConfig;\n  /**\n   * Stable creation index for `animAnchor` nodes, used to order slides. The\n   * displayed sequence badge is derived from this ordering, so deleting an\n   * anchor renumbers the rest automatically.\n   */\n  animIndex?: number;\n  /** Marks nodes managed by Mindmap mode. */\n  isMindMapNode?: boolean;\n  /** Logical parent used by Mindmap auto-layout (separate from visual groups). */\n  mindMapParentId?: string;\n}\n\n/** A flow node */\nexport interface FlowNode {\n  id: string;\n  type: FlowShapeType;\n  position: { x: number; y: number };\n  width: number;\n  height: number;\n  data: FlowNodeData;\n  parentId?: string;\n  zIndex?: number;\n}\n\n/** A flow edge (connection between nodes) */\nexport interface FlowEdge {\n  id: string;\n  source: string;\n  target: string;\n  sourceHandle?: string;\n  targetHandle?: string;\n  type: FlowEdgeTypeName;\n  data: FlowEdgeData;\n}\n\n/** Independent line types */\nexport type FlowLineType = 'freehand' | 'straight' | 'polyline' | 'arrow';\n\n/** An independent line not attached to nodes */\nexport interface FlowLine {\n  id: string;\n  type: FlowLineType;\n  points: Array<{ x: number; y: number }>;\n  strokeColor: string;\n  strokeWidth: number;\n  lineStyle: FlowEdgeLineStyle;\n  dashDensity?: FlowEdgeDashDensity;\n  markerStart?: FlowEdgeMarkerKind;\n  markerEnd?: FlowEdgeMarkerKind;\n  closed?: boolean;\n  zIndex?: number;\n  parentId?: string;\n}\n\n/** Single canvas layer data */\nexport interface FlowCanvasData {\n  nodes: FlowNode[];\n  edges: FlowEdge[];\n  lines: FlowLine[];\n}\n\n/** Multi-canvas document; root canvas id is 'root' */\nexport interface FlowDocument {\n  canvases: Record<string, FlowCanvasData>;\n  stack: string[];\n}\n\n/** Active tool modes */\nexport type FlowToolMode =\n  | 'select'\n  | 'pan'\n  | 'connect'\n  | 'freehand'\n  | 'line'\n  | 'polyline'\n  | 'arrow';\n\n/** Viewport transform state */\nexport interface ViewportState {\n  x: number;\n  y: number;\n  zoom: number;\n}\n\n/** Selection state */\nexport interface SelectionState {\n  nodeIds: Set<string>;\n  edgeIds: Set<string>;\n  lineIds: Set<string>;\n}\n\n/** Props for the Flow component */\nexport interface FlowProps {\n  /** Initial document; if not provided, starts with empty doc */\n  initialDocument?: FlowDocument;\n  /** Callback when document changes */\n  onChange?: (doc: FlowDocument) => void;\n  /** Width of the component (defaults to 100%) */\n  width?: number | string;\n  /** Height of the component (defaults to 100%) */\n  height?: number | string;\n  /** Whether the flow is read-only */\n  readOnly?: boolean;\n  /** Leave the current document from the built-in toolbar. */\n  onBack?: () => void;\n  /** Export the current canvas as PNG from the built-in toolbar. */\n  onExportPNG?: () => void | Promise<void>;\n  /** Publish or configure sharing from the built-in toolbar. */\n  onPublish?: () => void;\n  /** Show minimap */\n  showMiniMap?: boolean;\n  /** Show grid */\n  showGrid?: boolean;\n  /** Grid size in pixels */\n  gridSize?: number;\n  /** CSS class for outer container */\n  className?: string;\n}\n"],"mappings":"AAiFA,IAAa,IAAkB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF"}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/pro/Flow/types.ts"],"sourcesContent":["/** Arrow marker type for edges and lines */\nexport type FlowEdgeMarkerKind = 'none' | 'arrow' | 'arrowclosed';\n\n/** Label placement for SVG icon stamps. */\nexport type FlowIconLabelPlacement = 'top' | 'middle' | 'bottom' | 'left' | 'right';\n\n/** Media stamp kinds rendered via DOM overlay. */\nexport type FlowMediaKind = 'markdown' | 'html' | 'mermaid' | 'math' | 'image' | 'model3d' | 'ai';\n\nexport type FlowModelFormat = 'stl' | 'obj' | '3mf';\n\n/** AI media node configuration (persisted subset). */\nexport interface FlowAIConfig {\n  /** API endpoint (OpenAI-compatible chat completions or Anthropic messages). */\n  gateway: string;\n  protocol: 'openai' | 'anthropic';\n  model: string;\n  /** API key. Persisted in the document; treat exported JSON as sensitive. */\n  apiKey?: string;\n  systemPrompt?: string;\n  /** Extra request headers. */\n  headers?: Record<string, string>;\n}\n\n/** Line style */\nexport type FlowEdgeLineStyle = 'solid' | 'dashed' | 'dotted' | 'dynamic';\n\n/** Dash density for dashed/dotted lines */\nexport type FlowEdgeDashDensity = 'sparse' | 'medium' | 'dense';\n\n/** Bezier control points for simplebezier edge segments (canvas coordinates) */\nexport interface FlowBezierControl {\n  c1x: number;\n  c1y: number;\n  c2x: number;\n  c2y: number;\n}\n\n/** Persisted edge styling on edge.data */\nexport interface FlowEdgeData {\n  strokeColor?: string;\n  strokeWidth?: number;\n  lineStyle?: FlowEdgeLineStyle;\n  dashDensity?: FlowEdgeDashDensity;\n  markerStart?: FlowEdgeMarkerKind;\n  markerEnd?: FlowEdgeMarkerKind;\n  labelText?: string;\n  labelFontSize?: number;\n  labelFontFamily?: string;\n  /** Play a source-to-target traveling gradient while in presentation mode. */\n  animated?: boolean;\n  /** Waypoints; absolute canvas coords unless waypointGroupId set */\n  waypoints?: Array<{ x: number; y: number }>;\n  waypointGroupId?: string;\n  /**\n   * Per-segment bezier controls for simplebezier type;\n   * null entries use default computed controls.\n   */\n  bezierControls?: Array<FlowBezierControl | null> | null;\n}\n\n/** Edge type names */\nexport type FlowEdgeTypeName =\n  | 'smoothstep'\n  | 'step'\n  | 'straight'\n  | 'simplebezier';\n\n/** Border line style */\nexport type FlowBorderStyle = 'none' | 'solid' | 'dashed' | 'dotted' | 'dynamic';\n\n/** Gradient direction */\nexport type GradientDirection =\n  | 'to-r'\n  | 'to-l'\n  | 'to-b'\n  | 'to-t'\n  | 'to-br'\n  | 'to-tl'\n  | 'to-tr'\n  | 'to-bl';\n\n/** Group label placement */\nexport type FlowGroupLabelPlacement = 'top' | 'bottom' | 'left' | 'right';\nexport type FlowGroupLabelAlign = 'start' | 'center' | 'end';\n\nexport const FLOW_NODE_TYPES = [\n  'shapeRect',\n  'shapeRoundRect',\n  'shapeEllipse',\n  'shapeDiamond',\n  'shapeDocument',\n  'shapeParallelogram',\n  'shapeTriangle',\n  'shapeTrapezoid',\n  'shapePentagon',\n  'shapeHexagon',\n  'shapeStar',\n  'shapeHexagram',\n  'shapeRightTriangle',\n  'shapeCorner',\n  'textLabel',\n  'flowGroup',\n  'geometryGroup',\n  'dividerNode',\n  'arrowNode',\n  'polylineNode',\n  'shapeSvg',\n  'mediaNode',\n  'animAnchor',\n] as const;\n\nexport type FlowShapeType = (typeof FLOW_NODE_TYPES)[number];\n\n/** Custom key-value attribute on a node */\nexport interface FlowNodeAttribute {\n  key: string;\n  value: string;\n}\n\n/** Data stored on each flow node */\nexport interface FlowNodeData {\n  label: string;\n  fill: string;\n  stroke: string;\n  strokeWidth: number;\n  color: string;\n  fontSize: number;\n  /**\n   * Label/font color. When unset, falls back to `color` (legacy behavior where\n   * a single color drove both the label and the SVG icon tint).\n   */\n  labelColor?: string;\n  borderStyle?: FlowBorderStyle;\n  rotation?: number;\n  flipX?: boolean;\n  flipY?: boolean;\n  fillGradientTo?: string;\n  fillGradientDirection?: GradientDirection;\n  attributes?: FlowNodeAttribute[];\n  childCanvasId?: string;\n  isGroup?: boolean;\n  groupBorderStyle?: FlowBorderStyle;\n  groupLabelPlacement?: FlowGroupLabelPlacement;\n  groupLabelAlign?: FlowGroupLabelAlign;\n  groupLabelFill?: string;\n  groupLabelRotation?: 0 | 90 | 180 | 270;\n  groupLabelBgMode?: 'text' | 'full';\n  dividerOrientation?: 'horizontal' | 'vertical';\n  arrowDouble?: boolean;\n  arrowBent?: boolean;\n  arrowBendX?: number;\n  arrowBendY?: number;\n  polylineWaypoints?: Array<{ x: number; y: number }>;\n  /** SVG stamp icon id (for type 'shapeSvg'). */\n  svgId?: string;\n  /** Whether the SVG stamp draws a bordered box around the icon. */\n  iconBox?: boolean;\n  /** Label placement for SVG stamps. Left/right use top-to-bottom vertical text. */\n  labelPlacement?: FlowIconLabelPlacement;\n  /** Horizontal offset from the resolved icon label position, in canvas units. */\n  labelOffsetX?: number;\n  /** Vertical offset from the resolved icon label position, in canvas units. */\n  labelOffsetY?: number;\n  /** Media node kind (for type 'mediaNode'). */\n  mediaKind?: FlowMediaKind;\n  /** Source content or URL for the media node. */\n  mediaContent?: string;\n  /** Explicit model format for 3D media nodes. */\n  modelFormat?: FlowModelFormat;\n  /** AI media node configuration (serializable subset; secrets are runtime-only). */\n  aiConfig?: FlowAIConfig;\n  /**\n   * Stable creation index for `animAnchor` nodes, used to order slides. The\n   * displayed sequence badge is derived from this ordering, so deleting an\n   * anchor renumbers the rest automatically.\n   */\n  animIndex?: number;\n  /** Marks nodes managed by Mindmap mode. */\n  isMindMapNode?: boolean;\n  /** Logical parent used by Mindmap auto-layout (separate from visual groups). */\n  mindMapParentId?: string;\n}\n\n/** A flow node */\nexport interface FlowNode {\n  id: string;\n  type: FlowShapeType;\n  position: { x: number; y: number };\n  width: number;\n  height: number;\n  data: FlowNodeData;\n  parentId?: string;\n  zIndex?: number;\n}\n\n/** A flow edge (connection between nodes) */\nexport interface FlowEdge {\n  id: string;\n  source: string;\n  target: string;\n  sourceHandle?: string;\n  targetHandle?: string;\n  type: FlowEdgeTypeName;\n  data: FlowEdgeData;\n}\n\n/** Independent line types */\nexport type FlowLineType = 'freehand' | 'straight' | 'polyline' | 'arrow';\n\n/** An independent line not attached to nodes */\nexport interface FlowLine {\n  id: string;\n  type: FlowLineType;\n  points: Array<{ x: number; y: number }>;\n  strokeColor: string;\n  strokeWidth: number;\n  lineStyle: FlowEdgeLineStyle;\n  dashDensity?: FlowEdgeDashDensity;\n  markerStart?: FlowEdgeMarkerKind;\n  markerEnd?: FlowEdgeMarkerKind;\n  closed?: boolean;\n  zIndex?: number;\n  parentId?: string;\n}\n\n/** Single canvas layer data */\nexport interface FlowCanvasData {\n  nodes: FlowNode[];\n  edges: FlowEdge[];\n  lines: FlowLine[];\n}\n\n/** Multi-canvas document; root canvas id is 'root' */\nexport interface FlowDocument {\n  canvases: Record<string, FlowCanvasData>;\n  stack: string[];\n}\n\n/** Active tool modes */\nexport type FlowToolMode =\n  | 'select'\n  | 'pan'\n  | 'connect'\n  | 'freehand'\n  | 'line'\n  | 'polyline'\n  | 'arrow';\n\n/** Viewport transform state */\nexport interface ViewportState {\n  x: number;\n  y: number;\n  zoom: number;\n}\n\n/** Selection state */\nexport interface SelectionState {\n  nodeIds: Set<string>;\n  edgeIds: Set<string>;\n  lineIds: Set<string>;\n}\n\n/** Props for the Flow component */\nexport interface FlowProps {\n  /** Initial document; if not provided, starts with empty doc */\n  initialDocument?: FlowDocument;\n  /** Callback when document changes */\n  onChange?: (doc: FlowDocument) => void;\n  /** Width of the component (defaults to 100%) */\n  width?: number | string;\n  /** Height of the component (defaults to 100%) */\n  height?: number | string;\n  /** Whether the flow is read-only */\n  readOnly?: boolean;\n  /** Leave the current document from the built-in toolbar. */\n  onBack?: () => void;\n  /** Export the current canvas as PNG from the built-in toolbar. */\n  onExportPNG?: () => void | Promise<void>;\n  /** Publish or configure sharing from the built-in toolbar. */\n  onPublish?: () => void;\n  /** Show minimap */\n  showMiniMap?: boolean;\n  /** Show grid */\n  showGrid?: boolean;\n  /** Grid size in pixels */\n  gridSize?: number;\n  /** CSS class for outer container */\n  className?: string;\n}\n"],"mappings":"AAsFA,IAAa,IAAkB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF"}