@vkzstudio/muza-ui 1.9.1 → 1.9.3

package/dist/components/Tooltip/Tooltip.js

@@ -1,8 +1,8 @@
 import { jsx as u, jsxs as N } from "react/jsx-runtime";
 import * as e from "react";
 import * as g from "@radix-ui/react-tooltip";
-import { useMuzaTranslationContext as D } from "../../translations/TranslationContext.js";
-import { cn as w } from "../../utils/cn.js";
+import { useMuzaTranslationContext as w } from "../../translations/TranslationContext.js";
+import { cn as D } from "../../utils/cn.js";
 import { XClose as C } from "../Icons/CustomIcons.js";
 import { Typography as j } from "../Typography/Typography.js";
 const M = () => {
@@ -24,13 +24,13 @@ const M = () => {
 }) => {
   const [T, p] = e.useState(
     b ?? !1
-  ), [s, n] = e.useState(!1), i = a !== void 0, l = i ? a : T, t = r === "touch", f = r === !0 || t && s, m = e.useRef(f);
+  ), [i, n] = e.useState(!1), s = a !== void 0, l = s ? a : T, t = r === "touch", f = r === !0 || t && i, m = e.useRef(f);
   m.current = f;
   const h = e.useRef(null), d = e.useCallback(
     (y) => {
-      i || p(y), o == null || o(y);
+      s || p(y), o == null || o(y);
     },
-    [i, o]
+    [s, o]
   ), v = e.useCallback(() => {
     m.current = !0, n(!0);
   }, []), k = e.useCallback(
@@ -65,14 +65,14 @@ const M = () => {
     detectTouch: x,
     clickModeRef: T,
     open: p,
-    setOpen: s,
+    setOpen: i,
     onTouchDetected: n,
-    triggerRef: i
+    triggerRef: s
   } = e.useContext(R), l = e.useCallback(
     (t) => {
-      i.current = t, typeof o == "function" ? o(t) : o && (o.current = t);
+      s.current = t, typeof o == "function" ? o(t) : o && (o.current = t);
     },
-    [o, i]
+    [o, s]
   );
   return /* @__PURE__ */ u(
     g.Trigger,
@@ -83,7 +83,7 @@ const M = () => {
         a == null || a(t), x && t.pointerType === "touch" && n();
       },
       onClick: (t) => {
-        r == null || r(t), T.current && s(!p);
+        r == null || r(t), T.current && i(!p);
       },
       ...b
     }
@@ -100,31 +100,31 @@ const O = e.forwardRef(
     "aria-label": x,
     ...T
   }, p) => {
-    const { clickMode: s, setOpen: n, triggerRef: i } = e.useContext(R), { translations: l } = D(), t = o ?? l.tooltip.closeAriaLabel, f = x ?? (s && typeof a == "string" ? a : void 0);
+    const { clickMode: i, setOpen: n, triggerRef: s } = e.useContext(R), { translations: l } = w(), t = o ?? l.tooltip.closeAriaLabel, f = x ?? (i && typeof a == "string" ? a : void 0);
     return /* @__PURE__ */ N(
       g.Content,
       {
         ref: p,
         sideOffset: b,
         "aria-label": f,
-        className: w(
-          "relative z-50 origin-[--radix-tooltip-content-transform-origin] animate-in overflow-hidden rounded-comp-tooltip-radius bg-surface-brand-brand-tertiary py-comp-tooltip-p-ver text-text-brand-def fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+        className: D(
+          "relative z-50 max-w-comp-tooltip-w-max origin-[--radix-tooltip-content-transform-origin] animate-in overflow-hidden rounded-comp-tooltip-radius bg-surface-brand-brand-tertiary py-comp-tooltip-p-ver text-text-brand-def fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
           // Click mode reserves extra right padding for the close button.
-          s ? "pr-comp-tooltip-p-right pl-comp-tooltip-p-left" : "px-comp-tooltip-p-left",
+          i ? "pr-comp-tooltip-p-right pl-comp-tooltip-p-left" : "px-comp-tooltip-p-left",
           r
         ),
         ...T,
-        ...s && {
+        ...i && {
           onEscapeKeyDown: () => n(!1),
           onPointerDownOutside: (m) => {
             var d;
             const h = m.detail.originalEvent.target;
-            h && ((d = i.current) != null && d.contains(h)) || n(!1);
+            h && ((d = s.current) != null && d.contains(h)) || n(!1);
           }
         },
         children: [
           /* @__PURE__ */ u(j, { component: "span", variant: "body", weight: "regular", size: "sm", children: a }),
-          s && /* @__PURE__ */ u(
+          i && /* @__PURE__ */ u(
             "button",
             {
               type: "button",

package/dist/components/Tooltip/Tooltip.stories.d.ts

@@ -5,6 +5,7 @@ export default meta;
 type Story = StoryObj<typeof Tooltip>;
 export declare const DefaultTooltipComponent: Story;
 export declare const OpenState: Story;
+export declare const AvailableWidth: Story;
 export declare const OpenOnTouch: Story;
 export declare const OpenOnClick: Story;
 export declare const PrefferedSideBottom: Story;

package/dist/components/Tooltip/Tooltip.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAK3D,OAAO,EACL,OAAO,EAIR,MAAM,WAAW,CAAA;AAElB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAwD9B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAA;AAErC,eAAO,MAAM,uBAAuB,EAAE,KAqBrC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAsBvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAsBzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAkCzB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAsBjC,CAAA"}
+{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAK3D,OAAO,EACL,OAAO,EAIR,MAAM,WAAW,CAAA;AAElB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CA0D9B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAA;AAErC,eAAO,MAAM,uBAAuB,EAAE,KAqBrC,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAsBvB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAwB5B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAsBzB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAkCzB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAsBjC,CAAA"}