likec4 1.15.0 → 1.15.1

package/dist/__app__/src/chunks/{-index-overview-BwT9t8VB.js → -index-overview-3cvoLqZL.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-Q7z-4OPp.js";
+import { u, c as createReactComponent, I as IconFolderFilled, e, a as useUpdateEffect, n as nonexhaustive } from "./main-CDPsQgdJ.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-Dx0sIYv1.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-3sBuUgD1.js";
 import { usePreviewUrl } from "virtual:likec4/previews";
 function i(...e2) {
   return u(y, e2);

package/dist/__app__/src/chunks/{main-Q7z-4OPp.js → main-CDPsQgdJ.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-Dx0sIYv1.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 { 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";
@@ -5240,7 +5240,18 @@ function useAnimate() {
     scope.animations.forEach((animation) => animation.stop());
   }), [scope, animate];
 }
-var rootClassName = "likec4-diagram-root", s$2 = { done: !1, hasNext: !1 };
+var rootClassName = "likec4-diagram-root";
+function u$9(t2, n2, a2) {
+  let o2 = (r2) => t2(r2, ...n2);
+  return a2 === void 0 ? o2 : Object.assign(o2, { lazy: a2, lazyArgs: n2 });
+}
+function u$8(r2, n2, a2) {
+  let o2 = r2.length - n2.length;
+  if (o2 === 0) return r2(...n2);
+  if (o2 === 1) return u$9(r2, n2, a2);
+  throw new Error("Wrong number of arguments");
+}
+var s$2 = { done: !1, hasNext: !1 };
 function x$1(t2, ...o2) {
   let n2 = t2, u2 = o2.map((e2) => "lazy" in e2 ? f$2(e2) : void 0), p2 = 0;
   for (; p2 < o2.length; ) {
@@ -5304,45 +5315,24 @@ function o$7() {
   let e2 = /* @__PURE__ */ new Set();
   return (t2) => e2.has(t2) ? s$2 : (e2.add(t2), { done: !1, hasNext: !0, next: t2 });
 }
-function u$9(t2, n2, a2) {
-  let o2 = (r2) => t2(r2, ...n2);
-  return a2 === void 0 ? o2 : Object.assign(o2, { lazy: a2, lazyArgs: n2 });
-}
-function u$8(r2, n2, a2) {
-  let o2 = r2.length - n2.length;
-  if (o2 === 0) return r2(...n2);
-  if (o2 === 1) return u$9(r2, n2, a2);
-  throw new Error("Wrong number of arguments");
-}
 function r$4(...n2) {
   return u$8(Object.values, n2);
 }
-function u$7(...e2) {
-  return u$8(i$7, e2);
-}
-function i$7(e2, a2) {
-  let n2 = [];
-  for (let [o2, r2] of e2.entries()) {
-    if (!a2(r2, o2, e2)) break;
-    n2.push(r2);
-  }
-  return n2;
-}
-function i$6(...e2) {
+function i$7(...e2) {
   return u$8(r$3, e2);
 }
 var r$3 = (e2, t2) => e2.length >= t2, T$1 = { asc: (r2, n2) => r2 > n2, desc: (r2, n2) => r2 < n2 };
 function m$2(r2, n2) {
   let [e2, ...o2] = n2;
   if (!s$1(e2)) {
-    let t2 = u$6(...o2);
+    let t2 = u$7(...o2);
     return r2(e2, t2);
   }
-  let a2 = u$6(e2, ...o2);
+  let a2 = u$7(e2, ...o2);
   return (t2) => r2(t2, a2);
 }
-function u$6(r2, n2, ...e2) {
-  let o2 = typeof r2 == "function" ? r2 : r2[0], a2 = typeof r2 == "function" ? "asc" : r2[1], { [a2]: t2 } = T$1, i2 = n2 === void 0 ? void 0 : u$6(n2, ...e2);
+function u$7(r2, n2, ...e2) {
+  let o2 = typeof r2 == "function" ? r2 : r2[0], a2 = typeof r2 == "function" ? "asc" : r2[1], { [a2]: t2 } = T$1, i2 = n2 === void 0 ? void 0 : u$7(n2, ...e2);
   return (y2, c) => {
     let l2 = o2(y2), p2 = o2(c);
     return t2(l2, p2) ? 1 : t2(p2, l2) ? -1 : i2?.(y2, c) ?? 0;
@@ -5355,6 +5345,27 @@ function s$1(r2) {
   return d$2(n2) && typeof e2 == "string" && e2 in T$1 && o2.length === 0;
 }
 var d$2 = (r2) => typeof r2 == "function" && r2.length === 1;
+function u$6(...e2) {
+  return u$8(i$6, e2);
+}
+function i$6(e2, a2) {
+  let n2 = [];
+  for (let [o2, r2] of e2.entries()) {
+    if (!a2(r2, o2, e2)) break;
+    n2.push(r2);
+  }
+  return n2;
+}
+function b(t2) {
+  return (e2, r2) => {
+    if (r2 === 0) return t2(e2);
+    if (!Number.isInteger(r2)) throw new TypeError(`precision must be an integer: ${r2.toString()}`);
+    if (r2 > 15 || r2 < -15) throw new RangeError("precision must be between -15 and 15");
+    if (Number.isNaN(e2) || !Number.isFinite(e2)) return t2(e2);
+    let n2 = 10 ** r2;
+    return t2(e2 * n2) / n2;
+  };
+}
 function m$1(...r2) {
   return u$8(o$6, r2);
 }
@@ -5376,20 +5387,10 @@ function t$7(...e2) {
 function r$2(e2) {
   return [...e2].reverse();
 }
-function b(t2) {
-  return (e2, r2) => {
-    if (r2 === 0) return t2(e2);
-    if (!Number.isInteger(r2)) throw new TypeError(`precision must be an integer: ${r2.toString()}`);
-    if (r2 > 15 || r2 < -15) throw new RangeError("precision must be between -15 and 15");
-    if (Number.isNaN(e2) || !Number.isFinite(e2)) return t2(e2);
-    let n2 = 10 ** r2;
-    return t2(e2 * n2) / n2;
-  };
-}
-function p$3(...o2) {
-  return u$8(t$6, o2);
+function p$3(...n2) {
+  return u$8(t$6, n2);
 }
-var t$6 = (o2, e2) => o2[e2];
+var t$6 = (n2, e2) => n2[e2];
 function t$5(...n2) {
   return u$8(o$4, n2);
 }
@@ -6339,7 +6340,7 @@ function useLayoutConstraints() {
         T((n2) => n2.draggable !== !1),
         m((x2) => x2.id)
       );
-      i$6(draggingNodes, 1) && (solverRef.current = createLayoutConstraints(xystore, draggingNodes));
+      i$7(draggingNodes, 1) && (solverRef.current = createLayoutConstraints(xystore, draggingNodes));
     },
     onNodeDrag: () => {
       solverRef.current?.onMove((nodes) => {
@@ -7301,7 +7302,7 @@ function bezierControlPoints(diagramEdge) {
   const handles = [
     // start
   ];
-  for (; i$6(bezierPoints, 3); ) {
+  for (; i$7(bezierPoints, 3); ) {
     const [cp1, cp2, end, ...rest] = bezierPoints, bezier = new Bezier(start[0], start[1], cp1[0], cp1[1], cp2[0], cp2[1], end[0], end[1]), inflections = bezier.inflections();
     inflections.length === 0 && inflections.push(0.5), inflections.forEach((t2) => {
       const { x: x2, y: y2 } = bezier.get(t2);
@@ -7337,7 +7338,7 @@ function diagramViewToXYFlowData(view, opts) {
   const ns = "", nodeById = (id2) => nonNullable(nodeLookup.get(id2), `Node not found: ${id2}`);
   let next;
   for (; next = traverse.shift(); ) {
-    const { node: node2, parent } = next, isCompound = i$6(node2.children, 1) || node2.kind == ElementKind.Group;
+    const { node: node2, parent } = next, isCompound = i$7(node2.children, 1) || node2.kind == ElementKind.Group;
     isCompound && traverse.push(...node2.children.map((child) => ({ node: nodeById(child), parent: node2 })));
     const position2 = {
       x: node2.position[0],
@@ -7381,7 +7382,7 @@ function diagramViewToXYFlowData(view, opts) {
   }
   for (const edge of view.edges) {
     const source = edge.source, target = edge.target, id2 = ns + edge.id;
-    if (!i$6(edge.points, 2)) {
+    if (!i$7(edge.points, 2)) {
       console.error("edge should have at least 2 points", edge);
       continue;
     }
@@ -7725,7 +7726,7 @@ function createDiagramStore(props2) {
               const _updated = acc[data.edge.id] = {
                 points: data.edge.points
               };
-              data.label?.bbox && (_updated.labelBBox = data.label.bbox), data.edge.labelBBox && (_updated.labelBBox ??= data.edge.labelBBox), i$6(controlPoints, 1) && (_updated.controlPoints = controlPoints), !sourceOrTargetMoved && data.edge.dotpos && (_updated.dotpos = data.edge.dotpos);
+              data.label?.bbox && (_updated.labelBBox = data.label.bbox), data.edge.labelBBox && (_updated.labelBBox ??= data.edge.labelBBox), i$7(controlPoints, 1) && (_updated.controlPoints = controlPoints), !sourceOrTargetMoved && data.edge.dotpos && (_updated.dotpos = data.edge.dotpos);
               const allX = [
                 ...data.edge.points.map((p2) => p2[0]),
                 ...controlPoints.map((p2) => p2.x),
@@ -7977,7 +7978,7 @@ function createDiagramStore(props2) {
           },
           align: (mode) => {
             const { scheduleSaveManualLayout, xystore } = get(), { nodeLookup, parentLookup } = xystore.getState(), nodesToAlign = [...new Set(nodeLookup.values().filter((n2) => n2.selected).map((n2) => n2.id)).difference(new Set(parentLookup.keys()))];
-            if (!i$6(nodesToAlign, 2)) {
+            if (!i$7(nodesToAlign, 2)) {
               console.warn("At least 2 nodes must be selected to align");
               return;
             }
@@ -13835,7 +13836,7 @@ function createNode$1(nodeType, element, ctx) {
     return node2;
   const g = ctx.g, parent = x$1(
     element.ancestors(),
-    u$7((ancestor) => !isAncestor(ancestor.id, ctx.edge.source) && !isAncestor(ancestor.id, ctx.edge.target)),
+    u$6((ancestor) => !isAncestor(ancestor.id, ctx.edge.source) && !isAncestor(ancestor.id, ctx.edge.target)),
     d(),
     (found) => found ? createNode$1("compound", found, ctx) : null
   ), xynode = {
@@ -14667,7 +14668,7 @@ const classes = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
     edgesep: 20
   },
   edgeLabel: {
-    width: 60
+    width: 65
   },
   emptyNodeOffset: 150,
   nodeWidth: 270,
@@ -14762,7 +14763,7 @@ function createNode(column, nodeType, element, ctx) {
     return invariant(node2.type !== "empty", `Node ${element.id} is empty`), node2;
   const g = ctx.g, parent = x$1(
     element.ancestors(),
-    u$7((ancestor) => !isAncestor(ancestor.id, ctx.subjectId)),
+    u$6((ancestor) => !isAncestor(ancestor.id, ctx.subjectId)),
     f(
       (ancestor) => ctx.diagramNodes.has(ancestor.id) || ctx.connected[column].has(ancestor.id) || ctx.scope === "global" && ctx.subjectElement.ascendingSiblings().some((s2) => s2.id === ancestor.id)
     ),
@@ -14905,7 +14906,10 @@ function layout(subjectId, view, likec4model, scope) {
     },
     forEachIncoming(sourceId, relations) {
       const source = createNode("incomers", "element", likec4model.element(sourceId), ctx);
-      g.setEdge(graphId(source).port, subject.id), subject.data.ports.left.push({
+      g.setEdge(graphId(source).port, subject.id, {
+        width: Sizes.edgeLabel.width,
+        weight: source.type === "compound" ? 0 : 1
+      }), subject.data.ports.left.push({
         id: source.id,
         type: "in"
       }), source.data.ports.right.push({
@@ -14919,7 +14923,10 @@ function layout(subjectId, view, likec4model, scope) {
     },
     forEachOutgoing(targetId, relations) {
       const target = createNode("outgoers", "element", likec4model.element(targetId), ctx);
-      g.setEdge(subjectElement.id, graphId(target).port), subject.data.ports.right.push({
+      g.setEdge(subjectElement.id, graphId(target).port, {
+        width: Sizes.edgeLabel.width,
+        weight: target.type === "compound" ? 1 : 2
+      }), subject.data.ports.right.push({
         id: target.id,
         type: "out"
       }), target.data.ports.left.push({
@@ -14940,7 +14947,7 @@ function layout(subjectId, view, likec4model, scope) {
     g.setEdge(subject.id, graphId(target).port);
   }
   const subjectPortsCount = Math.max(subject.data.ports.left.length, subject.data.ports.right.length);
-  subjectPortsCount > 2 && (g.node(subjectElement.id).height = Sizes.hodeHeight + (subjectPortsCount - 2) * 1);
+  subjectPortsCount > 3 && (g.node(subjectElement.id).height = Sizes.hodeHeight + (subjectPortsCount - 3) * 5);
   const nodebounds = applyDagreLayout(ctx.g), xynodes = [
     subject,
     ...ctx.columns.incomers.values(),
@@ -15265,6 +15272,9 @@ function RelationshipEdge$1({
               Text$6,
               {
                 fw: isMultiRelation ? "500" : "400",
+                style: {
+                  whiteSpace: isMultiRelation ? "nowrap" : void 0
+                },
                 component: "div",
                 className: edgeLabelText$1,
                 lineClamp: 3,
@@ -16640,7 +16650,7 @@ function bezierPath(bezierSpline) {
   let [start, ...points] = bezierSpline;
   invariant(start, "start should be defined");
   let path = `M ${start[0]},${start[1]}`;
-  for (; i$6(points, 3); ) {
+  for (; i$7(points, 3); ) {
     const [cp1, cp2, end, ...rest] = points;
     path = path + ` C ${cp1[0]},${cp1[1]} ${cp2[0]},${cp2[1]} ${end[0]},${end[1]}`, points = rest;
   }
@@ -19545,7 +19555,7 @@ function DiagramPreview$1({ diagram }) {
     }
   ) });
 }
-const OverviewGraph = /* @__PURE__ */ lazy(() => import("./-index-overview-BwT9t8VB.js"));
+const OverviewGraph = /* @__PURE__ */ lazy(() => import("./-index-overview-3cvoLqZL.js"));
 function WithOverviewGraph() {
   return /* @__PURE__ */ jsx(Suspense, { children: /* @__PURE__ */ jsx(OverviewGraph, {}) });
 }

package/dist/__app__/src/chunks/{mantine-Dx0sIYv1.js → mantine-3sBuUgD1.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 = function() {
-  return __assign = Object.assign || function(t) {
+var __assign$1 = function() {
+  return __assign$1 = 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);
+  }, __assign$1.apply(this, arguments);
 };
-function __rest(s, e) {
+function __rest$1(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,6 +70,23 @@ 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;
 }
@@ -152,12 +169,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(props, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), SideCar2 = sideCar, containerRef = useMergeRefs([ref, parentRef]), containerProps = __assign(__assign({}, 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$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(children), __assign(__assign({}, containerProps), { ref: containerRef })) : React.createElement(Container2, __assign({}, containerProps, { className, ref: containerRef }), children)
+    forwardProps ? React.cloneElement(React.Children.only(children), __assign$1(__assign$1({}, containerProps), { ref: containerRef })) : React.createElement(Container2, __assign$1({}, containerProps, { className, ref: containerRef }), children)
   );
 });
 RemoveScroll$1.defaultProps = {
@@ -470,7 +487,7 @@ function getOutermostShadowParent(node) {
 }
 const SideCar = exportSidecar(effectCar, RemoveScrollSideCar);
 var ReactRemoveScroll = React.forwardRef(function(props, ref) {
-  return React.createElement(RemoveScroll$1, __assign({}, props, { ref, sideCar: SideCar }));
+  return React.createElement(RemoveScroll$1, __assign$1({}, 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-Q7z-4OPp.js";
+import "./chunks/main-CDPsQgdJ.js";
 import "react";
 import "react-dom/client";