@recursica/mantine-adapter 0.23.0 → 0.26.0

package/dist/mantine-adapter.js

@@ -1,6 +1,6 @@
-import { jsx as r, jsxs as z, Fragment as xe } from "react/jsx-runtime";
-import D, { forwardRef as $, useId as Ut, useEffect as vo, useState as bo } from "react";
-import { Accordion as Ge, Input as Co, Box as eo, Autocomplete as Zt, Avatar as Yt, createPolymorphicComponent as te, Badge as Kt, Breadcrumbs as Xt, Loader as Jt, Button as Qt, Card as He, Checkbox as wo, Chip as ea, Container as oa, Select as ta, Flex as aa, Group as sa, HoverCard as oo, Anchor as ra, Menu as ae, Modal as K, NumberInput as na, Pagination as ie, Drawer as ce, Popover as to, Radio as Po, SegmentedControl as la, Slider as ia, Stack as ca, Stepper as Je, Switch as go, CheckIcon as da, CloseIcon as pa, Tabs as qe, Text as _a, Textarea as ma, TimelineItem as ua, Timeline as ba, Title as ya, Notification as Na, Tooltip as ao } from "@mantine/core";
+import { jsx as s, jsxs as z, Fragment as xe } from "react/jsx-runtime";
+import j, { forwardRef as h, useId as Ut, useEffect as vo, useState as bo } from "react";
+import { Accordion as Ge, Input as Co, Box as eo, Autocomplete as Zt, Avatar as Yt, createPolymorphicComponent as te, Badge as Kt, Breadcrumbs as Xt, Loader as Jt, Button as Qt, Card as He, Checkbox as Po, Chip as ea, Container as oa, Select as ta, Flex as aa, Group as ra, HoverCard as oo, Anchor as sa, Menu as ae, Modal as K, NumberInput as na, Pagination as ie, Drawer as ce, Popover as to, Radio as wo, SegmentedControl as la, Slider as ia, Stack as ca, Stepper as Je, Switch as go, CheckIcon as da, CloseIcon as pa, Tabs as qe, Text as _a, Textarea as ma, TimelineItem as ua, Timeline as ba, Title as ya, Notification as Na, Tooltip as ao } from "@mantine/core";
 import { DatePickerInput as fa } from "@mantine/dates";
 const ha = [
   "className",
@@ -70,45 +70,45 @@ const ha = [
   "rec-xl": "var(--recursica_brand_dimensions_general_xl)",
   "rec-2xl": "var(--recursica_brand_dimensions_general_2xl)"
 };
-function so(l) {
+function ro(l) {
   const e = { ...l };
-  for (const [s, a] of Object.entries(e))
-    typeof a == "string" && a.startsWith("rec-") && To.has(s) && a in Ve && (e[s] = Ve[a]);
+  for (const [r, a] of Object.entries(e))
+    typeof a == "string" && a.startsWith("rec-") && To.has(r) && a in Ve && (e[r] = Ve[a]);
   return e;
 }
-function h(l, e) {
+function f(l, e) {
   if (e)
     return l;
-  const s = { ...l };
+  const r = { ...l };
   for (const a of ha)
-    a in s && delete s[a];
-  for (const [a, t] of Object.entries(s))
-    typeof t == "string" && t.startsWith("rec-") && To.has(a) && t in Ve && (s[a] = Ve[t]);
-  return s;
+    a in r && delete r[a];
+  for (const [a, t] of Object.entries(r))
+    typeof t == "string" && t.startsWith("rec-") && To.has(a) && t in Ve && (r[a] = Ve[t]);
+  return r;
 }
-const $a = "Accordion-module__root___Dem6d", va = "Accordion-module__item___7ryVk", Ca = "Accordion-module__noDivider___Ni2tT", wa = "Accordion-module__control___b4wgX", Pa = "Accordion-module__label___Ss7uW", ga = "Accordion-module__chevron___i-HVZ", Ta = "Accordion-module__iconLeftWrapper___5oLen", Sa = "Accordion-module__panel___Wx50w", xa = "Accordion-module__content___PEM9t", re = {
+const $a = "Accordion-module__root___Dem6d", va = "Accordion-module__item___7ryVk", Ca = "Accordion-module__noDivider___Ni2tT", Pa = "Accordion-module__control___b4wgX", wa = "Accordion-module__label___Ss7uW", ga = "Accordion-module__chevron___i-HVZ", Ta = "Accordion-module__iconLeftWrapper___5oLen", Sa = "Accordion-module__panel___Wx50w", xa = "Accordion-module__content___PEM9t", se = {
   root: $a,
   item: va,
   noDivider: Ca,
-  control: wa,
-  label: Pa,
+  control: Pa,
+  label: wa,
   chevron: ga,
   iconLeftWrapper: Ta,
   panel: Sa,
   content: xa
 }, So = function({
   variant: e = "unstyled",
-  overStyled: s = !1,
+  overStyled: r = !1,
   ...a
 }) {
-  const t = h(a, s), o = {
-    root: re.root,
-    item: re.item,
-    control: re.control,
-    label: re.label,
-    chevron: re.chevron,
-    panel: re.panel,
-    content: re.content
+  const t = f(a, r), o = {
+    root: se.root,
+    item: se.item,
+    control: se.control,
+    label: se.label,
+    chevron: se.chevron,
+    panel: se.panel,
+    content: se.content
   }, n = t.classNames;
   if (n && typeof n == "object" && !Array.isArray(n)) {
     const c = n;
@@ -117,7 +117,7 @@ const $a = "Accordion-module__root___Dem6d", va = "Accordion-module__item___7ryV
     });
   }
   const i = t.className;
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ s(
     Ge,
     {
       variant: e,
@@ -128,39 +128,39 @@ const $a = "Accordion-module__root___Dem6d", va = "Accordion-module__item___7ryV
   );
 };
 So.displayName = "Accordion";
-const xo = $(function({ title: e, leftIcon: s, divider: a = !0, children: t, overStyled: o = !1, ...n }, i) {
-  const c = h(n, o), d = c.className, p = [a ? void 0 : re.noDivider, d].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ r(
+const xo = h(function({ title: e, leftIcon: r, divider: a = !0, children: t, overStyled: o = !1, ...n }, i) {
+  const c = f(n, o), d = c.className, p = [a ? void 0 : se.noDivider, d].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ s(
     Ge.Item,
     {
       ref: i,
       className: p,
       ...c,
       children: e ? /* @__PURE__ */ z(xe, { children: [
-        /* @__PURE__ */ r(ro, { leftIcon: s, children: e }),
-        /* @__PURE__ */ r(no, { children: t })
+        /* @__PURE__ */ s(so, { leftIcon: r, children: e }),
+        /* @__PURE__ */ s(no, { children: t })
       ] }) : t
     }
   );
 });
 xo.displayName = "AccordionItem";
-const ro = $(function({ leftIcon: e, children: s, overStyled: a = !1, ...t }, o) {
-  const n = h(t, a), i = n.className;
-  return /* @__PURE__ */ r(
+const so = h(function({ leftIcon: e, children: r, overStyled: a = !1, ...t }, o) {
+  const n = f(t, a), i = n.className;
+  return /* @__PURE__ */ s(
     Ge.Control,
     {
       ref: o,
       className: i,
-      icon: e ? /* @__PURE__ */ r("span", { className: re.iconLeftWrapper, "aria-hidden": !0, children: e }) : void 0,
+      icon: e ? /* @__PURE__ */ s("span", { className: se.iconLeftWrapper, "aria-hidden": !0, children: e }) : void 0,
       ...n,
-      children: s
+      children: r
     }
   );
 });
-ro.displayName = "AccordionControl";
-const no = $(function({ overStyled: e = !1, ...s }, a) {
-  const t = h(s, e), o = t.className;
-  return /* @__PURE__ */ r(
+so.displayName = "AccordionControl";
+const no = h(function({ overStyled: e = !1, ...r }, a) {
+  const t = f(r, e), o = t.className;
+  return /* @__PURE__ */ s(
     Ge.Panel,
     {
       ref: a,
@@ -172,7 +172,7 @@ const no = $(function({ overStyled: e = !1, ...s }, a) {
 no.displayName = "AccordionPanel";
 const lo = So;
 lo.Item = xo;
-lo.Control = ro;
+lo.Control = so;
 lo.Panel = no;
 const Aa = "Label-module__root___e6HXZ", Oa = "Label-module__labelText___rieFR", Wa = "Label-module__required___Ggrzc", La = "Label-module__optionalText___Y2yun", ka = "Label-module__actionAreaWrapper___ELoZK", Ia = "Label-module__editIconWrapper___NG2xW", X = {
   root: Aa,
@@ -181,9 +181,9 @@ const Aa = "Label-module__root___e6HXZ", Oa = "Label-module__labelText___rieFR",
   optionalText: La,
   actionAreaWrapper: ka,
   editIconWrapper: Ia
-}, Ao = $(function({
+}, Ao = h(function({
   labelSize: e = "default",
-  labelAlignment: s,
+  labelAlignment: r,
   required: a = !1,
   labelOptionalText: t,
   labelWithEditIcon: o,
@@ -193,32 +193,32 @@ const Aa = "Label-module__root___e6HXZ", Oa = "Label-module__labelText___rieFR",
   overStyled: d = !1,
   ...p
 }, _) {
-  const N = s || "left";
+  const N = r || "left";
   let u;
   a || (t === !0 ? u = "optional" : t && (u = t));
-  const m = h(p, d), y = m, C = {
+  const m = f(p, d), b = m, P = {
     label: X.root,
     required: X.required
-  }, f = y.classNames;
-  if (f && typeof f == "object" && !Array.isArray(f)) {
-    const A = f;
-    C.label = A.label ? `${X.root} ${A.label}` : X.root, C.required = A.required ? `${X.required} ${A.required}` : X.required;
+  }, C = b.classNames;
+  if (C && typeof C == "object" && !Array.isArray(C)) {
+    const A = C;
+    P.label = A.label ? `${X.root} ${A.label}` : X.root, P.required = A.required ? `${X.required} ${A.required}` : X.required;
   }
-  const T = y.className, b = T ? `${X.root} ${T}` : X.root;
+  const $ = b.className, y = $ ? `${X.root} ${$}` : X.root;
   return /* @__PURE__ */ z(
     Co.Label,
     {
       ref: _,
-      className: b,
-      classNames: C,
+      className: y,
+      classNames: P,
       "data-size": e,
       "data-alignment": N,
       required: a && !o,
       ...m,
       children: [
-        /* @__PURE__ */ r("span", { className: X.labelText, children: c }),
-        u && /* @__PURE__ */ r("span", { className: X.optionalText, children: typeof u == "string" ? `(${u})` : u }),
-        n ? /* @__PURE__ */ r("span", { className: X.actionAreaWrapper, children: n }) : o ? /* @__PURE__ */ r(
+        /* @__PURE__ */ s("span", { className: X.labelText, children: c }),
+        u && /* @__PURE__ */ s("span", { className: X.optionalText, children: typeof u == "string" ? `(${u})` : u }),
+        n ? /* @__PURE__ */ s("span", { className: X.actionAreaWrapper, children: n }) : o ? /* @__PURE__ */ s(
           "button",
           {
             type: "button",
@@ -226,7 +226,7 @@ const Aa = "Label-module__root___e6HXZ", Oa = "Label-module__labelText___rieFR",
             "data-replaces-asterisk": a ? "true" : void 0,
             onClick: i,
             "aria-label": "Edit",
-            children: /* @__PURE__ */ r(
+            children: /* @__PURE__ */ s(
               "svg",
               {
                 width: "16",
@@ -234,7 +234,7 @@ const Aa = "Label-module__root___e6HXZ", Oa = "Label-module__labelText___rieFR",
                 viewBox: "0 0 16 16",
                 fill: "none",
                 xmlns: "http://www.w3.org/2000/svg",
-                children: /* @__PURE__ */ r(
+                children: /* @__PURE__ */ s(
                   "path",
                   {
                     d: "M11.5303 2.46967C11.8232 2.17678 12.2981 2.17678 12.591 2.46967L13.5303 3.40898C13.8232 3.70188 13.8232 4.17675 13.5303 4.46964L5.61288 12.3871C5.45268 12.5473 5.24434 12.6483 5.01809 12.6766L2.39534 13.0044C2.10091 13.0412 1.83856 12.7789 1.87538 12.4845L2.2032 9.86175C2.23147 9.63551 2.3325 9.42716 2.4927 9.26696L11.5303 2.46967Z",
@@ -256,9 +256,9 @@ const Ma = "FormControlLayout-module__root___yNDhZ", za = "FormControlLayout-mod
   root: Ma,
   leftSection: za,
   rightSection: Ra
-}, Ne = $(function({
+}, Ne = h(function({
   formLayout: e = "stacked",
-  labelSize: s = "default",
+  labelSize: r = "default",
   controlMaxWidth: a,
   controlMinWidth: t,
   leftSection: o,
@@ -281,8 +281,8 @@ const Ma = "FormControlLayout-module__root___yNDhZ", za = "FormControlLayout-mod
       },
       ...d,
       children: [
-        u && /* @__PURE__ */ r("div", { className: Be.leftSection, "data-size": s, children: o }),
-        /* @__PURE__ */ r("div", { className: Be.rightSection, children: n })
+        u && /* @__PURE__ */ s("div", { className: Be.leftSection, "data-size": r, children: o }),
+        /* @__PURE__ */ s("div", { className: Be.rightSection, children: n })
       ]
     }
   );
@@ -303,12 +303,12 @@ const Ba = "AssistiveElement-module__root___WhQ43", Fa = "AssistiveElement-modul
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ r("circle", { cx: "12", cy: "12", r: "10" }),
-      /* @__PURE__ */ r("path", { d: "M12 16v-4" }),
-      /* @__PURE__ */ r("path", { d: "M12 8h.01" })
+      /* @__PURE__ */ s("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ s("path", { d: "M12 16v-4" }),
+      /* @__PURE__ */ s("path", { d: "M12 8h.01" })
     ]
   }
-), ja = () => /* @__PURE__ */ z(
+), Da = () => /* @__PURE__ */ z(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -319,20 +319,20 @@ const Ba = "AssistiveElement-module__root___WhQ43", Fa = "AssistiveElement-modul
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ r("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }),
-      /* @__PURE__ */ r("path", { d: "M12 9v4" }),
-      /* @__PURE__ */ r("path", { d: "M12 17h.01" })
+      /* @__PURE__ */ s("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }),
+      /* @__PURE__ */ s("path", { d: "M12 9v4" }),
+      /* @__PURE__ */ s("path", { d: "M12 17h.01" })
     ]
   }
-), Qe = $(function({
+), Qe = h(function({
   assistiveVariant: e = "help",
-  assistiveWithIcon: s = !0,
+  assistiveWithIcon: r = !0,
   children: a,
   className: t,
   overStyled: o = !1,
   ...n
 }, i) {
-  const d = h(n, o), p = Xe.root, _ = t ? `${p} ${t}` : p, N = e === "error" ? ja : Va;
+  const d = f(n, o), p = Xe.root, _ = t ? `${p} ${t}` : p, N = e === "error" ? Da : Va;
   return /* @__PURE__ */ z(
     "div",
     {
@@ -342,19 +342,19 @@ const Ba = "AssistiveElement-module__root___WhQ43", Fa = "AssistiveElement-modul
       style: d.style,
       ...d,
       children: [
-        s && /* @__PURE__ */ r("span", { className: Xe.iconWrapper, children: /* @__PURE__ */ r(N, {}) }),
-        /* @__PURE__ */ r("span", { className: Xe.textWrapper, children: a })
+        r && /* @__PURE__ */ s("span", { className: Xe.iconWrapper, children: /* @__PURE__ */ s(N, {}) }),
+        /* @__PURE__ */ s("span", { className: Xe.textWrapper, children: a })
       ]
     }
   );
 });
 Qe.displayName = "AssistiveElement";
-const Da = "FormControlWrapper-module__root___c-UHo", Ga = "FormControlWrapper-module__inputSection___HenXk", yo = {
-  root: Da,
+const ja = "FormControlWrapper-module__root___c-UHo", Ga = "FormControlWrapper-module__inputSection___HenXk", yo = {
+  root: ja,
   inputSection: Ga
-}, je = $(function({
+}, De = h(function({
   formLayout: e,
-  labelSize: s,
+  labelSize: r,
   labelAlignment: a,
   labelOptionalText: t,
   labelWithEditIcon: o,
@@ -367,23 +367,23 @@ const Da = "FormControlWrapper-module__root___c-UHo", Ga = "FormControlWrapper-m
   controlMaxWidth: N,
   controlMinWidth: u,
   error: m,
-  required: y,
-  withAsterisk: C,
-  id: f,
-  children: T,
-  className: b,
+  required: b,
+  withAsterisk: P,
+  id: C,
+  children: $,
+  className: y,
   overStyled: A = !1,
   labelElement: v,
   // Extracted safely preventing bleeding into HTML domains
   ...I
 }, x) {
-  const S = Ut(), O = f || `recursica-fc-${S}`, W = p || d, w = W ? `${O}-assistive` : void 0, P = m ? `${O}-error` : void 0, R = h(I, A), g = b || R.className, he = yo.root, $e = g ? `${he} ${g}` : he, U = D.isValidElement(T) ? D.cloneElement(
-    T,
+  const S = Ut(), O = C || `recursica-fc-${S}`, W = p || d, w = W ? `${O}-assistive` : void 0, g = m ? `${O}-error` : void 0, R = f(I, A), T = y || R.className, he = yo.root, $e = T ? `${he} ${T}` : he, U = j.isValidElement($) ? j.cloneElement(
+    $,
     {
-      ...W && !T.props["aria-describedby"] ? { "aria-describedby": w } : {},
-      ...m && !T.props["aria-errormessage"] ? { "aria-errormessage": P } : {}
+      ...W && !$.props["aria-describedby"] ? { "aria-describedby": w } : {},
+      ...m && !$.props["aria-errormessage"] ? { "aria-errormessage": g } : {}
     }
-  ) : T, Ye = c ? /* @__PURE__ */ r(
+  ) : $, Ye = c ? /* @__PURE__ */ s(
     Ao,
     {
       id: O,
@@ -392,34 +392,34 @@ const Da = "FormControlWrapper-module__root___c-UHo", Ga = "FormControlWrapper-m
       labelWithEditIcon: o,
       labelActionArea: n,
       onLabelEditClick: i,
-      required: C ?? y,
+      required: P ?? b,
       ...v === "div" ? { as: "div" } : {},
       children: c
     }
   ) : void 0;
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ s(
     Ne,
     {
       ref: x,
       className: $e,
       formLayout: e,
-      labelSize: s,
+      labelSize: r,
       controlMaxWidth: N,
       controlMinWidth: u,
       leftSection: Ye,
       ...R,
       children: /* @__PURE__ */ z("div", { className: yo.inputSection, children: [
         U,
-        m && /* @__PURE__ */ r(
+        m && /* @__PURE__ */ s(
           Qe,
           {
-            id: P,
+            id: g,
             assistiveVariant: "error",
             assistiveWithIcon: _,
             children: m
           }
         ),
-        !m && W && /* @__PURE__ */ r(
+        !m && W && /* @__PURE__ */ s(
           Qe,
           {
             id: w,
@@ -432,13 +432,13 @@ const Da = "FormControlWrapper-module__root___c-UHo", Ga = "FormControlWrapper-m
     }
   );
 });
-je.displayName = "FormControlWrapper";
+De.displayName = "FormControlWrapper";
 const Ha = "_root_1qhn7_3", qa = "_contents_1qhn7_18", Te = {
   root: Ha,
   contents: qa
-}, Ua = $(function({ layer: l, contentsOnly: e, children: s, className: a, style: t, ...o }, n) {
+}, Ua = h(function({ layer: l, contentsOnly: e, children: r, className: a, style: t, ...o }, n) {
   const i = e ? a ? `${Te.root} ${Te.contents} ${a}` : `${Te.root} ${Te.contents}` : a ? `${Te.root} ${a}` : Te.root;
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ s(
     "div",
     {
       ref: n,
@@ -446,50 +446,98 @@ const Ha = "_root_1qhn7_3", qa = "_contents_1qhn7_18", Te = {
       style: t,
       ...e ? {} : { "data-recursica-layer": String(l) },
       ...o,
-      children: s
+      children: r
     }
   );
 });
 Ua.displayName = "Layer";
-const De = ({ emptyText: l = "N/A" }) => /* @__PURE__ */ r(D.Fragment, { children: l });
-De.displayName = "EmptyValueRenderer";
-De.check = (l) => l == null || l === "" || Array.isArray(l) && l.length === 0;
+const je = ({ emptyText: l = "N/A" }) => /* @__PURE__ */ s(j.Fragment, { children: l });
+je.displayName = "EmptyValueRenderer";
+je.check = (l) => l == null || l === "" || Array.isArray(l) && l.length === 0;
 const No = "data-recursica-theme";
 function Hl({
   children: l,
   theme: e = "light"
 }) {
   return vo(() => {
-    const s = document.documentElement;
-    return s.setAttribute(No, e), () => {
-      s.removeAttribute(No);
+    const r = document.documentElement;
+    return r.setAttribute(No, e), () => {
+      r.removeAttribute(No);
     };
-  }, [e]), /* @__PURE__ */ r(xe, { children: l });
+  }, [e]), /* @__PURE__ */ s(xe, { children: l });
 }
-const Za = "ReadOnlyField-module__layoutOverride___9fSsG", Ya = "ReadOnlyField-module__textField___qKn25", Se = {
+const ql = [
+  "Accordion",
+  "AssistiveElement",
+  "Autocomplete",
+  "Avatar",
+  "Badge",
+  "Breadcrumb",
+  "Button",
+  "Card",
+  "Checkbox",
+  "Chip",
+  "Container",
+  "DatePicker",
+  "Dropdown",
+  "EmptyValueRenderer",
+  "Flex",
+  "FormControlLayout",
+  "FormControlWrapper",
+  "Group",
+  "HoverCard",
+  "Label",
+  "Layer",
+  "Link",
+  "Loader",
+  "Menu",
+  "Modal",
+  "NumberInput",
+  "Pagination",
+  "Panel",
+  "Popover",
+  "Radio",
+  "ReadOnlyField",
+  "SegmentedControl",
+  "Slider",
+  "Stack",
+  "Stepper",
+  "Switch",
+  "Table",
+  "Tabs",
+  "Text",
+  "TextArea",
+  "TextField",
+  "TimePicker",
+  "Timeline",
+  "Title",
+  "Toast",
+  "Tooltip",
+  "TransferList"
+], Za = "ReadOnlyField-module__layoutOverride___9fSsG", Ya = "ReadOnlyField-module__textField___qKn25", Se = {
   layoutOverride: Za,
   textField: Ya
 }, Ee = ({
   value: l,
   overStyled: e = !1,
-  ...s
+  ...r
 }) => {
-  const a = h(s, e), t = a.className;
-  return /* @__PURE__ */ r(
+  const a = f(r, e), t = a.className;
+  return /* @__PURE__ */ s(
     eo,
     {
       component: "p",
       className: t ? `${Se.textField} ${t}` : Se.textField,
       ...a,
-      children: l != null ? D.isValidElement(l) ? l : Array.isArray(l) ? l.join(", ") : String(l) : ""
+      children: l != null ? j.isValidElement(l) ? l : Array.isArray(l) ? l.join(", ") : String(l) : ""
     }
   );
 };
 Ee.displayName = "ReadOnlyTextField";
-const Oo = $(
+const Oo = h(
   function({
     value: e,
-    type: s = "text",
+    type: r = "text",
     emptyValueComponent: a,
     overStyled: t = !1,
     className: o,
@@ -497,10 +545,10 @@ const Oo = $(
     ...i
   }, c) {
     let d = null;
-    const p = h(i, t), _ = a || De, u = (_.check ? _.check(e) : De.check(e)) ? /* @__PURE__ */ r(_, { value: e }) : e;
-    switch (s) {
+    const p = f(i, t), _ = a || je, u = (_.check ? _.check(e) : je.check(e)) ? /* @__PURE__ */ s(_, { value: e }) : e;
+    switch (r) {
       case "boolean":
-        d = /* @__PURE__ */ r(
+        d = /* @__PURE__ */ s(
           Ee,
           {
             value: e === !0 ? "True" : e === !1 ? "False" : u,
@@ -509,7 +557,7 @@ const Oo = $(
         );
         break;
       case "switch":
-        d = /* @__PURE__ */ r(
+        d = /* @__PURE__ */ s(
           Ee,
           {
             value: e === !0 ? "On" : e === !1 ? "Off" : u,
@@ -519,7 +567,7 @@ const Oo = $(
         break;
       case "text":
       default:
-        d = /* @__PURE__ */ r(
+        d = /* @__PURE__ */ s(
           Ee,
           {
             value: u,
@@ -529,8 +577,8 @@ const Oo = $(
         break;
     }
     const m = o ? `${Se.layoutOverride} ${o}` : Se.layoutOverride;
-    return /* @__PURE__ */ r(
-      je,
+    return /* @__PURE__ */ s(
+      De,
       {
         ref: c,
         overStyled: t,
@@ -543,9 +591,9 @@ const Oo = $(
   }
 );
 Oo.displayName = "ReadOnlyField";
-const oe = $(function({
+const oe = h(function({
   readOnly: e,
-  readOnlyComponent: s,
+  readOnlyComponent: r,
   readOnlyType: a = "text",
   readOnlyValue: t,
   readOnlyNativeProps: o,
@@ -555,16 +603,16 @@ const oe = $(function({
   onLabelEditClick: d,
   ...p
 }, _) {
-  return e ? s ? /* @__PURE__ */ r(
-    je,
+  return e ? r ? /* @__PURE__ */ s(
+    De,
     {
       ref: _,
       ...p,
       onLabelEditClick: d,
       overStyled: c,
-      children: /* @__PURE__ */ r(s, { ...o })
+      children: /* @__PURE__ */ s(r, { ...o })
     }
-  ) : /* @__PURE__ */ r(
+  ) : /* @__PURE__ */ s(
     Oo,
     {
       ref: _,
@@ -575,8 +623,8 @@ const oe = $(function({
       overStyled: c,
       ...p
     }
-  ) : /* @__PURE__ */ r(
-    je,
+  ) : /* @__PURE__ */ s(
+    De,
     {
       ref: _,
       ...p,
@@ -587,15 +635,15 @@ const oe = $(function({
   );
 });
 oe.displayName = "WithReadOnlyWrapper";
-const Ka = "AutoComplete-module__layoutOverride___-K9WL", Xa = "AutoComplete-module__root___kANza", Ja = "AutoComplete-module__input___g51MC", Qa = "AutoComplete-module__section___WAbf1", es = "AutoComplete-module__dropdown___NqO3E", os = "AutoComplete-module__option___Y-Kja", V = {
+const Ka = "AutoComplete-module__layoutOverride___-K9WL", Xa = "AutoComplete-module__root___kANza", Ja = "AutoComplete-module__input___g51MC", Qa = "AutoComplete-module__section___WAbf1", er = "AutoComplete-module__dropdown___NqO3E", or = "AutoComplete-module__option___Y-Kja", V = {
   layoutOverride: Ka,
   root: Xa,
   input: Ja,
   section: Qa,
-  dropdown: es,
-  option: os
-}, ts = $(
-  function(e, s) {
+  dropdown: er,
+  option: or
+}, tr = h(
+  function(e, r) {
     const {
       overStyled: a = !1,
       formLayout: t = "stacked",
@@ -610,20 +658,20 @@ const Ka = "AutoComplete-module__layoutOverride___-K9WL", Xa = "AutoComplete-mod
       assistiveWithIcon: N,
       error: u,
       required: m,
-      withAsterisk: y,
-      id: C,
-      className: f,
-      style: T,
-      disabled: b,
+      withAsterisk: b,
+      id: P,
+      className: C,
+      style: $,
+      disabled: y,
       readOnly: A,
       readOnlyComponent: v,
       emptyValueComponent: I,
       value: x,
       defaultValue: S,
       ...O
-    } = e, W = h(O, a), w = W;
+    } = e, W = f(O, a), w = W;
     delete w.size, delete w.variant, delete w.radius;
-    const P = {
+    const g = {
       wrapper: V.root,
       // The nested Input internal relative wrapper bounding box
       input: V.input,
@@ -632,15 +680,15 @@ const Ka = "AutoComplete-module__layoutOverride___-K9WL", Xa = "AutoComplete-mod
       option: V.option
     }, L = w.classNames;
     if (L && typeof L == "object" && !Array.isArray(L)) {
-      const g = L;
-      P.wrapper = g.wrapper ? `${V.root} ${g.wrapper}` : V.root, P.input = g.input ? `${V.input} ${g.input}` : V.input, P.section = g.section ? `${V.section} ${g.section}` : V.section, P.dropdown = g.dropdown ? `${V.dropdown} ${g.dropdown}` : V.dropdown, P.option = g.option ? `${V.option} ${g.option}` : V.option;
+      const T = L;
+      g.wrapper = T.wrapper ? `${V.root} ${T.wrapper}` : V.root, g.input = T.input ? `${V.input} ${T.input}` : V.input, g.section = T.section ? `${V.section} ${T.section}` : V.section, g.dropdown = T.dropdown ? `${V.dropdown} ${T.dropdown}` : V.dropdown, g.option = T.option ? `${V.option} ${T.option}` : V.option;
     }
-    const R = f ? `${V.layoutOverride} ${f}` : V.layoutOverride;
-    return /* @__PURE__ */ r(
+    const R = C ? `${V.layoutOverride} ${C}` : V.layoutOverride;
+    return /* @__PURE__ */ s(
       oe,
       {
         className: R,
-        style: T,
+        style: $,
         controlMaxWidth: "var(--recursica_ui-kit_components_autocomplete_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_autocomplete_properties_min-width)",
         overStyled: a,
@@ -655,8 +703,8 @@ const Ka = "AutoComplete-module__layoutOverride___-K9WL", Xa = "AutoComplete-mod
         assistiveWithIcon: N,
         error: u,
         required: m,
-        withAsterisk: y,
-        id: C,
+        withAsterisk: b,
+        id: P,
         readOnly: A,
         readOnlyComponent: v,
         emptyValueComponent: I,
@@ -665,16 +713,16 @@ const Ka = "AutoComplete-module__layoutOverride___-K9WL", Xa = "AutoComplete-mod
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ s(
             Zt,
             {
-              ref: s,
-              classNames: P,
-              disabled: b,
+              ref: r,
+              classNames: g,
+              disabled: y,
               value: x,
               defaultValue: S,
               wrapperProps: {
-                "data-disabled": b ? "true" : void 0,
+                "data-disabled": y ? "true" : void 0,
                 "data-error": u ? "true" : void 0
               },
               ...W
@@ -685,16 +733,16 @@ const Ka = "AutoComplete-module__layoutOverride___-K9WL", Xa = "AutoComplete-mod
     );
   }
 );
-ts.displayName = "AutoComplete";
-const as = "Avatar-module__root___fXu-J", ss = "Avatar-module__iconWrapper___ojly2", rs = "Avatar-module__textWrapper___zp-jD", ns = "Avatar-module__image___ieqGp", ls = "Avatar-module__placeholder___IDW7-", Q = {
-  root: as,
-  iconWrapper: ss,
-  textWrapper: rs,
-  image: ns,
-  placeholder: ls
-}, Wo = $(function({
+tr.displayName = "AutoComplete";
+const ar = "Avatar-module__root___fXu-J", rr = "Avatar-module__iconWrapper___ojly2", sr = "Avatar-module__textWrapper___zp-jD", nr = "Avatar-module__image___ieqGp", lr = "Avatar-module__placeholder___IDW7-", Q = {
+  root: ar,
+  iconWrapper: rr,
+  textWrapper: sr,
+  image: nr,
+  placeholder: lr
+}, Wo = h(function({
   size: e = "default",
-  variant: s = "solid",
+  variant: r = "solid",
   icon: a,
   children: t,
   src: o,
@@ -709,51 +757,51 @@ const as = "Avatar-module__root___fXu-J", ss = "Avatar-module__iconWrapper___ojl
     default: "md",
     small: "sm",
     large: "lg"
-  }, _ = h(i, n), N = _;
+  }, _ = f(i, n), N = _;
   let u = "text";
   o ? u = "image" : a && (u = "icon");
   const m = {
     root: Q.root,
     image: Q.image,
     placeholder: Q.placeholder
-  }, y = N.classNames;
-  if (y && typeof y == "object" && !Array.isArray(y)) {
-    const f = y;
-    m.root = f.root ? `${Q.root} ${f.root}` : Q.root, m.image = f.image ? `${Q.image} ${f.image}` : Q.image, m.placeholder = f.placeholder ? `${Q.placeholder} ${f.placeholder}` : Q.placeholder;
+  }, b = N.classNames;
+  if (b && typeof b == "object" && !Array.isArray(b)) {
+    const C = b;
+    m.root = C.root ? `${Q.root} ${C.root}` : Q.root, m.image = C.image ? `${Q.image} ${C.image}` : Q.image, m.placeholder = C.placeholder ? `${Q.placeholder} ${C.placeholder}` : Q.placeholder;
   }
-  const C = N.className;
-  return /* @__PURE__ */ r(
+  const P = N.className;
+  return /* @__PURE__ */ s(
     Yt,
     {
       ref: c,
-      className: C,
+      className: P,
       classNames: m,
-      variant: d[s],
+      variant: d[r],
       size: p[e],
       src: o,
-      "data-variant": s,
+      "data-variant": r,
       "data-size": e,
       "data-style": u,
       ..._,
-      children: a != null ? /* @__PURE__ */ r("span", { className: Q.iconWrapper, "aria-hidden": !0, children: a }) : t != null ? /* @__PURE__ */ r("span", { className: Q.textWrapper, children: t }) : void 0
+      children: a != null ? /* @__PURE__ */ s("span", { className: Q.iconWrapper, "aria-hidden": !0, children: a }) : t != null ? /* @__PURE__ */ s("span", { className: Q.textWrapper, children: t }) : void 0
     }
   );
 });
 Wo.displayName = "Avatar";
-const ql = te(Wo), is = "Badge-module__root___5osNT", se = {
-  root: is
-}, Lo = $(function({ variant: e = "primary-color", overStyled: s = !1, ...a }, t) {
-  const o = h(a, s), n = {
-    root: se.root,
-    section: se.section,
-    label: se.label
+const Ul = te(Wo), ir = "Badge-module__root___5osNT", re = {
+  root: ir
+}, Lo = h(function({ variant: e = "primary-color", overStyled: r = !1, ...a }, t) {
+  const o = f(a, r), n = {
+    root: re.root,
+    section: re.section,
+    label: re.label
   }, i = o.classNames;
   if (i && typeof i == "object" && !Array.isArray(i)) {
     const p = i;
-    n.root = p.root ? `${se.root} ${p.root}` : se.root, n.section = p.section ?? se.section, n.label = p.label ?? se.label;
+    n.root = p.root ? `${re.root} ${p.root}` : re.root, n.section = p.section ?? re.section, n.label = p.label ?? re.label;
   }
-  const c = o.className, d = c ? `${se.root} ${c}` : se.root;
-  return /* @__PURE__ */ r(
+  const c = o.className, d = c ? `${re.root} ${c}` : re.root;
+  return /* @__PURE__ */ s(
     Kt,
     {
       ref: t,
@@ -766,13 +814,13 @@ const ql = te(Wo), is = "Badge-module__root___5osNT", se = {
   );
 });
 Lo.displayName = "Badge";
-const Ul = te(Lo), cs = "Breadcrumb-module__root___x-9ln", ds = "Breadcrumb-module__separator___qrUX-", me = {
-  root: cs,
-  separator: ds
-}, ps = $(
-  function({ overStyled: e = !1, separator: s = ">", ...a }, t) {
-    const o = h(
-      { separator: s, ...a },
+const Zl = te(Lo), cr = "Breadcrumb-module__root___x-9ln", dr = "Breadcrumb-module__separator___qrUX-", me = {
+  root: cr,
+  separator: dr
+}, pr = h(
+  function({ overStyled: e = !1, separator: r = ">", ...a }, t) {
+    const o = f(
+      { separator: r, ...a },
       e
     ), n = {
       root: me.root,
@@ -783,7 +831,7 @@ const Ul = te(Lo), cs = "Breadcrumb-module__root___x-9ln", ds = "Breadcrumb-modu
       n.root = p.root ? `${me.root} ${p.root}` : me.root, n.separator = p.separator ? `${me.separator} ${p.separator}` : me.separator;
     }
     const c = o.className, d = c ? `${me.root} ${c}` : me.root;
-    return /* @__PURE__ */ r(
+    return /* @__PURE__ */ s(
       Xt,
       {
         ref: t,
@@ -794,10 +842,10 @@ const Ul = te(Lo), cs = "Breadcrumb-module__root___x-9ln", ds = "Breadcrumb-modu
     );
   }
 );
-ps.displayName = "Breadcrumb";
-const _s = "Loader-module__root___6iYOP", We = {
-  root: _s
-}, ko = $(function({ variant: e = "oval", size: s = "default", overStyled: a = !1, ...t }, o) {
+pr.displayName = "Breadcrumb";
+const _r = "Loader-module__root___6iYOP", We = {
+  root: _r
+}, ko = h(function({ variant: e = "oval", size: r = "default", overStyled: a = !1, ...t }, o) {
   const i = {
     sm: "small",
     md: "default",
@@ -805,7 +853,7 @@ const _s = "Loader-module__root___6iYOP", We = {
     small: "small",
     default: "default",
     large: "large"
-  }[s] || "default", c = h(t, a), d = {
+  }[r] || "default", c = f(t, a), d = {
     root: We.root
   }, p = c.classNames;
   if (p && typeof p == "object" && !Array.isArray(p)) {
@@ -813,7 +861,7 @@ const _s = "Loader-module__root___6iYOP", We = {
     d.root = u.root ? `${We.root} ${u.root}` : We.root;
   }
   const _ = c.className, N = _ ? `${We.root} ${_}` : We.root;
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ s(
     Jt,
     {
       ref: o,
@@ -827,20 +875,20 @@ const _s = "Loader-module__root___6iYOP", We = {
   );
 });
 ko.displayName = "Loader";
-const ms = "Button-module__root___Q2R8-", us = "Button-module__loader___X-9u-", bs = "Button-module__label___UJ3Zt", ys = "Button-module__labelText___rFV5p", Ns = "Button-module__iconWrapper___uEKPa", fs = "Button-module__section___f2mKr", J = {
-  root: ms,
-  loader: us,
-  label: bs,
-  labelText: ys,
-  iconWrapper: Ns,
-  section: fs
+const mr = "Button-module__root___Q2R8-", ur = "Button-module__loader___X-9u-", br = "Button-module__label___UJ3Zt", yr = "Button-module__labelText___rFV5p", Nr = "Button-module__iconWrapper___uEKPa", fr = "Button-module__section___f2mKr", J = {
+  root: mr,
+  loader: ur,
+  label: br,
+  labelText: yr,
+  iconWrapper: Nr,
+  section: fr
 };
-function hs(l) {
+function hr(l) {
   return l == null || l === "" ? !1 : typeof l == "string" ? l.trim() !== "" : !0;
 }
-const Io = $(function({
+const Io = h(function({
   variant: e = "solid",
-  size: s = "default",
+  size: r = "default",
   icon: a,
   children: t,
   overStyled: o = !1,
@@ -856,11 +904,11 @@ const Io = $(function({
   }, N = {
     default: "md",
     small: "sm"
-  }, u = h(d, o), m = u;
+  }, u = f(d, o), m = u;
   delete m.fullWidth;
-  const y = !!a || !!m.leftSection, C = !!m.rightSection, f = hs(t), T = (y || C) && !f;
-  let b = "label";
-  T ? b = "icon-only" : (y || C) && (b = "icon-label"), typeof process < "u" && process.env.NODE_ENV !== "production" && T && !m["aria-label"] && console.warn(
+  const b = !!a || !!m.leftSection, P = !!m.rightSection, C = hr(t), $ = (b || P) && !C;
+  let y = "label";
+  $ ? y = "icon-only" : (b || P) && (y = "icon-label"), typeof process < "u" && process.env.NODE_ENV !== "production" && $ && !m["aria-label"] && console.warn(
     '[Recursica Button] Icon-only buttons must provide an accessible name. Pass aria-label (e.g. aria-label="Submit").'
   );
   const A = {
@@ -873,41 +921,41 @@ const Io = $(function({
     const w = v;
     A.root = w.root ? `${J.root} ${w.root}` : J.root, A.section = w.section ?? J.section, A.label = w.label ?? J.label;
   }
-  const I = m.className, x = I ? `${J.root} ${I}` : J.root, S = m.loaderProps, O = i ?? (s === "small" ? "small" : "default");
+  const I = m.className, x = I ? `${J.root} ${I}` : J.root, S = m.loaderProps, O = i ?? (r === "small" ? "small" : "default");
   let W = S;
   return c && (W = {
-    children: /* @__PURE__ */ r(ko, { variant: n, size: O }),
+    children: /* @__PURE__ */ s(ko, { variant: n, size: O }),
     ...S
-  }), /* @__PURE__ */ r(
+  }), /* @__PURE__ */ s(
     Qt,
     {
       ref: p,
       className: x,
       classNames: A,
       variant: _[e],
-      size: N[s],
+      size: N[r],
       loaderProps: W,
-      leftSection: a != null ? /* @__PURE__ */ r("span", { className: J.iconWrapper, "aria-hidden": !0, children: a }) : void 0,
+      leftSection: a != null ? /* @__PURE__ */ s("span", { className: J.iconWrapper, "aria-hidden": !0, children: a }) : void 0,
       "data-variant": e,
-      "data-size": s,
-      "data-content": b,
+      "data-size": r,
+      "data-content": y,
       ...u,
       disabled: !!m.disabled || !!m.loading,
-      children: /* @__PURE__ */ r("span", { className: J.labelText, children: t })
+      children: /* @__PURE__ */ s("span", { className: J.labelText, children: t })
     }
   );
 });
 Io.displayName = "Button";
-const Zl = te(
+const Yl = te(
   Io
-), $s = "Card-module__root___c9KvZ", vs = "Card-module__header___PTXf2", Cs = "Card-module__footer___Mu-JC", ws = "Card-module__section___BRT8H", Ps = "Card-module__content___oFIQa", le = {
-  root: $s,
-  header: vs,
-  footer: Cs,
-  section: ws,
-  content: Ps
-}, Mo = $(function({ overStyled: e = !1, ...s }, a) {
-  const t = h(s, e), o = {
+), $r = "Card-module__root___c9KvZ", vr = "Card-module__header___PTXf2", Cr = "Card-module__footer___Mu-JC", Pr = "Card-module__section___BRT8H", wr = "Card-module__content___oFIQa", le = {
+  root: $r,
+  header: vr,
+  footer: Cr,
+  section: Pr,
+  content: wr
+}, Mo = h(function({ overStyled: e = !1, ...r }, a) {
+  const t = f(r, e), o = {
     root: le.root
   }, n = t.classNames;
   if (n && typeof n == "object" && !Array.isArray(n)) {
@@ -917,7 +965,7 @@ const Zl = te(
     });
   }
   const i = t.className;
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ s(
     He,
     {
       ref: a,
@@ -928,10 +976,10 @@ const Zl = te(
   );
 });
 Mo.displayName = "Card";
-const zo = $(
-  function({ overStyled: e = !1, ...s }, a) {
-    const t = h(s, e), o = t.className;
-    return /* @__PURE__ */ r(
+const zo = h(
+  function({ overStyled: e = !1, ...r }, a) {
+    const t = f(r, e), o = t.className;
+    return /* @__PURE__ */ s(
       He.Section,
       {
         ref: a,
@@ -942,10 +990,10 @@ const zo = $(
   }
 );
 zo.displayName = "CardSection";
-const Ro = $(
-  function({ overStyled: e = !1, ...s }, a) {
-    const t = h(s, e), o = t.className;
-    return /* @__PURE__ */ r(
+const Ro = h(
+  function({ overStyled: e = !1, ...r }, a) {
+    const t = f(r, e), o = t.className;
+    return /* @__PURE__ */ s(
       He.Section,
       {
         ref: a,
@@ -956,10 +1004,10 @@ const Ro = $(
   }
 );
 Ro.displayName = "CardHeader";
-const Bo = $(
-  function({ overStyled: e = !1, ...s }, a) {
-    const t = h(s, e), o = t.className;
-    return /* @__PURE__ */ r(
+const Bo = h(
+  function({ overStyled: e = !1, ...r }, a) {
+    const t = f(r, e), o = t.className;
+    return /* @__PURE__ */ s(
       He.Section,
       {
         ref: a,
@@ -970,10 +1018,10 @@ const Bo = $(
   }
 );
 Bo.displayName = "CardFooter";
-const Fo = $(
-  function({ overStyled: e = !1, ...s }, a) {
-    const t = h(s, e), o = t.className;
-    return /* @__PURE__ */ r(
+const Fo = h(
+  function({ overStyled: e = !1, ...r }, a) {
+    const t = f(r, e), o = t.className;
+    return /* @__PURE__ */ s(
       "div",
       {
         ref: a,
@@ -989,17 +1037,17 @@ Ue.Section = zo;
 Ue.Header = Ro;
 Ue.Footer = Bo;
 Ue.Content = Fo;
-const Yl = Eo, gs = "Checkbox-module__groupRoot___cBS0o", Ts = "Checkbox-module__root___mY3qk", Ss = "Checkbox-module__body___5yC7q", xs = "Checkbox-module__inner___rTke4", As = "Checkbox-module__input___2kt-h", Os = "Checkbox-module__icon___-O7i6", Ws = "Checkbox-module__labelWrapper___GpZkr", Ls = "Checkbox-module__label___cwRtI", B = {
-  groupRoot: gs,
-  root: Ts,
-  body: Ss,
-  inner: xs,
-  input: As,
-  icon: Os,
-  labelWrapper: Ws,
-  label: Ls
-}, Vo = $(
-  function(e, s) {
+const Kl = Eo, gr = "Checkbox-module__groupRoot___cBS0o", Tr = "Checkbox-module__root___mY3qk", Sr = "Checkbox-module__body___5yC7q", xr = "Checkbox-module__inner___rTke4", Ar = "Checkbox-module__input___2kt-h", Or = "Checkbox-module__icon___-O7i6", Wr = "Checkbox-module__labelWrapper___GpZkr", Lr = "Checkbox-module__label___cwRtI", B = {
+  groupRoot: gr,
+  root: Tr,
+  body: Sr,
+  inner: xr,
+  input: Ar,
+  icon: Or,
+  labelWrapper: Wr,
+  label: Lr
+}, Vo = h(
+  function(e, r) {
     const {
       overStyled: a = !1,
       formLayout: t = "stacked",
@@ -1015,11 +1063,11 @@ const Yl = Eo, gs = "Checkbox-module__groupRoot___cBS0o", Ts = "Checkbox-module_
       assistiveText: N,
       assistiveWithIcon: u,
       error: m,
-      required: y,
-      withAsterisk: C,
-      id: f,
-      className: T,
-      style: b,
+      required: b,
+      withAsterisk: P,
+      id: C,
+      className: $,
+      style: y,
       children: A,
       readOnly: v,
       readOnlyComponent: I,
@@ -1027,12 +1075,12 @@ const Yl = Eo, gs = "Checkbox-module__groupRoot___cBS0o", Ts = "Checkbox-module_
       value: S,
       defaultValue: O,
       ...W
-    } = e, w = h(W, a), P = w;
-    return delete P.size, /* @__PURE__ */ r(
+    } = e, w = f(W, a), g = w;
+    return delete g.size, /* @__PURE__ */ s(
       oe,
       {
-        className: T,
-        style: b,
+        className: $,
+        style: y,
         controlMaxWidth: "var(--recursica_ui-kit_components_checkbox-item_properties_max-width)",
         controlMinWidth: void 0,
         overStyled: a,
@@ -1048,24 +1096,24 @@ const Yl = Eo, gs = "Checkbox-module__groupRoot___cBS0o", Ts = "Checkbox-module_
         assistiveText: N,
         assistiveWithIcon: u,
         error: m,
-        required: y,
-        withAsterisk: C,
-        id: f,
+        required: b,
+        withAsterisk: P,
+        id: C,
         readOnly: v && !!I,
         readOnlyComponent: I,
         emptyValueComponent: x,
         readOnlyType: "text",
         readOnlyValue: S !== void 0 ? S : O,
         readOnlyNativeProps: e,
-        activeComponent: /* @__PURE__ */ r(
-          wo.Group,
+        activeComponent: /* @__PURE__ */ s(
+          Po.Group,
           {
-            ref: s,
+            ref: r,
             ...w,
-            disabled: v || P.disabled,
+            disabled: v || g.disabled,
             value: S,
             defaultValue: O,
-            children: /* @__PURE__ */ r("div", { className: B.groupRoot, "data-layout": t, children: A })
+            children: /* @__PURE__ */ s("div", { className: B.groupRoot, "data-layout": t, children: A })
           }
         )
       }
@@ -1073,8 +1121,8 @@ const Yl = Eo, gs = "Checkbox-module__groupRoot___cBS0o", Ts = "Checkbox-module_
   }
 );
 Vo.displayName = "CheckboxGroup";
-const jo = $(
-  function(e, s) {
+const Do = h(
+  function(e, r) {
     const {
       overStyled: a = !1,
       readOnly: t,
@@ -1085,7 +1133,7 @@ const jo = $(
       controlMaxWidth: d,
       controlMinWidth: p,
       ..._
-    } = e, N = h(_, a), u = N;
+    } = e, N = f(_, a), u = N;
     delete u.size, delete u.color, delete u.radius, delete u.variant, delete u.iconColor;
     const m = {
       root: B.root,
@@ -1095,22 +1143,22 @@ const jo = $(
       icon: B.icon,
       labelWrapper: B.labelWrapper,
       label: B.label
-    }, y = u.classNames;
-    if (y && typeof y == "object" && !Array.isArray(y)) {
-      const b = y;
-      m.root = b.root ? `${B.root} ${b.root}` : B.root, m.body = b.body ? `${B.body} ${b.body}` : B.body, m.inner = b.inner ? `${B.inner} ${b.inner}` : B.inner, m.input = b.input ? `${B.input} ${b.input}` : B.input, m.icon = b.icon ? `${B.icon} ${b.icon}` : B.icon, m.labelWrapper = b.labelWrapper ? `${B.labelWrapper} ${b.labelWrapper}` : B.labelWrapper, m.label = b.label ? `${B.label} ${b.label}` : B.label;
+    }, b = u.classNames;
+    if (b && typeof b == "object" && !Array.isArray(b)) {
+      const y = b;
+      m.root = y.root ? `${B.root} ${y.root}` : B.root, m.body = y.body ? `${B.body} ${y.body}` : B.body, m.inner = y.inner ? `${B.inner} ${y.inner}` : B.inner, m.input = y.input ? `${B.input} ${y.input}` : B.input, m.icon = y.icon ? `${B.icon} ${y.icon}` : B.icon, m.labelWrapper = y.labelWrapper ? `${B.labelWrapper} ${y.labelWrapper}` : B.labelWrapper, m.label = y.label ? `${B.label} ${y.label}` : B.label;
     }
-    const C = u.className, f = C ? `${B.root} ${C}` : B.root;
+    const P = u.className, C = P ? `${B.root} ${P}` : B.root;
     if (t && o) {
-      const b = !!(u.checked ?? u.defaultChecked), v = /* @__PURE__ */ r(
+      const y = !!(u.checked ?? u.defaultChecked), v = /* @__PURE__ */ s(
         o,
         {
           ...e,
-          checked: b,
+          checked: y,
           label: u.label
         }
       );
-      return i ? /* @__PURE__ */ r(
+      return i ? /* @__PURE__ */ s(
         Ne,
         {
           formLayout: i,
@@ -1119,42 +1167,42 @@ const jo = $(
           controlMinWidth: p,
           children: v
         }
-      ) : /* @__PURE__ */ r(xe, { children: v });
+      ) : /* @__PURE__ */ s(xe, { children: v });
     }
-    const T = /* @__PURE__ */ r(
-      wo,
+    const $ = /* @__PURE__ */ s(
+      Po,
       {
-        ref: s,
-        className: f,
+        ref: r,
+        className: C,
         classNames: m,
         disabled: t || n,
         ...N
       }
     );
-    return i ? /* @__PURE__ */ r(
+    return i ? /* @__PURE__ */ s(
       Ne,
       {
         formLayout: i,
         labelSize: c,
         controlMaxWidth: d,
         controlMinWidth: p,
-        children: T
+        children: $
       }
-    ) : T;
+    ) : $;
   }
 );
-jo.displayName = "Checkbox";
-jo.Group = Vo;
-const ks = "Chip-module__root___f5pFk", Is = "Chip-module__label___Ov9pg", Ms = "Chip-module__mantineIconWrapper___KLSz6", zs = "Chip-module__innerWrapper___EnrTF", Rs = "Chip-module__children___zbRAR", Bs = "Chip-module__leadingIcon___JBtjQ", Fs = "Chip-module__removeIcon___pVju-", H = {
-  root: ks,
-  label: Is,
-  mantineIconWrapper: Ms,
-  innerWrapper: zs,
-  children: Rs,
-  leadingIcon: Bs,
-  removeIcon: Fs
+Do.displayName = "Checkbox";
+Do.Group = Vo;
+const kr = "Chip-module__root___f5pFk", Ir = "Chip-module__label___Ov9pg", Mr = "Chip-module__mantineIconWrapper___KLSz6", zr = "Chip-module__innerWrapper___EnrTF", Rr = "Chip-module__children___zbRAR", Br = "Chip-module__leadingIcon___JBtjQ", Fr = "Chip-module__removeIcon___pVju-", H = {
+  root: kr,
+  label: Ir,
+  mantineIconWrapper: Mr,
+  innerWrapper: zr,
+  children: Rr,
+  leadingIcon: Br,
+  removeIcon: Fr
 };
-function Es(l) {
+function Er(l) {
   return /* @__PURE__ */ z(
     "svg",
     {
@@ -1169,22 +1217,22 @@ function Es(l) {
       strokeLinejoin: "round",
       ...l,
       children: [
-        /* @__PURE__ */ r("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
-        /* @__PURE__ */ r("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+        /* @__PURE__ */ s("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+        /* @__PURE__ */ s("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
       ]
     }
   );
 }
-const Vs = $(function({
+const Vr = h(function({
   error: e = !1,
-  icon: s,
+  icon: r,
   onRemove: a,
   removeLabel: t = "Remove",
   children: o,
   overStyled: n = !1,
   ...i
 }, c) {
-  const d = h(i, n), p = d, _ = {
+  const d = f(i, n), p = d, _ = {
     root: H.root,
     label: H.label,
     input: H.input,
@@ -1192,49 +1240,50 @@ const Vs = $(function({
     checkIcon: H.checkIcon
   }, N = p.classNames;
   if (N && typeof N == "object" && !Array.isArray(N)) {
-    const f = N;
-    _.root = f.root ? `${H.root} ${f.root}` : H.root, _.label = f.label ? `${H.label} ${f.label}` : H.label;
+    const $ = N;
+    _.root = $.root ? `${H.root} ${$.root}` : H.root, _.label = $.label ? `${H.label} ${$.label}` : H.label;
   }
-  const u = p.className, m = u ? `${H.root} ${u}` : H.root;
-  return /* @__PURE__ */ r(
+  const u = p.className, m = u ? `${H.root} ${u}` : H.root, b = e ? "" : void 0, P = !o && (!!r || !!a), C = p.checked !== void 0 || p.defaultChecked !== void 0 || a !== void 0 || p.onClick !== void 0;
+  return /* @__PURE__ */ s(
     ea,
     {
       ref: c,
       className: m,
       classNames: _,
-      ...(e ? "" : void 0) !== void 0 ? { "data-error": "" } : {},
-      ...!o && (!!s || !!a) ? { "data-icon-only": "" } : {},
+      wrapperProps: b !== void 0 ? { "data-error": "" } : void 0,
+      ...P ? { "data-icon-only": "" } : {},
+      ...C ? {} : { tabIndex: -1, "aria-hidden": !0 },
       ...d,
       children: /* @__PURE__ */ z("span", { className: H.innerWrapper, children: [
-        s && /* @__PURE__ */ r("span", { className: H.leadingIcon, "aria-hidden": !0, children: s }),
-        /* @__PURE__ */ r("span", { className: H.children, children: o }),
-        a && /* @__PURE__ */ r(
+        r && /* @__PURE__ */ s("span", { className: H.leadingIcon, "aria-hidden": !0, children: r }),
+        /* @__PURE__ */ s("span", { className: H.children, children: o }),
+        a && /* @__PURE__ */ s(
           "span",
           {
             role: "button",
             className: H.removeIcon,
-            onClick: (f) => {
-              f.preventDefault(), f.stopPropagation(), a(f);
+            onClick: ($) => {
+              $.preventDefault(), $.stopPropagation(), a($);
             },
             "aria-label": t,
-            onKeyDown: (f) => {
-              (f.key === "Enter" || f.key === " ") && (f.preventDefault(), f.stopPropagation(), a(
-                f
+            onKeyDown: ($) => {
+              ($.key === "Enter" || $.key === " ") && ($.preventDefault(), $.stopPropagation(), a(
+                $
               ));
             },
             tabIndex: 0,
-            children: /* @__PURE__ */ r(Es, {})
+            children: /* @__PURE__ */ s(Er, {})
           }
         )
       ] })
     }
   );
 });
-Vs.displayName = "Chip";
-const js = "Container-module__root___UVssr", Le = {
-  root: js
-}, Ds = $(
-  function({ children: e, size: s, ...a }, t) {
+Vr.displayName = "Chip";
+const Dr = "Container-module__root___UVssr", Le = {
+  root: Dr
+}, jr = h(
+  function({ children: e, size: r, ...a }, t) {
     const o = {
       "rec-sm": "sm",
       "rec-default": "md",
@@ -1242,7 +1291,7 @@ const js = "Container-module__root___UVssr", Le = {
       "rec-lg": "lg",
       "rec-xl": "xl",
       "rec-2xl": "xl"
-    }, n = typeof s == "string" && o[s] ? o[s] : s, i = {
+    }, n = typeof r == "string" && o[r] ? o[r] : r, i = {
       root: Le.root
     }, c = a.classNames;
     if (c && typeof c == "object" && !Array.isArray(c)) {
@@ -1250,7 +1299,7 @@ const js = "Container-module__root___UVssr", Le = {
       i.root = _.root ? `${Le.root} ${_.root}` : Le.root;
     }
     const d = a.className, p = d ? `${Le.root} ${d}` : Le.root;
-    return /* @__PURE__ */ r(
+    return /* @__PURE__ */ s(
       oa,
       {
         ref: t,
@@ -1263,17 +1312,17 @@ const js = "Container-module__root___UVssr", Le = {
     );
   }
 );
-Ds.displayName = "Container";
-const Gs = "DatePicker-module__layoutOverride___X9yaM", Hs = "DatePicker-module__root___6XvRT", qs = "DatePicker-module__input___pcSW8", Us = "DatePicker-module__section___n3iWA", Zs = "DatePicker-module__dropdown___wjt08", Ys = "DatePicker-module__calendarHeader___KHxno", Ks = "DatePicker-module__day___U03J2", Z = {
-  layoutOverride: Gs,
-  root: Hs,
-  input: qs,
-  section: Us,
-  dropdown: Zs,
-  calendarHeader: Ys,
-  day: Ks
-}, Xs = $(
-  function(e, s) {
+jr.displayName = "Container";
+const Gr = "DatePicker-module__layoutOverride___X9yaM", Hr = "DatePicker-module__root___6XvRT", qr = "DatePicker-module__input___pcSW8", Ur = "DatePicker-module__section___n3iWA", Zr = "DatePicker-module__dropdown___wjt08", Yr = "DatePicker-module__calendarHeader___KHxno", Kr = "DatePicker-module__day___U03J2", Z = {
+  layoutOverride: Gr,
+  root: Hr,
+  input: qr,
+  section: Ur,
+  dropdown: Zr,
+  calendarHeader: Yr,
+  day: Kr
+}, Xr = h(
+  function(e, r) {
     const {
       overStyled: a = !1,
       formLayout: t = "stacked",
@@ -1288,20 +1337,20 @@ const Gs = "DatePicker-module__layoutOverride___X9yaM", Hs = "DatePicker-module_
       assistiveWithIcon: N,
       error: u,
       required: m,
-      withAsterisk: y,
-      id: C,
-      className: f,
-      style: T,
-      disabled: b,
+      withAsterisk: b,
+      id: P,
+      className: C,
+      style: $,
+      disabled: y,
       readOnly: A,
       readOnlyComponent: v,
       emptyValueComponent: I,
       value: x,
       defaultValue: S,
       ...O
-    } = e, W = h(O, a), w = W;
+    } = e, W = f(O, a), w = W;
     delete w.size, delete w.variant, delete w.radius, delete w.description;
-    const P = {
+    const g = {
       wrapper: Z.root,
       // The nested Input internal relative wrapper bounding box
       input: Z.input,
@@ -1311,15 +1360,15 @@ const Gs = "DatePicker-module__layoutOverride___X9yaM", Hs = "DatePicker-module_
       calendarHeader: Z.calendarHeader
     }, L = w.classNames;
     if (L && typeof L == "object" && !Array.isArray(L)) {
-      const g = L;
-      P.wrapper = g.wrapper ? `${Z.root} ${g.wrapper}` : Z.root, P.input = g.input ? `${Z.input} ${g.input}` : Z.input, P.section = g.section ? `${Z.section} ${g.section}` : Z.section;
+      const T = L;
+      g.wrapper = T.wrapper ? `${Z.root} ${T.wrapper}` : Z.root, g.input = T.input ? `${Z.input} ${T.input}` : Z.input, g.section = T.section ? `${Z.section} ${T.section}` : Z.section;
     }
-    const R = f ? `${Z.layoutOverride} ${f}` : Z.layoutOverride;
-    return /* @__PURE__ */ r(
+    const R = C ? `${Z.layoutOverride} ${C}` : Z.layoutOverride;
+    return /* @__PURE__ */ s(
       oe,
       {
         className: R,
-        style: T,
+        style: $,
         controlMaxWidth: void 0,
         controlMinWidth: void 0,
         overStyled: a,
@@ -1334,8 +1383,8 @@ const Gs = "DatePicker-module__layoutOverride___X9yaM", Hs = "DatePicker-module_
         assistiveWithIcon: N,
         error: u,
         required: m,
-        withAsterisk: y,
-        id: C,
+        withAsterisk: b,
+        id: P,
         readOnly: A,
         readOnlyComponent: v,
         emptyValueComponent: I,
@@ -1344,12 +1393,12 @@ const Gs = "DatePicker-module__layoutOverride___X9yaM", Hs = "DatePicker-module_
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ s(
             fa,
             {
-              ref: s,
-              classNames: P,
-              disabled: b,
+              ref: r,
+              classNames: g,
+              disabled: y,
               value: x,
               defaultValue: S,
               label: void 0,
@@ -1357,7 +1406,7 @@ const Gs = "DatePicker-module__layoutOverride___X9yaM", Hs = "DatePicker-module_
               error: void 0,
               withAsterisk: !1,
               wrapperProps: {
-                "data-disabled": b ? "true" : void 0,
+                "data-disabled": y ? "true" : void 0,
                 "data-error": u ? "true" : void 0
               },
               ...W
@@ -1368,16 +1417,16 @@ const Gs = "DatePicker-module__layoutOverride___X9yaM", Hs = "DatePicker-module_
     );
   }
 );
-Xs.displayName = "DatePicker";
-const Js = "Dropdown-module__layoutOverride___FNcvP", Qs = "Dropdown-module__root___uVyL0", er = "Dropdown-module__input___dK4dN", or = "Dropdown-module__section___j3MRB", tr = "Dropdown-module__dropdown___gG-Sw", ar = "Dropdown-module__option___nAGU-", j = {
-  layoutOverride: Js,
-  root: Qs,
-  input: er,
-  section: or,
-  dropdown: tr,
-  option: ar
-}, sr = $(
-  function(e, s) {
+Xr.displayName = "DatePicker";
+const Jr = "Dropdown-module__layoutOverride___FNcvP", Qr = "Dropdown-module__root___uVyL0", es = "Dropdown-module__input___dK4dN", os = "Dropdown-module__section___j3MRB", ts = "Dropdown-module__dropdown___gG-Sw", as = "Dropdown-module__option___nAGU-", D = {
+  layoutOverride: Jr,
+  root: Qr,
+  input: es,
+  section: os,
+  dropdown: ts,
+  option: as
+}, rs = h(
+  function(e, r) {
     const {
       overStyled: a = !1,
       formLayout: t = "stacked",
@@ -1392,11 +1441,11 @@ const Js = "Dropdown-module__layoutOverride___FNcvP", Qs = "Dropdown-module__roo
       assistiveText: N,
       assistiveWithIcon: u,
       error: m,
-      required: y,
-      withAsterisk: C,
-      id: f,
-      className: T,
-      style: b,
+      required: b,
+      withAsterisk: P,
+      id: C,
+      className: $,
+      style: y,
       disabled: A,
       readOnly: v,
       readOnlyComponent: I,
@@ -1405,25 +1454,25 @@ const Js = "Dropdown-module__layoutOverride___FNcvP", Qs = "Dropdown-module__roo
       defaultValue: O,
       data: W,
       ...w
-    } = e, P = h(w, a), L = P;
+    } = e, g = f(w, a), L = g;
     delete L.size, delete L.variant, delete L.radius;
     const R = {
-      wrapper: j.root,
+      wrapper: D.root,
       // The nested Input internal relative wrapper bounding box
-      input: j.input,
-      section: j.section,
-      dropdown: j.dropdown,
-      option: j.option
-    }, g = L.classNames;
-    if (g && typeof g == "object" && !Array.isArray(g)) {
-      const U = g;
-      R.wrapper = U.wrapper ? `${j.root} ${U.wrapper}` : j.root, R.input = U.input ? `${j.input} ${U.input}` : j.input, R.section = U.section ? `${j.section} ${U.section}` : j.section, R.dropdown = U.dropdown ? `${j.dropdown} ${U.dropdown}` : j.dropdown, R.option = U.option ? `${j.option} ${U.option}` : j.option;
+      input: D.input,
+      section: D.section,
+      dropdown: D.dropdown,
+      option: D.option
+    }, T = L.classNames;
+    if (T && typeof T == "object" && !Array.isArray(T)) {
+      const U = T;
+      R.wrapper = U.wrapper ? `${D.root} ${U.wrapper}` : D.root, R.input = U.input ? `${D.input} ${U.input}` : D.input, R.section = U.section ? `${D.section} ${U.section}` : D.section, R.dropdown = U.dropdown ? `${D.dropdown} ${U.dropdown}` : D.dropdown, R.option = U.option ? `${D.option} ${U.option}` : D.option;
     }
     const he = {
-      ...b || {},
+      ...y || {},
       width: o || "100%"
-    }, $e = T ? `${j.layoutOverride} ${T}` : j.layoutOverride;
-    return /* @__PURE__ */ r(
+    }, $e = $ ? `${D.layoutOverride} ${$}` : D.layoutOverride;
+    return /* @__PURE__ */ s(
       oe,
       {
         className: $e,
@@ -1441,9 +1490,9 @@ const Js = "Dropdown-module__layoutOverride___FNcvP", Qs = "Dropdown-module__roo
         assistiveText: N,
         assistiveWithIcon: u,
         error: m,
-        required: y,
-        withAsterisk: C,
-        id: f,
+        required: b,
+        withAsterisk: P,
+        id: C,
         readOnly: v,
         readOnlyComponent: I,
         emptyValueComponent: x,
@@ -1452,10 +1501,10 @@ const Js = "Dropdown-module__layoutOverride___FNcvP", Qs = "Dropdown-module__roo
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Select execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ s(
             ta,
             {
-              ref: s,
+              ref: r,
               classNames: R,
               disabled: A,
               value: S,
@@ -1470,7 +1519,7 @@ const Js = "Dropdown-module__layoutOverride___FNcvP", Qs = "Dropdown-module__roo
                 "data-disabled": A ? "true" : void 0,
                 "data-error": m ? "true" : void 0
               },
-              ...P
+              ...g
             }
           )
         )
@@ -1478,10 +1527,10 @@ const Js = "Dropdown-module__layoutOverride___FNcvP", Qs = "Dropdown-module__roo
     );
   }
 );
-sr.displayName = "Dropdown";
-const Kl = (l) => /* @__PURE__ */ r("div", { ...l, children: "FileInput" }), Xl = (l) => /* @__PURE__ */ r("div", { ...l, children: "FileUpload" }), rr = "Flex-module__root___yYser", ke = {
-  root: rr
-}, Do = $(function({ children: e, gap: s = "rec-default", rowGap: a, columnGap: t, ...o }, n) {
+rs.displayName = "Dropdown";
+const Xl = (l) => /* @__PURE__ */ s("div", { ...l, children: "FileInput" }), Jl = (l) => /* @__PURE__ */ s("div", { ...l, children: "FileUpload" }), ss = "Flex-module__root___yYser", ke = {
+  root: ss
+}, jo = h(function({ children: e, gap: r = "rec-default", rowGap: a, columnGap: t, ...o }, n) {
   const i = {
     root: ke.root
   }, c = o.classNames;
@@ -1490,21 +1539,21 @@ const Kl = (l) => /* @__PURE__ */ r("div", { ...l, children: "FileInput" }), Xl
     i.root = _.root ? `${ke.root} ${_.root}` : ke.root;
   }
   const d = o.className, p = d ? `${ke.root} ${d}` : ke.root;
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ s(
     aa,
     {
       ref: n,
       className: p,
       classNames: i,
-      ...so({ gap: s, rowGap: a, columnGap: t, ...o }),
+      ...ro({ gap: r, rowGap: a, columnGap: t, ...o }),
       children: e
     }
   );
 });
-Do.displayName = "Flex";
-const Jl = te(Do), nr = "Group-module__root___ftO64", Ie = {
-  root: nr
-}, lr = $(function({ children: e, gap: s = "rec-default", ...a }, t) {
+jo.displayName = "Flex";
+const Ql = te(jo), ns = "Group-module__root___ftO64", Ie = {
+  root: ns
+}, ls = h(function({ children: e, gap: r = "rec-default", ...a }, t) {
   const o = {
     root: Ie.root
   }, n = a.classNames;
@@ -1513,27 +1562,27 @@ const Jl = te(Do), nr = "Group-module__root___ftO64", Ie = {
     o.root = d.root ? `${Ie.root} ${d.root}` : Ie.root;
   }
   const i = a.className, c = i ? `${Ie.root} ${i}` : Ie.root;
-  return /* @__PURE__ */ r(
-    sa,
+  return /* @__PURE__ */ s(
+    ra,
     {
       ref: t,
       className: c,
       classNames: o,
-      ...so({ gap: s, ...a }),
+      ...ro({ gap: r, ...a }),
       children: e
     }
   );
 });
-lr.displayName = "Group";
-const ir = "HoverCard-module__dropdown___FBPFW", cr = "HoverCard-module__arrow___S9AkE", fo = {
-  dropdown: ir,
-  arrow: cr
+ls.displayName = "Group";
+const is = "HoverCard-module__dropdown___FBPFW", cs = "HoverCard-module__arrow___S9AkE", fo = {
+  dropdown: is,
+  arrow: cs
 }, Go = function({
   overStyled: e = !1,
-  withBeak: s = !0,
+  withBeak: r = !0,
   ...a
 }) {
-  const t = h(a, e), o = {
+  const t = f(a, e), o = {
     dropdown: fo.dropdown,
     arrow: fo.arrow
   }, n = t.classNames;
@@ -1544,12 +1593,12 @@ const ir = "HoverCard-module__dropdown___FBPFW", cr = "HoverCard-module__arrow__
     });
   }
   const i = t.arrowSize ?? 16, c = t.withArrow;
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ s(
     oo,
     {
       position: "top",
       arrowSize: i,
-      withArrow: s ?? c,
+      withArrow: r ?? c,
       classNames: o,
       ...t
     }
@@ -1557,15 +1606,15 @@ const ir = "HoverCard-module__dropdown___FBPFW", cr = "HoverCard-module__arrow__
 };
 Go.displayName = "HoverCard";
 const Ho = function(e) {
-  return /* @__PURE__ */ r(oo.Target, { ...e });
+  return /* @__PURE__ */ s(oo.Target, { ...e });
 };
 Ho.displayName = "HoverCardTarget";
 const qo = function({
   overStyled: e = !1,
-  ...s
+  ...r
 }) {
-  const a = h(s, e), t = a.className;
-  return /* @__PURE__ */ r(
+  const a = f(r, e), t = a.className;
+  return /* @__PURE__ */ s(
     oo.Dropdown,
     {
       className: t,
@@ -1577,12 +1626,12 @@ qo.displayName = "HoverCardDropdown";
 const Uo = Go;
 Uo.Target = Ho;
 Uo.Dropdown = qo;
-const dr = "Link-module__root___I0VGE", pr = "Link-module__iconWrapper___W-LlF", _r = "Link-module__labelText___wSvUy", Ce = {
-  root: dr,
-  iconWrapper: pr,
-  labelText: _r
-}, Zo = $(function({ icon: e, children: s, overStyled: a = !1, ...t }, o) {
-  const n = h(t, a), i = n, c = {
+const ds = "Link-module__root___I0VGE", ps = "Link-module__iconWrapper___W-LlF", _s = "Link-module__labelText___wSvUy", Ce = {
+  root: ds,
+  iconWrapper: ps,
+  labelText: _s
+}, Zo = h(function({ icon: e, children: r, overStyled: a = !1, ...t }, o) {
+  const n = f(t, a), i = n, c = {
     root: Ce.root
   }, d = i.classNames;
   if (d && typeof d == "object" && !Array.isArray(d)) {
@@ -1591,7 +1640,7 @@ const dr = "Link-module__root___I0VGE", pr = "Link-module__iconWrapper___W-LlF",
   }
   const p = i.className, _ = p ? `${Ce.root} ${p}` : Ce.root;
   return /* @__PURE__ */ z(
-    ra,
+    sa,
     {
       ref: o,
       className: _,
@@ -1600,30 +1649,30 @@ const dr = "Link-module__root___I0VGE", pr = "Link-module__iconWrapper___W-LlF",
       ...e ? { "data-has-icon": "" } : {},
       ...n,
       children: [
-        e && /* @__PURE__ */ r("span", { className: Ce.iconWrapper, "aria-hidden": !0, children: e }),
-        /* @__PURE__ */ r("span", { className: Ce.labelText, children: s })
+        e && /* @__PURE__ */ s("span", { className: Ce.iconWrapper, "aria-hidden": !0, children: e }),
+        /* @__PURE__ */ s("span", { className: Ce.labelText, children: r })
       ]
     }
   );
 });
 Zo.displayName = "Link";
-const Ql = te(Zo), mr = "Menu-module__dropdown___j4xuA", ur = "Menu-module__item___NMXha", br = "Menu-module__itemLabel___zvcqC", yr = "Menu-module__itemSection___pRIcn", Nr = "Menu-module__divider___wPiNq", fr = "Menu-module__label___4FBGa", hr = "Menu-module__chevron___hEEiy", we = {
-  dropdown: mr,
-  item: ur,
-  itemLabel: br,
-  itemSection: yr,
-  divider: Nr,
-  label: fr,
-  chevron: hr
-}, Yo = function({ overStyled: e = !1, ...s }) {
-  const a = h(s, e), t = {
-    dropdown: we.dropdown,
-    item: we.item,
-    itemLabel: we.itemLabel,
-    itemSection: we.itemSection,
-    divider: we.divider,
-    label: we.label,
-    chevron: we.chevron
+const ei = te(Zo), ms = "Menu-module__dropdown___j4xuA", us = "Menu-module__item___NMXha", bs = "Menu-module__itemLabel___zvcqC", ys = "Menu-module__itemSection___pRIcn", Ns = "Menu-module__divider___wPiNq", fs = "Menu-module__label___4FBGa", hs = "Menu-module__chevron___hEEiy", Pe = {
+  dropdown: ms,
+  item: us,
+  itemLabel: bs,
+  itemSection: ys,
+  divider: Ns,
+  label: fs,
+  chevron: hs
+}, Yo = function({ overStyled: e = !1, ...r }) {
+  const a = f(r, e), t = {
+    dropdown: Pe.dropdown,
+    item: Pe.item,
+    itemLabel: Pe.itemLabel,
+    itemSection: Pe.itemSection,
+    divider: Pe.divider,
+    label: Pe.label,
+    chevron: Pe.chevron
   }, o = a.classNames;
   if (o && typeof o == "object" && !Array.isArray(o)) {
     const n = o;
@@ -1631,7 +1680,7 @@ const Ql = te(Zo), mr = "Menu-module__dropdown___j4xuA", ur = "Menu-module__item
       t[i] ? t[i] = `${t[i]} ${n[i]}` : t[i] = n[i];
     });
   }
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ s(
     ae,
     {
       classNames: t,
@@ -1641,13 +1690,13 @@ const Ql = te(Zo), mr = "Menu-module__dropdown___j4xuA", ur = "Menu-module__item
 };
 Yo.displayName = "Menu";
 const Ko = function(e) {
-  return /* @__PURE__ */ r(ae.Target, { ...e });
+  return /* @__PURE__ */ s(ae.Target, { ...e });
 };
 Ko.displayName = "MenuTarget";
-const Xo = $(
-  function({ overStyled: e = !1, ...s }, a) {
-    const t = h(s, e), o = t.className;
-    return /* @__PURE__ */ r(
+const Xo = h(
+  function({ overStyled: e = !1, ...r }, a) {
+    const t = f(r, e), o = t.className;
+    return /* @__PURE__ */ s(
       ae.Dropdown,
       {
         ref: a,
@@ -1658,12 +1707,12 @@ const Xo = $(
   }
 );
 Xo.displayName = "MenuDropdown";
-const Jo = $(
-  function({ overStyled: e = !1, ...s }, a) {
-    const t = h(s, e), o = t;
+const Jo = h(
+  function({ overStyled: e = !1, ...r }, a) {
+    const t = f(r, e), o = t;
     e || delete o.color;
     const n = o.className;
-    return /* @__PURE__ */ r(
+    return /* @__PURE__ */ s(
       ae.Item,
       {
         ref: a,
@@ -1674,10 +1723,10 @@ const Jo = $(
   }
 );
 Jo.displayName = "MenuItem";
-const $r = te(Jo), Qo = $(
-  function({ overStyled: e = !1, ...s }, a) {
-    const t = h(s, e), o = t.className;
-    return /* @__PURE__ */ r(
+const $s = te(Jo), Qo = h(
+  function({ overStyled: e = !1, ...r }, a) {
+    const t = f(r, e), o = t.className;
+    return /* @__PURE__ */ s(
       ae.Divider,
       {
         ref: a,
@@ -1688,9 +1737,9 @@ const $r = te(Jo), Qo = $(
   }
 );
 Qo.displayName = "MenuDivider";
-const et = $(function({ overStyled: e = !1, ...s }, a) {
-  const t = h(s, e), o = t.className;
-  return /* @__PURE__ */ r(
+const et = h(function({ overStyled: e = !1, ...r }, a) {
+  const t = f(r, e), o = t.className;
+  return /* @__PURE__ */ s(
     ae.Label,
     {
       ref: a,
@@ -1701,19 +1750,19 @@ const et = $(function({ overStyled: e = !1, ...s }, a) {
 });
 et.displayName = "MenuLabel";
 const ot = function(e) {
-  return /* @__PURE__ */ r(ae.Sub, { ...e });
+  return /* @__PURE__ */ s(ae.Sub, { ...e });
 };
 ot.displayName = "MenuSub";
 const tt = function(e) {
-  return /* @__PURE__ */ r(ae.Sub.Target, { ...e });
+  return /* @__PURE__ */ s(ae.Sub.Target, { ...e });
 };
 tt.displayName = "MenuSubTarget";
-const at = $(
-  function({ overStyled: e = !1, ...s }, a) {
-    const t = h(s, e), o = t;
+const at = h(
+  function({ overStyled: e = !1, ...r }, a) {
+    const t = f(r, e), o = t;
     e || delete o.color;
     const n = o.className;
-    return /* @__PURE__ */ r(
+    return /* @__PURE__ */ s(
       ae.Sub.Item,
       {
         ref: a,
@@ -1724,12 +1773,12 @@ const at = $(
   }
 );
 at.displayName = "MenuSubItem";
-const vr = te(
+const vs = te(
   at
-), st = $(
-  function({ overStyled: e = !1, ...s }, a) {
-    const t = h(s, e), o = t.className;
-    return /* @__PURE__ */ r(
+), rt = h(
+  function({ overStyled: e = !1, ...r }, a) {
+    const t = f(r, e), o = t.className;
+    return /* @__PURE__ */ s(
       ae.Sub.Dropdown,
       {
         ref: a,
@@ -1739,31 +1788,31 @@ const vr = te(
     );
   }
 );
-st.displayName = "MenuSubDropdown";
+rt.displayName = "MenuSubDropdown";
 const Ze = ot;
 Ze.Target = tt;
-Ze.Item = vr;
-Ze.Dropdown = st;
+Ze.Item = vs;
+Ze.Dropdown = rt;
 const Ae = Yo;
 Ae.Target = Ko;
 Ae.Dropdown = Xo;
-Ae.Item = $r;
+Ae.Item = $s;
 Ae.Divider = Qo;
 Ae.Label = et;
 Ae.Sub = Ze;
-const Cr = "Modal-module__root___ytPLl", wr = "Modal-module__inner___SSUJE", Pr = "Modal-module__content___dWO-B", gr = "Modal-module__header___ILG9i", Tr = "Modal-module__title___A5OeE", Sr = "Modal-module__bodyWrapper___5CCL-", xr = "Modal-module__scrollArea___KD-hm", Ar = "Modal-module__footer___rro2w", Or = "Modal-module__close___-ER1C", ne = {
-  root: Cr,
-  inner: wr,
-  content: Pr,
-  header: gr,
-  title: Tr,
-  bodyWrapper: Sr,
-  scrollArea: xr,
-  footer: Ar,
-  close: Or
-}, rt = D.forwardRef(function({
+const Cs = "Modal-module__root___ytPLl", Ps = "Modal-module__inner___SSUJE", ws = "Modal-module__content___dWO-B", gs = "Modal-module__header___ILG9i", Ts = "Modal-module__title___A5OeE", Ss = "Modal-module__bodyWrapper___5CCL-", xs = "Modal-module__scrollArea___KD-hm", As = "Modal-module__footer___rro2w", Os = "Modal-module__close___-ER1C", ne = {
+  root: Cs,
+  inner: Ps,
+  content: ws,
+  header: gs,
+  title: Ts,
+  bodyWrapper: Ss,
+  scrollArea: xs,
+  footer: As,
+  close: Os
+}, st = j.forwardRef(function({
   overStyled: e = !1,
-  children: s,
+  children: r,
   title: a,
   withCloseButton: t = !0,
   overlayProps: o,
@@ -1771,7 +1820,7 @@ const Cr = "Modal-module__root___ytPLl", wr = "Modal-module__inner___SSUJE", Pr
   closeButtonProps: i,
   ...c
 }, d) {
-  const p = h(c, e), _ = {
+  const p = f(c, e), _ = {
     root: ne.root,
     inner: ne.inner,
     content: ne.content,
@@ -1792,56 +1841,56 @@ const Cr = "Modal-module__root___ytPLl", wr = "Modal-module__inner___SSUJE", Pr
       classNames: _,
       ...p,
       children: [
-        n && /* @__PURE__ */ r(K.Overlay, { ...o }),
+        n && /* @__PURE__ */ s(K.Overlay, { ...o }),
         /* @__PURE__ */ z(K.Content, { children: [
           (a || t) && /* @__PURE__ */ z(K.Header, { children: [
-            a && /* @__PURE__ */ r(K.Title, { children: a }),
-            t && /* @__PURE__ */ r(K.CloseButton, { ...i })
+            a && /* @__PURE__ */ s(K.Title, { children: a }),
+            t && /* @__PURE__ */ s(K.CloseButton, { ...i })
           ] }),
-          /* @__PURE__ */ r(co, { children: s })
+          /* @__PURE__ */ s(co, { children: r })
         ] })
       ]
     }
   );
 });
-rt.displayName = "Modal";
-const io = D.forwardRef(function({ className: e, ...s }, a) {
-  return /* @__PURE__ */ r(
+st.displayName = "Modal";
+const io = j.forwardRef(function({ className: e, ...r }, a) {
+  return /* @__PURE__ */ s(
     "div",
     {
       ref: a,
       className: `${ne.footer} ${e || ""}`,
-      ...s
+      ...r
     }
   );
 });
 io.displayName = "Modal.Footer";
-const co = D.forwardRef(function({ className: e, onScroll: s, children: a, ...t }, o) {
-  const n = D.useRef(null), [i, c] = D.useState(!1), [d, p] = D.useState(!1), _ = D.useCallback(() => {
+const co = j.forwardRef(function({ className: e, onScroll: r, children: a, ...t }, o) {
+  const n = j.useRef(null), [i, c] = j.useState(!1), [d, p] = j.useState(!1), _ = j.useCallback(() => {
     if (n.current) {
-      const { scrollTop: y, scrollHeight: C, clientHeight: f } = n.current;
-      c(y > 0), p(Math.ceil(y + f) < C);
+      const { scrollTop: b, scrollHeight: P, clientHeight: C } = n.current;
+      c(b > 0), p(Math.ceil(b + C) < P);
     }
   }, []);
-  D.useEffect(() => (_(), window.addEventListener("resize", _), () => window.removeEventListener("resize", _)), [_, a]);
-  const N = (y) => {
-    _(), s == null || s(y);
+  j.useEffect(() => (_(), window.addEventListener("resize", _), () => window.removeEventListener("resize", _)), [_, a]);
+  const N = (b) => {
+    _(), r == null || r(b);
   };
   let u = null;
   const m = [];
-  return D.Children.forEach(a, (y) => {
-    var C;
-    D.isValidElement(y) && (y.type === io || ((C = y.type) == null ? void 0 : C.displayName) === "Modal.Footer") ? u = y : m.push(y);
+  return j.Children.forEach(a, (b) => {
+    var P;
+    j.isValidElement(b) && (b.type === io || ((P = b.type) == null ? void 0 : P.displayName) === "Modal.Footer") ? u = b : m.push(b);
   }), /* @__PURE__ */ z(
     K.Body,
     {
       ...t,
-      ref: (y) => {
-        typeof o == "function" ? o(y) : o && (o.current = y);
+      ref: (b) => {
+        typeof o == "function" ? o(b) : o && (o.current = b);
       },
       className: `${ne.bodyWrapper} ${e || ""}`,
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ s(
           "div",
           {
             ref: n,
@@ -1858,7 +1907,7 @@ const co = D.forwardRef(function({ className: e, onScroll: s, children: a, ...t
   );
 });
 co.displayName = "Modal.Body";
-const fe = rt;
+const fe = st;
 fe.Root = K.Root;
 fe.Overlay = K.Overlay;
 fe.Content = K.Content;
@@ -1867,15 +1916,15 @@ fe.Title = K.Title;
 fe.CloseButton = K.CloseButton;
 fe.Body = co;
 fe.Footer = io;
-const Wr = "NumberInput-module__layoutOverride___5-9T4", Lr = "NumberInput-module__root___C6rAn", kr = "NumberInput-module__input___Ss8p7", Ir = "NumberInput-module__section___MijP0", Mr = "NumberInput-module__controls___8UfQ2", zr = "NumberInput-module__control___Qre9-", Pe = {
-  layoutOverride: Wr,
-  root: Lr,
-  input: kr,
-  section: Ir,
-  controls: Mr,
-  control: zr
-}, Rr = $(
-  function(e, s) {
+const Ws = "NumberInput-module__layoutOverride___5-9T4", Ls = "NumberInput-module__root___C6rAn", ks = "NumberInput-module__input___Ss8p7", Is = "NumberInput-module__section___MijP0", Ms = "NumberInput-module__controls___8UfQ2", zs = "NumberInput-module__control___Qre9-", we = {
+  layoutOverride: Ws,
+  root: Ls,
+  input: ks,
+  section: Is,
+  controls: Ms,
+  control: zs
+}, Rs = h(
+  function(e, r) {
     const {
       overStyled: a = !1,
       formLayout: t = "stacked",
@@ -1890,11 +1939,11 @@ const Wr = "NumberInput-module__layoutOverride___5-9T4", Lr = "NumberInput-modul
       assistiveWithIcon: N,
       error: u,
       required: m,
-      withAsterisk: y,
-      id: C,
-      className: f,
-      style: T,
-      disabled: b,
+      withAsterisk: b,
+      id: P,
+      className: C,
+      style: $,
+      disabled: y,
       readOnly: A,
       readOnlyComponent: v,
       emptyValueComponent: I,
@@ -1902,21 +1951,21 @@ const Wr = "NumberInput-module__layoutOverride___5-9T4", Lr = "NumberInput-modul
       defaultValue: S,
       hideControls: O = !1,
       ...W
-    } = e, w = h(W, a), P = w;
-    delete P.size, delete P.variant, delete P.radius;
+    } = e, w = f(W, a), g = w;
+    delete g.size, delete g.variant, delete g.radius;
     const L = {
-      wrapper: Pe.root,
+      wrapper: we.root,
       // The nested Input internal relative wrapper bounding box
-      input: Pe.input,
-      section: Pe.section,
-      controls: Pe.controls,
-      control: Pe.control
-    }, R = f ? `${Pe.layoutOverride} ${f}` : Pe.layoutOverride;
-    return /* @__PURE__ */ r(
+      input: we.input,
+      section: we.section,
+      controls: we.controls,
+      control: we.control
+    }, R = C ? `${we.layoutOverride} ${C}` : we.layoutOverride;
+    return /* @__PURE__ */ s(
       oe,
       {
         className: R,
-        style: T,
+        style: $,
         controlMaxWidth: "var(--recursica_ui-kit_components_number-input_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_number-input_properties_min-width)",
         overStyled: a,
@@ -1931,8 +1980,8 @@ const Wr = "NumberInput-module__layoutOverride___5-9T4", Lr = "NumberInput-modul
         assistiveWithIcon: N,
         error: u,
         required: m,
-        withAsterisk: y,
-        id: C,
+        withAsterisk: b,
+        id: P,
         readOnly: A,
         readOnlyComponent: v,
         emptyValueComponent: I,
@@ -1941,12 +1990,12 @@ const Wr = "NumberInput-module__layoutOverride___5-9T4", Lr = "NumberInput-modul
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ s(
             na,
             {
-              ref: s,
+              ref: r,
               classNames: L,
-              disabled: b,
+              disabled: y,
               value: x,
               defaultValue: S,
               hideControls: O,
@@ -1956,10 +2005,10 @@ const Wr = "NumberInput-module__layoutOverride___5-9T4", Lr = "NumberInput-modul
               required: void 0,
               withAsterisk: void 0,
               wrapperProps: {
-                "data-disabled": b ? "true" : void 0,
+                "data-disabled": y ? "true" : void 0,
                 "data-error": u ? "true" : void 0,
-                "data-with-left-section": P.leftSection ? "true" : void 0,
-                "data-with-right-section": P.rightSection || !O ? "true" : void 0
+                "data-with-left-section": g.leftSection ? "true" : void 0,
+                "data-with-right-section": g.rightSection || !O ? "true" : void 0
               },
               ...w
             }
@@ -1969,63 +2018,63 @@ const Wr = "NumberInput-module__layoutOverride___5-9T4", Lr = "NumberInput-modul
     );
   }
 );
-Rr.displayName = "NumberInput";
-const Br = "Pagination-module__root___ITRjt", Fr = "Pagination-module__control___40yNT", Er = "Pagination-module__dots___Yl9da", Vr = "Pagination-module__iconWithLabel___pLM4O", jr = "Pagination-module__baseIcon___Qw3bJ", G = {
-  root: Br,
-  control: Fr,
-  dots: Er,
-  iconWithLabel: Vr,
-  baseIcon: jr
-}, Dr = "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z", Gr = "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z", Hr = "M6.85355 3.85355C7.04882 3.65829 7.04882 3.34171 6.85355 3.14645C6.65829 2.95118 6.34171 2.95118 6.14645 3.14645L2.14645 7.14645C1.95118 7.34171 1.95118 7.65829 2.14645 7.85355L6.14645 11.8536C6.34171 12.0488 6.65829 12.0488 6.85355 11.8536C7.04882 11.6583 7.04882 11.3417 6.85355 11.1464L3.20711 7.5L6.85355 3.85355ZM12.8536 3.85355C13.0488 3.65829 13.0488 3.34171 12.8536 3.14645C12.6583 2.95118 12.3417 2.95118 12.1464 3.14645L8.14645 7.14645C7.95118 7.34171 7.95118 7.65829 8.14645 7.85355L12.1464 11.8536C12.3417 12.0488 12.6583 12.0488 12.8536 11.8536C13.0488 11.6583 13.0488 11.3417 12.8536 11.1464L9.20711 7.5L12.8536 3.85355Z", qr = "M2.14645 11.1464C1.95118 11.3417 1.95118 11.6583 2.14645 11.8536C2.34171 12.0488 2.65829 12.0488 2.85355 11.8536L6.85355 7.85355C7.04882 7.65829 7.04882 7.34171 6.85355 7.14645L2.85355 3.14645C2.65829 2.95118 2.34171 2.95118 2.14645 3.14645C1.95118 3.34171 1.95118 3.65829 2.14645 3.85355L5.79289 7.5L2.14645 11.1464ZM8.14645 11.1464C7.95118 11.3417 7.95118 11.6583 8.14645 11.8536C8.34171 12.0488 8.65829 12.0488 8.85355 11.8536L12.8536 7.85355C13.0488 7.65829 13.0488 7.34171 12.8536 7.14645L8.85355 3.14645C8.65829 2.95118 8.34171 2.95118 8.14645 3.14645C7.95118 3.34171 7.95118 3.65829 8.14645 3.85355L11.7929 7.5L8.14645 11.1464Z", Ur = {
-  next: Dr,
-  prev: Gr,
-  first: Hr,
-  last: qr
+Rs.displayName = "NumberInput";
+const Bs = "Pagination-module__root___ITRjt", Fs = "Pagination-module__control___40yNT", Es = "Pagination-module__dots___Yl9da", Vs = "Pagination-module__iconWithLabel___pLM4O", Ds = "Pagination-module__baseIcon___Qw3bJ", G = {
+  root: Bs,
+  control: Fs,
+  dots: Es,
+  iconWithLabel: Vs,
+  baseIcon: Ds
+}, js = "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z", Gs = "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z", Hs = "M6.85355 3.85355C7.04882 3.65829 7.04882 3.34171 6.85355 3.14645C6.65829 2.95118 6.34171 2.95118 6.14645 3.14645L2.14645 7.14645C1.95118 7.34171 1.95118 7.65829 2.14645 7.85355L6.14645 11.8536C6.34171 12.0488 6.65829 12.0488 6.85355 11.8536C7.04882 11.6583 7.04882 11.3417 6.85355 11.1464L3.20711 7.5L6.85355 3.85355ZM12.8536 3.85355C13.0488 3.65829 13.0488 3.34171 12.8536 3.14645C12.6583 2.95118 12.3417 2.95118 12.1464 3.14645L8.14645 7.14645C7.95118 7.34171 7.95118 7.65829 8.14645 7.85355L12.1464 11.8536C12.3417 12.0488 12.6583 12.0488 12.8536 11.8536C13.0488 11.6583 13.0488 11.3417 12.8536 11.1464L9.20711 7.5L12.8536 3.85355Z", qs = "M2.14645 11.1464C1.95118 11.3417 1.95118 11.6583 2.14645 11.8536C2.34171 12.0488 2.65829 12.0488 2.85355 11.8536L6.85355 7.85355C7.04882 7.65829 7.04882 7.34171 6.85355 7.14645L2.85355 3.14645C2.65829 2.95118 2.34171 2.95118 2.14645 3.14645C1.95118 3.34171 1.95118 3.65829 2.14645 3.85355L5.79289 7.5L2.14645 11.1464ZM8.14645 11.1464C7.95118 11.3417 7.95118 11.6583 8.14645 11.8536C8.34171 12.0488 8.65829 12.0488 8.85355 11.8536L12.8536 7.85355C13.0488 7.65829 13.0488 7.34171 12.8536 7.14645L8.85355 3.14645C8.65829 2.95118 8.34171 2.95118 8.14645 3.14645C7.95118 3.34171 7.95118 3.65829 8.14645 3.85355L11.7929 7.5L8.14645 11.1464Z", Us = {
+  next: js,
+  prev: Gs,
+  first: Hs,
+  last: qs
 }, ze = ({
   type: l,
   className: e,
-  ...s
-}) => /* @__PURE__ */ r(
+  ...r
+}) => /* @__PURE__ */ s(
   "svg",
   {
     viewBox: "0 0 16 16",
     xmlns: "http://www.w3.org/2000/svg",
     className: `${G.baseIcon} ${e || ""}`.trim(),
-    ...s,
-    children: /* @__PURE__ */ r("path", { d: Ur[l], fill: "currentColor" })
+    ...r,
+    children: /* @__PURE__ */ s("path", { d: Us[l], fill: "currentColor" })
   }
 ), nt = (l) => /* @__PURE__ */ z("div", { className: G.iconWithLabel, children: [
-  /* @__PURE__ */ r("span", { children: "Next" }),
-  /* @__PURE__ */ r(ze, { type: "next", ...l })
+  /* @__PURE__ */ s("span", { children: "Next" }),
+  /* @__PURE__ */ s(ze, { type: "next", ...l })
 ] }), lt = (l) => /* @__PURE__ */ z("div", { className: G.iconWithLabel, children: [
-  /* @__PURE__ */ r(ze, { type: "prev", ...l }),
-  /* @__PURE__ */ r("span", { children: "Prev" })
+  /* @__PURE__ */ s(ze, { type: "prev", ...l }),
+  /* @__PURE__ */ s("span", { children: "Prev" })
 ] }), it = (l) => /* @__PURE__ */ z("div", { className: G.iconWithLabel, children: [
-  /* @__PURE__ */ r(ze, { type: "first", ...l }),
-  /* @__PURE__ */ r("span", { children: "First" })
+  /* @__PURE__ */ s(ze, { type: "first", ...l }),
+  /* @__PURE__ */ s("span", { children: "First" })
 ] }), ct = (l) => /* @__PURE__ */ z("div", { className: G.iconWithLabel, children: [
-  /* @__PURE__ */ r("span", { children: "Last" }),
-  /* @__PURE__ */ r(ze, { type: "last", ...l })
+  /* @__PURE__ */ s("span", { children: "Last" }),
+  /* @__PURE__ */ s(ze, { type: "last", ...l })
 ] });
 function dt(l) {
   const e = {
     root: G.root,
     control: G.control,
     dots: G.dots
-  }, s = l.classNames;
-  if (s && typeof s == "object" && !Array.isArray(s)) {
-    const o = s;
+  }, r = l.classNames;
+  if (r && typeof r == "object" && !Array.isArray(r)) {
+    const o = r;
     e.root = o.root ? `${G.root} ${o.root}` : G.root, e.control = o.control ? `${G.control} ${o.control}` : G.control, e.dots = o.dots ? `${G.dots} ${o.dots}` : G.dots;
   }
   const a = l.className;
   return { className: a ? `${G.root} ${a}` : G.root, classNames: e };
 }
-const pt = $(
-  function({ overStyled: e = !1, ...s }, a) {
-    const t = h(s, e), o = dt(
+const pt = h(
+  function({ overStyled: e = !1, ...r }, a) {
+    const t = f(r, e), o = dt(
       t
     );
-    return /* @__PURE__ */ r(
+    return /* @__PURE__ */ s(
       ie.Root,
       {
         ref: a,
@@ -2037,9 +2086,9 @@ const pt = $(
   }
 );
 pt.displayName = "Pagination.Root";
-const _t = $(function({ withLabel: e, icon: s, ...a }, t) {
-  const o = s || (e ? nt : void 0);
-  return /* @__PURE__ */ r(
+const _t = h(function({ withLabel: e, icon: r, ...a }, t) {
+  const o = r || (e ? nt : void 0);
+  return /* @__PURE__ */ s(
     ie.Next,
     {
       ref: t,
@@ -2050,9 +2099,9 @@ const _t = $(function({ withLabel: e, icon: s, ...a }, t) {
   );
 });
 _t.displayName = "Pagination.Next";
-const mt = $(function({ withLabel: e, icon: s, ...a }, t) {
-  const o = s || (e ? lt : void 0);
-  return /* @__PURE__ */ r(
+const mt = h(function({ withLabel: e, icon: r, ...a }, t) {
+  const o = r || (e ? lt : void 0);
+  return /* @__PURE__ */ s(
     ie.Previous,
     {
       ref: t,
@@ -2063,9 +2112,9 @@ const mt = $(function({ withLabel: e, icon: s, ...a }, t) {
   );
 });
 mt.displayName = "Pagination.Previous";
-const ut = $(function({ withLabel: e, icon: s, ...a }, t) {
-  const o = s || (e ? it : void 0);
-  return /* @__PURE__ */ r(
+const ut = h(function({ withLabel: e, icon: r, ...a }, t) {
+  const o = r || (e ? it : void 0);
+  return /* @__PURE__ */ s(
     ie.First,
     {
       ref: t,
@@ -2076,9 +2125,9 @@ const ut = $(function({ withLabel: e, icon: s, ...a }, t) {
   );
 });
 ut.displayName = "Pagination.First";
-const bt = $(function({ withLabel: e, icon: s, ...a }, t) {
-  const o = s || (e ? ct : void 0);
-  return /* @__PURE__ */ r(
+const bt = h(function({ withLabel: e, icon: r, ...a }, t) {
+  const o = r || (e ? ct : void 0);
+  return /* @__PURE__ */ s(
     ie.Last,
     {
       ref: t,
@@ -2089,20 +2138,20 @@ const bt = $(function({ withLabel: e, icon: s, ...a }, t) {
   );
 });
 bt.displayName = "Pagination.Last";
-const yt = $(
-  function({ overStyled: e = !1, getControlProps: s, withLabels: a, ...t }, o) {
-    const n = h(t, e), i = dt(
+const yt = h(
+  function({ overStyled: e = !1, getControlProps: r, withLabels: a, ...t }, o) {
+    const n = f(t, e), i = dt(
       n
     ), c = (p) => {
       const _ = { "data-variant": "text" };
-      return s ? { ..._, ...s(p) } : _;
+      return r ? { ..._, ...r(p) } : _;
     }, d = a ? {
       nextIcon: nt,
       previousIcon: lt,
       firstIcon: it,
       lastIcon: ct
     } : {};
-    return /* @__PURE__ */ r(
+    return /* @__PURE__ */ s(
       ie,
       {
         ref: o,
@@ -2126,22 +2175,22 @@ de.Previous = mt;
 de.First = ut;
 de.Last = bt;
 de.Icon = ze;
-const Zr = "Panel-module__content___wdGo-", Yr = "Panel-module__inner___ruA2b", Kr = "Panel-module__header___o7SiC", Xr = "Panel-module__title___181OP", Jr = "Panel-module__titleTruncate___fuP6V Panel-module__title___181OP", Qr = "Panel-module__body___SEC3T", en = "Panel-module__footer___t6-hz", ye = {
-  content: Zr,
-  inner: Yr,
-  header: Kr,
-  title: Xr,
-  titleTruncate: Jr,
-  body: Qr,
+const Zs = "Panel-module__content___wdGo-", Ys = "Panel-module__inner___ruA2b", Ks = "Panel-module__header___o7SiC", Xs = "Panel-module__title___181OP", Js = "Panel-module__titleTruncate___fuP6V Panel-module__title___181OP", Qs = "Panel-module__body___SEC3T", en = "Panel-module__footer___t6-hz", ye = {
+  content: Zs,
+  inner: Ys,
+  header: Ks,
+  title: Xs,
+  titleTruncate: Js,
+  body: Qs,
   footer: en
 }, Nt = function({
   overStyled: e = !1,
-  position: s = "right",
+  position: r = "right",
   keepMounted: a = !0,
   wrapHeaderText: t = !1,
   ...o
 }) {
-  const n = h(o, e), i = {
+  const n = f(o, e), i = {
     content: ye.content,
     header: ye.header,
     title: t ? ye.titleTruncate : ye.title,
@@ -2154,10 +2203,10 @@ const Zr = "Panel-module__content___wdGo-", Yr = "Panel-module__inner___ruA2b",
       i[p] ? i[p] = `${i[p]} ${d[p]}` : i[p] = d[p];
     });
   }
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ s(
     ce,
     {
-      position: s,
+      position: r,
       keepMounted: a,
       closeOnClickOutside: o.closeOnClickOutside ?? !!o.opened,
       ...n,
@@ -2166,10 +2215,10 @@ const Zr = "Panel-module__content___wdGo-", Yr = "Panel-module__inner___ruA2b",
   );
 };
 Nt.displayName = "Panel";
-const ft = $(
-  function({ overStyled: e = !1, ...s }, a) {
-    const t = h(s, e), o = t.className, n = o ? `${ye.footer} ${o}` : ye.footer;
-    return /* @__PURE__ */ r("div", { ref: a, className: n, ...t });
+const ft = h(
+  function({ overStyled: e = !1, ...r }, a) {
+    const t = f(r, e), o = t.className, n = o ? `${ye.footer} ${o}` : ye.footer;
+    return /* @__PURE__ */ s("div", { ref: a, className: n, ...t });
   }
 );
 ft.displayName = "PanelFooter";
@@ -2188,10 +2237,10 @@ const on = "Popover-module__dropdown___svhS6", tn = "Popover-module__arrow___5A-
   arrow: tn
 }, ht = function({
   overStyled: e = !1,
-  withBeak: s = !0,
+  withBeak: r = !0,
   ...a
 }) {
-  const t = h(a, e), o = {
+  const t = f(a, e), o = {
     dropdown: ho.dropdown,
     arrow: ho.arrow
   }, n = t.classNames;
@@ -2202,12 +2251,12 @@ const on = "Popover-module__dropdown___svhS6", tn = "Popover-module__arrow___5A-
     });
   }
   const i = t.arrowSize ?? 16, c = t.withArrow;
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ s(
     to,
     {
       position: "top",
       arrowSize: i,
-      withArrow: s ?? c,
+      withArrow: r ?? c,
       classNames: o,
       ...t
     }
@@ -2215,15 +2264,15 @@ const on = "Popover-module__dropdown___svhS6", tn = "Popover-module__arrow___5A-
 };
 ht.displayName = "Popover";
 const $t = function(e) {
-  return /* @__PURE__ */ r(to.Target, { ...e });
+  return /* @__PURE__ */ s(to.Target, { ...e });
 };
 $t.displayName = "PopoverTarget";
 const vt = function({
   overStyled: e = !1,
-  ...s
+  ...r
 }) {
-  const a = h(s, e), t = a.className;
-  return /* @__PURE__ */ r(
+  const a = f(r, e), t = a.className;
+  return /* @__PURE__ */ s(
     to.Dropdown,
     {
       className: t,
@@ -2235,17 +2284,17 @@ vt.displayName = "PopoverDropdown";
 const Ct = ht;
 Ct.Target = $t;
 Ct.Dropdown = vt;
-const an = "Radio-module__groupRoot___bfUii", sn = "Radio-module__root___kAjTD", rn = "Radio-module__body___q2Wpj", nn = "Radio-module__inner___QaTBB", ln = "Radio-module__radio___MfgN-", cn = "Radio-module__icon___DWznm", dn = "Radio-module__labelWrapper___dB0Gi", pn = "Radio-module__label___vAFIP", F = {
+const an = "Radio-module__groupRoot___bfUii", rn = "Radio-module__root___kAjTD", sn = "Radio-module__body___q2Wpj", nn = "Radio-module__inner___QaTBB", ln = "Radio-module__radio___MfgN-", cn = "Radio-module__icon___DWznm", dn = "Radio-module__labelWrapper___dB0Gi", pn = "Radio-module__label___vAFIP", F = {
   groupRoot: an,
-  root: sn,
-  body: rn,
+  root: rn,
+  body: sn,
   inner: nn,
   radio: ln,
   icon: cn,
   labelWrapper: dn,
   label: pn
-}, wt = $(
-  function(e, s) {
+}, Pt = h(
+  function(e, r) {
     const {
       overStyled: a = !1,
       formLayout: t = "stacked",
@@ -2261,11 +2310,11 @@ const an = "Radio-module__groupRoot___bfUii", sn = "Radio-module__root___kAjTD",
       assistiveText: N,
       assistiveWithIcon: u,
       error: m,
-      required: y,
-      withAsterisk: C,
-      id: f,
-      className: T,
-      style: b,
+      required: b,
+      withAsterisk: P,
+      id: C,
+      className: $,
+      style: y,
       children: A,
       readOnly: v,
       readOnlyComponent: I,
@@ -2273,12 +2322,12 @@ const an = "Radio-module__groupRoot___bfUii", sn = "Radio-module__root___kAjTD",
       value: S,
       defaultValue: O,
       ...W
-    } = e, w = h(W, a), P = w;
-    return delete P.size, /* @__PURE__ */ r(
+    } = e, w = f(W, a), g = w;
+    return delete g.size, /* @__PURE__ */ s(
       oe,
       {
-        className: T,
-        style: b,
+        className: $,
+        style: y,
         controlMaxWidth: "var(--recursica_ui-kit_components_radio-button-item_properties_max-width)",
         controlMinWidth: void 0,
         overStyled: a,
@@ -2294,32 +2343,32 @@ const an = "Radio-module__groupRoot___bfUii", sn = "Radio-module__root___kAjTD",
         assistiveText: N,
         assistiveWithIcon: u,
         error: m,
-        required: y,
-        withAsterisk: C,
-        id: f,
+        required: b,
+        withAsterisk: P,
+        id: C,
         readOnly: v && !!I,
         readOnlyComponent: I,
         emptyValueComponent: x,
         readOnlyType: "text",
         readOnlyValue: S !== void 0 ? S : O,
         readOnlyNativeProps: e,
-        activeComponent: /* @__PURE__ */ r(
-          Po.Group,
+        activeComponent: /* @__PURE__ */ s(
+          wo.Group,
           {
-            ref: s,
+            ref: r,
             ...w,
-            disabled: v || P.disabled,
+            disabled: v || g.disabled,
             value: S,
             defaultValue: O,
-            children: /* @__PURE__ */ r("div", { className: F.groupRoot, "data-layout": t, children: A })
+            children: /* @__PURE__ */ s("div", { className: F.groupRoot, "data-layout": t, children: A })
           }
         )
       }
     );
   }
 );
-wt.displayName = "RadioGroup";
-const _n = ({ className: l, style: e }) => /* @__PURE__ */ r(
+Pt.displayName = "RadioGroup";
+const _n = ({ className: l, style: e }) => /* @__PURE__ */ s(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2327,10 +2376,10 @@ const _n = ({ className: l, style: e }) => /* @__PURE__ */ r(
     fill: "currentColor",
     className: l,
     style: e,
-    children: /* @__PURE__ */ r("circle", { cx: "8", cy: "8", r: "5" })
+    children: /* @__PURE__ */ s("circle", { cx: "8", cy: "8", r: "5" })
   }
-), Pt = $(
-  function(e, s) {
+), wt = h(
+  function(e, r) {
     const {
       overStyled: a = !1,
       readOnly: t,
@@ -2341,7 +2390,7 @@ const _n = ({ className: l, style: e }) => /* @__PURE__ */ r(
       controlMaxWidth: d,
       controlMinWidth: p,
       ..._
-    } = e, N = h(_, a), u = N;
+    } = e, N = f(_, a), u = N;
     delete u.size, delete u.color, delete u.radius, delete u.variant, delete u.iconColor;
     const m = {
       root: F.root,
@@ -2351,22 +2400,22 @@ const _n = ({ className: l, style: e }) => /* @__PURE__ */ r(
       icon: F.icon,
       labelWrapper: F.labelWrapper,
       label: F.label
-    }, y = u.classNames;
-    if (y && typeof y == "object" && !Array.isArray(y)) {
-      const b = y;
-      m.root = b.root ? `${F.root} ${b.root}` : F.root, m.body = b.body ? `${F.body} ${b.body}` : F.body, m.inner = b.inner ? `${F.inner} ${b.inner}` : F.inner, m.radio = b.radio ? `${F.radio} ${b.radio}` : F.radio, m.icon = b.icon ? `${F.icon} ${b.icon}` : F.icon, m.labelWrapper = b.labelWrapper ? `${F.labelWrapper} ${b.labelWrapper}` : F.labelWrapper, m.label = b.label ? `${F.label} ${b.label}` : F.label;
+    }, b = u.classNames;
+    if (b && typeof b == "object" && !Array.isArray(b)) {
+      const y = b;
+      m.root = y.root ? `${F.root} ${y.root}` : F.root, m.body = y.body ? `${F.body} ${y.body}` : F.body, m.inner = y.inner ? `${F.inner} ${y.inner}` : F.inner, m.radio = y.radio ? `${F.radio} ${y.radio}` : F.radio, m.icon = y.icon ? `${F.icon} ${y.icon}` : F.icon, m.labelWrapper = y.labelWrapper ? `${F.labelWrapper} ${y.labelWrapper}` : F.labelWrapper, m.label = y.label ? `${F.label} ${y.label}` : F.label;
     }
-    const C = u.className, f = C ? `${F.root} ${C}` : F.root;
+    const P = u.className, C = P ? `${F.root} ${P}` : F.root;
     if (t && o) {
-      const b = !!(u.checked ?? u.defaultChecked), v = /* @__PURE__ */ r(
+      const y = !!(u.checked ?? u.defaultChecked), v = /* @__PURE__ */ s(
         o,
         {
           ...e,
-          checked: b,
+          checked: y,
           label: u.label
         }
       );
-      return i ? /* @__PURE__ */ r(
+      return i ? /* @__PURE__ */ s(
         Ne,
         {
           formLayout: i,
@@ -2375,33 +2424,33 @@ const _n = ({ className: l, style: e }) => /* @__PURE__ */ r(
           controlMinWidth: p,
           children: v
         }
-      ) : /* @__PURE__ */ r(xe, { children: v });
+      ) : /* @__PURE__ */ s(xe, { children: v });
     }
-    const T = /* @__PURE__ */ r(
-      Po,
+    const $ = /* @__PURE__ */ s(
+      wo,
       {
-        ref: s,
+        ref: r,
         icon: _n,
-        className: f,
+        className: C,
         classNames: m,
         disabled: t || n,
         ...N
       }
     );
-    return i ? /* @__PURE__ */ r(
+    return i ? /* @__PURE__ */ s(
       Ne,
       {
         formLayout: i,
         labelSize: c,
         controlMaxWidth: d,
         controlMinWidth: p,
-        children: T
+        children: $
       }
-    ) : T;
+    ) : $;
   }
 );
-Pt.displayName = "Radio";
-Pt.Group = wt;
+wt.displayName = "Radio";
+wt.Group = Pt;
 const mn = ({ checked: l, label: e }) => /* @__PURE__ */ z(
   eo,
   {
@@ -2413,7 +2462,7 @@ const mn = ({ checked: l, label: e }) => /* @__PURE__ */ z(
         e,
         ":"
       ] }),
-      /* @__PURE__ */ r("span", { children: l ? "On" : "Off" })
+      /* @__PURE__ */ s("span", { children: l ? "On" : "Off" })
     ]
   }
 );
@@ -2429,7 +2478,7 @@ const un = ({ checked: l, label: e }) => /* @__PURE__ */ z(
         e,
         ":"
       ] }),
-      /* @__PURE__ */ r("span", { children: l ? "True" : "False" })
+      /* @__PURE__ */ s("span", { children: l ? "True" : "False" })
     ]
   }
 );
@@ -2446,40 +2495,40 @@ function hn(l) {
     control: Y.control,
     label: Y.label,
     indicator: Y.indicator
-  }, s = l.classNames;
-  if (s && typeof s == "object" && !Array.isArray(s)) {
-    const o = s;
+  }, r = l.classNames;
+  if (r && typeof r == "object" && !Array.isArray(r)) {
+    const o = r;
     e.root = o.root ? `${Y.root} ${o.root}` : Y.root, e.control = o.control ? `${Y.control} ${o.control}` : Y.control, e.label = o.label ? `${Y.label} ${o.label}` : Y.label, e.indicator = o.indicator ? `${Y.indicator} ${o.indicator}` : Y.indicator;
   }
   const a = l.className;
   return { className: a ? `${Y.root} ${a}` : Y.root, classNames: e };
 }
-const gt = $(
-  function({ overStyled: e = !1, orientation: s = "horizontal", fullWidth: a, ...t }, o) {
-    const n = h(t, e), i = n;
+const gt = h(
+  function({ overStyled: e = !1, orientation: r = "horizontal", fullWidth: a, ...t }, o) {
+    const n = f(t, e), i = n;
     delete i.disabled;
     const c = hn(i);
-    return /* @__PURE__ */ r(
+    return /* @__PURE__ */ s(
       la,
       {
         ref: o,
         className: c.className,
         classNames: c.classNames,
-        orientation: s,
+        orientation: r,
         fullWidth: a,
-        "data-orientation": s,
+        "data-orientation": r,
         ...n
       }
     );
   }
 );
 gt.displayName = "SegmentedControl";
-const ei = gt, $n = "Slider-module__layoutOverride___zYPun", vn = "Slider-module__sliderContainer___y8I0J", Cn = "Slider-module__sliderTrackWrapper___UHpVh", wn = "Slider-module__iconWrapper___uqHpC", Pn = "Slider-module__sliderRoot___LI86H", gn = "Slider-module__sliderTrack___oqnlG", Tn = "Slider-module__sliderBar___TI4VY", Sn = "Slider-module__sliderThumb___OFn8p", xn = "Slider-module__sliderMark___1lM2B", An = "Slider-module__minMaxGuide___TaGqz", On = "Slider-module__rightGuideContainer___8dOT8", Wn = "Slider-module__currentValue___dGV2T", Ln = "Slider-module__inputField___6x578", kn = "Slider-module__readOnlyValue___-ZzMW", k = {
+const oi = gt, $n = "Slider-module__layoutOverride___zYPun", vn = "Slider-module__sliderContainer___y8I0J", Cn = "Slider-module__sliderTrackWrapper___UHpVh", Pn = "Slider-module__iconWrapper___uqHpC", wn = "Slider-module__sliderRoot___LI86H", gn = "Slider-module__sliderTrack___oqnlG", Tn = "Slider-module__sliderBar___TI4VY", Sn = "Slider-module__sliderThumb___OFn8p", xn = "Slider-module__sliderMark___1lM2B", An = "Slider-module__minMaxGuide___TaGqz", On = "Slider-module__rightGuideContainer___8dOT8", Wn = "Slider-module__currentValue___dGV2T", Ln = "Slider-module__inputField___6x578", kn = "Slider-module__readOnlyValue___-ZzMW", k = {
   layoutOverride: $n,
   sliderContainer: vn,
   sliderTrackWrapper: Cn,
-  iconWrapper: wn,
-  sliderRoot: Pn,
+  iconWrapper: Pn,
+  sliderRoot: wn,
   sliderTrack: gn,
   sliderBar: Tn,
   sliderThumb: Sn,
@@ -2489,8 +2538,8 @@ const ei = gt, $n = "Slider-module__layoutOverride___zYPun", vn = "Slider-module
   currentValue: Wn,
   inputField: Ln,
   readOnlyValue: kn
-}, In = ({ value: l }) => /* @__PURE__ */ r("div", { className: k.readOnlyValue, children: l }), Mn = $(
-  function(e, s) {
+}, In = ({ value: l }) => /* @__PURE__ */ s("div", { className: k.readOnlyValue, children: l }), Mn = h(
+  function(e, r) {
     const {
       overStyled: a = !1,
       formLayout: t = "stacked",
@@ -2505,11 +2554,11 @@ const ei = gt, $n = "Slider-module__layoutOverride___zYPun", vn = "Slider-module
       tooltipLabel: N,
       assistiveText: u,
       assistiveWithIcon: m,
-      error: y,
-      required: C,
-      withAsterisk: f,
-      id: T,
-      className: b,
+      error: b,
+      required: P,
+      withAsterisk: C,
+      id: $,
+      className: y,
       style: A,
       disabled: v,
       readOnly: I,
@@ -2518,10 +2567,10 @@ const ei = gt, $n = "Slider-module__layoutOverride___zYPun", vn = "Slider-module
       value: O,
       defaultValue: W,
       icon: w,
-      showInput: P = !1,
+      showInput: g = !1,
       showMinMaxLabels: L = !0,
       min: R = 0,
-      max: g = 100,
+      max: T = 100,
       step: he = 1,
       onChange: $e,
       onChangeEnd: U,
@@ -2534,17 +2583,17 @@ const ei = gt, $n = "Slider-module__layoutOverride___zYPun", vn = "Slider-module
     }, [_e]);
     const po = (E) => {
       O === void 0 && Et(E), $e == null || $e(E);
-    }, jt = (E) => {
+    }, Dt = (E) => {
       const mo = E.target.value;
       Ke(mo);
       const uo = parseFloat(mo);
       if (!isNaN(uo)) {
-        const qt = Math.max(R, Math.min(g, uo));
+        const qt = Math.max(R, Math.min(T, uo));
         po(qt);
       }
-    }, Dt = () => {
+    }, jt = () => {
       Ke(_e.toString());
-    }, _o = h(Ye, a), Oe = _o;
+    }, _o = f(Ye, a), Oe = _o;
     delete Oe.size, delete Oe.variant, delete Oe.radius, delete Oe.wrapperProps;
     const ve = {
       root: k.sliderRoot,
@@ -2558,11 +2607,11 @@ const ei = gt, $n = "Slider-module__layoutOverride___zYPun", vn = "Slider-module
       const E = Re;
       ve.root = E.root ? `${k.sliderRoot} ${E.root}` : k.sliderRoot, ve.track = E.track ? `${k.sliderTrack} ${E.track}` : k.sliderTrack, ve.bar = E.bar ? `${k.sliderBar} ${E.bar}` : k.sliderBar, ve.thumb = E.thumb ? `${k.sliderThumb} ${E.thumb}` : k.sliderThumb, ve.mark = E.mark ? `${k.sliderMark} ${E.mark}` : k.sliderMark, ve.markLabel = E.markLabel ? `${k.sliderMarkLabel} ${E.markLabel}` : k.sliderMarkLabel;
     }
-    const Gt = b ? `${k.layoutOverride} ${b}` : k.layoutOverride, Ht = w ? /* @__PURE__ */ r("span", { className: k.iconWrapper, "aria-hidden": !0, children: w }) : null;
-    return /* @__PURE__ */ r(
+    const Gt = y ? `${k.layoutOverride} ${y}` : k.layoutOverride, Ht = w ? /* @__PURE__ */ s("span", { className: k.iconWrapper, "aria-hidden": !0, children: w }) : null;
+    return /* @__PURE__ */ s(
       oe,
       {
-        ref: s,
+        ref: r,
         className: Gt,
         style: A,
         controlMaxWidth: void 0,
@@ -2578,10 +2627,10 @@ const ei = gt, $n = "Slider-module__layoutOverride___zYPun", vn = "Slider-module
         label: _,
         assistiveText: u,
         assistiveWithIcon: m,
-        error: y,
-        required: C,
-        withAsterisk: f,
-        id: T,
+        error: b,
+        required: P,
+        withAsterisk: C,
+        id: $,
         readOnly: I,
         readOnlyComponent: x || In,
         emptyValueComponent: S,
@@ -2594,11 +2643,11 @@ const ei = gt, $n = "Slider-module__layoutOverride___zYPun", vn = "Slider-module
             className: k.sliderContainer,
             "data-form-layout": t,
             "data-disabled": v ? "true" : void 0,
-            "data-error": y ? "true" : void 0,
+            "data-error": b ? "true" : void 0,
             children: [
               Ht,
-              L && /* @__PURE__ */ r("span", { className: k.minMaxGuide, children: R }),
-              /* @__PURE__ */ r("div", { className: k.sliderTrackWrapper, children: /* @__PURE__ */ r(
+              L && /* @__PURE__ */ s("span", { className: k.minMaxGuide, children: R }),
+              /* @__PURE__ */ s("div", { className: k.sliderTrackWrapper, children: /* @__PURE__ */ s(
                 ia,
                 {
                   classNames: ve,
@@ -2607,29 +2656,29 @@ const ei = gt, $n = "Slider-module__layoutOverride___zYPun", vn = "Slider-module
                   onChange: po,
                   onChangeEnd: U,
                   min: R,
-                  max: g,
+                  max: T,
                   step: he,
                   label: N,
                   ..._o
                 }
               ) }),
               /* @__PURE__ */ z("div", { className: k.rightGuideContainer, children: [
-                !P && /* @__PURE__ */ r("span", { className: k.currentValue, children: _e }),
-                L && /* @__PURE__ */ r("span", { className: k.minMaxGuide, children: g })
+                !g && /* @__PURE__ */ s("span", { className: k.currentValue, children: _e }),
+                L && /* @__PURE__ */ s("span", { className: k.minMaxGuide, children: T })
               ] }),
-              P && /* @__PURE__ */ r(
+              g && /* @__PURE__ */ s(
                 "input",
                 {
                   type: "number",
                   className: k.inputField,
                   value: Vt,
-                  onChange: jt,
-                  onBlur: Dt,
+                  onChange: Dt,
+                  onBlur: jt,
                   min: R,
-                  max: g,
+                  max: T,
                   step: he,
                   disabled: v,
-                  "data-error": y ? "true" : void 0
+                  "data-error": b ? "true" : void 0
                 }
               )
             ]
@@ -2642,7 +2691,7 @@ const ei = gt, $n = "Slider-module__layoutOverride___zYPun", vn = "Slider-module
 Mn.displayName = "Slider";
 const zn = "Stack-module__root___NUN-x", Me = {
   root: zn
-}, Tt = $(function({ children: e, gap: s = "rec-default", ...a }, t) {
+}, Tt = h(function({ children: e, gap: r = "rec-default", ...a }, t) {
   const o = {
     root: Me.root
   }, n = a.classNames;
@@ -2651,26 +2700,26 @@ const zn = "Stack-module__root___NUN-x", Me = {
     o.root = d.root ? `${Me.root} ${d.root}` : Me.root;
   }
   const i = a.className, c = i ? `${Me.root} ${i}` : Me.root;
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ s(
     ca,
     {
       ref: t,
       className: c,
       classNames: o,
-      ...so({ gap: s, ...a }),
+      ...ro({ gap: r, ...a }),
       children: e
     }
   );
 });
 Tt.displayName = "Stack";
-const oi = te(Tt), Rn = "Stepper-module__root___jbSYO", Bn = "Stepper-module__horizontal___USHT1", Fn = "Stepper-module__steps___4HPO6", En = "Stepper-module__step___s2nqL", Vn = "Stepper-module__stepBody___TBvys", jn = "Stepper-module__stepLabel___N6nuy", Dn = "Stepper-module__stepDescription___DnDAy", Gn = "Stepper-module__separator___pU0No", Hn = "Stepper-module__vertical___d4mOs", qn = "Stepper-module__large___J18-y", Un = "Stepper-module__small___Ub-zb", Zn = "Stepper-module__stepIcon___YQHNq", Yn = "Stepper-module__stepCompletedIcon___B9MeL", Kn = "Stepper-module__verticalSeparator___frWc1", Xn = "Stepper-module__content___J-h8X", q = {
+const ti = te(Tt), Rn = "Stepper-module__root___jbSYO", Bn = "Stepper-module__horizontal___USHT1", Fn = "Stepper-module__steps___4HPO6", En = "Stepper-module__step___s2nqL", Vn = "Stepper-module__stepBody___TBvys", Dn = "Stepper-module__stepLabel___N6nuy", jn = "Stepper-module__stepDescription___DnDAy", Gn = "Stepper-module__separator___pU0No", Hn = "Stepper-module__vertical___d4mOs", qn = "Stepper-module__large___J18-y", Un = "Stepper-module__small___Ub-zb", Zn = "Stepper-module__stepIcon___YQHNq", Yn = "Stepper-module__stepCompletedIcon___B9MeL", Kn = "Stepper-module__verticalSeparator___frWc1", Xn = "Stepper-module__content___J-h8X", q = {
   root: Rn,
   horizontal: Bn,
   steps: Fn,
   step: En,
   stepBody: Vn,
-  stepLabel: jn,
-  stepDescription: Dn,
+  stepLabel: Dn,
+  stepDescription: jn,
   separator: Gn,
   vertical: Hn,
   large: qn,
@@ -2679,8 +2728,8 @@ const oi = te(Tt), Rn = "Stepper-module__root___jbSYO", Bn = "Stepper-module__ho
   stepCompletedIcon: Yn,
   verticalSeparator: Kn,
   content: Xn
-}, St = $(
-  function(e, s) {
+}, St = h(
+  function(e, r) {
     const {
       overStyled: a = !1,
       size: t = "large",
@@ -2688,11 +2737,11 @@ const oi = te(Tt), Rn = "Stepper-module__root___jbSYO", Bn = "Stepper-module__ho
       className: n,
       style: i,
       ...c
-    } = e, d = h(c, a);
-    return /* @__PURE__ */ r(
+    } = e, d = f(c, a);
+    return /* @__PURE__ */ s(
       Je,
       {
-        ref: s,
+        ref: r,
         orientation: o,
         className: `${q.root} ${o === "horizontal" ? q.horizontal : q.vertical} ${t === "large" ? q.large : q.small} ${n || ""}`,
         style: i,
@@ -2714,24 +2763,24 @@ const oi = te(Tt), Rn = "Stepper-module__root___jbSYO", Bn = "Stepper-module__ho
       }
     );
   }
-), ti = Object.assign(St, {
+), ai = Object.assign(St, {
   Step: Je.Step,
   Completed: Je.Completed
 });
 St.displayName = "Stepper";
-const Jn = "Switch-module__root___Y5Ydi", Qn = "Switch-module__body___Sw9Wr", el = "Switch-module__track___7ObdZ", ol = "Switch-module__thumb___-FTeK", tl = "Switch-module__labelWrapper___YSOwx", al = "Switch-module__label___LrH7V", sl = "Switch-module__thumbIconWrapper___sCY-1", rl = "Switch-module__checkIcon___ZBAQN", nl = "Switch-module__closeIcon___bLLGw", ll = "Switch-module__groupRoot___-Uepi", M = {
+const Jn = "Switch-module__root___Y5Ydi", Qn = "Switch-module__body___Sw9Wr", el = "Switch-module__track___7ObdZ", ol = "Switch-module__thumb___-FTeK", tl = "Switch-module__labelWrapper___YSOwx", al = "Switch-module__label___LrH7V", rl = "Switch-module__thumbIconWrapper___sCY-1", sl = "Switch-module__checkIcon___ZBAQN", nl = "Switch-module__closeIcon___bLLGw", ll = "Switch-module__groupRoot___-Uepi", M = {
   root: Jn,
   body: Qn,
   track: el,
   thumb: ol,
   labelWrapper: tl,
   label: al,
-  thumbIconWrapper: sl,
-  checkIcon: rl,
+  thumbIconWrapper: rl,
+  checkIcon: sl,
   closeIcon: nl,
   groupRoot: ll
-}, xt = $(
-  function(e, s) {
+}, xt = h(
+  function(e, r) {
     const {
       overStyled: a = !1,
       formLayout: t = "stacked",
@@ -2747,11 +2796,11 @@ const Jn = "Switch-module__root___Y5Ydi", Qn = "Switch-module__body___Sw9Wr", el
       assistiveText: N,
       assistiveWithIcon: u,
       error: m,
-      required: y,
-      withAsterisk: C,
-      id: f,
-      className: T,
-      style: b,
+      required: b,
+      withAsterisk: P,
+      id: C,
+      className: $,
+      style: y,
       children: A,
       readOnly: v,
       readOnlyComponent: I,
@@ -2759,12 +2808,12 @@ const Jn = "Switch-module__root___Y5Ydi", Qn = "Switch-module__body___Sw9Wr", el
       value: S,
       defaultValue: O,
       ...W
-    } = e, w = h(W, a), P = w;
-    return delete P.size, /* @__PURE__ */ r(
+    } = e, w = f(W, a), g = w;
+    return delete g.size, /* @__PURE__ */ s(
       oe,
       {
-        className: T,
-        style: b,
+        className: $,
+        style: y,
         controlMaxWidth: "var(--recursica_ui-kit_components_switch-item_properties_label-max-width)",
         controlMinWidth: void 0,
         overStyled: a,
@@ -2780,24 +2829,24 @@ const Jn = "Switch-module__root___Y5Ydi", Qn = "Switch-module__body___Sw9Wr", el
         assistiveText: N,
         assistiveWithIcon: u,
         error: m,
-        required: y,
-        withAsterisk: C,
-        id: f,
+        required: b,
+        withAsterisk: P,
+        id: C,
         readOnly: v && !!I,
         readOnlyComponent: I,
         emptyValueComponent: x,
         readOnlyType: "text",
         readOnlyValue: S !== void 0 ? S : O,
         readOnlyNativeProps: e,
-        activeComponent: /* @__PURE__ */ r(
+        activeComponent: /* @__PURE__ */ s(
           go.Group,
           {
-            ref: s,
+            ref: r,
             ...w,
-            disabled: v || P.disabled,
+            disabled: v || g.disabled,
             value: S,
             defaultValue: O,
-            children: /* @__PURE__ */ r("div", { className: M.groupRoot, "data-layout": t, children: A })
+            children: /* @__PURE__ */ s("div", { className: M.groupRoot, "data-layout": t, children: A })
           }
         )
       }
@@ -2805,8 +2854,8 @@ const Jn = "Switch-module__root___Y5Ydi", Qn = "Switch-module__body___Sw9Wr", el
   }
 );
 xt.displayName = "SwitchGroup";
-const At = $(
-  function(e, s) {
+const At = h(
+  function(e, r) {
     const {
       overStyled: a = !1,
       readOnly: t,
@@ -2818,9 +2867,9 @@ const At = $(
       controlMaxWidth: p,
       controlMinWidth: _,
       ...N
-    } = e, u = h(N, a), m = u;
+    } = e, u = f(N, a), m = u;
     delete m.size, delete m.color, delete m.radius, delete m.variant;
-    const y = {
+    const b = {
       root: M.root,
       body: M.body,
       track: M.track,
@@ -2828,14 +2877,14 @@ const At = $(
       trackLabel: M.trackLabel,
       labelWrapper: M.labelWrapper,
       label: M.label
-    }, C = m.classNames;
-    if (C && typeof C == "object" && !Array.isArray(C)) {
-      const v = C;
-      y.root = v.root ? `${M.root} ${v.root}` : M.root, y.body = v.body ? `${M.body} ${v.body}` : M.body, y.track = v.track ? `${M.track} ${v.track}` : M.track, y.thumb = v.thumb ? `${M.thumb} ${v.thumb}` : M.thumb, y.trackLabel = v.trackLabel ? `${M.trackLabel} ${v.trackLabel}` : M.trackLabel, y.labelWrapper = v.labelWrapper ? `${M.labelWrapper} ${v.labelWrapper}` : M.labelWrapper, y.label = v.label ? `${M.label} ${v.label}` : M.label;
+    }, P = m.classNames;
+    if (P && typeof P == "object" && !Array.isArray(P)) {
+      const v = P;
+      b.root = v.root ? `${M.root} ${v.root}` : M.root, b.body = v.body ? `${M.body} ${v.body}` : M.body, b.track = v.track ? `${M.track} ${v.track}` : M.track, b.thumb = v.thumb ? `${M.thumb} ${v.thumb}` : M.thumb, b.trackLabel = v.trackLabel ? `${M.trackLabel} ${v.trackLabel}` : M.trackLabel, b.labelWrapper = v.labelWrapper ? `${M.labelWrapper} ${v.labelWrapper}` : M.labelWrapper, b.label = v.label ? `${M.label} ${v.label}` : M.label;
     }
-    const f = m.className, T = f ? `${M.root} ${f}` : M.root;
+    const C = m.className, $ = C ? `${M.root} ${C}` : M.root;
     if (t && o) {
-      const v = !!(m.checked ?? m.defaultChecked), x = /* @__PURE__ */ r(
+      const v = !!(m.checked ?? m.defaultChecked), x = /* @__PURE__ */ s(
         o,
         {
           ...e,
@@ -2843,7 +2892,7 @@ const At = $(
           label: m.label
         }
       );
-      return c ? /* @__PURE__ */ r(
+      return c ? /* @__PURE__ */ s(
         Ne,
         {
           formLayout: c,
@@ -2852,24 +2901,24 @@ const At = $(
           controlMinWidth: _,
           children: x
         }
-      ) : /* @__PURE__ */ r(xe, { children: x });
+      ) : /* @__PURE__ */ s(xe, { children: x });
     }
-    const b = /* @__PURE__ */ z("div", { className: M.thumbIconWrapper, children: [
-      /* @__PURE__ */ r(da, { className: M.checkIcon }),
-      /* @__PURE__ */ r(pa, { className: M.closeIcon })
-    ] }), A = /* @__PURE__ */ r(
+    const y = /* @__PURE__ */ z("div", { className: M.thumbIconWrapper, children: [
+      /* @__PURE__ */ s(da, { className: M.checkIcon }),
+      /* @__PURE__ */ s(pa, { className: M.closeIcon })
+    ] }), A = /* @__PURE__ */ s(
       go,
       {
-        ref: s,
-        className: T,
-        classNames: y,
+        ref: r,
+        className: $,
+        classNames: b,
         disabled: t || n,
         "data-disabled": t || n || void 0,
-        thumbIcon: i ?? b,
+        thumbIcon: i ?? y,
         ...u
       }
     );
-    return c ? /* @__PURE__ */ r(
+    return c ? /* @__PURE__ */ s(
       Ne,
       {
         formLayout: c,
@@ -2883,23 +2932,23 @@ const At = $(
 );
 At.displayName = "Switch";
 At.Group = xt;
-const ai = (l) => /* @__PURE__ */ r("div", { ...l, children: "Table" }), il = "Tabs-module__root___-VKVI", cl = "Tabs-module__list___qRVME", dl = "Tabs-module__tab___IdDYc", pl = "Tabs-module__panel___08i9c", Fe = {
+const ri = (l) => /* @__PURE__ */ s("div", { ...l, children: "Table" }), il = "Tabs-module__root___-VKVI", cl = "Tabs-module__list___qRVME", dl = "Tabs-module__tab___IdDYc", pl = "Tabs-module__panel___08i9c", Fe = {
   root: il,
   list: cl,
   tab: dl,
   panel: pl
-}, Ot = $(function(e, s) {
+}, Ot = h(function(e, r) {
   const {
     variant: a = "default",
     orientation: t = "horizontal",
     overStyled: o = !1,
     className: n,
     ...i
-  } = e, c = h(i, o);
-  return /* @__PURE__ */ r(
+  } = e, c = f(i, o);
+  return /* @__PURE__ */ s(
     qe,
     {
-      ref: s,
+      ref: r,
       variant: a,
       orientation: t,
       className: `${Fe.root} ${n || ""}`,
@@ -2915,40 +2964,40 @@ const ai = (l) => /* @__PURE__ */ r("div", { ...l, children: "Table" }), il = "T
   );
 });
 Ot.displayName = "Tabs";
-const Wt = $(
-  function(e, s) {
+const Wt = h(
+  function(e, r) {
     const { overStyled: a = !1, ...t } = e;
-    return /* @__PURE__ */ r(
+    return /* @__PURE__ */ s(
       qe.List,
       {
-        ref: s,
-        ...h(t, a)
+        ref: r,
+        ...f(t, a)
       }
     );
   }
 );
 Wt.displayName = "Tabs.List";
-const Lt = $(
-  function(e, s) {
+const Lt = h(
+  function(e, r) {
     const { overStyled: a = !1, ...t } = e;
-    return /* @__PURE__ */ r(
+    return /* @__PURE__ */ s(
       qe.Tab,
       {
-        ref: s,
-        ...h(t, a)
+        ref: r,
+        ...f(t, a)
       }
     );
   }
 );
 Lt.displayName = "Tabs.Tab";
-const kt = $(
-  function(e, s) {
+const kt = h(
+  function(e, r) {
     const { overStyled: a = !1, ...t } = e;
-    return /* @__PURE__ */ r(
+    return /* @__PURE__ */ s(
       qe.Panel,
       {
-        ref: s,
-        ...h(t, a)
+        ref: r,
+        ...f(t, a)
       }
     );
   }
@@ -2958,9 +3007,9 @@ const si = Object.assign(Ot, {
   List: Wt,
   Tab: Lt,
   Panel: kt
-}), It = $(function({ overStyled: e = !1, variant: s = "body", ...a }, t) {
-  const o = h(a, e), n = o.className, i = `recursica_brand_typography_${s}`, c = n ? `${i} ${n}` : i;
-  return /* @__PURE__ */ r(
+}), It = h(function({ overStyled: e = !1, variant: r = "body", ...a }, t) {
+  const o = f(a, e), n = o.className, i = `recursica_brand_typography_${r}`, c = n ? `${i} ${n}` : i;
+  return /* @__PURE__ */ s(
     _a,
     {
       ref: t,
@@ -2970,12 +3019,12 @@ const si = Object.assign(Ot, {
   );
 });
 It.displayName = "Text";
-const ri = te(It), _l = "TextArea-module__layoutOverride___4MCdm", ml = "TextArea-module__root___3dyeu", ul = "TextArea-module__input___8l36v", ue = {
+const ni = te(It), _l = "TextArea-module__layoutOverride___4MCdm", ml = "TextArea-module__root___3dyeu", ul = "TextArea-module__input___8l36v", ue = {
   layoutOverride: _l,
   root: ml,
   input: ul
-}, bl = $(
-  function(e, s) {
+}, bl = h(
+  function(e, r) {
     const {
       overStyled: a = !1,
       formLayout: t = "stacked",
@@ -2990,34 +3039,34 @@ const ri = te(It), _l = "TextArea-module__layoutOverride___4MCdm", ml = "TextAre
       assistiveWithIcon: N,
       error: u,
       required: m,
-      withAsterisk: y,
-      id: C,
-      className: f,
-      style: T,
-      disabled: b,
+      withAsterisk: b,
+      id: P,
+      className: C,
+      style: $,
+      disabled: y,
       readOnly: A,
       readOnlyComponent: v,
       emptyValueComponent: I,
       value: x,
       defaultValue: S,
       ...O
-    } = e, W = h(O, a), w = W;
+    } = e, W = f(O, a), w = W;
     delete w.size, delete w.variant, delete w.radius;
-    const P = {
+    const g = {
       wrapper: ue.root,
       // The nested Input internal relative wrapper bounding box
       input: ue.input
     }, L = w.classNames;
     if (L && typeof L == "object" && !Array.isArray(L)) {
-      const g = L;
-      P.wrapper = g.wrapper ? `${ue.root} ${g.wrapper}` : ue.root, P.input = g.input ? `${ue.input} ${g.input}` : ue.input;
+      const T = L;
+      g.wrapper = T.wrapper ? `${ue.root} ${T.wrapper}` : ue.root, g.input = T.input ? `${ue.input} ${T.input}` : ue.input;
     }
-    const R = f ? `${ue.layoutOverride} ${f}` : ue.layoutOverride;
-    return /* @__PURE__ */ r(
+    const R = C ? `${ue.layoutOverride} ${C}` : ue.layoutOverride;
+    return /* @__PURE__ */ s(
       oe,
       {
         className: R,
-        style: T,
+        style: $,
         controlMaxWidth: "var(--recursica_ui-kit_components_textarea_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_textarea_properties_min-width)",
         overStyled: a,
@@ -3032,8 +3081,8 @@ const ri = te(It), _l = "TextArea-module__layoutOverride___4MCdm", ml = "TextAre
         assistiveWithIcon: N,
         error: u,
         required: m,
-        withAsterisk: y,
-        id: C,
+        withAsterisk: b,
+        id: P,
         readOnly: A,
         readOnlyComponent: v,
         emptyValueComponent: I,
@@ -3042,12 +3091,12 @@ const ri = te(It), _l = "TextArea-module__layoutOverride___4MCdm", ml = "TextAre
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ s(
             ma,
             {
-              ref: s,
-              classNames: P,
-              disabled: b,
+              ref: r,
+              classNames: g,
+              disabled: y,
               value: x,
               defaultValue: S,
               label: void 0,
@@ -3056,7 +3105,7 @@ const ri = te(It), _l = "TextArea-module__layoutOverride___4MCdm", ml = "TextAre
               required: void 0,
               withAsterisk: void 0,
               wrapperProps: {
-                "data-disabled": b ? "true" : void 0,
+                "data-disabled": y ? "true" : void 0,
                 "data-error": u ? "true" : void 0
               },
               ...W
@@ -3073,8 +3122,8 @@ const yl = "TextField-module__layoutOverride___SNZqc", Nl = "TextField-module__r
   root: Nl,
   input: fl,
   section: hl
-}, $l = $(
-  function(e, s) {
+}, $l = h(
+  function(e, r) {
     const {
       overStyled: a = !1,
       formLayout: t = "stacked",
@@ -3089,35 +3138,35 @@ const yl = "TextField-module__layoutOverride___SNZqc", Nl = "TextField-module__r
       assistiveWithIcon: N,
       error: u,
       required: m,
-      withAsterisk: y,
-      id: C,
-      className: f,
-      style: T,
-      disabled: b,
+      withAsterisk: b,
+      id: P,
+      className: C,
+      style: $,
+      disabled: y,
       readOnly: A,
       readOnlyComponent: v,
       emptyValueComponent: I,
       value: x,
       defaultValue: S,
       ...O
-    } = e, W = h(O, a), w = W;
+    } = e, W = f(O, a), w = W;
     delete w.size, delete w.variant, delete w.radius;
-    const P = {
+    const g = {
       wrapper: ee.root,
       // The nested Input internal relative wrapper bounding box
       input: ee.input,
       section: ee.section
     }, L = w.classNames;
     if (L && typeof L == "object" && !Array.isArray(L)) {
-      const g = L;
-      P.wrapper = g.wrapper ? `${ee.root} ${g.wrapper}` : ee.root, P.input = g.input ? `${ee.input} ${g.input}` : ee.input, P.section = g.section ? `${ee.section} ${g.section}` : ee.section;
+      const T = L;
+      g.wrapper = T.wrapper ? `${ee.root} ${T.wrapper}` : ee.root, g.input = T.input ? `${ee.input} ${T.input}` : ee.input, g.section = T.section ? `${ee.section} ${T.section}` : ee.section;
     }
-    const R = f ? `${ee.layoutOverride} ${f}` : ee.layoutOverride;
-    return /* @__PURE__ */ r(
+    const R = C ? `${ee.layoutOverride} ${C}` : ee.layoutOverride;
+    return /* @__PURE__ */ s(
       oe,
       {
         className: R,
-        style: T,
+        style: $,
         controlMaxWidth: "var(--recursica_ui-kit_components_text-field_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_text-field_properties_min-width)",
         overStyled: a,
@@ -3132,8 +3181,8 @@ const yl = "TextField-module__layoutOverride___SNZqc", Nl = "TextField-module__r
         assistiveWithIcon: N,
         error: u,
         required: m,
-        withAsterisk: y,
-        id: C,
+        withAsterisk: b,
+        id: P,
         readOnly: A,
         readOnlyComponent: v,
         emptyValueComponent: I,
@@ -3142,16 +3191,16 @@ const yl = "TextField-module__layoutOverride___SNZqc", Nl = "TextField-module__r
         readOnlyNativeProps: e,
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
-          /* @__PURE__ */ r(
+          /* @__PURE__ */ s(
             Co,
             {
-              ref: s,
-              classNames: P,
-              disabled: b,
+              ref: r,
+              classNames: g,
+              disabled: y,
               value: x,
               defaultValue: S,
               wrapperProps: {
-                "data-disabled": b ? "true" : void 0,
+                "data-disabled": y ? "true" : void 0,
                 "data-error": u ? "true" : void 0
               },
               ...W
@@ -3163,24 +3212,24 @@ const yl = "TextField-module__layoutOverride___SNZqc", Nl = "TextField-module__r
   }
 );
 $l.displayName = "TextField";
-const ni = (l) => /* @__PURE__ */ r("div", { ...l, children: "TimePicker" }), vl = "Timeline-module__root___LwRdZ", Cl = "Timeline-module__item___T5xdQ", wl = "Timeline-module__itemBody___XAV-E", Pl = "Timeline-module__itemBullet___rPXCy", gl = "Timeline-module__itemTitle___GgRRW", Tl = "Timeline-module__itemContent___vurs-", Sl = "Timeline-module__description___f9sxV", xl = "Timeline-module__timestamp___owiRu", be = {
+const li = (l) => /* @__PURE__ */ s("div", { ...l, children: "TimePicker" }), vl = "Timeline-module__root___LwRdZ", Cl = "Timeline-module__item___T5xdQ", Pl = "Timeline-module__itemBody___XAV-E", wl = "Timeline-module__itemBullet___rPXCy", gl = "Timeline-module__itemTitle___GgRRW", Tl = "Timeline-module__itemContent___vurs-", Sl = "Timeline-module__description___f9sxV", xl = "Timeline-module__timestamp___owiRu", be = {
   root: vl,
   item: Cl,
-  itemBody: wl,
-  itemBullet: Pl,
+  itemBody: Pl,
+  itemBullet: wl,
   itemTitle: gl,
   itemContent: Tl,
   description: Sl,
   timestamp: xl
-}, Mt = D.forwardRef(
+}, Mt = j.forwardRef(
   function({
     overStyled: e = !1,
-    timestamp: s,
+    timestamp: r,
     bulletVariant: a = "default",
     children: t,
     ...o
   }, n) {
-    const i = h(o, e), c = {
+    const i = f(o, e), c = {
       item: be.item,
       itemBody: be.itemBody,
       itemContent: be.itemContent,
@@ -3193,11 +3242,11 @@ const ni = (l) => /* @__PURE__ */ r("div", { ...l, children: "TimePicker" }), vl
         c[N] ? c[N] = `${c[N]} ${_[N]}` : c[N] = _[N];
       });
     }
-    const p = s ? /* @__PURE__ */ z(xe, { children: [
-      t && /* @__PURE__ */ r("div", { className: be.description, children: t }),
-      /* @__PURE__ */ r("div", { className: be.timestamp, children: s })
+    const p = r ? /* @__PURE__ */ z(xe, { children: [
+      t && /* @__PURE__ */ s("div", { className: be.description, children: t }),
+      /* @__PURE__ */ s("div", { className: be.timestamp, children: r })
     ] }) : t;
-    return /* @__PURE__ */ r(
+    return /* @__PURE__ */ s(
       ua,
       {
         ref: n,
@@ -3210,9 +3259,9 @@ const ni = (l) => /* @__PURE__ */ r("div", { ...l, children: "TimePicker" }), vl
   }
 );
 Mt.displayName = "TimelineItem";
-const zt = D.forwardRef(
-  function({ overStyled: e = !1, ...s }, a) {
-    const t = h(s, e), o = {
+const zt = j.forwardRef(
+  function({ overStyled: e = !1, ...r }, a) {
+    const t = f(r, e), o = {
       root: be.root
     }, n = t.classNames;
     if (n && typeof n == "object" && !Array.isArray(n)) {
@@ -3221,7 +3270,7 @@ const zt = D.forwardRef(
         o[c] ? o[c] = `${o[c]} ${i[c]}` : o[c] = i[c];
       });
     }
-    return /* @__PURE__ */ r(
+    return /* @__PURE__ */ s(
       ba,
       {
         ref: a,
@@ -3234,13 +3283,13 @@ const zt = D.forwardRef(
 zt.displayName = "Timeline";
 const Al = zt;
 Al.Item = Mt;
-const Ol = $(function({ overStyled: e = !1, order: s = 1, ...a }, t) {
-  const o = h(a, e), n = o.className, i = `recursica_brand_typography_h${s}`, c = n ? `${i} ${n}` : i;
-  return /* @__PURE__ */ r(
+const Ol = h(function({ overStyled: e = !1, order: r = 1, ...a }, t) {
+  const o = f(a, e), n = o.className, i = `recursica_brand_typography_h${r}`, c = n ? `${i} ${n}` : i;
+  return /* @__PURE__ */ s(
     ya,
     {
       ref: t,
-      order: s,
+      order: r,
       className: c,
       ...o
     }
@@ -3255,14 +3304,14 @@ const Wl = "Toast-module__root___MUvfI", Ll = "Toast-module__icon___VwvE1", kl =
   description: Ml,
   closeButton: zl,
   body: Rl
-}, Bl = D.forwardRef(
+}, Bl = j.forwardRef(
   function({
     overStyled: e = !1,
-    variant: s = "default",
+    variant: r = "default",
     withCloseButton: a = !0,
     ...t
   }, o) {
-    const n = h(t, e), i = {
+    const n = f(t, e), i = {
       root: ge.root,
       body: ge.body,
       title: ge.title,
@@ -3277,13 +3326,13 @@ const Wl = "Toast-module__root___MUvfI", Ll = "Toast-module__icon___VwvE1", kl =
         i[p] ? i[p] = `${i[p]} ${d[p]}` : i[p] = d[p];
       });
     }
-    return /* @__PURE__ */ r(
+    return /* @__PURE__ */ s(
       Na,
       {
         ref: o,
         withCloseButton: a,
         withBorder: !1,
-        "data-variant": s,
+        "data-variant": r,
         classNames: i,
         loading: !1,
         ...n
@@ -3297,10 +3346,10 @@ const Fl = "Tooltip-module__tooltip___UA7H9", El = "Tooltip-module__arrow___4zRO
   arrow: El
 }, Rt = function({
   overStyled: e = !1,
-  withBeak: s = !0,
+  withBeak: r = !0,
   ...a
 }) {
-  const t = h(a, e), o = {
+  const t = f(a, e), o = {
     tooltip: $o.tooltip,
     arrow: $o.arrow
   }, n = t.classNames;
@@ -3311,13 +3360,13 @@ const Fl = "Tooltip-module__tooltip___UA7H9", El = "Tooltip-module__arrow___4zRO
     });
   }
   const i = t.arrowSize ?? 16, c = t.withArrow;
-  return /* @__PURE__ */ r(
+  return /* @__PURE__ */ s(
     ao,
     {
       position: "top",
       multiline: !0,
       arrowSize: i,
-      withArrow: s ?? c,
+      withArrow: r ?? c,
       classNames: o,
       ...t
     }
@@ -3327,70 +3376,71 @@ Rt.displayName = "Tooltip";
 const Bt = Rt;
 Bt.Floating = ao.Floating;
 Bt.Group = ao.Group;
-const li = (l) => /* @__PURE__ */ r("div", { ...l, children: "TransferList" });
+const ii = (l) => /* @__PURE__ */ s("div", { ...l, children: "TransferList" });
 export {
   lo as Accordion,
-  ro as AccordionControl,
+  so as AccordionControl,
   xo as AccordionItem,
   no as AccordionPanel,
-  ts as AutoComplete,
-  ql as Avatar,
-  Ul as Badge,
-  ps as Breadcrumb,
-  Zl as Button,
-  Yl as Card,
+  tr as AutoComplete,
+  Ul as Avatar,
+  Zl as Badge,
+  pr as Breadcrumb,
+  Yl as Button,
+  Kl as Card,
   Fo as CardContent,
   Bo as CardFooter,
   Ro as CardHeader,
   zo as CardSection,
-  jo as Checkbox,
+  Do as Checkbox,
   Vo as CheckboxGroup,
-  Vs as Chip,
-  Ds as Container,
-  Xs as DatePicker,
-  sr as Dropdown,
-  De as EmptyValueRenderer,
-  Kl as FileInput,
-  Xl as FileUpload,
-  Jl as Flex,
+  Vr as Chip,
+  jr as Container,
+  Xr as DatePicker,
+  rs as Dropdown,
+  je as EmptyValueRenderer,
+  Xl as FileInput,
+  Jl as FileUpload,
+  Ql as Flex,
   Ne as FormControlLayout,
-  lr as Group,
+  ls as Group,
   Uo as HoverCard,
   Ao as Label,
   Ua as Layer,
-  Ql as Link,
+  ei as Link,
   ko as Loader,
   Ae as Menu,
   fe as Modal,
-  Rr as NumberInput,
+  Rs as NumberInput,
   de as Pagination,
   pe as Panel,
   ft as PanelFooter,
   Ct as Popover,
-  Pt as Radio,
-  wt as RadioGroup,
+  ql as RECURSICA_COMPONENTS,
+  wt as Radio,
+  Pt as RadioGroup,
   un as ReadOnlyBooleanField,
   Oo as ReadOnlyField,
   mn as ReadOnlySwitchField,
   Ee as ReadOnlyTextField,
   Hl as RecursicaThemeProvider,
-  ei as SegmentedControl,
+  oi as SegmentedControl,
   Mn as Slider,
-  oi as Stack,
-  ti as Stepper,
+  ti as Stack,
+  ai as Stepper,
   At as Switch,
   xt as SwitchGroup,
-  ai as Table,
+  ri as Table,
   si as Tabs,
-  ri as Text,
+  ni as Text,
   bl as TextArea,
   $l as TextField,
-  ni as TimePicker,
+  li as TimePicker,
   Al as Timeline,
   Ol as Title,
   Bl as Toast,
   Bt as Tooltip,
-  li as TransferList,
+  ii as TransferList,
   oe as WithReadOnlyWrapper
 };
 //# sourceMappingURL=mantine-adapter.js.map