@rkmodules/rules 0.0.92 → 0.0.93

package/dist/index.esm.css

@@ -10,12 +10,17 @@
     transform: initial;
     left: initial;
     right: initial;
+    top: initial;
     background: initial;
     padding: 2px 8px;
     display: flex;
     gap: 8px;
     align-items: center;
     min-height: 22px;
+
+    display: grid;
+    grid-template-columns: subgrid;
+    grid-column: 1 / 3;
 }
 .Port_XWl7K.required_ofB6J {
     font-weight: bold;
@@ -23,6 +28,7 @@
 
 .Port_XWl7K.react-flow__handle-right {
     text-align: right;
+    grid-column: 2 / 3;
 }
 
 .Port_XWl7K.react-flow__handle::after {
@@ -186,6 +192,12 @@
     max-width: 200px;
 }
 
+.Ports_fVs5I {
+    display: grid;
+    grid-template-columns: auto 1fr;
+    grid-auto-rows: 26px;
+}
+
 .Body_ptEZP {
     margin: 2px auto;
     padding: 8px;

package/dist/index.esm.js

@@ -5071,7 +5071,7 @@ var Output = function (_a) {
             normalized.label || name)));
 };
 
-var styles = {"NodeContainer":"NodeContainer_gSdHY","selected":"selected_VmB-F","active":"active_zjUzx","Log":"Log_dsq5e","Label":"Label_wBwWA","Description":"Description_f9s4l","Body":"Body_ptEZP","PreviewHead":"PreviewHead_oFT4K","expanded":"expanded_3vnbi","Preview":"Preview_HbkZ6","Duration":"Duration_0jqWx","GroupHead":"GroupHead_QJhST","GroupName":"GroupName_Qvu4r","GroupCnt":"GroupCnt_3ctdd","GroupMore":"GroupMore_D1Kiz","GroupChildren":"GroupChildren_NKx-B","GroupLeaf":"GroupLeaf_eliT8"};
+var styles = {"NodeContainer":"NodeContainer_gSdHY","selected":"selected_VmB-F","active":"active_zjUzx","Log":"Log_dsq5e","Label":"Label_wBwWA","Description":"Description_f9s4l","Ports":"Ports_fVs5I","Body":"Body_ptEZP","PreviewHead":"PreviewHead_oFT4K","expanded":"expanded_3vnbi","Preview":"Preview_HbkZ6","Duration":"Duration_0jqWx","GroupHead":"GroupHead_QJhST","GroupName":"GroupName_Qvu4r","GroupCnt":"GroupCnt_3ctdd","GroupMore":"GroupMore_D1Kiz","GroupChildren":"GroupChildren_NKx-B","GroupLeaf":"GroupLeaf_eliT8"};
 
 function NodeContainer(_a) {
     var _b;
@@ -5420,24 +5420,23 @@ var InputNode = React.memo(function (_a) {
     }); };
     return (React.createElement(NodeContainer, { label: data.label, selected: selected, id: id, noDelete: true },
         React.createElement("div", { className: styles.Description }, data.description),
-        React.createElement("div", { className: styles.Ports },
-            Object.entries(outputs || {}).map(function (_a) {
-                var _b = __read(_a, 2), name = _b[0], normalized = _b[1];
-                return (React.createElement(Handle, { key: name, type: "source", position: Position.Right, id: "".concat(id, "-").concat(name), className: classNames(styles$1.Output, styles$1.Port, styles$1["type-".concat(normalized.type)]), style: {
-                        "--type-color": "var(--color-".concat(normalized.type, ")"),
-                    } },
-                    React.createElement(Menu, { handle: React.createElement("button", null, "...") },
-                        React.createElement(MenuItem, { onClick: function () {
-                                return onRename(name, normalized.label || name);
-                            } }, "Rename"),
-                        React.createElement(MenuItem, { onClick: function () { return onDelete(name); } }, "Delete"),
-                        React.createElement(MenuItem, { onClick: function () { return onDefault(name); } }, "Set Default"),
-                        React.createElement(MenuItem, { onClick: function () { return onType(name); } }, "Set Type")),
-                    React.createElement("span", { style: { flex: 1 } }),
-                    React.createElement("span", { className: styles$1.PortLabel }, normalized.label || name)));
-            }),
-            React.createElement("div", { className: styles.Body },
-                React.createElement("button", { onClick: function () { return onAdd(); } }, "+")))));
+        React.createElement("div", { className: styles.Ports }, Object.entries(outputs || {}).map(function (_a) {
+            var _b = __read(_a, 2), name = _b[0], normalized = _b[1];
+            return (React.createElement(Handle, { key: name, type: "source", position: Position.Right, id: "".concat(id, "-").concat(name), className: classNames(styles$1.Output, styles$1.Port, styles$1["type-".concat(normalized.type)]), style: {
+                    "--type-color": "var(--color-".concat(normalized.type, ")"),
+                    gridColumn: "1/3",
+                } },
+                React.createElement(Menu, { handle: React.createElement("button", null, "...") },
+                    React.createElement(MenuItem, { onClick: function () {
+                            return onRename(name, normalized.label || name);
+                        } }, "Rename"),
+                    React.createElement(MenuItem, { onClick: function () { return onDelete(name); } }, "Delete"),
+                    React.createElement(MenuItem, { onClick: function () { return onDefault(name); } }, "Set Default"),
+                    React.createElement(MenuItem, { onClick: function () { return onType(name); } }, "Set Type")),
+                React.createElement("span", { className: styles$1.PortLabel }, normalized.label || name)));
+        })),
+        React.createElement("div", { className: styles.Body },
+            React.createElement("button", { onClick: function () { return onAdd(); } }, "+"))));
 });
 InputNode.displayName = "InputNode";
 
@@ -5580,10 +5579,11 @@ var OutputNode = React.memo(function (_a) {
                     "--type-color": "var(--color-".concat(varDef.type, ")"),
                 } },
                 React.createElement("span", { className: styles$1.PortLabel }, name),
-                React.createElement("span", { style: { flex: 1 } }),
-                React.createElement(Menu, { handle: React.createElement("button", null, "...") },
-                    React.createElement(MenuItem, { onClick: function () { return onRename(name); } }, "Rename"),
-                    React.createElement(MenuItem, { onClick: function () { return onDelete(name); } }, "Delete"))));
+                React.createElement("div", { style: { display: "flex" } },
+                    React.createElement("span", { style: { flex: 1 } }),
+                    React.createElement(Menu, { handle: React.createElement("button", null, "...") },
+                        React.createElement(MenuItem, { onClick: function () { return onRename(name); } }, "Rename"),
+                        React.createElement(MenuItem, { onClick: function () { return onDelete(name); } }, "Delete")))));
         })),
         React.createElement("div", { className: styles.Body },
             React.createElement("button", { onClick: function () { return onAdd(); } }, "+"))));