@vkzstudio/muza-ui 1.9.1 → 1.9.2

package/dist/components/RatingBlock/RatingBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RatingBlock.d.ts","sourceRoot":"","sources":["../../../src/components/RatingBlock/RatingBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B;;GAEG;AACH,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9D,6EAA6E;IAC7E,KAAK,EAAE,MAAM,CAAA;IACb;;;;;;;OAOG;IACH,YAAY,EAAE,MAAM,CAAA;IACpB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uFAAuF;IACvF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACvC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAA;IAC9C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,WAAW,yFAwFhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"RatingBlock.d.ts","sourceRoot":"","sources":["../../../src/components/RatingBlock/RatingBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B;;GAEG;AACH,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9D,6EAA6E;IAC7E,KAAK,EAAE,MAAM,CAAA;IACb;;;;;;;OAOG;IACH,YAAY,EAAE,MAAM,CAAA;IACpB,sEAAsE;IACtE,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uFAAuF;IACvF,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;OAIG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IACvC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAA;IAC9C;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,QAAA,MAAM,WAAW,yFA8FhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/RatingBlock/RatingBlock.js

@@ -1,4 +1,4 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import * as n from "react";
 import { useMuzaTranslationContext as b } from "../../translations/TranslationContext.js";
 import { resolvePluralTemplate as M } from "../../translations/resolvePluralTemplate.js";
@@ -6,37 +6,37 @@ import { cn as p } from "../../utils/cn.js";
 import { Card as B } from "../Card/Card.js";
 import { Flex as C } from "../Flex/Flex.js";
 import { Rating as z } from "../Rating/Rating.js";
-import { Typography as u } from "../Typography/Typography.js";
+import { Typography as d } from "../Typography/Typography.js";
 const T = n.forwardRef(
   ({
-    value: i,
-    reviewsCount: d,
+    value: m,
+    reviewsCount: u,
     starCount: f = 5,
     allowHalf: x = !1,
     formatValue: e,
-    numberFormatOptions: m,
+    numberFormatOptions: i,
     countText: g,
-    emptyText: h,
-    className: k,
+    emptyText: k,
+    className: h,
     ...y
   }, v) => {
-    const { locale: t, translations: s } = b(), r = Math.max(0, Math.floor(d)), a = r === 0, l = n.useMemo(() => {
+    const { locale: t, translations: s } = b(), r = Math.max(0, Math.floor(u)), a = r === 0, c = n.useMemo(() => {
       if (e) return e;
       const N = new Intl.NumberFormat(t, {
         minimumFractionDigits: 1,
         maximumFractionDigits: 1,
-        ...m
+        ...i
       });
       return (R) => N.format(R);
-    }, [e, t, m])(a ? 0 : i), w = n.useMemo(
+    }, [e, t, i])(a ? 0 : m), w = n.useMemo(
       () => new Intl.NumberFormat(t).format(r),
       [t, r]
-    ), F = a ? h ?? s.ratingBlock.empty : (g ?? M(
+    ), F = a ? k ?? s.ratingBlock.empty : (g ?? M(
       r,
       t,
       s.ratingBlock.users
     )).replace("{count}", w);
-    return /* @__PURE__ */ c(
+    return /* @__PURE__ */ l(
       B,
       {
         ref: v,
@@ -44,11 +44,14 @@ const T = n.forwardRef(
         direction: "row",
         align: "center",
         gap: "xl",
-        className: p("w-full", k),
+        className: p(
+          "w-full rounded-xl px-comp-market-card-p-ver py-comp-market-card-p-hor",
+          h
+        ),
         ...y,
         children: [
           /* @__PURE__ */ o(
-            u,
+            d,
             {
               component: "span",
               variant: "title",
@@ -57,21 +60,21 @@ const T = n.forwardRef(
               className: p("text-text-dark-primary-def", {
                 "text-text-dark-disabled": a
               }),
-              children: l
+              children: c
             }
           ),
-          /* @__PURE__ */ c(C, { direction: "column", align: "start", gap: "2xs", children: [
+          /* @__PURE__ */ l(C, { direction: "column", align: "start", gap: "2xs", children: [
             /* @__PURE__ */ o(
               z,
               {
-                value: a ? 0 : i,
+                value: a ? 0 : m,
                 count: f,
                 allowHalf: x,
-                "aria-label": l
+                "aria-label": c
               }
             ),
             /* @__PURE__ */ o(
-              u,
+              d,
               {
                 component: "span",
                 variant: "body",

package/dist/components/Select/Select.d.ts

@@ -27,6 +27,32 @@ export interface ISelectOption {
  * @see ISelectOption
  */
 export interface ISelectProps {
+    /**
+     * `id` set on the trigger button, and the prefix of the generated label and hint
+     * ids. An external `<label htmlFor>` pointing at it forwards clicks to the trigger,
+     * but does not name it — a `<button>` takes its accessible name from
+     * `aria-labelledby`, `aria-label` or its own content, so pass `aria-labelledby`
+     * as well to label the select from outside.
+     * @default a generated id
+     */
+    id?: string;
+    /**
+     * Id(s) of element(s) labelling the trigger. Merged with the internal `label` id
+     * when both are present, so an external label can be added without losing the
+     * built-in one.
+     *
+     * @example
+     * ```tsx
+     * <span id="country-label">Country</span>
+     * <Select aria-labelledby="country-label" options={options} />
+     * ```
+     */
+    'aria-labelledby'?: string;
+    /**
+     * Id(s) of element(s) describing the trigger — an external tooltip or help text.
+     * Merged with the internal `hint` id when both are present.
+     */
+    'aria-describedby'?: string;
     /** Label text rendered above the trigger by `FormField`. */
     label?: string;
     /** Helper text rendered below the trigger. Switches to the error color when `error` is `true`. */

package/dist/components/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAcd;;;;;;;;;GASG;AACH,MAAM,WAAW,aAAa;IAC5B,+EAA+E;IAC/E,KAAK,EAAE,MAAM,CAAA;IACb,wFAAwF;IACxF,KAAK,EAAE,SAAS,CAAA;IAChB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iEAAiE;IACjE,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED;;;;GAIG;AACH,MAAM,WAAW,YAAY;IAC3B,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kGAAkG;IAClG,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kFAAkF;IAClF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iFAAiF;IACjF,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,oEAAoE;IACpE,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,kGAAkG;IAClG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qGAAqG;IACrG,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAClC;;;;;;;;;;;;OAYG;IACH,OAAO,EAAE,aAAa,EAAE,CAAA;IACxB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,gFAAgF;IAChF,4BAA4B,CAAC,EAAE,OAAO,CAAA;IACtC,oHAAoH;IACpH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,6HAA6H;IAC7H,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,sGAAsG;IACtG,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,MAAM,wFAoNlB,CAAA"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAcd;;;;;;;;;GASG;AACH,MAAM,WAAW,aAAa;IAC5B,+EAA+E;IAC/E,KAAK,EAAE,MAAM,CAAA;IACb,wFAAwF;IACxF,KAAK,EAAE,SAAS,CAAA;IAChB,4EAA4E;IAC5E,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,2FAA2F;IAC3F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iEAAiE;IACjE,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED;;;;GAIG;AACH,MAAM,WAAW,YAAY;IAC3B;;;;;;;OAOG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;;;;;;;;;OAUG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kGAAkG;IAClG,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kFAAkF;IAClF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iFAAiF;IACjF,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,oEAAoE;IACpE,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,6EAA6E;IAC7E,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,kGAAkG;IAClG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qGAAqG;IACrG,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAClC;;;;;;;;;;;;OAYG;IACH,OAAO,EAAE,aAAa,EAAE,CAAA;IACxB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,gFAAgF;IAChF,4BAA4B,CAAC,EAAE,OAAO,CAAA;IACtC,oHAAoH;IACpH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,6HAA6H;IAC7H,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,sGAAsG;IACtG,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,MAAM,wFAyOlB,CAAA"}

package/dist/components/Select/Select.js

@@ -1,34 +1,37 @@
-import { jsx as t, jsxs as N } from "react/jsx-runtime";
-import u, { forwardRef as B, useId as G, useMemo as L, useRef as z, useEffect as S } from "react";
-import { useMuzaTranslations as H } from "../../translations/TranslationContext.js";
-import { DropdownMenu as J, DropdownMenuTrigger as K, DropdownMenuContent as Q, DropdownMenuRadioGroup as U, DropdownMenuRadioItem as X } from "../DropdownMenu/DropdownMenu.js";
-import { Flex as Y } from "../Flex/Flex.js";
-import { FormField as Z } from "../FormField/FormField.js";
-import { Typography as l } from "../Typography/Typography.js";
-import { SelectTrigger as ee } from "./SelectTrigger.js";
-const te = B(
-  (T, p) => {
-    const m = H(), {
-      label: f,
-      hint: h,
-      error: g,
+import { jsx as t, jsxs as S } from "react/jsx-runtime";
+import p, { forwardRef as U, useId as X, useMemo as Y, useRef as T, useEffect as D } from "react";
+import { useMuzaTranslations as Z } from "../../translations/TranslationContext.js";
+import { DropdownMenu as ee, DropdownMenuTrigger as te, DropdownMenuContent as re, DropdownMenuRadioGroup as ne, DropdownMenuRadioItem as ie } from "../DropdownMenu/DropdownMenu.js";
+import { Flex as le } from "../Flex/Flex.js";
+import { FormField as oe } from "../FormField/FormField.js";
+import { Typography as o } from "../Typography/Typography.js";
+import { SelectTrigger as ae } from "./SelectTrigger.js";
+const se = U(
+  (B, m) => {
+    const f = Z(), {
+      id: F,
+      "aria-labelledby": j,
+      "aria-describedby": C,
+      label: h,
+      hint: g,
+      error: b,
       options: s,
       onChange: c,
       value: n,
       disabled: x,
-      prefix: D,
-      size: I,
-      placeholder: C,
-      emptyMessage: F,
-      shouldScrollToSelectedOption: b,
-      collisionPadding: O,
-      required: y,
-      disableRequiredAsterisk: W,
-      labelExtra: q,
-      infoTooltip: E
-    } = T, v = C ?? m.select.placeholder, P = F ?? m.select.noOptions, w = G(), V = f ? `${w}-label` : void 0, $ = h ? `${w}-hint` : void 0, r = n ? s.find((e) => e.value === n) : void 0, j = L(() => r ? r.description ? /* @__PURE__ */ N(Y, { flex: 1, direction: "column", className: "min-w-0 text-left", children: [
+      prefix: O,
+      size: W,
+      placeholder: q,
+      emptyMessage: E,
+      shouldScrollToSelectedOption: y,
+      collisionPadding: P,
+      required: v,
+      disableRequiredAsterisk: V,
+      labelExtra: $,
+      infoTooltip: k
+    } = B, w = q ?? f.select.placeholder, A = E ?? f.select.noOptions, L = X(), i = F ?? L, R = h ? `${i}-label` : void 0, M = g ? `${i}-hint` : void 0, N = [R, j].filter(Boolean), _ = N.length ? [...N, i].join(" ") : void 0, G = [M, C].filter(Boolean).join(" ") || void 0, r = n ? s.find((e) => e.value === n) : void 0, H = Y(() => r ? r.description ? /* @__PURE__ */ S(le, { flex: 1, direction: "column", className: "min-w-0 text-left", children: [
       /* @__PURE__ */ t(
-        l,
+        o,
         {
           size: "sm",
           variant: "title",
@@ -39,7 +42,7 @@ const te = B(
         }
       ),
       /* @__PURE__ */ t(
-        l,
+        o,
         {
           size: "sm",
           variant: "body",
@@ -50,7 +53,7 @@ const te = B(
         }
       )
     ] }) : typeof r.label != "function" ? /* @__PURE__ */ t(
-      l,
+      o,
       {
         size: "input",
         className: "grow-1 fix-y-text truncate text-left text-comp-select-text-primary",
@@ -59,99 +62,104 @@ const te = B(
         children: r.label
       }
     ) : r.label : /* @__PURE__ */ t(
-      l,
+      o,
       {
         size: "input",
         className: "grow-1 fix-y-text truncate text-left text-comp-select-text-placeholder",
         weight: "regular",
         component: "span",
-        children: v
+        children: w
       }
-    ), [r, v]), [R, k] = u.useState(!1), [M, A] = u.useState(0), a = u.useRef(!1), _ = z(null), d = z({}), i = (typeof p == "function" ? null : p) ?? _;
-    return S(() => {
+    ), [r, w]), [z, J] = p.useState(!1), [I, K] = p.useState(0), d = p.useRef(!1), Q = T(null), u = T({}), l = (typeof m == "function" ? null : m) ?? Q;
+    return D(() => {
       const e = () => {
-        i.current && A(i.current.offsetWidth);
+        l.current && K(l.current.offsetWidth);
       };
       e();
-      const o = new ResizeObserver(e);
-      return i.current && o.observe(i.current), () => {
-        o.disconnect();
+      const a = new ResizeObserver(e);
+      return l.current && a.observe(l.current), () => {
+        a.disconnect();
       };
-    }, [i]), S(() => {
+    }, [l]), D(() => {
       var e;
-      R && n && d.current[n] && b && ((e = d.current[n]) == null || e.scrollIntoView({ block: "nearest" }));
-    }, [R, b, n]), /* @__PURE__ */ t(
-      Z,
+      z && n && u.current[n] && y && ((e = u.current[n]) == null || e.scrollIntoView({ block: "nearest" }));
+    }, [z, y, n]), /* @__PURE__ */ t(
+      oe,
       {
-        label: f,
-        hint: h,
-        error: g,
-        required: y,
-        disableRequiredAsterisk: W,
-        labelId: V,
-        hintId: $,
-        labelExtra: q,
-        infoTooltip: E,
+        label: h,
+        hint: g,
+        error: b,
+        required: v,
+        disableRequiredAsterisk: V,
+        htmlFor: i,
+        labelId: R,
+        hintId: M,
+        labelExtra: $,
+        infoTooltip: k,
         className: "flex-1",
-        children: /* @__PURE__ */ N(
-          J,
+        children: /* @__PURE__ */ S(
+          ee,
           {
             onOpenChange: (e) => {
-              k(e);
+              J(e);
             },
             children: [
-              /* @__PURE__ */ t(K, { disabled: x, asChild: !0, children: /* @__PURE__ */ t(
-                ee,
+              /* @__PURE__ */ t(te, { disabled: x, asChild: !0, children: /* @__PURE__ */ t(
+                ae,
                 {
-                  ref: i,
+                  ref: l,
                   role: "input",
                   tabIndex: 0,
                   disabled: x,
-                  "aria-required": y,
-                  size: I,
-                  error: g,
-                  prefix: D,
+                  id: i,
+                  "aria-labelledby": _,
+                  "aria-describedby": G,
+                  "aria-required": v,
+                  size: W,
+                  error: b,
+                  prefix: O,
                   hasDescription: !!(r != null && r.description),
-                  children: j
+                  children: H
                 }
               ) }),
               /* @__PURE__ */ t(
-                Q,
+                re,
                 {
+                  "aria-labelledby": i,
                   className: "mt-1",
                   style: {
-                    width: M > 0 ? `${M}px` : void 0
+                    width: I > 0 ? `${I}px` : void 0
                   },
                   align: "center",
                   onCloseAutoFocus: (e) => {
-                    a.current || e.preventDefault(), a.current = !1;
+                    d.current || e.preventDefault(), d.current = !1;
                   },
-                  collisionPadding: O,
+                  collisionPadding: P,
                   children: s.length === 0 ? /* @__PURE__ */ t("div", { className: "px-lg py-md", role: "presentation", children: /* @__PURE__ */ t(
-                    l,
+                    o,
                     {
                       component: "span",
                       size: "input",
                       weight: "regular",
                       className: "text-comp-select-text-secondary",
-                      children: P
+                      children: A
                     }
                   ) }) : /* @__PURE__ */ t(
-                    U,
+                    ne,
                     {
                       value: n,
                       onValueChange: (e) => {
-                        a.current = !0, c == null || c(e);
+                        d.current = !0, c == null || c(e);
                       },
                       children: s.map((e) => /* @__PURE__ */ t(
-                        X,
+                        ie,
                         {
                           value: e.value.toString(),
                           disabled: e.disabled,
                           icon: e.icon,
                           description: e.description,
-                          ref: (o) => {
-                            d.current[e.value] = o;
+                          ref: (a) => {
+                            u.current[e.value] = a;
                           },
                           children: e.label
                         },
@@ -168,7 +176,7 @@ const te = B(
     );
   }
 );
-te.displayName = "Select";
+se.displayName = "Select";
 export {
-  te as Select
+  se as Select
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAU3D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAsI7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AA6BpC,eAAO,MAAM,OAAO,EAAE,KAwBrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA2BvB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA0B9B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA0BvB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAwB/B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA6DtB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0C7B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAgCzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAyBxB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAqDhC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAkCjC,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAoDrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAA"}
+{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAU3D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAwJ7B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAA;AA6BpC,eAAO,MAAM,OAAO,EAAE,KAwBrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA2BvB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA0B9B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA0BvB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAwB/B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KA6DtB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA0C7B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAgCzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAyBxB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAqDhC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAkCjC,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAoDrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAA"}

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

@@ -44,7 +44,12 @@ declare const Tooltip: ({ openOnClick, open: openProp, defaultOpen, onOpenChange
 /** Props for the TooltipTrigger. Element that displays the tooltip on hover/focus, or on click/tap when the root opts in via `openOnClick`. Use `asChild` for custom elements. */
 export type TooltipTriggerProps = React.ComponentProps<typeof TooltipPrimitive.Trigger>;
 declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-/** Props for the TooltipContent. Styled floating container with positioning and animations. */
+/**
+ * Props for the TooltipContent. Styled floating container with positioning and
+ * animations. Short text sizes the bubble to itself, long text wraps at the
+ * design system's maximum tooltip width; pass a `max-w-*` class via `className`
+ * to override that cap for a single tooltip.
+ */
 export interface TooltipContentProps extends React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content> {
     /** Preferred side of the trigger to render against. @default 'top' */
     side?: 'top' | 'right' | 'bottom' | 'left';

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AA+C3D,+FAA+F;AAC/F,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC;IACxE,kEAAkE;IAClE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,yFAAyF;IACzF,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,4FAA4F;IAC5F,uBAAuB,CAAC,EAAE,OAAO,CAAA;CAClC;AAED,QAAA,MAAM,eAAe,GAAI,cAAc,oBAAoB,4CAE1D,CAAA;AAED,uEAAuE;AACvE,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC;IAC1D,4CAA4C;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,yCAAyC;IACzC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,6EAA6E;IAC7E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC;;;;;;;;;;;;;;;OAeG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CAChC;AAED,QAAA,MAAM,OAAO,GAAI,gFAOd,YAAY,4CAyEd,CAAA;AAED,kLAAkL;AAClL,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CACpD,OAAO,gBAAgB,CAAC,OAAO,CAChC,CAAA;AAED,QAAA,MAAM,cAAc,sKAuClB,CAAA;AAGF,+FAA+F;AAC/F,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC;IACvE,sEAAsE;IACtE,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,iEAAiE;IACjE,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,QAAA,MAAM,cAAc,4FA0EnB,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAA;AA+C3D,+FAA+F;AAC/F,MAAM,WAAW,oBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC;IACxE,kEAAkE;IAClE,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,yFAAyF;IACzF,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,4FAA4F;IAC5F,uBAAuB,CAAC,EAAE,OAAO,CAAA;CAClC;AAED,QAAA,MAAM,eAAe,GAAI,cAAc,oBAAoB,4CAE1D,CAAA;AAED,uEAAuE;AACvE,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC;IAC1D,4CAA4C;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,gEAAgE;IAChE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,yCAAyC;IACzC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IACtC,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,6EAA6E;IAC7E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC;;;;;;;;;;;;;;;OAeG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CAChC;AAED,QAAA,MAAM,OAAO,GAAI,gFAOd,YAAY,4CAyEd,CAAA;AAED,kLAAkL;AAClL,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CACpD,OAAO,gBAAgB,CAAC,OAAO,CAChC,CAAA;AAED,QAAA,MAAM,cAAc,sKAuClB,CAAA;AAGF;;;;;GAKG;AACH,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC;IACvE,sEAAsE;IACtE,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,iEAAiE;IACjE,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,QAAA,MAAM,cAAc,4FA0EnB,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}

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"}