@wandelbots/wandelbots-js-react-components 5.5.0 → 5.5.1-pr.fix-standardize-output.591.1380385

package/dist/chunks/theming-Cw6qwBM7.js

@@ -0,0 +1,600 @@
+import { tryParseJson as b } from "@wandelbots/nova-js";
+import { runInAction as l, makeAutoObservable as C } from "mobx";
+import * as O from "three";
+import { j as k, t as w } from "./JoggingPanel-CQH_oXTB.js";
+import { createTheme as E } from "@mui/material/styles";
+const _ = 1e-4, A = {
+  a: 0,
+  d: 0,
+  alpha: 0,
+  theta: 0,
+  reverse_rotation_direction: !1
+};
+class v {
+  constructor(t, o, a, i, r, n, c, g, d, h) {
+    this.nova = t, this.controller = o, this.motionGroup = a, this.initialMotionState = i, this.motionStateSocket = r, this.isVirtual = n, this.tcps = c, this.description = g, this.initialControllerState = d, this.controllerStateSocket = h, this.connectedJoggingSocket = null, this.joggingVelocity = 10, this.activationState = "inactive", this.rapidlyChangingMotionState = i, this.controllerState = d, h.addEventListener("message", (u) => {
+      var p;
+      const s = (p = b(u.data)) == null ? void 0 : p.result;
+      s && l(() => {
+        this.controllerState = s;
+      });
+    }), r.addEventListener("message", (u) => {
+      var p;
+      const s = (p = b(u.data)) == null ? void 0 : p.result;
+      if (!s)
+        throw new Error(
+          `Failed to get motion state for ${this.motionGroupId}: ${u.data}`
+        );
+      k(
+        this.rapidlyChangingMotionState.joint_position,
+        s.joint_position,
+        _
+      ) || l(() => {
+        this.rapidlyChangingMotionState.joint_position = s.joint_position;
+      }), w(
+        this.rapidlyChangingMotionState,
+        s,
+        _
+      ) || l(() => {
+        this.rapidlyChangingMotionState.tcp_pose = s.tcp_pose;
+      }), this.rapidlyChangingMotionState.standstill !== s.standstill && l(() => {
+        this.rapidlyChangingMotionState.standstill = s.standstill;
+      });
+    }), C(this);
+  }
+  static async connectMultiple(t, o) {
+    return Promise.all(
+      o.map(
+        (a) => v.connect(t, a)
+      )
+    );
+  }
+  static async connect(t, o) {
+    var x, T;
+    const [a, i] = o.split("@"), r = await t.api.controller.getCurrentRobotControllerState(i), n = r == null ? void 0 : r.motion_groups.find(
+      (M) => M.motion_group === o
+    );
+    if (!r || !n)
+      throw new Error(
+        `Controller ${i} or motion group ${o} not found`
+      );
+    const c = t.openReconnectingWebsocket(
+      `/controllers/${i}/motion-groups/${o}/state-stream`
+    ), g = await c.firstMessage(), d = (x = b(g.data)) == null ? void 0 : x.result;
+    if (!d)
+      throw new Error(
+        `Unable to parse initial motion state message ${g.data}`
+      );
+    console.log(
+      `Connected motion state websocket to motion group ${n.motion_group}. Initial state:
+  `,
+      d
+    );
+    const u = (await t.api.controller.getRobotController(
+      r.controller
+    )).configuration.kind === "VirtualController", s = await t.api.motionGroup.getMotionGroupDescription(
+      i,
+      n.motion_group
+    ), p = Object.entries(s.tcps || {}).map(
+      ([M, f]) => ({
+        id: M,
+        readable_name: f.name,
+        position: f.pose.position,
+        orientation: f.pose.orientation
+      })
+    ), y = t.openReconnectingWebsocket(
+      `/controllers/${r.controller}/state-stream?response_rate=1000`
+    ), S = await y.firstMessage(), m = (T = b(S.data)) == null ? void 0 : T.result;
+    if (!m)
+      throw new Error(
+        `Unable to parse initial controller state message ${S.data}`
+      );
+    return console.log(
+      `Connected controller state websocket to controller ${r.controller}. Initial state:
+  `,
+      m
+    ), new v(
+      t,
+      r,
+      n,
+      d,
+      c,
+      u,
+      p,
+      s,
+      m,
+      y
+    );
+  }
+  get motionGroupId() {
+    return this.motionGroup.motion_group;
+  }
+  get controllerId() {
+    return this.controller.controller;
+  }
+  get modelFromController() {
+    return this.description.motion_group_model;
+  }
+  /** Jogging velocity in radians for rotation and joint movement */
+  get joggingVelocityRads() {
+    return this.joggingVelocity * Math.PI / 180;
+  }
+  get joints() {
+    return this.initialMotionState.joint_position.map((t, o) => ({
+      index: o
+    }));
+  }
+  // Please note that API v2 omits 0 values
+  get dhParameters() {
+    if (this.description.dh_parameters !== void 0)
+      return this.description.dh_parameters.map((t) => ({
+        ...A,
+        ...t
+      }));
+  }
+  get safetyZones() {
+    return this.description.safety_zones;
+  }
+  /** Gets the robot mounting position offset in 3D viz coordinates */
+  get mountingPosition() {
+    var t, o, a;
+    return this.description.mounting ? [
+      (((t = this.description.mounting.position) == null ? void 0 : t[0]) || 0) / 1e3,
+      (((o = this.description.mounting.position) == null ? void 0 : o[1]) || 0) / 1e3,
+      (((a = this.description.mounting.position) == null ? void 0 : a[2]) || 0) / 1e3
+    ] : [0, 0, 0];
+  }
+  /** Gets the robot mounting position rotation in 3D viz coordinates */
+  get mountingQuaternion() {
+    var i, r, n, c, g, d;
+    const t = new O.Vector3(
+      ((r = (i = this.description.mounting) == null ? void 0 : i.orientation) == null ? void 0 : r[0]) || 0,
+      ((c = (n = this.description.mounting) == null ? void 0 : n.orientation) == null ? void 0 : c[1]) || 0,
+      ((d = (g = this.description.mounting) == null ? void 0 : g.orientation) == null ? void 0 : d[2]) || 0
+    ), o = t.length(), a = t.normalize();
+    return new O.Quaternion().setFromAxisAngle(a, o);
+  }
+  /**
+   * Whether the controller is currently in a safety state
+   * corresponding to an emergency stop
+   */
+  get isEstopActive() {
+    return [
+      "SAFETY_STATE_ROBOT_EMERGENCY_STOP",
+      "SAFETY_STATE_DEVICE_EMERGENCY_STOP"
+    ].includes(this.controllerState.safety_state);
+  }
+  /**
+   * Whether the controller is in a safety state
+   * that may be non-functional for robot pad purposes
+   */
+  get isMoveableSafetyState() {
+    return [
+      "SAFETY_STATE_NORMAL",
+      "SAFETY_STATE_REDUCED"
+    ].includes(this.controllerState.safety_state);
+  }
+  /**
+   * Whether the controller is in an operation mode that allows movement
+   */
+  get isMoveableOperationMode() {
+    return [
+      "OPERATION_MODE_AUTO",
+      "OPERATION_MODE_MANUAL",
+      "OPERATION_MODE_MANUAL_T1",
+      "OPERATION_MODE_MANUAL_T2"
+    ].includes(this.controllerState.operation_mode);
+  }
+  /**
+   * Whether the robot is currently active and can be moved, based on the
+   * safety state, operation mode and servo toggle activation state.
+   */
+  get canBeMoved() {
+    return this.isMoveableSafetyState && this.isMoveableOperationMode && this.activationState === "active";
+  }
+  async deactivate() {
+    if (this.activationState !== "active") {
+      console.error("Tried to deactivate while already deactivating");
+      return;
+    }
+    l(() => {
+      this.activationState = "deactivating";
+    });
+    try {
+      await this.nova.api.controller.setDefaultMode(
+        this.controllerId,
+        "ROBOT_SYSTEM_MODE_MONITOR"
+      ), l(() => {
+        this.activationState = "inactive";
+      });
+    } catch (t) {
+      throw l(() => {
+        this.activationState = "active";
+      }), t;
+    }
+  }
+  async activate() {
+    if (this.activationState !== "inactive") {
+      console.error("Tried to activate while already activating");
+      return;
+    }
+    l(() => {
+      this.activationState = "activating";
+    });
+    try {
+      await this.nova.api.controller.setDefaultMode(
+        this.controllerId,
+        "ROBOT_SYSTEM_MODE_CONTROL"
+      ), l(() => {
+        this.activationState = "active";
+      });
+    } catch (t) {
+      throw l(() => {
+        this.activationState = "inactive";
+      }), t;
+    }
+  }
+  toggleActivation() {
+    this.activationState === "inactive" ? this.activate() : this.activationState === "active" && this.deactivate();
+  }
+  dispose() {
+    this.motionStateSocket.close(), this.connectedJoggingSocket && this.connectedJoggingSocket.close();
+  }
+  setJoggingVelocity(t) {
+    this.joggingVelocity = t;
+  }
+}
+function R() {
+  var t, o, a, i, r, n;
+  const e = E({
+    palette: {
+      mode: "dark",
+      text: {
+        primary: "rgba(255, 255, 255, 1)",
+        secondary: "rgba(255, 255, 255, 0.7)",
+        disabled: "rgba(255, 255, 255, 0.38)"
+      },
+      primary: {
+        main: "rgba(142, 86, 252, 1)",
+        dark: "rgba(136, 58, 255, 1)",
+        light: "rgba(157, 131, 246, 1)",
+        contrastText: "rgba(255, 255, 255, 0.87)"
+      },
+      secondary: {
+        main: "rgba(255, 255, 255, 1)",
+        dark: "rgba(255, 255, 255, 0.06)",
+        contrastText: "rgba(255, 255, 255, 0.87)"
+      },
+      tertiary: {
+        main: "rgba(100, 255, 218, 1)",
+        dark: "rgba(38, 166, 154, 1)",
+        light: "rgba(167, 255, 235, 1)",
+        contrastText: "rgba(0, 0, 0, 1)"
+      },
+      error: {
+        main: "rgba(239, 83, 80, 1)",
+        dark: "rgba(229, 57, 53, 1)",
+        light: "rgba(239, 154, 154, 1)",
+        contrastText: "rgba(255, 255, 255, 1)"
+      },
+      warning: {
+        main: "rgba(255, 171, 64, 1)",
+        dark: "rgba(255, 145, 0, 1)",
+        light: "rgba(255, 209, 128, 1)",
+        contrastText: "rgba(0, 0, 0, 0.87)"
+      },
+      success: {
+        main: "rgba(38, 166, 154, 1)",
+        dark: "rgba(0, 121, 107, 1)",
+        light: "rgba(128, 203, 196, 1)",
+        contrastText: "rgba(255, 255, 255, 0.87)"
+      },
+      background: {
+        default: "rgba(2, 6, 23, 1)",
+        paper: "rgba(17, 19, 31, 1)"
+      },
+      action: {
+        active: "rgba(255, 255, 255, 0.56)",
+        hover: "rgba(255, 255, 255, 0.08)",
+        selected: "rgba(255, 255, 255, 0.16)",
+        disabledBackground: "rgba(255, 255, 255, 0.12)",
+        focus: "rgba(255, 255, 255, 0.12)",
+        disabled: "rgba(255, 255, 255, 0.38)"
+      },
+      common: {
+        white: "rgba(255, 255, 255, 1)",
+        black: "rgba(0, 0, 0, 1)"
+      },
+      divider: "rgba(255, 255, 255, 0.12)",
+      backgroundPaperElevation: {
+        0: "rgba(17,19,31,1.0)",
+        1: "rgba(20,22,35,1.0)",
+        2: "rgba(23,25,39,1.0)",
+        3: "rgba(26,28,43,1.0)",
+        4: "rgba(29,31,47,1.0)",
+        5: "rgba(32,34,51,1.0)",
+        6: "rgba(35,37,55,1.0)",
+        7: "rgba(38,40,59,1.0)",
+        8: "rgba(41,43,63,1.0)",
+        9: "rgba(44,46,67,1.0)",
+        10: "rgba(47,49,71,1.0)",
+        11: "rgba(50,52,75,1.0)",
+        12: "rgba(53,55,79,1.0)",
+        13: "rgba(56,58,83,1.0)",
+        14: "rgba(59,61,87,1.0)",
+        15: "rgba(62,64,91,1.0)",
+        16: "rgba(57,63,87,1.0)"
+      }
+    },
+    paletteExt: {
+      primary: {
+        hover: "rgba(142, 86, 252, 0.08)",
+        selected: "rgba(142, 86, 252, 0.16)",
+        focus: "rgba(142, 86, 252, 0.12)",
+        focusVisible: "rgba(142, 86, 252, 0.3)",
+        outlineBorder: "rgba(142, 86, 252, 0.5)"
+      },
+      secondary: {
+        tonal: "rgba(255,255,255,0.1)"
+      }
+    }
+  });
+  return {
+    ...e,
+    components: {
+      MuiCssBaseline: {
+        styleOverrides: {
+          "html, body, *": {
+            scrollbarWidth: "none",
+            msOverflowStyle: "none"
+          },
+          "html:hover, body:hover, *:hover": {
+            scrollbarWidth: "thin",
+            scrollbarColor: `${e.palette.divider} transparent`
+          },
+          // Global styles for DataGrid filter popup
+          ".MuiDataGrid-panelContent": {
+            borderRadius: "16px !important",
+            "& .MuiPaper-root": {
+              borderRadius: "16px !important"
+            }
+          },
+          ".MuiDataGrid-filterForm": {
+            borderRadius: "16px !important",
+            "& .MuiInputBase-root": {
+              borderRadius: "16px !important",
+              "& fieldset": {
+                borderRadius: "16px !important"
+              },
+              "& .MuiOutlinedInput-notchedOutline": {
+                borderRadius: "16px !important"
+              }
+            },
+            "& .MuiTextField-root": {
+              "& .MuiInputBase-root": {
+                borderRadius: "16px !important",
+                "& fieldset": {
+                  borderRadius: "16px !important"
+                },
+                "& .MuiOutlinedInput-notchedOutline": {
+                  borderRadius: "16px !important"
+                }
+              }
+            }
+          },
+          ".MuiDataGrid-filterFormValueInput": {
+            "& .MuiInputBase-root": {
+              borderRadius: "16px !important",
+              "& fieldset": {
+                borderRadius: "16px !important"
+              },
+              "& .MuiOutlinedInput-notchedOutline": {
+                borderRadius: "16px !important"
+              }
+            }
+          }
+        }
+      },
+      MuiDataGrid: {
+        styleOverrides: {
+          root: {
+            // Main DataGrid styling can go here if needed
+          },
+          panelContent: {
+            borderRadius: "16px !important"
+          },
+          filterForm: {
+            "& .MuiInputBase-root": {
+              borderRadius: "10px !important",
+              "& fieldset": {
+                borderRadius: "10px !important"
+              },
+              "& .MuiOutlinedInput-notchedOutline": {
+                borderRadius: "10px !important"
+              }
+            }
+          },
+          filterFormValueInput: {
+            "& .MuiInputBase-root": {
+              borderRadius: "10px !important",
+              "& fieldset": {
+                borderRadius: "10px !important"
+              },
+              "& .MuiOutlinedInput-notchedOutline": {
+                borderRadius: "10px !important"
+              }
+            }
+          }
+        }
+      },
+      MuiButton: {
+        styleOverrides: {
+          root: {
+            textTransform: "none",
+            borderRadius: "10px"
+          }
+        },
+        variants: [
+          {
+            props: { color: "secondary", variant: "contained" },
+            style: {
+              border: `1px solid ${e.palette.divider}`,
+              background: (a = (o = (t = e.paletteExt) == null ? void 0 : t.secondary) == null ? void 0 : o.tonal) == null ? void 0 : a.toString()
+            }
+          },
+          {
+            props: { color: "secondary", variant: "outlined" },
+            style: {
+              border: `1px solid ${e.palette.divider}`
+            }
+          }
+        ]
+      },
+      MuiTab: {
+        styleOverrides: {
+          root: {
+            textTransform: "none",
+            color: e.palette.text.secondary,
+            "&.Mui-selected": {
+              color: e.palette.text.primary
+            }
+          }
+        }
+      },
+      MuiTabs: {
+        styleOverrides: {
+          root: {
+            background: (i = e.palette.backgroundPaperElevation) == null ? void 0 : i[1]
+          }
+        }
+      },
+      MuiToggleButtonGroup: {
+        styleOverrides: {
+          root: {
+            ".MuiToggleButtonGroup-firstButton": {
+              borderRadius: "10px 0 0 10px"
+            },
+            ".MuiToggleButtonGroup-lastButton": {
+              borderRadius: "0 10px 10px 0"
+            }
+          }
+        }
+      },
+      MuiToggleButton: {
+        styleOverrides: {
+          root: {
+            textTransform: "none",
+            padding: "6px 16px"
+          }
+        }
+      },
+      MuiSelect: {
+        variants: [
+          {
+            props: { variant: "filled" },
+            style: {
+              borderRadius: "10px",
+              "::before, ::after": {
+                visibility: "collapse"
+              },
+              ".MuiInputBase-input": {
+                padding: "6px 16px",
+                borderRadius: "10px"
+              }
+            }
+          }
+        ]
+      },
+      MuiDrawer: {
+        styleOverrides: {
+          paper: {
+            border: "none",
+            boxShadow: "4px 0 8px -4px rgba(0, 0, 0, 0.3)"
+          }
+        }
+      },
+      MuiFab: {
+        styleOverrides: {
+          root: {
+            background: (n = (r = e.paletteExt) == null ? void 0 : r.secondary) == null ? void 0 : n.tonal
+          }
+        },
+        variants: [
+          {
+            props: { color: "primary" },
+            style: {
+              background: e.palette.primary.main
+            }
+          }
+        ]
+      }
+    },
+    componentsExt: {
+      JoggingPanel: {
+        JoggingCartesian: {
+          Axis: {
+            X: {
+              backgroundColor: "rgba(215, 66, 56, 1)",
+              borderColor: "rgba(215, 66, 56, 1)",
+              buttonBackgroundColor: {
+                default: "rgba(241, 77, 66, 1)",
+                pressed: "rgba(138, 41, 35, 1)",
+                hovered: "rgba(241, 77, 66, 1)",
+                disabled: "rgba(241, 77, 66, 1)"
+              },
+              color: "rgba(255, 198, 198, 1)",
+              labelColor: e.palette.text.primary
+            },
+            Y: {
+              backgroundColor: "rgba(20, 151, 108, 1)",
+              borderColor: "rgba(20, 151, 108, 1)",
+              buttonBackgroundColor: {
+                default: "rgba(28, 188, 135, 1)",
+                pressed: "rgba(11, 89, 63, 1)",
+                disabled: "rgba(28, 188, 135, 1)",
+                hovered: "rgba(28, 188, 135, 1)"
+              },
+              color: "rgba(215, 255, 242, 1)",
+              labelColor: e.palette.text.primary
+            },
+            Z: {
+              backgroundColor: "rgba(1, 87, 155, 1)",
+              borderColor: "rgba(1, 87, 155, 1)",
+              buttonBackgroundColor: {
+                default: "rgba(2, 136, 209, 1)",
+                pressed: "rgba(2, 64, 114, 1)",
+                disabled: "rgba(2, 136, 209, 1)",
+                hovered: "rgba(2, 136, 209, 1)"
+              },
+              color: "rgba(210, 239, 255, 1)",
+              labelColor: e.palette.text.primary
+            }
+          }
+        },
+        JoggingJoint: {
+          Joint: {
+            arrowColor: e.palette.text.primary
+          }
+        },
+        VelocitySlider: {
+          sliderLegendColor: e.palette.text.primary
+        }
+      }
+    }
+  };
+}
+function I() {
+  const e = R();
+  return e.palette.mode = "light", e;
+}
+function N(e) {
+  var a, i, r, n;
+  let t = !0;
+  ((a = e.palette) == null ? void 0 : a.mode) === "light" ? t = !1 : ((i = e.palette) == null ? void 0 : i.mode) !== "dark" && (t = !(typeof window < "u" && ((n = (r = window.matchMedia) == null ? void 0 : r.call(window, "(prefers-color-scheme: light)")) == null ? void 0 : n.matches)));
+  const o = t ? R() : I();
+  return E(o, e);
+}
+export {
+  v as C,
+  N as c
+};

package/dist/chunks/wbLogo-CObCmqTw.js

@@ -0,0 +1,30 @@
+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
+};

package/dist/chunks/wbLogo-G_IfZ03l.cjs

@@ -0,0 +1 @@
+"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;

package/dist/components/3d-viewport/CoordinateSystemTransform.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react/jsx-runtime"),p=require("three"),x=({coordinateSystem:u,children:C})=>{var O,R,f,g,n,A,E,N,w,V;const I=new p.Vector3((((O=u==null?void 0:u.position)==null?void 0:O[0])??0)/1e3,(((R=u==null?void 0:u.position)==null?void 0:R[1])??0)/1e3,(((f=u==null?void 0:u.position)==null?void 0:f[2])??0)/1e3),l=u==null?void 0:u.orientation_type;let T;if(l==="QUATERNION")T=new p.Quaternion(((g=u==null?void 0:u.orientation)==null?void 0:g[0])??0,((n=u==null?void 0:u.orientation)==null?void 0:n[1])??0,((A=u==null?void 0:u.orientation)==null?void 0:A[2])??0,((E=u==null?void 0:u.orientation)==null?void 0:E[3])??1);else{l&&l!=="ROTATION_VECTOR"&&console.warn(`Unsupported orientation type ${l}. Only ROTATION_VECTOR and QUATERNION are supported.`);const _=new p.Vector3(((N=u==null?void 0:u.orientation)==null?void 0:N[0])??0,((w=u==null?void 0:u.orientation)==null?void 0:w[1])??0,((V=u==null?void 0:u.orientation)==null?void 0:V[2])??0),Q=_.length(),j=_.normalize();T=new p.Quaternion().setFromAxisAngle(j,Q)}return q.jsx("group",{position:I,quaternion:T,children:C})};exports.CoordinateSystemTransform=x;exports.default=x;

package/dist/components/3d-viewport/CoordinateSystemTransform.d.ts

@@ -9,4 +9,3 @@ export declare const CoordinateSystemTransform: ({ coordinateSystem, children, }
     children: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
 export default CoordinateSystemTransform;
-//# sourceMappingURL=CoordinateSystemTransform.d.ts.map

package/dist/components/3d-viewport/CoordinateSystemTransform.js

@@ -0,0 +1,37 @@
+import { jsx as j } from "react/jsx-runtime";
+import { Vector3 as V, Quaternion as C } from "three";
+const F = ({
+  coordinateSystem: p,
+  children: Q
+}) => {
+  var l, u, f, A, N, R, w, g, x, E;
+  const U = new V(
+    (((l = p == null ? void 0 : p.position) == null ? void 0 : l[0]) ?? 0) / 1e3,
+    (((u = p == null ? void 0 : p.position) == null ? void 0 : u[1]) ?? 0) / 1e3,
+    (((f = p == null ? void 0 : p.position) == null ? void 0 : f[2]) ?? 0) / 1e3
+  ), T = p == null ? void 0 : p.orientation_type;
+  let O;
+  if (T === "QUATERNION")
+    O = new C(
+      ((A = p == null ? void 0 : p.orientation) == null ? void 0 : A[0]) ?? 0,
+      ((N = p == null ? void 0 : p.orientation) == null ? void 0 : N[1]) ?? 0,
+      ((R = p == null ? void 0 : p.orientation) == null ? void 0 : R[2]) ?? 0,
+      ((w = p == null ? void 0 : p.orientation) == null ? void 0 : w[3]) ?? 1
+    );
+  else {
+    T && T !== "ROTATION_VECTOR" && console.warn(
+      `Unsupported orientation type ${T}. Only ROTATION_VECTOR and QUATERNION are supported.`
+    );
+    const I = new V(
+      ((g = p == null ? void 0 : p.orientation) == null ? void 0 : g[0]) ?? 0,
+      ((x = p == null ? void 0 : p.orientation) == null ? void 0 : x[1]) ?? 0,
+      ((E = p == null ? void 0 : p.orientation) == null ? void 0 : E[2]) ?? 0
+    ), _ = I.length(), h = I.normalize();
+    O = new C().setFromAxisAngle(h, _);
+  }
+  return /* @__PURE__ */ j("group", { position: U, quaternion: O, children: Q });
+};
+export {
+  F as CoordinateSystemTransform,
+  F as default
+};