@vkzstudio/muza-ui 1.9.0 → 1.9.2

package/dist/components/FormField/FormField.js

@@ -1,9 +1,9 @@
 import { jsxs as e, jsx as o } from "react/jsx-runtime";
 import { forwardRef as N } from "react";
-import { cn as g } from "../../utils/cn.js";
-import { InfoCircleBold as j } from "@solar-icons/react-perf";
-import { Tooltip as C, TooltipTrigger as F, TooltipContent as T } from "../Tooltip/Tooltip.js";
-import { InputHint as w } from "./InputHint.js";
+import { cn as w } from "../../utils/cn.js";
+import { InfoCircleBold as g } from "@solar-icons/react-perf";
+import { Tooltip as j, TooltipTrigger as C, TooltipContent as F } from "../Tooltip/Tooltip.js";
+import { InputHint as T } from "./InputHint.js";
 import { InputLabel as s } from "./InputLabel.js";
 const y = N(
   ({
@@ -11,8 +11,8 @@ const y = N(
     label: r,
     hint: c,
     error: a,
-    required: t,
-    disableRequiredAsterisk: m,
+    required: m,
+    disableRequiredAsterisk: t,
     htmlFor: n,
     labelId: p,
     hintId: x,
@@ -21,25 +21,25 @@ const y = N(
     labelRight: i,
     className: v
   }, u) => {
-    const f = h ?? (d ? /* @__PURE__ */ e(C, { children: [
-      /* @__PURE__ */ o(F, { asChild: !0, children: /* @__PURE__ */ o(j, { className: "cursor-help text-comp-info-ico-def hover:text-comp-info-ico-hover" }) }),
-      /* @__PURE__ */ o(T, { children: d })
+    const f = h ?? (d ? /* @__PURE__ */ e(j, { children: [
+      /* @__PURE__ */ o(C, { asChild: !0, children: /* @__PURE__ */ o(g, { className: "cursor-help text-comp-info-ico-def hover:text-comp-info-ico-hover" }) }),
+      /* @__PURE__ */ o(F, { children: d })
     ] }) : void 0);
     return /* @__PURE__ */ e(
       "div",
       {
         ref: u,
-        className: g("flex flex-col gap-comp-input-gap", v),
+        className: w("flex min-w-0 flex-col gap-comp-input-gap", v),
         children: [
           (r || i) && (f || i ? /* @__PURE__ */ e("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ e("div", { className: "flex items-center gap-2xs", children: [
+            /* @__PURE__ */ e("div", { className: "flex min-w-0 items-center gap-2xs", children: [
               r && /* @__PURE__ */ o(
                 s,
                 {
                   htmlFor: n,
                   id: p,
-                  required: t,
-                  disableRequiredAsterisk: m,
+                  required: m,
+                  disableRequiredAsterisk: t,
                   children: r
                 }
               ),
@@ -51,13 +51,13 @@ const y = N(
             {
               htmlFor: n,
               id: p,
-              required: t,
-              disableRequiredAsterisk: m,
+              required: m,
+              disableRequiredAsterisk: t,
               children: r
             }
           )),
           l,
-          c && /* @__PURE__ */ o(w, { error: a, id: x, children: c })
+          c && /* @__PURE__ */ o(T, { error: a, id: x, children: c })
         ]
       }
     );

package/dist/components/FormField/InputLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputLabel.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/InputLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGtC,MAAM,WAAW,eAAe;IAC9B,0BAA0B;IAC1B,QAAQ,EAAE,SAAS,CAAA;IACnB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qEAAqE;IACrE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,UAAU,GAAI,0EAOxB,eAAe,4CAcjB,CAAA"}
+{"version":3,"file":"InputLabel.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/InputLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAItC,MAAM,WAAW,eAAe;IAC9B,0BAA0B;IAC1B,QAAQ,EAAE,SAAS,CAAA;IACnB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qEAAqE;IACrE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,+DAA+D;IAC/D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,UAAU,GAAI,0EAOxB,eAAe,4CAoCjB,CAAA"}

package/dist/components/FormField/InputLabel.js

@@ -1,27 +1,37 @@
-import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import { Typography as a } from "../Typography/Typography.js";
-const c = ({
-  children: e,
-  htmlFor: r,
-  id: t,
-  required: o,
-  disableRequiredAsterisk: p,
-  className: s
-}) => /* @__PURE__ */ m(
-  a,
-  {
-    component: "label",
-    weight: "regular",
-    size: "sm",
-    htmlFor: r,
-    id: t,
-    className: s,
-    children: [
-      e,
-      o && !p && /* @__PURE__ */ n("span", { className: "text-comp-input-text-error", children: " *" })
-    ]
-  }
-);
+import { jsx as e, jsxs as r, Fragment as l } from "react/jsx-runtime";
+import { cn as p } from "../../utils/cn.js";
+import { Typography as h } from "../Typography/Typography.js";
+const f = ({
+  children: s,
+  htmlFor: a,
+  id: o,
+  required: i,
+  disableRequiredAsterisk: c,
+  className: m
+}) => {
+  const n = i && !c, t = n && typeof s == "string" ? s.match(/^([\s\S]*\s)?(\S+)\s*$/) : null;
+  return /* @__PURE__ */ e(
+    h,
+    {
+      component: "label",
+      weight: "regular",
+      size: "sm",
+      htmlFor: a,
+      id: o,
+      className: p("block min-w-0 overflow-hidden text-ellipsis", m),
+      children: t ? /* @__PURE__ */ r(l, { children: [
+        t[1],
+        /* @__PURE__ */ r("span", { className: "inline-flex max-w-full", children: [
+          /* @__PURE__ */ e("span", { className: "truncate", children: t[2] }),
+          /* @__PURE__ */ e("span", { className: "shrink-0 text-comp-input-text-error", children: " *" })
+        ] })
+      ] }) : /* @__PURE__ */ r(l, { children: [
+        s,
+        n && /* @__PURE__ */ e("span", { className: "text-comp-input-text-error", children: " *" })
+      ] })
+    }
+  );
+};
 export {
-  c as InputLabel
+  f as InputLabel
 };

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

@@ -7,6 +7,7 @@ export declare const Default: Story;
 export declare const InputWithPrefixAndSuffix: Story;
 export declare const InputWithLabelAndHint: Story;
 export declare const InputWithError: Story;
+export declare const LongLabel: Story;
 export declare const DisabledInput: Story;
 export declare const InputWithMask: Story;
 export declare const InputWithSerialNumberMask: Story;

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

@@ -1 +1 @@
-{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAgK5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAGnC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KAgBtC,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAgBnC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAyB3B,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,KAyBvC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAsBtB,CAAA"}
+{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAgK5B,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAGnC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,wBAAwB,EAAE,KAgBtC,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAgBnC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAgB5B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KA4BvB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAyB3B,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,KAyBvC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAqBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAsBtB,CAAA"}

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