@vkzstudio/muza-ui 1.0.17 → 1.0.18

package/dist/components/FormField/index.d.ts

@@ -0,0 +1,4 @@
+export { FormField, type FormFieldProps } from './FormField';
+export { InputLabel, type InputLabelProps } from './InputLabel';
+export { InputHint, type InputHintProps } from './InputHint';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FormField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAKjE,QAAA,MAAM,oBAAoB;;;8EAyBzB,CAAA;AAgBD;;;;;GAKG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC,EAC1E,YAAY,CAAC,OAAO,oBAAoB,CAAC;IAC3C,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAA;IACxD;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,uEAAuE;IACvE,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,wEAAwE;IACxE,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,KAAK,sHA4JjB,CAAA"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;AACd,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAMjE,QAAA,MAAM,oBAAoB;;;8EAyBzB,CAAA;AAgBD;;;;;GAKG;AACH,MAAM,WAAW,UACf,SAAQ,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC,EAC1E,YAAY,CAAC,OAAO,oBAAoB,CAAC;IAC3C,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAA;IACxD;;;OAGG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,uEAAuE;IACvE,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,wEAAwE;IACxE,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,qDAAqD;IACrD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,eAAO,MAAM,KAAK,sHA0IjB,CAAA"}

package/dist/components/Input/Input.js

@@ -1,6 +1,6 @@
-import { jsxs as h, jsx as a } from "react/jsx-runtime";
-import { forwardRef as W, useId as $, useRef as A, useEffect as w } from "react";
-import { cva as C } from "class-variance-authority";
+import { jsx as c, jsxs as j } from "react/jsx-runtime";
+import { forwardRef as z, useId as W, useRef as $, useEffect as y } from "react";
+import { cva as A } from "class-variance-authority";
 import "../../node_modules/imask/esm/index.js";
 import "../../node_modules/imask/esm/controls/input.js";
 import "../../node_modules/imask/esm/masked/factory.js";
@@ -10,11 +10,12 @@ import "../../node_modules/imask/esm/controls/html-mask-element.js";
 import "../../node_modules/imask/esm/controls/html-contenteditable-mask-element.js";
 import "../../node_modules/imask/esm/controls/input-history.js";
 import "../../node_modules/react-imask/esm/input.js";
-import E from "../../node_modules/react-imask/esm/hook.js";
+import C from "../../node_modules/react-imask/esm/hook.js";
 import "../../node_modules/react-imask/esm/mixin.js";
-import { Typography as I, typographyVariants as F } from "../Typography/Typography.js";
-import { cn as s } from "../../utils/cn.js";
-const M = C(
+import { FormField as E } from "../FormField/FormField.js";
+import { cn as u } from "../../utils/cn.js";
+import { typographyVariants as M } from "../Typography/Typography.js";
+const T = A(
   [
     "rounded-full border border-comp-input-stroke-def",
     "bg-comp-input-fill-def transition-colors",
@@ -39,8 +40,8 @@ const M = C(
       error: !1
     }
   }
-), U = (d) => s(
-  F({
+), U = (d) => u(
+  M({
     size: d === "sm" ? "input" : "base",
     weight: "medium",
     fixY: !0
@@ -50,24 +51,24 @@ const M = C(
   "placeholder:font-regular",
   "disabled:cursor-not-allowed",
   "w-full"
-), Y = W(
+), Y = z(
   ({
     className: d,
-    type: N = "text",
-    prefix: b,
-    suffix: x,
-    label: l,
-    hint: u,
-    size: g,
-    error: m,
+    type: w = "text",
+    prefix: m,
+    suffix: f,
+    label: b,
+    hint: h,
+    size: x,
+    error: s,
     mask: i,
-    onChange: p,
-    id: z,
-    required: f,
-    disableRequiredAsterisk: R,
+    onChange: a,
+    id: I,
+    required: l,
+    disableRequiredAsterisk: N,
     ...v
   }, o) => {
-    const V = $(), c = z ?? V, y = u ? `${c}-hint` : void 0, k = l ? `${c}-label` : void 0, e = A(null), r = E(
+    const R = W(), p = I ?? R, g = h ? `${p}-hint` : void 0, k = b ? `${p}-label` : void 0, e = $(null), r = C(
       {
         mask: i || "",
         // Pattern like 'aaaaa-aaaaa' where 'a' = alphanumeric, '0' = digit
@@ -78,92 +79,76 @@ const M = C(
         ref: e
       }
     );
-    w(() => {
-      if (i && (r != null && r.maskRef.current) && p) {
+    y(() => {
+      if (i && (r != null && r.maskRef.current) && a) {
         const t = r.maskRef.current, n = () => {
-          const T = {
+          const F = {
             target: { value: t.value }
           };
-          p(T);
+          a(F);
         };
         return t.on("accept", n), () => {
           t.off("accept", n);
         };
       }
-    }, [i, r, p]), w(() => {
+    }, [i, r, a]), y(() => {
       o && (typeof o == "function" ? o(e.current) : o.current = e.current);
     }, [e, o]);
-    const j = (t) => {
+    const V = (t) => {
       var n;
       v.disabled || t.target !== e.current && ((n = e.current) == null || n.focus());
     };
-    return /* @__PURE__ */ h("div", { className: "flex flex-col gap-comp-input-gap", children: [
-      l && /* @__PURE__ */ h(
-        I,
-        {
-          component: "label",
-          weight: "regular",
-          size: "sm",
-          htmlFor: c,
-          id: k,
-          children: [
-            l,
-            f && !R && /* @__PURE__ */ a("span", { className: "text-comp-input-text-error", children: " *" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ h(
-        "div",
-        {
-          className: s(
-            M({
-              size: g,
-              error: m
-            }),
-            d
-          ),
-          onClick: j,
-          children: [
-            b && /* @__PURE__ */ a("div", { className: "flex items-center text-icon-dark-secondary-def", children: b }),
-            /* @__PURE__ */ a(
-              "input",
-              {
-                type: N,
-                "data-slot": "input",
-                className: s(
-                  U(g),
-                  "[&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-clear-button]:hidden [&::-webkit-inner-spin-button]:hidden",
-                  "[&::-webkit-datetime-edit-text]:px-3xs"
-                ),
-                ref: i ? r.ref : e,
-                onChange: i ? void 0 : p,
-                id: c,
-                "aria-describedby": y,
-                "aria-labelledby": k,
-                "aria-invalid": m,
-                "aria-required": f,
-                required: f,
-                ...v
-              }
+    return /* @__PURE__ */ c(
+      E,
+      {
+        label: b,
+        hint: h,
+        error: s,
+        required: l,
+        disableRequiredAsterisk: N,
+        htmlFor: p,
+        labelId: k,
+        hintId: g,
+        children: /* @__PURE__ */ j(
+          "div",
+          {
+            className: u(
+              T({
+                size: x,
+                error: s
+              }),
+              d
             ),
-            x && /* @__PURE__ */ a("div", { className: "flex items-center text-icon-dark-secondary-def", children: x })
-          ]
-        }
-      ),
-      u && /* @__PURE__ */ a(
-        I,
-        {
-          component: "span",
-          size: "sm",
-          weight: "regular",
-          className: s("text-comp-input-text-secondary", {
-            "text-comp-input-text-error": m
-          }),
-          id: y,
-          children: u
-        }
-      )
-    ] });
+            onClick: V,
+            children: [
+              m && /* @__PURE__ */ c("div", { className: "flex items-center text-icon-dark-secondary-def", children: m }),
+              /* @__PURE__ */ c(
+                "input",
+                {
+                  type: w,
+                  "data-slot": "input",
+                  className: u(
+                    U(x),
+                    "[&::-webkit-calendar-picker-indicator]:hidden [&::-webkit-clear-button]:hidden [&::-webkit-inner-spin-button]:hidden",
+                    "[&::-webkit-datetime-edit-text]:px-3xs"
+                  ),
+                  ref: i ? r.ref : e,
+                  onChange: i ? void 0 : a,
+                  id: p,
+                  "aria-describedby": g,
+                  "aria-labelledby": k,
+                  "aria-invalid": s,
+                  "aria-required": l,
+                  required: l,
+                  ...v
+                }
+              ),
+              f && /* @__PURE__ */ c("div", { className: "flex items-center text-icon-dark-secondary-def", children: f })
+            ]
+          }
+        )
+      }
+    );
   }
 );
 Y.displayName = "Input";

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

@@ -11,6 +11,8 @@ export interface IMultiSelectProps {
     error?: boolean;
     /** Marks the field as required (visual indicator only). */
     required?: boolean;
+    /** Hides the required asterisk even when `required` is true. @default false */
+    disableRequiredAsterisk?: boolean;
     /** Element displayed after the selected values (not currently implemented). */
     suffix?: ReactNode;
     /** Icon or element displayed before the selected values. */

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

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,SAAS,EAKf,MAAM,OAAO,CAAA;AAcd;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yFAAyF;IACzF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yDAAyD;IACzD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,oGAAoG;IACpG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mDAAmD;IACnD,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B;;;;;;;;;OASG;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,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACrC;AAED,eAAO,MAAM,WAAW,6FAwMvB,CAAA"}
+{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,SAAS,EAMf,MAAM,OAAO,CAAA;AAed;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yFAAyF;IACzF,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,yDAAyD;IACzD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+EAA+E;IAC/E,uBAAuB,CAAC,EAAE,OAAO,CAAA;IACjC,+EAA+E;IAC/E,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,oGAAoG;IACpG,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mDAAmD;IACnD,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B;;;;;;;;;OASG;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,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kGAAkG;IAClG,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,uFAAuF;IACvF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACrC;AAED,eAAO,MAAM,WAAW,6FA+LvB,CAAA"}

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