this.gui 1.3.54 → 1.3.55

package/dist/this.gui.es.js

@@ -9021,26 +9021,39 @@ const O8 = ({
   icon: e,
   iconColor: n,
   onClick: f,
-  active: t = !1,
-  className: r,
-  style: s,
-  view: v
+  element: t,
+  active: r = !1,
+  className: s,
+  style: v,
+  view: z
 }) => {
-  const z = /* @__PURE__ */ g(
+  const u = !!t, b = u ? /* @__PURE__ */ a(
+    G,
+    {
+      sx: {
+        display: "flex",
+        justifyContent: z === "rail" ? "center" : "flex-start",
+        alignItems: "center",
+        width: "100%",
+        px: z === "rail" ? 0 : 1.23
+      },
+      children: t
+    }
+  ) : /* @__PURE__ */ g(
     G,
     {
       sx: {
         display: "flex",
         gap: 1.123,
-        justifyContent: v === "rail" ? "center" : "flex-start",
+        justifyContent: z === "rail" ? "center" : "flex-start",
         alignItems: "center",
         width: "100%",
-        textAlign: v === "rail" ? "center" : "left",
-        px: v === "rail" ? 0 : 1.23
+        textAlign: z === "rail" ? "center" : "left",
+        px: z === "rail" ? 0 : 1.23
       },
       children: [
-        /* @__PURE__ */ a($, { name: e ?? "", iconColor: n || (t ? "primary.main" : void 0) }),
-        v !== "rail" && /* @__PURE__ */ a(
+        /* @__PURE__ */ a($, { name: e ?? "", iconColor: n || (r ? "primary.main" : void 0) }),
+        z !== "rail" && /* @__PURE__ */ a(
           Q,
           {
             variant: "body2",
@@ -9048,53 +9061,53 @@ const O8 = ({
               whiteSpace: "nowrap",
               overflow: "hidden",
               textOverflow: "ellipsis",
-              color: t ? "primary.main" : "text.primary"
+              color: r ? "primary.main" : "text.primary"
             },
             children: A
           }
         )
       ]
     }
-  );
+  ), P = z === "rail" && A ? /* @__PURE__ */ a(
+    qA,
+    {
+      title: A,
+      placement: "left",
+      arrow: !0,
+      slotProps: { tooltip: { sx: { fontSize: "0.9rem", py: 0.5, px: 1 } } },
+      children: b
+    }
+  ) : b;
   return /* @__PURE__ */ a(
     G,
     {
-      component: "button",
+      component: u ? "div" : "button",
       onClick: f,
-      className: PA("RightSidebarAction", r),
-      style: s,
+      className: PA("RightSidebarAction", s),
+      style: v,
       sx: {
         p: 1.123,
         display: "flex",
         flexDirection: "column",
-        alignItems: v === "rail" ? "center" : "flex-start",
+        alignItems: z === "rail" ? "center" : "flex-start",
         borderRight: 2,
-        borderRightColor: t ? "primary.main" : "transparent",
+        borderRightColor: r ? "primary.main" : "transparent",
         borderRightStyle: "solid",
-        cursor: "pointer",
-        backgroundColor: t ? "action.selected" : "transparent",
+        backgroundColor: r ? "action.selected" : "transparent",
         "&:hover": {
           backgroundColor: "action.hover",
           borderRightColor: "primary.main"
         },
-        color: t ? "primary.main" : "text.primary",
+        color: r ? "primary.main" : "text.primary",
+        cursor: u && !f ? "default" : "pointer",
         width: "100%",
-        textAlign: v === "rail" ? "center" : "left",
+        textAlign: z === "rail" ? "center" : "left",
         outline: "none",
         border: "none"
       },
-      "aria-pressed": t,
-      type: "button",
-      children: v === "rail" ? /* @__PURE__ */ a(
-        qA,
-        {
-          title: A,
-          placement: "left",
-          arrow: !0,
-          slotProps: { tooltip: { sx: { fontSize: "0.9rem", py: 0.5, px: 1 } } },
-          children: z
-        }
-      ) : z
+      "aria-pressed": u ? void 0 : r,
+      type: u ? void 0 : "button",
+      children: P
     }
   );
 }, mn = ({ expanded: A, onToggle: e }) => /* @__PURE__ */ a(

package/dist/types/src/gui/Layout/Sidebars/RightSidebar/components/RightSidebarAction/RightSidebarAction.d.ts

@@ -5,6 +5,7 @@ export type RightSidebarActionProps = {
     icon?: string;
     iconColor?: string;
     onClick?: () => void;
+    element?: React.ReactNode;
     active?: boolean;
     className?: string;
     style?: React.CSSProperties;

package/dist/types/src/gui/Layout/Sidebars/RightSidebar/components/RightSidebarAction/RightSidebarAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RightSidebarAction.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/gui/Layout/Sidebars/RightSidebar/components/RightSidebarAction/RightSidebarAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,EAAE,gBAAgB,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAkFzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"RightSidebarAction.d.ts","sourceRoot":"","sources":["../../../../../../../../../src/gui/Layout/Sidebars/RightSidebar/components/RightSidebarAction/RightSidebarAction.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAEjE,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,EAAE,gBAAgB,CAAC;CACxB,CAAC;AAEF,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmGzD,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "this.gui",
   "private": false,
-  "version": "1.3.54",
+  "version": "1.3.55",
   "type": "module",
   "main": "./dist/this.gui.cjs",
   "module": "./dist/this.gui.es.js",