@moises.ai/design-system 3.9.20 → 3.9.21

package/dist/index.js

@@ -2062,7 +2062,7 @@ const xi = In({
       },
       o.id || i
     );
-    return e ? /* @__PURE__ */ r(ft, { content: o.label, side: "right", children: u }, o.id || i) : u;
+    return e ? /* @__PURE__ */ r(ft, { content: o.label, side: "right", sideOffset: 5, children: u }, o.id || i) : u;
   }) }) : null;
 }, pA = "_bannerAnnouncement_1c5nw_1", AA = "_image_1c5nw_15", gA = "_closeButton_1c5nw_22", mA = "_children_1c5nw_34", fA = "_button_1c5nw_39", CA = "_badge_1c5nw_48", vA = "_badgeGreen_1c5nw_57", yA = "_badgeNeutral_1c5nw_61", et = {
   bannerAnnouncement: pA,
@@ -5407,7 +5407,7 @@ const Fv = "_navItem_6drgg_1", Pv = "_navItemIcon_6drgg_12", Wv = "_navItemConte
       },
       l.id
     );
-    return s ? /* @__PURE__ */ r(ft, { content: l.label, side: "right", children: u }, l.id) : u;
+    return s ? /* @__PURE__ */ r(ft, { content: l.label, side: "right", sideOffset: 5, children: u }, l.id) : u;
   }) });
 }, Gv = "(max-width: 768px)", Ki = (n = Gv) => {
   const [e, t] = L(() => typeof window > "u" ? !1 : window.matchMedia(n).matches);
@@ -5483,7 +5483,7 @@ const ay = ({
     Rn,
     {
       className: C(_e.profileMenu, n),
-      trigger: s && a ? /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(ft, { content: a, side: "right", children: h }) }) : h,
+      trigger: s && a ? /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r(ft, { content: a, side: "right", sideOffset: 5, children: h }) }) : h,
       options: t,
       side: l ? "top" : "right",
       ...i,
@@ -6486,7 +6486,7 @@ function ck({ onExpand: n, className: e, style: t, collapsed: s = !1, tooltip: a
       children: /* @__PURE__ */ r(v, { gap: "3", align: "center", className: Y.collapsedInner, children: /* @__PURE__ */ r("div", { className: Y.avatarSetlist, children: /* @__PURE__ */ r(ir, { width: 16, height: 16 }) }) })
     }
   );
-  return s && a ? /* @__PURE__ */ r(ft, { content: a, side: "right", children: o }) : o;
+  return s && a ? /* @__PURE__ */ r(ft, { content: a, side: "right", sideOffset: 15, children: o }) : o;
 }
 function dk({ onClick: n, className: e, collapsed: t = !1, text: s = "New Setlist" }) {
   return /* @__PURE__ */ r(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moises.ai/design-system",
-  "version": "3.9.20",
+  "version": "3.9.21",
   "description": "Design System package based on @radix-ui/themes with custom defaults",
   "private": false,
   "type": "module",

package/src/components/AdditionalItems/AdditionalItems.jsx

@@ -54,7 +54,7 @@ export const AdditionalItems = ({
           </Flex>
         )
         return collapsed ? (
-          <Tooltip key={item.id || index} content={item.label} side="right">
+          <Tooltip key={item.id || index} content={item.label} side="right" sideOffset={5}>
             {navItem}
           </Tooltip>
         ) : (

package/src/components/ProductsList/ProductsList.jsx

@@ -66,7 +66,7 @@ export const ProductsList = ({
           </Flex>
         )
         return collapsed ? (
-          <Tooltip key={product.id} content={product.label} side="right">
+          <Tooltip key={product.id} content={product.label} side="right" sideOffset={5}>
             {navItem}
           </Tooltip>
         ) : (

package/src/components/ProfileMenu/ProfileMenu.jsx

@@ -31,7 +31,7 @@ export const ProfileMenu = ({
       trigger={
         collapsed && tooltip ? (
           <div>
-            <Tooltip content={tooltip} side="right">
+            <Tooltip content={tooltip} side="right" sideOffset={5}>
               {trigger}
             </Tooltip>
           </div>

package/src/components/SetlistList/SetlistList.jsx

@@ -40,7 +40,7 @@ function SetlistExpandButton({ onExpand, className, style, collapsed = false, to
     </button>
   )
   return collapsed && tooltip ? (
-    <Tooltip content={tooltip} side="right">
+    <Tooltip content={tooltip} side="right" sideOffset={15}>
       {button}
     </Tooltip>
   ) : (