npm - mcr-design-systems - Versions diffs - 1.0.218 → 1.0.220 - Mend

mcr-design-systems 1.0.218 → 1.0.220

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/components/Icon/generated/FileErrorIcon.js +30 -30
package/dist/components/Icon/generated/FileSuccessIcon.js +33 -33
package/dist/components/Select/index.js +98 -103
package/package.json +1 -1

package/dist/components/Icon/generated/FileErrorIcon.js CHANGED Viewed

@@ -1,56 +1,56 @@
-import { jsx as f } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
 import u from "react";
-const v = ({
+const M = ({
   size: r = 24,
   color: i = "currentColor",
-  className: C,
-  style: s,
+  className: t,
+  style: n,
   onClick: o,
-  "aria-label": g,
-  title: a
+  "aria-label": s,
+  title: g
 }) => {
-  const c = u.useMemo(() => {
-    const t = new DOMParser().parseFromString(`<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  const a = u.useMemo(() => {
+    const e = new DOMParser().parseFromString(
+      `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M7 21.2002V10.7998C7 9.97632 6.99898 9.29843 7.04395 8.74805C7.08988 8.18599 7.18827 7.6689 7.43555 7.1836C7.81902 6.43109 8.43109 5.81902 9.1836 5.43555C9.6689 5.18827 10.186 5.08988 10.748 5.04395C11.2984 4.99898 11.9763 5 12.7998 5H18L18.0986 5.00488C18.3276 5.02757 18.5429 5.12883 18.707 5.29297L24.707 11.293C24.8946 11.4805 25 11.7348 25 12V21.2002C25 22.0237 25.001 22.7016 24.9561 23.252C24.9101 23.814 24.8117 24.3311 24.5645 24.8164C24.181 25.5689 23.5689 26.181 22.8164 26.5645C22.3311 26.8117 21.814 26.9101 21.252 26.9561C20.7016 27.001 20.0237 27 19.2002 27H12.7998C11.9763 27 11.2984 27.001 10.748 26.9561C10.186 26.9101 9.6689 26.8117 9.1836 26.5645C8.43109 26.181 7.81902 25.5689 7.43555 24.8164C7.18827 24.3311 7.08988 23.814 7.04395 23.252C6.99898 22.7016 7 22.0237 7 21.2002ZM20 20C20.5523 20 21 20.4477 21 21C21 21.5523 20.5523 22 20 22H12C11.4477 22 11 21.5523 11 21C11 20.4477 11.4477 20 12 20H20ZM20 16C20.5523 16 21 16.4477 21 17C21 17.5523 20.5523 18 20 18H12C11.4477 18 11 17.5523 11 17C11 16.4477 11.4477 16 12 16H20ZM14 12C14.5523 12 15 12.4477 15 13C15 13.5523 14.5523 14 14 14H12C11.4477 14 11 13.5523 11 13C11 12.4477 11.4477 12 12 12H14ZM9 21.2002C9 22.0566 9.00035 22.6388 9.03711 23.0889C9.07293 23.5273 9.13809 23.7518 9.21778 23.9082C9.40951 24.2845 9.71555 24.5905 10.0918 24.7822C10.2482 24.8619 10.4727 24.9271 10.9111 24.9629C11.3612 24.9997 11.9434 25 12.7998 25H19.2002C20.0566 25 20.6388 24.9997 21.0889 24.9629C21.5273 24.9271 21.7518 24.8619 21.9082 24.7822C22.2845 24.5905 22.5905 24.2845 22.7822 23.9082C22.8619 23.7518 22.9271 23.5273 22.9629 23.0889C22.9997 22.6388 23 22.0566 23 21.2002V13H19.5996C19.3362 13 19.0781 13.0011 18.8613 12.9834C18.6328 12.9647 18.3631 12.9204 18.0918 12.7822C17.7155 12.5905 17.4095 12.2845 17.2178 11.9082C17.0795 11.6369 17.0353 11.3672 17.0166 11.1387C16.9989 10.9218 17 10.6638 17 10.4004V7H12.7998C11.9434 7 11.3612 7.00035 10.9111 7.03711C10.4727 7.07293 10.2482 7.13809 10.0918 7.21778C9.71555 7.40951 9.40951 7.71555 9.21778 8.0918C9.13809 8.2482 9.07293 8.47272 9.03711 8.91113C9.00035 9.36117 9 9.94342 9 10.7998V21.2002ZM19 10.4004C19 10.6967 19.0012 10.859 19.0107 10.9756C19.0111 10.98 19.0114 10.9843 19.0117 10.9883C19.0157 10.9887 19.0199 10.9899 19.0244 10.9902C19.141 10.9998 19.3033 11 19.5996 11H21.5859L19 8.41406V10.4004Z" fill="black"/>
 <path d="M32 26C32 22.6863 29.3137 20 26 20C22.6863 20 20 22.6863 20 26C20 29.3137 22.6863 32 26 32C29.3137 32 32 29.3137 32 26Z" fill="white"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M26 20.5C22.9624 20.5 20.5 22.9624 20.5 26C20.5 29.0376 22.9624 31.5 26 31.5C29.0376 31.5 31.5 29.0376 31.5 26C31.5 22.9624 29.0376 20.5 26 20.5ZM26.5 24C26.5 23.7239 26.2761 23.5 26 23.5C25.7239 23.5 25.5 23.7239 25.5 24V26C25.5 26.2761 25.7239 26.5 26 26.5C26.2761 26.5 26.5 26.2761 26.5 26V24ZM26 27.5C25.7239 27.5 25.5 27.7239 25.5 28C25.5 28.2761 25.7239 28.5 26 28.5H26.005C26.2811 28.5 26.505 28.2761 26.505 28C26.505 27.7239 26.2811 27.5 26.005 27.5H26Z" fill="#DC2626"/>
 </svg>
-`, "image/svg+xml").querySelector("svg");
-    if (!t) return "";
-    if (t.setAttribute("width", r.toString()), t.setAttribute("height", r.toString()), t.querySelectorAll(
+`,
+      "image/svg+xml"
+    ).querySelector("svg");
+    if (!e) return "";
+    if (e.setAttribute("width", r.toString()), e.setAttribute("height", r.toString()), e.querySelectorAll(
       "path, circle, rect, polygon, polyline, line, ellipse"
-    ).forEach((e) => {
-      const l = e.getAttribute("fill"), n = e.getAttribute("stroke");
-      l && l !== "none" && e.setAttribute("fill", i), n && n !== "none" && e.setAttribute("stroke", i);
-    }), C) {
-      const e = t.getAttribute("class") || "";
-      t.setAttribute(
-        "class",
-        `${e} ${C}`.trim()
-      );
+    ).forEach((C) => {
+      const l = C.getAttribute("stroke");
+      l && l !== "none" && C.setAttribute("stroke", i);
+    }), t) {
+      const C = e.getAttribute("class") || "";
+      e.setAttribute("class", `${C} ${t}`.trim());
     }
-    return new XMLSerializer().serializeToString(t);
-  }, [r, i, C]);
-  return /* @__PURE__ */ f(
+    return new XMLSerializer().serializeToString(e);
+  }, [r, i, t]);
+  return /* @__PURE__ */ c(
     "div",
     {
-      className: C,
+      className: t,
       style: {
         display: "inline-flex",
         alignItems: "center",
         justifyContent: "center",
         flexShrink: 0,
         lineHeight: 0,
-        ...s
+        ...n
       },
       onClick: o,
-      "aria-label": g || "file-error icon",
-      title: a,
-      dangerouslySetInnerHTML: { __html: c }
+      "aria-label": s || "file-error icon",
+      title: g,
+      dangerouslySetInnerHTML: { __html: a }
     }
   );
 };
 export {
-  v as FileErrorIcon,
-  v as default
+  M as FileErrorIcon,
+  M as default
 };

package/dist/components/Icon/generated/FileSuccessIcon.js CHANGED Viewed

@@ -1,56 +1,56 @@
-import { jsx as u } from "react/jsx-runtime";
-import f from "react";
-const A = ({
+import { jsx as a } from "react/jsx-runtime";
+import u from "react";
+const v = ({
   size: r = 24,
   color: i = "currentColor",
-  className: C,
-  style: n,
-  onClick: o,
-  "aria-label": c,
-  title: g
+  className: t,
+  style: s,
+  onClick: n,
+  "aria-label": o,
+  title: c
 }) => {
-  const a = f.useMemo(() => {
-    const t = new DOMParser().parseFromString(`<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+  const g = u.useMemo(() => {
+    const e = new DOMParser().parseFromString(
+      `<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M7 21.2002V10.7998C7 9.97632 6.99898 9.29843 7.04395 8.74805C7.08988 8.18599 7.18827 7.6689 7.43555 7.1836C7.81902 6.43109 8.43109 5.81902 9.1836 5.43555C9.6689 5.18827 10.186 5.08988 10.748 5.04395C11.2984 4.99898 11.9763 5 12.7998 5H18L18.0986 5.00488C18.3276 5.02757 18.5429 5.12883 18.707 5.29297L24.707 11.293C24.8946 11.4805 25 11.7348 25 12V21.2002C25 22.0237 25.001 22.7016 24.9561 23.252C24.9101 23.814 24.8117 24.3311 24.5645 24.8164C24.181 25.5689 23.5689 26.181 22.8164 26.5645C22.3311 26.8117 21.814 26.9101 21.252 26.9561C20.7016 27.001 20.0237 27 19.2002 27H12.7998C11.9763 27 11.2984 27.001 10.748 26.9561C10.186 26.9101 9.6689 26.8117 9.1836 26.5645C8.43109 26.181 7.81902 25.5689 7.43555 24.8164C7.18827 24.3311 7.08988 23.814 7.04395 23.252C6.99898 22.7016 7 22.0237 7 21.2002ZM20 20C20.5523 20 21 20.4477 21 21C21 21.5523 20.5523 22 20 22H12C11.4477 22 11 21.5523 11 21C11 20.4477 11.4477 20 12 20H20ZM20 16C20.5523 16 21 16.4477 21 17C21 17.5523 20.5523 18 20 18H12C11.4477 18 11 17.5523 11 17C11 16.4477 11.4477 16 12 16H20ZM14 12C14.5523 12 15 12.4477 15 13C15 13.5523 14.5523 14 14 14H12C11.4477 14 11 13.5523 11 13C11 12.4477 11.4477 12 12 12H14ZM9 21.2002C9 22.0566 9.00035 22.6388 9.03711 23.0889C9.07293 23.5273 9.13809 23.7518 9.21778 23.9082C9.40951 24.2845 9.71555 24.5905 10.0918 24.7822C10.2482 24.8619 10.4727 24.9271 10.9111 24.9629C11.3612 24.9997 11.9434 25 12.7998 25H19.2002C20.0566 25 20.6388 24.9997 21.0889 24.9629C21.5273 24.9271 21.7518 24.8619 21.9082 24.7822C22.2845 24.5905 22.5905 24.2845 22.7822 23.9082C22.8619 23.7518 22.9271 23.5273 22.9629 23.0889C22.9997 22.6388 23 22.0566 23 21.2002V13H19.5996C19.3362 13 19.0781 13.0011 18.8613 12.9834C18.6328 12.9647 18.3631 12.9204 18.0918 12.7822C17.7155 12.5905 17.4095 12.2845 17.2178 11.9082C17.0795 11.6369 17.0353 11.3672 17.0166 11.1387C16.9989 10.9218 17 10.6638 17 10.4004V7H12.7998C11.9434 7 11.3612 7.00035 10.9111 7.03711C10.4727 7.07293 10.2482 7.13809 10.0918 7.21778C9.71555 7.40951 9.40951 7.71555 9.21778 8.0918C9.13809 8.2482 9.07293 8.47272 9.03711 8.91113C9.00035 9.36117 9 9.94342 9 10.7998V21.2002ZM19 10.4004C19 10.6967 19.0012 10.859 19.0107 10.9756C19.0111 10.98 19.0114 10.9843 19.0117 10.9883C19.0157 10.9887 19.0199 10.9899 19.0244 10.9902C19.141 10.9998 19.3033 11 19.5996 11H21.5859L19 8.41406V10.4004Z" fill="black"/>
 <path d="M32 26C32 29.3137 29.3137 32 26 32C22.6863 32 20 29.3137 20 26C20 22.6863 22.6863 20 26 20C29.3137 20 32 22.6863 32 26Z" fill="white"/>
 <path fill-rule="evenodd" clip-rule="evenodd" d="M26 20.5C22.9624 20.5 20.5 22.9624 20.5 26C20.5 29.0376 22.9624 31.5 26 31.5C29.0376 31.5 31.5 29.0376 31.5 26C31.5 22.9624 29.0376 20.5 26 20.5ZM28.6036 24.8536C28.7988 24.6583 28.7988 24.3417 28.6036 24.1464C28.4083 23.9512 28.0917 23.9512 27.8964 24.1464L25.25 26.7929L24.1036 25.6464C23.9083 25.4512 23.5917 25.4512 23.3964 25.6464C23.2012 25.8417 23.2012 26.1583 23.3964 26.3536L24.8964 27.8536C25.0917 28.0488 25.4083 28.0488 25.6036 27.8536L28.6036 24.8536Z" fill="#16A34A"/>
 </svg>
-`, "image/svg+xml").querySelector("svg");
-    if (!t) return "";
-    if (t.setAttribute("width", r.toString()), t.setAttribute("height", r.toString()), t.querySelectorAll(
+`,
+      "image/svg+xml"
+    ).querySelector("svg");
+    if (!e) return "";
+    if (e.setAttribute("width", r.toString()), e.setAttribute("height", r.toString()), e.querySelectorAll(
       "path, circle, rect, polygon, polyline, line, ellipse"
-    ).forEach((e) => {
-      const l = e.getAttribute("fill"), s = e.getAttribute("stroke");
-      l && l !== "none" && e.setAttribute("fill", i), s && s !== "none" && e.setAttribute("stroke", i);
-    }), C) {
-      const e = t.getAttribute("class") || "";
-      t.setAttribute(
-        "class",
-        `${e} ${C}`.trim()
-      );
+    ).forEach((C) => {
+      const l = C.getAttribute("stroke");
+      l && l !== "none" && C.setAttribute("stroke", i);
+    }), t) {
+      const C = e.getAttribute("class") || "";
+      e.setAttribute("class", `${C} ${t}`.trim());
     }
-    return new XMLSerializer().serializeToString(t);
-  }, [r, i, C]);
-  return /* @__PURE__ */ u(
+    return new XMLSerializer().serializeToString(e);
+  }, [r, i, t]);
+  return /* @__PURE__ */ a(
     "div",
     {
-      className: C,
+      className: t,
       style: {
         display: "inline-flex",
         alignItems: "center",
         justifyContent: "center",
         flexShrink: 0,
         lineHeight: 0,
-        ...n
+        ...s
       },
-      onClick: o,
-      "aria-label": c || "file-success icon",
-      title: g,
-      dangerouslySetInnerHTML: { __html: a }
+      onClick: n,
+      "aria-label": o || "file-success icon",
+      title: c,
+      dangerouslySetInnerHTML: { __html: g }
     }
   );
 };
 export {
-  A as FileSuccessIcon,
-  A as default
+  v as FileSuccessIcon,
+  v as default
 };

package/dist/components/Select/index.js CHANGED Viewed

@@ -1,18 +1,18 @@
-import { jsxs as g, jsx as r, Fragment as ie } from "react/jsx-runtime";
-import { forwardRef as Te, useState as ke, useRef as je, useCallback as T, useMemo as P, memo as De } from "react";
+import { jsxs as g, jsx as t, Fragment as ie } from "react/jsx-runtime";
+import { forwardRef as ke, useState as je, useRef as De, useCallback as T, useMemo as P, memo as Ee } from "react";
 import { cn as f } from "../../shared/utils/cn.js";
-import { dataTestId as Ee } from "../../shared/utils/dataTestId.js";
+import { dataTestId as Fe } from "../../shared/utils/dataTestId.js";
 import { Typography as z } from "../Typography/index.js";
 import y from "../Icon/Icon.js";
 import { Dropdown as ce } from "../Dropdown/index.js";
-import { selectVariants as Fe } from "./helper/variants.js";
+import { selectVariants as Pe } from "./helper/variants.js";
 import me from "../Chip/index.js";
-import Pe from "../TextField/HelperText.js";
-import { useChipOverflow as ze } from "../../shared/hooks/useChipOverflow.js";
-const pe = Te(
+import ze from "../TextField/HelperText.js";
+import { useChipOverflow as Ve } from "../../shared/hooks/useChipOverflow.js";
+const pe = ke(
   ({
     items: S = [],
-    value: t,
+    value: r,
     onChange: b,
     placeholder: x = "Select an option...",
     disabled: a = !1,
@@ -20,18 +20,18 @@ const pe = Te(
     loading: V = !1,
     showCheckmark: q = !1,
     emptyText: G = "No options available",
-    state: k,
+    state: ue,
     label: J,
-    helpText: ue,
-    required: fe = !1,
+    helpText: fe,
+    required: he = !1,
     leadingIcon: c,
     trailingIcon: m,
     mode: l = "single",
-    displayType: he = "chip",
-    maxDisplayChips: Ve,
+    displayType: de = "chip",
+    maxDisplayChips: qe,
     // eslint-disable-line @typescript-eslint/no-unused-vars -- kept for backward compatibility
-    moreItemsText: de = "+{count}",
-    trigger: ge,
+    moreItemsText: ge = "+{count}",
+    trigger: xe,
     side: K = "bottom",
     align: L = "start",
     sideOffset: Q = 4,
@@ -39,46 +39,46 @@ const pe = Te(
     itemHeight: W = 32,
     maxHeight: X = 300,
     size: n = "md",
-    variant: j = "default",
-    fullWidth: D = !1,
-    className: xe,
-    iconsSize: Ne,
+    variant: k = "default",
+    fullWidth: j = !1,
+    className: Ne,
+    iconsSize: ve,
     "data-testid": i,
     width: A,
     error: Y,
-    haveIcon: ve,
-    iconsCustom: Ce,
+    haveIcon: Ce,
+    iconsCustom: ye,
     onBlur: Z,
     dropdownProps: _,
     allowSearch: H,
-    title: E,
+    title: D,
     onSearchChange: B,
     searchValue: I,
     showClearButton: O = !1,
     searchPlaceholder: ee = "Search...",
     allItems: $,
-    ...ye
-  }, be) => {
-    const [p, R] = ke(!1), Ae = je(null), o = Fe({
+    ...be
+  }, Ae) => {
+    const [p, R] = je(!1), we = De(null), E = Y ? "error" : ue, o = Pe({
       size: n,
-      variant: j,
-      fullWidth: D,
-      state: k,
+      variant: k,
+      fullWidth: j,
+      state: E,
       disabled: a,
       readOnly: s
-    }), we = T(
+    }), Me = T(
       (e) => {
-        if (l === "multiple" && Array.isArray(t) && !a && !s) {
-          const h = t.filter((d) => d !== e);
+        if (l === "multiple" && Array.isArray(r) && !a && !s) {
+          const h = r.filter((d) => d !== e);
           b?.(h);
         }
       },
-      [l, t, b, a, s]
-    ), re = T(() => {
-      l === "multiple" && Array.isArray(t) && t.length > 0 && !a && !s && b?.([]);
-    }, [l, t, b, a, s]), u = P(() => {
-      if (!t) return [];
-      const e = Array.isArray(t) ? t : [t], h = $ && $.length > 0 ? $ : S, d = /* @__PURE__ */ new Map();
+      [l, r, b, a, s]
+    ), te = T(() => {
+      l === "multiple" && Array.isArray(r) && r.length > 0 && !a && !s && b?.([]);
+    }, [l, r, b, a, s]), u = P(() => {
+      if (!r) return [];
+      const e = Array.isArray(r) ? r : [r], h = $ && $.length > 0 ? $ : S, d = /* @__PURE__ */ new Map();
       return ((M) => {
         M.forEach((C) => {
           "items" in C ? C.items.forEach((le) => {
@@ -92,14 +92,14 @@ const pe = Te(
           label: M
         };
       });
-    }, [t, S, $]), F = P(() => {
+    }, [r, S, $]), F = P(() => {
       if (l === "single") {
         const e = u[0];
         return e ? e.label : x;
       }
-      return l === "multiple" ? t?.length === 0 ? x : E ? `${E} ` : "" : "";
-    }, [l, u, x, E, t]), N = ze({
-      items: l === "multiple" && Array.isArray(t) ? u.map((e) => ({
+      return l === "multiple" ? r?.length === 0 ? x : D ? `${D} ` : "" : "";
+    }, [l, u, x, D, r]), N = Ve({
+      items: l === "multiple" && Array.isArray(r) ? u.map((e) => ({
         value: e.value,
         label: e.label
       })) : [],
@@ -109,7 +109,7 @@ const pe = Te(
       moreChipWidth: 60
       // Estimated width for "+X more" chip
     }), w = P(() => {
-      if (l !== "multiple" || !Array.isArray(t))
+      if (l !== "multiple" || !Array.isArray(r))
         return {
           displayItems: [],
           remainingCount: 0,
@@ -132,12 +132,12 @@ const pe = Te(
       } : h;
     }, [
       l,
-      t,
+      r,
       N.displayItems,
       N.remainingCount,
       N.hasMore,
       u
-    ]), Me = A ? { width: typeof A == "number" ? `${A}px` : A } : {}, Se = f(o.container(), xe), v = (e) => {
+    ]), Se = A ? { width: typeof A == "number" ? `${A}px` : A } : {}, $e = f(o.container(), Ne), v = (e) => {
       switch (e) {
         case "sm":
           return 16;
@@ -148,7 +148,7 @@ const pe = Te(
         default:
           return 16;
       }
-    }, te = (e) => {
+    }, re = (e) => {
       switch (e) {
         case "sm":
           return "small";
@@ -169,13 +169,13 @@ const pe = Te(
       R(e), !e && Z && Z(
         new FocusEvent("blur")
       );
-    }, $e = () => /* @__PURE__ */ g(
+    }, Re = () => /* @__PURE__ */ g(
       "div",
       {
         className: o.trigger(),
         "data-state": p ? "open" : "closed",
         children: [
-          c && /* @__PURE__ */ r("span", { className: o.leadingIcon(), children: c.node || c.name && /* @__PURE__ */ r(
+          c && /* @__PURE__ */ t("span", { className: o.leadingIcon(), children: c.node || c.name && /* @__PURE__ */ t(
             y,
             {
               name: c.name,
@@ -183,7 +183,7 @@ const pe = Te(
               "aria-label": c["aria-label"]
             }
           ) }),
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ t(
             "span",
             {
               className: f(
@@ -193,14 +193,14 @@ const pe = Te(
               children: F
             }
           ),
-          m ? /* @__PURE__ */ r("span", { className: o.trailingIcon(), children: m.node || m.name && /* @__PURE__ */ r(
+          m ? /* @__PURE__ */ t("span", { className: o.trailingIcon(), children: m.node || m.name && /* @__PURE__ */ t(
             y,
             {
               name: m.name,
               size: v(n),
               "aria-label": m["aria-label"]
             }
-          ) }) : /* @__PURE__ */ r(
+          ) }) : /* @__PURE__ */ t(
             y,
             {
               name: p ? "chevron-up" : "chevron-down",
@@ -214,22 +214,22 @@ const pe = Te(
     return /* @__PURE__ */ g(
       "div",
       {
-        ref: be,
-        className: Se,
-        style: Me,
-        ...Ee(i || "select"),
-        ...ye,
+        ref: Ae,
+        className: $e,
+        style: Se,
+        ...Fe(i || "select"),
+        ...be,
         children: [
           J && /* @__PURE__ */ g("div", { className: "mb-1 flex items-center gap-[2px]", children: [
-            /* @__PURE__ */ r(z, { variants: "action", size: "sm", color: "fg-neutral-subtle", children: J }),
-            fe && /* @__PURE__ */ r(z, { variants: "action", size: "sm", color: "fg-accent-error", children: "*" })
+            /* @__PURE__ */ t(z, { variants: "action", size: "sm", color: "fg-neutral-subtle", children: J }),
+            he && /* @__PURE__ */ t(z, { variants: "action", size: "sm", color: "fg-accent-error", children: "*" })
           ] }),
-          /* @__PURE__ */ r("div", { className: "relative h-11", children: l === "multiple" ? /* @__PURE__ */ r(
+          /* @__PURE__ */ t("div", { className: "relative h-11", children: l === "multiple" ? /* @__PURE__ */ t(
             ce,
             {
               ..._,
               items: S,
-              value: t,
+              value: r,
               onValueChange: (e) => {
                 a || s || b?.(Array.isArray(e) ? e : [e]);
               },
@@ -239,7 +239,7 @@ const pe = Te(
               loading: V,
               showCheckmark: q,
               emptyText: G,
-              state: k,
+              state: E,
               open: p,
               onOpenChange: ne,
               side: K,
@@ -252,33 +252,28 @@ const pe = Te(
               itemHeight: W,
               maxHeight: X,
               size: n,
-              variant: j,
-              fullWidth: D,
+              variant: k,
+              fullWidth: j,
               searchPlaceholder: ee,
               width: A,
               "data-testid": i ? `${i}-dropdown` : void 0,
               showClearButton: O,
-              onClear: re,
+              onClear: te,
               searchValue: I,
               onSearchChange: B,
               className: "flex items-center",
               children: /* @__PURE__ */ g(
                 "div",
                 {
-                  ref: Ae,
-                  className: f(
-                    o.trigger({
-                      state: Y ? "error" : void 0
-                    }),
-                    "flex"
-                  ),
+                  ref: we,
+                  className: f(o.trigger(), "flex"),
                   "data-state": p ? "open" : "closed",
                   onPointerDown: se,
                   onClick: (e) => {
                     a || s || se(e) || R(!p);
                   },
                   children: [
-                    c && /* @__PURE__ */ r("span", { className: o.leadingIcon(), children: c.node || c.name && /* @__PURE__ */ r(
+                    c && /* @__PURE__ */ t("span", { className: o.leadingIcon(), children: c.node || c.name && /* @__PURE__ */ t(
                       y,
                       {
                         name: c.name,
@@ -287,19 +282,19 @@ const pe = Te(
                         className: "cursor-pointer"
                       }
                     ) }),
-                    /* @__PURE__ */ r(
+                    /* @__PURE__ */ t(
                       "div",
                       {
                         className: f(
                           "flex-1 flex flex-nowrap gap-1 min-h-0 overflow-hidden",
                           !a && !s && "cursor-pointer"
                         ),
-                        children: Array.isArray(w) ? null : /* @__PURE__ */ r(ie, { children: he === "chip" ? /* @__PURE__ */ r(
+                        children: Array.isArray(w) ? null : /* @__PURE__ */ t(ie, { children: de === "chip" ? /* @__PURE__ */ t(
                           "div",
                           {
                             ref: N.containerRef,
                             className: "flex items-center gap-xs-3 flex-nowrap w-full max-w-full overflow-hidden",
-                            children: w.displayItems.length === 0 && !w.hasMore ? /* @__PURE__ */ r(
+                            children: w.displayItems.length === 0 && !w.hasMore ? /* @__PURE__ */ t(
                               "div",
                               {
                                 className: f(
@@ -309,12 +304,12 @@ const pe = Te(
                                 children: x
                               }
                             ) : /* @__PURE__ */ g(ie, { children: [
-                              w.displayItems.map((e) => /* @__PURE__ */ r(
+                              w.displayItems.map((e) => /* @__PURE__ */ t(
                                 me,
                                 {
-                                  size: te(n),
+                                  size: re(n),
                                   onRemove: !a && !s ? () => {
-                                    we(e.value);
+                                    Me(e.value);
                                   } : void 0,
                                   className: "bg-bg-surface-level-3 flex-shrink-0",
                                   variant: "neutral",
@@ -328,15 +323,15 @@ const pe = Te(
                                 },
                                 e.value
                               )),
-                              w.hasMore && /* @__PURE__ */ r(
+                              w.hasMore && /* @__PURE__ */ t(
                                 me,
                                 {
-                                  size: te(n),
+                                  size: re(n),
                                   variant: "neutral",
                                   className: "bg-bg-surface-level-3 flex-shrink-0",
                                   dataTestIdName: `${i || "select"}-chip-more`,
                                   onClick: (e) => e.stopPropagation(),
-                                  children: de.replace(
+                                  children: ge.replace(
                                     "{count}",
                                     w.remainingCount.toString()
                                   )
@@ -346,14 +341,14 @@ const pe = Te(
                           }
                         ) : (
                           // Default display mode - show summary text
-                          /* @__PURE__ */ r(
+                          /* @__PURE__ */ t(
                             "div",
                             {
                               className: f(
                                 o.placeholder(),
                                 !a && !s && "cursor-pointer"
                               ),
-                              children: Array.isArray(t) ? t?.length > 0 ? /* @__PURE__ */ g(
+                              children: Array.isArray(r) ? r?.length > 0 ? /* @__PURE__ */ g(
                                 z,
                                 {
                                   variants: "body",
@@ -363,7 +358,7 @@ const pe = Te(
                                     F,
                                     /* @__PURE__ */ g("span", { className: "text-fg-brand-rest", children: [
                                       "(",
-                                      t?.length,
+                                      r?.length,
                                       ")"
                                     ] })
                                   ]
@@ -375,12 +370,12 @@ const pe = Te(
                       }
                     ),
                     /* @__PURE__ */ g("div", { className: "flex items-center gap-xs", children: [
-                      Array.isArray(t) && t.length > 0 && /* @__PURE__ */ r(
+                      Array.isArray(r) && r.length > 0 && /* @__PURE__ */ t(
                         "button",
                         {
                           type: "button",
                           onClick: (e) => {
-                            e.stopPropagation(), re();
+                            e.stopPropagation(), te();
                           },
                           className: f(
                             "flex items-center justify-center rounded-sm transition-colors",
@@ -391,7 +386,7 @@ const pe = Te(
                           "aria-label": "Clear all selections",
                           "data-testid": i ? `${i}-clear-all` : void 0,
                           "data-no-trigger": "true",
-                          children: /* @__PURE__ */ r(
+                          children: /* @__PURE__ */ t(
                             y,
                             {
                               name: "x-circle",
@@ -402,7 +397,7 @@ const pe = Te(
                           )
                         }
                       ),
-                      /* @__PURE__ */ r(
+                      /* @__PURE__ */ t(
                         "button",
                         {
                           type: "button",
@@ -414,14 +409,14 @@ const pe = Te(
                             !a && !s && "cursor-pointer"
                           ),
                           "data-testid": i ? `${i}-dropdown-toggle` : "dropdown-toggle",
-                          children: m ? /* @__PURE__ */ r("span", { className: o.trailingIcon(), children: m.node || m.name && /* @__PURE__ */ r(
+                          children: m ? /* @__PURE__ */ t("span", { className: o.trailingIcon(), children: m.node || m.name && /* @__PURE__ */ t(
                             y,
                             {
                               name: m.name,
                               size: v(n),
                               "aria-label": m["aria-label"]
                             }
-                          ) }) : /* @__PURE__ */ r(
+                          ) }) : /* @__PURE__ */ t(
                             y,
                             {
                               name: p ? "chevron-up" : "chevron-down",
@@ -441,12 +436,12 @@ const pe = Te(
             }
           ) : (
             /* Single mode - use Dropdown normally */
-            /* @__PURE__ */ r(
+            /* @__PURE__ */ t(
               ce,
               {
                 ..._,
                 items: S,
-                value: t,
+                value: r,
                 onValueChange: (e) => {
                   a || s || (b?.(e), R(!1));
                 },
@@ -455,7 +450,7 @@ const pe = Te(
                 loading: V,
                 showCheckmark: q,
                 emptyText: G,
-                state: k,
+                state: E,
                 open: p,
                 onOpenChange: ne,
                 side: K,
@@ -465,8 +460,8 @@ const pe = Te(
                 itemHeight: W,
                 maxHeight: X,
                 size: n,
-                variant: j,
-                fullWidth: D,
+                variant: k,
+                fullWidth: j,
                 width: A,
                 "data-testid": i ? `${i}-dropdown` : void 0,
                 search: H,
@@ -474,19 +469,19 @@ const pe = Te(
                 searchValue: I,
                 onSearchChange: B,
                 showClearButton: O,
-                children: ge || $e()
+                children: xe || Re()
               }
             )
           ) }),
-          /* @__PURE__ */ r(
-            Pe,
+          /* @__PURE__ */ t(
+            ze,
             {
               className: "mt-1",
-              text: ue,
+              text: fe,
               error: Y,
-              haveIcon: ve,
-              iconsSize: Ne,
-              iconsCustom: Ce
+              haveIcon: Ce,
+              iconsSize: ve,
+              iconsCustom: ye
             }
           )
         ]
@@ -495,7 +490,7 @@ const pe = Te(
   }
 );
 pe.displayName = "Select";
-const _e = De(pe);
+const He = Ee(pe);
 export {
-  _e as default
+  He as default
 };

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "mcr-design-systems",
   "private": false,
-  "version": "1.0.218",
+  "version": "1.0.220",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",