likec4 1.10.1 → 1.12.0

package/dist/__app__/src/chunks/{mantine-BnwtT_Nz.js → mantine-IOl1S4mZ.js}

@@ -675,13 +675,13 @@ function createEventHandler(parentEventHandler, eventHandler) {
     parentEventHandler?.(event), eventHandler?.(event);
   };
 }
-function getBreakpointValue$1(breakpoint, theme) {
+function getBreakpointValue$2(breakpoint, theme) {
   return breakpoint in theme.breakpoints ? px(theme.breakpoints[breakpoint]) : px(breakpoint);
 }
 function getSortedBreakpoints(breakpoints, theme) {
   const convertedBreakpoints = breakpoints.map((breakpoint) => ({
     value: breakpoint,
-    px: getBreakpointValue$1(breakpoint, theme)
+    px: getBreakpointValue$2(breakpoint, theme)
   }));
   return convertedBreakpoints.sort((a, b) => a.px - b.px), convertedBreakpoints;
 }
@@ -1164,6 +1164,10 @@ function usePrevious(value) {
     ref.current = value;
   }, [value]), ref.current;
 }
+function useInViewport() {
+  const ref = useRef(null), [inViewport, setInViewport] = useState(!1), observer = useMemo(() => typeof IntersectionObserver > "u" ? null : new IntersectionObserver(([entry]) => setInViewport(entry.isIntersecting)), [ref]);
+  return useEffect(() => ref.current && observer ? (observer.observe(ref.current), () => observer.disconnect()) : () => null, []), { ref, inViewport };
+}
 function useMutationObserver(callback, options, target) {
   const observer = useRef(), ref = useRef(null);
   return useEffect(() => {
@@ -2840,7 +2844,7 @@ function getBaseValue(value) {
 function getBreakpointKeys(value) {
   return typeof value == "object" && value !== null ? keys(value).filter((key) => key !== "base") : [];
 }
-function getBreakpointValue(value, breakpoint) {
+function getBreakpointValue$1(value, breakpoint) {
   return typeof value == "object" && value !== null && breakpoint in value ? value[breakpoint] : value;
 }
 function parseStyleProps({
@@ -2866,7 +2870,7 @@ function parseStyleProps({
             acc.media[bp] = {
               ...acc.media[bp],
               [property]: resolvers[propertyData.type](
-                getBreakpointValue(styleProps[styleProp], breakpoint),
+                getBreakpointValue$1(styleProps[styleProp], breakpoint),
                 theme
               )
             };
@@ -12227,81 +12231,181 @@ const defaultProps = {
 });
 Tree.displayName = "@mantine/core/Tree";
 Tree.classes = classes;
+function getSizesVariables(theme, themeKey, name) {
+  return Object.keys(theme[themeKey]).reduce((acc, size2) => (acc[size2] = `var(--mantine-${name}-${size2})`, acc), {});
+}
+function getBreakpointValue(value, theme) {
+  return value in theme.breakpoints ? theme.breakpoints[value] : em(value);
+}
+function themeToVars(theme) {
+  const mergedTheme = mergeMantineTheme(DEFAULT_THEME, theme), fontSizes = getSizesVariables(mergedTheme, "fontSizes", "font-size"), lineHeights = getSizesVariables(mergedTheme, "lineHeights", "line-height"), shadows = getSizesVariables(mergedTheme, "shadows", "shadow"), radius = getSizesVariables(mergedTheme, "radius", "radius"), spacing = getSizesVariables(mergedTheme, "spacing", "spacing"), headings2 = Object.keys(mergedTheme.headings.sizes).reduce(
+    (acc, heading) => (acc[heading] = {
+      fontSize: `var(--mantine-${heading}-font-size)`,
+      lineHeight: `var(--mantine-${heading}-line-height)`,
+      fontWeight: `var(--mantine-${heading}-font-weight)`
+    }, acc),
+    {}
+  ), colors = Object.keys(mergedTheme.colors).reduce(
+    (acc, color) => (acc[color] = {
+      0: `var(--mantine-color-${color}-0)`,
+      1: `var(--mantine-color-${color}-1)`,
+      2: `var(--mantine-color-${color}-2)`,
+      3: `var(--mantine-color-${color}-3)`,
+      4: `var(--mantine-color-${color}-4)`,
+      5: `var(--mantine-color-${color}-5)`,
+      6: `var(--mantine-color-${color}-6)`,
+      7: `var(--mantine-color-${color}-7)`,
+      8: `var(--mantine-color-${color}-8)`,
+      9: `var(--mantine-color-${color}-9)`,
+      filled: `var(--mantine-color-${color}-filled)`,
+      filledHover: `var(--mantine-color-${color}-filled-hover)`,
+      light: `var(--mantine-color-${color}-light)`,
+      lightHover: `var(--mantine-color-${color}-light-hover)`,
+      lightColor: `var(--mantine-color-${color}-light-color)`,
+      outline: `var(--mantine-color-${color}-outline)`,
+      outlineHover: `var(--mantine-color-${color}-outline-hover)`
+    }, acc),
+    {
+      primary: "var(--mantine-primary-color-filled)",
+      primaryColors: {
+        0: "var(--mantine-primary-color-0)",
+        1: "var(--mantine-primary-color-1)",
+        2: "var(--mantine-primary-color-2)",
+        3: "var(--mantine-primary-color-3)",
+        4: "var(--mantine-primary-color-4)",
+        5: "var(--mantine-primary-color-5)",
+        6: "var(--mantine-primary-color-6)",
+        7: "var(--mantine-primary-color-7)",
+        8: "var(--mantine-primary-color-8)",
+        9: "var(--mantine-primary-color-9)",
+        filled: "var(--mantine-primary-color-filled)",
+        filledHover: "var(--mantine-primary-color-filled-hover)",
+        light: "var(--mantine-primary-color-light)",
+        lightHover: "var(--mantine-primary-color-light-hover)",
+        lightColor: "var(--mantine-primary-color-light-color)",
+        outline: "var(--mantine-primary-color-outline)",
+        outlineHover: "var(--mantine-primary-color-outline-hover)"
+      },
+      white: "var(--mantine-color-white)",
+      black: "var(--mantine-color-black)",
+      text: "var(--mantine-color-text)",
+      body: "var(--mantine-color-body)",
+      error: "var(--mantine-color-error)",
+      placeholder: "var(--mantine-color-placeholder)",
+      anchor: "var(--mantine-color-anchor)",
+      default: "var(--mantine-color-default)",
+      defaultHover: "var(--mantine-color-default-hover)",
+      defaultColor: "var(--mantine-color-default-color)",
+      defaultBorder: "var(--mantine-color-default-border)",
+      dimmed: "var(--mantine-color-dimmed)"
+    }
+  );
+  return {
+    scale: "var(--mantine-scale)",
+    cursorType: "var(--mantine-cursor-type)",
+    webkitFontSmoothing: "var(--mantine-webkit-font-smoothing)",
+    mozFontSmoothing: "var(--mantine-moz-font-smoothing)",
+    lineHeight: "var(--mantine-line-height)",
+    fontFamily: "var(--mantine-font-family)",
+    fontFamilyMonospace: "var(--mantine-font-family-monospace)",
+    fontFamilyHeadings: "var(--mantine-font-family-headings)",
+    headingFontWeight: "var(--mantine-heading-font-weight)",
+    radiusDefault: "var(--mantine-radius-default)",
+    breakpoints: mergedTheme.breakpoints,
+    fontSizes,
+    lineHeights,
+    shadows,
+    radius,
+    headings: headings2,
+    spacing,
+    colors,
+    rtlSelector: '[dir="rtl"] &',
+    darkSelector: '[data-mantine-color-scheme="dark"] &',
+    lightSelector: '[data-mantine-color-scheme="light"] &',
+    smallerThan: (breakpoint) => `(max-width: ${getBreakpointValue(breakpoint, mergedTheme)})`,
+    largerThan: (breakpoint) => `(min-width: ${getBreakpointValue(breakpoint, mergedTheme)})`
+  };
+}
 export {
-  SimpleGrid as $,
+  Slider as $,
   ActionIcon as A,
   Box as B,
   Card as C,
-  TabsList as D,
-  TabsTab as E,
-  TabsPanel as F,
+  Anchor as D,
+  CopyButton as E,
+  useLocalStorage as F,
   Group as G,
   HoverCard as H,
   Image as I,
-  rem as J,
-  Divider as K,
-  Space as L,
-  MantineProvider as M,
-  TooltipGroup as N,
-  Flex as O,
+  Spoiler as J,
+  Badge as K,
+  ButtonGroup as L,
+  MantineContext as M,
+  Tabs as N,
+  TabsList as O,
   Paper as P,
-  ColorSwatch as Q,
-  CheckIcon as R,
+  TabsTab as Q,
+  TabsPanel as R,
   Stack as S,
   ThemeIcon as T,
   UnstyledButton as U,
-  Select as V,
-  Slider as W,
-  SegmentedControl as X,
-  FloatingIndicator as Y,
-  Notification as Z,
-  Code as _,
+  rem as V,
+  Divider as W,
+  Flex as X,
+  ColorSwatch as Y,
+  CheckIcon as Z,
+  Select as _,
   Text as a,
-  useTree as a0,
-  useComputedColorScheme as a1,
-  Tree as a2,
-  Drawer as a3,
-  ScrollArea as a4,
-  Alert as a5,
-  ModalRoot as a6,
-  ModalOverlay as a7,
-  ModalContent as a8,
-  ModalBody as a9,
-  useMantineTheme as aa,
-  useMediaQuery as ab,
-  useDisclosure as ac,
-  Menu as ad,
-  MenuTarget as ae,
-  MenuDropdown as af,
-  MenuLabel as ag,
-  MenuItem as ah,
-  LoadingOverlay as ai,
-  useCallbackRef as aj,
-  Burger as ak,
-  Loader as al,
+  SegmentedControl as a0,
+  FloatingIndicator as a1,
+  ActionIconGroup as a2,
+  Overlay as a3,
+  Notification as a4,
+  Code as a5,
+  createTheme as a6,
+  MantineProvider as a7,
+  useInViewport as a8,
+  SimpleGrid as a9,
+  useTree as aa,
+  useComputedColorScheme as ab,
+  Tree as ac,
+  Drawer as ad,
+  ScrollArea as ae,
+  Alert as af,
+  ModalRoot as ag,
+  ModalOverlay as ah,
+  ModalContent as ai,
+  ModalBody as aj,
+  useMantineTheme as ak,
+  useMediaQuery as al,
+  useDisclosure as am,
+  LoadingOverlay as an,
+  useCallbackRef as ao,
+  Burger as ap,
+  Loader as aq,
   CardSection as b,
   clsx as c,
   Center as d,
   Container as e,
   Title as f,
   Button as g,
-  createTheme as h,
-  MantineContext as i,
-  useHotkeys as j,
-  Popover as k,
-  PopoverTarget as l,
-  PopoverDropdown as m,
-  ScrollAreaAutosize as n,
-  CloseButton as o,
-  HoverCardTarget as p,
-  HoverCardDropdown as q,
-  Anchor as r,
-  CopyButton as s,
-  useLocalStorage as t,
+  useHotkeys as h,
+  Tooltip as i,
+  Menu as j,
+  MenuTarget as k,
+  MenuDropdown as l,
+  MenuLabel as m,
+  MenuDivider as n,
+  TooltipGroup as o,
+  Space as p,
+  MenuItem as q,
+  Popover as r,
+  PopoverTarget as s,
+  themeToVars as t,
   useMantineColorScheme as u,
-  Spoiler as v,
-  Badge as w,
-  ButtonGroup as x,
-  Tooltip as y,
-  Tabs as z
+  PopoverDropdown as v,
+  ScrollAreaAutosize as w,
+  CloseButton as x,
+  HoverCardTarget as y,
+  HoverCardDropdown as z
 };

package/dist/__app__/src/chunks/{tanstack-router-DKnF_3kP.js → tanstack-router-CU5V4Ll-.js}

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import * as React from "react";
 import { flushSync } from "react-dom";
-import { w as withSelectorExports } from "./likec4-BFZn233G.js";
+import { w as withSelectorExports } from "./likec4-DlkyDuSp.js";
 const pushStateEvent = "pushstate", popStateEvent = "popstate", beforeUnloadEvent = "beforeunload", beforeUnloadListener = (event) => (event.preventDefault(), event.returnValue = ""), stopBlocking = () => {
   removeEventListener(beforeUnloadEvent, beforeUnloadListener, {
     capture: !0

package/dist/__app__/src/const.js

@@ -15,3 +15,5 @@ export const basepath = useHashHistory ? '/' : BASE
 export const withOverviewGraph = __USE_OVERVIEW_GRAPH__ === true
 
 export const isDevelopment = import.meta.env.DEV
+
+export const krokiD2SvgUrl = import.meta.env.VITE_KROKI_D2_SVG_URL || 'https://kroki.io/d2/svg'

package/dist/__app__/src/main.js

@@ -1,4 +1,4 @@
 import "react/jsx-runtime";
-import "./chunks/main-D12NE066.js";
+import "./chunks/main-Bc_PC5BH.js";
 import "react";
 import "react-dom/client";