likec4 1.15.1 → 1.16.0

package/dist/__app__/src/chunks/{-index-overview-3cvoLqZL.js → -index-overview-BRH5n7M1.js}

@@ -1,10 +1,10 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useOverviewGraph } from "virtual:likec4/overview-graph";
-import { u, c as createReactComponent, I as IconFolderFilled, e, a as useUpdateEffect, n as nonexhaustive } from "./main-CDPsQgdJ.js";
+import { u, c as createReactComponent, I as IconFolderFilled, e, a as useUpdateEffect, n as nonexhaustive } from "./main-DejpCNPJ.js";
 import { u as useRouter } from "./tanstack-router-CfO1HFS2.js";
 import { B as BaseEdge, H as Handle, P as Position, u as useNodesState, a as useEdgesState, i as index, b as Background, c as BackgroundVariant } from "./likec4-zEZHE7gJ.js";
 import { memo, useRef, useMemo } from "react";
-import { P as Paper, c as clsx, G as Group, T as ThemeIcon, a as Text, C as Card, b as CardSection, d as Center, I as Image, B as Box, u as useMantineColorScheme } from "./mantine-3sBuUgD1.js";
+import { P as Paper, c as clsx, G as Group, T as ThemeIcon, a as Text, C as Card, b as CardSection, d as Center, I as Image, B as Box, u as useMantineColorScheme } from "./mantine-Dx0sIYv1.js";
 import { usePreviewUrl } from "virtual:likec4/previews";
 function i(...e2) {
   return u(y, e2);

package/dist/__app__/src/chunks/{main-CDPsQgdJ.js → main-DejpCNPJ.js}

@@ -3,7 +3,7 @@ import * as React from "react";
 import { createContext as createContext$1, useContext as useContext$1, useId as useId$1, useEffect as useEffect$1, useCallback as useCallback$1, Component, useLayoutEffect as useLayoutEffect$1, useRef as useRef$1, useInsertionEffect, useMemo as useMemo$1, forwardRef as forwardRef$1, Fragment, createElement as createElement$1, Children, isValidElement, useState as useState$1, memo as memo$1, Suspense, lazy, useSyncExternalStore, StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import { L as Link, c as createRootRouteWithContext, S as ScrollRestoration, O as Outlet, a as createFileRoute, u as useRouter, b as useParams, d as useRouterState, i as isNotFound, n as notFound, R as RouterProvider, e as createRouter$1, f as createHashHistory, g as createBrowserHistory } from "./tanstack-router-CfO1HFS2.js";
-import { e as Container, f as Title, a as Text$6, G as Group, g as Button, h as useMergedRef, t as themeToVars, i as useMantineStyleNonce, M as MantineContext, j as useComputedColorScheme, k as Popover, l as PopoverTarget, B as Box, T as ThemeIcon, m as PopoverDropdown, S as ScrollAreaAutosize, c as clsx, A as ActionIcon$1, n as Stack$1, o as useTree, p as Tree, q as useLocalStorage, r as useStateHistory, s as Space, v as SegmentedControl, w as useHotkeys, F as FocusTrap, x as Tooltip$3, y as Menu, z as MenuTarget, D as MenuDropdown, E as MenuLabel, H as MenuDivider, J as TooltipGroup, K as MenuItem, L as CloseButton, N as keys$1, O as ColorSwatch, Q as Divider, R as Flex, U as CheckIcon, V as rem, W as Slider, P as Paper, X as useDebouncedValue, Y as HoverCard, Z as HoverCardTarget, _ as UnstyledButton, $ as HoverCardDropdown, a0 as Anchor, a1 as CopyButton$1, C as Card, b as CardSection, a2 as Spoiler, a3 as Badge, a4 as ButtonGroup, a5 as Tabs, a6 as TabsList, a7 as TabsTab, a8 as TabsPanel, a9 as useHover, aa as FloatingIndicator, ab as useUncontrolled, ac as clampUseMovePosition, ad as useMove, ae as ActionIconGroup, af as Overlay, ag as Notification, ah as Code, ai as createTheme, aj as MantineProvider, ak as useInViewport, al as SimpleGrid, u as useMantineColorScheme, am as Drawer, an as ScrollArea, ao as Alert, ap as Select, aq as ModalRoot, ar as ModalOverlay, as as ModalContent, at as ModalBody, au as useMantineTheme, av as useMediaQuery, aw as useDisclosure, ax as LoadingOverlay, ay as useCallbackRef, az as Burger, aA as Loader } from "./mantine-3sBuUgD1.js";
+import { e as Container, f as Title, a as Text$6, G as Group, g as Button, h as useMergedRef, t as themeToVars, i as useMantineStyleNonce, M as MantineContext, j as useComputedColorScheme, k as Popover, l as PopoverTarget, B as Box, T as ThemeIcon, m as PopoverDropdown, S as ScrollAreaAutosize, c as clsx, A as ActionIcon$1, n as Stack$1, o as useTree, p as Tree, q as useLocalStorage, r as useStateHistory, s as Space, v as SegmentedControl, w as useHotkeys, F as FocusTrap, x as Tooltip$3, y as Menu, z as MenuTarget, D as MenuDropdown, E as MenuLabel, H as MenuDivider, J as TooltipGroup, K as MenuItem, L as CloseButton, N as keys$1, O as ColorSwatch, Q as Divider, R as Flex, U as CheckIcon, V as rem, W as Slider, P as Paper, X as useDebouncedValue, Y as HoverCard, Z as HoverCardTarget, _ as UnstyledButton, $ as HoverCardDropdown, a0 as Anchor, a1 as CopyButton$1, C as Card, b as CardSection, a2 as Spoiler, a3 as Badge, a4 as ButtonGroup, a5 as Tabs, a6 as TabsList, a7 as TabsTab, a8 as TabsPanel, a9 as useHover, aa as FloatingIndicator, ab as useUncontrolled, ac as clampUseMovePosition, ad as useMove, ae as ActionIconGroup, af as Overlay, ag as Notification, ah as Code, ai as createTheme, aj as MantineProvider, ak as useInViewport, al as SimpleGrid, u as useMantineColorScheme, am as Drawer, an as ScrollArea, ao as Alert, ap as Select, aq as ModalRoot, ar as ModalOverlay, as as ModalContent, at as ModalBody, au as useMantineTheme, av as useMediaQuery, aw as useDisclosure, ax as LoadingOverlay, ay as useCallbackRef, az as Burger, aA as Loader } from "./mantine-Dx0sIYv1.js";
 import { withOverviewGraph, ComponentName, isDevelopment, krokiD2SvgUrl, basepath, useHashHistory } from "../const.js";
 import { useLikeC4ModelAtom } from "virtual:likec4/model";
 import { g as getDefaultExportFromCjs, d as useReactFlow, e as useStoreApi, f as useStore$1, h as useNodesData, j as getNodeDimensions, k as createWithEqualityFn, l as applyNodeChanges, m as applyEdgeChanges, n as getViewportForBounds, o as getBoundsOfRects, s as shallow$1, p as boxToRect, q as useStoreWithEqualityFn, M as MarkerType, H as Handle, P as Position, r as getBezierPath, B as BaseEdge, E as EdgeLabelRenderer, i as index, t as Panel$1, V as ViewportPortal, R as ReactFlowProvider, N as NodeToolbar, v as useOnViewportChange, b as Background, c as BackgroundVariant } from "./likec4-zEZHE7gJ.js";
@@ -1825,7 +1825,7 @@ class MotionValue {
    * @internal
    */
   constructor(init, options = {}) {
-    this.version = "11.11.9", this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (v, render = !0) => {
+    this.version = "11.11.10", this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (v, render = !0) => {
       const currentTime = time$1.now();
       this.updatedAt !== currentTime && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(v), this.current !== this.prev && this.events.change && this.events.change.notify(this.current), render && this.events.renderRequest && this.events.renderRequest.notify(this.current);
     }, this.hasAnimated = !1, this.setCurrent(init), this.owner = options.owner;
@@ -2033,8 +2033,6 @@ function isWillChangeMotionValue(value) {
   return !!(isMotionValue(value) && value.add);
 }
 function addValueToWillChange(visualElement, key) {
-  if (!visualElement.applyWillChange)
-    return;
   const willChange = visualElement.getValue("willChange");
   if (isWillChangeMotionValue(willChange))
     return willChange.add(key);
@@ -4208,7 +4206,7 @@ function scrapeMotionValuesFromProps$1(props2, prevProps, visualElement) {
   const { style } = props2, newValues = {};
   for (const key in style)
     (isMotionValue(style[key]) || prevProps.style && isMotionValue(prevProps.style[key]) || isForcedMotionValue(key, props2) || ((_a = visualElement?.getValue(key)) === null || _a === void 0 ? void 0 : _a.liveStyle) !== void 0) && (newValues[key] = style[key]);
-  return visualElement && style && typeof style.willChange == "string" && (visualElement.applyWillChange = !1), newValues;
+  return newValues;
 }
 function scrapeMotionValuesFromProps(props2, prevProps, visualElement) {
   const newValues = scrapeMotionValuesFromProps$1(props2, prevProps, visualElement);
@@ -4223,36 +4221,19 @@ function useConstant(init) {
   const ref = useRef$1(null);
   return ref.current === null && (ref.current = init()), ref.current;
 }
-function getWillChangeName(name) {
-  if (transformProps.has(name))
-    return "transform";
-  if (acceleratedValues.has(name))
-    return camelToDash(name);
-}
-function makeState({ applyWillChange = !1, scrapeMotionValuesFromProps: scrapeMotionValuesFromProps2, createRenderState, onMount: onMount2 }, props2, context, presenceContext, isStatic) {
+function makeState({ scrapeMotionValuesFromProps: scrapeMotionValuesFromProps2, createRenderState, onMount: onMount2 }, props2, context, presenceContext) {
   const state = {
-    latestValues: makeLatestValues(props2, context, presenceContext, isStatic ? !1 : applyWillChange, scrapeMotionValuesFromProps2),
+    latestValues: makeLatestValues(props2, context, presenceContext, scrapeMotionValuesFromProps2),
     renderState: createRenderState()
   };
   return onMount2 && (state.mount = (instance) => onMount2(props2, instance, state)), state;
 }
 const makeUseVisualState = (config) => (props2, isStatic) => {
-  const context = useContext$1(MotionContext), presenceContext = useContext$1(PresenceContext), make = () => makeState(config, props2, context, presenceContext, isStatic);
+  const context = useContext$1(MotionContext), presenceContext = useContext$1(PresenceContext), make = () => makeState(config, props2, context, presenceContext);
   return isStatic ? make() : useConstant(make);
 };
-function forEachDefinition(props2, definition, callback) {
-  const list2 = Array.isArray(definition) ? definition : [definition];
-  for (let i2 = 0; i2 < list2.length; i2++) {
-    const resolved = resolveVariantFromProps(props2, list2[i2]);
-    if (resolved) {
-      const { transitionEnd, transition, ...target } = resolved;
-      callback(target, transitionEnd);
-    }
-  }
-}
-function makeLatestValues(props2, context, presenceContext, shouldApplyWillChange, scrapeMotionValues) {
-  var _a;
-  const values = {}, willChange = /* @__PURE__ */ new Set(), applyWillChange = shouldApplyWillChange && ((_a = props2.style) === null || _a === void 0 ? void 0 : _a.willChange) === void 0, motionValues = scrapeMotionValues(props2, {});
+function makeLatestValues(props2, context, presenceContext, scrapeMotionValues) {
+  const values = {}, motionValues = scrapeMotionValues(props2, {});
   for (const key in motionValues)
     values[key] = resolveMotionValue(motionValues[key]);
   let { initial, animate } = props2;
@@ -4261,23 +4242,26 @@ function makeLatestValues(props2, context, presenceContext, shouldApplyWillChang
   let isInitialAnimationBlocked = presenceContext ? presenceContext.initial === !1 : !1;
   isInitialAnimationBlocked = isInitialAnimationBlocked || initial === !1;
   const variantToSet = isInitialAnimationBlocked ? animate : initial;
-  return variantToSet && typeof variantToSet != "boolean" && !isAnimationControls(variantToSet) && forEachDefinition(props2, variantToSet, (target, transitionEnd) => {
-    for (const key in target) {
-      let valueTarget = target[key];
-      if (Array.isArray(valueTarget)) {
-        const index2 = isInitialAnimationBlocked ? valueTarget.length - 1 : 0;
-        valueTarget = valueTarget[index2];
+  if (variantToSet && typeof variantToSet != "boolean" && !isAnimationControls(variantToSet)) {
+    const list2 = Array.isArray(variantToSet) ? variantToSet : [variantToSet];
+    for (let i2 = 0; i2 < list2.length; i2++) {
+      const resolved = resolveVariantFromProps(props2, list2[i2]);
+      if (resolved) {
+        const { transitionEnd, transition, ...target } = resolved;
+        for (const key in target) {
+          let valueTarget = target[key];
+          if (Array.isArray(valueTarget)) {
+            const index2 = isInitialAnimationBlocked ? valueTarget.length - 1 : 0;
+            valueTarget = valueTarget[index2];
+          }
+          valueTarget !== null && (values[key] = valueTarget);
+        }
+        for (const key in transitionEnd)
+          values[key] = transitionEnd[key];
       }
-      valueTarget !== null && (values[key] = valueTarget);
     }
-    for (const key in transitionEnd)
-      values[key] = transitionEnd[key];
-  }), applyWillChange && (animate && initial !== !1 && !isAnimationControls(animate) && forEachDefinition(props2, animate, (target) => {
-    for (const name in target) {
-      const memberName = getWillChangeName(name);
-      memberName && willChange.add(memberName);
-    }
-  }), willChange.size && (values.willChange = Array.from(willChange).join(","))), values;
+  }
+  return values;
 }
 const createHtmlRenderState = () => ({
   style: {},
@@ -4397,7 +4381,6 @@ const isSVGTag = (tag) => typeof tag == "string" && tag.toLowerCase() === "svg",
   })
 }, htmlMotionConfig = {
   useVisualState: makeUseVisualState({
-    applyWillChange: !0,
     scrapeMotionValuesFromProps: scrapeMotionValuesFromProps$1,
     createRenderState: createHtmlRenderState
   })
@@ -4552,7 +4535,7 @@ class VisualElement {
     return {};
   }
   constructor({ parent, props: props2, presenceContext, reducedMotionConfig, blockInitialAnimation, visualState }, options = {}) {
-    this.applyWillChange = !1, this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = KeyframeResolver, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
+    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = KeyframeResolver, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
       const now2 = time$1.now();
@@ -4752,7 +4735,7 @@ function getComputedStyle$1(element) {
 }
 class HTMLVisualElement extends DOMVisualElement {
   constructor() {
-    super(...arguments), this.type = "html", this.applyWillChange = !0, this.renderInstance = renderHTML;
+    super(...arguments), this.type = "html", this.renderInstance = renderHTML;
   }
   readValueFromInstance(instance, key) {
     if (transformProps.has(key)) {
@@ -19420,6 +19403,7 @@ function StaticLikeC4Diagram({
   view,
   fitView = !0,
   fitViewPadding = 0,
+  showElementLinks = !0,
   background = "transparent",
   ...rest
 }) {
@@ -19434,7 +19418,7 @@ function StaticLikeC4Diagram({
       zoomable: !1,
       controls: !1,
       background,
-      showElementLinks: !0,
+      showElementLinks,
       showDiagramTitle: !1,
       showNotations: !1,
       showRelationshipDetails: !1,
@@ -19555,7 +19539,7 @@ function DiagramPreview$1({ diagram }) {
     }
   ) });
 }
-const OverviewGraph = /* @__PURE__ */ lazy(() => import("./-index-overview-3cvoLqZL.js"));
+const OverviewGraph = /* @__PURE__ */ lazy(() => import("./-index-overview-BRH5n7M1.js"));
 function WithOverviewGraph() {
   return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(OverviewGraph, {}) });
 }
@@ -19846,6 +19830,7 @@ function DiagramPreview({
         renderIcon: RenderIcon,
         fitView: !0,
         fitViewPadding: 0,
+        showElementLinks: !1,
         initialWidth: width2,
         initialHeight: height
       }
@@ -21732,35 +21717,39 @@ function PanelGroupWithForwardedRef({
       eagerValues.layout = [];
     };
   }, []);
-  const registerResizeHandle2 = useCallback((dragHandleId) => function(event) {
-    event.preventDefault();
+  const registerResizeHandle2 = useCallback((dragHandleId) => {
+    let isRTL = !1;
     const panelGroupElement = panelGroupElementRef.current;
-    if (!panelGroupElement)
-      return () => null;
-    const {
-      direction: direction2,
-      dragState: dragState2,
-      id: groupId2,
-      keyboardResizeBy: keyboardResizeBy2,
-      onLayout: onLayout2
-    } = committedValuesRef.current, {
-      layout: prevLayout,
-      panelDataArray
-    } = eagerValuesRef.current, {
-      initialLayout
-    } = dragState2 ?? {}, pivotIndices = determinePivotIndices(groupId2, dragHandleId, panelGroupElement);
-    let delta = calculateDeltaPercentage(event, dragHandleId, direction2, dragState2, keyboardResizeBy2, panelGroupElement);
-    const isHorizontal = direction2 === "horizontal";
-    document.dir === "rtl" && isHorizontal && (delta = -delta);
-    const panelConstraints = panelDataArray.map((panelData) => panelData.constraints), nextLayout = adjustLayoutByDelta({
-      delta,
-      initialLayout: initialLayout ?? prevLayout,
-      panelConstraints,
-      pivotIndices,
-      prevLayout,
-      trigger: isKeyDown(event) ? "keyboard" : "mouse-or-touch"
-    }), layoutChanged = !compareLayouts(prevLayout, nextLayout);
-    (isPointerEvent(event) || isMouseEvent(event)) && prevDeltaRef.current != delta && (prevDeltaRef.current = delta, !layoutChanged && delta !== 0 ? isHorizontal ? reportConstraintsViolation(dragHandleId, delta < 0 ? EXCEEDED_HORIZONTAL_MIN : EXCEEDED_HORIZONTAL_MAX) : reportConstraintsViolation(dragHandleId, delta < 0 ? EXCEEDED_VERTICAL_MIN : EXCEEDED_VERTICAL_MAX) : reportConstraintsViolation(dragHandleId, 0)), layoutChanged && (setLayout(nextLayout), eagerValuesRef.current.layout = nextLayout, onLayout2 && onLayout2(nextLayout), callPanelCallbacks(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.current));
+    return panelGroupElement && window.getComputedStyle(panelGroupElement, null).getPropertyValue("direction") === "rtl" && (isRTL = !0), function(event) {
+      event.preventDefault();
+      const panelGroupElement2 = panelGroupElementRef.current;
+      if (!panelGroupElement2)
+        return () => null;
+      const {
+        direction: direction2,
+        dragState: dragState2,
+        id: groupId2,
+        keyboardResizeBy: keyboardResizeBy2,
+        onLayout: onLayout2
+      } = committedValuesRef.current, {
+        layout: prevLayout,
+        panelDataArray
+      } = eagerValuesRef.current, {
+        initialLayout
+      } = dragState2 ?? {}, pivotIndices = determinePivotIndices(groupId2, dragHandleId, panelGroupElement2);
+      let delta = calculateDeltaPercentage(event, dragHandleId, direction2, dragState2, keyboardResizeBy2, panelGroupElement2);
+      const isHorizontal = direction2 === "horizontal";
+      isHorizontal && isRTL && (delta = -delta);
+      const panelConstraints = panelDataArray.map((panelData) => panelData.constraints), nextLayout = adjustLayoutByDelta({
+        delta,
+        initialLayout: initialLayout ?? prevLayout,
+        panelConstraints,
+        pivotIndices,
+        prevLayout,
+        trigger: isKeyDown(event) ? "keyboard" : "mouse-or-touch"
+      }), layoutChanged = !compareLayouts(prevLayout, nextLayout);
+      (isPointerEvent(event) || isMouseEvent(event)) && prevDeltaRef.current != delta && (prevDeltaRef.current = delta, !layoutChanged && delta !== 0 ? isHorizontal ? reportConstraintsViolation(dragHandleId, delta < 0 ? EXCEEDED_HORIZONTAL_MIN : EXCEEDED_HORIZONTAL_MAX) : reportConstraintsViolation(dragHandleId, delta < 0 ? EXCEEDED_VERTICAL_MIN : EXCEEDED_VERTICAL_MAX) : reportConstraintsViolation(dragHandleId, 0)), layoutChanged && (setLayout(nextLayout), eagerValuesRef.current.layout = nextLayout, onLayout2 && onLayout2(nextLayout), callPanelCallbacks(panelDataArray, nextLayout, panelIdToLastNotifiedSizeMapRef.current));
+    };
   }, []), resizePanel2 = useCallback((panelData, unsafePanelSize) => {
     const {
       onLayout: onLayout2

package/dist/__app__/src/chunks/{mantine-3sBuUgD1.js → mantine-Dx0sIYv1.js}

@@ -3,16 +3,16 @@ import React__default, { useState, Fragment, createContext, useContext, useRef,
 import { jsx, jsxs, Fragment as Fragment$1 } from "react/jsx-runtime";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default, { createPortal } from "react-dom";
-var __assign$1 = function() {
-  return __assign$1 = Object.assign || function(t) {
+var __assign = function() {
+  return __assign = Object.assign || function(t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
       for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && (t[p] = s[p]);
     }
     return t;
-  }, __assign$1.apply(this, arguments);
+  }, __assign.apply(this, arguments);
 };
-function __rest$1(s, e) {
+function __rest(s, e) {
   var t = {};
   for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
   if (s != null && typeof Object.getOwnPropertySymbols == "function")
@@ -70,23 +70,6 @@ function useMergeRefs(refs, defaultValue) {
     currentValues.set(callbackRef, refs);
   }, [refs]), callbackRef;
 }
-var __assign = function() {
-  return __assign = Object.assign || function(t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && (t[p] = s[p]);
-    }
-    return t;
-  }, __assign.apply(this, arguments);
-};
-function __rest(s, e) {
-  var t = {};
-  for (var p in s) Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0 && (t[p] = s[p]);
-  if (s != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++)
-      e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]) && (t[p[i]] = s[p[i]]);
-  return t;
-}
 function ItoI(a) {
   return a;
 }
@@ -169,12 +152,12 @@ var effectCar = createSidecarMedium(), nothing = function() {
     onScrollCapture: nothing,
     onWheelCapture: nothing,
     onTouchMoveCapture: nothing
-  }), callbacks = _a[0], setCallbacks = _a[1], forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container2 = _b === void 0 ? "div" : _b, gapMode = props.gapMode, rest = __rest$1(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), SideCar2 = sideCar, containerRef = useMergeRefs([ref, parentRef]), containerProps = __assign$1(__assign$1({}, rest), callbacks);
+  }), callbacks = _a[0], setCallbacks = _a[1], forwardProps = props.forwardProps, children = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b = props.as, Container2 = _b === void 0 ? "div" : _b, gapMode = props.gapMode, rest = __rest(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), SideCar2 = sideCar, containerRef = useMergeRefs([ref, parentRef]), containerProps = __assign(__assign({}, rest), callbacks);
   return React.createElement(
     React.Fragment,
     null,
     enabled && React.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
-    forwardProps ? React.cloneElement(React.Children.only(children), __assign$1(__assign$1({}, containerProps), { ref: containerRef })) : React.createElement(Container2, __assign$1({}, containerProps, { className, ref: containerRef }), children)
+    forwardProps ? React.cloneElement(React.Children.only(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React.createElement(Container2, __assign({}, containerProps, { className, ref: containerRef }), children)
   );
 });
 RemoveScroll$1.defaultProps = {
@@ -487,7 +470,7 @@ function getOutermostShadowParent(node) {
 }
 const SideCar = exportSidecar(effectCar, RemoveScrollSideCar);
 var ReactRemoveScroll = React.forwardRef(function(props, ref) {
-  return React.createElement(RemoveScroll$1, __assign$1({}, props, { ref, sideCar: SideCar }));
+  return React.createElement(RemoveScroll$1, __assign({}, props, { ref, sideCar: SideCar }));
 });
 ReactRemoveScroll.classNames = RemoveScroll$1.classNames;
 const RemoveScroll = ReactRemoveScroll;

package/dist/__app__/src/main.js

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

package/dist/__app__/webcomponent/webcomponent.js

@@ -8483,7 +8483,7 @@ class MotionValue {
    * @internal
    */
   constructor(init2, options = {}) {
-    this.version = "11.11.9", this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (v2, render = !0) => {
+    this.version = "11.11.10", this.canTrackVelocity = null, this.events = {}, this.updateAndNotify = (v2, render = !0) => {
       const currentTime = time$1.now();
       this.updatedAt !== currentTime && this.setPrevFrameValue(), this.prev = this.current, this.setCurrent(v2), this.current !== this.prev && this.events.change && this.events.change.notify(this.current), render && this.events.renderRequest && this.events.renderRequest.notify(this.current);
     }, this.hasAnimated = !1, this.setCurrent(init2), this.owner = options.owner;
@@ -8691,8 +8691,6 @@ function isWillChangeMotionValue(value) {
   return !!(isMotionValue(value) && value.add);
 }
 function addValueToWillChange(visualElement, key) {
-  if (!visualElement.applyWillChange)
-    return;
   const willChange = visualElement.getValue("willChange");
   if (isWillChangeMotionValue(willChange))
     return willChange.add(key);
@@ -10866,7 +10864,7 @@ function scrapeMotionValuesFromProps$1(props, prevProps, visualElement) {
   const { style: style2 } = props, newValues = {};
   for (const key in style2)
     (isMotionValue(style2[key]) || prevProps.style && isMotionValue(prevProps.style[key]) || isForcedMotionValue(key, props) || ((_a2 = visualElement?.getValue(key)) === null || _a2 === void 0 ? void 0 : _a2.liveStyle) !== void 0) && (newValues[key] = style2[key]);
-  return visualElement && style2 && typeof style2.willChange == "string" && (visualElement.applyWillChange = !1), newValues;
+  return newValues;
 }
 function scrapeMotionValuesFromProps(props, prevProps, visualElement) {
   const newValues = scrapeMotionValuesFromProps$1(props, prevProps, visualElement);
@@ -10881,36 +10879,19 @@ function useConstant(init2) {
   const ref = useRef(null);
   return ref.current === null && (ref.current = init2()), ref.current;
 }
-function getWillChangeName(name) {
-  if (transformProps.has(name))
-    return "transform";
-  if (acceleratedValues.has(name))
-    return camelToDash(name);
-}
-function makeState({ applyWillChange = !1, scrapeMotionValuesFromProps: scrapeMotionValuesFromProps2, createRenderState, onMount }, props, context, presenceContext, isStatic) {
+function makeState({ scrapeMotionValuesFromProps: scrapeMotionValuesFromProps2, createRenderState, onMount }, props, context, presenceContext) {
   const state = {
-    latestValues: makeLatestValues(props, context, presenceContext, isStatic ? !1 : applyWillChange, scrapeMotionValuesFromProps2),
+    latestValues: makeLatestValues(props, context, presenceContext, scrapeMotionValuesFromProps2),
     renderState: createRenderState()
   };
   return onMount && (state.mount = (instance) => onMount(props, instance, state)), state;
 }
 const makeUseVisualState = (config) => (props, isStatic) => {
-  const context = useContext(MotionContext), presenceContext = useContext(PresenceContext), make = () => makeState(config, props, context, presenceContext, isStatic);
+  const context = useContext(MotionContext), presenceContext = useContext(PresenceContext), make = () => makeState(config, props, context, presenceContext);
   return isStatic ? make() : useConstant(make);
 };
-function forEachDefinition(props, definition, callback) {
-  const list2 = Array.isArray(definition) ? definition : [definition];
-  for (let i2 = 0; i2 < list2.length; i2++) {
-    const resolved = resolveVariantFromProps(props, list2[i2]);
-    if (resolved) {
-      const { transitionEnd, transition, ...target } = resolved;
-      callback(target, transitionEnd);
-    }
-  }
-}
-function makeLatestValues(props, context, presenceContext, shouldApplyWillChange, scrapeMotionValues) {
-  var _a2;
-  const values2 = {}, willChange = /* @__PURE__ */ new Set(), applyWillChange = shouldApplyWillChange && ((_a2 = props.style) === null || _a2 === void 0 ? void 0 : _a2.willChange) === void 0, motionValues = scrapeMotionValues(props, {});
+function makeLatestValues(props, context, presenceContext, scrapeMotionValues) {
+  const values2 = {}, motionValues = scrapeMotionValues(props, {});
   for (const key in motionValues)
     values2[key] = resolveMotionValue(motionValues[key]);
   let { initial, animate } = props;
@@ -10919,23 +10900,26 @@ function makeLatestValues(props, context, presenceContext, shouldApplyWillChange
   let isInitialAnimationBlocked = presenceContext ? presenceContext.initial === !1 : !1;
   isInitialAnimationBlocked = isInitialAnimationBlocked || initial === !1;
   const variantToSet = isInitialAnimationBlocked ? animate : initial;
-  return variantToSet && typeof variantToSet != "boolean" && !isAnimationControls(variantToSet) && forEachDefinition(props, variantToSet, (target, transitionEnd) => {
-    for (const key in target) {
-      let valueTarget = target[key];
-      if (Array.isArray(valueTarget)) {
-        const index2 = isInitialAnimationBlocked ? valueTarget.length - 1 : 0;
-        valueTarget = valueTarget[index2];
+  if (variantToSet && typeof variantToSet != "boolean" && !isAnimationControls(variantToSet)) {
+    const list2 = Array.isArray(variantToSet) ? variantToSet : [variantToSet];
+    for (let i2 = 0; i2 < list2.length; i2++) {
+      const resolved = resolveVariantFromProps(props, list2[i2]);
+      if (resolved) {
+        const { transitionEnd, transition, ...target } = resolved;
+        for (const key in target) {
+          let valueTarget = target[key];
+          if (Array.isArray(valueTarget)) {
+            const index2 = isInitialAnimationBlocked ? valueTarget.length - 1 : 0;
+            valueTarget = valueTarget[index2];
+          }
+          valueTarget !== null && (values2[key] = valueTarget);
+        }
+        for (const key in transitionEnd)
+          values2[key] = transitionEnd[key];
       }
-      valueTarget !== null && (values2[key] = valueTarget);
-    }
-    for (const key in transitionEnd)
-      values2[key] = transitionEnd[key];
-  }), applyWillChange && (animate && initial !== !1 && !isAnimationControls(animate) && forEachDefinition(props, animate, (target) => {
-    for (const name in target) {
-      const memberName = getWillChangeName(name);
-      memberName && willChange.add(memberName);
     }
-  }), willChange.size && (values2.willChange = Array.from(willChange).join(","))), values2;
+  }
+  return values2;
 }
 const createHtmlRenderState = () => ({
   style: {},
@@ -11055,7 +11039,6 @@ const isSVGTag = (tag) => typeof tag == "string" && tag.toLowerCase() === "svg",
   })
 }, htmlMotionConfig = {
   useVisualState: makeUseVisualState({
-    applyWillChange: !0,
     scrapeMotionValuesFromProps: scrapeMotionValuesFromProps$1,
     createRenderState: createHtmlRenderState
   })
@@ -11210,7 +11193,7 @@ class VisualElement {
     return {};
   }
   constructor({ parent, props, presenceContext, reducedMotionConfig, blockInitialAnimation, visualState }, options = {}) {
-    this.applyWillChange = !1, this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = KeyframeResolver, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
+    this.current = null, this.children = /* @__PURE__ */ new Set(), this.isVariantNode = !1, this.isControllingVariants = !1, this.shouldReduceMotion = null, this.values = /* @__PURE__ */ new Map(), this.KeyframeResolver = KeyframeResolver, this.features = {}, this.valueSubscriptions = /* @__PURE__ */ new Map(), this.prevMotionValues = {}, this.events = {}, this.propEventSubscriptions = {}, this.notifyUpdate = () => this.notify("Update", this.latestValues), this.render = () => {
       this.current && (this.triggerBuild(), this.renderInstance(this.current, this.renderState, this.props.style, this.projection));
     }, this.renderScheduledAt = 0, this.scheduleRender = () => {
       const now2 = time$1.now();
@@ -11410,7 +11393,7 @@ function getComputedStyle$2(element) {
 }
 class HTMLVisualElement extends DOMVisualElement {
   constructor() {
-    super(...arguments), this.type = "html", this.applyWillChange = !0, this.renderInstance = renderHTML;
+    super(...arguments), this.type = "html", this.renderInstance = renderHTML;
   }
   readValueFromInstance(instance, key) {
     if (transformProps.has(key)) {
@@ -14651,16 +14634,16 @@ function useDiagramStoreApi() {
     throw new Error("useDiagramStoreApi could be used only inside DiagramContext");
   return store;
 }
-var __assign$2 = function() {
-  return __assign$2 = Object.assign || function(t2) {
+var __assign$1 = function() {
+  return __assign$1 = Object.assign || function(t2) {
     for (var s2, i2 = 1, n2 = arguments.length; i2 < n2; i2++) {
       s2 = arguments[i2];
       for (var p2 in s2) Object.prototype.hasOwnProperty.call(s2, p2) && (t2[p2] = s2[p2]);
     }
     return t2;
-  }, __assign$2.apply(this, arguments);
+  }, __assign$1.apply(this, arguments);
 };
-function __rest$2(s2, e2) {
+function __rest$1(s2, e2) {
   var t2 = {};
   for (var p2 in s2) Object.prototype.hasOwnProperty.call(s2, p2) && e2.indexOf(p2) < 0 && (t2[p2] = s2[p2]);
   if (s2 != null && typeof Object.getOwnPropertySymbols == "function")
@@ -14718,23 +14701,6 @@ function useMergeRefs(refs, defaultValue) {
     currentValues.set(callbackRef, refs);
   }, [refs]), callbackRef;
 }
-var __assign$1 = function() {
-  return __assign$1 = Object.assign || function(t2) {
-    for (var s2, i2 = 1, n2 = arguments.length; i2 < n2; i2++) {
-      s2 = arguments[i2];
-      for (var p2 in s2) Object.prototype.hasOwnProperty.call(s2, p2) && (t2[p2] = s2[p2]);
-    }
-    return t2;
-  }, __assign$1.apply(this, arguments);
-};
-function __rest$1(s2, e2) {
-  var t2 = {};
-  for (var p2 in s2) Object.prototype.hasOwnProperty.call(s2, p2) && e2.indexOf(p2) < 0 && (t2[p2] = s2[p2]);
-  if (s2 != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var i2 = 0, p2 = Object.getOwnPropertySymbols(s2); i2 < p2.length; i2++)
-      e2.indexOf(p2[i2]) < 0 && Object.prototype.propertyIsEnumerable.call(s2, p2[i2]) && (t2[p2[i2]] = s2[p2[i2]]);
-  return t2;
-}
 function ItoI(a2) {
   return a2;
 }
@@ -14817,12 +14783,12 @@ var effectCar = createSidecarMedium(), nothing = function() {
     onScrollCapture: nothing,
     onWheelCapture: nothing,
     onTouchMoveCapture: nothing
-  }), callbacks = _a2[0], setCallbacks = _a2[1], forwardProps = props.forwardProps, children2 = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b2 = props.as, Container = _b2 === void 0 ? "div" : _b2, gapMode = props.gapMode, rest = __rest$2(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), SideCar2 = sideCar, containerRef = useMergeRefs([ref, parentRef]), containerProps = __assign$2(__assign$2({}, rest), callbacks);
+  }), callbacks = _a2[0], setCallbacks = _a2[1], forwardProps = props.forwardProps, children2 = props.children, className = props.className, removeScrollBar = props.removeScrollBar, enabled = props.enabled, shards = props.shards, sideCar = props.sideCar, noIsolation = props.noIsolation, inert = props.inert, allowPinchZoom = props.allowPinchZoom, _b2 = props.as, Container = _b2 === void 0 ? "div" : _b2, gapMode = props.gapMode, rest = __rest$1(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), SideCar2 = sideCar, containerRef = useMergeRefs([ref, parentRef]), containerProps = __assign$1(__assign$1({}, rest), callbacks);
   return React.createElement(
     React.Fragment,
     null,
     enabled && React.createElement(SideCar2, { sideCar: effectCar, removeScrollBar, shards, noIsolation, inert, setCallbacks, allowPinchZoom: !!allowPinchZoom, lockRef: ref, gapMode }),
-    forwardProps ? React.cloneElement(React.Children.only(children2), __assign$2(__assign$2({}, containerProps), { ref: containerRef })) : React.createElement(Container, __assign$2({}, containerProps, { className, ref: containerRef }), children2)
+    forwardProps ? React.cloneElement(React.Children.only(children2), __assign$1(__assign$1({}, containerProps), { ref: containerRef })) : React.createElement(Container, __assign$1({}, containerProps, { className, ref: containerRef }), children2)
   );
 });
 RemoveScroll$1.defaultProps = {
@@ -15135,7 +15101,7 @@ function getOutermostShadowParent(node2) {
 }
 const SideCar = exportSidecar(effectCar, RemoveScrollSideCar);
 var ReactRemoveScroll = React.forwardRef(function(props, ref) {
-  return React.createElement(RemoveScroll$1, __assign$2({}, props, { ref, sideCar: SideCar }));
+  return React.createElement(RemoveScroll$1, __assign$1({}, props, { ref, sideCar: SideCar }));
 });
 ReactRemoveScroll.classNames = RemoveScroll$1.classNames;
 const RemoveScroll = ReactRemoveScroll;