@vkzstudio/muza-ui 1.0.19 → 1.0.21

package/dist/components/MultiSelect/MultiSelect.js

@@ -1,21 +1,21 @@
 import { jsx as r, jsxs as u } from "react/jsx-runtime";
-import f, { forwardRef as F, useId as V, useMemo as T, useRef as $, useEffect as E } from "react";
-import { triggerWrapperVariants as _ } from "../Select/utils.js";
-import { useMuzaTranslations as B } from "../../translations/TranslationContext.js";
+import f, { forwardRef as V, useId as $, useMemo as T, useRef as _, useEffect as B } from "react";
+import { triggerWrapperVariants as L } from "../Select/utils.js";
+import { useMuzaTranslations as P } from "../../translations/TranslationContext.js";
 import { Tag as p } from "../Tag/Tag.js";
-import { FormField as L } from "../FormField/FormField.js";
-import { DropdownMenu as P, DropdownMenuTrigger as U, DropdownMenuContent as G, DropdownMenuCheckboxItem as H } from "../DropdownMenu/DropdownMenu.js";
-import { Typography as J } from "../Typography/Typography.js";
-import { AltArrowUpOutline as K } from "@solar-icons/react-perf";
-import { cn as Q } from "../../utils/cn.js";
-const X = F(
+import { FormField as U } from "../FormField/FormField.js";
+import { DropdownMenu as G, DropdownMenuTrigger as H, DropdownMenuContent as J, DropdownMenuCheckboxItem as K } from "../DropdownMenu/DropdownMenu.js";
+import { Typography as Q } from "../Typography/Typography.js";
+import { AltArrowUpOutline as X } from "@solar-icons/react-perf";
+import { cn as Y } from "../../utils/cn.js";
+const Z = V(
   (I, h) => {
-    const z = B(), {
+    const z = P(), {
       label: x,
       hint: g,
       error: b,
       options: c,
-      onChange: s,
+      onChange: l,
       value: t,
       disabled: o,
       prefix: d,
@@ -23,25 +23,27 @@ const X = F(
       size: D,
       placeholder: S,
       required: v,
-      disableRequiredAsterisk: W
-    } = I, w = S ?? z.select.placeholder, N = V(), k = x ? `${N}-label` : void 0, A = g ? `${N}-hint` : void 0, M = T(() => new Map(c.map((e) => [e.value, e.label])), [c]), C = T(() => {
+      disableRequiredAsterisk: W,
+      labelExtra: k,
+      infoTooltip: A
+    } = I, w = S ?? z.select.placeholder, N = $(), C = x ? `${N}-label` : void 0, O = g ? `${N}-hint` : void 0, M = T(() => new Map(c.map((e) => [e.value, e.label])), [c]), j = T(() => {
       const e = t && t.map((n) => M.get(n));
-      return e != null && e.length ? e.length <= i ? /* @__PURE__ */ r("div", { className: "flex flex-1 items-start justify-start gap-xs", children: e.map((n, a) => /* @__PURE__ */ r(p, { variant: "info", className: "max-w-[72px]", children: n }, a)) }) : /* @__PURE__ */ r("div", { className: "flex flex-1 items-center gap-xs", children: [
-        ...e.slice(0, i).map((n, a) => /* @__PURE__ */ r(
+      return e != null && e.length ? e.length <= i ? /* @__PURE__ */ r("div", { className: "flex flex-1 items-start justify-start gap-xs", children: e.map((n, s) => /* @__PURE__ */ r(p, { variant: "info", className: "max-w-[72px]", children: n }, s)) }) : /* @__PURE__ */ r("div", { className: "flex flex-1 items-center gap-xs", children: [
+        ...e.slice(0, i).map((n, s) => /* @__PURE__ */ r(
           p,
           {
             variant: "info",
             className: "max-w-[72px] overflow-hidden",
             children: /* @__PURE__ */ r("span", { className: "truncate", children: n })
           },
-          a
+          s
         )),
         /* @__PURE__ */ u(p, { variant: "info", children: [
           e.length - i,
           "+"
         ] }, "more")
       ] }) : /* @__PURE__ */ r(
-        J,
+        Q,
         {
           size: "input",
           className: "grow-1 fix-y-text truncate text-left text-comp-select-text-placeholder",
@@ -50,43 +52,45 @@ const X = F(
           children: w
         }
       );
-    }, [t, w, i, M]), [y, O] = f.useState(!1), [R, j] = f.useState(0), m = f.useRef(!1), q = $(null), l = (typeof h == "function" ? null : h) ?? q;
-    return E(() => {
+    }, [t, w, i, M]), [y, q] = f.useState(!1), [R, E] = f.useState(0), m = f.useRef(!1), F = _(null), a = (typeof h == "function" ? null : h) ?? F;
+    return B(() => {
       const e = () => {
-        l.current && j(l.current.offsetWidth);
+        a.current && E(a.current.offsetWidth);
       };
       e();
       const n = new ResizeObserver(e);
-      return l.current && n.observe(l.current), () => {
+      return a.current && n.observe(a.current), () => {
         n.disconnect();
       };
-    }, [l]), /* @__PURE__ */ r(
-      L,
+    }, [a]), /* @__PURE__ */ r(
+      U,
       {
         label: x,
         hint: g,
         error: b,
         required: v,
         disableRequiredAsterisk: W,
-        labelId: k,
-        hintId: A,
+        labelId: C,
+        hintId: O,
+        labelExtra: k,
+        infoTooltip: A,
         children: /* @__PURE__ */ u(
-          P,
+          G,
           {
             onOpenChange: (e) => {
-              O(e);
+              q(e);
             },
             children: [
-              /* @__PURE__ */ r(U, { disabled: o, asChild: !0, children: /* @__PURE__ */ r(
+              /* @__PURE__ */ r(H, { disabled: o, asChild: !0, children: /* @__PURE__ */ r(
                 "button",
                 {
-                  ref: l,
+                  ref: a,
                   type: "button",
                   role: "input",
                   tabIndex: 0,
                   disabled: o,
                   "aria-required": v,
-                  className: _({
+                  className: L({
                     size: D,
                     error: b,
                     expanded: y,
@@ -100,11 +104,11 @@ const X = F(
                         children: d
                       }
                     ),
-                    C,
+                    j,
                     /* @__PURE__ */ r(
-                      K,
+                      X,
                       {
-                        className: Q(
+                        className: Y(
                           "transition-transform duration-200",
                           y ? "rotate-0" : "rotate-180"
                         )
@@ -114,7 +118,7 @@ const X = F(
                 }
               ) }),
               /* @__PURE__ */ r(
-                G,
+                J,
                 {
                   className: "mt-1",
                   style: {
@@ -124,13 +128,13 @@ const X = F(
                     m.current || e.preventDefault(), m.current = !1;
                   },
                   children: c.map((e) => /* @__PURE__ */ r(
-                    H,
+                    K,
                     {
                       checked: t == null ? void 0 : t.includes(e.value),
                       disabled: e.disabled,
                       icon: e.icon,
                       onCheckedChange: (n) => {
-                        n ? s == null || s([...t || [], e.value]) : s == null || s((t || []).filter((a) => a !== e.value)), m.current = !0;
+                        n ? l == null || l([...t || [], e.value]) : l == null || l((t || []).filter((s) => s !== e.value)), m.current = !0;
                       },
                       children: e.label
                     },
@@ -145,7 +149,7 @@ const X = F(
     );
   }
 );
-X.displayName = "MultiSelect";
+Z.displayName = "MultiSelect";
 export {
-  X as MultiSelect
+  Z as MultiSelect
 };

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.stories.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelect.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAqB3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAgHlC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAsBlC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAiB9B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAkBvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAiDtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAoBzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAqB5B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KA2C5B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAoDhC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAkCjC,CAAA"}
+{"version":3,"file":"MultiSelect.stories.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelect.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAqB3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAsHlC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAsBlC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAmB9B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAkBvB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAiDtB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAoBzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAqB5B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KA2C5B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAoDhC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAkCjC,CAAA"}

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

@@ -46,6 +46,10 @@ export interface ISelectProps {
     shouldScrollToSelectedOption?: boolean;
     /** Distance in pixels from viewport edge before the dropdown repositions. Passed to Radix collision padding. */
     collisionPadding?: number;
+    /** Extra content rendered inline next to the label (e.g. a tooltip icon). */
+    labelExtra?: ReactNode;
+    /** Tooltip content shown in an info icon next to the label. Overridden by `labelExtra` if both are provided. */
+    infoTooltip?: string;
 }
 export declare const Select: React.ForwardRefExoticComponent<ISelectProps & React.RefAttributes<HTMLButtonElement>>;
 //# sourceMappingURL=Select.d.ts.map

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;AAed,uDAAuD;AACvD,MAAM,WAAW,YAAY;IAC3B,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2FAA2F;IAC3F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gFAAgF;IAChF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,kDAAkD;IAClD,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,sFAAsF;IACtF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B;;;;;;;;;;OAUG;IACH,OAAO,EAAE,KAAK,CAAC;QACb,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,SAAS,CAAA;QAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB,CAAC,CAAA;IACF,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,8EAA8E;IAC9E,4BAA4B,CAAC,EAAE,OAAO,CAAA;IACtC,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,eAAO,MAAM,MAAM,wFAsLlB,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;AAed,uDAAuD;AACvD,MAAM,WAAW,YAAY;IAC3B,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2FAA2F;IAC3F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,gFAAgF;IAChF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,kDAAkD;IAClD,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,2DAA2D;IAC3D,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,sFAAsF;IACtF,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B;;;;;;;;;;OAUG;IACH,OAAO,EAAE,KAAK,CAAC;QACb,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,EAAE,SAAS,CAAA;QAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB,CAAC,CAAA;IACF,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,8EAA8E;IAC9E,4BAA4B,CAAC,EAAE,OAAO,CAAA;IACtC,gHAAgH;IAChH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,gHAAgH;IAChH,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,MAAM,wFA0LlB,CAAA"}

package/dist/components/Select/Select.js

@@ -1,15 +1,15 @@
 import { jsx as t, jsxs as y } from "react/jsx-runtime";
-import u, { forwardRef as j, useId as k, useMemo as E, useRef as N, useEffect as S } from "react";
-import { triggerWrapperVariants as P } from "./utils.js";
-import { useMuzaTranslations as _ } from "../../translations/TranslationContext.js";
-import { FormField as B } from "../FormField/FormField.js";
-import { Typography as I } from "../Typography/Typography.js";
-import { DropdownMenu as G, DropdownMenuTrigger as L, DropdownMenuContent as U, DropdownMenuRadioGroup as H, DropdownMenuRadioItem as J } from "../DropdownMenu/DropdownMenu.js";
-import { AltArrowUpOutline as K } from "@solar-icons/react-perf";
-import { cn as Q } from "../../utils/cn.js";
-const X = j(
-  (M, p) => {
-    const T = _(), {
+import u, { forwardRef as k, useId as P, useMemo as _, useRef as N, useEffect as S } from "react";
+import { triggerWrapperVariants as B } from "./utils.js";
+import { useMuzaTranslations as G } from "../../translations/TranslationContext.js";
+import { FormField as L } from "../FormField/FormField.js";
+import { Typography as T } from "../Typography/Typography.js";
+import { DropdownMenu as U, DropdownMenuTrigger as H, DropdownMenuContent as J, DropdownMenuRadioGroup as K, DropdownMenuRadioItem as Q } from "../DropdownMenu/DropdownMenu.js";
+import { AltArrowUpOutline as X } from "@solar-icons/react-perf";
+import { cn as Y } from "../../utils/cn.js";
+const Z = k(
+  (I, p) => {
+    const M = G(), {
       label: f,
       hint: m,
       error: h,
@@ -23,11 +23,13 @@ const X = j(
       shouldScrollToSelectedOption: x,
       collisionPadding: O,
       required: b,
-      disableRequiredAsterisk: W
-    } = M, w = D ?? T.select.placeholder, v = k(), A = f ? `${v}-label` : void 0, C = m ? `${v}-hint` : void 0, V = E(() => {
+      disableRequiredAsterisk: W,
+      labelExtra: A,
+      infoTooltip: C
+    } = I, w = D ?? M.select.placeholder, v = P(), V = f ? `${v}-label` : void 0, q = m ? `${v}-hint` : void 0, E = _(() => {
       const e = r && i.find((o) => o.value === r);
       return e ? typeof e.label != "function" ? /* @__PURE__ */ t(
-        I,
+        T,
         {
           size: "input",
           className: "grow-1 fix-y-text truncate text-left text-comp-select-text-primary",
@@ -36,7 +38,7 @@ const X = j(
           children: e.label
         }
       ) : e.label : /* @__PURE__ */ t(
-        I,
+        T,
         {
           size: "input",
           className: "grow-1 fix-y-text truncate text-left text-comp-select-text-placeholder",
@@ -45,10 +47,10 @@ const X = j(
           children: w
         }
       );
-    }, [i, r, w]), [l, q] = u.useState(!1), [R, F] = u.useState(0), c = u.useRef(!1), $ = N(null), d = N({}), n = (typeof p == "function" ? null : p) ?? $;
+    }, [i, r, w]), [l, F] = u.useState(!1), [R, $] = u.useState(0), c = u.useRef(!1), j = N(null), d = N({}), n = (typeof p == "function" ? null : p) ?? j;
     return S(() => {
       const e = () => {
-        n.current && F(n.current.offsetWidth);
+        n.current && $(n.current.offsetWidth);
       };
       e();
       const o = new ResizeObserver(e);
@@ -59,24 +61,26 @@ const X = j(
       var e;
       l && r && d.current[r] && x && ((e = d.current[r]) == null || e.scrollIntoView({ block: "nearest" }));
     }, [l, x, r]), /* @__PURE__ */ t(
-      B,
+      L,
       {
         label: f,
         hint: m,
         error: h,
         required: b,
         disableRequiredAsterisk: W,
-        labelId: A,
-        hintId: C,
+        labelId: V,
+        hintId: q,
+        labelExtra: A,
+        infoTooltip: C,
         className: "flex-1",
         children: /* @__PURE__ */ y(
-          G,
+          U,
           {
             onOpenChange: (e) => {
-              q(e);
+              F(e);
             },
             children: [
-              /* @__PURE__ */ t(L, { disabled: a, asChild: !0, children: /* @__PURE__ */ t(
+              /* @__PURE__ */ t(H, { disabled: a, asChild: !0, children: /* @__PURE__ */ t(
                 "button",
                 {
                   ref: n,
@@ -85,7 +89,7 @@ const X = j(
                   tabIndex: 0,
                   disabled: a,
                   "aria-required": b,
-                  className: P({ size: z, error: h, expanded: l }),
+                  className: B({ size: z, error: h, expanded: l }),
                   children: /* @__PURE__ */ y("div", { className: "flex min-w-0 flex-1 items-center gap-sm", children: [
                     g && /* @__PURE__ */ t(
                       "span",
@@ -94,11 +98,11 @@ const X = j(
                         children: g
                       }
                     ),
-                    V,
+                    E,
                     /* @__PURE__ */ t(
-                      K,
+                      X,
                       {
-                        className: Q(
+                        className: Y(
                           "transition-transform duration-200",
                           l ? "rotate-0" : "rotate-180"
                         )
@@ -108,7 +112,7 @@ const X = j(
                 }
               ) }),
               /* @__PURE__ */ t(
-                U,
+                J,
                 {
                   className: "mt-1",
                   style: {
@@ -119,14 +123,14 @@ const X = j(
                   },
                   collisionPadding: O,
                   children: /* @__PURE__ */ t(
-                    H,
+                    K,
                     {
                       value: r,
                       onValueChange: (e) => {
                         c.current = !0, s == null || s(e);
                       },
                       children: i.map((e) => /* @__PURE__ */ t(
-                        J,
+                        Q,
                         {
                           value: e.value.toString(),
                           disabled: e.disabled,
@@ -149,7 +153,7 @@ const X = j(
     );
   }
 );
-X.displayName = "Select";
+Z.displayName = "Select";
 export {
-  X as Select
+  Z 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;AAS3D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CA0G7B,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,gBAAgB,EAAE,KAyB9B,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,KAkDtB,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"}
+{"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;AAS3D,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAEjC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAgH7B,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,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,KAkDtB,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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/TextEditor/TextEditor.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/TextEditor/TextEditor.tsx"],"names":[],"mappings":"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"}

package/dist/components/TextEditor/TextEditor.js

@@ -1,5 +1,5 @@
-import { jsx as r, jsxs as f } from "react/jsx-runtime";
-import { forwardRef as I, useEffect as b, useImperativeHandle as O, useRef as $ } from "react";
+import { jsx as s, jsxs as k } from "react/jsx-runtime";
+import { forwardRef as O, useEffect as _, useImperativeHandle as $, useRef as I } from "react";
 import { Link as K } from "../../node_modules/@tiptap/extension-link/dist/index.js";
 import { Placeholder as W } from "../../node_modules/@tiptap/extension-placeholder/dist/index.js";
 import { useEditor as q, EditorContent as D } from "../../node_modules/@tiptap/react/dist/index.js";
@@ -10,10 +10,8 @@ import { LinkBubbleMenu as X } from "./LinkBubbleMenu.js";
 import { useLinkEditor as Y } from "./useLinkEditor.js";
 import { useMuzaTranslations as Z } from "../../translations/TranslationContext.js";
 import { FormField as tt } from "../FormField/FormField.js";
-import { cn as g } from "../../utils/cn.js";
-import { TooltipProvider as et, Tooltip as rt, TooltipTrigger as ot, TooltipContent as it } from "../Tooltip/Tooltip.js";
-import { InfoCircleBold as nt } from "@solar-icons/react-perf";
-const lt = J(
+import { cn as b } from "../../utils/cn.js";
+const et = J(
   [
     "overflow-hidden rounded-xl border bg-surface-base-secondary transition-colors",
     "focus-within:border-comp-texteditor-stroke-focused",
@@ -32,41 +30,41 @@ const lt = J(
       state: "default"
     }
   }
-), st = I(
+), rt = O(
   ({
-    value: l,
-    defaultValue: y,
+    value: i,
+    defaultValue: g,
     onChange: d,
-    onBlur: v,
-    onFocus: L,
-    placeholder: T = "",
+    onBlur: y,
+    onFocus: v,
+    placeholder: L = "",
     label: E,
-    hint: C,
-    infoTooltip: p,
-    disabled: i = !1,
+    hint: T,
+    infoTooltip: C,
+    disabled: o = !1,
     readOnly: c = !1,
     required: M,
     disableRequiredAsterisk: H,
-    error: s,
+    error: l,
     toolbar: n = {},
-    toolbarExtra: x,
+    toolbarExtra: f,
     extensions: w = [],
     minHeight: z = 200,
     maxHeight: a,
     resizable: P = !0,
-    className: N,
-    contentClassName: R,
-    unstyled: U = !1,
-    editorClassName: F
+    className: R,
+    contentClassName: U,
+    unstyled: F = !1,
+    editorClassName: N
   }, S) => {
-    const u = Z(), m = {
+    const p = Z(), m = {
       history: n.history ?? !0,
       headings: n.headings ?? !0,
       formatting: n.formatting ?? !0,
       lists: n.lists ?? !0,
       link: n.link ?? !0,
       clearFormatting: n.clearFormatting ?? !0
-    }, V = !!x || Object.values(m).some((e) => e !== !1), t = q({
+    }, V = !!f || Object.values(m).some((e) => e !== !1), t = q({
       extensions: [
         G.configure({
           heading: { levels: [1, 2, 3] },
@@ -89,23 +87,23 @@ const lt = J(
           })
         ] : [],
         W.configure({
-          placeholder: ({ editor: e }) => e.state.doc.textContent.length === 0 ? T : ""
+          placeholder: ({ editor: e }) => e.state.doc.textContent.length === 0 ? L : ""
         }),
         ...w
       ],
-      content: l ?? y ?? "",
-      editable: !i && !c,
+      content: i ?? g ?? "",
+      editable: !o && !c,
       onUpdate: ({ editor: e }) => {
-        const k = e.getText().trim(), _ = e.getHTML();
-        d == null || d(k.length === 0 ? "" : _);
+        const x = e.getText().trim(), h = e.getHTML();
+        d == null || d(x.length === 0 ? "" : h);
       },
-      onBlur: v,
-      onFocus: L,
+      onBlur: y,
+      onFocus: v,
       editorProps: {
         attributes: {
-          class: g(
+          class: b(
             "outline-none text-sm",
-            !U && [
+            !F && [
               // Headings
               "[&_h1]:text-3xl [&_h1]:font-semibold [&_h1]:text-text-dark-primary-def [&_h1]:my-3",
               "[&_h2]:text-2xl [&_h2]:font-semibold [&_h2]:text-text-dark-primary-def [&_h2]:my-3",
@@ -125,7 +123,7 @@ const lt = J(
             ],
             // Placeholder (only when the entire editor is empty — controlled via placeholder function)
             "[&_.is-empty]:before:content-[attr(data-placeholder)] [&_.is-empty]:before:text-comp-input-text-placeholder [&_.is-empty]:before:float-left [&_.is-empty]:before:h-0 [&_.is-empty]:before:pointer-events-none",
-            F
+            N
           ),
           // Inline styles needed because Tailwind CSS 4 JIT doesn't apply to dynamically created elements
           style: "width: 100%; min-height: 100%; max-width: none;",
@@ -134,14 +132,14 @@ const lt = J(
         }
       }
     });
-    b(() => {
-      if (t && l !== void 0) {
+    _(() => {
+      if (t && i !== void 0) {
         const e = t.getHTML();
-        (l || "<p></p>") !== (e || "<p></p>") && t.commands.setContent(l, !1);
+        (i || "<p></p>") !== (e || "<p></p>") && t.commands.setContent(i, !1);
       }
-    }, [t, l]), b(() => {
-      t && t.setEditable(!i && !c);
-    }, [t, i, c]), O(
+    }, [t, i]), _(() => {
+      t && t.setEditable(!o && !c);
+    }, [t, o, c]), $(
       S,
       () => ({
         editor: t,
@@ -154,62 +152,59 @@ const lt = J(
       }),
       [t]
     );
-    const o = Y(t), h = $(null), j = i ? "disabled" : s ? "error" : "default", A = typeof s == "string" ? s : void 0, B = {
+    const r = Y(t), u = I(null), j = o ? "disabled" : l ? "error" : "default", A = typeof l == "string" ? l : void 0, B = {
       minHeight: `${Math.max(z, 200)}px`,
       maxHeight: a ? typeof a == "number" ? `${a}px` : a : void 0,
-      resize: P && !i ? "vertical" : "none"
+      resize: P && !o ? "vertical" : "none"
     };
-    return /* @__PURE__ */ r("div", { ref: h, children: /* @__PURE__ */ r(
+    return /* @__PURE__ */ s("div", { ref: u, children: /* @__PURE__ */ s(
       tt,
       {
         label: E,
-        hint: A || C,
-        error: !!s,
+        hint: A || T,
+        error: !!l,
         required: M,
         disableRequiredAsterisk: H,
-        className: N,
-        labelExtra: p ? /* @__PURE__ */ r(et, { children: /* @__PURE__ */ f(rt, { children: [
-          /* @__PURE__ */ r(ot, { asChild: !0, children: /* @__PURE__ */ r(nt, { className: "cursor-help text-comp-info-ico-def hover:text-comp-info-ico-hover" }) }),
-          /* @__PURE__ */ r(it, { children: p })
-        ] }) }) : void 0,
-        children: /* @__PURE__ */ f("div", { className: lt({ state: j }), children: [
-          V && /* @__PURE__ */ r(
+        className: R,
+        infoTooltip: C,
+        children: /* @__PURE__ */ k("div", { className: et({ state: j }), children: [
+          V && /* @__PURE__ */ s(
             Q,
             {
               editor: t,
               toolbarConfig: m,
-              disabled: i,
-              translations: u.textEditor,
-              onLinkClick: o.handleLinkToolbarClick,
-              toolbarExtra: x
+              disabled: o,
+              translations: p.textEditor,
+              onLinkClick: r.handleLinkToolbarClick,
+              toolbarExtra: f
             }
           ),
-          /* @__PURE__ */ f(
+          /* @__PURE__ */ k(
             "div",
             {
-              className: g(
+              className: b(
                 "relative overflow-auto px-2xl py-xl",
                 "mr-[calc(var(--spacing-xl)/2)]",
                 "pr-[calc(var(--spacing-2xl)-var(--spacing-xl)/2)]",
                 // Compensate for scrollbar offset
-                R
+                U
               ),
               style: B,
               children: [
-                /* @__PURE__ */ r(D, { editor: t, className: "h-full w-full" }),
-                t && m.link && /* @__PURE__ */ r(
+                /* @__PURE__ */ s(D, { editor: t, className: "h-full w-full" }),
+                t && m.link && /* @__PURE__ */ s(
                   X,
                   {
                     editor: t,
-                    containerRef: h,
-                    linkUrl: o.linkUrl,
-                    isEditingLink: o.isEditingLink,
-                    onUrlChange: o.setLinkUrl,
-                    onEdit: o.handleOpenLinkEdit,
-                    onSave: o.handleSaveLink,
-                    onRemove: o.handleRemoveLink,
-                    onCancel: o.handleCancelEdit,
-                    translations: u.textEditor
+                    containerRef: u,
+                    linkUrl: r.linkUrl,
+                    isEditingLink: r.isEditingLink,
+                    onUrlChange: r.setLinkUrl,
+                    onEdit: r.handleOpenLinkEdit,
+                    onSave: r.handleSaveLink,
+                    onRemove: r.handleRemoveLink,
+                    onCancel: r.handleCancelEdit,
+                    translations: p.textEditor
                   }
                 )
               ]
@@ -220,7 +215,7 @@ const lt = J(
     ) });
   }
 );
-st.displayName = "TextEditor";
+rt.displayName = "TextEditor";
 export {
-  st as TextEditor
+  rt as TextEditor
 };