@likec4/diagram 1.55.1 → 1.57.0

package/dist/base-primitives/element/ElementNodeContainer.js

@@ -1,86 +1,55 @@
-import { jsx } from 'react/jsx-runtime';
-import { ensureSizes } from '@likec4/core/types';
-import { cx } from '@likec4/styles/css';
-import { elementNode } from '@likec4/styles/recipes';
-import * as m from 'motion/react-m';
-import { forwardRef } from 'react';
-
-const variants = {
-  normal: {
-    scale: 1
-  },
-  hovered: {
-    scale: 1.05
-  },
-  selected: {
-    scale: 1.02
-  },
-  tap: {
-    scale: 0.98
-  }
+import "../../_virtual/_rolldown/runtime.js";
+import { cx } from "@likec4/styles/css";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as m from "motion/react-m";
+import { ensureSizes } from "@likec4/core/types";
+import { elementNode } from "@likec4/styles/recipes";
+//#region src/base-primitives/element/ElementNodeContainer.tsx
+var variants = {
+	normal: { scale: 1 },
+	hovered: { scale: 1.05 },
+	selected: { scale: 1.02 },
+	tap: { scale: .98 }
 };
-const ElementNodeContainer = forwardRef(({
-  nodeProps: {
-    selected = false,
-    selectable = false,
-    data: {
-      hovered: isHovered = false,
-      dimmed: isDimmed = false,
-      ...data
-    }
-  },
-  className,
-  style,
-  children,
-  ...rest
-}, ref) => {
-  let variant;
-  switch (true) {
-    case isHovered:
-      variant = "hovered";
-      break;
-    case selected:
-      variant = "selected";
-      break;
-    default:
-      variant = "normal";
-  }
-  const {
-    size,
-    padding,
-    textSize
-  } = ensureSizes(data.style ?? {});
-  return /* @__PURE__ */ jsx(
-    m.div,
-    {
-      ref,
-      className: cx(
-        elementNode(),
-        "group",
-        className
-      ),
-      variants,
-      initial: false,
-      ...selectable && {
-        animate: variant,
-        whileTap: "tap"
-      },
-      "data-likec4-hovered": isHovered,
-      "data-likec4-color": data.color,
-      "data-likec4-shape": data.shape,
-      "data-likec4-shape-size": size,
-      "data-likec4-spacing": padding,
-      "data-likec4-text-size": textSize,
-      ...isDimmed !== false && {
-        "data-likec4-dimmed": isDimmed
-      },
-      style,
-      tabIndex: -1,
-      ...rest,
-      children
-    }
-  );
+/**
+* Top-level primitive to compose leaf nodes renderers.
+* This container provides the state via data-* attributes
+*/
+var ElementNodeContainer = forwardRef(({ nodeProps: { selected = false, selectable = false, data: { hovered: isHovered = false, dimmed: isDimmed = false, ...data } }, className, style, children, ...rest }, ref) => {
+	let variant;
+	switch (true) {
+		case isHovered:
+			variant = "hovered";
+			break;
+		case selected:
+			variant = "selected";
+			break;
+		default: variant = "normal";
+	}
+	const { size, padding, textSize } = ensureSizes(data.style ?? {});
+	return /* @__PURE__ */ jsx(m.div, {
+		ref,
+		className: cx(elementNode(), "group", className),
+		variants,
+		initial: false,
+		...selectable && {
+			animate: variant,
+			whileTap: "tap"
+		},
+		"data-likec4-hovered": isHovered,
+		"data-likec4-color": data.color,
+		"data-likec4-shape": data.shape,
+		"data-likec4-shape-size": size,
+		"data-likec4-spacing": padding,
+		"data-likec4-text-size": textSize,
+		...isDimmed !== false && { "data-likec4-dimmed": isDimmed },
+		style,
+		tabIndex: -1,
+		...rest,
+		children
+	});
 });
 ElementNodeContainer.displayName = "ElementNodeContainer";
-
+//#endregion
 export { ElementNodeContainer };