@wandelbots/wandelbots-js-react-components 4.7.2 → 5.0.0-pr.feat-icons.568.cbf1817

package/dist/wb-icons.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./safety-state-stop-ClWLVLMl.cjs"),r=require("./wbLogo-G_IfZ03l.cjs");exports.AxisXIcon=o.ForwardRef$10;exports.AxisYIcon=o.ForwardRef$11;exports.AxisZIcon=o.ForwardRef$12;exports.ControllerTypePhysicalIcon=o.ForwardRef;exports.ControllerTypeVirtualIcon=o.ForwardRef$1;exports.JogMinusIcon=o.ForwardRef$13;exports.JogPlusIcon=o.ForwardRef$14;exports.OperationModeAutomaticIcon=o.ForwardRef$2;exports.OperationModeErrorIcon=o.ForwardRef$3;exports.OperationModeManualIcon=o.ForwardRef$4;exports.RobotIcon=o.ForwardRef$15;exports.RotationIcon=o.ForwardRef$16;exports.SafetyStateErrorIcon=o.ForwardRef$5;exports.SafetyStateEstopIcon=o.ForwardRef$6;exports.SafetyStateManualActionRequiredIcon=o.ForwardRef$7;exports.SafetyStateNormalIcon=o.ForwardRef$8;exports.SafetyStateStopIcon=o.ForwardRef$9;exports.HomeIcon=r.ForwardRef;exports.JoggingIcon=r.ForwardRef$1;exports.OrientationCoordSystemIcon=r.ForwardRef$2;exports.OrientationToolIcon=r.ForwardRef$3;exports.WBLogoIcon=r.ForwardRef$4;
+//# sourceMappingURL=wb-icons.cjs.js.map

package/dist/wb-icons.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wb-icons.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/wb-icons.d.ts

@@ -0,0 +1,3 @@
+export * from "./components/safetyBar/icons";
+export * from "./icons";
+//# sourceMappingURL=wb-icons.d.ts.map

package/dist/wb-icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wb-icons.d.ts","sourceRoot":"","sources":["../src/wb-icons.ts"],"names":[],"mappings":"AACA,cAAc,8BAA8B,CAAA;AAC5C,cAAc,SAAS,CAAA"}

package/dist/wb-icons.es.js

@@ -0,0 +1,27 @@
+import { j as n, k as t, l as s, F as e, a as c, m as r, n as I, b as i, c as l, d as S, o as p, p as y, e as f, f as d, g, h as m, i as u } from "./safety-state-stop-DuMBCxN5.js";
+import { F as x, a as A, b as O, c as b, d as C } from "./wbLogo-CObCmqTw.js";
+export {
+  n as AxisXIcon,
+  t as AxisYIcon,
+  s as AxisZIcon,
+  e as ControllerTypePhysicalIcon,
+  c as ControllerTypeVirtualIcon,
+  x as HomeIcon,
+  r as JogMinusIcon,
+  I as JogPlusIcon,
+  A as JoggingIcon,
+  i as OperationModeAutomaticIcon,
+  l as OperationModeErrorIcon,
+  S as OperationModeManualIcon,
+  O as OrientationCoordSystemIcon,
+  b as OrientationToolIcon,
+  p as RobotIcon,
+  y as RotationIcon,
+  f as SafetyStateErrorIcon,
+  d as SafetyStateEstopIcon,
+  g as SafetyStateManualActionRequiredIcon,
+  m as SafetyStateNormalIcon,
+  u as SafetyStateStopIcon,
+  C as WBLogoIcon
+};
+//# sourceMappingURL=wb-icons.es.js.map

package/dist/wb-icons.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wb-icons.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/wbLogo-CObCmqTw.js

@@ -0,0 +1,31 @@
+import * as e from "react";
+import { forwardRef as n } from "react";
+const o = ({
+  title: l,
+  titleId: t,
+  ...r
+}, a) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", ref: a, "aria-labelledby": t, ...r }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "M5 22a3 3 0 0 1-3-3v-7.078A4 4 0 0 1 3.501 8.8L12 2l8.499 6.799A4 4 0 0 1 22 11.923V19a3 3 0 0 1-3 3zm15.5-10.077V19a1.5 1.5 0 0 1-1.5 1.5h-3V14a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v6.5H5A1.5 1.5 0 0 1 3.5 19v-7.078a2.5 2.5 0 0 1 .938-1.952L12 3.92l7.562 6.05a2.5 2.5 0 0 1 .938 1.952", clipRule: "evenodd" })), w = n(o), c = ({
+  title: l,
+  titleId: t,
+  ...r
+}, a) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, ref: a, "aria-labelledby": t, ...r }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", fillRule: "evenodd", d: "m12 1 3.405 3.405L14.18 5.63l-1.315-1.314v3.849h-1.732V4.316L9.889 5.56 8.664 4.335zm-.867 14.665h1.732v4.019l1.315-1.314 1.225 1.225L11.999 23l-3.405-3.405 1.225-1.225 1.314 1.314zm-6.817-4.531h3.848v1.732H4.316L5.63 14.18l-1.225 1.225L1 12l3.405-3.405L5.63 9.82zm15.368 1.732h-4.02v-1.732h4.02L18.37 9.82l1.225-1.225L23 12l-3.405 3.405-1.225-1.225z", clipRule: "evenodd" })), h = n(c), v = ({
+  title: l,
+  titleId: t,
+  ...r
+}, a) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 21, height: 21, fill: "none", viewBox: "0 0 23 22", ref: a, "aria-labelledby": t, ...r }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "m21.71 16.262-1.09.346.66 2.071-2.923-1.461V9.857l-6.285-3.143V2.893L13.38 4.21l.812-.806-2.674-2.69-2.706 2.687.805.812L10.93 2.91v3.803L4.643 9.857v7.36l-2.914 1.458.657-2.067-1.09-.346-1.225 3.88 3.826 1.144.346-1.09-1.836-.583 2.874-1.436 6.22 3.109 6.217-3.11 2.877 1.439-1.831.581.345 1.09 3.82-1.143zM11.5 12.646l-4.94-2.47 4.94-2.47 4.94 2.47zm.572.993 5.143-2.572v6.083l-5.143 2.572zm-6.286-2.572 5.143 2.572v6.083L5.786 17.15z" })), d = n(v), i = ({
+  title: l,
+  titleId: t,
+  ...r
+}, a) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 15, height: 17, fill: "none", ref: a, "aria-labelledby": t, ...r }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M12.9 7.667c-.133-.534-.533-1-1-1.134L10.367 6l-.4 1.267L11.5 7.8c.067 0 .133.067.133.2l1.067 4.867a.32.32 0 0 1-.133.4l-2.267 1.8c-.267.2-.333.666-.133.933s.666.333.933.133l2.267-1.8c.533-.4.733-1.133.6-1.733zM12.5 0H1.833A1.65 1.65 0 0 0 .167 1.667v1.4c0 .866.733 1.6 1.666 1.6h10.734c.866 0 1.6-.734 1.6-1.667V1.667A1.65 1.65 0 0 0 12.5 0M1.633 12.8 2.7 8c0-.067.067-.133.133-.2l1.534-.533-.4-1.2-1.534.466c-.533.2-.933.6-1 1.134L.367 12.533c-.134.667.066 1.334.6 1.734l2.266 1.8c.267.266.734.2.934-.067s.2-.733-.134-.933l-2.266-1.8c-.134-.134-.2-.267-.134-.467" })), g = n(i), m = ({
+  title: l,
+  titleId: t,
+  ...r
+}, a) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "currentColor", viewBox: "0 0 21 25", ref: a, "aria-labelledby": t, ...r }, l ? /* @__PURE__ */ e.createElement("title", { id: t }, l) : null, /* @__PURE__ */ e.createElement("path", { d: "M0 8.256v5.96l17.023-9.745L14.42 0zM9.703 11.676 0 17.21v5.974l9.703-5.536zM11.889 19.413l-9.663 5.58h13.278v-5.58z" })), f = n(m);
+export {
+  w as F,
+  h as a,
+  d as b,
+  g as c,
+  f as d
+};
+//# sourceMappingURL=wbLogo-CObCmqTw.js.map

package/dist/wbLogo-CObCmqTw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wbLogo-CObCmqTw.js","sources":["../src/icons/home.svg","../src/icons/jogging.svg","../src/icons/orientation-coord-system.svg","../src/icons/orientation-tool.svg","../src/icons/wbLogo.svg"],"sourcesContent":["import * as React from \"react\";\nimport { forwardRef } from \"react\";\nconst SvgHome = ({\n  title,\n  titleId,\n  ...props\n}, ref) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, fill: \"none\", ref, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M5 22a3 3 0 0 1-3-3v-7.078A4 4 0 0 1 3.501 8.8L12 2l8.499 6.799A4 4 0 0 1 22 11.923V19a3 3 0 0 1-3 3zm15.5-10.077V19a1.5 1.5 0 0 1-1.5 1.5h-3V14a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v6.5H5A1.5 1.5 0 0 1 3.5 19v-7.078a2.5 2.5 0 0 1 .938-1.952L12 3.92l7.562 6.05a2.5 2.5 0 0 1 .938 1.952\", clipRule: \"evenodd\" }));\nconst ForwardRef = forwardRef(SvgHome);\nexport default ForwardRef;\n","import * as React from \"react\";\nimport { forwardRef } from \"react\";\nconst SvgJogging = ({\n  title,\n  titleId,\n  ...props\n}, ref) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, ref, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"m12 1 3.405 3.405L14.18 5.63l-1.315-1.314v3.849h-1.732V4.316L9.889 5.56 8.664 4.335zm-.867 14.665h1.732v4.019l1.315-1.314 1.225 1.225L11.999 23l-3.405-3.405 1.225-1.225 1.314 1.314zm-6.817-4.531h3.848v1.732H4.316L5.63 14.18l-1.225 1.225L1 12l3.405-3.405L5.63 9.82zm15.368 1.732h-4.02v-1.732h4.02L18.37 9.82l1.225-1.225L23 12l-3.405 3.405-1.225-1.225z\", clipRule: \"evenodd\" }));\nconst ForwardRef = forwardRef(SvgJogging);\nexport default ForwardRef;\n","import * as React from \"react\";\nimport { forwardRef } from \"react\";\nconst SvgOrientationCoordSystem = ({\n  title,\n  titleId,\n  ...props\n}, ref) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 21, height: 21, fill: \"none\", viewBox: \"0 0 23 22\", ref, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { fill: \"currentColor\", d: \"m21.71 16.262-1.09.346.66 2.071-2.923-1.461V9.857l-6.285-3.143V2.893L13.38 4.21l.812-.806-2.674-2.69-2.706 2.687.805.812L10.93 2.91v3.803L4.643 9.857v7.36l-2.914 1.458.657-2.067-1.09-.346-1.225 3.88 3.826 1.144.346-1.09-1.836-.583 2.874-1.436 6.22 3.109 6.217-3.11 2.877 1.439-1.831.581.345 1.09 3.82-1.143zM11.5 12.646l-4.94-2.47 4.94-2.47 4.94 2.47zm.572.993 5.143-2.572v6.083l-5.143 2.572zm-6.286-2.572 5.143 2.572v6.083L5.786 17.15z\" }));\nconst ForwardRef = forwardRef(SvgOrientationCoordSystem);\nexport default ForwardRef;\n","import * as React from \"react\";\nimport { forwardRef } from \"react\";\nconst SvgOrientationTool = ({\n  title,\n  titleId,\n  ...props\n}, ref) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 15, height: 17, fill: \"none\", ref, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { fill: \"currentColor\", d: \"M12.9 7.667c-.133-.534-.533-1-1-1.134L10.367 6l-.4 1.267L11.5 7.8c.067 0 .133.067.133.2l1.067 4.867a.32.32 0 0 1-.133.4l-2.267 1.8c-.267.2-.333.666-.133.933s.666.333.933.133l2.267-1.8c.533-.4.733-1.133.6-1.733zM12.5 0H1.833A1.65 1.65 0 0 0 .167 1.667v1.4c0 .866.733 1.6 1.666 1.6h10.734c.866 0 1.6-.734 1.6-1.667V1.667A1.65 1.65 0 0 0 12.5 0M1.633 12.8 2.7 8c0-.067.067-.133.133-.2l1.534-.533-.4-1.2-1.534.466c-.533.2-.933.6-1 1.134L.367 12.533c-.134.667.066 1.334.6 1.734l2.266 1.8c.267.266.734.2.934-.067s.2-.733-.134-.933l-2.266-1.8c-.134-.134-.2-.267-.134-.467\" }));\nconst ForwardRef = forwardRef(SvgOrientationTool);\nexport default ForwardRef;\n","import * as React from \"react\";\nimport { forwardRef } from \"react\";\nconst SvgWbLogo = ({\n  title,\n  titleId,\n  ...props\n}, ref) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"currentColor\", viewBox: \"0 0 21 25\", ref, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M0 8.256v5.96l17.023-9.745L14.42 0zM9.703 11.676 0 17.21v5.974l9.703-5.536zM11.889 19.413l-9.663 5.58h13.278v-5.58z\" }));\nconst ForwardRef = forwardRef(SvgWbLogo);\nexport default ForwardRef;\n"],"names":["SvgHome","title","titleId","props","ref","React","ForwardRef","forwardRef","SvgJogging","SvgOrientationCoordSystem","SvgOrientationTool","SvgWbLogo"],"mappings":";;AAEA,MAAMA,IAAU,CAAC;AAAA,EACf,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAGC,MAAwB,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,IAAI,QAAQ,IAAI,MAAM,QAAQ,KAAAD,GAAK,mBAAmBF,GAAS,GAAGC,EAAK,GAAIF,IAAwB,gBAAAI,EAAM,cAAc,SAAS,EAAE,IAAIH,EAAO,GAAID,CAAK,IAAI,MAAsB,gBAAAI,EAAM,cAAc,QAAQ,EAAE,MAAM,gBAAgB,UAAU,WAAW,GAAG,0RAA0R,UAAU,UAAS,CAAE,CAAC,GAC1oBC,IAAaC,EAAWP,CAAO,GCL/BQ,IAAa,CAAC;AAAA,EAClB,OAAAP;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAGC,MAAwB,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,IAAI,QAAQ,IAAI,KAAAD,GAAK,mBAAmBF,GAAS,GAAGC,EAAK,GAAIF,IAAwB,gBAAAI,EAAM,cAAc,SAAS,EAAE,IAAIH,KAAWD,CAAK,IAAI,MAAsB,gBAAAI,EAAM,cAAc,QAAQ,EAAE,MAAM,gBAAgB,UAAU,WAAW,GAAG,kWAAkW,UAAU,UAAS,CAAE,CAAC,GACpsBC,IAAaC,EAAWC,CAAU,GCLlCC,IAA4B,CAAC;AAAA,EACjC,OAAAR;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAGC,MAAwB,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,IAAI,QAAQ,IAAI,MAAM,QAAQ,SAAS,aAAa,KAAAD,GAAK,mBAAmBF,GAAS,GAAGC,EAAK,GAAIF,IAAwB,gBAAAI,EAAM,cAAc,SAAS,EAAE,IAAIH,EAAO,GAAID,CAAK,IAAI,MAAsB,gBAAAI,EAAM,cAAc,QAAQ,EAAE,MAAM,gBAAgB,GAAG,ubAAsb,CAAE,CAAC,GACpxBC,IAAaC,EAAWE,CAAyB,GCLjDC,IAAqB,CAAC;AAAA,EAC1B,OAAAT;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAGC,MAAwB,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,OAAO,IAAI,QAAQ,IAAI,MAAM,QAAQ,KAAAD,GAAK,mBAAmBF,GAAS,GAAGC,EAAK,GAAIF,IAAwB,gBAAAI,EAAM,cAAc,SAAS,EAAE,IAAIH,EAAO,GAAID,CAAK,IAAI,MAAsB,gBAAAI,EAAM,cAAc,QAAQ,EAAE,MAAM,gBAAgB,GAAG,ujBAAsjB,CAAE,CAAC,GAC93BC,IAAaC,EAAWG,CAAkB,GCL1CC,IAAY,CAAC;AAAA,EACjB,OAAAV;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAGC,MAAwB,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,8BAA8B,MAAM,gBAAgB,SAAS,aAAa,KAAAD,GAAK,mBAAmBF,GAAS,GAAGC,EAAK,GAAIF,IAAwB,gBAAAI,EAAM,cAAc,SAAS,EAAE,IAAIH,EAAO,GAAID,CAAK,IAAI,MAAsB,gBAAAI,EAAM,cAAc,QAAQ,EAAE,GAAG,sHAAqH,CAAE,CAAC,GAC9aC,IAAaC,EAAWI,CAAS;"}

package/dist/wbLogo-G_IfZ03l.cjs

@@ -0,0 +1,2 @@
+"use strict";const o=require("react");function n(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(l,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return l.default=e,Object.freeze(l)}const t=n(o),c=({title:e,titleId:l,...r},a)=>t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",ref:a,"aria-labelledby":l,...r},e?t.createElement("title",{id:l},e):null,t.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M5 22a3 3 0 0 1-3-3v-7.078A4 4 0 0 1 3.501 8.8L12 2l8.499 6.799A4 4 0 0 1 22 11.923V19a3 3 0 0 1-3 3zm15.5-10.077V19a1.5 1.5 0 0 1-1.5 1.5h-3V14a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v6.5H5A1.5 1.5 0 0 1 3.5 19v-7.078a2.5 2.5 0 0 1 .938-1.952L12 3.92l7.562 6.05a2.5 2.5 0 0 1 .938 1.952",clipRule:"evenodd"})),d=o.forwardRef(c),i=({title:e,titleId:l,...r},a)=>t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:24,height:24,ref:a,"aria-labelledby":l,...r},e?t.createElement("title",{id:l},e):null,t.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"m12 1 3.405 3.405L14.18 5.63l-1.315-1.314v3.849h-1.732V4.316L9.889 5.56 8.664 4.335zm-.867 14.665h1.732v4.019l1.315-1.314 1.225 1.225L11.999 23l-3.405-3.405 1.225-1.225 1.314 1.314zm-6.817-4.531h3.848v1.732H4.316L5.63 14.18l-1.225 1.225L1 12l3.405-3.405L5.63 9.82zm15.368 1.732h-4.02v-1.732h4.02L18.37 9.82l1.225-1.225L23 12l-3.405 3.405-1.225-1.225z",clipRule:"evenodd"})),w=o.forwardRef(i),f=({title:e,titleId:l,...r},a)=>t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:21,height:21,fill:"none",viewBox:"0 0 23 22",ref:a,"aria-labelledby":l,...r},e?t.createElement("title",{id:l},e):null,t.createElement("path",{fill:"currentColor",d:"m21.71 16.262-1.09.346.66 2.071-2.923-1.461V9.857l-6.285-3.143V2.893L13.38 4.21l.812-.806-2.674-2.69-2.706 2.687.805.812L10.93 2.91v3.803L4.643 9.857v7.36l-2.914 1.458.657-2.067-1.09-.346-1.225 3.88 3.826 1.144.346-1.09-1.836-.583 2.874-1.436 6.22 3.109 6.217-3.11 2.877 1.439-1.831.581.345 1.09 3.82-1.143zM11.5 12.646l-4.94-2.47 4.94-2.47 4.94 2.47zm.572.993 5.143-2.572v6.083l-5.143 2.572zm-6.286-2.572 5.143 2.572v6.083L5.786 17.15z"})),s=o.forwardRef(f),v=({title:e,titleId:l,...r},a)=>t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:15,height:17,fill:"none",ref:a,"aria-labelledby":l,...r},e?t.createElement("title",{id:l},e):null,t.createElement("path",{fill:"currentColor",d:"M12.9 7.667c-.133-.534-.533-1-1-1.134L10.367 6l-.4 1.267L11.5 7.8c.067 0 .133.067.133.2l1.067 4.867a.32.32 0 0 1-.133.4l-2.267 1.8c-.267.2-.333.666-.133.933s.666.333.933.133l2.267-1.8c.533-.4.733-1.133.6-1.733zM12.5 0H1.833A1.65 1.65 0 0 0 .167 1.667v1.4c0 .866.733 1.6 1.666 1.6h10.734c.866 0 1.6-.734 1.6-1.667V1.667A1.65 1.65 0 0 0 12.5 0M1.633 12.8 2.7 8c0-.067.067-.133.133-.2l1.534-.533-.4-1.2-1.534.466c-.533.2-.933.6-1 1.134L.367 12.533c-.134.667.066 1.334.6 1.734l2.266 1.8c.267.266.734.2.934-.067s.2-.733-.134-.933l-2.266-1.8c-.134-.134-.2-.267-.134-.467"})),m=o.forwardRef(v),g=({title:e,titleId:l,...r},a)=>t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 21 25",ref:a,"aria-labelledby":l,...r},e?t.createElement("title",{id:l},e):null,t.createElement("path",{d:"M0 8.256v5.96l17.023-9.745L14.42 0zM9.703 11.676 0 17.21v5.974l9.703-5.536zM11.889 19.413l-9.663 5.58h13.278v-5.58z"})),h=o.forwardRef(g);exports.ForwardRef=d;exports.ForwardRef$1=w;exports.ForwardRef$2=s;exports.ForwardRef$3=m;exports.ForwardRef$4=h;
+//# sourceMappingURL=wbLogo-G_IfZ03l.cjs.map

package/dist/wbLogo-G_IfZ03l.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"wbLogo-G_IfZ03l.cjs","sources":["../src/icons/home.svg","../src/icons/jogging.svg","../src/icons/orientation-coord-system.svg","../src/icons/orientation-tool.svg","../src/icons/wbLogo.svg"],"sourcesContent":["import * as React from \"react\";\nimport { forwardRef } from \"react\";\nconst SvgHome = ({\n  title,\n  titleId,\n  ...props\n}, ref) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, fill: \"none\", ref, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"M5 22a3 3 0 0 1-3-3v-7.078A4 4 0 0 1 3.501 8.8L12 2l8.499 6.799A4 4 0 0 1 22 11.923V19a3 3 0 0 1-3 3zm15.5-10.077V19a1.5 1.5 0 0 1-1.5 1.5h-3V14a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v6.5H5A1.5 1.5 0 0 1 3.5 19v-7.078a2.5 2.5 0 0 1 .938-1.952L12 3.92l7.562 6.05a2.5 2.5 0 0 1 .938 1.952\", clipRule: \"evenodd\" }));\nconst ForwardRef = forwardRef(SvgHome);\nexport default ForwardRef;\n","import * as React from \"react\";\nimport { forwardRef } from \"react\";\nconst SvgJogging = ({\n  title,\n  titleId,\n  ...props\n}, ref) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 24, height: 24, ref, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { fill: \"currentColor\", fillRule: \"evenodd\", d: \"m12 1 3.405 3.405L14.18 5.63l-1.315-1.314v3.849h-1.732V4.316L9.889 5.56 8.664 4.335zm-.867 14.665h1.732v4.019l1.315-1.314 1.225 1.225L11.999 23l-3.405-3.405 1.225-1.225 1.314 1.314zm-6.817-4.531h3.848v1.732H4.316L5.63 14.18l-1.225 1.225L1 12l3.405-3.405L5.63 9.82zm15.368 1.732h-4.02v-1.732h4.02L18.37 9.82l1.225-1.225L23 12l-3.405 3.405-1.225-1.225z\", clipRule: \"evenodd\" }));\nconst ForwardRef = forwardRef(SvgJogging);\nexport default ForwardRef;\n","import * as React from \"react\";\nimport { forwardRef } from \"react\";\nconst SvgOrientationCoordSystem = ({\n  title,\n  titleId,\n  ...props\n}, ref) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 21, height: 21, fill: \"none\", viewBox: \"0 0 23 22\", ref, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { fill: \"currentColor\", d: \"m21.71 16.262-1.09.346.66 2.071-2.923-1.461V9.857l-6.285-3.143V2.893L13.38 4.21l.812-.806-2.674-2.69-2.706 2.687.805.812L10.93 2.91v3.803L4.643 9.857v7.36l-2.914 1.458.657-2.067-1.09-.346-1.225 3.88 3.826 1.144.346-1.09-1.836-.583 2.874-1.436 6.22 3.109 6.217-3.11 2.877 1.439-1.831.581.345 1.09 3.82-1.143zM11.5 12.646l-4.94-2.47 4.94-2.47 4.94 2.47zm.572.993 5.143-2.572v6.083l-5.143 2.572zm-6.286-2.572 5.143 2.572v6.083L5.786 17.15z\" }));\nconst ForwardRef = forwardRef(SvgOrientationCoordSystem);\nexport default ForwardRef;\n","import * as React from \"react\";\nimport { forwardRef } from \"react\";\nconst SvgOrientationTool = ({\n  title,\n  titleId,\n  ...props\n}, ref) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: 15, height: 17, fill: \"none\", ref, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { fill: \"currentColor\", d: \"M12.9 7.667c-.133-.534-.533-1-1-1.134L10.367 6l-.4 1.267L11.5 7.8c.067 0 .133.067.133.2l1.067 4.867a.32.32 0 0 1-.133.4l-2.267 1.8c-.267.2-.333.666-.133.933s.666.333.933.133l2.267-1.8c.533-.4.733-1.133.6-1.733zM12.5 0H1.833A1.65 1.65 0 0 0 .167 1.667v1.4c0 .866.733 1.6 1.666 1.6h10.734c.866 0 1.6-.734 1.6-1.667V1.667A1.65 1.65 0 0 0 12.5 0M1.633 12.8 2.7 8c0-.067.067-.133.133-.2l1.534-.533-.4-1.2-1.534.466c-.533.2-.933.6-1 1.134L.367 12.533c-.134.667.066 1.334.6 1.734l2.266 1.8c.267.266.734.2.934-.067s.2-.733-.134-.933l-2.266-1.8c-.134-.134-.2-.267-.134-.467\" }));\nconst ForwardRef = forwardRef(SvgOrientationTool);\nexport default ForwardRef;\n","import * as React from \"react\";\nimport { forwardRef } from \"react\";\nconst SvgWbLogo = ({\n  title,\n  titleId,\n  ...props\n}, ref) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", fill: \"currentColor\", viewBox: \"0 0 21 25\", ref, \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M0 8.256v5.96l17.023-9.745L14.42 0zM9.703 11.676 0 17.21v5.974l9.703-5.536zM11.889 19.413l-9.663 5.58h13.278v-5.58z\" }));\nconst ForwardRef = forwardRef(SvgWbLogo);\nexport default ForwardRef;\n"],"names":["SvgHome","title","titleId","props","ref","React","ForwardRef","forwardRef","SvgJogging","SvgOrientationCoordSystem","SvgOrientationTool","SvgWbLogo"],"mappings":"gUAEMA,EAAU,CAAC,CACf,MAAAC,EACA,QAAAC,EACA,GAAGC,CACL,EAAGC,IAAwBC,EAAM,cAAc,MAAO,CAAE,MAAO,6BAA8B,MAAO,GAAI,OAAQ,GAAI,KAAM,OAAQ,IAAAD,EAAK,kBAAmBF,EAAS,GAAGC,CAAK,EAAIF,EAAwBI,EAAM,cAAc,QAAS,CAAE,GAAIH,CAAO,EAAID,CAAK,EAAI,KAAsBI,EAAM,cAAc,OAAQ,CAAE,KAAM,eAAgB,SAAU,UAAW,EAAG,yRAA0R,SAAU,SAAS,CAAE,CAAC,EAC1oBC,EAAaC,EAAAA,WAAWP,CAAO,ECL/BQ,EAAa,CAAC,CAClB,MAAAP,EACA,QAAAC,EACA,GAAGC,CACL,EAAGC,IAAwBC,EAAM,cAAc,MAAO,CAAE,MAAO,6BAA8B,MAAO,GAAI,OAAQ,GAAI,IAAAD,EAAK,kBAAmBF,EAAS,GAAGC,CAAK,EAAIF,EAAwBI,EAAM,cAAc,QAAS,CAAE,GAAIH,GAAWD,CAAK,EAAI,KAAsBI,EAAM,cAAc,OAAQ,CAAE,KAAM,eAAgB,SAAU,UAAW,EAAG,iWAAkW,SAAU,SAAS,CAAE,CAAC,EACpsBC,EAAaC,EAAAA,WAAWC,CAAU,ECLlCC,EAA4B,CAAC,CACjC,MAAAR,EACA,QAAAC,EACA,GAAGC,CACL,EAAGC,IAAwBC,EAAM,cAAc,MAAO,CAAE,MAAO,6BAA8B,MAAO,GAAI,OAAQ,GAAI,KAAM,OAAQ,QAAS,YAAa,IAAAD,EAAK,kBAAmBF,EAAS,GAAGC,CAAK,EAAIF,EAAwBI,EAAM,cAAc,QAAS,CAAE,GAAIH,CAAO,EAAID,CAAK,EAAI,KAAsBI,EAAM,cAAc,OAAQ,CAAE,KAAM,eAAgB,EAAG,sbAAsb,CAAE,CAAC,EACpxBC,EAAaC,EAAAA,WAAWE,CAAyB,ECLjDC,EAAqB,CAAC,CAC1B,MAAAT,EACA,QAAAC,EACA,GAAGC,CACL,EAAGC,IAAwBC,EAAM,cAAc,MAAO,CAAE,MAAO,6BAA8B,MAAO,GAAI,OAAQ,GAAI,KAAM,OAAQ,IAAAD,EAAK,kBAAmBF,EAAS,GAAGC,CAAK,EAAIF,EAAwBI,EAAM,cAAc,QAAS,CAAE,GAAIH,CAAO,EAAID,CAAK,EAAI,KAAsBI,EAAM,cAAc,OAAQ,CAAE,KAAM,eAAgB,EAAG,sjBAAsjB,CAAE,CAAC,EAC93BC,EAAaC,EAAAA,WAAWG,CAAkB,ECL1CC,EAAY,CAAC,CACjB,MAAAV,EACA,QAAAC,EACA,GAAGC,CACL,EAAGC,IAAwBC,EAAM,cAAc,MAAO,CAAE,MAAO,6BAA8B,KAAM,eAAgB,QAAS,YAAa,IAAAD,EAAK,kBAAmBF,EAAS,GAAGC,CAAK,EAAIF,EAAwBI,EAAM,cAAc,QAAS,CAAE,GAAIH,CAAO,EAAID,CAAK,EAAI,KAAsBI,EAAM,cAAc,OAAQ,CAAE,EAAG,qHAAqH,CAAE,CAAC,EAC9aC,EAAaC,EAAAA,WAAWI,CAAS"}

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@wandelbots/wandelbots-js-react-components",
-  "version": "4.7.2",
+  "version": "5.0.0-pr.feat-icons.568.cbf1817",
   "description": "React UI toolkit for building applications on top of the Wandelbots platform",
   "type": "module",
   "sideEffects": false,
+  "packageManager": "pnpm@10.33.0",
   "files": [
     "dist",
     "src",
@@ -27,18 +28,18 @@
       "import": "./dist/3d.es.js",
       "require": "./dist/3d.cjs.js"
     },
-    "./wandelscript": {
-      "types": "./dist/wandelscript.d.ts",
-      "import": "./dist/wandelscript.es.js",
-      "require": "./dist/wandelscript.cjs.js"
+    "./wb-icons": {
+      "types": "./dist/wb-icons.d.ts",
+      "import": "./dist/wb-icons.es.js",
+      "require": "./dist/wb-icons.cjs.js"
     }
   },
   "types": "./dist/index.d.ts",
   "scripts": {
     "dev": "storybook dev -p 6006 --no-open",
-    "dev:pack": "nodemon -V -w src -e '*' -x \"npm run build && npm pack\"",
+    "dev:pack": "nodemon -V -w src -e '*' -x \"pnpm run build && pnpm pack\"",
     "dev:build": "nodemon -V -w src -e '*' -x \"vite build && tsc --declaration --emitDeclarationOnly\"",
-    "dev:wbjs": "nodemon --watch $WBJS_PATH -e tgz --exec 'npm install file:$WBJS_PATH && storybook dev -p 6006 --no-open'",
+    "dev:wbjs": "nodemon --watch $WBJS_PATH -e tgz --exec 'pnpm install file:$WBJS_PATH && storybook dev -p 6006 --no-open'",
     "tsc": "tsc --pretty --noEmit -p stories/tsconfig.json",
     "test": "test-storybook --url http://127.0.0.1:6006 --index-json --browsers chromium",
     "test:unit": "vitest --workspace vitest.workspace.ts --project unit",
@@ -65,13 +66,11 @@
   "author": "Wandelbots",
   "license": "Apache-2.0",
   "engines": {
-    "node": ">=18.14.0",
-    "npm": ">=8.0.0"
+    "node": ">=18.14.0"
   },
   "devDependencies": {
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "@monaco-editor/react": "^4.7.0",
     "@mui/icons-material": "^7.3.7",
     "@mui/material": "^7.3.7",
     "@react-three/drei": "^10.2.0",
@@ -81,14 +80,15 @@
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.1.2",
-    "@shikijs/monaco": "^3.1.0",
     "@storybook/addon-docs": "^10.2.3",
+    "@storybook/react": "^10.3.5",
     "@storybook/react-vite": "^10.2.3",
     "@storybook/test-runner": "^0.24.1",
     "@svgr/rollup": "^8.1.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
+    "@types/lodash": "^4.17.24",
     "@types/lodash-es": "^4.17.12",
     "@types/react": "^19.1.8",
     "@types/three": "^0.182.0",
@@ -102,9 +102,9 @@
     "jest-simple-dot-reporter": "^1.0.5",
     "jest-summary-reporter": "^0.0.2",
     "jsdom": "^27.4.0",
-    "monaco-editor": "^0.55.1",
     "nodemon": "^3.1.9",
     "npm-run-all": "^4.1.5",
+    "playwright": "^1.59.1",
     "postcss": "^8.5.3",
     "prettier-eslint": "^16.3.0",
     "prop-types": "^15.8.1",
@@ -117,7 +117,6 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
     "semantic-release": "^25.0.2",
-    "shiki": "^3.1.0",
     "storybook": "^10.2.3",
     "storybook-preset-inline-svg": "^2.0.0",
     "three": "^0.182.0",
@@ -134,15 +133,12 @@
   "peerDependencies": {
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
-    "@monaco-editor/react": "^4.7.0",
     "@mui/icons-material": "^6 || ^7",
     "@mui/material": "^6 || ^7",
     "@react-three/drei": "^9.122.0 || ^10",
     "@react-three/fiber": "^8 || ^9",
-    "@shikijs/monaco": "^3.1.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "shiki": "^3.1.0",
     "three": ">=0.182",
     "three-stdlib": ">=2"
   },
@@ -150,15 +146,6 @@
     "react-dom": {
       "optional": true
     },
-    "@monaco-editor/react": {
-      "optional": true
-    },
-    "@shikijs/monaco": {
-      "optional": true
-    },
-    "shiki": {
-      "optional": true
-    },
     "@react-three/drei": {
       "optional": true
     },
@@ -176,7 +163,7 @@
     "@mui/x-charts": "^8.27.0",
     "@mui/x-data-grid": "^8.27.0",
     "@wandelbots/nova-js": "^3.5.4",
-    "axios": "^1.13.2",
+    "axios": "^1.15.0",
     "dotenv": "^17.2.3",
     "i18next-browser-languagedetector": "^8.2.0",
     "lodash-es": "^4.17.21",
@@ -186,7 +173,11 @@
     "react-i18next": "^16.5.2",
     "username": "^7.0.0"
   },
-  "overrides": {
-    "storybook": "$storybook"
+  "pnpm": {
+    "overrides": {
+      "storybook": "$storybook",
+      "handlebars": "^4.7.9",
+      "minimatch@<3.1.3": "^3.1.3"
+    }
   }
 }

package/src/components/3d-viewport/CoordinateSystemTransform.tsx

@@ -1,4 +1,4 @@
-import type { CoordinateSystem } from "@wandelbots/nova-js/v1"
+import type { CoordinateSystem } from "@wandelbots/nova-js/v2"
 import type { ReactNode } from "react"
 import { Quaternion, Vector3 } from "three"
 
@@ -14,28 +14,39 @@ export const CoordinateSystemTransform = ({
   children: ReactNode
 }) => {
   const position = new Vector3(
-    (coordinateSystem?.position?.x ?? 0) / 1000,
-    (coordinateSystem?.position?.y ?? 0) / 1000,
-    (coordinateSystem?.position?.z ?? 0) / 1000,
+    (coordinateSystem?.position?.[0] ?? 0) / 1000,
+    (coordinateSystem?.position?.[1] ?? 0) / 1000,
+    (coordinateSystem?.position?.[2] ?? 0) / 1000,
   )
 
-  let rotation = coordinateSystem?.rotation
-  const rotationType = rotation?.type
-  if (rotationType && rotationType !== "ROTATION_VECTOR") {
-    console.warn(
-      `Unsupported rotation type ${rotationType}. Only ROTATION_VECTOR is supported.`,
+  const orientationType = coordinateSystem?.orientation_type
+
+  let quaternion: Quaternion
+
+  if (orientationType === "QUATERNION") {
+    quaternion = new Quaternion(
+      coordinateSystem?.orientation?.[0] ?? 0,
+      coordinateSystem?.orientation?.[1] ?? 0,
+      coordinateSystem?.orientation?.[2] ?? 0,
+      coordinateSystem?.orientation?.[3] ?? 1,
     )
-    rotation = { type: "ROTATION_VECTOR", angles: [0, 0, 0, 0] }
+  } else {
+    if (orientationType && orientationType !== "ROTATION_VECTOR") {
+      console.warn(
+        `Unsupported orientation type ${orientationType}. Only ROTATION_VECTOR and QUATERNION are supported.`,
+      )
+    }
+    // Default to ROTATION_VECTOR
+    const rotationVector = new Vector3(
+      coordinateSystem?.orientation?.[0] ?? 0,
+      coordinateSystem?.orientation?.[1] ?? 0,
+      coordinateSystem?.orientation?.[2] ?? 0,
+    )
+    const magnitude = rotationVector.length()
+    const axis = rotationVector.normalize()
+    quaternion = new Quaternion().setFromAxisAngle(axis, magnitude)
   }
 
-  const rotationVector = new Vector3(
-    rotation?.angles[0] ?? 0,
-    rotation?.angles[1] ?? 0,
-    rotation?.angles[2] ?? 0,
-  )
-  const magnitude = rotationVector.length()
-  const axis = rotationVector.normalize()
-  const quaternion = new Quaternion().setFromAxisAngle(axis, magnitude)
   return (
     <group position={position} quaternion={quaternion}>
       {children}

package/src/components/3d-viewport/SafetyZonesRenderer.tsx

@@ -1,27 +1,22 @@
+import { useMemo } from "react"
 import { type ThreeElements } from "@react-three/fiber"
-import { useEffect, useMemo } from "react"
 import * as THREE from "three"
 import { ConvexGeometry, RoundedBoxGeometry } from "three-stdlib"
 
-import type { Geometry, SafetySetupSafetyZone } from "@wandelbots/nova-js/v1"
 import type {
-  Capsule,
   Collider,
   ConvexHull,
   DHParameter,
   MotionGroupDescription,
-  RectangularCapsule,
   Sphere,
+  Capsule,
+  RectangularCapsule,
 } from "@wandelbots/nova-js/v2"
 
-import {
-  dhParametersToPlaneSize,
-  orientationToQuaternion,
-  verticesToCoplanarity,
-} from "../utils/converters"
+import { dhParametersToPlaneSize, orientationToQuaternion, verticesToCoplanarity } from "../utils/converters"
 
 export type SafetyZonesRendererProps = {
-  safetyZones: SafetySetupSafetyZone[] | MotionGroupDescription["safety_zones"]
+  safetyZones: MotionGroupDescription["safety_zones"]
   dhParameters?: DHParameter[]
 } & ThreeElements["group"]
 
@@ -49,16 +44,6 @@ export function SafetyZonesRenderer({
    */
   const planeSize = dhParametersToPlaneSize(dhParameters ?? [])
 
-  /**
-   * Warning during runtime stating the deprecation of the V1 safety zones
-   */
-  useEffect(() => {
-    Array.isArray(safetyZones) &&
-    console.warn(
-      "SafetyZonesRenderer: The support of V1 safety zones is deprecated. Please migrate to V2 safety zones.",
-    )
-  }, [safetyZones])
-
   /**
    * Helper function to render plane, sphere, and capsule meshes
    * @param id number
@@ -69,23 +54,14 @@ export function SafetyZonesRenderer({
       return null
     }
 
-    const position = new THREE.Vector3(
-      zone.pose.position[0] / 1000,
-      zone.pose.position[1] / 1000,
-      zone.pose.position[2] / 1000,
-    )
-    const orientation = new THREE.Vector3(
-      zone.pose.orientation[0],
-      zone.pose.orientation[1],
-      zone.pose.orientation[2],
-    )
+    const position = new THREE.Vector3(zone.pose.position[0] / 1000, zone.pose.position[1] / 1000, zone.pose.position[2] / 1000)
+    const orientation = new THREE.Vector3(zone.pose.orientation[0], zone.pose.orientation[1], zone.pose.orientation[2])
 
     let geometry: React.ReactElement | null
 
-    const materialProps =
-      zone.shape.shape_type === "plane"
-        ? { ...safetyZoneMaterialProps, side: THREE.DoubleSide }
-        : { ...safetyZoneMaterialProps, side: THREE.FrontSide }
+    const materialProps = zone.shape.shape_type === "plane"
+      ? { ...safetyZoneMaterialProps, side: THREE.DoubleSide }
+      : { ...safetyZoneMaterialProps, side: THREE.FrontSide }
 
     switch (zone.shape.shape_type) {
       /**
@@ -133,12 +109,7 @@ export function SafetyZonesRenderer({
           vertices.push(newVertex)
         }
         try {
-          geometry = (
-            <primitive
-              object={new ConvexGeometry(vertices)}
-              attach="geometry"
-            />
-          )
+          geometry = <primitive object={new ConvexGeometry(vertices)} attach="geometry" />
         } catch (error) {
           console.log("Error creating ConvexGeometry:", error)
           return null
@@ -170,10 +141,7 @@ export function SafetyZonesRenderer({
       }
 
       default: {
-        console.warn(
-          "Unsupported safety zone shape type:",
-          zone.shape.shape_type,
-        )
+        console.warn("Unsupported safety zone shape type:", zone.shape.shape_type)
         geometry = null
       }
     }
@@ -192,112 +160,17 @@ export function SafetyZonesRenderer({
   }
 
   /**
-   * Helper function to render V2 safety zones
-   */
-  const renderV2SafetyZones = () => {
-    return Object.values(safetyZones ?? {}).map(
-      (zone: Collider, index: number) => {
-        return renderMesh(index, zone)
-      },
-    )
-  }
-
-  /**
-   * Helper function to V1 safety zones
-   * @deprecated this render function is to be seen as a temporary measure, as the support
-   * for the V1 safety zones is to be removed in the future
-   */
-  const renderV1SafetyZones = () => {
-    if (Array.isArray(safetyZones)) {
-      return (safetyZones as SafetySetupSafetyZone[]).map(
-        (zone: SafetySetupSafetyZone, index) => {
-          let geometries: Geometry[] = []
-          if (zone.geometry) {
-            if (zone.geometry.compound) {
-              geometries = zone.geometry.compound.child_geometries
-            } else if (zone.geometry.convex_hull) {
-              geometries = [zone.geometry]
-            }
-          }
-
-          return geometries.map((geometry, i) => {
-            if (!geometry.convex_hull) return null
-
-            const vertices = geometry.convex_hull.vertices.map(
-              (v) => new THREE.Vector3(v.x / 1000, v.y / 1000, v.z / 1000),
-            )
-
-            // Check if the vertices are on the same plane and only define a plane
-            // Algorithm has troubles with vertices that are on the same plane so we
-            // add a new vertex slightly moved along the normal direction
-            const coplanarityResult = verticesToCoplanarity(vertices)
-
-            if (coplanarityResult.isCoplanar && coplanarityResult.normal) {
-              // Add a new vertex slightly moved along the normal direction
-              const offset = 0.0001
-              const newVertex = new THREE.Vector3().addVectors(
-                vertices[0],
-                coplanarityResult.normal.multiplyScalar(offset),
-              )
-              vertices.push(newVertex)
-            }
-
-            let convexGeometry
-            try {
-              convexGeometry = new ConvexGeometry(vertices)
-            } catch (error) {
-              console.log("Error creating ConvexGeometry:", error)
-              return null
-            }
-
-            return (
-              <mesh
-                key={`${index}-${i}`}
-                position={
-                  new THREE.Vector3(
-                    geometry.init_pose.position!.x!,
-                    geometry.init_pose.position!.y!,
-                    geometry.init_pose.position!.z!,
-                  )
-                }
-                quaternion={
-                  new THREE.Quaternion(
-                    geometry.init_pose.orientation!.x!,
-                    geometry.init_pose.orientation!.y!,
-                    geometry.init_pose.orientation!.z!,
-                    geometry.init_pose.orientation!.w!,
-                  )
-                }
-                geometry={convexGeometry}
-              >
-                <meshStandardMaterial
-                  key={index}
-                  attach="material"
-                  color="#009f4d"
-                  opacity={0.2}
-                  depthTest={false}
-                  depthWrite={false}
-                  transparent
-                  polygonOffset
-                  polygonOffsetFactor={-i}
-                />
-              </mesh>
-            )
-          })
-        },
-      )
-    }
-    return null
-  }
-
-  /**
-   * Helper variable to render both api versions of safety zones
+   * Helper variable render safety zones
    */
   const renderedSafetyZones = useMemo(() => {
-    return Array.isArray(safetyZones)
-      ? renderV1SafetyZones()
-      : renderV2SafetyZones()
-  }, [safetyZones, renderV1SafetyZones, renderV2SafetyZones])
-
-  return <group {...props}>{renderedSafetyZones}</group>
-}
+    return Object.values(safetyZones ?? {}).map((zone: Collider, index: number) => {
+      return renderMesh(index, zone)
+    })
+  }, [safetyZones, planeSize])
+
+  return (
+    <group {...props}>
+      {renderedSafetyZones}
+    </group>
+  )
+}

package/src/components/3d-viewport/TrajectoryRenderer.tsx

@@ -1,9 +1,9 @@
 import { Line } from "@react-three/drei"
-import type { GetTrajectoryResponse } from "@wandelbots/nova-js/v1"
+import type { Pose } from "@wandelbots/nova-js/v2"
 import * as THREE from "three"
 
 export type TrajectoryRendererProps = {
-  trajectory: GetTrajectoryResponse
+  trajectory: Pose[]
 } & React.JSX.IntrinsicElements["group"]
 
 export function TrajectoryRenderer({
@@ -11,14 +11,13 @@ export function TrajectoryRenderer({
   ...props
 }: TrajectoryRendererProps) {
   const points =
-    trajectory.trajectory
-      ?.map((point) => {
-        if (point.tcp_pose) {
-          return new THREE.Vector3(
-            point.tcp_pose.position.x / 1000,
-            point.tcp_pose.position.z / 1000,
-            -point.tcp_pose.position.y / 1000,
-          )
+    trajectory
+      ?.map((pose: Pose) => {
+        if (pose.position && pose.position.length >= 3) {
+          const [x, y, z] = pose.position
+          if (isFinite(x) && isFinite(y) && isFinite(z)) {
+            return new THREE.Vector3(x / 1000, z / 1000, -y / 1000)
+          }
         }
         return null
       })

package/src/components/3d-viewport/collider/ColliderCollection.tsx

@@ -1,5 +1,5 @@
 import type { ThreeElements } from "@react-three/fiber"
-import type { Collider } from "@wandelbots/nova-js/v1"
+import type { Collider } from "@wandelbots/nova-js/v2"
 import ColliderElement from "./ColliderElement"
 
 export type MeshChildrenProvider = (

package/src/components/3d-viewport/collider/ColliderElement.tsx

@@ -1,4 +1,4 @@
-import type { Collider } from "@wandelbots/nova-js/v1"
+import type { Collider } from "@wandelbots/nova-js/v2"
 import type React from "react"
 import * as THREE from "three"
 import { colliderShapeToBufferGeometry } from "./colliderShapeToBufferGeometry"

package/src/components/3d-viewport/collider/CollisionSceneRenderer.tsx

@@ -1,10 +1,10 @@
-import type { CollisionScene } from "@wandelbots/nova-js/v1"
+import type { CollisionSetup } from "@wandelbots/nova-js/v2"
 import ColliderCollection, {
   type MeshChildrenProvider,
 } from "./ColliderCollection"
 
 type CollisionSceneRendererProps = {
-  scene: CollisionScene
+  scene: CollisionSetup
   meshChildrenProvider: MeshChildrenProvider
 }
 

package/src/components/3d-viewport/collider/colliderShapeToBufferGeometry.ts

@@ -1,4 +1,4 @@
-import type { ColliderShape } from "@wandelbots/nova-js/v1"
+import type { ColliderShape } from "@wandelbots/nova-js/v2"
 import * as THREE from "three"
 import { ConvexGeometry } from "three-stdlib"
 

package/src/components/safetyBar/icons/index.ts

@@ -0,0 +1,10 @@
+export { default as ControllerTypePhysicalIcon } from "./controller-type-physical.svg"
+export { default as ControllerTypeVirtualIcon } from "./controller-type-virtual.svg"
+export { default as OperationModeAutomaticIcon } from "./operation-mode-automatic.svg"
+export { default as OperationModeErrorIcon } from "./operation-mode-error.svg"
+export { default as OperationModeManualIcon } from "./operation-mode-manual.svg"
+export { default as SafetyStateErrorIcon } from "./safety-state-error.svg"
+export { default as SafetyStateEstopIcon } from "./safety-state-estop.svg"
+export { default as SafetyStateManualActionRequiredIcon } from "./safety-state-manual-action-required.svg"
+export { default as SafetyStateNormalIcon } from "./safety-state-normal.svg"
+export { default as SafetyStateStopIcon } from "./safety-state-stop.svg"