likec4 0.41.0 → 0.42.1

package/dist/@likec4/diagrams/cjs/diagram/icons/ExternalLink.js

@@ -1,82 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ExternalLink = void 0;
-var _jsxRuntime = require("react/jsx-runtime");
-var _konva = require("../../konva");
-var _core = require("@likec4/core");
-const ExternalLink = ({
-  visible = true,
-  fill,
-  fillIcon = _core.defaultTheme.colors.primary.loContrast,
-  opacity = 1,
-  scale = 1,
-  x = 0,
-  y = 0
-}) => {
-  const width = 34;
-  const offsetXY = width / 2;
-  const iconSize = 20;
-  const offsetIcon = iconSize / 2;
-  return (
-    // eslint-disable-next-line @typescript-eslint/prefer-ts-expect-error, @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    /* @__PURE__ */
-    (0, _jsxRuntime.jsxs)(_konva.AnimatedGroup, {
-      x: x + offsetXY,
-      y: y + width - 10,
-      offsetX: offsetXY,
-      offsetY: width - 10,
-      visible,
-      scaleX: scale,
-      scaleY: scale,
-      opacity,
-      width,
-      height: width,
-      children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_konva.Circle, {
-        x: 0,
-        y: 0,
-        radius: offsetXY,
-        fill,
-        stroke: fill,
-        strokeWidth: 1,
-        hitStrokeWidth: 25,
-        strokeScaleEnabled: false,
-        perfectDrawEnabled: false,
-        shadowBlur: 12,
-        shadowOpacity: 0.5,
-        shadowOffsetX: 0,
-        shadowOffsetY: 2,
-        shadowColor: _core.defaultTheme.shadow,
-        shadowForStrokeEnabled: false
-      }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_konva.Path, {
-        data: "M11 3a1 1 0 1 0 0 2h2.586l-6.293 6.293a1 1 0 1 0 1.414 1.414L15 6.414V9a1 1 0 1 0 2 0V4a1 1 0 0 0-1-1h-5z",
-        fill: fillIcon,
-        strokeEnabled: false,
-        perfectDrawEnabled: false,
-        listening: false,
-        x: 0,
-        y: 0,
-        offsetX: offsetIcon,
-        offsetY: offsetIcon,
-        width: iconSize,
-        height: iconSize
-      }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_konva.Path, {
-        data: "M5 5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2v-3a1 1 0 1 0-2 0v3H5V7h3a1 1 0 0 0 0-2H5z",
-        fill: fillIcon,
-        strokeEnabled: false,
-        perfectDrawEnabled: false,
-        listening: false,
-        x: 0,
-        y: 0,
-        offsetX: offsetIcon,
-        offsetY: offsetIcon,
-        width: iconSize,
-        height: iconSize
-      })]
-    })
-  );
-};
-exports.ExternalLink = ExternalLink;

package/dist/@likec4/diagrams/cjs/diagram/icons/index.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _ExternalLink = require("./ExternalLink");
-Object.keys(_ExternalLink).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ExternalLink[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ExternalLink[key];
-    }
-  });
-});
-var _BrainIcon = require("./BrainIcon");
-Object.keys(_BrainIcon).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _BrainIcon[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _BrainIcon[key];
-    }
-  });
-});

package/dist/@likec4/diagrams/cjs/diagram/index.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  Diagram: true
-};
-Object.defineProperty(exports, "Diagram", {
-  enumerable: true,
-  get: function () {
-    return _Diagram.Diagram;
-  }
-});
-var _Diagram = require("./Diagram");
-var _state = require("./state");
-Object.keys(_state).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _state[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _state[key];
-    }
-  });
-});

package/dist/@likec4/diagrams/cjs/diagram/shapes/Browser.js

@@ -1,67 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BrowserShape = BrowserShape;
-var _jsxRuntime = require("react/jsx-runtime");
-var _springs = require("../springs");
-var _konva = require("../../konva");
-var _NodeLabel = require("./NodeLabel");
-function BrowserShape({
-  node,
-  theme,
-  springs,
-  isHovered
-}) {
-  const colors = theme.colors[node.color];
-  return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_konva.AnimatedRect, {
-      ...(0, _springs.useShadowSprings)(isHovered, theme, springs),
-      cornerRadius: 6,
-      perfectDrawEnabled: false,
-      strokeEnabled: false,
-      width: springs.width,
-      height: springs.height,
-      fill: springs.stroke
-    }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_konva.Circle, {
-      x: 16,
-      y: 15,
-      radius: 7,
-      fill: colors.fill,
-      listening: false
-    }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_konva.Circle, {
-      x: 36,
-      y: 15,
-      radius: 7,
-      fill: colors.fill,
-      listening: false
-    }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_konva.Circle, {
-      x: 56,
-      y: 15,
-      radius: 7,
-      fill: colors.fill,
-      listening: false
-    }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_konva.AnimatedRect, {
-      cornerRadius: 5,
-      x: 70,
-      y: 7,
-      width: springs.width.to(w => w - 80),
-      height: 16,
-      fill: springs.fill,
-      listening: false
-    }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_konva.AnimatedRect, {
-      cornerRadius: 5,
-      x: 9,
-      y: 31,
-      width: springs.width.to(w => w - 18),
-      height: springs.height.to(h => h - 40),
-      fill: springs.fill,
-      listening: false
-    }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_NodeLabel.NodeLabels, {
-      node,
-      theme,
-      offsetY: -8
-    })]
-  });
-}

package/dist/@likec4/diagrams/cjs/diagram/shapes/Compound.js

@@ -1,55 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CompoundShape = CompoundShape;
-var _jsxRuntime = require("react/jsx-runtime");
-var _konva = require("../../konva");
-function CompoundShape({
-  node,
-  theme,
-  springs
-}) {
-  const {
-    labels
-  } = node;
-  return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_konva.AnimatedRect, {
-      cornerRadius: 4,
-      shadowColor: theme.shadow,
-      shadowBlur: node.level > 0 ? 20 : 10,
-      shadowOpacity: node.level > 0 ? 0.35 : 0.8,
-      shadowOffsetX: 0,
-      shadowOffsetY: 4,
-      shadowEnabled: springs.opacity.to(v => v > 0.7),
-      width: springs.width,
-      height: springs.height,
-      fill: springs.fill,
-      strokeEnabled: false,
-      listening: false
-    }), labels.map(({
-      pt: [x, y],
-      ...label
-    }, i) => /* @__PURE__ */(0, _jsxRuntime.jsx)(_konva.AnimatedText, {
-      x,
-      y: y - label.fontSize / 2,
-      offsetX: 4,
-      offsetY: 4,
-      width: springs.width.to(v => v - x - 4),
-      fill: "#BABABA",
-      fontFamily: theme.font,
-      fontSize: label.fontSize,
-      fontStyle: label.fontStyle ?? "normal",
-      letterSpacing: 0.8,
-      align: label.align,
-      text: label.text,
-      wrap: "none",
-      ellipsis: true,
-      perfectDrawEnabled: false,
-      padding: 6,
-      hitStrokeWidth: 3,
-      globalCompositeOperation: "luminosity"
-    }, i))]
-  });
-}

package/dist/@likec4/diagrams/cjs/diagram/shapes/Cylinder.js

@@ -1,71 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CylinderShape = CylinderShape;
-var _jsxRuntime = require("react/jsx-runtime");
-var _konva = require("@react-spring/konva");
-var _konva2 = require("../../konva");
-var _NodeLabel = require("./NodeLabel");
-var _springs = require("../springs");
-function cylinderSVGPath(diameter, height, tilt = 0.0825) {
-  const radius = Math.round(diameter / 2);
-  const rx = radius;
-  const ry = Math.round(tilt * radius);
-  const tiltAdjustedHeight = height - 2 * ry;
-  const path = `  M ${diameter},${ry}
-        a ${rx},${ry} 0,0,0 ${-diameter} 0
-        l 0,${tiltAdjustedHeight}
-        a ${rx},${ry} 0,0,0 ${diameter} 0
-        l 0,${-tiltAdjustedHeight}
-        `.replace(/\s+/g, " ").trim();
-  return {
-    path,
-    ry,
-    rx
-  };
-}
-function CylinderShape({
-  node,
-  theme,
-  springs,
-  isHovered
-}) {
-  const {
-    size: {
-      width,
-      height
-    }
-  } = node;
-  const {
-    path,
-    rx,
-    ry
-  } = cylinderSVGPath(width, height);
-  const cylinder = (0, _konva.useSpring)({
-    to: {
-      rx,
-      ry
-    }
-  });
-  return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_konva2.AnimatedPath, {
-      ...(0, _springs.useShadowSprings)(isHovered, theme, springs),
-      data: path,
-      perfectDrawEnabled: false,
-      shadowForStrokeEnabled: false,
-      fill: springs.fill
-    }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_konva2.AnimatedEllipse, {
-      x: cylinder.rx,
-      y: cylinder.ry,
-      radiusX: cylinder.rx,
-      radiusY: cylinder.ry,
-      fill: springs.stroke
-    }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_NodeLabel.NodeLabels, {
-      node,
-      offsetY: -ry * (node.icon ? 1.5 : 0.5),
-      theme
-    })]
-  });
-}

package/dist/@likec4/diagrams/cjs/diagram/shapes/Edge.js

@@ -1,62 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EdgeShape = EdgeShape;
-var _jsxRuntime = require("react/jsx-runtime");
-var _konva = require("../../konva");
-var _core = require("@likec4/core");
-function EdgeShape({
-  edge,
-  theme,
-  isHovered,
-  springs
-}) {
-  const {
-    points,
-    headArrow,
-    labels
-  } = edge;
-  (0, _core.invariant)(points[0], "Edge must have at least one point");
-  const [x, y] = (0, _core.nonNullable)(points[0]);
-  return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_konva.AnimatedCircle, {
-      opacity: springs.opacity,
-      x,
-      y,
-      radius: springs.lineWidth.to(v => v + 1),
-      fill: springs.lineColor,
-      visible: isHovered
-    }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_konva.AnimatedLine, {
-      opacity: springs.opacity,
-      bezier: true,
-      dashEnabled: true,
-      points: points.flat(),
-      stroke: springs.lineColor,
-      strokeWidth: springs.lineWidth,
-      hitStrokeWidth: 20
-    }), headArrow && /* @__PURE__ */(0, _jsxRuntime.jsx)(_konva.AnimatedLine, {
-      opacity: springs.opacity,
-      points: headArrow.flat(),
-      closed: true,
-      fill: springs.lineColor,
-      stroke: springs.lineColor,
-      strokeWidth: 2,
-      hitStrokeWidth: 5
-    }), labels.map((label, i) => /* @__PURE__ */(0, _jsxRuntime.jsx)(_konva.AnimatedText, {
-      x: label.pt[0] - 4,
-      y: label.pt[1] - label.fontSize / 2 - 4,
-      opacity: springs.opacity,
-      padding: 4,
-      fill: springs.labelColor,
-      fontFamily: theme.font,
-      fontSize: label.fontSize,
-      fontStyle: label.fontStyle ?? "normal",
-      align: label.align,
-      text: label.text,
-      perfectDrawEnabled: false,
-      hitStrokeWidth: 10
-    }, i))]
-  });
-}

package/dist/@likec4/diagrams/cjs/diagram/shapes/Mobile.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.MobileShape = MobileShape;
-var _jsxRuntime = require("react/jsx-runtime");
-var _konva = require("../../konva");
-var _NodeLabel = require("./NodeLabel");
-var _springs = require("../springs");
-function MobileShape({
-  node,
-  theme,
-  springs,
-  isHovered
-}) {
-  const colors = theme.colors[node.color];
-  return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_konva.AnimatedRect, {
-      ...(0, _springs.useShadowSprings)(isHovered, theme, springs),
-      cornerRadius: 6,
-      width: springs.width,
-      height: springs.height,
-      fill: springs.stroke
-    }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_konva.Circle, {
-      x: 16,
-      y: node.size.height / 2,
-      radius: 10,
-      fill: colors.fill,
-      listening: false
-    }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_konva.AnimatedRect, {
-      cornerRadius: 4,
-      x: 31,
-      y: 12,
-      width: springs.width.to(w => w - 43),
-      height: springs.height.to(h => h - 24),
-      fill: springs.fill,
-      listening: false
-    }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_NodeLabel.NodeLabels, {
-      node,
-      theme,
-      offsetX: -6
-    })]
-  });
-}

package/dist/@likec4/diagrams/cjs/diagram/shapes/NodeIcon.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NodeIcon = NodeIcon;
-var _jsxRuntime = require("react/jsx-runtime");
-var _useImageLoader = _interopRequireDefault(require("../../hooks/useImageLoader"));
-var _konva = require("../../konva");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function NodeIcon({
-  icon,
-  maxWidth,
-  maxHeight,
-  offsetX = 0,
-  offsetY = 0
-}) {
-  const [image] = (0, _useImageLoader.default)(icon);
-  if (!image) {
-    return null;
-  }
-  const padding = 16;
-  const maxIconWidth = Math.round(maxWidth - padding * 2);
-  const maxIconHeight = Math.round(maxHeight - padding * 2);
-  const scale = Math.min(maxIconWidth / image.width, maxIconHeight / image.height, 1);
-  const iconWidth = Math.floor(image.width * scale);
-  const iconHeight = Math.floor(image.height * scale);
-  return /* @__PURE__ */(0, _jsxRuntime.jsx)(_konva.Image, {
-    image,
-    x: padding + (maxIconWidth - iconWidth) / 2,
-    y: padding + (maxIconHeight - iconHeight) / 2,
-    offsetX,
-    offsetY,
-    width: iconWidth,
-    height: iconHeight,
-    listening: false
-  });
-}

package/dist/@likec4/diagrams/cjs/diagram/shapes/NodeLabel.js

@@ -1,62 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.NodeLabels = NodeLabels;
-var _jsxRuntime = require("react/jsx-runtime");
-var _konva = require("../../konva");
-var _NodeIcon = require("./NodeIcon");
-function NodeLabels({
-  node: {
-    icon,
-    labels,
-    size,
-    color
-  },
-  theme,
-  offsetX = 0,
-  offsetY = 0,
-  maxWidth
-}) {
-  const colors = theme.colors[color];
-  const width = maxWidth ?? size.width;
-  const firstLabel = labels[0];
-  const titleFontSize = firstLabel?.fontSize ?? 12;
-  let nodeIcon;
-  if (icon) {
-    const maxHeight = firstLabel ? Math.floor(firstLabel.pt[1] - firstLabel.fontSize / 2) : size.height;
-    nodeIcon = /* @__PURE__ */(0, _jsxRuntime.jsx)(_NodeIcon.NodeIcon, {
-      icon,
-      maxWidth: width,
-      maxHeight,
-      offsetX,
-      offsetY
-    });
-  }
-  return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [nodeIcon, labels.map((label, i) => {
-      let color2 = colors.hiContrast;
-      if (label.fontSize !== titleFontSize) {
-        color2 = colors.loContrast;
-      }
-      return /* @__PURE__ */(0, _jsxRuntime.jsx)(_konva.Text, {
-        x: 8,
-        width: width - 16,
-        y: label.pt[1],
-        offsetY: offsetY + label.fontSize / 2,
-        offsetX,
-        fill: color2,
-        fontFamily: theme.font,
-        fontSize: label.fontSize,
-        fontStyle: label.fontStyle ?? "normal",
-        align: "center",
-        text: label.text,
-        strokeEnabled: false,
-        perfectDrawEnabled: false,
-        listening: false
-      }, label.text + i);
-    })]
-  });
-}
-NodeLabels.displayName = "NodeLabels";

package/dist/@likec4/diagrams/cjs/diagram/shapes/Person.js

@@ -1,48 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PersonShape = PersonShape;
-var _jsxRuntime = require("react/jsx-runtime");
-var _springs = require("../springs");
-var _konva = require("../../konva");
-var _NodeLabel = require("./NodeLabel");
-const PersonIcon = {
-  width: 115,
-  height: 120,
-  path: `M57.9197 0C10.9124 0 33.5766 54.75 33.5766 54.75C38.6131 62.25 45.3285 60.75 45.3285 66C45.3285 70.5 39.4526 72 33.5766 72.75C24.3431 72.75 15.9489 71.25 7.55474 84.75C2.51825 93 0 120 0 120H115C115 120 112.482 93 108.285 84.75C99.8905 70.5 91.4963 72.75 82.2628 72C76.3869 71.25 70.5109 69.75 70.5109 65.25C70.5109 60.75 77.2263 62.25 82.2628 54C82.2628 54.75 104.927 0 57.9197 0V0Z`
-};
-function PersonShape({
-  node,
-  theme,
-  springs,
-  isHovered
-}) {
-  return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_konva.AnimatedRect, {
-      ...(0, _springs.useShadowSprings)(isHovered, theme, springs),
-      cornerRadius: 6,
-      perfectDrawEnabled: false,
-      strokeEnabled: false,
-      width: springs.width,
-      height: springs.height,
-      fill: springs.fill
-    }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_konva.AnimatedPath, {
-      x: springs.width.to(v => v - 8),
-      y: springs.height,
-      data: PersonIcon.path,
-      width: PersonIcon.width,
-      height: PersonIcon.height,
-      fill: springs.stroke,
-      opacity: 0.7,
-      perfectDrawEnabled: false,
-      offsetX: PersonIcon.width,
-      offsetY: PersonIcon.height,
-      listening: false
-    }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_NodeLabel.NodeLabels, {
-      node,
-      theme
-    })]
-  });
-}

package/dist/@likec4/diagrams/cjs/diagram/shapes/Queue.js

@@ -1,72 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.QueueShape = QueueShape;
-var _jsxRuntime = require("react/jsx-runtime");
-var _springs = require("../springs");
-var _konva = require("../../konva");
-var _NodeLabel = require("./NodeLabel");
-var _konva2 = require("@react-spring/konva");
-function queueSVGPath(width, height, tilt = 0.2) {
-  const diameter = height;
-  const radius = Math.round(diameter / 2);
-  const ry = radius;
-  const rx = Math.round(diameter / 2 * tilt);
-  const tiltAdjustedWidth = width - 2 * rx;
-  const path = `  M ${rx},0
-        a ${rx},${ry} 0,0,0 0 ${diameter}
-        l ${tiltAdjustedWidth},0
-        a ${rx},${ry} 0,0,0 0 ${-diameter}
-        `.replace(/\s+/g, " ").trim();
-  return {
-    path,
-    ry,
-    rx
-  };
-}
-function QueueShape({
-  node,
-  theme,
-  springs,
-  isHovered
-}) {
-  const {
-    size: {
-      width,
-      height
-    }
-  } = node;
-  const {
-    path,
-    rx,
-    ry
-  } = queueSVGPath(width, height);
-  const props = (0, _konva2.useSpring)({
-    to: {
-      x: width - rx,
-      y: ry,
-      rx,
-      ry
-    }
-  });
-  return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_konva.AnimatedPath, {
-      ...(0, _springs.useShadowSprings)(isHovered, theme, springs),
-      data: path,
-      perfectDrawEnabled: false,
-      fill: springs.fill
-    }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_konva.AnimatedEllipse, {
-      x: props.x,
-      y: props.y,
-      radiusX: props.rx,
-      radiusY: props.ry,
-      fill: springs.stroke
-    }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_NodeLabel.NodeLabels, {
-      node,
-      maxWidth: width - rx * 2,
-      theme
-    })]
-  });
-}

package/dist/@likec4/diagrams/cjs/diagram/shapes/Rectangle.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RectangleShape = RectangleShape;
-var _jsxRuntime = require("react/jsx-runtime");
-var _konva = require("../../konva");
-var _NodeLabel = require("./NodeLabel");
-var _springs = require("../springs");
-function RectangleShape({
-  node,
-  theme,
-  springs,
-  isHovered
-}) {
-  return /* @__PURE__ */(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/* @__PURE__ */(0, _jsxRuntime.jsx)(_konva.AnimatedRect, {
-      ...(0, _springs.useShadowSprings)(isHovered, theme, springs),
-      cornerRadius: 6,
-      strokeEnabled: false,
-      width: springs.width,
-      height: springs.height,
-      fill: springs.fill
-    }), /* @__PURE__ */(0, _jsxRuntime.jsx)(_NodeLabel.NodeLabels, {
-      node,
-      theme
-    })]
-  });
-}