@recursica/mantine-adapter 0.50.2 → 0.50.5

package/dist/mantine-adapter.js

@@ -303,6 +303,7 @@ const Rr = [
   "gap",
   "rowGap",
   "columnGap",
+  "gutter",
   "top",
   "left",
   "bottom",
@@ -481,13 +482,13 @@ const Gr = "AssistiveElement-module__root___WhQ43", Hr = "AssistiveElement-modul
   overStyled: l = !1,
   ...i
 }, c) {
-  const m = u(i, l), p = tt.root, P = t ? `${p} ${t}` : p, y = e === "error" ? Kr : qr;
+  const m = u(i, l), p = tt.root, C = t ? `${p} ${t}` : p, y = e === "error" ? Kr : qr;
   return /* @__PURE__ */ M(
     "div",
     {
       ref: c,
       ...m,
-      className: P,
+      className: C,
       "data-variant": e,
       role: s ?? (e === "error" ? "alert" : void 0),
       style: m.style,
@@ -518,31 +519,31 @@ const Yr = "Label-module__root___e6HXZ", Zr = "Label-module__labelText___rieFR",
   overStyled: d = !1,
   ...m
 }, p) {
-  const P = n || "left";
+  const C = n || "left";
   let y;
   o || (t === !0 ? y = "optional" : t && (y = t));
-  const v = [
+  const N = [
     "size"
     // Recursica controls label sizing via `labelSize` + design tokens, not Mantine's native `size`.
-  ], h = G(
+  ], v = G(
     u(m, d),
-    v
-  ), x = h, N = E(
+    N
+  ), S = v, b = E(
     {
       label: to.root,
       required: to.required
     },
-    x.classNames
-  ), w = x.className, $ = w ? `${to.root} ${w}` : to.root;
+    S.classNames
+  ), T = S.className, $ = T ? `${to.root} ${T}` : to.root;
   return /* @__PURE__ */ M(
     Ft.Label,
     {
       ref: p,
-      ...h,
+      ...v,
       className: $,
-      classNames: N,
+      classNames: b,
       "data-size": e,
-      "data-alignment": P,
+      "data-alignment": C,
       required: o && !s,
       children: [
         /* @__PURE__ */ a("span", { className: to.labelText, children: c }),
@@ -632,26 +633,26 @@ const as = "FormControlWrapper-module__root___c-UHo", rs = "FormControlWrapper-m
   description: d,
   assistiveText: m,
   assistiveWithIcon: p = !0,
-  controlMaxWidth: P,
+  controlMaxWidth: C,
   controlMinWidth: y,
-  error: v,
-  required: h,
-  withAsterisk: x,
-  id: N,
-  children: w,
+  error: N,
+  required: v,
+  withAsterisk: S,
+  id: b,
+  children: T,
   className: $,
-  overStyled: T = !1,
-  labelElement: C,
+  overStyled: g = !1,
+  labelElement: P,
   // Extracted safely preventing bleeding into HTML domains
   ...f
-}, b) {
-  const g = Bt(), I = N || `recursica-fc-${g}`, L = m || d, B = L ? `${I}-assistive` : void 0, W = v ? `${I}-error` : void 0, Y = u(f, T), j = $ || Y.className, q = Lt.root, J = j ? `${q} ${j}` : q, H = K.isValidElement(w) ? K.cloneElement(
-    w,
+}, w) {
+  const h = Bt(), I = b || `recursica-fc-${h}`, L = m || d, B = L ? `${I}-assistive` : void 0, W = N ? `${I}-error` : void 0, Y = u(f, g), j = $ || Y.className, q = Lt.root, J = j ? `${q} ${j}` : q, H = K.isValidElement(T) ? K.cloneElement(
+    T,
     {
-      ...L && !w.props["aria-describedby"] ? { "aria-describedby": B } : {},
-      ...v && !w.props["aria-errormessage"] ? { "aria-errormessage": W } : {}
+      ...L && !T.props["aria-describedby"] ? { "aria-describedby": B } : {},
+      ...N && !T.props["aria-errormessage"] ? { "aria-errormessage": W } : {}
     }
-  ) : w, Z = c ? /* @__PURE__ */ a(
+  ) : T, Z = c ? /* @__PURE__ */ a(
     ut,
     {
       id: I,
@@ -660,34 +661,34 @@ const as = "FormControlWrapper-module__root___c-UHo", rs = "FormControlWrapper-m
       labelWithEditIcon: s,
       labelActionArea: l,
       onLabelEditClick: i,
-      required: x ?? h,
-      ...C === "div" ? { as: "div" } : {},
+      required: S ?? v,
+      ...P === "div" ? { as: "div" } : {},
       children: c
     }
   ) : void 0;
   return /* @__PURE__ */ a(
     Ge,
     {
-      ref: b,
+      ref: w,
       className: J,
       formLayout: e,
       labelSize: n,
-      controlMaxWidth: P,
+      controlMaxWidth: C,
       controlMinWidth: y,
       leftSection: Z,
       ...Y,
       children: /* @__PURE__ */ M("div", { className: Lt.inputSection, children: [
         H,
-        v && /* @__PURE__ */ a(
+        N && /* @__PURE__ */ a(
           Ho,
           {
             id: W,
             assistiveVariant: "error",
             assistiveWithIcon: p,
-            children: v
+            children: N
           }
         ),
-        !v && L && /* @__PURE__ */ a(
+        !N && L && /* @__PURE__ */ a(
           Ho,
           {
             id: B,
@@ -763,14 +764,14 @@ const pt = _(
         );
         break;
     }
-    const v = s ? `${jo.layoutOverride} ${s}` : jo.layoutOverride;
+    const N = s ? `${jo.layoutOverride} ${s}` : jo.layoutOverride;
     return /* @__PURE__ */ a(
       go,
       {
         ref: c,
         ...m,
         overStyled: t,
-        className: v,
+        className: N,
         style: l,
         children: d
       }
@@ -867,19 +868,19 @@ const is = "AutoComplete-module__layoutOverride___-K9WL", cs = "AutoComplete-mod
       onLabelEditClick: d,
       label: m,
       assistiveText: p,
-      assistiveWithIcon: P,
+      assistiveWithIcon: C,
       error: y,
-      required: v,
-      withAsterisk: h,
-      id: x,
-      className: N,
-      style: w,
+      required: N,
+      withAsterisk: v,
+      id: S,
+      className: b,
+      style: T,
       disabled: $,
-      readOnly: T,
-      readOnlyComponent: C,
+      readOnly: g,
+      readOnlyComponent: P,
       emptyValueComponent: f,
-      value: b,
-      defaultValue: g,
+      value: w,
+      defaultValue: h,
       data: I,
       renderOption: L,
       wrapItemText: B = !1,
@@ -903,12 +904,12 @@ const is = "AutoComplete-module__layoutOverride___-K9WL", cs = "AutoComplete-mod
       optionText: Ce.optionText,
       optionTextWrap: Ce.optionTextWrap,
       optionSupportingText: Ce.optionSupportingText
-    }, H = N ? `${Ce.layoutOverride} ${N}` : Ce.layoutOverride;
+    }, H = b ? `${Ce.layoutOverride} ${b}` : Ce.layoutOverride;
     return /* @__PURE__ */ a(
       ve,
       {
         className: H,
-        style: w,
+        style: T,
         controlMaxWidth: "var(--autocomplete-control-max-width)",
         controlMinWidth: "var(--autocomplete-control-min-width)",
         overStyled: o,
@@ -920,16 +921,16 @@ const is = "AutoComplete-module__layoutOverride___-K9WL", cs = "AutoComplete-mod
         onLabelEditClick: d,
         label: m,
         assistiveText: p,
-        assistiveWithIcon: P,
+        assistiveWithIcon: C,
         error: y,
-        required: v,
-        withAsterisk: h,
-        id: x,
-        readOnly: T,
-        readOnlyComponent: C,
+        required: N,
+        withAsterisk: v,
+        id: S,
+        readOnly: g,
+        readOnlyComponent: P,
         emptyValueComponent: f,
         readOnlyType: "text",
-        readOnlyValue: b !== void 0 ? b : g,
+        readOnlyValue: w !== void 0 ? w : h,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
@@ -940,8 +941,8 @@ const is = "AutoComplete-module__layoutOverride___-K9WL", cs = "AutoComplete-mod
               ...A,
               classNames: q,
               disabled: $,
-              value: b,
-              defaultValue: g,
+              value: w,
+              defaultValue: h,
               error: !!y,
               data: j,
               renderOption: L ?? ((Z) => en(Z, J, B))
@@ -981,33 +982,33 @@ const bs = "Avatar-module__root___fXu-J", Cs = "Avatar-module__iconWrapper___ojl
     // Colors are token-driven via `data-variant`; Mantine's native palette isn't exposed.
     "radius"
     // Avatar corner radius is controlled by design tokens, not a raw radius prop.
-  ], P = G(
+  ], C = G(
     u(i, l),
     p
-  ), y = P;
-  let v = "text";
-  s ? v = "image" : o && (v = "icon");
-  const h = E(
+  ), y = C;
+  let N = "text";
+  s ? N = "image" : o && (N = "icon");
+  const v = E(
     {
       root: To.root,
       image: To.image,
       placeholder: To.placeholder
     },
     y.classNames
-  ), x = y.className;
+  ), S = y.className;
   return /* @__PURE__ */ a(
     Qa,
     {
       ref: c,
-      ...P,
-      className: x,
-      classNames: h,
+      ...C,
+      className: S,
+      classNames: v,
       variant: d[n],
       size: m[e],
       src: s,
       "data-variant": n,
       "data-size": e,
-      "data-style": v,
+      "data-style": N,
       children: o != null ? /* @__PURE__ */ a("span", { className: To.iconWrapper, "aria-hidden": !0, children: o }) : t != null ? /* @__PURE__ */ a("span", { className: To.textWrapper, children: t }) : void 0
     }
   );
@@ -1084,7 +1085,7 @@ const Os = "Loader-module__root___6iYOP", nt = {
   }[n] || "default", c = u(t, o), d = c, m = E(
     { root: nt.root },
     d.classNames
-  ), p = d.className, P = p ? `${nt.root} ${p}` : nt.root;
+  ), p = d.className, C = p ? `${nt.root} ${p}` : nt.root;
   return /* @__PURE__ */ a(
     er,
     {
@@ -1093,7 +1094,7 @@ const Os = "Loader-module__root___6iYOP", nt = {
       type: e,
       "data-variant": e,
       "data-size": i,
-      className: P,
+      className: C,
       classNames: m
     }
   );
@@ -1125,51 +1126,51 @@ const sn = _(function({
     solid: "filled",
     outline: "outline",
     text: "subtle"
-  }, P = {
+  }, C = {
     default: "md",
     small: "sm"
   }, y = [
     "fullWidth"
     // Recursica Button width comes from layout/token constraints, not Mantine's boolean fullWidth toggle.
-  ], v = G(
+  ], N = G(
     u(d, s),
     y
-  ), h = v, x = !!o || !!h.leftSection, N = !!h.rightSection, w = Ws(t), $ = (x || N) && !w;
-  let T = "label";
-  $ ? T = "icon-only" : (x || N) && (T = "icon-label"), typeof process < "u" && process.env.NODE_ENV !== "production" && $ && !h["aria-label"] && console.warn(
+  ), v = N, S = !!o || !!v.leftSection, b = !!v.rightSection, T = Ws(t), $ = (S || b) && !T;
+  let g = "label";
+  $ ? g = "icon-only" : (S || b) && (g = "icon-label"), typeof process < "u" && process.env.NODE_ENV !== "production" && $ && !v["aria-label"] && console.warn(
     '[Recursica Button] Icon-only buttons must provide an accessible name. Pass aria-label (e.g. aria-label="Submit").'
   );
-  const C = E(
+  const P = E(
     {
       root: no.root,
       section: no.section,
       label: no.label,
       loader: no.loader
     },
-    h.classNames
-  ), f = h.className, b = f ? `${no.root} ${f}` : no.root, g = h.loaderProps, I = me(
+    v.classNames
+  ), f = v.className, w = f ? `${no.root} ${f}` : no.root, h = v.loaderProps, I = me(
     n === "small" ? "small" : "default",
     i
   );
-  let L = g;
+  let L = h;
   return c && (L = {
     children: /* @__PURE__ */ a(mt, { variant: l, size: I }),
-    ...g
+    ...h
   }), /* @__PURE__ */ a(
     or,
     {
       ref: m,
-      ...v,
-      className: b,
-      classNames: C,
+      ...N,
+      className: w,
+      classNames: P,
       variant: p[e],
-      size: P[n],
+      size: C[n],
       loaderProps: L,
       leftSection: o != null ? /* @__PURE__ */ a("span", { className: no.iconWrapper, "aria-hidden": !0, children: o }) : void 0,
       "data-variant": e,
       "data-size": n,
-      "data-content": T,
-      disabled: !!h.disabled || !!h.loading,
+      "data-content": g,
+      disabled: !!v.disabled || !!v.loading,
       children: /* @__PURE__ */ a("span", { className: no.labelText, children: t })
     }
   );
@@ -1318,19 +1319,19 @@ const Vs = _n, Gs = "Checkbox-module__groupRoot___cBS0o", Hs = "Checkbox-module_
       // Base Mantine Extracted Attributes
       label: m,
       description: p,
-      assistiveText: P,
+      assistiveText: C,
       assistiveWithIcon: y,
-      error: v,
-      required: h,
-      withAsterisk: x,
-      id: N,
-      className: w,
+      error: N,
+      required: v,
+      withAsterisk: S,
+      id: b,
+      className: T,
       style: $,
-      children: T,
-      readOnly: C,
+      children: g,
+      readOnly: P,
       readOnlyComponent: f,
-      emptyValueComponent: b,
-      value: g,
+      emptyValueComponent: w,
+      value: h,
       defaultValue: I,
       ...L
     } = e, B = [
@@ -1343,7 +1344,7 @@ const Vs = _n, Gs = "Checkbox-module__groupRoot___cBS0o", Hs = "Checkbox-module_
     return /* @__PURE__ */ a(
       ve,
       {
-        className: w,
+        className: T,
         style: $,
         controlMaxWidth: "var(--recursica_ui-kit_components_checkbox-item_properties_max-width)",
         controlMinWidth: void 0,
@@ -1357,27 +1358,27 @@ const Vs = _n, Gs = "Checkbox-module__groupRoot___cBS0o", Hs = "Checkbox-module_
         onLabelEditClick: d,
         label: m,
         description: p,
-        assistiveText: P,
+        assistiveText: C,
         assistiveWithIcon: y,
-        error: v,
-        required: h,
-        withAsterisk: x,
-        id: N,
-        readOnly: C && !!f,
+        error: N,
+        required: v,
+        withAsterisk: S,
+        id: b,
+        readOnly: P && !!f,
         readOnlyComponent: f,
-        emptyValueComponent: b,
+        emptyValueComponent: w,
         readOnlyType: "text",
-        readOnlyValue: g !== void 0 ? g : I,
+        readOnlyValue: h !== void 0 ? h : I,
         readOnlyNativeProps: e,
-        activeComponent: g !== void 0 || I !== void 0 ? /* @__PURE__ */ a(
+        activeComponent: h !== void 0 || I !== void 0 ? /* @__PURE__ */ a(
           Ut.Group,
           {
             ref: n,
             ...W,
-            disabled: C || A.disabled,
-            value: g,
+            disabled: P || A.disabled,
+            value: h,
             defaultValue: I,
-            children: /* @__PURE__ */ a("div", { className: ke.groupRoot, "data-layout": t, children: T })
+            children: /* @__PURE__ */ a("div", { className: ke.groupRoot, "data-layout": t, children: g })
           }
         ) : /* @__PURE__ */ a(
           "div",
@@ -1387,7 +1388,7 @@ const Vs = _n, Gs = "Checkbox-module__groupRoot___cBS0o", Hs = "Checkbox-module_
             role: "group",
             className: ke.groupRoot,
             "data-layout": t,
-            children: T
+            children: g
           }
         )
       }
@@ -1407,7 +1408,7 @@ const Lo = _(
       controlMaxWidth: d,
       controlMinWidth: m,
       ...p
-    } = e, P = [
+    } = e, C = [
       "size",
       // Recursica controls sizing via Checkbox.module.css variables, not Mantine's native size scale.
       "color",
@@ -1420,8 +1421,8 @@ const Lo = _(
       // Icon color is token-driven via Checkbox.module.css, not a native Mantine override.
     ], y = G(
       u(p, o),
-      P
-    ), v = y, h = E(
+      C
+    ), N = y, v = E(
       {
         root: ke.root,
         body: ke.body,
@@ -1431,15 +1432,15 @@ const Lo = _(
         labelWrapper: ke.labelWrapper,
         label: ke.label
       },
-      v.classNames
-    ), x = v.className, N = x ? `${ke.root} ${x}` : ke.root;
+      N.classNames
+    ), S = N.className, b = S ? `${ke.root} ${S}` : ke.root;
     if (t && s) {
-      const $ = !!(v.checked ?? v.defaultChecked), C = /* @__PURE__ */ a(
+      const $ = !!(N.checked ?? N.defaultChecked), P = /* @__PURE__ */ a(
         s,
         {
           ...e,
           checked: $,
-          label: v.label
+          label: N.label
         }
       );
       return i ? /* @__PURE__ */ a(
@@ -1449,17 +1450,17 @@ const Lo = _(
           labelSize: c,
           controlMaxWidth: d,
           controlMinWidth: m,
-          children: C
+          children: P
         }
-      ) : /* @__PURE__ */ a(No, { children: C });
+      ) : /* @__PURE__ */ a(No, { children: P });
     }
-    const w = /* @__PURE__ */ a(
+    const T = /* @__PURE__ */ a(
       Ut,
       {
         ref: n,
         ...y,
-        className: N,
-        classNames: h,
+        className: b,
+        classNames: v,
         disabled: t || l
       }
     );
@@ -1470,9 +1471,9 @@ const Lo = _(
         labelSize: c,
         controlMaxWidth: d,
         controlMinWidth: m,
-        children: w
+        children: T
       }
-    ) : w;
+    ) : T;
   }
 );
 Lo.displayName = "Checkbox";
@@ -1515,13 +1516,14 @@ const Ao = _(function({
   deleteTabIndex: s,
   deleteIconRef: l,
   children: i,
-  overStyled: c = !1,
-  wrapperProps: d,
-  tabIndex: m,
-  "aria-hidden": p,
-  ...P
-}, y) {
-  const v = u(P, c), h = v, x = E(
+  checked: c,
+  overStyled: d = !1,
+  wrapperProps: m,
+  tabIndex: p,
+  "aria-hidden": C,
+  ...y
+}, N) {
+  const v = u(y, d), S = v, b = E(
     {
       root: Oe.root,
       label: Oe.label,
@@ -1529,30 +1531,31 @@ const Ao = _(function({
       iconWrapper: Oe.mantineIconWrapper,
       checkIcon: Oe.checkIcon
     },
-    h.classNames
-  ), N = h.className, w = N ? `${Oe.root} ${N}` : Oe.root, $ = e ? "" : void 0, T = !i && (!!n || !!o), C = o !== void 0 || h.onClick !== void 0 || h.onChange !== void 0, f = {
-    ...$ !== void 0 ? { "data-error": "" } : {},
-    ...C ? { "data-interactive": "" } : {}
+    S.classNames
+  ), T = S.className, $ = T ? `${Oe.root} ${T}` : Oe.root, g = e ? "" : void 0, P = !i && (!!n || !!o), f = o !== void 0 || S.onClick !== void 0 || S.onChange !== void 0, w = {
+    ...g !== void 0 ? { "data-error": "" } : {},
+    ...f ? { "data-interactive": "" } : {}
   };
   return /* @__PURE__ */ a(
     tr,
     {
-      ref: y,
+      ref: N,
       ...v,
-      className: w,
-      classNames: x,
-      wrapperProps: me(f, d),
-      "data-icon-only": T ? "" : void 0,
+      checked: c,
+      className: $,
+      classNames: b,
+      wrapperProps: me(w, m),
+      "data-icon-only": P ? "" : void 0,
       tabIndex: me(
-        C ? void 0 : -1,
-        m
+        f ? void 0 : -1,
+        p
       ),
       "aria-hidden": me(
-        C ? void 0 : !0,
-        p
+        f ? void 0 : !0,
+        C
       ),
       children: /* @__PURE__ */ M("span", { className: Oe.innerWrapper, children: [
-        n && /* @__PURE__ */ a("span", { className: Oe.leadingIcon, "aria-hidden": !0, children: n }),
+        n && !c && /* @__PURE__ */ a("span", { className: Oe.leadingIcon, "aria-hidden": !0, children: n }),
         /* @__PURE__ */ a("span", { className: Oe.children, children: i }),
         o && /* @__PURE__ */ a(
           "span",
@@ -1560,13 +1563,13 @@ const Ao = _(function({
             ref: l,
             role: "button",
             className: Oe.deleteIcon,
-            onClick: (b) => {
-              b.preventDefault(), b.stopPropagation(), o(b);
+            onClick: (h) => {
+              h.preventDefault(), h.stopPropagation(), o(h);
             },
             "aria-label": t,
-            onKeyDown: (b) => {
-              (b.key === "Enter" || b.key === " ") && (b.preventDefault(), b.stopPropagation(), o(
-                b
+            onKeyDown: (h) => {
+              (h.key === "Enter" || h.key === " ") && (h.preventDefault(), h.stopPropagation(), o(
+                h
               ));
             },
             tabIndex: s ?? 0,
@@ -1666,19 +1669,19 @@ const il = "DatePicker-module__layoutOverride___X9yaM", cl = "DatePicker-module_
       onLabelEditClick: d,
       label: m,
       assistiveText: p,
-      assistiveWithIcon: P,
+      assistiveWithIcon: C,
       error: y,
-      required: v,
-      withAsterisk: h,
-      id: x,
-      className: N,
-      style: w,
+      required: N,
+      withAsterisk: v,
+      id: S,
+      className: b,
+      style: T,
       disabled: $,
-      readOnly: T,
-      readOnlyComponent: C,
+      readOnly: g,
+      readOnlyComponent: P,
       emptyValueComponent: f,
-      value: b,
-      defaultValue: g,
+      value: w,
+      defaultValue: h,
       highlightToday: I = !0,
       // Default on so today is visually marked; consumers can still override.
       valueFormat: L = "MM/DD/YY",
@@ -1713,12 +1716,12 @@ const il = "DatePicker-module__layoutOverride___X9yaM", cl = "DatePicker-module_
         { dropdown: Pe.dropdown },
         Z
       )
-    }, ue = N ? `${Pe.layoutOverride} ${N}` : Pe.layoutOverride;
+    }, ue = b ? `${Pe.layoutOverride} ${b}` : Pe.layoutOverride;
     return /* @__PURE__ */ a(
       ve,
       {
         className: ue,
-        style: w,
+        style: T,
         controlMaxWidth: void 0,
         controlMinWidth: void 0,
         overStyled: o,
@@ -1730,16 +1733,16 @@ const il = "DatePicker-module__layoutOverride___X9yaM", cl = "DatePicker-module_
         onLabelEditClick: d,
         label: m,
         assistiveText: p,
-        assistiveWithIcon: P,
+        assistiveWithIcon: C,
         error: y,
-        required: v,
-        withAsterisk: h,
-        id: x,
-        readOnly: T,
-        readOnlyComponent: C,
+        required: N,
+        withAsterisk: v,
+        id: S,
+        readOnly: g,
+        readOnlyComponent: P,
         emptyValueComponent: f,
         readOnlyType: "text",
-        readOnlyValue: b !== void 0 ? String(b) : g ? String(g) : void 0,
+        readOnlyValue: w !== void 0 ? String(w) : h ? String(h) : void 0,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
@@ -1750,8 +1753,8 @@ const il = "DatePicker-module__layoutOverride___X9yaM", cl = "DatePicker-module_
               ...Y,
               classNames: q,
               disabled: $,
-              value: b,
-              defaultValue: g,
+              value: w,
+              defaultValue: h,
               label: void 0,
               description: void 0,
               error: void 0,
@@ -1809,19 +1812,19 @@ const bl = "Dropdown-module__layoutOverride___FNcvP", Cl = "Dropdown-module__roo
       labelWithEditIcon: d,
       onLabelEditClick: m,
       label: p,
-      assistiveText: P,
+      assistiveText: C,
       assistiveWithIcon: y,
-      error: v,
-      required: h,
-      withAsterisk: x,
-      id: N,
-      className: w,
+      error: N,
+      required: v,
+      withAsterisk: S,
+      id: b,
+      className: T,
       style: $,
-      disabled: T,
-      readOnly: C,
+      disabled: g,
+      readOnly: P,
       readOnlyComponent: f,
-      emptyValueComponent: b,
-      value: g,
+      emptyValueComponent: w,
+      value: h,
       defaultValue: I,
       data: L,
       clearButtonProps: B,
@@ -1853,7 +1856,7 @@ const bl = "Dropdown-module__layoutOverride___FNcvP", Cl = "Dropdown-module__roo
     }, D = {
       ...$ || {},
       width: s || "100%"
-    }, re = w ? `${oe.layoutOverride} ${w}` : oe.layoutOverride;
+    }, re = T ? `${oe.layoutOverride} ${T}` : oe.layoutOverride;
     return /* @__PURE__ */ a(
       ve,
       {
@@ -1869,17 +1872,17 @@ const bl = "Dropdown-module__layoutOverride___FNcvP", Cl = "Dropdown-module__roo
         labelWithEditIcon: d,
         onLabelEditClick: m,
         label: p,
-        assistiveText: P,
+        assistiveText: C,
         assistiveWithIcon: y,
-        error: v,
-        required: h,
-        withAsterisk: x,
-        id: N,
-        readOnly: C,
+        error: N,
+        required: v,
+        withAsterisk: S,
+        id: b,
+        readOnly: P,
         readOnlyComponent: f,
-        emptyValueComponent: b,
+        emptyValueComponent: w,
         readOnlyType: "text",
-        readOnlyValue: g !== void 0 ? String(g) : I ? String(I) : void 0,
+        readOnlyValue: h !== void 0 ? String(h) : I ? String(I) : void 0,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Select execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
@@ -1889,8 +1892,8 @@ const bl = "Dropdown-module__layoutOverride___FNcvP", Cl = "Dropdown-module__roo
               ref: n,
               ...j,
               classNames: te,
-              disabled: T,
-              value: g,
+              disabled: g,
+              value: h,
               defaultValue: I,
               data: J || [],
               renderOption: W ?? ((pe) => en(pe, ue, A)),
@@ -1902,8 +1905,8 @@ const bl = "Dropdown-module__layoutOverride___FNcvP", Cl = "Dropdown-module__roo
               withAsterisk: void 0,
               attributes: {
                 wrapper: {
-                  "data-disabled": T ? "true" : void 0,
-                  "data-error": v ? "true" : void 0
+                  "data-disabled": g ? "true" : void 0,
+                  "data-error": N ? "true" : void 0
                 }
               }
             }
@@ -1976,19 +1979,19 @@ const vn = _(
       labelActionArea: d,
       onLabelEditClick: m,
       label: p,
-      assistiveText: P,
+      assistiveText: C,
       assistiveWithIcon: y,
-      error: v,
-      required: h,
-      withAsterisk: x,
-      id: N,
-      className: w,
+      error: N,
+      required: v,
+      withAsterisk: S,
+      id: b,
+      className: T,
       style: $,
-      disabled: T,
-      readOnly: C,
+      disabled: g,
+      readOnly: P,
       files: f,
-      onFilesAdded: b,
-      onFileRemove: g,
+      onFilesAdded: w,
+      onFileRemove: h,
       accept: I,
       multiple: L = !1,
       maxSize: B,
@@ -2003,9 +2006,9 @@ const vn = _(
       removeFileLabel: te = "Remove",
       clearLabel: ue = "Clear",
       ...D
-    } = e, pe = u(D, o), O = !T && !C, le = !!f && f.length > 0, Ne = Ve(null), [se, ie] = ce(!1), [be, $e] = ce(!1), Qe = (S) => {
+    } = e, pe = u(D, o), O = !g && !P, le = !!f && f.length > 0, Ne = Ve(null), [se, ie] = ce(!1), [be, $e] = ce(!1), Qe = (x) => {
       if (!O) return;
-      const ne = Array.from(S);
+      const ne = Array.from(x);
       if (ne.length === 0) return;
       const ae = L ? W : 1, X = L ? (f == null ? void 0 : f.length) ?? 0 : 0, fe = [], zo = [];
       let wt = !1, St = !1;
@@ -2015,41 +2018,41 @@ const vn = _(
         const Ka = B !== void 0 && ot.size > B, Ot = ae !== void 0 && X + fe.length >= ae;
         Ot && (St = !0), (xt || Ka || Ot ? zo : fe).push(ot);
       }
-      ie(wt), $e(St), fe.length > 0 && (b == null || b(fe)), zo.length > 0 && (A == null || A(zo));
-    }, we = Ve(0), [Xe, Ee] = ce(!1), Be = (S) => {
-      S.preventDefault(), we.current += 1, Ee(!0);
-    }, po = (S) => {
-      S.preventDefault(), we.current -= 1, we.current <= 0 && (we.current = 0, Ee(!1));
-    }, Se = (S) => {
-      S.preventDefault();
-    }, Je = (S) => {
-      S.preventDefault(), we.current = 0, Ee(!1), Qe(S.dataTransfer.files);
+      ie(wt), $e(St), fe.length > 0 && (w == null || w(fe)), zo.length > 0 && (A == null || A(zo));
+    }, we = Ve(0), [Xe, Ee] = ce(!1), Be = (x) => {
+      x.preventDefault(), we.current += 1, Ee(!0);
+    }, po = (x) => {
+      x.preventDefault(), we.current -= 1, we.current <= 0 && (we.current = 0, Ee(!1));
+    }, Se = (x) => {
+      x.preventDefault();
+    }, Je = (x) => {
+      x.preventDefault(), we.current = 0, Ee(!1), Qe(x.dataTransfer.files);
     }, xe = () => {
-      var S;
-      O && ((S = Ne.current) == null || S.click());
-    }, eo = (S) => {
-      S.key !== "Enter" && S.key !== " " || (S.preventDefault(), xe());
-    }, V = (S) => {
-      S.target.files && Qe(S.target.files), S.target.value = "";
+      var x;
+      O && ((x = Ne.current) == null || x.click());
+    }, eo = (x) => {
+      x.key !== "Enter" && x.key !== " " || (x.preventDefault(), xe());
+    }, V = (x) => {
+      x.target.files && Qe(x.target.files), x.target.value = "";
     }, F = () => {
-      !O || !f || f.length === 0 || f.forEach((S) => g == null ? void 0 : g(S.id ?? S.file.name));
+      !O || !f || f.length === 0 || f.forEach((x) => h == null ? void 0 : h(x.id ?? x.file.name));
     }, [z, k] = ce(0), U = Ve([]), Q = Ve((f == null ? void 0 : f.length) ?? 0);
     Ie(() => {
       var ne;
-      const S = (f == null ? void 0 : f.length) ?? 0;
-      if (S > 0 && S < Q.current) {
-        const ae = Math.min(z, S - 1);
+      const x = (f == null ? void 0 : f.length) ?? 0;
+      if (x > 0 && x < Q.current) {
+        const ae = Math.min(z, x - 1);
         k(ae), (ne = U.current[ae]) == null || ne.focus();
       }
-      Q.current = S;
+      Q.current = x;
     }, [f]);
-    const _e = (S) => {
+    const _e = (x) => {
       var X;
       const ne = (f == null ? void 0 : f.length) ?? 0;
       if (ne === 0) return;
       let ae;
-      S.key === "ArrowRight" || S.key === "ArrowDown" ? ae = (z + 1) % ne : (S.key === "ArrowLeft" || S.key === "ArrowUp") && (ae = (z - 1 + ne) % ne), ae !== void 0 && (S.preventDefault(), S.stopPropagation(), k(ae), (X = U.current[ae]) == null || X.focus());
-    }, oo = v ?? (se ? Y : be ? j : void 0), mo = w ? `${Fe.layoutOverride} ${w}` : Fe.layoutOverride;
+      x.key === "ArrowRight" || x.key === "ArrowDown" ? ae = (z + 1) % ne : (x.key === "ArrowLeft" || x.key === "ArrowUp") && (ae = (z - 1 + ne) % ne), ae !== void 0 && (x.preventDefault(), x.stopPropagation(), k(ae), (X = U.current[ae]) == null || X.focus());
+    }, oo = N ?? (se ? Y : be ? j : void 0), mo = T ? `${Fe.layoutOverride} ${T}` : Fe.layoutOverride;
     return /* @__PURE__ */ a(
       go,
       {
@@ -2064,12 +2067,12 @@ const vn = _(
         labelActionArea: d,
         onLabelEditClick: m,
         label: p,
-        assistiveText: P,
+        assistiveText: C,
         assistiveWithIcon: y,
         error: oo,
-        required: h,
-        withAsterisk: x,
-        id: N,
+        required: v,
+        withAsterisk: S,
+        id: b,
         controlMaxWidth: "var(--file-input-control-max-width)",
         controlMinWidth: "var(--file-input-control-min-width)",
         children: /* @__PURE__ */ M(
@@ -2080,10 +2083,10 @@ const vn = _(
             className: Fe.root,
             role: "button",
             "aria-label": Z,
-            "aria-disabled": T ? "true" : void 0,
+            "aria-disabled": g ? "true" : void 0,
             tabIndex: O ? 0 : -1,
-            "data-disabled": T ? "true" : void 0,
-            "data-readonly": C ? "true" : void 0,
+            "data-disabled": g ? "true" : void 0,
+            "data-readonly": P ? "true" : void 0,
             "data-error": oo ? "true" : void 0,
             "data-dragging": Xe ? "true" : void 0,
             onClick: O ? xe : void 0,
@@ -2100,9 +2103,9 @@ const vn = _(
                   "div",
                   {
                     className: Fe.chipRow,
-                    onKeyDown: C ? void 0 : _e,
-                    children: f.map((S, ne) => {
-                      const ae = S.id ?? S.file.name;
+                    onKeyDown: P ? void 0 : _e,
+                    children: f.map((x, ne) => {
+                      const ae = x.id ?? x.file.name;
                       return /* @__PURE__ */ a(
                         "span",
                         {
@@ -2113,13 +2116,13 @@ const vn = _(
                             {
                               checked: !1,
                               tabIndex: -1,
-                              deleteLabel: C ? void 0 : te,
-                              deleteTabIndex: !C && ne === z ? 0 : -1,
+                              deleteLabel: P ? void 0 : te,
+                              deleteTabIndex: !P && ne === z ? 0 : -1,
                               deleteIconRef: (X) => {
                                 U.current[ne] = X;
                               },
-                              onDelete: C || T ? void 0 : () => g == null ? void 0 : g(ae),
-                              children: S.file.name
+                              onDelete: P || g ? void 0 : () => h == null ? void 0 : h(ae),
+                              children: x.file.name
                             }
                           )
                         },
@@ -2129,7 +2132,7 @@ const vn = _(
                   }
                 )
               ] }),
-              le && !C && /* @__PURE__ */ a(
+              le && !P && /* @__PURE__ */ a(
                 co,
                 {
                   overStyled: !0,
@@ -2138,12 +2141,12 @@ const vn = _(
                   icon: J ?? /* @__PURE__ */ a(Ul, {}),
                   "aria-label": ue,
                   className: Fe.trailingIcon,
-                  disabled: T,
-                  onClick: (S) => {
-                    S.preventDefault(), S.stopPropagation(), F();
+                  disabled: g,
+                  onClick: (x) => {
+                    x.preventDefault(), x.stopPropagation(), F();
                   },
-                  onKeyDown: (S) => {
-                    S.key !== "Enter" && S.key !== " " || (S.preventDefault(), S.stopPropagation(), F());
+                  onKeyDown: (x) => {
+                    x.key !== "Enter" && x.key !== " " || (x.preventDefault(), x.stopPropagation(), F());
                   }
                 }
               ),
@@ -2208,19 +2211,19 @@ const Nn = _(
       labelActionArea: d,
       onLabelEditClick: m,
       label: p,
-      assistiveText: P,
+      assistiveText: C,
       assistiveWithIcon: y,
-      error: v,
-      required: h,
-      withAsterisk: x,
-      id: N,
-      className: w,
+      error: N,
+      required: v,
+      withAsterisk: S,
+      id: b,
+      className: T,
       style: $,
-      disabled: T,
-      readOnly: C,
+      disabled: g,
+      readOnly: P,
       files: f,
-      onFilesAdded: b,
-      onFileRemove: g,
+      onFilesAdded: w,
+      onFileRemove: h,
       accept: I,
       multiple: L = !0,
       maxSize: B,
@@ -2234,18 +2237,18 @@ const Nn = _(
       removeFileLabel: Z = "Remove",
       ...te
     } = e, D = u(te, o), re = Ve(null), [pe, O] = ce(!1), [le, Ne] = ce(!1), se = (k) => {
-      if (T) return;
+      if (g) return;
       const U = Array.from(k);
       if (U.length === 0) return;
       const Q = (f == null ? void 0 : f.length) ?? 0, _e = [], oo = [];
-      let mo = !1, S = !1;
+      let mo = !1, x = !1;
       for (const ne of U) {
         const ae = !Zt(ne, I);
         ae && (mo = !0);
         const X = B !== void 0 && ne.size > B, fe = W !== void 0 && Q + _e.length >= W;
-        fe && (S = !0), (ae || X || fe ? oo : _e).push(ne);
+        fe && (x = !0), (ae || X || fe ? oo : _e).push(ne);
       }
-      O(mo), Ne(S), _e.length > 0 && (b == null || b(_e)), oo.length > 0 && (A == null || A(oo));
+      O(mo), Ne(x), _e.length > 0 && (w == null || w(_e)), oo.length > 0 && (A == null || A(oo));
     }, ie = Ve(0), [be, $e] = ce(!1), Qe = (k) => {
       k.preventDefault(), ie.current += 1, $e(!0);
     }, we = (k) => {
@@ -2256,7 +2259,7 @@ const Nn = _(
       k.preventDefault(), ie.current = 0, $e(!1), se(k.dataTransfer.files);
     }, Be = () => {
       var k;
-      T || (k = re.current) == null || k.click();
+      g || (k = re.current) == null || k.click();
     }, po = (k) => {
       k.target.files && se(k.target.files), k.target.value = "";
     }, [Se, Je] = ce(0), xe = Ve([]), eo = Ve((f == null ? void 0 : f.length) ?? 0);
@@ -2275,7 +2278,7 @@ const Nn = _(
       if (U === 0) return;
       let Q;
       k.key === "ArrowRight" || k.key === "ArrowDown" ? Q = (Se + 1) % U : (k.key === "ArrowLeft" || k.key === "ArrowUp") && (Q = (Se - 1 + U) % U), Q !== void 0 && (k.preventDefault(), Je(Q), (_e = xe.current[Q]) == null || _e.focus());
-    }, F = v ?? (pe ? Y : le ? j : void 0), z = w ? `${ao.layoutOverride} ${w}` : ao.layoutOverride;
+    }, F = N ?? (pe ? Y : le ? j : void 0), z = T ? `${ao.layoutOverride} ${T}` : ao.layoutOverride;
     return /* @__PURE__ */ a(
       go,
       {
@@ -2290,30 +2293,30 @@ const Nn = _(
         labelActionArea: d,
         onLabelEditClick: m,
         label: p,
-        assistiveText: P,
+        assistiveText: C,
         assistiveWithIcon: y,
         error: F,
-        required: h,
-        withAsterisk: x,
-        id: N,
+        required: v,
+        withAsterisk: S,
+        id: b,
         children: /* @__PURE__ */ M(
           "div",
           {
             ref: n,
             ...D,
             className: ao.root,
-            "data-disabled": T ? "true" : void 0,
+            "data-disabled": g ? "true" : void 0,
             "data-error": F ? "true" : void 0,
             children: [
-              !C && /* @__PURE__ */ M(
+              !P && /* @__PURE__ */ M(
                 "div",
                 {
                   className: ao.dropzone,
                   "data-dragging": be ? "true" : void 0,
-                  onDragEnter: T ? void 0 : Qe,
-                  onDragLeave: T ? void 0 : we,
-                  onDragOver: T ? void 0 : Xe,
-                  onDrop: T ? void 0 : Ee,
+                  onDragEnter: g ? void 0 : Qe,
+                  onDragLeave: g ? void 0 : we,
+                  onDragOver: g ? void 0 : Xe,
+                  onDrop: g ? void 0 : Ee,
                   children: [
                     /* @__PURE__ */ a("span", { className: ao.uploadIcon, children: q ?? /* @__PURE__ */ a(Yl, {}) }),
                     /* @__PURE__ */ a("span", { className: ao.dropzoneText, children: J }),
@@ -2321,7 +2324,7 @@ const Nn = _(
                       co,
                       {
                         variant: "outline",
-                        disabled: T,
+                        disabled: g,
                         onClick: Be,
                         children: H
                       }
@@ -2334,14 +2337,14 @@ const Nn = _(
                         hidden: !0,
                         accept: I,
                         multiple: L,
-                        disabled: T,
+                        disabled: g,
                         onChange: po
                       }
                     )
                   ]
                 }
               ),
-              f && f.length > 0 && (C ? /* @__PURE__ */ a("div", { className: ao.fileList, children: f.map((k) => {
+              f && f.length > 0 && (P ? /* @__PURE__ */ a("div", { className: ao.fileList, children: f.map((k) => {
                 const U = k.id ?? k.file.name;
                 return /* @__PURE__ */ a(Ao, { checked: !1, tabIndex: -1, children: k.file.name }, U);
               }) }) : /* @__PURE__ */ a(
@@ -2361,7 +2364,7 @@ const Nn = _(
                         deleteIconRef: (_e) => {
                           xe.current[U] = _e;
                         },
-                        onDelete: T ? void 0 : () => g == null ? void 0 : g(Q),
+                        onDelete: g ? void 0 : () => h == null ? void 0 : h(Q),
                         children: k.file.name
                       },
                       Q
@@ -2403,7 +2406,7 @@ bn.displayName = "Flex";
 const Ql = Te(bn), Xl = "Grid-module__root___s-qPY", Jl = "Grid-module__col___tbuNg", Ae = {
   root: Xl,
   col: Jl
-}, Cn = _(function({ children: e, gap: n = "rec-default", ...o }, t) {
+}, Cn = _(function({ children: e, gutter: n = "rec-default", ...o }, t) {
   const s = {
     root: Ae.root
   }, l = o.classNames;
@@ -2411,8 +2414,8 @@ const Ql = Te(bn), Xl = "Grid-module__root___s-qPY", Jl = "Grid-module__col___tb
     const p = l;
     s.root = p.root ? `${Ae.root} ${p.root}` : Ae.root;
   }
-  const i = o.className, c = i ? `${Ae.root} ${i}` : Ae.root, { gap: d, ...m } = Mo({
-    gap: n,
+  const i = o.className, c = i ? `${Ae.root} ${i}` : Ae.root, { gutter: d, ...m } = Mo({
+    gutter: n,
     ...o
   });
   return /* @__PURE__ */ a(
@@ -2753,7 +2756,7 @@ const hi = "Modal-module__root___ytPLl", vi = "Modal-module__inner___SSUJE", Ni
   ], p = G(
     u(c, e),
     m
-  ), P = E(
+  ), C = E(
     {
       root: Ue.root,
       inner: Ue.inner,
@@ -2769,7 +2772,7 @@ const hi = "Modal-module__root___ytPLl", vi = "Modal-module__inner___SSUJE", Ni
     {
       ref: d,
       ...p,
-      classNames: P,
+      classNames: C,
       children: [
         l && /* @__PURE__ */ a(he.Overlay, { ...s }),
         /* @__PURE__ */ M(he.Content, { children: [
@@ -2800,27 +2803,27 @@ const ft = K.forwardRef(
 ft.displayName = "Modal.Footer";
 const yt = K.forwardRef(
   function({ overStyled: e = !1, className: n, onScroll: o, children: t, ...s }, l) {
-    const i = u(s, e), c = K.useRef(null), [d, m] = K.useState(!1), [p, P] = K.useState(!1), y = K.useCallback(() => {
+    const i = u(s, e), c = K.useRef(null), [d, m] = K.useState(!1), [p, C] = K.useState(!1), y = K.useCallback(() => {
       if (c.current) {
-        const { scrollTop: N, scrollHeight: w, clientHeight: $ } = c.current;
-        m(N > 0), P(Math.ceil(N + $) < w);
+        const { scrollTop: b, scrollHeight: T, clientHeight: $ } = c.current;
+        m(b > 0), C(Math.ceil(b + $) < T);
       }
     }, []);
     K.useEffect(() => (y(), window.addEventListener("resize", y), () => window.removeEventListener("resize", y)), [y, t]);
-    const v = (N) => {
-      y(), o == null || o(N);
+    const N = (b) => {
+      y(), o == null || o(b);
     };
-    let h = null;
-    const x = [];
-    return K.Children.forEach(t, (N) => {
-      var w;
-      K.isValidElement(N) && (N.type === ft || ((w = N.type) == null ? void 0 : w.displayName) === "Modal.Footer") ? h = N : x.push(N);
+    let v = null;
+    const S = [];
+    return K.Children.forEach(t, (b) => {
+      var T;
+      K.isValidElement(b) && (b.type === ft || ((T = b.type) == null ? void 0 : T.displayName) === "Modal.Footer") ? v = b : S.push(b);
     }), /* @__PURE__ */ M(
       he.Body,
       {
         ...i,
-        ref: (N) => {
-          typeof l == "function" ? l(N) : l && (l.current = N);
+        ref: (b) => {
+          typeof l == "function" ? l(b) : l && (l.current = b);
         },
         className: `${Ue.bodyWrapper} ${n || ""}`,
         children: [
@@ -2828,14 +2831,14 @@ const yt = K.forwardRef(
             "div",
             {
               ref: c,
-              onScroll: v,
+              onScroll: N,
               "data-scrolled-top": d || void 0,
               "data-scrolled-bottom": p || void 0,
               className: Ue.scrollArea,
-              children: x
+              children: S
             }
           ),
-          h
+          v
         ]
       }
     );
@@ -2973,19 +2976,19 @@ const Oi = "NumberInput-module__layoutOverride___5-9T4", ki = "NumberInput-modul
       onLabelEditClick: d,
       label: m,
       assistiveText: p,
-      assistiveWithIcon: P,
+      assistiveWithIcon: C,
       error: y,
-      required: v,
-      withAsterisk: h,
-      id: x,
-      className: N,
-      style: w,
+      required: N,
+      withAsterisk: v,
+      id: S,
+      className: b,
+      style: T,
       disabled: $,
-      readOnly: T,
-      readOnlyComponent: C,
+      readOnly: g,
+      readOnlyComponent: P,
       emptyValueComponent: f,
-      value: b,
-      defaultValue: g,
+      value: w,
+      defaultValue: h,
       hideControls: I = !1,
       ...L
     } = e, B = G(
@@ -2998,12 +3001,12 @@ const Oi = "NumberInput-module__layoutOverride___5-9T4", ki = "NumberInput-modul
       section: yo.section,
       controls: yo.controls,
       control: yo.control
-    }, Y = N ? `${yo.layoutOverride} ${N}` : yo.layoutOverride;
+    }, Y = b ? `${yo.layoutOverride} ${b}` : yo.layoutOverride;
     return /* @__PURE__ */ a(
       ve,
       {
         className: Y,
-        style: w,
+        style: T,
         controlMaxWidth: "var(--number-input-control-max-width)",
         controlMinWidth: "var(--number-input-control-min-width)",
         overStyled: o,
@@ -3015,16 +3018,16 @@ const Oi = "NumberInput-module__layoutOverride___5-9T4", ki = "NumberInput-modul
         onLabelEditClick: d,
         label: m,
         assistiveText: p,
-        assistiveWithIcon: P,
+        assistiveWithIcon: C,
         error: y,
-        required: v,
-        withAsterisk: h,
-        id: x,
-        readOnly: T,
-        readOnlyComponent: C,
+        required: N,
+        withAsterisk: v,
+        id: S,
+        readOnly: g,
+        readOnlyComponent: P,
         emptyValueComponent: f,
         readOnlyType: "text",
-        readOnlyValue: b !== void 0 ? b == null ? void 0 : b.toString() : g == null ? void 0 : g.toString(),
+        readOnlyValue: w !== void 0 ? w == null ? void 0 : w.toString() : h == null ? void 0 : h.toString(),
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
@@ -3035,8 +3038,8 @@ const Oi = "NumberInput-module__layoutOverride___5-9T4", ki = "NumberInput-modul
               ...B,
               classNames: A,
               disabled: $,
-              value: b,
-              defaultValue: g,
+              value: w,
+              defaultValue: h,
               hideControls: I,
               label: void 0,
               description: void 0,
@@ -3457,19 +3460,19 @@ const oc = "Radio-module__groupRoot___bfUii", tc = "Radio-module__root___kAjTD",
       // Base Mantine Extracted Attributes
       label: m,
       description: p,
-      assistiveText: P,
+      assistiveText: C,
       assistiveWithIcon: y,
-      error: v,
-      required: h,
-      withAsterisk: x,
-      id: N,
-      className: w,
+      error: N,
+      required: v,
+      withAsterisk: S,
+      id: b,
+      className: T,
       style: $,
-      children: T,
-      readOnly: C,
+      children: g,
+      readOnly: P,
       readOnlyComponent: f,
-      emptyValueComponent: b,
-      value: g,
+      emptyValueComponent: w,
+      value: h,
       defaultValue: I,
       ...L
     } = e, B = [
@@ -3482,7 +3485,7 @@ const oc = "Radio-module__groupRoot___bfUii", tc = "Radio-module__root___kAjTD",
     return /* @__PURE__ */ a(
       ve,
       {
-        className: w,
+        className: T,
         style: $,
         controlMaxWidth: "var(--recursica_ui-kit_components_radio-button-item_properties_max-width)",
         controlMinWidth: void 0,
@@ -3496,27 +3499,27 @@ const oc = "Radio-module__groupRoot___bfUii", tc = "Radio-module__root___kAjTD",
         onLabelEditClick: d,
         label: m,
         description: p,
-        assistiveText: P,
+        assistiveText: C,
         assistiveWithIcon: y,
-        error: v,
-        required: h,
-        withAsterisk: x,
-        id: N,
-        readOnly: C && !!f,
+        error: N,
+        required: v,
+        withAsterisk: S,
+        id: b,
+        readOnly: P && !!f,
         readOnlyComponent: f,
-        emptyValueComponent: b,
+        emptyValueComponent: w,
         readOnlyType: "text",
-        readOnlyValue: g !== void 0 ? g : I,
+        readOnlyValue: h !== void 0 ? h : I,
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ a(
           Ht.Group,
           {
             ref: n,
             ...W,
-            disabled: C || A.disabled,
-            value: g,
+            disabled: P || A.disabled,
+            value: h,
             defaultValue: I,
-            children: /* @__PURE__ */ a("div", { className: Re.groupRoot, "data-layout": t, children: T })
+            children: /* @__PURE__ */ a("div", { className: Re.groupRoot, "data-layout": t, children: g })
           }
         )
       }
@@ -3546,7 +3549,7 @@ const cc = ({ className: r, style: e }) => /* @__PURE__ */ a(
       labelSize: d,
       controlMaxWidth: m,
       controlMinWidth: p,
-      ...P
+      ...C
     } = e, y = [
       "size",
       // Recursica controls sizing via Radio.module.css variables, not Mantine's native size scale.
@@ -3558,10 +3561,10 @@ const cc = ({ className: r, style: e }) => /* @__PURE__ */ a(
       // Radio has a single Recursica-defined visual treatment; Mantine's variant isn't exposed.
       "iconColor"
       // Icon color is token-driven via Radio.module.css, not a native Mantine override.
-    ], v = G(
-      u(P, o),
+    ], N = G(
+      u(C, o),
       y
-    ), h = v, x = E(
+    ), v = N, S = E(
       {
         root: Re.root,
         body: Re.body,
@@ -3571,15 +3574,15 @@ const cc = ({ className: r, style: e }) => /* @__PURE__ */ a(
         labelWrapper: Re.labelWrapper,
         label: Re.label
       },
-      h.classNames
-    ), N = h.className, w = N ? `${Re.root} ${N}` : Re.root;
+      v.classNames
+    ), b = v.className, T = b ? `${Re.root} ${b}` : Re.root;
     if (t && s) {
-      const T = !!(h.checked ?? h.defaultChecked), f = /* @__PURE__ */ a(
+      const g = !!(v.checked ?? v.defaultChecked), f = /* @__PURE__ */ a(
         s,
         {
           ...e,
-          checked: T,
-          label: h.label
+          checked: g,
+          label: v.label
         }
       );
       return c ? /* @__PURE__ */ a(
@@ -3597,10 +3600,10 @@ const cc = ({ className: r, style: e }) => /* @__PURE__ */ a(
       Ht,
       {
         ref: n,
-        ...v,
+        ...N,
         icon: me(cc, i),
-        className: w,
-        classNames: x,
+        className: T,
+        classNames: S,
         disabled: t || l
       }
     );
@@ -3704,19 +3707,19 @@ const fc = va, yc = "Slider-module__layoutOverride___zYPun", hc = "Slider-module
       labelActionArea: d,
       onLabelEditClick: m,
       label: p,
-      tooltipLabel: P,
+      tooltipLabel: C,
       assistiveText: y,
-      assistiveWithIcon: v,
-      error: h,
-      required: x,
-      withAsterisk: N,
-      id: w,
+      assistiveWithIcon: N,
+      error: v,
+      required: S,
+      withAsterisk: b,
+      id: T,
       className: $,
-      style: T,
-      disabled: C,
+      style: g,
+      disabled: P,
       readOnly: f,
-      readOnlyComponent: b,
-      emptyValueComponent: g,
+      readOnlyComponent: w,
+      emptyValueComponent: h,
       value: I,
       defaultValue: L,
       icon: B,
@@ -3795,13 +3798,13 @@ const fc = va, yc = "Slider-module__layoutOverride___zYPun", hc = "Slider-module
         markLabel: ee.sliderMarkLabel
       },
       po.classNames
-    ), Je = $ ? `${ee.layoutOverride} ${$}` : ee.layoutOverride, xe = B ? /* @__PURE__ */ a("span", { className: ee.iconWrapper, "aria-hidden": !0, children: B }) : null, eo = W ? /* @__PURE__ */ a("span", { className: ee.iconWrapper, "aria-hidden": !0, children: W }) : null, V = Array.isArray(O) ? typeof P == "function" ? `${P(O[0])} – ${P(O[1])}` : `${O[0]} – ${O[1]}` : typeof P == "function" ? P(O) : O;
+    ), Je = $ ? `${ee.layoutOverride} ${$}` : ee.layoutOverride, xe = B ? /* @__PURE__ */ a("span", { className: ee.iconWrapper, "aria-hidden": !0, children: B }) : null, eo = W ? /* @__PURE__ */ a("span", { className: ee.iconWrapper, "aria-hidden": !0, children: W }) : null, V = Array.isArray(O) ? typeof C == "function" ? `${C(O[0])} – ${C(O[1])}` : `${O[0]} – ${O[1]}` : typeof C == "function" ? C(O) : O;
     return /* @__PURE__ */ a(
       ve,
       {
         ref: n,
         className: Je,
-        style: T,
+        style: g,
         controlMaxWidth: void 0,
         controlMinWidth: void 0,
         overStyled: o,
@@ -3814,14 +3817,14 @@ const fc = va, yc = "Slider-module__layoutOverride___zYPun", hc = "Slider-module
         onLabelEditClick: m,
         label: p,
         assistiveText: y,
-        assistiveWithIcon: v,
-        error: h,
-        required: x,
-        withAsterisk: N,
-        id: w,
+        assistiveWithIcon: N,
+        error: v,
+        required: S,
+        withAsterisk: b,
+        id: T,
         readOnly: f,
-        readOnlyComponent: b || Rc,
-        emptyValueComponent: g,
+        readOnlyComponent: w || Rc,
+        emptyValueComponent: h,
         readOnlyType: "text",
         readOnlyValue: O,
         readOnlyNativeProps: { value: O },
@@ -3830,8 +3833,8 @@ const fc = va, yc = "Slider-module__layoutOverride___zYPun", hc = "Slider-module
           {
             className: ee.sliderContainer,
             "data-form-layout": t,
-            "data-disabled": C ? "true" : void 0,
-            "data-error": h ? "true" : void 0,
+            "data-disabled": P ? "true" : void 0,
+            "data-error": v ? "true" : void 0,
             children: [
               le && A && /* @__PURE__ */ a(
                 "input",
@@ -3844,8 +3847,8 @@ const fc = va, yc = "Slider-module__layoutOverride___zYPun", hc = "Slider-module
                   min: j,
                   max: O[1],
                   step: Z,
-                  disabled: C,
-                  "data-error": h ? "true" : void 0,
+                  disabled: P,
+                  "data-error": v ? "true" : void 0,
                   "aria-label": "Minimum value"
                 }
               ),
@@ -3856,28 +3859,28 @@ const fc = va, yc = "Slider-module__layoutOverride___zYPun", hc = "Slider-module
                 {
                   ...Be,
                   classNames: Se,
-                  disabled: C,
+                  disabled: P,
                   value: O,
                   onChange: ie,
                   onChangeEnd: ue,
                   min: j,
                   max: q,
                   step: Z,
-                  label: P
+                  label: C
                 }
               ) : /* @__PURE__ */ a(
                 dr,
                 {
                   ...Be,
                   classNames: Se,
-                  disabled: C,
+                  disabled: P,
                   value: O,
                   onChange: ie,
                   onChangeEnd: ue,
                   min: j,
                   max: q,
                   step: Z,
-                  label: P
+                  label: C
                 }
               ) }),
               /* @__PURE__ */ M("div", { className: ee.rightGuideContainer, children: [
@@ -3896,8 +3899,8 @@ const fc = va, yc = "Slider-module__layoutOverride___zYPun", hc = "Slider-module
                   min: O[0],
                   max: q,
                   step: Z,
-                  disabled: C,
-                  "data-error": h ? "true" : void 0,
+                  disabled: P,
+                  "data-error": v ? "true" : void 0,
                   "aria-label": "Maximum value"
                 }
               ) : /* @__PURE__ */ a(
@@ -3911,8 +3914,8 @@ const fc = va, yc = "Slider-module__layoutOverride___zYPun", hc = "Slider-module
                   min: j,
                   max: q,
                   step: Z,
-                  disabled: C,
-                  "data-error": h ? "true" : void 0
+                  disabled: P,
+                  "data-error": v ? "true" : void 0
                 }
               ))
             ]
@@ -4045,19 +4048,19 @@ const Qc = "Switch-module__root___Y5Ydi", Xc = "Switch-module__track___7ObdZ", J
       // Base Mantine Extracted Attributes
       label: m,
       description: p,
-      assistiveText: P,
+      assistiveText: C,
       assistiveWithIcon: y,
-      error: v,
-      required: h,
-      withAsterisk: x,
-      id: N,
-      className: w,
+      error: N,
+      required: v,
+      withAsterisk: S,
+      id: b,
+      className: T,
       style: $,
-      children: T,
-      readOnly: C,
+      children: g,
+      readOnly: P,
       readOnlyComponent: f,
-      emptyValueComponent: b,
-      value: g,
+      emptyValueComponent: w,
+      value: h,
       defaultValue: I,
       ...L
     } = e, B = [
@@ -4070,7 +4073,7 @@ const Qc = "Switch-module__root___Y5Ydi", Xc = "Switch-module__track___7ObdZ", J
     return /* @__PURE__ */ a(
       ve,
       {
-        className: w,
+        className: T,
         style: $,
         controlMaxWidth: void 0,
         controlMinWidth: void 0,
@@ -4084,27 +4087,27 @@ const Qc = "Switch-module__root___Y5Ydi", Xc = "Switch-module__track___7ObdZ", J
         onLabelEditClick: d,
         label: m,
         description: p,
-        assistiveText: P,
+        assistiveText: C,
         assistiveWithIcon: y,
-        error: v,
-        required: h,
-        withAsterisk: x,
-        id: N,
-        readOnly: C && !!f,
+        error: N,
+        required: v,
+        withAsterisk: S,
+        id: b,
+        readOnly: P && !!f,
         readOnlyComponent: f,
-        emptyValueComponent: b,
+        emptyValueComponent: w,
         readOnlyType: "text",
-        readOnlyValue: g !== void 0 ? g : I,
+        readOnlyValue: h !== void 0 ? h : I,
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ a(
           jt.Group,
           {
             ref: n,
             ...W,
-            disabled: C || A.disabled,
-            value: g,
+            disabled: P || A.disabled,
+            value: h,
             defaultValue: I,
-            children: /* @__PURE__ */ a("div", { className: ye.groupRoot, "data-layout": t, children: T })
+            children: /* @__PURE__ */ a("div", { className: ye.groupRoot, "data-layout": t, children: g })
           }
         )
       }
@@ -4124,7 +4127,7 @@ const Pt = _(
       labelSize: d,
       controlMaxWidth: m,
       controlMinWidth: p,
-      ...P
+      ...C
     } = e, y = [
       "size",
       // Recursica controls sizing via Switch.module.css variables, not Mantine's native size scale.
@@ -4134,10 +4137,10 @@ const Pt = _(
       // Corner radius is fixed by Recursica tokens in Switch.module.css, not caller-configurable.
       "variant"
       // Switch has a single Recursica-defined visual treatment; Mantine's variant isn't exposed.
-    ], v = G(
-      u(P, o),
+    ], N = G(
+      u(C, o),
       y
-    ), h = v, x = E(
+    ), v = N, S = E(
       {
         root: ye.root,
         body: ye.body,
@@ -4147,18 +4150,18 @@ const Pt = _(
         labelWrapper: ye.labelWrapper,
         label: ye.label
       },
-      h.classNames
-    ), N = Ir(
+      v.classNames
+    ), b = Ir(
       {},
-      h.styles
-    ), w = h.className, $ = w ? `${ye.root} ${w}` : ye.root;
+      v.styles
+    ), T = v.className, $ = T ? `${ye.root} ${T}` : ye.root;
     if (t && s) {
-      const f = !!(h.checked ?? h.defaultChecked), g = /* @__PURE__ */ a(
+      const f = !!(v.checked ?? v.defaultChecked), h = /* @__PURE__ */ a(
         s,
         {
           ...e,
           checked: f,
-          label: h.label
+          label: v.label
         }
       );
       return c ? /* @__PURE__ */ a(
@@ -4168,25 +4171,25 @@ const Pt = _(
           labelSize: d,
           controlMaxWidth: m,
           controlMinWidth: p,
-          children: g
+          children: h
         }
-      ) : /* @__PURE__ */ a(No, { children: g });
+      ) : /* @__PURE__ */ a(No, { children: h });
     }
-    const T = /* @__PURE__ */ M("div", { className: ye.thumbIconWrapper, children: [
+    const g = /* @__PURE__ */ M("div", { className: ye.thumbIconWrapper, children: [
       /* @__PURE__ */ a(pr, { className: ye.checkIcon }),
       /* @__PURE__ */ a(mr, { className: ye.closeIcon })
-    ] }), C = /* @__PURE__ */ a(
+    ] }), P = /* @__PURE__ */ a(
       jt,
       {
         ref: n,
-        ...v,
+        ...N,
         className: $,
-        classNames: x,
-        styles: N,
+        classNames: S,
+        styles: b,
         disabled: t || l,
         "data-disabled": t || l || void 0,
         thumbIcon: me(
-          T,
+          g,
           i
         )
       }
@@ -4198,9 +4201,9 @@ const Pt = _(
         labelSize: d,
         controlMaxWidth: m,
         controlMinWidth: p,
-        children: C
+        children: P
       }
-    ) : C;
+    ) : P;
   }
 );
 Pt.displayName = "Switch";
@@ -4488,19 +4491,19 @@ const yd = Te(Wa), hd = "TextArea-module__layoutOverride___4MCdm", vd = "TextAre
       onLabelEditClick: d,
       label: m,
       assistiveText: p,
-      assistiveWithIcon: P,
+      assistiveWithIcon: C,
       error: y,
-      required: v,
-      withAsterisk: h,
-      id: x,
-      className: N,
-      style: w,
+      required: N,
+      withAsterisk: v,
+      id: S,
+      className: b,
+      style: T,
       disabled: $,
-      readOnly: T,
-      readOnlyComponent: C,
+      readOnly: g,
+      readOnlyComponent: P,
       emptyValueComponent: f,
-      value: b,
-      defaultValue: g,
+      value: w,
+      defaultValue: h,
       ...I
     } = e, L = G(
       u(I, o),
@@ -4512,12 +4515,12 @@ const yd = Te(Wa), hd = "TextArea-module__layoutOverride___4MCdm", vd = "TextAre
         input: Fo.input
       },
       B.classNames
-    ), A = N ? `${Fo.layoutOverride} ${N}` : Fo.layoutOverride;
+    ), A = b ? `${Fo.layoutOverride} ${b}` : Fo.layoutOverride;
     return /* @__PURE__ */ a(
       ve,
       {
         className: A,
-        style: w,
+        style: T,
         controlMaxWidth: "var(--textarea-control-max-width)",
         controlMinWidth: "var(--textarea-control-min-width)",
         overStyled: o,
@@ -4529,16 +4532,16 @@ const yd = Te(Wa), hd = "TextArea-module__layoutOverride___4MCdm", vd = "TextAre
         onLabelEditClick: d,
         label: m,
         assistiveText: p,
-        assistiveWithIcon: P,
+        assistiveWithIcon: C,
         error: y,
-        required: v,
-        withAsterisk: h,
-        id: x,
-        readOnly: T,
-        readOnlyComponent: C,
+        required: N,
+        withAsterisk: v,
+        id: S,
+        readOnly: g,
+        readOnlyComponent: P,
         emptyValueComponent: f,
         readOnlyType: "text",
-        readOnlyValue: b !== void 0 ? b : g,
+        readOnlyValue: w !== void 0 ? w : h,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
@@ -4549,8 +4552,8 @@ const yd = Te(Wa), hd = "TextArea-module__layoutOverride___4MCdm", vd = "TextAre
               ...L,
               classNames: W,
               disabled: $,
-              value: b,
-              defaultValue: g,
+              value: w,
+              defaultValue: h,
               label: void 0,
               description: void 0,
               error: !!y,
@@ -4589,19 +4592,19 @@ const Cd = "TextField-module__layoutOverride___SNZqc", Pd = "TextField-module__r
       onLabelEditClick: d,
       label: m,
       assistiveText: p,
-      assistiveWithIcon: P,
+      assistiveWithIcon: C,
       error: y,
-      required: v,
-      withAsterisk: h,
-      id: x,
-      className: N,
-      style: w,
+      required: N,
+      withAsterisk: v,
+      id: S,
+      className: b,
+      style: T,
       disabled: $,
-      readOnly: T,
-      readOnlyComponent: C,
+      readOnly: g,
+      readOnlyComponent: P,
       emptyValueComponent: f,
-      value: b,
-      defaultValue: g,
+      value: w,
+      defaultValue: h,
       ...I
     } = e, L = G(
       u(I, o),
@@ -4614,12 +4617,12 @@ const Cd = "TextField-module__layoutOverride___SNZqc", Pd = "TextField-module__r
         section: Io.section
       },
       B.classNames
-    ), A = N ? `${Io.layoutOverride} ${N}` : Io.layoutOverride;
+    ), A = b ? `${Io.layoutOverride} ${b}` : Io.layoutOverride;
     return /* @__PURE__ */ a(
       ve,
       {
         className: A,
-        style: w,
+        style: T,
         controlMaxWidth: "var(--text-field-control-max-width)",
         controlMinWidth: "var(--text-field-control-min-width)",
         overStyled: o,
@@ -4631,16 +4634,16 @@ const Cd = "TextField-module__layoutOverride___SNZqc", Pd = "TextField-module__r
         onLabelEditClick: d,
         label: m,
         assistiveText: p,
-        assistiveWithIcon: P,
+        assistiveWithIcon: C,
         error: y,
-        required: v,
-        withAsterisk: h,
-        id: x,
-        readOnly: T,
-        readOnlyComponent: C,
+        required: N,
+        withAsterisk: v,
+        id: S,
+        readOnly: g,
+        readOnlyComponent: P,
         emptyValueComponent: f,
         readOnlyType: "text",
-        readOnlyValue: b !== void 0 ? b : g,
+        readOnlyValue: w !== void 0 ? w : h,
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
@@ -4651,8 +4654,8 @@ const Cd = "TextField-module__layoutOverride___SNZqc", Pd = "TextField-module__r
               ...L,
               classNames: W,
               disabled: $,
-              value: b,
-              defaultValue: g,
+              value: w,
+              defaultValue: h,
               wrapperProps: {
                 "data-disabled": $ ? "true" : void 0,
                 "data-error": y ? "true" : void 0
@@ -4761,19 +4764,19 @@ const Dd = [
       onLabelEditClick: d,
       label: m,
       assistiveText: p,
-      assistiveWithIcon: P,
+      assistiveWithIcon: C,
       error: y,
-      required: v,
-      withAsterisk: h,
-      id: x,
-      className: N,
-      style: w,
+      required: N,
+      withAsterisk: v,
+      id: S,
+      className: b,
+      style: T,
       disabled: $,
-      readOnly: T,
-      readOnlyComponent: C,
+      readOnly: g,
+      readOnlyComponent: P,
       emptyValueComponent: f,
-      value: b,
-      defaultValue: g,
+      value: w,
+      defaultValue: h,
       onChange: I,
       withSeconds: L,
       minTime: B,
@@ -4783,14 +4786,14 @@ const Dd = [
       u(A, o),
       Dd
     ), j = Y, [q, J] = ce(
-      () => b ?? g
+      () => w ?? h
     );
     Ie(() => {
-      b !== void 0 && J(b);
-    }, [b]);
+      w !== void 0 && J(w);
+    }, [w]);
     const H = Ve(null);
     Ie(() => {
-      Wt(b ?? g) === void 0 && H.current && zd(H.current, "AM");
+      Wt(w ?? h) === void 0 && H.current && zd(H.current, "AM");
     }, []);
     const Z = (O) => {
       J(O), I == null || I(O);
@@ -4802,12 +4805,12 @@ const Dd = [
       if (le === ue) return;
       const Ne = le ? te + 12 : te - 12;
       Z(Md(q, Ne));
-    }, pe = N ? `${ro.layoutOverride} ${N}` : ro.layoutOverride;
+    }, pe = b ? `${ro.layoutOverride} ${b}` : ro.layoutOverride;
     return /* @__PURE__ */ a(
       ve,
       {
         className: pe,
-        style: w,
+        style: T,
         controlMaxWidth: void 0,
         controlMinWidth: void 0,
         overStyled: o,
@@ -4819,17 +4822,17 @@ const Dd = [
         onLabelEditClick: d,
         label: m,
         assistiveText: p,
-        assistiveWithIcon: P,
+        assistiveWithIcon: C,
         error: y,
-        required: v,
-        withAsterisk: h,
-        id: x,
-        readOnly: T,
-        readOnlyComponent: C,
+        required: N,
+        withAsterisk: v,
+        id: S,
+        readOnly: g,
+        readOnlyComponent: P,
         emptyValueComponent: f,
         readOnlyType: "text",
         readOnlyValue: Wd(
-          b !== void 0 ? b : g
+          w !== void 0 ? w : h
         ),
         readOnlyNativeProps: e,
         activeComponent: (
@@ -5146,19 +5149,19 @@ const ja = _(
       labelActionArea: d,
       onLabelEditClick: m,
       label: p,
-      assistiveText: P,
+      assistiveText: C,
       description: y,
-      helperText: v,
-      assistiveWithIcon: h,
-      error: x,
-      required: N,
-      id: w,
+      helperText: N,
+      assistiveWithIcon: v,
+      error: S,
+      required: b,
+      id: T,
       readOnly: $,
-      readOnlyComponent: T,
-      emptyValueComponent: C,
+      readOnlyComponent: g,
+      emptyValueComponent: P,
       data: f,
-      defaultData: b,
-      onChange: g,
+      defaultData: w,
+      onChange: h,
       sourceLabel: I = "Available",
       targetLabel: L = "Selected",
       searchable: B = !0,
@@ -5167,13 +5170,13 @@ const ja = _(
       className: Y,
       style: j,
       ...q
-    } = e, J = u(q, o), H = Bt(), Z = w || `recursica-transfer-list-${H}`, [te, ue] = ce(
-      () => b ?? f ?? [[], []]
+    } = e, J = u(q, o), H = Bt(), Z = T || `recursica-transfer-list-${H}`, [te, ue] = ce(
+      () => w ?? f ?? [[], []]
     ), D = f !== void 0 ? f : te, re = _o(
       (V) => {
-        f === void 0 && ue(V), g == null || g(V);
+        f === void 0 && ue(V), h == null || h(V);
       },
-      [f, g]
+      [f, h]
     ), [pe, O] = ce(""), [le, Ne] = ce(""), [se, ie] = ce(
       () => /* @__PURE__ */ new Set()
     ), [be, $e] = ce(
@@ -5221,7 +5224,7 @@ const ja = _(
         return z.has(V) ? z.delete(V) : z.add(V), z;
       });
     }, []), xe = (V, F, z, k, U, Q, _e, oo) => {
-      const { groups: mo, ungrouped: S } = pu(z), ne = Object.keys(mo).sort(), ae = U.size > 0 ? `${U.size} / ${k.length}` : `${k.length}`;
+      const { groups: mo, ungrouped: x } = pu(z), ne = Object.keys(mo).sort(), ae = U.size > 0 ? `${U.size} / ${k.length}` : `${k.length}`;
       return /* @__PURE__ */ M("div", { className: ge.pane, "data-pane": V, children: [
         /* @__PURE__ */ M("div", { className: ge.paneHeader, children: [
           /* @__PURE__ */ a("span", { children: F }),
@@ -5239,7 +5242,7 @@ const ja = _(
         ) }),
         /* @__PURE__ */ M("div", { className: ge.paneList, children: [
           z.length === 0 && /* @__PURE__ */ a("div", { className: ge.emptyState, children: "No items" }),
-          S.length > 0 && /* @__PURE__ */ a(Ro, { children: S.map((X) => /* @__PURE__ */ a(
+          x.length > 0 && /* @__PURE__ */ a(Ro, { children: x.map((X) => /* @__PURE__ */ a(
             Lo,
             {
               id: `${Z}-${V}-${X.value}`,
@@ -5284,19 +5287,19 @@ const ja = _(
         labelActionArea: d,
         onLabelEditClick: m,
         label: p,
-        assistiveText: P,
+        assistiveText: C,
         description: y,
-        helperText: v,
-        assistiveWithIcon: h,
-        error: x,
-        required: N,
+        helperText: N,
+        assistiveWithIcon: v,
+        error: S,
+        required: b,
         id: Z,
         className: eo,
         style: j,
         overStyled: o,
         readOnly: $,
-        readOnlyComponent: T,
-        emptyValueComponent: C,
+        readOnlyComponent: g,
+        emptyValueComponent: P,
         readOnlyType: "text",
         readOnlyValue: D[1].map((V) => V.label),
         readOnlyNativeProps: e,
@@ -5306,7 +5309,7 @@ const ja = _(
             ...J,
             className: ge.root,
             "data-disabled": A ? "true" : void 0,
-            "data-error": x ? "true" : void 0,
+            "data-error": S ? "true" : void 0,
             children: /* @__PURE__ */ M("div", { className: ge.panes, children: [
               xe(
                 "source",
@@ -5461,7 +5464,7 @@ const qa = _(function({
   onSelectedChange: d,
   ...m
 }, p) {
-  const P = u(m, e), y = br({
+  const C = u(m, e), y = br({
     initialExpandedState: o ? Cr(n, o) : void 0,
     initialSelectedState: t,
     multiple: s,
@@ -5471,32 +5474,32 @@ const qa = _(function({
   Ie(() => {
     d == null || d(y.selectedState);
   }, [y.selectedState, d]);
-  const v = K.useRef(null);
+  const N = K.useRef(null);
   Ie(() => {
-    const $ = v.current;
+    const $ = N.current;
     if (!$) return;
-    const T = (C) => {
-      if (l || C.key !== "Enter" && C.key !== " ") return;
-      const f = C.target.closest(
+    const g = (P) => {
+      if (l || P.key !== "Enter" && P.key !== " ") return;
+      const f = P.target.closest(
         '[role="treeitem"]'
-      ), b = f == null ? void 0 : f.dataset.value;
-      b && (C.preventDefault(), y.select(b));
+      ), w = f == null ? void 0 : f.dataset.value;
+      w && (P.preventDefault(), y.select(w));
     };
-    return $.addEventListener("keydown", T), () => $.removeEventListener("keydown", T);
+    return $.addEventListener("keydown", g), () => $.removeEventListener("keydown", g);
   }, [y.select, l]), Ie(() => {
-    const $ = v.current;
+    const $ = N.current;
     if (!$ || !l) return;
-    const T = (C) => {
-      C.preventDefault(), C.stopPropagation();
+    const g = (P) => {
+      P.preventDefault(), P.stopPropagation();
     };
-    return $.addEventListener("keydown", T, { capture: !0 }), () => $.removeEventListener("keydown", T, { capture: !0 });
+    return $.addEventListener("keydown", g, { capture: !0 }), () => $.removeEventListener("keydown", g, { capture: !0 });
   }, [l]);
-  const h = $r(p, v), x = P, N = x.className, w = N ? `${uo.root} ${N}` : uo.root;
+  const v = $r(p, N), S = C, b = S.className, T = b ? `${uo.root} ${b}` : uo.root;
   return /* @__PURE__ */ a(
     Pr,
     {
-      ref: h,
-      ...P,
+      ref: v,
+      ...C,
       data: n,
       tree: y,
       expandOnClick: !1,
@@ -5505,8 +5508,8 @@ const qa = _(function({
       renderNode: Cu(l),
       "data-disabled": l || void 0,
       classNames: E(
-        { root: w, node: uo.node, subtree: uo.subtree },
-        x.classNames
+        { root: T, node: uo.node, subtree: uo.subtree },
+        S.classNames
       )
     }
   );