@vkzstudio/muza-ui 1.0.17 → 1.0.19

package/dist/components/MultiSelect/MultiSelect.js

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

package/dist/components/Radio/Radio.js

@@ -19,7 +19,7 @@ const x = ({ className: i, ...a }) => /* @__PURE__ */ r(
   ...l
 }) => {
   const f = p.useId(), d = a || f;
-  return /* @__PURE__ */ n("div", { className: "flex items-start gap-sm", children: [
+  return /* @__PURE__ */ n("div", { className: "isolate flex items-start gap-sm", children: [
     /* @__PURE__ */ r(
       s.Item,
       {

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

@@ -9,6 +9,8 @@ export interface ISelectProps {
     error?: boolean;
     /** Marks the field as required. */
     required?: boolean;
+    /** Hides the required asterisk even when `required` is true. @default false */
+    disableRequiredAsterisk?: boolean;
     /** Element displayed after the selected value. */
     suffix?: ReactNode;
     /** Icon or element displayed before the selected value. */

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,EAKf,MAAM,OAAO,CAAA;AAcd,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,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,wFA8LlB,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;CAC1B;AAED,eAAO,MAAM,MAAM,wFAsLlB,CAAA"}

package/dist/components/Select/Select.js

@@ -1,30 +1,33 @@
-import { jsx as t, jsxs as p } from "react/jsx-runtime";
-import m, { forwardRef as A, useMemo as I, useRef as N, useEffect as R } from "react";
-import { triggerWrapperVariants as j } from "./utils.js";
-import { useMuzaTranslations as E } from "../../translations/TranslationContext.js";
-import { Typography as s } from "../Typography/Typography.js";
-import { DropdownMenu as P, DropdownMenuTrigger as _, DropdownMenuContent as k, DropdownMenuRadioGroup as B, DropdownMenuRadioItem as F } from "../DropdownMenu/DropdownMenu.js";
-import { AltArrowUpOutline as G } from "@solar-icons/react-perf";
-import { cn as L } from "../../utils/cn.js";
-const U = A(
-  (z, f) => {
-    const S = E(), {
-      label: h,
-      hint: x,
-      error: g,
-      options: c,
-      onChange: a,
+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 = _(), {
+      label: f,
+      hint: m,
+      error: h,
+      options: i,
+      onChange: s,
       value: r,
-      disabled: i,
-      prefix: b,
-      size: M,
-      placeholder: T,
-      shouldScrollToSelectedOption: w,
-      collisionPadding: D
-    } = z, v = T ?? S.select.placeholder, O = I(() => {
-      const e = r && c.find((l) => l.value === r);
+      disabled: a,
+      prefix: g,
+      size: z,
+      placeholder: D,
+      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(() => {
+      const e = r && i.find((o) => o.value === r);
       return e ? typeof e.label != "function" ? /* @__PURE__ */ t(
-        s,
+        I,
         {
           size: "input",
           className: "grow-1 fix-y-text truncate text-left text-comp-select-text-primary",
@@ -33,128 +36,120 @@ const U = A(
           children: e.label
         }
       ) : e.label : /* @__PURE__ */ t(
-        s,
+        I,
         {
           size: "input",
           className: "grow-1 fix-y-text truncate text-left text-comp-select-text-placeholder",
           weight: "regular",
           component: "span",
-          children: v
+          children: w
         }
       );
-    }, [c, r, v]), [o, W] = m.useState(!1), [y, C] = m.useState(0), d = m.useRef(!1), V = N(null), u = N({}), n = (typeof f == "function" ? null : f) ?? V;
-    return R(() => {
+    }, [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) ?? $;
+    return S(() => {
       const e = () => {
-        n.current && C(n.current.offsetWidth);
+        n.current && F(n.current.offsetWidth);
       };
       e();
-      const l = new ResizeObserver(e);
-      return n.current && l.observe(n.current), () => {
-        l.disconnect();
+      const o = new ResizeObserver(e);
+      return n.current && o.observe(n.current), () => {
+        o.disconnect();
       };
-    }, [n]), R(() => {
+    }, [n]), S(() => {
       var e;
-      o && r && u.current[r] && w && ((e = u.current[r]) == null || e.scrollIntoView({ block: "nearest" }));
-    }, [o, w, r]), /* @__PURE__ */ p("div", { className: "flex flex-1 flex-col gap-sm", children: [
-      h && /* @__PURE__ */ t(
-        s,
-        {
-          component: "label",
-          size: "sm",
-          weight: "regular",
-          className: "text-comp-select-text-primary",
-          children: h
-        }
-      ),
-      /* @__PURE__ */ p(
-        P,
-        {
-          onOpenChange: (e) => {
-            W(e);
-          },
-          children: [
-            /* @__PURE__ */ t(_, { disabled: i, asChild: !0, children: /* @__PURE__ */ t(
-              "button",
-              {
-                ref: n,
-                type: "button",
-                role: "input",
-                tabIndex: 0,
-                disabled: i,
-                className: j({ size: M, error: g, expanded: o }),
-                children: /* @__PURE__ */ p("div", { className: "flex min-w-0 flex-1 items-center gap-sm", children: [
-                  b && /* @__PURE__ */ t(
-                    "span",
-                    {
-                      className: i ? "text-comp-select-icon-disabled" : "text-comp-select-icon-brand-def",
-                      children: b
-                    }
-                  ),
-                  O,
-                  /* @__PURE__ */ t(
-                    G,
+      l && r && d.current[r] && x && ((e = d.current[r]) == null || e.scrollIntoView({ block: "nearest" }));
+    }, [l, x, r]), /* @__PURE__ */ t(
+      B,
+      {
+        label: f,
+        hint: m,
+        error: h,
+        required: b,
+        disableRequiredAsterisk: W,
+        labelId: A,
+        hintId: C,
+        className: "flex-1",
+        children: /* @__PURE__ */ y(
+          G,
+          {
+            onOpenChange: (e) => {
+              q(e);
+            },
+            children: [
+              /* @__PURE__ */ t(L, { disabled: a, asChild: !0, children: /* @__PURE__ */ t(
+                "button",
+                {
+                  ref: n,
+                  type: "button",
+                  role: "input",
+                  tabIndex: 0,
+                  disabled: a,
+                  "aria-required": b,
+                  className: P({ 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",
+                      {
+                        className: a ? "text-comp-select-icon-disabled" : "text-comp-select-icon-brand-def",
+                        children: g
+                      }
+                    ),
+                    V,
+                    /* @__PURE__ */ t(
+                      K,
+                      {
+                        className: Q(
+                          "transition-transform duration-200",
+                          l ? "rotate-0" : "rotate-180"
+                        )
+                      }
+                    )
+                  ] })
+                }
+              ) }),
+              /* @__PURE__ */ t(
+                U,
+                {
+                  className: "mt-1",
+                  style: {
+                    width: R > 0 ? `${R}px` : void 0
+                  },
+                  onCloseAutoFocus: (e) => {
+                    c.current || e.preventDefault(), c.current = !1;
+                  },
+                  collisionPadding: O,
+                  children: /* @__PURE__ */ t(
+                    H,
                     {
-                      className: L(
-                        "transition-transform duration-200",
-                        o ? "rotate-0" : "rotate-180"
-                      )
+                      value: r,
+                      onValueChange: (e) => {
+                        c.current = !0, s == null || s(e);
+                      },
+                      children: i.map((e) => /* @__PURE__ */ t(
+                        J,
+                        {
+                          value: e.value.toString(),
+                          disabled: e.disabled,
+                          icon: e.icon,
+                          ref: (o) => {
+                            d.current[e.value] = o;
+                          },
+                          children: e.label
+                        },
+                        e.value
+                      ))
                     }
                   )
-                ] })
-              }
-            ) }),
-            /* @__PURE__ */ t(
-              k,
-              {
-                className: "mt-1",
-                style: {
-                  width: y > 0 ? `${y}px` : void 0
-                },
-                onCloseAutoFocus: (e) => {
-                  d.current || e.preventDefault(), d.current = !1;
-                },
-                collisionPadding: D,
-                children: /* @__PURE__ */ t(
-                  B,
-                  {
-                    value: r,
-                    onValueChange: (e) => {
-                      d.current = !0, a == null || a(e);
-                    },
-                    children: c.map((e) => /* @__PURE__ */ t(
-                      F,
-                      {
-                        value: e.value.toString(),
-                        disabled: e.disabled,
-                        icon: e.icon,
-                        ref: (l) => {
-                          u.current[e.value] = l;
-                        },
-                        children: e.label
-                      },
-                      e.value
-                    ))
-                  }
-                )
-              }
-            )
-          ]
-        }
-      ),
-      x && /* @__PURE__ */ t(
-        s,
-        {
-          component: "p",
-          size: "sm",
-          weight: "regular",
-          className: g ? "text-comp-select-text-error" : "text-comp-select-text-secondary",
-          children: x
-        }
-      )
-    ] });
+                }
+              )
+            ]
+          }
+        )
+      }
+    );
   }
 );
-U.displayName = "Select";
+X.displayName = "Select";
 export {
-  U as Select
+  X as Select
 };

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

@@ -98,6 +98,10 @@ export interface TextEditorProps {
     disabled?: boolean;
     /** Allows viewing but not editing content */
     readOnly?: boolean;
+    /** Marks the field as required and displays a red asterisk next to the label. @default false */
+    required?: boolean;
+    /** Hides the required asterisk even when `required` is true. @default false */
+    disableRequiredAsterisk?: boolean;
     /** Error state. String shows as error message, boolean only shows error styling. */
     error?: string | boolean;
     /**

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":"AAAA,OAAO,EAEL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;AACd,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAGhD,OAAO,EAAE,KAAK,MAAM,EAA4B,MAAM,eAAe,CAAA;AAkBrE,gCAAgC;AAChC,KAAK,WAAW,GAAG,MAAM,GAAG,MAAM,CAAA;AAElC,+BAA+B;AAC/B,KAAK,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;AAE7B,wCAAwC;AACxC,KAAK,cAAc,GAAG,MAAM,GAAG,QAAQ,GAAG,eAAe,CAAA;AAEzD,6BAA6B;AAC7B,KAAK,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;AAEpC;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,uBAAuB;IACtC,sDAAsD;IACtD,OAAO,CAAC,EAAE,OAAO,GAAG,WAAW,EAAE,CAAA;IACjC,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,GAAG,YAAY,EAAE,CAAA;IACnC,yEAAyE;IACzE,UAAU,CAAC,EAAE,OAAO,GAAG,cAAc,EAAE,CAAA;IACvC,wDAAwD;IACxD,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,EAAE,CAAA;IAC5B,iFAAiF;IACjF,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,kDAAkD;IAClD,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B;AAED;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,aAAa;IAC5B,4CAA4C;IAC5C,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,yBAAyB;IACzB,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,oCAAoC;IACpC,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,0CAA0C;IAC1C,OAAO,EAAE,MAAM,MAAM,CAAA;IACrB,gDAAgD;IAChD,OAAO,EAAE,MAAM,MAAM,CAAA;IACrB,gDAAgD;IAChD,OAAO,EAAE,MAAM,OAAO,CAAA;IACtB,+CAA+C;IAC/C,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,wCAAwC;IACxC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,kDAAkD;IAClD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oFAAoF;IACpF,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB;;;OAGG;IACH,OAAO,CAAC,EAAE,uBAAuB,CAAA;IACjC,4DAA4D;IAC5D,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,YAAY,EAAE,CAAA;IAC3B;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,uGAAuG;IACvG,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAwBD,QAAA,MAAM,UAAU,2GAyQf,CAAA;AAID,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"TextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/TextEditor/TextEditor.tsx"],"names":[],"mappings":"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"}