likec4 1.0.0 → 1.0.1

package/dist/__app__/src/{main-C8jsNnb9.js → main-DocCFjZN.js}

@@ -19750,7 +19750,9 @@ const theme = {
   })
 });
 function RadixTheme({ children: children2 }) {
-  const { colorScheme } = useMantineColorScheme(), computedScheme = useComputedColorScheme(), appearance = colorScheme === "auto" ? computedScheme : colorScheme;
+  const { colorScheme } = useMantineColorScheme(), computedScheme = useComputedColorScheme(void 0, {
+    getInitialValueInEffect: !1
+  }), appearance = colorScheme === "auto" ? computedScheme : colorScheme;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Theme,
     {
@@ -19768,7 +19770,7 @@ function RootComponent() {
     MantineProvider,
     {
       ...theme$1 && { forceColorScheme: theme$1 },
-      defaultColorScheme: "dark",
+      defaultColorScheme: theme$1 ?? "dark",
       theme,
       children: /* @__PURE__ */ jsxRuntimeExports.jsxs(RadixTheme, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollRestoration, {}),
@@ -36644,7 +36646,7 @@ function Header({ diagram }) {
       /* @__PURE__ */ jsxRuntimeExports.jsx(ColorSchemeToggle, {}),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { orientation: "vertical" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { ml: "xs", size: isTablet ? "sm" : "xs", leftSection: /* @__PURE__ */ jsxRuntimeExports.jsx(IconShare, { size: 14 }), onClick: open, children: "Share" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ExportButton, {})
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ExportButton, { diagram })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       ShareModal,
@@ -36753,10 +36755,27 @@ function ViewPageButton({
     ] })
   ] });
 }
-function ExportButton() {
+function downloadImage(name, dataUrl) {
+  const a = document.createElement("a");
+  a.setAttribute("download", `${name}.png`), a.setAttribute("href", dataUrl), a.click();
+}
+function ExportButton({ diagram }) {
   const params = useParams({
     from: "/view/$viewId"
-  });
+  }), onClick = async () => {
+    const { toPng } = await import("./index-CgQjA8pD.js"), imageWidth = diagram.width + 32, imageHeight = diagram.height + 32;
+    toPng(document.querySelector(".react-flow__viewport"), {
+      backgroundColor: "transparent",
+      width: imageWidth,
+      height: imageHeight,
+      cacheBust: !0,
+      style: {
+        width: imageWidth + "px",
+        height: imageHeight + "px",
+        transform: "translate(16px, 16px) scale(1)"
+      }
+    }).then((data) => downloadImage(diagram.id, data));
+  };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Menu, { shadow: "md", width: 200, trigger: "click-hover", openDelay: 200, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(MenuTarget, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       Button,
@@ -36771,7 +36790,7 @@ function ExportButton() {
     ) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(MenuDropdown, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(MenuLabel, { children: "Current view" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(MenuItem, { children: "Export as .png" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(MenuItem, { onClick, children: "Export as .png" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(MenuItem, { component: Link$1, to: "/view/$viewId/dot", search: !0, params, children: "Export as .dot" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(MenuItem, { component: Link$1, to: "/view/$viewId/d2", search: !0, params, children: "Export as .d2" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(MenuItem, { component: Link$1, to: "/view/$viewId/mmd", search: !0, params, children: "Export as .mmd" }),
@@ -37018,22 +37037,22 @@ const ViewViewIdReactLegacyLazyImport = createFileRoute(
   path: "/react-legacy",
   getParentRoute: () => ViewViewIdRoute
 }).lazy(
-  () => import("./view._viewId.react-legacy.lazy-CbH8iz1R.js").then((d2) => d2.Route)
+  () => import("./view._viewId.react-legacy.lazy-Cr471Itv.js").then((d2) => d2.Route)
 ), ViewViewIdMmdLazyRoute = ViewViewIdMmdLazyImport.update({
   path: "/mmd",
   getParentRoute: () => ViewViewIdRoute
 }).lazy(
-  () => import("./view._viewId.mmd.lazy-BH_rg5NV.js").then((d2) => d2.Route)
+  () => import("./view._viewId.mmd.lazy-AyTROblc.js").then((d2) => d2.Route)
 ), ViewViewIdDotLazyRoute = ViewViewIdDotLazyImport.update({
   path: "/dot",
   getParentRoute: () => ViewViewIdRoute
 }).lazy(
-  () => import("./view._viewId.dot.lazy-KvXSJdzM.js").then((d2) => d2.Route)
+  () => import("./view._viewId.dot.lazy-DDXp1Pjx.js").then((d2) => d2.Route)
 ), ViewViewIdD2LazyRoute = ViewViewIdD2LazyImport.update({
   path: "/d2",
   getParentRoute: () => ViewViewIdRoute
 }).lazy(
-  () => import("./view._viewId.d2.lazy-BRVYHRy1.js").then((d2) => d2.Route)
+  () => import("./view._viewId.d2.lazy-D9gktAvw.js").then((d2) => d2.Route)
 ), ViewViewIdEditorRoute = Route2.update({
   path: "/editor",
   getParentRoute: () => ViewViewIdRoute

package/dist/__app__/src/main.js

@@ -1 +1 @@
-import "./main-C8jsNnb9.js";
+import "./main-DocCFjZN.js";