npm - @recursica/mantine-adapter - Versions diffs - 0.34.0 → 0.35.0 - Mend

@recursica/mantine-adapter 0.34.0 → 0.35.0

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

Files changed (18) hide show

package/CHANGELOG.md +11 -0
package/OVERSTYLING.md +1 -1
package/dist/mantine-adapter.cjs +2 -2
package/dist/mantine-adapter.cjs.map +1 -1
package/dist/mantine-adapter.js +1261 -1203
package/dist/mantine-adapter.js.map +1 -1
package/dist/src/components/Grid/Grid.d.ts +91 -0
package/dist/src/components/index.d.ts +1 -0
package/dist/src/index.d.ts +64 -0
package/llms.txt +1 -0
package/package.json +1 -1
package/src/components/Grid/GRID_IMPLEMENTATION_NOTES.md +9 -0
package/src/components/Grid/Grid.module.css +11 -0
package/src/components/Grid/Grid.stories.tsx +182 -0
package/src/components/Grid/Grid.tsx +145 -0
package/src/components/Grid/USAGE.md +47 -0
package/src/components/index.ts +1 -0
package/src/index.ts +2 -0

package/dist/mantine-adapter.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { jsx as r, jsxs as V, Fragment as Ie } from "react/jsx-runtime";
-import B, { forwardRef as b, useId as Da, useState as lo, useEffect as He } from "react";
-import { Accordion as Ke, Input as jo, Box as ja, Autocomplete as Ga, Avatar as Ha, createPolymorphicComponent as ae, Badge as qa, Breadcrumbs as Ua, Loader as Ya, Button as Za, Card as Xe, Checkbox as Go, Chip as Ka, Container as Xa, Select as Qa, Flex as Ja, Group as es, HoverCard as po, Anchor as os, Menu as se, Modal as X, NumberInput as ts, Pagination as ue, Drawer as me, Popover as uo, Radio as Ho, SegmentedControl as as, Slider as ss, Stack as rs, Stepper as mo, Switch as qo, CheckIcon as ns, CloseIcon as ls, Table as _e, Tabs as Qe, Text as is, Textarea as cs, TimelineItem as ds, Timeline as ps, Title as us, Notification as ms, Tooltip as _o } from "@mantine/core";
-import { DatePickerInput as _s } from "@mantine/dates";
-const ys = [
+import { jsx as r, jsxs as V, Fragment as ke } from "react/jsx-runtime";
+import B, { forwardRef as f, useId as Ya, useState as co, useEffect as Ue } from "react";
+import { Accordion as Qe, Input as jo, Box as Za, Autocomplete as Ka, Avatar as Xa, createPolymorphicComponent as ee, Badge as Qa, Breadcrumbs as Ja, Loader as es, Button as os, Card as Je, Checkbox as Ho, Chip as ts, Container as as, Select as ss, Flex as rs, Grid as qo, Group as ns, HoverCard as mo, Anchor as ls, Menu as re, Modal as X, NumberInput as is, Pagination as me, Drawer as _e, Popover as _o, Radio as Uo, SegmentedControl as cs, Slider as ds, Stack as ps, Stepper as yo, Switch as Yo, CheckIcon as us, CloseIcon as ms, Table as ye, Tabs as eo, Text as _s, Textarea as ys, TimelineItem as fs, Timeline as bs, Title as Ns, Notification as $s, Tooltip as fo } from "@mantine/core";
+import { DatePickerInput as hs } from "@mantine/dates";
+const vs = [
   "className",
   "classNames",
   "style",
@@ -46,7 +46,7 @@ const ys = [
   "mih",
   "mah"
   // Dimensions
-], Uo = /* @__PURE__ */ new Set([
+], Zo = /* @__PURE__ */ new Set([
   "m",
   "my",
   "mx",
@@ -61,7 +61,7 @@ const ys = [
   "left",
   "bottom",
   "right"
-]), qe = {
+]), Ye = {
   "rec-none": "var(--recursica_brand_dimensions_general_none)",
   "rec-sm": "var(--recursica_brand_dimensions_general_sm)",
   "rec-default": "var(--recursica_brand_dimensions_general_default)",
@@ -70,45 +70,45 @@ const ys = [
   "rec-xl": "var(--recursica_brand_dimensions_general_xl)",
   "rec-2xl": "var(--recursica_brand_dimensions_general_2xl)"
 };
-function yo(n) {
+function Ve(n) {
   const e = { ...n };
   for (const [a, t] of Object.entries(e))
-    typeof t == "string" && t.startsWith("rec-") && Uo.has(a) && t in qe && (e[a] = qe[t]);
+    typeof t == "string" && t.startsWith("rec-") && Zo.has(a) && t in Ye && (e[a] = Ye[t]);
   return e;
 }
 function m(n, e) {
   if (e)
     return n;
   const a = { ...n };
-  for (const t of ys)
+  for (const t of vs)
     t in a && delete a[t];
   for (const [t, o] of Object.entries(a))
-    typeof o == "string" && o.startsWith("rec-") && Uo.has(t) && o in qe && (a[t] = qe[o]);
+    typeof o == "string" && o.startsWith("rec-") && Zo.has(t) && o in Ye && (a[t] = Ye[o]);
   return a;
 }
-const bs = "Accordion-module__root___Dem6d", fs = "Accordion-module__item___7ryVk", Ns = "Accordion-module__noDivider___Ni2tT", hs = "Accordion-module__control___b4wgX", $s = "Accordion-module__label___Ss7uW", vs = "Accordion-module__chevron___i-HVZ", Cs = "Accordion-module__iconLeftWrapper___5oLen", Ps = "Accordion-module__panel___Wx50w", Ts = "Accordion-module__content___PEM9t", ie = {
-  root: bs,
-  item: fs,
-  noDivider: Ns,
-  control: hs,
-  label: $s,
-  chevron: vs,
-  iconLeftWrapper: Cs,
-  panel: Ps,
-  content: Ts
-}, Yo = function({
+const Cs = "Accordion-module__root___Dem6d", Ps = "Accordion-module__item___7ryVk", Ts = "Accordion-module__noDivider___Ni2tT", ws = "Accordion-module__control___b4wgX", gs = "Accordion-module__label___Ss7uW", Ss = "Accordion-module__chevron___i-HVZ", As = "Accordion-module__iconLeftWrapper___5oLen", xs = "Accordion-module__panel___Wx50w", Os = "Accordion-module__content___PEM9t", ce = {
+  root: Cs,
+  item: Ps,
+  noDivider: Ts,
+  control: ws,
+  label: gs,
+  chevron: Ss,
+  iconLeftWrapper: As,
+  panel: xs,
+  content: Os
+}, Ko = function({
   variant: e = "unstyled",
   overStyled: a = !1,
   ...t
 }) {
   const o = m(t, a), s = {
-    root: ie.root,
-    item: ie.item,
-    control: ie.control,
-    label: ie.label,
-    chevron: ie.chevron,
-    panel: ie.panel,
-    content: ie.content
+    root: ce.root,
+    item: ce.item,
+    control: ce.control,
+    label: ce.label,
+    chevron: ce.chevron,
+    panel: ce.panel,
+    content: ce.content
   }, l = o.classNames;
   if (l && typeof l == "object" && !Array.isArray(l)) {
     const c = l;
@@ -118,7 +118,7 @@ const bs = "Accordion-module__root___Dem6d", fs = "Accordion-module__item___7ryV
   }
   const i = o.className;
   return /* @__PURE__ */ r(
-    Ke,
+    Qe,
     {
       variant: e,
       className: i,
@@ -127,41 +127,41 @@ const bs = "Accordion-module__root___Dem6d", fs = "Accordion-module__item___7ryV
     }
   );
 };
-Yo.displayName = "Accordion";
-const bo = b(function({ title: e, leftIcon: a, divider: t = !0, children: o, overStyled: s = !1, ...l }, i) {
-  const c = m(l, s), d = c.className, p = [t ? void 0 : ie.noDivider, d].filter(Boolean).join(" ") || void 0;
+Ko.displayName = "Accordion";
+const bo = f(function({ title: e, leftIcon: a, divider: t = !0, children: o, overStyled: s = !1, ...l }, i) {
+  const c = m(l, s), d = c.className, p = [t ? void 0 : ce.noDivider, d].filter(Boolean).join(" ") || void 0;
   return /* @__PURE__ */ r(
-    Ke.Item,
+    Qe.Item,
     {
       ref: i,
       className: p,
       ...c,
-      children: e ? /* @__PURE__ */ V(Ie, { children: [
-        /* @__PURE__ */ r(Je, { leftIcon: a, children: e }),
-        /* @__PURE__ */ r(eo, { children: o })
+      children: e ? /* @__PURE__ */ V(ke, { children: [
+        /* @__PURE__ */ r(oo, { leftIcon: a, children: e }),
+        /* @__PURE__ */ r(to, { children: o })
       ] }) : o
     }
   );
 });
 bo.displayName = "AccordionItem";
-const Je = b(function({ leftIcon: e, children: a, overStyled: t = !1, ...o }, s) {
+const oo = f(function({ leftIcon: e, children: a, overStyled: t = !1, ...o }, s) {
   const l = m(o, t), i = l.className;
   return /* @__PURE__ */ r(
-    Ke.Control,
+    Qe.Control,
     {
       ref: s,
       className: i,
-      icon: e ? /* @__PURE__ */ r("span", { className: ie.iconLeftWrapper, "aria-hidden": !0, children: e }) : void 0,
+      icon: e ? /* @__PURE__ */ r("span", { className: ce.iconLeftWrapper, "aria-hidden": !0, children: e }) : void 0,
       ...l,
       children: a
     }
   );
 });
-Je.displayName = "AccordionControl";
-const eo = b(function({ overStyled: e = !1, ...a }, t) {
+oo.displayName = "AccordionControl";
+const to = f(function({ overStyled: e = !1, ...a }, t) {
   const o = m(a, e), s = o.className;
   return /* @__PURE__ */ r(
-    Ke.Panel,
+    Qe.Panel,
     {
       ref: t,
       className: s,
@@ -169,19 +169,19 @@ const eo = b(function({ overStyled: e = !1, ...a }, t) {
     }
   );
 });
-eo.displayName = "AccordionPanel";
-const oo = Yo;
-oo.Item = bo;
-oo.Control = Je;
-oo.Panel = eo;
-const ws = "Label-module__root___e6HXZ", gs = "Label-module__labelText___rieFR", Ss = "Label-module__required___Ggrzc", As = "Label-module__optionalText___Y2yun", xs = "Label-module__actionAreaWrapper___ELoZK", Os = "Label-module__editIconWrapper___NG2xW", Q = {
-  root: ws,
-  labelText: gs,
-  required: Ss,
-  optionalText: As,
-  actionAreaWrapper: xs,
-  editIconWrapper: Os
-}, fo = b(function({
+to.displayName = "AccordionPanel";
+const ao = Ko;
+ao.Item = bo;
+ao.Control = oo;
+ao.Panel = to;
+const Ls = "Label-module__root___e6HXZ", Ws = "Label-module__labelText___rieFR", Is = "Label-module__required___Ggrzc", ks = "Label-module__optionalText___Y2yun", zs = "Label-module__actionAreaWrapper___ELoZK", Ms = "Label-module__editIconWrapper___NG2xW", Q = {
+  root: Ls,
+  labelText: Ws,
+  required: Is,
+  optionalText: ks,
+  actionAreaWrapper: zs,
+  editIconWrapper: Ms
+}, No = f(function({
   labelSize: e = "default",
   labelAlignment: a,
   required: t = !1,
@@ -193,18 +193,18 @@ const ws = "Label-module__root___e6HXZ", gs = "Label-module__labelText___rieFR",
   overStyled: d = !1,
   ...p
 }, u) {
-  const h = a || "left";
+  const $ = a || "left";
   let y;
   t || (o === !0 ? y = "optional" : o && (y = o));
-  const _ = m(p, d), f = _, T = {
+  const _ = m(p, d), b = _, T = {
     label: Q.root,
     required: Q.required
-  }, C = f.classNames;
+  }, C = b.classNames;
   if (C && typeof C == "object" && !Array.isArray(C)) {
     const O = C;
     T.label = O.label ? `${Q.root} ${O.label}` : Q.root, T.required = O.required ? `${Q.required} ${O.required}` : Q.required;
   }
-  const $ = f.className, N = $ ? `${Q.root} ${$}` : Q.root;
+  const h = b.className, N = h ? `${Q.root} ${h}` : Q.root;
   return /* @__PURE__ */ V(
     jo.Label,
     {
@@ -212,7 +212,7 @@ const ws = "Label-module__root___e6HXZ", gs = "Label-module__labelText___rieFR",
       className: N,
       classNames: T,
       "data-size": e,
-      "data-alignment": h,
+      "data-alignment": $,
       required: t && !s,
       ..._,
       children: [
@@ -251,12 +251,12 @@ const ws = "Label-module__root___e6HXZ", gs = "Label-module__labelText___rieFR",
     }
   );
 });
-fo.displayName = "Label";
-const Ls = "FormControlLayout-module__root___yNDhZ", Ws = "FormControlLayout-module__leftSection___GBM1r", Is = "FormControlLayout-module__rightSection___bcL4v", De = {
-  root: Ls,
-  leftSection: Ws,
-  rightSection: Is
-}, de = b(function({
+No.displayName = "Label";
+const Rs = "FormControlLayout-module__root___yNDhZ", Bs = "FormControlLayout-module__leftSection___GBM1r", Es = "FormControlLayout-module__rightSection___bcL4v", je = {
+  root: Rs,
+  leftSection: Bs,
+  rightSection: Es
+}, pe = f(function({
   formLayout: e = "stacked",
   labelSize: a = "default",
   controlMaxWidth: t,
@@ -267,7 +267,7 @@ const Ls = "FormControlLayout-module__root___yNDhZ", Ws = "FormControlLayout-mod
   style: c,
   ...d
 }, p) {
-  const u = i ? `${De.root} ${i}` : De.root, y = s != null || e === "side-by-side";
+  const u = i ? `${je.root} ${i}` : je.root, y = s != null || e === "side-by-side";
   return /* @__PURE__ */ V(
     "div",
     {
@@ -281,18 +281,18 @@ const Ls = "FormControlLayout-module__root___yNDhZ", Ws = "FormControlLayout-mod
       },
       ...d,
       children: [
-        y && /* @__PURE__ */ r("div", { className: De.leftSection, "data-size": a, children: s }),
-        /* @__PURE__ */ r("div", { className: De.rightSection, children: l })
+        y && /* @__PURE__ */ r("div", { className: je.leftSection, "data-size": a, children: s }),
+        /* @__PURE__ */ r("div", { className: je.rightSection, children: l })
       ]
     }
   );
 });
-de.displayName = "FormControlLayout";
-const ks = "AssistiveElement-module__root___WhQ43", zs = "AssistiveElement-module__textWrapper___sfy5E", Ms = "AssistiveElement-module__iconWrapper___gObRF", no = {
-  root: ks,
-  textWrapper: zs,
-  iconWrapper: Ms
-}, Rs = () => /* @__PURE__ */ V(
+pe.displayName = "FormControlLayout";
+const Fs = "AssistiveElement-module__root___WhQ43", Vs = "AssistiveElement-module__textWrapper___sfy5E", Ds = "AssistiveElement-module__iconWrapper___gObRF", io = {
+  root: Fs,
+  textWrapper: Vs,
+  iconWrapper: Ds
+}, Gs = () => /* @__PURE__ */ V(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -308,7 +308,7 @@ const ks = "AssistiveElement-module__root___WhQ43", zs = "AssistiveElement-modul
       /* @__PURE__ */ r("path", { d: "M12 8h.01" })
     ]
   }
-), Bs = () => /* @__PURE__ */ V(
+), js = () => /* @__PURE__ */ V(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -324,7 +324,7 @@ const ks = "AssistiveElement-module__root___WhQ43", zs = "AssistiveElement-modul
       /* @__PURE__ */ r("path", { d: "M12 17h.01" })
     ]
   }
-), io = b(function({
+), po = f(function({
   assistiveVariant: e = "help",
   assistiveWithIcon: a = !0,
   children: t,
@@ -332,7 +332,7 @@ const ks = "AssistiveElement-module__root___WhQ43", zs = "AssistiveElement-modul
   overStyled: s = !1,
   ...l
 }, i) {
-  const d = m(l, s), p = no.root, u = o ? `${p} ${o}` : p, h = e === "error" ? Bs : Rs;
+  const d = m(l, s), p = io.root, u = o ? `${p} ${o}` : p, $ = e === "error" ? js : Gs;
   return /* @__PURE__ */ V(
     "div",
     {
@@ -342,17 +342,17 @@ const ks = "AssistiveElement-module__root___WhQ43", zs = "AssistiveElement-modul
       style: d.style,
       ...d,
       children: [
-        a && /* @__PURE__ */ r("span", { className: no.iconWrapper, children: /* @__PURE__ */ r(h, {}) }),
-        /* @__PURE__ */ r("span", { className: no.textWrapper, children: t })
+        a && /* @__PURE__ */ r("span", { className: io.iconWrapper, children: /* @__PURE__ */ r($, {}) }),
+        /* @__PURE__ */ r("span", { className: io.textWrapper, children: t })
       ]
     }
   );
 });
-io.displayName = "AssistiveElement";
-const Es = "FormControlWrapper-module__root___c-UHo", Fs = "FormControlWrapper-module__inputSection___HenXk", Ro = {
-  root: Es,
-  inputSection: Fs
-}, Ue = b(function({
+po.displayName = "AssistiveElement";
+const Hs = "FormControlWrapper-module__root___c-UHo", qs = "FormControlWrapper-module__inputSection___HenXk", Bo = {
+  root: Hs,
+  inputSection: qs
+}, Ze = f(function({
   formLayout: e,
   labelSize: a,
   labelAlignment: t,
@@ -364,27 +364,27 @@ const Es = "FormControlWrapper-module__root___c-UHo", Fs = "FormControlWrapper-m
   description: d,
   assistiveText: p,
   assistiveWithIcon: u = !0,
-  controlMaxWidth: h,
+  controlMaxWidth: $,
   controlMinWidth: y,
   error: _,
-  required: f,
+  required: b,
   withAsterisk: T,
   id: C,
-  children: $,
+  children: h,
   className: N,
   overStyled: O = !1,
   labelElement: v,
   // Extracted safely preventing bleeding into HTML domains
   ...z
 }, x) {
-  const A = Da(), L = C || `recursica-fc-${A}`, W = p || d, w = W ? `${L}-assistive` : void 0, g = _ ? `${L}-error` : void 0, R = m(z, O), S = N || R.className, Pe = Ro.root, Te = S ? `${Pe} ${S}` : Pe, Y = B.isValidElement($) ? B.cloneElement(
-    $,
+  const A = Ya(), L = C || `recursica-fc-${A}`, W = p || d, w = W ? `${L}-assistive` : void 0, g = _ ? `${L}-error` : void 0, R = m(z, O), S = N || R.className, Te = Bo.root, we = S ? `${Te} ${S}` : Te, Y = B.isValidElement(h) ? B.cloneElement(
+    h,
     {
-      ...W && !$.props["aria-describedby"] ? { "aria-describedby": w } : {},
-      ..._ && !$.props["aria-errormessage"] ? { "aria-errormessage": g } : {}
+      ...W && !h.props["aria-describedby"] ? { "aria-describedby": w } : {},
+      ..._ && !h.props["aria-errormessage"] ? { "aria-errormessage": g } : {}
     }
-  ) : $, so = c ? /* @__PURE__ */ r(
-    fo,
+  ) : h, no = c ? /* @__PURE__ */ r(
+    No,
     {
       id: L,
       labelAlignment: t,
@@ -392,26 +392,26 @@ const Es = "FormControlWrapper-module__root___c-UHo", Fs = "FormControlWrapper-m
       labelWithEditIcon: s,
       labelActionArea: l,
       onLabelEditClick: i,
-      required: T ?? f,
+      required: T ?? b,
       ...v === "div" ? { as: "div" } : {},
       children: c
     }
   ) : void 0;
   return /* @__PURE__ */ r(
-    de,
+    pe,
     {
       ref: x,
-      className: Te,
+      className: we,
       formLayout: e,
       labelSize: a,
-      controlMaxWidth: h,
+      controlMaxWidth: $,
       controlMinWidth: y,
-      leftSection: so,
+      leftSection: no,
       ...R,
-      children: /* @__PURE__ */ V("div", { className: Ro.inputSection, children: [
+      children: /* @__PURE__ */ V("div", { className: Bo.inputSection, children: [
         Y,
         _ && /* @__PURE__ */ r(
-          io,
+          po,
           {
             id: g,
             assistiveVariant: "error",
@@ -420,7 +420,7 @@ const Es = "FormControlWrapper-module__root___c-UHo", Fs = "FormControlWrapper-m
           }
         ),
         !_ && W && /* @__PURE__ */ r(
-          io,
+          po,
           {
             id: w,
             assistiveVariant: "help",
@@ -432,12 +432,12 @@ const Es = "FormControlWrapper-module__root___c-UHo", Fs = "FormControlWrapper-m
     }
   );
 });
-Ue.displayName = "FormControlWrapper";
-const Vs = "_root_1qhn7_3", Ds = "_contents_1qhn7_18", We = {
-  root: Vs,
-  contents: Ds
-}, js = b(function({ layer: n, contentsOnly: e, children: a, className: t, style: o, ...s }, l) {
-  const i = e ? t ? `${We.root} ${We.contents} ${t}` : `${We.root} ${We.contents}` : t ? `${We.root} ${t}` : We.root;
+Ze.displayName = "FormControlWrapper";
+const Us = "_root_1qhn7_3", Ys = "_contents_1qhn7_18", Ie = {
+  root: Us,
+  contents: Ys
+}, Zs = f(function({ layer: n, contentsOnly: e, children: a, className: t, style: o, ...s }, l) {
+  const i = e ? t ? `${Ie.root} ${Ie.contents} ${t}` : `${Ie.root} ${Ie.contents}` : t ? `${Ie.root} ${t}` : Ie.root;
   return /* @__PURE__ */ r(
     "div",
     {
@@ -450,18 +450,18 @@ const Vs = "_root_1qhn7_3", Ds = "_contents_1qhn7_18", We = {
     }
   );
 });
-js.displayName = "Layer";
-const Ye = ({ emptyText: n = "N/A" }) => /* @__PURE__ */ r(B.Fragment, { children: n });
-Ye.displayName = "EmptyValueRenderer";
-Ye.check = (n) => n == null || n === "" || Array.isArray(n) && n.length === 0;
-const Gs = { BASE_URL: "/", DEV: !1, MODE: "library", PROD: !0, SSR: !1, VITE_PLUGIN_MODE: "production", VITE_PLUGIN_PHRASE: "recursica_plugin_@K9mX7pQw2VbN8fRt3LzY6HjE4CuA5DsG1WvM9nP0XcB7", VITE_PLUGIN_PHRASE_TEST: "recursica_plugin_@19866374", VITE_RECURSICA_API_TEST: "https://dev-api.recursica.com", VITE_RECURSICA_API_URL: "https://api.recursica.com", VITE_RECURSICA_UI_URL: "https://api.recursica.com" }, Oe = (() => {
+Zs.displayName = "Layer";
+const Ke = ({ emptyText: n = "N/A" }) => /* @__PURE__ */ r(B.Fragment, { children: n });
+Ke.displayName = "EmptyValueRenderer";
+Ke.check = (n) => n == null || n === "" || Array.isArray(n) && n.length === 0;
+const Ks = { BASE_URL: "/", DEV: !1, MODE: "library", PROD: !0, SSR: !1, VITE_PLUGIN_MODE: "production", VITE_PLUGIN_PHRASE: "recursica_plugin_@K9mX7pQw2VbN8fRt3LzY6HjE4CuA5DsG1WvM9nP0XcB7", VITE_PLUGIN_PHRASE_TEST: "recursica_plugin_@19866374", VITE_RECURSICA_API_TEST: "https://dev-api.recursica.com", VITE_RECURSICA_API_URL: "https://api.recursica.com", VITE_RECURSICA_UI_URL: "https://api.recursica.com" }, Le = (() => {
   try {
     if (typeof process < "u" && process.env && process.env.NODE_ENV)
       return process.env.NODE_ENV !== "production";
   } catch {
   }
   try {
-    if (import.meta && Gs)
+    if (import.meta && Ks)
       return !0;
   } catch {
   }
@@ -470,38 +470,38 @@ const Gs = { BASE_URL: "/", DEV: !1, MODE: "library", PROD: !0, SSR: !1, VITE_PL
     return n === "localhost" || n === "127.0.0.1" || n.endsWith(".local");
   }
   return !1;
-})(), co = /* @__PURE__ */ new Set();
-let Ce = !1;
-function Hs(n) {
-  if (!Oe)
+})(), uo = /* @__PURE__ */ new Set();
+let Pe = !1;
+function Xs(n) {
+  if (!Le)
     return console.warn(
       "[Recursica] overStyled highlight is disabled in production builds."
     ), !1;
-  if (Ce = n !== void 0 ? n : !Ce, typeof document < "u") {
-    const e = document.documentElement, a = Ce ? "0 0 0 2px cyan" : "none";
+  if (Pe = n !== void 0 ? n : !Pe, typeof document < "u") {
+    const e = document.documentElement, a = Pe ? "0 0 0 2px cyan" : "none";
     e.style.setProperty("--recursica-over-styled-shadow", a), console.log(
-      `[Recursica] Highlight outlines toggled: ${Ce ? "ACTIVE (0 0 0 2px cyan)" : "INACTIVE"}`
+      `[Recursica] Highlight outlines toggled: ${Pe ? "ACTIVE (0 0 0 2px cyan)" : "INACTIVE"}`
     );
   } else
     console.warn("[Recursica] document is undefined. Cannot set CSS property.");
-  return co.forEach((e) => e()), Ce;
+  return uo.forEach((e) => e()), Pe;
 }
-function qi() {
-  return Oe && Ce;
+function oc() {
+  return Le && Pe;
 }
-function qs() {
-  const [n, e] = lo(Ce);
-  return He(() => {
-    if (!Oe) return;
-    Zo(), Ko();
-    const a = () => e(Ce);
-    return co.add(a), () => {
-      co.delete(a);
+function Qs() {
+  const [n, e] = co(Pe);
+  return Ue(() => {
+    if (!Le) return;
+    Xo(), Qo();
+    const a = () => e(Pe);
+    return uo.add(a), () => {
+      uo.delete(a);
     };
-  }, []), Oe && n;
+  }, []), Le && n;
 }
-function Zo() {
-  if (!Oe) return;
+function Xo() {
+  if (!Le) return;
   if (typeof document > "u") {
     console.warn(
       "[Recursica] document is undefined. Cannot inject overStyled styles."
@@ -522,8 +522,8 @@ function Zo() {
       }
     `, document.head.appendChild(e));
 }
-function Ko() {
-  if (!Oe) return;
+function Qo() {
+  if (!Le) return;
   if (typeof window > "u") {
     console.warn(
       "[Recursica] window is undefined. Cannot register console command."
@@ -532,27 +532,27 @@ function Ko() {
   }
   const n = (e) => {
     try {
-      e.recursica = e.recursica || {}, e.recursica.toggleOverStyled = () => `[Recursica] Overstyled outline highlight is now: ${Hs() ? "ON (cyan 2px box shadow)" : "OFF"}`;
+      e.recursica = e.recursica || {}, e.recursica.toggleOverStyled = () => `[Recursica] Overstyled outline highlight is now: ${Xs() ? "ON (cyan 2px box shadow)" : "OFF"}`;
     } catch {
     }
   };
   n(window), window.parent && window.parent !== window && n(window.parent);
 }
-const Bo = "data-recursica-theme";
-function Ui({
+const Eo = "data-recursica-theme";
+function tc({
   children: n,
   theme: e = "light"
 }) {
-  return He(() => {
+  return Ue(() => {
     const a = document.documentElement;
-    return a.setAttribute(Bo, e), () => {
-      a.removeAttribute(Bo);
+    return a.setAttribute(Eo, e), () => {
+      a.removeAttribute(Eo);
     };
-  }, [e]), He(() => {
-    Zo(), Ko();
-  }, []), /* @__PURE__ */ r(Ie, { children: n });
+  }, [e]), Ue(() => {
+    Xo(), Qo();
+  }, []), /* @__PURE__ */ r(ke, { children: n });
 }
-const Yi = [
+const ac = [
   "Accordion",
   "AssistiveElement",
   "Autocomplete",
@@ -570,6 +570,7 @@ const Yi = [
   "Flex",
   "FormControlLayout",
   "FormControlWrapper",
+  "Grid",
   "Group",
   "HoverCard",
   "Label",
@@ -600,7 +601,7 @@ const Yi = [
   "Toast",
   "Tooltip",
   "TransferList"
-], Zi = (n, e) => {
+], sc = (n, e) => {
   const a = document.activeElement;
   return new Promise((t, o) => {
     if (e && e.current) {
@@ -613,10 +614,10 @@ const Yi = [
   });
 };
 function P(n) {
-  if (!Oe || typeof n != "function" && !(n && n.$$typeof))
+  if (!Le || typeof n != "function" && !(n && n.$$typeof))
     return n;
   const e = B.forwardRef((t, o) => {
-    const { overStyled: s } = t, l = qs(), i = B.createElement(
+    const { overStyled: s } = t, l = Qs(), i = B.createElement(
       n,
       { ...t, ref: o }
     );
@@ -632,27 +633,27 @@ function P(n) {
   }
   return e;
 }
-const Us = "ReadOnlyField-module__layoutOverride___9fSsG", Ys = "ReadOnlyField-module__textField___qKn25", Ze = {
-  layoutOverride: Us,
-  textField: Ys
-}, Ge = ({
+const Js = "ReadOnlyField-module__layoutOverride___9fSsG", er = "ReadOnlyField-module__textField___qKn25", Xe = {
+  layoutOverride: Js,
+  textField: er
+}, qe = ({
   value: n,
   overStyled: e = !1,
   ...a
 }) => {
   const t = m(a, e), o = t.className;
   return /* @__PURE__ */ r(
-    ja,
+    Za,
     {
       component: "p",
-      className: o ? `${Ze.textField} ${o}` : Ze.textField,
+      className: o ? `${Xe.textField} ${o}` : Xe.textField,
       ...t,
       children: n != null ? B.isValidElement(n) ? n : Array.isArray(n) ? n.join(", ") : String(n) : ""
     }
   );
 };
-Ge.displayName = "ReadOnlyTextField";
-const No = b(
+qe.displayName = "ReadOnlyTextField";
+const $o = f(
   function({
     value: e,
     type: a = "text",
@@ -663,11 +664,11 @@ const No = b(
     ...i
   }, c) {
     let d = null;
-    const p = m(i, o), u = t || Ye, y = (u.check ? u.check(e) : Ye.check(e)) ? /* @__PURE__ */ r(u, { value: e }) : e;
+    const p = m(i, o), u = t || Ke, y = (u.check ? u.check(e) : Ke.check(e)) ? /* @__PURE__ */ r(u, { value: e }) : e;
     switch (a) {
       case "boolean":
         d = /* @__PURE__ */ r(
-          Ge,
+          qe,
           {
             value: e === !0 ? "True" : e === !1 ? "False" : y,
             overStyled: o
@@ -676,7 +677,7 @@ const No = b(
         break;
       case "switch":
         d = /* @__PURE__ */ r(
-          Ge,
+          qe,
           {
             value: e === !0 ? "On" : e === !1 ? "Off" : y,
             overStyled: o
@@ -686,7 +687,7 @@ const No = b(
       case "text":
       default:
         d = /* @__PURE__ */ r(
-          Ge,
+          qe,
           {
             value: y,
             overStyled: o
@@ -694,9 +695,9 @@ const No = b(
         );
         break;
     }
-    const _ = s ? `${Ze.layoutOverride} ${s}` : Ze.layoutOverride;
+    const _ = s ? `${Xe.layoutOverride} ${s}` : Xe.layoutOverride;
     return /* @__PURE__ */ r(
-      Ue,
+      Ze,
       {
         ref: c,
         overStyled: o,
@@ -708,8 +709,8 @@ const No = b(
     );
   }
 );
-No.displayName = "ReadOnlyField";
-const te = b(function({
+$o.displayName = "ReadOnlyField";
+const ae = f(function({
   readOnly: e,
   readOnlyComponent: a,
   readOnlyType: t = "text",
@@ -722,7 +723,7 @@ const te = b(function({
   ...p
 }, u) {
   return e ? a ? /* @__PURE__ */ r(
-    Ue,
+    Ze,
     {
       ref: u,
       ...p,
@@ -731,7 +732,7 @@ const te = b(function({
       children: /* @__PURE__ */ r(a, { ...s })
     }
   ) : /* @__PURE__ */ r(
-    No,
+    $o,
     {
       ref: u,
       type: t,
@@ -742,7 +743,7 @@ const te = b(function({
       ...p
     }
   ) : /* @__PURE__ */ r(
-    Ue,
+    Ze,
     {
       ref: u,
       ...p,
@@ -752,15 +753,15 @@ const te = b(function({
     }
   );
 });
-te.displayName = "WithReadOnlyWrapper";
-const Zs = "AutoComplete-module__layoutOverride___-K9WL", Ks = "AutoComplete-module__root___kANza", Xs = "AutoComplete-module__input___g51MC", Qs = "AutoComplete-module__section___WAbf1", Js = "AutoComplete-module__dropdown___NqO3E", er = "AutoComplete-module__option___Y-Kja", j = {
-  layoutOverride: Zs,
-  root: Ks,
-  input: Xs,
-  section: Qs,
-  dropdown: Js,
-  option: er
-}, Xo = b(
+ae.displayName = "WithReadOnlyWrapper";
+const or = "AutoComplete-module__layoutOverride___-K9WL", tr = "AutoComplete-module__root___kANza", ar = "AutoComplete-module__input___g51MC", sr = "AutoComplete-module__section___WAbf1", rr = "AutoComplete-module__dropdown___NqO3E", nr = "AutoComplete-module__option___Y-Kja", G = {
+  layoutOverride: or,
+  root: tr,
+  input: ar,
+  section: sr,
+  dropdown: rr,
+  option: nr
+}, Jo = f(
   function(e, a) {
     const {
       overStyled: t = !1,
@@ -773,13 +774,13 @@ const Zs = "AutoComplete-module__layoutOverride___-K9WL", Ks = "AutoComplete-mod
       onLabelEditClick: d,
       label: p,
       assistiveText: u,
-      assistiveWithIcon: h,
+      assistiveWithIcon: $,
       error: y,
       required: _,
-      withAsterisk: f,
+      withAsterisk: b,
       id: T,
       className: C,
-      style: $,
+      style: h,
       disabled: N,
       readOnly: O,
       readOnlyComponent: v,
@@ -790,23 +791,23 @@ const Zs = "AutoComplete-module__layoutOverride___-K9WL", Ks = "AutoComplete-mod
     } = e, W = m(L, t), w = W;
     delete w.size, delete w.variant, delete w.radius;
     const g = {
-      wrapper: j.root,
+      wrapper: G.root,
       // The nested Input internal relative wrapper bounding box
-      input: j.input,
-      section: j.section,
-      dropdown: j.dropdown,
-      option: j.option
+      input: G.input,
+      section: G.section,
+      dropdown: G.dropdown,
+      option: G.option
     }, I = w.classNames;
     if (I && typeof I == "object" && !Array.isArray(I)) {
       const S = I;
-      g.wrapper = S.wrapper ? `${j.root} ${S.wrapper}` : j.root, g.input = S.input ? `${j.input} ${S.input}` : j.input, g.section = S.section ? `${j.section} ${S.section}` : j.section, g.dropdown = S.dropdown ? `${j.dropdown} ${S.dropdown}` : j.dropdown, g.option = S.option ? `${j.option} ${S.option}` : j.option;
+      g.wrapper = S.wrapper ? `${G.root} ${S.wrapper}` : G.root, g.input = S.input ? `${G.input} ${S.input}` : G.input, g.section = S.section ? `${G.section} ${S.section}` : G.section, g.dropdown = S.dropdown ? `${G.dropdown} ${S.dropdown}` : G.dropdown, g.option = S.option ? `${G.option} ${S.option}` : G.option;
     }
-    const R = C ? `${j.layoutOverride} ${C}` : j.layoutOverride;
+    const R = C ? `${G.layoutOverride} ${C}` : G.layoutOverride;
     return /* @__PURE__ */ r(
-      te,
+      ae,
       {
         className: R,
-        style: $,
+        style: h,
         controlMaxWidth: "var(--recursica_ui-kit_components_autocomplete_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_autocomplete_properties_min-width)",
         overStyled: t,
@@ -818,10 +819,10 @@ const Zs = "AutoComplete-module__layoutOverride___-K9WL", Ks = "AutoComplete-mod
         onLabelEditClick: d,
         label: p,
         assistiveText: u,
-        assistiveWithIcon: h,
+        assistiveWithIcon: $,
         error: y,
         required: _,
-        withAsterisk: f,
+        withAsterisk: b,
         id: T,
         readOnly: O,
         readOnlyComponent: v,
@@ -832,7 +833,7 @@ const Zs = "AutoComplete-module__layoutOverride___-K9WL", Ks = "AutoComplete-mod
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ r(
-            Ga,
+            Ka,
             {
               ref: a,
               classNames: g,
@@ -851,14 +852,14 @@ const Zs = "AutoComplete-module__layoutOverride___-K9WL", Ks = "AutoComplete-mod
     );
   }
 );
-Xo.displayName = "AutoComplete";
-const or = "Avatar-module__root___fXu-J", tr = "Avatar-module__iconWrapper___ojly2", ar = "Avatar-module__textWrapper___zp-jD", sr = "Avatar-module__image___ieqGp", rr = "Avatar-module__placeholder___IDW7-", ee = {
-  root: or,
-  iconWrapper: tr,
-  textWrapper: ar,
-  image: sr,
-  placeholder: rr
-}, Qo = b(function({
+Jo.displayName = "AutoComplete";
+const lr = "Avatar-module__root___fXu-J", ir = "Avatar-module__iconWrapper___ojly2", cr = "Avatar-module__textWrapper___zp-jD", dr = "Avatar-module__image___ieqGp", pr = "Avatar-module__placeholder___IDW7-", oe = {
+  root: lr,
+  iconWrapper: ir,
+  textWrapper: cr,
+  image: dr,
+  placeholder: pr
+}, et = f(function({
   size: e = "default",
   variant: a = "solid",
   icon: t,
@@ -875,21 +876,21 @@ const or = "Avatar-module__root___fXu-J", tr = "Avatar-module__iconWrapper___ojl
     default: "md",
     small: "sm",
     large: "lg"
-  }, u = m(i, l), h = u;
+  }, u = m(i, l), $ = u;
   let y = "text";
   s ? y = "image" : t && (y = "icon");
   const _ = {
-    root: ee.root,
-    image: ee.image,
-    placeholder: ee.placeholder
-  }, f = h.classNames;
-  if (f && typeof f == "object" && !Array.isArray(f)) {
-    const C = f;
-    _.root = C.root ? `${ee.root} ${C.root}` : ee.root, _.image = C.image ? `${ee.image} ${C.image}` : ee.image, _.placeholder = C.placeholder ? `${ee.placeholder} ${C.placeholder}` : ee.placeholder;
-  }
-  const T = h.className;
+    root: oe.root,
+    image: oe.image,
+    placeholder: oe.placeholder
+  }, b = $.classNames;
+  if (b && typeof b == "object" && !Array.isArray(b)) {
+    const C = b;
+    _.root = C.root ? `${oe.root} ${C.root}` : oe.root, _.image = C.image ? `${oe.image} ${C.image}` : oe.image, _.placeholder = C.placeholder ? `${oe.placeholder} ${C.placeholder}` : oe.placeholder;
+  }
+  const T = $.className;
   return /* @__PURE__ */ r(
-    Ha,
+    Xa,
     {
       ref: c,
       className: T,
@@ -901,26 +902,26 @@ const or = "Avatar-module__root___fXu-J", tr = "Avatar-module__iconWrapper___ojl
       "data-size": e,
       "data-style": y,
       ...u,
-      children: t != null ? /* @__PURE__ */ r("span", { className: ee.iconWrapper, "aria-hidden": !0, children: t }) : o != null ? /* @__PURE__ */ r("span", { className: ee.textWrapper, children: o }) : void 0
+      children: t != null ? /* @__PURE__ */ r("span", { className: oe.iconWrapper, "aria-hidden": !0, children: t }) : o != null ? /* @__PURE__ */ r("span", { className: oe.textWrapper, children: o }) : void 0
     }
   );
 });
-Qo.displayName = "Avatar";
-const nr = ae(Qo), lr = "Badge-module__root___5osNT", le = {
-  root: lr
-}, Jo = b(function({ variant: e = "primary-color", overStyled: a = !1, ...t }, o) {
+et.displayName = "Avatar";
+const ur = ee(et), mr = "Badge-module__root___5osNT", ie = {
+  root: mr
+}, ot = f(function({ variant: e = "primary-color", overStyled: a = !1, ...t }, o) {
   const s = m(t, a), l = {
-    root: le.root,
-    section: le.section,
-    label: le.label
+    root: ie.root,
+    section: ie.section,
+    label: ie.label
   }, i = s.classNames;
   if (i && typeof i == "object" && !Array.isArray(i)) {
     const p = i;
-    l.root = p.root ? `${le.root} ${p.root}` : le.root, l.section = p.section ?? le.section, l.label = p.label ?? le.label;
+    l.root = p.root ? `${ie.root} ${p.root}` : ie.root, l.section = p.section ?? ie.section, l.label = p.label ?? ie.label;
   }
-  const c = s.className, d = c ? `${le.root} ${c}` : le.root;
+  const c = s.className, d = c ? `${ie.root} ${c}` : ie.root;
   return /* @__PURE__ */ r(
-    qa,
+    Qa,
     {
       ref: o,
       variant: "filled",
@@ -931,26 +932,26 @@ const nr = ae(Qo), lr = "Badge-module__root___5osNT", le = {
     }
   );
 });
-Jo.displayName = "Badge";
-const ir = ae(Jo), cr = "Breadcrumb-module__root___x-9ln", dr = "Breadcrumb-module__separator___qrUX-", Ne = {
-  root: cr,
-  separator: dr
-}, et = b(
+ot.displayName = "Badge";
+const _r = ee(ot), yr = "Breadcrumb-module__root___x-9ln", fr = "Breadcrumb-module__separator___qrUX-", $e = {
+  root: yr,
+  separator: fr
+}, tt = f(
   function({ overStyled: e = !1, separator: a = ">", ...t }, o) {
     const s = m(
       { separator: a, ...t },
       e
     ), l = {
-      root: Ne.root,
-      separator: Ne.separator
+      root: $e.root,
+      separator: $e.separator
     }, i = s.classNames;
     if (i && typeof i == "object" && !Array.isArray(i)) {
       const p = i;
-      l.root = p.root ? `${Ne.root} ${p.root}` : Ne.root, l.separator = p.separator ? `${Ne.separator} ${p.separator}` : Ne.separator;
+      l.root = p.root ? `${$e.root} ${p.root}` : $e.root, l.separator = p.separator ? `${$e.separator} ${p.separator}` : $e.separator;
     }
-    const c = s.className, d = c ? `${Ne.root} ${c}` : Ne.root;
+    const c = s.className, d = c ? `${$e.root} ${c}` : $e.root;
     return /* @__PURE__ */ r(
-      Ua,
+      Ja,
       {
         ref: o,
         ...s,
@@ -960,10 +961,10 @@ const ir = ae(Jo), cr = "Breadcrumb-module__root___x-9ln", dr = "Breadcrumb-modu
     );
   }
 );
-et.displayName = "Breadcrumb";
-const pr = "Loader-module__root___6iYOP", ze = {
-  root: pr
-}, ho = b(function({ variant: e = "oval", size: a = "default", overStyled: t = !1, ...o }, s) {
+tt.displayName = "Breadcrumb";
+const br = "Loader-module__root___6iYOP", Me = {
+  root: br
+}, ho = f(function({ variant: e = "oval", size: a = "default", overStyled: t = !1, ...o }, s) {
   const i = {
     sm: "small",
     md: "default",
@@ -972,39 +973,39 @@ const pr = "Loader-module__root___6iYOP", ze = {
     default: "default",
     large: "large"
   }[a] || "default", c = m(o, t), d = {
-    root: ze.root
+    root: Me.root
   }, p = c.classNames;
   if (p && typeof p == "object" && !Array.isArray(p)) {
     const y = p;
-    d.root = y.root ? `${ze.root} ${y.root}` : ze.root;
+    d.root = y.root ? `${Me.root} ${y.root}` : Me.root;
   }
-  const u = c.className, h = u ? `${ze.root} ${u}` : ze.root;
+  const u = c.className, $ = u ? `${Me.root} ${u}` : Me.root;
   return /* @__PURE__ */ r(
-    Ya,
+    es,
     {
       ref: s,
       type: e,
       "data-variant": e,
       "data-size": i,
       ...c,
-      className: h,
+      className: $,
       classNames: d
     }
   );
 });
 ho.displayName = "Loader";
-const ur = "Button-module__root___Q2R8-", mr = "Button-module__loader___X-9u-", _r = "Button-module__label___UJ3Zt", yr = "Button-module__labelText___rFV5p", br = "Button-module__iconWrapper___uEKPa", fr = "Button-module__section___f2mKr", J = {
-  root: ur,
-  loader: mr,
-  label: _r,
-  labelText: yr,
-  iconWrapper: br,
-  section: fr
+const Nr = "Button-module__root___Q2R8-", $r = "Button-module__loader___X-9u-", hr = "Button-module__label___UJ3Zt", vr = "Button-module__labelText___rFV5p", Cr = "Button-module__iconWrapper___uEKPa", Pr = "Button-module__section___f2mKr", J = {
+  root: Nr,
+  loader: $r,
+  label: hr,
+  labelText: vr,
+  iconWrapper: Cr,
+  section: Pr
 };
-function Nr(n) {
+function Tr(n) {
   return n == null || n === "" ? !1 : typeof n == "string" ? n.trim() !== "" : !0;
 }
-const ot = b(function({
+const at = f(function({
   variant: e = "solid",
   size: a = "default",
   icon: t,
@@ -1019,14 +1020,14 @@ const ot = b(function({
     solid: "filled",
     outline: "outline",
     text: "subtle"
-  }, h = {
+  }, $ = {
     default: "md",
     small: "sm"
   }, y = m(d, s), _ = y;
   delete _.fullWidth;
-  const f = !!t || !!_.leftSection, T = !!_.rightSection, C = Nr(o), $ = (f || T) && !C;
+  const b = !!t || !!_.leftSection, T = !!_.rightSection, C = Tr(o), h = (b || T) && !C;
   let N = "label";
-  $ ? N = "icon-only" : (f || T) && (N = "icon-label"), typeof process < "u" && process.env.NODE_ENV !== "production" && $ && !_["aria-label"] && console.warn(
+  h ? N = "icon-only" : (b || T) && (N = "icon-label"), typeof process < "u" && process.env.NODE_ENV !== "production" && h && !_["aria-label"] && console.warn(
     '[Recursica Button] Icon-only buttons must provide an accessible name. Pass aria-label (e.g. aria-label="Submit").'
   );
   const O = {
@@ -1045,13 +1046,13 @@ const ot = b(function({
     children: /* @__PURE__ */ r(ho, { variant: l, size: L }),
     ...A
   }), /* @__PURE__ */ r(
-    Za,
+    os,
     {
       ref: p,
       className: x,
       classNames: O,
       variant: u[e],
-      size: h[a],
+      size: $[a],
       loaderProps: W,
       leftSection: t != null ? /* @__PURE__ */ r("span", { className: J.iconWrapper, "aria-hidden": !0, children: t }) : void 0,
       "data-variant": e,
@@ -1063,16 +1064,16 @@ const ot = b(function({
     }
   );
 });
-ot.displayName = "Button";
-const hr = ae(
-  ot
-), $r = "Card-module__root___c9KvZ", vr = "Card-module__header___PTXf2", Cr = "Card-module__footer___Mu-JC", Pr = "Card-module__section___BRT8H", Tr = "Card-module__content___oFIQa", pe = {
-  root: $r,
-  header: vr,
-  footer: Cr,
-  section: Pr,
-  content: Tr
-}, tt = b(function({ overStyled: e = !1, ...a }, t) {
+at.displayName = "Button";
+const wr = ee(
+  at
+), gr = "Card-module__root___c9KvZ", Sr = "Card-module__header___PTXf2", Ar = "Card-module__footer___Mu-JC", xr = "Card-module__section___BRT8H", Or = "Card-module__content___oFIQa", ue = {
+  root: gr,
+  header: Sr,
+  footer: Ar,
+  section: xr,
+  content: Or
+}, st = f(function({ overStyled: e = !1, ...a }, t) {
   const o = m(a, e);
   [
     "flex",
@@ -1086,7 +1087,7 @@ const hr = ae(
     d in a && !(d in o) && (o[d] = a[d]);
   });
   const l = {
-    root: pe.root
+    root: ue.root
   }, i = o.classNames;
   if (i && typeof i == "object" && !Array.isArray(i)) {
     const d = i;
@@ -1096,7 +1097,7 @@ const hr = ae(
   }
   const c = o.className;
   return /* @__PURE__ */ r(
-    Xe,
+    Je,
     {
       ref: t,
       className: c,
@@ -1105,78 +1106,78 @@ const hr = ae(
     }
   );
 });
-tt.displayName = "Card";
-const at = b(
+st.displayName = "Card";
+const rt = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e), s = o.className;
     return /* @__PURE__ */ r(
-      Xe.Section,
+      Je.Section,
       {
         ref: t,
-        className: s ? `${pe.section} ${s}` : pe.section,
+        className: s ? `${ue.section} ${s}` : ue.section,
         ...o
       }
     );
   }
 );
-at.displayName = "CardSection";
-const st = b(
+rt.displayName = "CardSection";
+const nt = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e), s = o.className;
     return /* @__PURE__ */ r(
-      Xe.Section,
+      Je.Section,
       {
         ref: t,
-        className: s ? `${pe.header} ${s}` : pe.header,
+        className: s ? `${ue.header} ${s}` : ue.header,
         ...o
       }
     );
   }
 );
-st.displayName = "CardHeader";
-const rt = b(
+nt.displayName = "CardHeader";
+const lt = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e), s = o.className;
     return /* @__PURE__ */ r(
-      Xe.Section,
+      Je.Section,
       {
         ref: t,
-        className: s ? `${pe.footer} ${s}` : pe.footer,
+        className: s ? `${ue.footer} ${s}` : ue.footer,
         ...o
       }
     );
   }
 );
-rt.displayName = "CardFooter";
-const nt = b(
+lt.displayName = "CardFooter";
+const it = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e), s = o.className;
     return /* @__PURE__ */ r(
       "div",
       {
         ref: t,
-        className: s ? `${pe.content} ${s}` : pe.content,
+        className: s ? `${ue.content} ${s}` : ue.content,
         ...o
       }
     );
   }
 );
-nt.displayName = "CardContent";
-const lt = ae(tt), to = lt;
-to.Section = at;
-to.Header = st;
-to.Footer = rt;
-to.Content = nt;
-const wr = lt, gr = "Checkbox-module__groupRoot___cBS0o", Sr = "Checkbox-module__root___mY3qk", Ar = "Checkbox-module__body___5yC7q", xr = "Checkbox-module__inner___rTke4", Or = "Checkbox-module__input___2kt-h", Lr = "Checkbox-module__icon___-O7i6", Wr = "Checkbox-module__labelWrapper___GpZkr", Ir = "Checkbox-module__label___cwRtI", E = {
-  groupRoot: gr,
-  root: Sr,
-  body: Ar,
-  inner: xr,
-  input: Or,
-  icon: Lr,
-  labelWrapper: Wr,
-  label: Ir
-}, $o = b(
+it.displayName = "CardContent";
+const ct = ee(st), so = ct;
+so.Section = rt;
+so.Header = nt;
+so.Footer = lt;
+so.Content = it;
+const Lr = ct, Wr = "Checkbox-module__groupRoot___cBS0o", Ir = "Checkbox-module__root___mY3qk", kr = "Checkbox-module__body___5yC7q", zr = "Checkbox-module__inner___rTke4", Mr = "Checkbox-module__input___2kt-h", Rr = "Checkbox-module__icon___-O7i6", Br = "Checkbox-module__labelWrapper___GpZkr", Er = "Checkbox-module__label___cwRtI", E = {
+  groupRoot: Wr,
+  root: Ir,
+  body: kr,
+  inner: zr,
+  input: Mr,
+  icon: Rr,
+  labelWrapper: Br,
+  label: Er
+}, vo = f(
   function(e, a) {
     const {
       overStyled: t = !1,
@@ -1190,13 +1191,13 @@ const wr = lt, gr = "Checkbox-module__groupRoot___cBS0o", Sr = "Checkbox-module_
       // Base Mantine Extracted Attributes
       label: p,
       description: u,
-      assistiveText: h,
+      assistiveText: $,
       assistiveWithIcon: y,
       error: _,
-      required: f,
+      required: b,
       withAsterisk: T,
       id: C,
-      className: $,
+      className: h,
       style: N,
       children: O,
       readOnly: v,
@@ -1207,9 +1208,9 @@ const wr = lt, gr = "Checkbox-module__groupRoot___cBS0o", Sr = "Checkbox-module_
       ...W
     } = e, w = m(W, t), g = w;
     return delete g.size, /* @__PURE__ */ r(
-      te,
+      ae,
       {
-        className: $,
+        className: h,
         style: N,
         controlMaxWidth: "var(--recursica_ui-kit_components_checkbox-item_properties_max-width)",
         controlMinWidth: void 0,
@@ -1223,10 +1224,10 @@ const wr = lt, gr = "Checkbox-module__groupRoot___cBS0o", Sr = "Checkbox-module_
         onLabelEditClick: d,
         label: p,
         description: u,
-        assistiveText: h,
+        assistiveText: $,
         assistiveWithIcon: y,
         error: _,
-        required: f,
+        required: b,
         withAsterisk: T,
         id: C,
         readOnly: v && !!z,
@@ -1236,7 +1237,7 @@ const wr = lt, gr = "Checkbox-module__groupRoot___cBS0o", Sr = "Checkbox-module_
         readOnlyValue: A !== void 0 ? A : L,
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ r(
-          Go.Group,
+          Ho.Group,
           {
             ref: a,
             ...w,
@@ -1250,8 +1251,8 @@ const wr = lt, gr = "Checkbox-module__groupRoot___cBS0o", Sr = "Checkbox-module_
     );
   }
 );
-$o.displayName = "CheckboxGroup";
-const vo = b(
+vo.displayName = "CheckboxGroup";
+const Co = f(
   function(e, a) {
     const {
       overStyled: t = !1,
@@ -1263,7 +1264,7 @@ const vo = b(
       controlMaxWidth: d,
       controlMinWidth: p,
       ...u
-    } = e, h = m(u, t), y = h;
+    } = e, $ = m(u, t), y = $;
     delete y.size, delete y.color, delete y.radius, delete y.variant, delete y.iconColor;
     const _ = {
       root: E.root,
@@ -1273,9 +1274,9 @@ const vo = b(
       icon: E.icon,
       labelWrapper: E.labelWrapper,
       label: E.label
-    }, f = y.classNames;
-    if (f && typeof f == "object" && !Array.isArray(f)) {
-      const N = f;
+    }, b = y.classNames;
+    if (b && typeof b == "object" && !Array.isArray(b)) {
+      const N = b;
       _.root = N.root ? `${E.root} ${N.root}` : E.root, _.body = N.body ? `${E.body} ${N.body}` : E.body, _.inner = N.inner ? `${E.inner} ${N.inner}` : E.inner, _.input = N.input ? `${E.input} ${N.input}` : E.input, _.icon = N.icon ? `${E.icon} ${N.icon}` : E.icon, _.labelWrapper = N.labelWrapper ? `${E.labelWrapper} ${N.labelWrapper}` : E.labelWrapper, _.label = N.label ? `${E.label} ${N.label}` : E.label;
     }
     const T = y.className, C = T ? `${E.root} ${T}` : E.root;
@@ -1289,7 +1290,7 @@ const vo = b(
         }
       );
       return i ? /* @__PURE__ */ r(
-        de,
+        pe,
         {
           formLayout: i,
           labelSize: c,
@@ -1297,42 +1298,42 @@ const vo = b(
           controlMinWidth: p,
           children: v
         }
-      ) : /* @__PURE__ */ r(Ie, { children: v });
+      ) : /* @__PURE__ */ r(ke, { children: v });
     }
-    const $ = /* @__PURE__ */ r(
-      Go,
+    const h = /* @__PURE__ */ r(
+      Ho,
       {
         ref: a,
         className: C,
         classNames: _,
         disabled: o || l,
-        ...h
+        ...$
       }
     );
     return i ? /* @__PURE__ */ r(
-      de,
+      pe,
       {
         formLayout: i,
         labelSize: c,
         controlMaxWidth: d,
         controlMinWidth: p,
-        children: $
+        children: h
       }
-    ) : $;
+    ) : h;
   }
 );
-vo.displayName = "Checkbox";
-vo.Group = $o;
-const kr = "Chip-module__root___f5pFk", zr = "Chip-module__label___Ov9pg", Mr = "Chip-module__mantineIconWrapper___KLSz6", Rr = "Chip-module__innerWrapper___EnrTF", Br = "Chip-module__children___zbRAR", Er = "Chip-module__leadingIcon___JBtjQ", Fr = "Chip-module__removeIcon___pVju-", q = {
-  root: kr,
-  label: zr,
-  mantineIconWrapper: Mr,
-  innerWrapper: Rr,
-  children: Br,
-  leadingIcon: Er,
-  removeIcon: Fr
+Co.displayName = "Checkbox";
+Co.Group = vo;
+const Fr = "Chip-module__root___f5pFk", Vr = "Chip-module__label___Ov9pg", Dr = "Chip-module__mantineIconWrapper___KLSz6", Gr = "Chip-module__innerWrapper___EnrTF", jr = "Chip-module__children___zbRAR", Hr = "Chip-module__leadingIcon___JBtjQ", qr = "Chip-module__removeIcon___pVju-", q = {
+  root: Fr,
+  label: Vr,
+  mantineIconWrapper: Dr,
+  innerWrapper: Gr,
+  children: jr,
+  leadingIcon: Hr,
+  removeIcon: qr
 };
-function Vr(n) {
+function Ur(n) {
   return /* @__PURE__ */ V(
     "svg",
     {
@@ -1353,7 +1354,7 @@ function Vr(n) {
     }
   );
 }
-const it = b(function({
+const dt = f(function({
   error: e = !1,
   icon: a,
   onRemove: t,
@@ -1368,19 +1369,19 @@ const it = b(function({
     input: q.input,
     iconWrapper: q.mantineIconWrapper,
     checkIcon: q.checkIcon
-  }, h = p.classNames;
-  if (h && typeof h == "object" && !Array.isArray(h)) {
-    const $ = h;
-    u.root = $.root ? `${q.root} ${$.root}` : q.root, u.label = $.label ? `${q.label} ${$.label}` : q.label;
+  }, $ = p.classNames;
+  if ($ && typeof $ == "object" && !Array.isArray($)) {
+    const h = $;
+    u.root = h.root ? `${q.root} ${h.root}` : q.root, u.label = h.label ? `${q.label} ${h.label}` : q.label;
   }
-  const y = p.className, _ = y ? `${q.root} ${y}` : q.root, f = e ? "" : void 0, T = !s && (!!a || !!t), C = p.checked !== void 0 || p.defaultChecked !== void 0 || t !== void 0 || p.onClick !== void 0;
+  const y = p.className, _ = y ? `${q.root} ${y}` : q.root, b = e ? "" : void 0, T = !s && (!!a || !!t), C = p.checked !== void 0 || p.defaultChecked !== void 0 || t !== void 0 || p.onClick !== void 0;
   return /* @__PURE__ */ r(
-    Ka,
+    ts,
     {
       ref: c,
       className: _,
       classNames: u,
-      wrapperProps: f !== void 0 ? { "data-error": "" } : void 0,
+      wrapperProps: b !== void 0 ? { "data-error": "" } : void 0,
       ...T ? { "data-icon-only": "" } : {},
       ...C ? {} : { tabIndex: -1, "aria-hidden": !0 },
       ...d,
@@ -1392,27 +1393,27 @@ const it = b(function({
           {
             role: "button",
             className: q.removeIcon,
-            onClick: ($) => {
-              $.preventDefault(), $.stopPropagation(), t($);
+            onClick: (h) => {
+              h.preventDefault(), h.stopPropagation(), t(h);
             },
             "aria-label": o,
-            onKeyDown: ($) => {
-              ($.key === "Enter" || $.key === " ") && ($.preventDefault(), $.stopPropagation(), t(
-                $
+            onKeyDown: (h) => {
+              (h.key === "Enter" || h.key === " ") && (h.preventDefault(), h.stopPropagation(), t(
+                h
               ));
             },
             tabIndex: 0,
-            children: /* @__PURE__ */ r(Vr, {})
+            children: /* @__PURE__ */ r(Ur, {})
           }
         )
       ] })
     }
   );
 });
-it.displayName = "Chip";
-const Dr = "Container-module__root___UVssr", Me = {
-  root: Dr
-}, ct = b(
+dt.displayName = "Chip";
+const Yr = "Container-module__root___UVssr", Re = {
+  root: Yr
+}, pt = f(
   function({ children: e, size: a, ...t }, o) {
     const s = {
       "rec-sm": "sm",
@@ -1422,15 +1423,15 @@ const Dr = "Container-module__root___UVssr", Me = {
       "rec-xl": "xl",
       "rec-2xl": "xl"
     }, l = typeof a == "string" && s[a] ? s[a] : a, i = {
-      root: Me.root
+      root: Re.root
     }, c = t.classNames;
     if (c && typeof c == "object" && !Array.isArray(c)) {
       const u = c;
-      i.root = u.root ? `${Me.root} ${u.root}` : Me.root;
+      i.root = u.root ? `${Re.root} ${u.root}` : Re.root;
     }
-    const d = t.className, p = d ? `${Me.root} ${d}` : Me.root;
+    const d = t.className, p = d ? `${Re.root} ${d}` : Re.root;
     return /* @__PURE__ */ r(
-      Xa,
+      as,
       {
         ref: o,
         size: l,
@@ -1442,16 +1443,16 @@ const Dr = "Container-module__root___UVssr", Me = {
     );
   }
 );
-ct.displayName = "Container";
-const jr = "DatePicker-module__layoutOverride___X9yaM", Gr = "DatePicker-module__root___6XvRT", Hr = "DatePicker-module__input___pcSW8", qr = "DatePicker-module__section___n3iWA", Ur = "DatePicker-module__dropdown___wjt08", Yr = "DatePicker-module__calendarHeader___KHxno", Zr = "DatePicker-module__day___U03J2", Z = {
-  layoutOverride: jr,
-  root: Gr,
-  input: Hr,
-  section: qr,
-  dropdown: Ur,
-  calendarHeader: Yr,
-  day: Zr
-}, dt = b(
+pt.displayName = "Container";
+const Zr = "DatePicker-module__layoutOverride___X9yaM", Kr = "DatePicker-module__root___6XvRT", Xr = "DatePicker-module__input___pcSW8", Qr = "DatePicker-module__section___n3iWA", Jr = "DatePicker-module__dropdown___wjt08", en = "DatePicker-module__calendarHeader___KHxno", on = "DatePicker-module__day___U03J2", Z = {
+  layoutOverride: Zr,
+  root: Kr,
+  input: Xr,
+  section: Qr,
+  dropdown: Jr,
+  calendarHeader: en,
+  day: on
+}, ut = f(
   function(e, a) {
     const {
       overStyled: t = !1,
@@ -1464,13 +1465,13 @@ const jr = "DatePicker-module__layoutOverride___X9yaM", Gr = "DatePicker-module_
       onLabelEditClick: d,
       label: p,
       assistiveText: u,
-      assistiveWithIcon: h,
+      assistiveWithIcon: $,
       error: y,
       required: _,
-      withAsterisk: f,
+      withAsterisk: b,
       id: T,
       className: C,
-      style: $,
+      style: h,
       disabled: N,
       readOnly: O,
       readOnlyComponent: v,
@@ -1495,10 +1496,10 @@ const jr = "DatePicker-module__layoutOverride___X9yaM", Gr = "DatePicker-module_
     }
     const R = C ? `${Z.layoutOverride} ${C}` : Z.layoutOverride;
     return /* @__PURE__ */ r(
-      te,
+      ae,
       {
         className: R,
-        style: $,
+        style: h,
         controlMaxWidth: void 0,
         controlMinWidth: void 0,
         overStyled: t,
@@ -1510,10 +1511,10 @@ const jr = "DatePicker-module__layoutOverride___X9yaM", Gr = "DatePicker-module_
         onLabelEditClick: d,
         label: p,
         assistiveText: u,
-        assistiveWithIcon: h,
+        assistiveWithIcon: $,
         error: y,
         required: _,
-        withAsterisk: f,
+        withAsterisk: b,
         id: T,
         readOnly: O,
         readOnlyComponent: v,
@@ -1524,7 +1525,7 @@ const jr = "DatePicker-module__layoutOverride___X9yaM", Gr = "DatePicker-module_
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ r(
-            _s,
+            hs,
             {
               ref: a,
               classNames: g,
@@ -1547,15 +1548,15 @@ const jr = "DatePicker-module__layoutOverride___X9yaM", Gr = "DatePicker-module_
     );
   }
 );
-dt.displayName = "DatePicker";
-const Kr = "Dropdown-module__layoutOverride___FNcvP", Xr = "Dropdown-module__root___uVyL0", Qr = "Dropdown-module__input___dK4dN", Jr = "Dropdown-module__section___j3MRB", en = "Dropdown-module__dropdown___gG-Sw", on = "Dropdown-module__option___nAGU-", G = {
-  layoutOverride: Kr,
-  root: Xr,
-  input: Qr,
-  section: Jr,
-  dropdown: en,
-  option: on
-}, pt = b(
+ut.displayName = "DatePicker";
+const tn = "Dropdown-module__layoutOverride___FNcvP", an = "Dropdown-module__root___uVyL0", sn = "Dropdown-module__input___dK4dN", rn = "Dropdown-module__section___j3MRB", nn = "Dropdown-module__dropdown___gG-Sw", ln = "Dropdown-module__option___nAGU-", j = {
+  layoutOverride: tn,
+  root: an,
+  input: sn,
+  section: rn,
+  dropdown: nn,
+  option: ln
+}, mt = f(
   function(e, a) {
     const {
       overStyled: t = !1,
@@ -1568,13 +1569,13 @@ const Kr = "Dropdown-module__layoutOverride___FNcvP", Xr = "Dropdown-module__roo
       labelWithEditIcon: d,
       onLabelEditClick: p,
       label: u,
-      assistiveText: h,
+      assistiveText: $,
       assistiveWithIcon: y,
       error: _,
-      required: f,
+      required: b,
       withAsterisk: T,
       id: C,
-      className: $,
+      className: h,
       style: N,
       disabled: O,
       readOnly: v,
@@ -1587,26 +1588,26 @@ const Kr = "Dropdown-module__layoutOverride___FNcvP", Xr = "Dropdown-module__roo
     } = e, g = m(w, t), I = g;
     delete I.size, delete I.variant, delete I.radius;
     const R = {
-      wrapper: G.root,
+      wrapper: j.root,
       // The nested Input internal relative wrapper bounding box
-      input: G.input,
-      section: G.section,
-      dropdown: G.dropdown,
-      option: G.option
+      input: j.input,
+      section: j.section,
+      dropdown: j.dropdown,
+      option: j.option
     }, S = I.classNames;
     if (S && typeof S == "object" && !Array.isArray(S)) {
       const Y = S;
-      R.wrapper = Y.wrapper ? `${G.root} ${Y.wrapper}` : G.root, R.input = Y.input ? `${G.input} ${Y.input}` : G.input, R.section = Y.section ? `${G.section} ${Y.section}` : G.section, R.dropdown = Y.dropdown ? `${G.dropdown} ${Y.dropdown}` : G.dropdown, R.option = Y.option ? `${G.option} ${Y.option}` : G.option;
+      R.wrapper = Y.wrapper ? `${j.root} ${Y.wrapper}` : j.root, R.input = Y.input ? `${j.input} ${Y.input}` : j.input, R.section = Y.section ? `${j.section} ${Y.section}` : j.section, R.dropdown = Y.dropdown ? `${j.dropdown} ${Y.dropdown}` : j.dropdown, R.option = Y.option ? `${j.option} ${Y.option}` : j.option;
     }
-    const Pe = {
+    const Te = {
       ...N || {},
       width: s || "100%"
-    }, Te = $ ? `${G.layoutOverride} ${$}` : G.layoutOverride;
+    }, we = h ? `${j.layoutOverride} ${h}` : j.layoutOverride;
     return /* @__PURE__ */ r(
-      te,
+      ae,
       {
-        className: Te,
-        style: Pe,
+        className: we,
+        style: Te,
         controlMaxWidth: "var(--recursica_ui-kit_components_dropdown_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_dropdown_properties_min-width)",
         overStyled: t,
@@ -1617,10 +1618,10 @@ const Kr = "Dropdown-module__layoutOverride___FNcvP", Xr = "Dropdown-module__roo
         labelWithEditIcon: d,
         onLabelEditClick: p,
         label: u,
-        assistiveText: h,
+        assistiveText: $,
         assistiveWithIcon: y,
         error: _,
-        required: f,
+        required: b,
         withAsterisk: T,
         id: C,
         readOnly: v,
@@ -1632,7 +1633,7 @@ const Kr = "Dropdown-module__layoutOverride___FNcvP", Xr = "Dropdown-module__roo
         activeComponent: (
           /* Naked Select execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ r(
-            Qa,
+            ss,
             {
               ref: a,
               classNames: R,
@@ -1657,64 +1658,119 @@ const Kr = "Dropdown-module__layoutOverride___FNcvP", Xr = "Dropdown-module__roo
     );
   }
 );
-pt.displayName = "Dropdown";
-const tn = (n) => /* @__PURE__ */ r("div", { ...n, children: "FileInput" }), an = (n) => /* @__PURE__ */ r("div", { ...n, children: "FileUpload" }), sn = "Flex-module__root___yYser", Re = {
-  root: sn
-}, ut = b(function({ children: e, gap: a = "rec-default", rowGap: t, columnGap: o, ...s }, l) {
+mt.displayName = "Dropdown";
+const cn = (n) => /* @__PURE__ */ r("div", { ...n, children: "FileInput" }), dn = (n) => /* @__PURE__ */ r("div", { ...n, children: "FileUpload" }), pn = "Flex-module__root___yYser", Be = {
+  root: pn
+}, _t = f(function({ children: e, gap: a = "rec-default", rowGap: t, columnGap: o, ...s }, l) {
   const i = {
-    root: Re.root
+    root: Be.root
   }, c = s.classNames;
   if (c && typeof c == "object" && !Array.isArray(c)) {
     const u = c;
-    i.root = u.root ? `${Re.root} ${u.root}` : Re.root;
+    i.root = u.root ? `${Be.root} ${u.root}` : Be.root;
   }
-  const d = s.className, p = d ? `${Re.root} ${d}` : Re.root;
+  const d = s.className, p = d ? `${Be.root} ${d}` : Be.root;
   return /* @__PURE__ */ r(
-    Ja,
+    rs,
     {
       ref: l,
       className: p,
       classNames: i,
-      ...yo({ gap: a, rowGap: t, columnGap: o, ...s }),
+      ...Ve({ gap: a, rowGap: t, columnGap: o, ...s }),
       children: e
     }
   );
 });
-ut.displayName = "Flex";
-const rn = ae(ut), nn = "Group-module__root___ftO64", Be = {
-  root: nn
-}, mt = b(function({ children: e, gap: a = "rec-default", ...t }, o) {
+_t.displayName = "Flex";
+const un = ee(_t), mn = "Grid-module__root___s-qPY", _n = "Grid-module__col___tbuNg", se = {
+  root: mn,
+  col: _n
+}, yt = f(function({ children: e, gap: a = "rec-default", ...t }, o) {
   const s = {
-    root: Be.root
+    root: se.root
+  }, l = t.classNames;
+  if (l && typeof l == "object" && !Array.isArray(l)) {
+    const u = l;
+    s.root = u.root ? `${se.root} ${u.root}` : se.root;
+  }
+  const i = t.className, c = i ? `${se.root} ${i}` : se.root, { gap: d, ...p } = Ve({
+    gap: a,
+    ...t
+  });
+  return /* @__PURE__ */ r(
+    qo,
+    {
+      ref: o,
+      gutter: d,
+      className: c,
+      classNames: s,
+      ...p,
+      children: e
+    }
+  );
+});
+yt.displayName = "Grid";
+const yn = ee(yt), ft = f(function({ children: e, ...a }, t) {
+  const o = {
+    col: se.col
+  }, s = a.classNames;
+  if (s && typeof s == "object" && !Array.isArray(s)) {
+    const c = s;
+    o.col = c.col ? `${se.col} ${c.col}` : se.col;
+  }
+  const l = a.className, i = l ? `${se.col} ${l}` : se.col;
+  return /* @__PURE__ */ r(
+    qo.Col,
+    {
+      ref: t,
+      className: i,
+      classNames: o,
+      ...Ve(
+        a
+      ),
+      children: e
+    }
+  );
+});
+ft.displayName = "GridCol";
+const bt = ee(
+  ft
+), Nt = yn;
+Nt.Col = bt;
+const fn = "Group-module__root___ftO64", Ee = {
+  root: fn
+}, $t = f(function({ children: e, gap: a = "rec-default", ...t }, o) {
+  const s = {
+    root: Ee.root
   }, l = t.classNames;
   if (l && typeof l == "object" && !Array.isArray(l)) {
     const d = l;
-    s.root = d.root ? `${Be.root} ${d.root}` : Be.root;
+    s.root = d.root ? `${Ee.root} ${d.root}` : Ee.root;
   }
-  const i = t.className, c = i ? `${Be.root} ${i}` : Be.root;
+  const i = t.className, c = i ? `${Ee.root} ${i}` : Ee.root;
   return /* @__PURE__ */ r(
-    es,
+    ns,
     {
       ref: o,
       className: c,
       classNames: s,
-      ...yo({ gap: a, ...t }),
+      ...Ve({ gap: a, ...t }),
       children: e
     }
   );
 });
-mt.displayName = "Group";
-const ln = "HoverCard-module__dropdown___FBPFW", cn = "HoverCard-module__arrow___S9AkE", Eo = {
-  dropdown: ln,
-  arrow: cn
-}, _t = function({
+$t.displayName = "Group";
+const bn = "HoverCard-module__dropdown___FBPFW", Nn = "HoverCard-module__arrow___S9AkE", Fo = {
+  dropdown: bn,
+  arrow: Nn
+}, ht = function({
   overStyled: e = !1,
   withBeak: a = !0,
   ...t
 }) {
   const o = m(t, e), s = {
-    dropdown: Eo.dropdown,
-    arrow: Eo.arrow
+    dropdown: Fo.dropdown,
+    arrow: Fo.arrow
   }, l = o.classNames;
   if (l && typeof l == "object" && !Array.isArray(l)) {
     const p = l;
@@ -1724,7 +1780,7 @@ const ln = "HoverCard-module__dropdown___FBPFW", cn = "HoverCard-module__arrow__
   }
   const i = o.arrowSize ?? 16, c = o.withArrow;
   return /* @__PURE__ */ r(
-    po,
+    mo,
     {
       position: "top",
       arrowSize: i,
@@ -1734,43 +1790,43 @@ const ln = "HoverCard-module__dropdown___FBPFW", cn = "HoverCard-module__arrow__
     }
   );
 };
-_t.displayName = "HoverCard";
-const yt = function(e) {
-  return /* @__PURE__ */ r(po.Target, { ...e });
+ht.displayName = "HoverCard";
+const vt = function(e) {
+  return /* @__PURE__ */ r(mo.Target, { ...e });
 };
-yt.displayName = "HoverCardTarget";
-const bt = function({
+vt.displayName = "HoverCardTarget";
+const Ct = function({
   overStyled: e = !1,
   ...a
 }) {
   const t = m(a, e), o = t.className;
   return /* @__PURE__ */ r(
-    po.Dropdown,
+    mo.Dropdown,
     {
       className: o,
       ...t
     }
   );
 };
-bt.displayName = "HoverCardDropdown";
-const Co = _t;
-Co.Target = yt;
-Co.Dropdown = bt;
-const dn = "Link-module__root___I0VGE", pn = "Link-module__iconWrapper___W-LlF", un = "Link-module__labelText___wSvUy", ge = {
-  root: dn,
-  iconWrapper: pn,
-  labelText: un
-}, ft = b(function({ icon: e, children: a, overStyled: t = !1, ...o }, s) {
+Ct.displayName = "HoverCardDropdown";
+const Po = ht;
+Po.Target = vt;
+Po.Dropdown = Ct;
+const $n = "Link-module__root___I0VGE", hn = "Link-module__iconWrapper___W-LlF", vn = "Link-module__labelText___wSvUy", Se = {
+  root: $n,
+  iconWrapper: hn,
+  labelText: vn
+}, Pt = f(function({ icon: e, children: a, overStyled: t = !1, ...o }, s) {
   const l = m(o, t), i = l, c = {
-    root: ge.root
+    root: Se.root
   }, d = i.classNames;
   if (d && typeof d == "object" && !Array.isArray(d)) {
-    const h = d;
-    c.root = h.root ? `${ge.root} ${h.root}` : ge.root;
+    const $ = d;
+    c.root = $.root ? `${Se.root} ${$.root}` : Se.root;
   }
-  const p = i.className, u = p ? `${ge.root} ${p}` : ge.root;
+  const p = i.className, u = p ? `${Se.root} ${p}` : Se.root;
   return /* @__PURE__ */ V(
-    os,
+    ls,
     {
       ref: s,
       className: u,
@@ -1779,30 +1835,30 @@ const dn = "Link-module__root___I0VGE", pn = "Link-module__iconWrapper___W-LlF",
       ...e ? { "data-has-icon": "" } : {},
       ...l,
       children: [
-        e && /* @__PURE__ */ r("span", { className: ge.iconWrapper, "aria-hidden": !0, children: e }),
-        /* @__PURE__ */ r("span", { className: ge.labelText, children: a })
+        e && /* @__PURE__ */ r("span", { className: Se.iconWrapper, "aria-hidden": !0, children: e }),
+        /* @__PURE__ */ r("span", { className: Se.labelText, children: a })
       ]
     }
   );
 });
-ft.displayName = "Link";
-const mn = ae(ft), _n = "Menu-module__dropdown___j4xuA", yn = "Menu-module__item___NMXha", bn = "Menu-module__itemLabel___zvcqC", fn = "Menu-module__itemSection___pRIcn", Nn = "Menu-module__divider___wPiNq", hn = "Menu-module__label___4FBGa", $n = "Menu-module__chevron___hEEiy", Se = {
-  dropdown: _n,
-  item: yn,
-  itemLabel: bn,
-  itemSection: fn,
-  divider: Nn,
-  label: hn,
-  chevron: $n
-}, Nt = function({ overStyled: e = !1, ...a }) {
+Pt.displayName = "Link";
+const Cn = ee(Pt), Pn = "Menu-module__dropdown___j4xuA", Tn = "Menu-module__item___NMXha", wn = "Menu-module__itemLabel___zvcqC", gn = "Menu-module__itemSection___pRIcn", Sn = "Menu-module__divider___wPiNq", An = "Menu-module__label___4FBGa", xn = "Menu-module__chevron___hEEiy", Ae = {
+  dropdown: Pn,
+  item: Tn,
+  itemLabel: wn,
+  itemSection: gn,
+  divider: Sn,
+  label: An,
+  chevron: xn
+}, Tt = function({ overStyled: e = !1, ...a }) {
   const t = m(a, e), o = {
-    dropdown: Se.dropdown,
-    item: Se.item,
-    itemLabel: Se.itemLabel,
-    itemSection: Se.itemSection,
-    divider: Se.divider,
-    label: Se.label,
-    chevron: Se.chevron
+    dropdown: Ae.dropdown,
+    item: Ae.item,
+    itemLabel: Ae.itemLabel,
+    itemSection: Ae.itemSection,
+    divider: Ae.divider,
+    label: Ae.label,
+    chevron: Ae.chevron
   }, s = t.classNames;
   if (s && typeof s == "object" && !Array.isArray(s)) {
     const l = s;
@@ -1811,23 +1867,23 @@ const mn = ae(ft), _n = "Menu-module__dropdown___j4xuA", yn = "Menu-module__item
     });
   }
   return /* @__PURE__ */ r(
-    se,
+    re,
     {
       classNames: o,
       ...t
     }
   );
 };
-Nt.displayName = "Menu";
-const ht = function(e) {
-  return /* @__PURE__ */ r(se.Target, { ...e });
+Tt.displayName = "Menu";
+const wt = function(e) {
+  return /* @__PURE__ */ r(re.Target, { ...e });
 };
-ht.displayName = "MenuTarget";
-const $t = b(
+wt.displayName = "MenuTarget";
+const gt = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e), s = o.className;
     return /* @__PURE__ */ r(
-      se.Dropdown,
+      re.Dropdown,
       {
         ref: t,
         className: s,
@@ -1836,14 +1892,14 @@ const $t = b(
     );
   }
 );
-$t.displayName = "MenuDropdown";
-const vt = b(
+gt.displayName = "MenuDropdown";
+const St = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e), s = o;
     e || delete s.color;
     const l = s.className;
     return /* @__PURE__ */ r(
-      se.Item,
+      re.Item,
       {
         ref: t,
         className: l,
@@ -1852,12 +1908,12 @@ const vt = b(
     );
   }
 );
-vt.displayName = "MenuItem";
-const vn = ae(vt), Ct = b(
+St.displayName = "MenuItem";
+const On = ee(St), At = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e), s = o.className;
     return /* @__PURE__ */ r(
-      se.Divider,
+      re.Divider,
       {
         ref: t,
         className: s,
@@ -1866,11 +1922,11 @@ const vn = ae(vt), Ct = b(
     );
   }
 );
-Ct.displayName = "MenuDivider";
-const Pt = b(function({ overStyled: e = !1, ...a }, t) {
+At.displayName = "MenuDivider";
+const xt = f(function({ overStyled: e = !1, ...a }, t) {
   const o = m(a, e), s = o.className;
   return /* @__PURE__ */ r(
-    se.Label,
+    re.Label,
     {
       ref: t,
       className: s,
@@ -1878,22 +1934,22 @@ const Pt = b(function({ overStyled: e = !1, ...a }, t) {
     }
   );
 });
-Pt.displayName = "MenuLabel";
-const Tt = function(e) {
-  return /* @__PURE__ */ r(se.Sub, { ...e });
+xt.displayName = "MenuLabel";
+const Ot = function(e) {
+  return /* @__PURE__ */ r(re.Sub, { ...e });
 };
-Tt.displayName = "MenuSub";
-const wt = function(e) {
-  return /* @__PURE__ */ r(se.Sub.Target, { ...e });
+Ot.displayName = "MenuSub";
+const Lt = function(e) {
+  return /* @__PURE__ */ r(re.Sub.Target, { ...e });
 };
-wt.displayName = "MenuSubTarget";
-const gt = b(
+Lt.displayName = "MenuSubTarget";
+const Wt = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e), s = o;
     e || delete s.color;
     const l = s.className;
     return /* @__PURE__ */ r(
-      se.Sub.Item,
+      re.Sub.Item,
       {
         ref: t,
         className: l,
@@ -1902,14 +1958,14 @@ const gt = b(
     );
   }
 );
-gt.displayName = "MenuSubItem";
-const Cn = ae(
-  gt
-), St = b(
+Wt.displayName = "MenuSubItem";
+const Ln = ee(
+  Wt
+), It = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e), s = o.className;
     return /* @__PURE__ */ r(
-      se.Sub.Dropdown,
+      re.Sub.Dropdown,
       {
         ref: t,
         className: s,
@@ -1918,29 +1974,29 @@ const Cn = ae(
     );
   }
 );
-St.displayName = "MenuSubDropdown";
-const ao = Tt;
-ao.Target = wt;
-ao.Item = Cn;
-ao.Dropdown = St;
-const Le = Nt;
-Le.Target = ht;
-Le.Dropdown = $t;
-Le.Item = vn;
-Le.Divider = Ct;
-Le.Label = Pt;
-Le.Sub = ao;
-const Pn = "Modal-module__root___ytPLl", Tn = "Modal-module__inner___SSUJE", wn = "Modal-module__content___dWO-B", gn = "Modal-module__header___ILG9i", Sn = "Modal-module__title___A5OeE", An = "Modal-module__bodyWrapper___5CCL-", xn = "Modal-module__scrollArea___KD-hm", On = "Modal-module__footer___rro2w", Ln = "Modal-module__close___-ER1C", ce = {
-  root: Pn,
-  inner: Tn,
-  content: wn,
-  header: gn,
-  title: Sn,
-  bodyWrapper: An,
-  scrollArea: xn,
-  footer: On,
-  close: Ln
-}, At = B.forwardRef(function({
+It.displayName = "MenuSubDropdown";
+const ro = Ot;
+ro.Target = Lt;
+ro.Item = Ln;
+ro.Dropdown = It;
+const We = Tt;
+We.Target = wt;
+We.Dropdown = gt;
+We.Item = On;
+We.Divider = At;
+We.Label = xt;
+We.Sub = ro;
+const Wn = "Modal-module__root___ytPLl", In = "Modal-module__inner___SSUJE", kn = "Modal-module__content___dWO-B", zn = "Modal-module__header___ILG9i", Mn = "Modal-module__title___A5OeE", Rn = "Modal-module__bodyWrapper___5CCL-", Bn = "Modal-module__scrollArea___KD-hm", En = "Modal-module__footer___rro2w", Fn = "Modal-module__close___-ER1C", de = {
+  root: Wn,
+  inner: In,
+  content: kn,
+  header: zn,
+  title: Mn,
+  bodyWrapper: Rn,
+  scrollArea: Bn,
+  footer: En,
+  close: Fn
+}, kt = B.forwardRef(function({
   overStyled: e = !1,
   children: a,
   title: t,
@@ -1951,15 +2007,15 @@ const Pn = "Modal-module__root___ytPLl", Tn = "Modal-module__inner___SSUJE", wn
   ...c
 }, d) {
   const p = m(c, e), u = {
-    root: ce.root,
-    inner: ce.inner,
-    content: ce.content,
-    header: ce.header,
-    title: ce.title,
-    close: ce.close
-  }, h = p.classNames;
-  if (h && typeof h == "object" && !Array.isArray(h)) {
-    const y = h;
+    root: de.root,
+    inner: de.inner,
+    content: de.content,
+    header: de.header,
+    title: de.title,
+    close: de.close
+  }, $ = p.classNames;
+  if ($ && typeof $ == "object" && !Array.isArray($)) {
+    const y = $;
     Object.keys(y).forEach((_) => {
       u[_] ? u[_] = `${u[_]} ${y[_]}` : u[_] = y[_];
     });
@@ -1977,60 +2033,60 @@ const Pn = "Modal-module__root___ytPLl", Tn = "Modal-module__inner___SSUJE", wn
             t && /* @__PURE__ */ r(X.Title, { children: t }),
             o && /* @__PURE__ */ r(X.CloseButton, { ...i })
           ] }),
-          /* @__PURE__ */ r(To, { children: a })
+          /* @__PURE__ */ r(wo, { children: a })
         ] })
       ]
     }
   );
 });
-At.displayName = "Modal";
-const Po = B.forwardRef(
+kt.displayName = "Modal";
+const To = B.forwardRef(
   function({ overStyled: e = !1, className: a, ...t }, o) {
     const s = m(t, e);
     return /* @__PURE__ */ r(
       "div",
       {
         ref: o,
-        className: `${ce.footer} ${a || ""}`,
+        className: `${de.footer} ${a || ""}`,
         ...s
       }
     );
   }
 );
-Po.displayName = "Modal.Footer";
-const To = B.forwardRef(function({ className: e, onScroll: a, children: t, ...o }, s) {
+To.displayName = "Modal.Footer";
+const wo = B.forwardRef(function({ className: e, onScroll: a, children: t, ...o }, s) {
   const l = B.useRef(null), [i, c] = B.useState(!1), [d, p] = B.useState(!1), u = B.useCallback(() => {
     if (l.current) {
-      const { scrollTop: f, scrollHeight: T, clientHeight: C } = l.current;
-      c(f > 0), p(Math.ceil(f + C) < T);
+      const { scrollTop: b, scrollHeight: T, clientHeight: C } = l.current;
+      c(b > 0), p(Math.ceil(b + C) < T);
     }
   }, []);
   B.useEffect(() => (u(), window.addEventListener("resize", u), () => window.removeEventListener("resize", u)), [u, t]);
-  const h = (f) => {
-    u(), a == null || a(f);
+  const $ = (b) => {
+    u(), a == null || a(b);
   };
   let y = null;
   const _ = [];
-  return B.Children.forEach(t, (f) => {
+  return B.Children.forEach(t, (b) => {
     var T;
-    B.isValidElement(f) && (f.type === Po || ((T = f.type) == null ? void 0 : T.displayName) === "Modal.Footer") ? y = f : _.push(f);
+    B.isValidElement(b) && (b.type === To || ((T = b.type) == null ? void 0 : T.displayName) === "Modal.Footer") ? y = b : _.push(b);
   }), /* @__PURE__ */ V(
     X.Body,
     {
       ...o,
-      ref: (f) => {
-        typeof s == "function" ? s(f) : s && (s.current = f);
+      ref: (b) => {
+        typeof s == "function" ? s(b) : s && (s.current = b);
       },
-      className: `${ce.bodyWrapper} ${e || ""}`,
+      className: `${de.bodyWrapper} ${e || ""}`,
       children: [
         /* @__PURE__ */ r(
           "div",
           {
             ref: l,
-            onScroll: h,
+            onScroll: $,
             "data-scrolled-top": i || void 0,
             "data-scrolled-bottom": d || void 0,
-            className: ce.scrollArea,
+            className: de.scrollArea,
             children: _
           }
         ),
@@ -2039,8 +2095,8 @@ const To = B.forwardRef(function({ className: e, onScroll: a, children: t, ...o
     }
   );
 });
-To.displayName = "Modal.Body";
-const xt = B.forwardRef(
+wo.displayName = "Modal.Body";
+const zt = B.forwardRef(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e);
     return /* @__PURE__ */ r(
@@ -2052,8 +2108,8 @@ const xt = B.forwardRef(
     );
   }
 );
-xt.displayName = "Modal.Root";
-const Ot = B.forwardRef(
+zt.displayName = "Modal.Root";
+const Mt = B.forwardRef(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e);
     return /* @__PURE__ */ r(
@@ -2065,8 +2121,8 @@ const Ot = B.forwardRef(
     );
   }
 );
-Ot.displayName = "Modal.Overlay";
-const Lt = B.forwardRef(
+Mt.displayName = "Modal.Overlay";
+const Rt = B.forwardRef(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e);
     return /* @__PURE__ */ r(
@@ -2078,8 +2134,8 @@ const Lt = B.forwardRef(
     );
   }
 );
-Lt.displayName = "Modal.Content";
-const Wt = B.forwardRef(
+Rt.displayName = "Modal.Content";
+const Bt = B.forwardRef(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e);
     return /* @__PURE__ */ r(
@@ -2091,8 +2147,8 @@ const Wt = B.forwardRef(
     );
   }
 );
-Wt.displayName = "Modal.Header";
-const It = B.forwardRef(
+Bt.displayName = "Modal.Header";
+const Et = B.forwardRef(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e);
     return /* @__PURE__ */ r(
@@ -2104,8 +2160,8 @@ const It = B.forwardRef(
     );
   }
 );
-It.displayName = "Modal.Title";
-const kt = B.forwardRef(function({ overStyled: e = !1, ...a }, t) {
+Et.displayName = "Modal.Title";
+const Ft = B.forwardRef(function({ overStyled: e = !1, ...a }, t) {
   const o = m(a, e);
   return /* @__PURE__ */ r(
     X.CloseButton,
@@ -2115,24 +2171,24 @@ const kt = B.forwardRef(function({ overStyled: e = !1, ...a }, t) {
     }
   );
 });
-kt.displayName = "Modal.CloseButton";
-const ye = At;
-ye.Root = xt;
-ye.Overlay = Ot;
-ye.Content = Lt;
-ye.Header = Wt;
-ye.Title = It;
-ye.CloseButton = kt;
-ye.Body = To;
-ye.Footer = Po;
-const Wn = "NumberInput-module__layoutOverride___5-9T4", In = "NumberInput-module__root___C6rAn", kn = "NumberInput-module__input___Ss8p7", zn = "NumberInput-module__section___MijP0", Mn = "NumberInput-module__controls___8UfQ2", Rn = "NumberInput-module__control___Qre9-", Ae = {
-  layoutOverride: Wn,
-  root: In,
-  input: kn,
-  section: zn,
-  controls: Mn,
-  control: Rn
-}, zt = b(
+Ft.displayName = "Modal.CloseButton";
+const fe = kt;
+fe.Root = zt;
+fe.Overlay = Mt;
+fe.Content = Rt;
+fe.Header = Bt;
+fe.Title = Et;
+fe.CloseButton = Ft;
+fe.Body = wo;
+fe.Footer = To;
+const Vn = "NumberInput-module__layoutOverride___5-9T4", Dn = "NumberInput-module__root___C6rAn", Gn = "NumberInput-module__input___Ss8p7", jn = "NumberInput-module__section___MijP0", Hn = "NumberInput-module__controls___8UfQ2", qn = "NumberInput-module__control___Qre9-", xe = {
+  layoutOverride: Vn,
+  root: Dn,
+  input: Gn,
+  section: jn,
+  controls: Hn,
+  control: qn
+}, Vt = f(
   function(e, a) {
     const {
       overStyled: t = !1,
@@ -2145,13 +2201,13 @@ const Wn = "NumberInput-module__layoutOverride___5-9T4", In = "NumberInput-modul
       onLabelEditClick: d,
       label: p,
       assistiveText: u,
-      assistiveWithIcon: h,
+      assistiveWithIcon: $,
       error: y,
       required: _,
-      withAsterisk: f,
+      withAsterisk: b,
       id: T,
       className: C,
-      style: $,
+      style: h,
       disabled: N,
       readOnly: O,
       readOnlyComponent: v,
@@ -2163,18 +2219,18 @@ const Wn = "NumberInput-module__layoutOverride___5-9T4", In = "NumberInput-modul
     } = e, w = m(W, t), g = w;
     delete g.size, delete g.variant, delete g.radius;
     const I = {
-      wrapper: Ae.root,
+      wrapper: xe.root,
       // The nested Input internal relative wrapper bounding box
-      input: Ae.input,
-      section: Ae.section,
-      controls: Ae.controls,
-      control: Ae.control
-    }, R = C ? `${Ae.layoutOverride} ${C}` : Ae.layoutOverride;
+      input: xe.input,
+      section: xe.section,
+      controls: xe.controls,
+      control: xe.control
+    }, R = C ? `${xe.layoutOverride} ${C}` : xe.layoutOverride;
     return /* @__PURE__ */ r(
-      te,
+      ae,
       {
         className: R,
-        style: $,
+        style: h,
         controlMaxWidth: "var(--recursica_ui-kit_components_number-input_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_number-input_properties_min-width)",
         overStyled: t,
@@ -2186,10 +2242,10 @@ const Wn = "NumberInput-module__layoutOverride___5-9T4", In = "NumberInput-modul
         onLabelEditClick: d,
         label: p,
         assistiveText: u,
-        assistiveWithIcon: h,
+        assistiveWithIcon: $,
         error: y,
         required: _,
-        withAsterisk: f,
+        withAsterisk: b,
         id: T,
         readOnly: O,
         readOnlyComponent: v,
@@ -2200,7 +2256,7 @@ const Wn = "NumberInput-module__layoutOverride___5-9T4", In = "NumberInput-modul
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ r(
-            ts,
+            is,
             {
               ref: a,
               classNames: I,
@@ -2227,19 +2283,19 @@ const Wn = "NumberInput-module__layoutOverride___5-9T4", In = "NumberInput-modul
     );
   }
 );
-zt.displayName = "NumberInput";
-const Bn = "Pagination-module__root___ITRjt", En = "Pagination-module__control___40yNT", Fn = "Pagination-module__dots___Yl9da", Vn = "Pagination-module__iconWithLabel___pLM4O", Dn = "Pagination-module__baseIcon___Qw3bJ", H = {
-  root: Bn,
-  control: En,
-  dots: Fn,
-  iconWithLabel: Vn,
-  baseIcon: Dn
-}, jn = "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z", Gn = "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z", Hn = "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", qn = "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", Un = {
-  next: jn,
-  prev: Gn,
-  first: Hn,
-  last: qn
-}, Fe = ({
+Vt.displayName = "NumberInput";
+const Un = "Pagination-module__root___ITRjt", Yn = "Pagination-module__control___40yNT", Zn = "Pagination-module__dots___Yl9da", Kn = "Pagination-module__iconWithLabel___pLM4O", Xn = "Pagination-module__baseIcon___Qw3bJ", H = {
+  root: Un,
+  control: Yn,
+  dots: Zn,
+  iconWithLabel: Kn,
+  baseIcon: Xn
+}, Qn = "M8.781 8l-3.3-3.3.943-.943L10.667 8l-4.243 4.243-.943-.943 3.3-3.3z", Jn = "M7.219 8l3.3 3.3-.943.943L5.333 8l4.243-4.243.943.943-3.3 3.3z", el = "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", ol = "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", tl = {
+  next: Qn,
+  prev: Jn,
+  first: el,
+  last: ol
+}, De = ({
   type: n,
   className: e,
   ...a
@@ -2250,22 +2306,22 @@ const Bn = "Pagination-module__root___ITRjt", En = "Pagination-module__control__
     xmlns: "http://www.w3.org/2000/svg",
     className: `${H.baseIcon} ${e || ""}`.trim(),
     ...a,
-    children: /* @__PURE__ */ r("path", { d: Un[n], fill: "currentColor" })
+    children: /* @__PURE__ */ r("path", { d: tl[n], fill: "currentColor" })
   }
-), Mt = (n) => /* @__PURE__ */ V("div", { className: H.iconWithLabel, children: [
+), Dt = (n) => /* @__PURE__ */ V("div", { className: H.iconWithLabel, children: [
   /* @__PURE__ */ r("span", { children: "Next" }),
-  /* @__PURE__ */ r(Fe, { type: "next", ...n })
-] }), Rt = (n) => /* @__PURE__ */ V("div", { className: H.iconWithLabel, children: [
-  /* @__PURE__ */ r(Fe, { type: "prev", ...n }),
+  /* @__PURE__ */ r(De, { type: "next", ...n })
+] }), Gt = (n) => /* @__PURE__ */ V("div", { className: H.iconWithLabel, children: [
+  /* @__PURE__ */ r(De, { type: "prev", ...n }),
   /* @__PURE__ */ r("span", { children: "Prev" })
-] }), Bt = (n) => /* @__PURE__ */ V("div", { className: H.iconWithLabel, children: [
-  /* @__PURE__ */ r(Fe, { type: "first", ...n }),
+] }), jt = (n) => /* @__PURE__ */ V("div", { className: H.iconWithLabel, children: [
+  /* @__PURE__ */ r(De, { type: "first", ...n }),
   /* @__PURE__ */ r("span", { children: "First" })
-] }), Et = (n) => /* @__PURE__ */ V("div", { className: H.iconWithLabel, children: [
+] }), Ht = (n) => /* @__PURE__ */ V("div", { className: H.iconWithLabel, children: [
   /* @__PURE__ */ r("span", { children: "Last" }),
-  /* @__PURE__ */ r(Fe, { type: "last", ...n })
+  /* @__PURE__ */ r(De, { type: "last", ...n })
 ] });
-function Ft(n) {
+function qt(n) {
   const e = {
     root: H.root,
     control: H.control,
@@ -2278,13 +2334,13 @@ function Ft(n) {
   const t = n.className;
   return { className: t ? `${H.root} ${t}` : H.root, classNames: e };
 }
-const Vt = b(
+const Ut = f(
   function({ overStyled: e = !1, ...a }, t) {
-    const o = m(a, e), s = Ft(
+    const o = m(a, e), s = qt(
       o
     );
     return /* @__PURE__ */ r(
-      ue.Root,
+      me.Root,
       {
         ref: t,
         className: s.className,
@@ -2294,11 +2350,11 @@ const Vt = b(
     );
   }
 );
-Vt.displayName = "Pagination.Root";
-const Dt = b(function({ overStyled: e = !1, withLabel: a, icon: t, ...o }, s) {
-  const l = m(o, e), i = t || (a ? Mt : void 0);
+Ut.displayName = "Pagination.Root";
+const Yt = f(function({ overStyled: e = !1, withLabel: a, icon: t, ...o }, s) {
+  const l = m(o, e), i = t || (a ? Dt : void 0);
   return /* @__PURE__ */ r(
-    ue.Next,
+    me.Next,
     {
       ref: s,
       "data-variant": "text",
@@ -2307,11 +2363,11 @@ const Dt = b(function({ overStyled: e = !1, withLabel: a, icon: t, ...o }, s) {
     }
   );
 });
-Dt.displayName = "Pagination.Next";
-const jt = b(function({ overStyled: e = !1, withLabel: a, icon: t, ...o }, s) {
-  const l = m(o, e), i = t || (a ? Rt : void 0);
+Yt.displayName = "Pagination.Next";
+const Zt = f(function({ overStyled: e = !1, withLabel: a, icon: t, ...o }, s) {
+  const l = m(o, e), i = t || (a ? Gt : void 0);
   return /* @__PURE__ */ r(
-    ue.Previous,
+    me.Previous,
     {
       ref: s,
       "data-variant": "text",
@@ -2320,11 +2376,11 @@ const jt = b(function({ overStyled: e = !1, withLabel: a, icon: t, ...o }, s) {
     }
   );
 });
-jt.displayName = "Pagination.Previous";
-const Gt = b(function({ overStyled: e = !1, withLabel: a, icon: t, ...o }, s) {
-  const l = m(o, e), i = t || (a ? Bt : void 0);
+Zt.displayName = "Pagination.Previous";
+const Kt = f(function({ overStyled: e = !1, withLabel: a, icon: t, ...o }, s) {
+  const l = m(o, e), i = t || (a ? jt : void 0);
   return /* @__PURE__ */ r(
-    ue.First,
+    me.First,
     {
       ref: s,
       "data-variant": "text",
@@ -2333,11 +2389,11 @@ const Gt = b(function({ overStyled: e = !1, withLabel: a, icon: t, ...o }, s) {
     }
   );
 });
-Gt.displayName = "Pagination.First";
-const Ht = b(function({ overStyled: e = !1, withLabel: a, icon: t, ...o }, s) {
-  const l = m(o, e), i = t || (a ? Et : void 0);
+Kt.displayName = "Pagination.First";
+const Xt = f(function({ overStyled: e = !1, withLabel: a, icon: t, ...o }, s) {
+  const l = m(o, e), i = t || (a ? Ht : void 0);
   return /* @__PURE__ */ r(
-    ue.Last,
+    me.Last,
     {
       ref: s,
       "data-variant": "text",
@@ -2346,22 +2402,22 @@ const Ht = b(function({ overStyled: e = !1, withLabel: a, icon: t, ...o }, s) {
     }
   );
 });
-Ht.displayName = "Pagination.Last";
-const qt = b(
+Xt.displayName = "Pagination.Last";
+const Qt = f(
   function({ overStyled: e = !1, getControlProps: a, withLabels: t, ...o }, s) {
-    const l = m(o, e), i = Ft(
+    const l = m(o, e), i = qt(
       l
     ), c = (p) => {
       const u = { "data-variant": "text" };
       return a ? { ...u, ...a(p) } : u;
     }, d = t ? {
-      nextIcon: Mt,
-      previousIcon: Rt,
-      firstIcon: Bt,
-      lastIcon: Et
+      nextIcon: Dt,
+      previousIcon: Gt,
+      firstIcon: jt,
+      lastIcon: Ht
     } : {};
     return /* @__PURE__ */ r(
-      ue,
+      me,
       {
         ref: s,
         className: i.className,
@@ -2373,23 +2429,23 @@ const qt = b(
     );
   }
 );
-qt.displayName = "Pagination";
-const Ut = b(function({ overStyled: e = !1, ...a }, t) {
+Qt.displayName = "Pagination";
+const Jt = f(function({ overStyled: e = !1, ...a }, t) {
   const o = m(a, e);
   return /* @__PURE__ */ r(
-    ue.Control,
+    me.Control,
     {
       ref: t,
       ...o
     }
   );
 });
-Ut.displayName = "Pagination.Control";
-const Yt = b(
+Jt.displayName = "Pagination.Control";
+const ea = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e);
     return /* @__PURE__ */ r(
-      ue.Dots,
+      me.Dots,
       {
         ref: t,
         ...o
@@ -2397,26 +2453,26 @@ const Yt = b(
     );
   }
 );
-Yt.displayName = "Pagination.Dots";
-const re = qt;
-re.Root = Vt;
-re.Items = ue.Items;
-re.Control = Ut;
-re.Dots = Yt;
-re.Next = Dt;
-re.Previous = jt;
-re.First = Gt;
-re.Last = Ht;
-re.Icon = Fe;
-const Yn = "Panel-module__content___wdGo-", Zn = "Panel-module__inner___ruA2b", Kn = "Panel-module__header___o7SiC", Xn = "Panel-module__title___181OP", Qn = "Panel-module__titleTruncate___fuP6V Panel-module__title___181OP", Jn = "Panel-module__body___SEC3T", el = "Panel-module__footer___t6-hz", ve = {
-  content: Yn,
-  inner: Zn,
-  header: Kn,
-  title: Xn,
-  titleTruncate: Qn,
-  body: Jn,
-  footer: el
-}, Zt = function({
+ea.displayName = "Pagination.Dots";
+const ne = Qt;
+ne.Root = Ut;
+ne.Items = me.Items;
+ne.Control = Jt;
+ne.Dots = ea;
+ne.Next = Yt;
+ne.Previous = Zt;
+ne.First = Kt;
+ne.Last = Xt;
+ne.Icon = De;
+const al = "Panel-module__content___wdGo-", sl = "Panel-module__inner___ruA2b", rl = "Panel-module__header___o7SiC", nl = "Panel-module__title___181OP", ll = "Panel-module__titleTruncate___fuP6V Panel-module__title___181OP", il = "Panel-module__body___SEC3T", cl = "Panel-module__footer___t6-hz", Ce = {
+  content: al,
+  inner: sl,
+  header: rl,
+  title: nl,
+  titleTruncate: ll,
+  body: il,
+  footer: cl
+}, oa = function({
   overStyled: e = !1,
   placement: a = "right",
   keepMounted: t = !0,
@@ -2424,11 +2480,11 @@ const Yn = "Panel-module__content___wdGo-", Zn = "Panel-module__inner___ruA2b",
   ...s
 }) {
   const l = m(s, e), i = {
-    content: ve.content,
-    header: ve.header,
-    title: o ? ve.titleTruncate : ve.title,
-    body: ve.body,
-    inner: ve.inner
+    content: Ce.content,
+    header: Ce.header,
+    title: o ? Ce.titleTruncate : Ce.title,
+    body: Ce.body,
+    inner: Ce.inner
   }, c = l.classNames;
   if (c && typeof c == "object" && !Array.isArray(c)) {
     const d = c;
@@ -2437,7 +2493,7 @@ const Yn = "Panel-module__content___wdGo-", Zn = "Panel-module__inner___ruA2b",
     });
   }
   return /* @__PURE__ */ r(
-    me,
+    _e,
     {
       position: a,
       keepMounted: t,
@@ -2447,19 +2503,19 @@ const Yn = "Panel-module__content___wdGo-", Zn = "Panel-module__inner___ruA2b",
     }
   );
 };
-Zt.displayName = "Panel";
-const wo = b(
+oa.displayName = "Panel";
+const go = f(
   function({ overStyled: e = !1, ...a }, t) {
-    const o = m(a, e), s = o.className, l = s ? `${ve.footer} ${s}` : ve.footer;
+    const o = m(a, e), s = o.className, l = s ? `${Ce.footer} ${s}` : Ce.footer;
     return /* @__PURE__ */ r("div", { ref: t, className: l, ...o });
   }
 );
-wo.displayName = "PanelFooter";
-const Kt = b(
+go.displayName = "PanelFooter";
+const ta = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e);
     return /* @__PURE__ */ r(
-      me.Root,
+      _e.Root,
       {
         ref: t,
         ...o
@@ -2467,12 +2523,12 @@ const Kt = b(
     );
   }
 );
-Kt.displayName = "PanelRoot";
-const Xt = b(
+ta.displayName = "PanelRoot";
+const aa = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e);
     return /* @__PURE__ */ r(
-      me.Overlay,
+      _e.Overlay,
       {
         ref: t,
         ...o
@@ -2480,12 +2536,12 @@ const Xt = b(
     );
   }
 );
-Xt.displayName = "PanelOverlay";
-const Qt = b(
+aa.displayName = "PanelOverlay";
+const sa = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e);
     return /* @__PURE__ */ r(
-      me.Content,
+      _e.Content,
       {
         ref: t,
         ...o
@@ -2493,12 +2549,12 @@ const Qt = b(
     );
   }
 );
-Qt.displayName = "PanelContent";
-const Jt = b(
+sa.displayName = "PanelContent";
+const ra = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e);
     return /* @__PURE__ */ r(
-      me.Header,
+      _e.Header,
       {
         ref: t,
         ...o
@@ -2506,12 +2562,12 @@ const Jt = b(
     );
   }
 );
-Jt.displayName = "PanelHeader";
-const ea = b(
+ra.displayName = "PanelHeader";
+const na = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e);
     return /* @__PURE__ */ r(
-      me.Title,
+      _e.Title,
       {
         ref: t,
         ...o
@@ -2519,23 +2575,23 @@ const ea = b(
     );
   }
 );
-ea.displayName = "PanelTitle";
-const oa = b(function({ overStyled: e = !1, ...a }, t) {
+na.displayName = "PanelTitle";
+const la = f(function({ overStyled: e = !1, ...a }, t) {
   const o = m(a, e);
   return /* @__PURE__ */ r(
-    me.CloseButton,
+    _e.CloseButton,
     {
       ref: t,
       ...o
     }
   );
 });
-oa.displayName = "PanelCloseButton";
-const ta = b(
+la.displayName = "PanelCloseButton";
+const ia = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e);
     return /* @__PURE__ */ r(
-      me.Body,
+      _e.Body,
       {
         ref: t,
         ...o
@@ -2543,28 +2599,28 @@ const ta = b(
     );
   }
 );
-ta.displayName = "PanelBody";
-const ne = Zt;
-ne.Root = Kt;
-ne.Overlay = Xt;
-ne.Content = Qt;
-ne.Header = Jt;
-ne.Title = ea;
-ne.CloseButton = oa;
-ne.Body = ta;
-ne.Stack = me.Stack;
-ne.Footer = wo;
-const ol = "Popover-module__dropdown___svhS6", tl = "Popover-module__arrow___5A-0e", Fo = {
-  dropdown: ol,
-  arrow: tl
-}, aa = function({
+ia.displayName = "PanelBody";
+const le = oa;
+le.Root = ta;
+le.Overlay = aa;
+le.Content = sa;
+le.Header = ra;
+le.Title = na;
+le.CloseButton = la;
+le.Body = ia;
+le.Stack = _e.Stack;
+le.Footer = go;
+const dl = "Popover-module__dropdown___svhS6", pl = "Popover-module__arrow___5A-0e", Vo = {
+  dropdown: dl,
+  arrow: pl
+}, ca = function({
   overStyled: e = !1,
   withBeak: a = !0,
   ...t
 }) {
   const o = m(t, e), s = {
-    dropdown: Fo.dropdown,
-    arrow: Fo.arrow
+    dropdown: Vo.dropdown,
+    arrow: Vo.arrow
   }, l = o.classNames;
   if (l && typeof l == "object" && !Array.isArray(l)) {
     const p = l;
@@ -2574,7 +2630,7 @@ const ol = "Popover-module__dropdown___svhS6", tl = "Popover-module__arrow___5A-
   }
   const i = o.arrowSize ?? 16, c = o.withArrow;
   return /* @__PURE__ */ r(
-    uo,
+    _o,
     {
       position: "top",
       arrowSize: i,
@@ -2584,38 +2640,38 @@ const ol = "Popover-module__dropdown___svhS6", tl = "Popover-module__arrow___5A-
     }
   );
 };
-aa.displayName = "Popover";
-const sa = function(e) {
-  return /* @__PURE__ */ r(uo.Target, { ...e });
+ca.displayName = "Popover";
+const da = function(e) {
+  return /* @__PURE__ */ r(_o.Target, { ...e });
 };
-sa.displayName = "PopoverTarget";
-const ra = function({
+da.displayName = "PopoverTarget";
+const pa = function({
   overStyled: e = !1,
   ...a
 }) {
   const t = m(a, e), o = t.className;
   return /* @__PURE__ */ r(
-    uo.Dropdown,
+    _o.Dropdown,
     {
       className: o,
       ...t
     }
   );
 };
-ra.displayName = "PopoverDropdown";
-const go = aa;
-go.Target = sa;
-go.Dropdown = ra;
-const al = "Radio-module__groupRoot___bfUii", sl = "Radio-module__root___kAjTD", rl = "Radio-module__body___q2Wpj", nl = "Radio-module__inner___QaTBB", ll = "Radio-module__radio___MfgN-", il = "Radio-module__icon___DWznm", cl = "Radio-module__labelWrapper___dB0Gi", dl = "Radio-module__label___vAFIP", F = {
-  groupRoot: al,
-  root: sl,
-  body: rl,
-  inner: nl,
-  radio: ll,
-  icon: il,
-  labelWrapper: cl,
-  label: dl
-}, So = b(
+pa.displayName = "PopoverDropdown";
+const So = ca;
+So.Target = da;
+So.Dropdown = pa;
+const ul = "Radio-module__groupRoot___bfUii", ml = "Radio-module__root___kAjTD", _l = "Radio-module__body___q2Wpj", yl = "Radio-module__inner___QaTBB", fl = "Radio-module__radio___MfgN-", bl = "Radio-module__icon___DWznm", Nl = "Radio-module__labelWrapper___dB0Gi", $l = "Radio-module__label___vAFIP", F = {
+  groupRoot: ul,
+  root: ml,
+  body: _l,
+  inner: yl,
+  radio: fl,
+  icon: bl,
+  labelWrapper: Nl,
+  label: $l
+}, Ao = f(
   function(e, a) {
     const {
       overStyled: t = !1,
@@ -2629,13 +2685,13 @@ const al = "Radio-module__groupRoot___bfUii", sl = "Radio-module__root___kAjTD",
       // Base Mantine Extracted Attributes
       label: p,
       description: u,
-      assistiveText: h,
+      assistiveText: $,
       assistiveWithIcon: y,
       error: _,
-      required: f,
+      required: b,
       withAsterisk: T,
       id: C,
-      className: $,
+      className: h,
       style: N,
       children: O,
       readOnly: v,
@@ -2646,9 +2702,9 @@ const al = "Radio-module__groupRoot___bfUii", sl = "Radio-module__root___kAjTD",
       ...W
     } = e, w = m(W, t), g = w;
     return delete g.size, /* @__PURE__ */ r(
-      te,
+      ae,
       {
-        className: $,
+        className: h,
         style: N,
         controlMaxWidth: "var(--recursica_ui-kit_components_radio-button-item_properties_max-width)",
         controlMinWidth: void 0,
@@ -2662,10 +2718,10 @@ const al = "Radio-module__groupRoot___bfUii", sl = "Radio-module__root___kAjTD",
         onLabelEditClick: d,
         label: p,
         description: u,
-        assistiveText: h,
+        assistiveText: $,
         assistiveWithIcon: y,
         error: _,
-        required: f,
+        required: b,
         withAsterisk: T,
         id: C,
         readOnly: v && !!z,
@@ -2675,7 +2731,7 @@ const al = "Radio-module__groupRoot___bfUii", sl = "Radio-module__root___kAjTD",
         readOnlyValue: A !== void 0 ? A : L,
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ r(
-          Ho.Group,
+          Uo.Group,
           {
             ref: a,
             ...w,
@@ -2689,8 +2745,8 @@ const al = "Radio-module__groupRoot___bfUii", sl = "Radio-module__root___kAjTD",
     );
   }
 );
-So.displayName = "RadioGroup";
-const pl = ({ className: n, style: e }) => /* @__PURE__ */ r(
+Ao.displayName = "RadioGroup";
+const hl = ({ className: n, style: e }) => /* @__PURE__ */ r(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -2700,7 +2756,7 @@ const pl = ({ className: n, style: e }) => /* @__PURE__ */ r(
     style: e,
     children: /* @__PURE__ */ r("circle", { cx: "8", cy: "8", r: "5" })
   }
-), Ao = b(
+), xo = f(
   function(e, a) {
     const {
       overStyled: t = !1,
@@ -2712,7 +2768,7 @@ const pl = ({ className: n, style: e }) => /* @__PURE__ */ r(
       controlMaxWidth: d,
       controlMinWidth: p,
       ...u
-    } = e, h = m(u, t), y = h;
+    } = e, $ = m(u, t), y = $;
     delete y.size, delete y.color, delete y.radius, delete y.variant, delete y.iconColor;
     const _ = {
       root: F.root,
@@ -2722,9 +2778,9 @@ const pl = ({ className: n, style: e }) => /* @__PURE__ */ r(
       icon: F.icon,
       labelWrapper: F.labelWrapper,
       label: F.label
-    }, f = y.classNames;
-    if (f && typeof f == "object" && !Array.isArray(f)) {
-      const N = f;
+    }, b = y.classNames;
+    if (b && typeof b == "object" && !Array.isArray(b)) {
+      const N = b;
       _.root = N.root ? `${F.root} ${N.root}` : F.root, _.body = N.body ? `${F.body} ${N.body}` : F.body, _.inner = N.inner ? `${F.inner} ${N.inner}` : F.inner, _.radio = N.radio ? `${F.radio} ${N.radio}` : F.radio, _.icon = N.icon ? `${F.icon} ${N.icon}` : F.icon, _.labelWrapper = N.labelWrapper ? `${F.labelWrapper} ${N.labelWrapper}` : F.labelWrapper, _.label = N.label ? `${F.label} ${N.label}` : F.label;
     }
     const T = y.className, C = T ? `${F.root} ${T}` : F.root;
@@ -2738,7 +2794,7 @@ const pl = ({ className: n, style: e }) => /* @__PURE__ */ r(
         }
       );
       return i ? /* @__PURE__ */ r(
-        de,
+        pe,
         {
           formLayout: i,
           labelSize: c,
@@ -2746,40 +2802,40 @@ const pl = ({ className: n, style: e }) => /* @__PURE__ */ r(
           controlMinWidth: p,
           children: v
         }
-      ) : /* @__PURE__ */ r(Ie, { children: v });
+      ) : /* @__PURE__ */ r(ke, { children: v });
     }
-    const $ = /* @__PURE__ */ r(
-      Ho,
+    const h = /* @__PURE__ */ r(
+      Uo,
       {
         ref: a,
-        icon: pl,
+        icon: hl,
         className: C,
         classNames: _,
         disabled: o || l,
-        ...h
+        ...$
       }
     );
     return i ? /* @__PURE__ */ r(
-      de,
+      pe,
       {
         formLayout: i,
         labelSize: c,
         controlMaxWidth: d,
         controlMinWidth: p,
-        children: $
+        children: h
       }
-    ) : $;
+    ) : h;
   }
 );
-Ao.displayName = "Radio";
-Ao.Group = So;
-const ul = "SegmentedControl-module__root___JFRhg", ml = "SegmentedControl-module__label___mS17q", _l = "SegmentedControl-module__control___znOdQ", yl = "SegmentedControl-module__indicator___ZMcJy", K = {
-  root: ul,
-  label: ml,
-  control: _l,
-  indicator: yl
+xo.displayName = "Radio";
+xo.Group = Ao;
+const vl = "SegmentedControl-module__root___JFRhg", Cl = "SegmentedControl-module__label___mS17q", Pl = "SegmentedControl-module__control___znOdQ", Tl = "SegmentedControl-module__indicator___ZMcJy", K = {
+  root: vl,
+  label: Cl,
+  control: Pl,
+  indicator: Tl
 };
-function bl(n) {
+function wl(n) {
   const e = {
     root: K.root,
     control: K.control,
@@ -2793,13 +2849,13 @@ function bl(n) {
   const t = n.className;
   return { className: t ? `${K.root} ${t}` : K.root, classNames: e };
 }
-const na = b(
+const ua = f(
   function({ overStyled: e = !1, orientation: a = "horizontal", fullWidth: t, ...o }, s) {
     const l = m(o, e), i = l;
     delete i.disabled;
-    const c = bl(i);
+    const c = wl(i);
     return /* @__PURE__ */ r(
-      as,
+      cs,
       {
         ref: s,
         className: c.className,
@@ -2812,23 +2868,23 @@ const na = b(
     );
   }
 );
-na.displayName = "SegmentedControl";
-const fl = na, Nl = "Slider-module__layoutOverride___zYPun", hl = "Slider-module__sliderContainer___y8I0J", $l = "Slider-module__sliderTrackWrapper___UHpVh", vl = "Slider-module__iconWrapper___uqHpC", Cl = "Slider-module__sliderRoot___LI86H", Pl = "Slider-module__sliderTrack___oqnlG", Tl = "Slider-module__sliderBar___TI4VY", wl = "Slider-module__sliderThumb___OFn8p", gl = "Slider-module__sliderMark___1lM2B", Sl = "Slider-module__minMaxGuide___TaGqz", Al = "Slider-module__rightGuideContainer___8dOT8", xl = "Slider-module__currentValue___dGV2T", Ol = "Slider-module__inputField___6x578", Ll = "Slider-module__readOnlyValue___-ZzMW", k = {
-  layoutOverride: Nl,
-  sliderContainer: hl,
-  sliderTrackWrapper: $l,
-  iconWrapper: vl,
-  sliderRoot: Cl,
-  sliderTrack: Pl,
-  sliderBar: Tl,
-  sliderThumb: wl,
-  sliderMark: gl,
-  minMaxGuide: Sl,
-  rightGuideContainer: Al,
-  currentValue: xl,
-  inputField: Ol,
-  readOnlyValue: Ll
-}, Wl = ({ value: n }) => /* @__PURE__ */ r("div", { className: k.readOnlyValue, children: n }), la = b(
+ua.displayName = "SegmentedControl";
+const gl = ua, Sl = "Slider-module__layoutOverride___zYPun", Al = "Slider-module__sliderContainer___y8I0J", xl = "Slider-module__sliderTrackWrapper___UHpVh", Ol = "Slider-module__iconWrapper___uqHpC", Ll = "Slider-module__sliderRoot___LI86H", Wl = "Slider-module__sliderTrack___oqnlG", Il = "Slider-module__sliderBar___TI4VY", kl = "Slider-module__sliderThumb___OFn8p", zl = "Slider-module__sliderMark___1lM2B", Ml = "Slider-module__minMaxGuide___TaGqz", Rl = "Slider-module__rightGuideContainer___8dOT8", Bl = "Slider-module__currentValue___dGV2T", El = "Slider-module__inputField___6x578", Fl = "Slider-module__readOnlyValue___-ZzMW", k = {
+  layoutOverride: Sl,
+  sliderContainer: Al,
+  sliderTrackWrapper: xl,
+  iconWrapper: Ol,
+  sliderRoot: Ll,
+  sliderTrack: Wl,
+  sliderBar: Il,
+  sliderThumb: kl,
+  sliderMark: zl,
+  minMaxGuide: Ml,
+  rightGuideContainer: Rl,
+  currentValue: Bl,
+  inputField: El,
+  readOnlyValue: Fl
+}, Vl = ({ value: n }) => /* @__PURE__ */ r("div", { className: k.readOnlyValue, children: n }), ma = f(
   function(e, a) {
     const {
       overStyled: t = !1,
@@ -2841,13 +2897,13 @@ const fl = na, Nl = "Slider-module__layoutOverride___zYPun", hl = "Slider-module
       labelActionArea: d,
       onLabelEditClick: p,
       label: u,
-      tooltipLabel: h,
+      tooltipLabel: $,
       assistiveText: y,
       assistiveWithIcon: _,
-      error: f,
+      error: b,
       required: T,
       withAsterisk: C,
-      id: $,
+      id: h,
       className: N,
       style: O,
       disabled: v,
@@ -2861,48 +2917,48 @@ const fl = na, Nl = "Slider-module__layoutOverride___zYPun", hl = "Slider-module
       showMinMaxLabels: I = !0,
       min: R = 0,
       max: S = 100,
-      step: Pe = 1,
-      onChange: Te,
+      step: Te = 1,
+      onChange: we,
       onChangeEnd: Y,
-      ...so
-    } = e, [ka, za] = lo(() => L !== void 0 ? L : W !== void 0 ? W : R), fe = L !== void 0 ? L : ka, [Ma, ro] = lo(
-      fe.toString()
+      ...no
+    } = e, [Fa, Va] = co(() => L !== void 0 ? L : W !== void 0 ? W : R), Ne = L !== void 0 ? L : Fa, [Da, lo] = co(
+      Ne.toString()
     );
-    He(() => {
-      ro(fe.toString());
-    }, [fe]);
-    const Io = (D) => {
-      L === void 0 && za(D), Te == null || Te(D);
-    }, Ra = (D) => {
-      const zo = D.target.value;
-      ro(zo);
-      const Mo = parseFloat(zo);
-      if (!isNaN(Mo)) {
-        const Va = Math.max(R, Math.min(S, Mo));
-        Io(Va);
+    Ue(() => {
+      lo(Ne.toString());
+    }, [Ne]);
+    const ko = (D) => {
+      L === void 0 && Va(D), we == null || we(D);
+    }, Ga = (D) => {
+      const Mo = D.target.value;
+      lo(Mo);
+      const Ro = parseFloat(Mo);
+      if (!isNaN(Ro)) {
+        const Ua = Math.max(R, Math.min(S, Ro));
+        ko(Ua);
       }
-    }, Ba = () => {
-      ro(fe.toString());
-    }, ko = m(so, t), ke = ko;
-    delete ke.size, delete ke.variant, delete ke.radius, delete ke.wrapperProps;
-    const we = {
+    }, ja = () => {
+      lo(Ne.toString());
+    }, zo = m(no, t), ze = zo;
+    delete ze.size, delete ze.variant, delete ze.radius, delete ze.wrapperProps;
+    const ge = {
       root: k.sliderRoot,
       track: k.sliderTrack,
       bar: k.sliderBar,
       thumb: k.sliderThumb,
       mark: k.sliderMark,
       markLabel: k.sliderMarkLabel
-    }, Ve = ke.classNames;
-    if (Ve && typeof Ve == "object" && !Array.isArray(Ve)) {
-      const D = Ve;
-      we.root = D.root ? `${k.sliderRoot} ${D.root}` : k.sliderRoot, we.track = D.track ? `${k.sliderTrack} ${D.track}` : k.sliderTrack, we.bar = D.bar ? `${k.sliderBar} ${D.bar}` : k.sliderBar, we.thumb = D.thumb ? `${k.sliderThumb} ${D.thumb}` : k.sliderThumb, we.mark = D.mark ? `${k.sliderMark} ${D.mark}` : k.sliderMark, we.markLabel = D.markLabel ? `${k.sliderMarkLabel} ${D.markLabel}` : k.sliderMarkLabel;
+    }, Ge = ze.classNames;
+    if (Ge && typeof Ge == "object" && !Array.isArray(Ge)) {
+      const D = Ge;
+      ge.root = D.root ? `${k.sliderRoot} ${D.root}` : k.sliderRoot, ge.track = D.track ? `${k.sliderTrack} ${D.track}` : k.sliderTrack, ge.bar = D.bar ? `${k.sliderBar} ${D.bar}` : k.sliderBar, ge.thumb = D.thumb ? `${k.sliderThumb} ${D.thumb}` : k.sliderThumb, ge.mark = D.mark ? `${k.sliderMark} ${D.mark}` : k.sliderMark, ge.markLabel = D.markLabel ? `${k.sliderMarkLabel} ${D.markLabel}` : k.sliderMarkLabel;
     }
-    const Ea = N ? `${k.layoutOverride} ${N}` : k.layoutOverride, Fa = w ? /* @__PURE__ */ r("span", { className: k.iconWrapper, "aria-hidden": !0, children: w }) : null;
+    const Ha = N ? `${k.layoutOverride} ${N}` : k.layoutOverride, qa = w ? /* @__PURE__ */ r("span", { className: k.iconWrapper, "aria-hidden": !0, children: w }) : null;
     return /* @__PURE__ */ r(
-      te,
+      ae,
       {
         ref: a,
-        className: Ea,
+        className: Ha,
         style: O,
         controlMaxWidth: void 0,
         controlMinWidth: void 0,
@@ -2917,43 +2973,43 @@ const fl = na, Nl = "Slider-module__layoutOverride___zYPun", hl = "Slider-module
         label: u,
         assistiveText: y,
         assistiveWithIcon: _,
-        error: f,
+        error: b,
         required: T,
         withAsterisk: C,
-        id: $,
+        id: h,
         readOnly: z,
-        readOnlyComponent: x || Wl,
+        readOnlyComponent: x || Vl,
         emptyValueComponent: A,
         readOnlyType: "text",
-        readOnlyValue: fe,
-        readOnlyNativeProps: { value: fe },
+        readOnlyValue: Ne,
+        readOnlyNativeProps: { value: Ne },
         activeComponent: /* @__PURE__ */ V(
           "div",
           {
             className: k.sliderContainer,
             "data-form-layout": o,
             "data-disabled": v ? "true" : void 0,
-            "data-error": f ? "true" : void 0,
+            "data-error": b ? "true" : void 0,
             children: [
-              Fa,
+              qa,
               I && /* @__PURE__ */ r("span", { className: k.minMaxGuide, children: R }),
               /* @__PURE__ */ r("div", { className: k.sliderTrackWrapper, children: /* @__PURE__ */ r(
-                ss,
+                ds,
                 {
-                  classNames: we,
+                  classNames: ge,
                   disabled: v,
-                  value: fe,
-                  onChange: Io,
+                  value: Ne,
+                  onChange: ko,
                   onChangeEnd: Y,
                   min: R,
                   max: S,
-                  step: Pe,
-                  label: h,
-                  ...ko
+                  step: Te,
+                  label: $,
+                  ...zo
                 }
               ) }),
               /* @__PURE__ */ V("div", { className: k.rightGuideContainer, children: [
-                !g && /* @__PURE__ */ r("span", { className: k.currentValue, children: fe }),
+                !g && /* @__PURE__ */ r("span", { className: k.currentValue, children: Ne }),
                 I && /* @__PURE__ */ r("span", { className: k.minMaxGuide, children: S })
               ] }),
               g && /* @__PURE__ */ r(
@@ -2961,14 +3017,14 @@ const fl = na, Nl = "Slider-module__layoutOverride___zYPun", hl = "Slider-module
                 {
                   type: "number",
                   className: k.inputField,
-                  value: Ma,
-                  onChange: Ra,
-                  onBlur: Ba,
+                  value: Da,
+                  onChange: Ga,
+                  onBlur: ja,
                   min: R,
                   max: S,
-                  step: Pe,
+                  step: Te,
                   disabled: v,
-                  "data-error": f ? "true" : void 0
+                  "data-error": b ? "true" : void 0
                 }
               )
             ]
@@ -2978,47 +3034,47 @@ const fl = na, Nl = "Slider-module__layoutOverride___zYPun", hl = "Slider-module
     );
   }
 );
-la.displayName = "Slider";
-const Il = "Stack-module__root___NUN-x", Ee = {
-  root: Il
-}, ia = b(function({ children: e, gap: a = "rec-default", ...t }, o) {
+ma.displayName = "Slider";
+const Dl = "Stack-module__root___NUN-x", Fe = {
+  root: Dl
+}, _a = f(function({ children: e, gap: a = "rec-default", ...t }, o) {
   const s = {
-    root: Ee.root
+    root: Fe.root
   }, l = t.classNames;
   if (l && typeof l == "object" && !Array.isArray(l)) {
     const d = l;
-    s.root = d.root ? `${Ee.root} ${d.root}` : Ee.root;
+    s.root = d.root ? `${Fe.root} ${d.root}` : Fe.root;
   }
-  const i = t.className, c = i ? `${Ee.root} ${i}` : Ee.root;
+  const i = t.className, c = i ? `${Fe.root} ${i}` : Fe.root;
   return /* @__PURE__ */ r(
-    rs,
+    ps,
     {
       ref: o,
       className: c,
       classNames: s,
-      ...yo({ gap: a, ...t }),
+      ...Ve({ gap: a, ...t }),
       children: e
     }
   );
 });
-ia.displayName = "Stack";
-const kl = ae(ia), zl = "Stepper-module__root___jbSYO", Ml = "Stepper-module__horizontal___USHT1", Rl = "Stepper-module__steps___4HPO6", Bl = "Stepper-module__step___s2nqL", El = "Stepper-module__stepBody___TBvys", Fl = "Stepper-module__stepLabel___N6nuy", Vl = "Stepper-module__stepDescription___DnDAy", Dl = "Stepper-module__separator___pU0No", jl = "Stepper-module__vertical___d4mOs", Gl = "Stepper-module__large___J18-y", Hl = "Stepper-module__small___Ub-zb", ql = "Stepper-module__stepIcon___YQHNq", Ul = "Stepper-module__stepCompletedIcon___B9MeL", Yl = "Stepper-module__verticalSeparator___frWc1", Zl = "Stepper-module__content___J-h8X", U = {
-  root: zl,
-  horizontal: Ml,
-  steps: Rl,
-  step: Bl,
-  stepBody: El,
-  stepLabel: Fl,
-  stepDescription: Vl,
-  separator: Dl,
-  vertical: jl,
-  large: Gl,
-  small: Hl,
-  stepIcon: ql,
-  stepCompletedIcon: Ul,
-  verticalSeparator: Yl,
-  content: Zl
-}, ca = b(
+_a.displayName = "Stack";
+const Gl = ee(_a), jl = "Stepper-module__root___jbSYO", Hl = "Stepper-module__horizontal___USHT1", ql = "Stepper-module__steps___4HPO6", Ul = "Stepper-module__step___s2nqL", Yl = "Stepper-module__stepBody___TBvys", Zl = "Stepper-module__stepLabel___N6nuy", Kl = "Stepper-module__stepDescription___DnDAy", Xl = "Stepper-module__separator___pU0No", Ql = "Stepper-module__vertical___d4mOs", Jl = "Stepper-module__large___J18-y", ei = "Stepper-module__small___Ub-zb", oi = "Stepper-module__stepIcon___YQHNq", ti = "Stepper-module__stepCompletedIcon___B9MeL", ai = "Stepper-module__verticalSeparator___frWc1", si = "Stepper-module__content___J-h8X", U = {
+  root: jl,
+  horizontal: Hl,
+  steps: ql,
+  step: Ul,
+  stepBody: Yl,
+  stepLabel: Zl,
+  stepDescription: Kl,
+  separator: Xl,
+  vertical: Ql,
+  large: Jl,
+  small: ei,
+  stepIcon: oi,
+  stepCompletedIcon: ti,
+  verticalSeparator: ai,
+  content: si
+}, ya = f(
   function(e, a) {
     const {
       overStyled: t = !1,
@@ -3029,7 +3085,7 @@ const kl = ae(ia), zl = "Stepper-module__root___jbSYO", Ml = "Stepper-module__ho
       ...c
     } = e, d = m(c, t);
     return /* @__PURE__ */ r(
-      mo,
+      yo,
       {
         ref: a,
         orientation: s,
@@ -3053,11 +3109,11 @@ const kl = ae(ia), zl = "Stepper-module__root___jbSYO", Ml = "Stepper-module__ho
       }
     );
   }
-), da = b(
+), fa = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e);
     return /* @__PURE__ */ r(
-      mo.Step,
+      yo.Step,
       {
         ref: t,
         ...o
@@ -3065,26 +3121,26 @@ const kl = ae(ia), zl = "Stepper-module__root___jbSYO", Ml = "Stepper-module__ho
     );
   }
 );
-da.displayName = "Stepper.Step";
-const Kl = Object.assign(ca, {
-  Step: da,
+fa.displayName = "Stepper.Step";
+const ri = Object.assign(ya, {
+  Step: fa,
   // Stepper.Completed only accepts `children` — no styling props to strip,
   // so re-exporting Mantine's implementation directly is not a gap.
-  Completed: mo.Completed
+  Completed: yo.Completed
 });
-ca.displayName = "Stepper";
-const Xl = "Switch-module__root___Y5Ydi", Ql = "Switch-module__body___Sw9Wr", Jl = "Switch-module__track___7ObdZ", ei = "Switch-module__thumb___-FTeK", oi = "Switch-module__labelWrapper___YSOwx", ti = "Switch-module__label___LrH7V", ai = "Switch-module__thumbIconWrapper___sCY-1", si = "Switch-module__checkIcon___ZBAQN", ri = "Switch-module__closeIcon___bLLGw", ni = "Switch-module__groupRoot___-Uepi", M = {
-  root: Xl,
-  body: Ql,
-  track: Jl,
-  thumb: ei,
-  labelWrapper: oi,
-  label: ti,
-  thumbIconWrapper: ai,
-  checkIcon: si,
-  closeIcon: ri,
-  groupRoot: ni
-}, xo = b(
+ya.displayName = "Stepper";
+const ni = "Switch-module__root___Y5Ydi", li = "Switch-module__body___Sw9Wr", ii = "Switch-module__track___7ObdZ", ci = "Switch-module__thumb___-FTeK", di = "Switch-module__labelWrapper___YSOwx", pi = "Switch-module__label___LrH7V", ui = "Switch-module__thumbIconWrapper___sCY-1", mi = "Switch-module__checkIcon___ZBAQN", _i = "Switch-module__closeIcon___bLLGw", yi = "Switch-module__groupRoot___-Uepi", M = {
+  root: ni,
+  body: li,
+  track: ii,
+  thumb: ci,
+  labelWrapper: di,
+  label: pi,
+  thumbIconWrapper: ui,
+  checkIcon: mi,
+  closeIcon: _i,
+  groupRoot: yi
+}, Oo = f(
   function(e, a) {
     const {
       overStyled: t = !1,
@@ -3098,13 +3154,13 @@ const Xl = "Switch-module__root___Y5Ydi", Ql = "Switch-module__body___Sw9Wr", Jl
       // Base Mantine Extracted Attributes
       label: p,
       description: u,
-      assistiveText: h,
+      assistiveText: $,
       assistiveWithIcon: y,
       error: _,
-      required: f,
+      required: b,
       withAsterisk: T,
       id: C,
-      className: $,
+      className: h,
       style: N,
       children: O,
       readOnly: v,
@@ -3115,9 +3171,9 @@ const Xl = "Switch-module__root___Y5Ydi", Ql = "Switch-module__body___Sw9Wr", Jl
       ...W
     } = e, w = m(W, t), g = w;
     return delete g.size, /* @__PURE__ */ r(
-      te,
+      ae,
       {
-        className: $,
+        className: h,
         style: N,
         controlMaxWidth: "var(--recursica_ui-kit_components_switch-item_properties_label-max-width)",
         controlMinWidth: void 0,
@@ -3131,10 +3187,10 @@ const Xl = "Switch-module__root___Y5Ydi", Ql = "Switch-module__body___Sw9Wr", Jl
         onLabelEditClick: d,
         label: p,
         description: u,
-        assistiveText: h,
+        assistiveText: $,
         assistiveWithIcon: y,
         error: _,
-        required: f,
+        required: b,
         withAsterisk: T,
         id: C,
         readOnly: v && !!z,
@@ -3144,7 +3200,7 @@ const Xl = "Switch-module__root___Y5Ydi", Ql = "Switch-module__body___Sw9Wr", Jl
         readOnlyValue: A !== void 0 ? A : L,
         readOnlyNativeProps: e,
         activeComponent: /* @__PURE__ */ r(
-          qo.Group,
+          Yo.Group,
           {
             ref: a,
             ...w,
@@ -3158,8 +3214,8 @@ const Xl = "Switch-module__root___Y5Ydi", Ql = "Switch-module__body___Sw9Wr", Jl
     );
   }
 );
-xo.displayName = "SwitchGroup";
-const Oo = b(
+Oo.displayName = "SwitchGroup";
+const Lo = f(
   function(e, a) {
     const {
       overStyled: t = !1,
@@ -3171,10 +3227,10 @@ const Oo = b(
       labelSize: d,
       controlMaxWidth: p,
       controlMinWidth: u,
-      ...h
-    } = e, y = m(h, t), _ = y;
+      ...$
+    } = e, y = m($, t), _ = y;
     delete _.size, delete _.color, delete _.radius, delete _.variant;
-    const f = {
+    const b = {
       root: M.root,
       body: M.body,
       track: M.track,
@@ -3185,9 +3241,9 @@ const Oo = b(
     }, T = _.classNames;
     if (T && typeof T == "object" && !Array.isArray(T)) {
       const v = T;
-      f.root = v.root ? `${M.root} ${v.root}` : M.root, f.body = v.body ? `${M.body} ${v.body}` : M.body, f.track = v.track ? `${M.track} ${v.track}` : M.track, f.thumb = v.thumb ? `${M.thumb} ${v.thumb}` : M.thumb, f.trackLabel = v.trackLabel ? `${M.trackLabel} ${v.trackLabel}` : M.trackLabel, f.labelWrapper = v.labelWrapper ? `${M.labelWrapper} ${v.labelWrapper}` : M.labelWrapper, f.label = v.label ? `${M.label} ${v.label}` : M.label;
+      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 C = _.className, $ = C ? `${M.root} ${C}` : M.root;
+    const C = _.className, h = C ? `${M.root} ${C}` : M.root;
     if (o && s) {
       const v = !!(_.checked ?? _.defaultChecked), x = /* @__PURE__ */ r(
         s,
@@ -3198,7 +3254,7 @@ const Oo = b(
         }
       );
       return c ? /* @__PURE__ */ r(
-        de,
+        pe,
         {
           formLayout: c,
           labelSize: d,
@@ -3206,17 +3262,17 @@ const Oo = b(
           controlMinWidth: u,
           children: x
         }
-      ) : /* @__PURE__ */ r(Ie, { children: x });
+      ) : /* @__PURE__ */ r(ke, { children: x });
     }
     const N = /* @__PURE__ */ V("div", { className: M.thumbIconWrapper, children: [
-      /* @__PURE__ */ r(ns, { className: M.checkIcon }),
-      /* @__PURE__ */ r(ls, { className: M.closeIcon })
+      /* @__PURE__ */ r(us, { className: M.checkIcon }),
+      /* @__PURE__ */ r(ms, { className: M.closeIcon })
     ] }), O = /* @__PURE__ */ r(
-      qo,
+      Yo,
       {
         ref: a,
-        className: $,
-        classNames: f,
+        className: h,
+        classNames: b,
         disabled: o || l,
         "data-disabled": o || l || void 0,
         thumbIcon: i ?? N,
@@ -3224,7 +3280,7 @@ const Oo = b(
       }
     );
     return c ? /* @__PURE__ */ r(
-      de,
+      pe,
       {
         formLayout: c,
         labelSize: d,
@@ -3235,14 +3291,14 @@ const Oo = b(
     ) : O;
   }
 );
-Oo.displayName = "Switch";
-Oo.Group = xo;
-const li = "Table-module__root___aMWWS", ii = {
-  root: li
-}, pa = b(function({ overStyled: e = !1, ...a }, t) {
-  const o = m(a, e), s = o.className, l = ii.root, i = s ? `${l} ${s}` : l;
+Lo.displayName = "Switch";
+Lo.Group = Oo;
+const fi = "Table-module__root___aMWWS", bi = {
+  root: fi
+}, ba = f(function({ overStyled: e = !1, ...a }, t) {
+  const o = m(a, e), s = o.className, l = bi.root, i = s ? `${l} ${s}` : l;
   return /* @__PURE__ */ r(
-    _e,
+    ye,
     {
       ref: t,
       className: i,
@@ -3250,12 +3306,12 @@ const li = "Table-module__root___aMWWS", ii = {
     }
   );
 });
-pa.displayName = "Table";
-const ua = b(
+ba.displayName = "Table";
+const Na = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e);
     return /* @__PURE__ */ r(
-      _e.Thead,
+      ye.Thead,
       {
         ref: t,
         ...o
@@ -3263,12 +3319,12 @@ const ua = b(
     );
   }
 );
-ua.displayName = "TableThead";
-const ma = b(
+Na.displayName = "TableThead";
+const $a = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e);
     return /* @__PURE__ */ r(
-      _e.Tbody,
+      ye.Tbody,
       {
         ref: t,
         ...o
@@ -3276,12 +3332,12 @@ const ma = b(
     );
   }
 );
-ma.displayName = "TableTbody";
-const _a = b(
+$a.displayName = "TableTbody";
+const ha = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e);
     return /* @__PURE__ */ r(
-      _e.Tr,
+      ye.Tr,
       {
         ref: t,
         ...o
@@ -3289,12 +3345,12 @@ const _a = b(
     );
   }
 );
-_a.displayName = "TableTr";
-const ya = b(
+ha.displayName = "TableTr";
+const va = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e);
     return /* @__PURE__ */ r(
-      _e.Th,
+      ye.Th,
       {
         ref: t,
         ...o
@@ -3302,12 +3358,12 @@ const ya = b(
     );
   }
 );
-ya.displayName = "TableTh";
-const ba = b(
+va.displayName = "TableTh";
+const Ca = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e);
     return /* @__PURE__ */ r(
-      _e.Td,
+      ye.Td,
       {
         ref: t,
         ...o
@@ -3315,12 +3371,12 @@ const ba = b(
     );
   }
 );
-ba.displayName = "TableTd";
-const fa = b(
+Ca.displayName = "TableTd";
+const Pa = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e);
     return /* @__PURE__ */ r(
-      _e.Tfoot,
+      ye.Tfoot,
       {
         ref: t,
         ...o
@@ -3328,44 +3384,44 @@ const fa = b(
     );
   }
 );
-fa.displayName = "TableTfoot";
-const Na = b(function({ overStyled: e = !1, ...a }, t) {
+Pa.displayName = "TableTfoot";
+const Ta = f(function({ overStyled: e = !1, ...a }, t) {
   const o = m(a, e);
   return /* @__PURE__ */ r(
-    _e.Caption,
+    ye.Caption,
     {
       ref: t,
       ...o
     }
   );
 });
-Na.displayName = "TableCaption";
-const ha = b(function({ overStyled: e = !1, ...a }, t) {
+Ta.displayName = "TableCaption";
+const wa = f(function({ overStyled: e = !1, ...a }, t) {
   const o = m(a, e);
   return /* @__PURE__ */ r(
-    _e.ScrollContainer,
+    ye.ScrollContainer,
     {
       ref: t,
       ...o
     }
   );
 });
-ha.displayName = "TableScrollContainer";
-const be = pa;
-be.Thead = ua;
-be.Tbody = ma;
-be.Tr = _a;
-be.Th = ya;
-be.Td = ba;
-be.Tfoot = fa;
-be.Caption = Na;
-be.ScrollContainer = ha;
-const ci = "Tabs-module__root___-VKVI", di = "Tabs-module__list___qRVME", pi = "Tabs-module__tab___IdDYc", ui = "Tabs-module__panel___08i9c", je = {
-  root: ci,
-  list: di,
-  tab: pi,
-  panel: ui
-}, $a = b(function(e, a) {
+wa.displayName = "TableScrollContainer";
+const be = ba;
+be.Thead = Na;
+be.Tbody = $a;
+be.Tr = ha;
+be.Th = va;
+be.Td = Ca;
+be.Tfoot = Pa;
+be.Caption = Ta;
+be.ScrollContainer = wa;
+const Ni = "Tabs-module__root___-VKVI", $i = "Tabs-module__list___qRVME", hi = "Tabs-module__tab___IdDYc", vi = "Tabs-module__panel___08i9c", He = {
+  root: Ni,
+  list: $i,
+  tab: hi,
+  panel: vi
+}, ga = f(function(e, a) {
   const {
     variant: t = "default",
     orientation: o = "horizontal",
@@ -3374,29 +3430,29 @@ const ci = "Tabs-module__root___-VKVI", di = "Tabs-module__list___qRVME", pi = "
     ...i
   } = e, c = m(i, s);
   return /* @__PURE__ */ r(
-    Qe,
+    eo,
     {
       ref: a,
       variant: t,
       orientation: o,
-      className: `${je.root} ${l || ""}`,
+      className: `${He.root} ${l || ""}`,
       "data-variant": t,
       "data-orientation": o,
       classNames: {
-        list: je.list,
-        tab: je.tab,
-        panel: je.panel
+        list: He.list,
+        tab: He.tab,
+        panel: He.panel
       },
       ...c
     }
   );
 });
-$a.displayName = "Tabs";
-const va = b(
+ga.displayName = "Tabs";
+const Sa = f(
   function(e, a) {
     const { overStyled: t = !1, ...o } = e;
     return /* @__PURE__ */ r(
-      Qe.List,
+      eo.List,
       {
         ref: a,
         ...m(o, t)
@@ -3404,12 +3460,12 @@ const va = b(
     );
   }
 );
-va.displayName = "Tabs.List";
-const Ca = b(
+Sa.displayName = "Tabs.List";
+const Aa = f(
   function(e, a) {
     const { overStyled: t = !1, ...o } = e;
     return /* @__PURE__ */ r(
-      Qe.Tab,
+      eo.Tab,
       {
         ref: a,
         ...m(o, t)
@@ -3417,12 +3473,12 @@ const Ca = b(
     );
   }
 );
-Ca.displayName = "Tabs.Tab";
-const Pa = b(
+Aa.displayName = "Tabs.Tab";
+const xa = f(
   function(e, a) {
     const { overStyled: t = !1, ...o } = e;
     return /* @__PURE__ */ r(
-      Qe.Panel,
+      eo.Panel,
       {
         ref: a,
         ...m(o, t)
@@ -3430,15 +3486,15 @@ const Pa = b(
     );
   }
 );
-Pa.displayName = "Tabs.Panel";
-const mi = Object.assign($a, {
-  List: va,
-  Tab: Ca,
-  Panel: Pa
-}), Ta = b(function({ overStyled: e = !1, variant: a = "body", ...t }, o) {
+xa.displayName = "Tabs.Panel";
+const Ci = Object.assign(ga, {
+  List: Sa,
+  Tab: Aa,
+  Panel: xa
+}), Oa = f(function({ overStyled: e = !1, variant: a = "body", ...t }, o) {
   const s = m(t, e), l = s.className, i = `recursica_brand_typography_${a}`, c = l ? `${i} ${l}` : i;
   return /* @__PURE__ */ r(
-    is,
+    _s,
     {
       ref: o,
       className: c,
@@ -3446,12 +3502,12 @@ const mi = Object.assign($a, {
     }
   );
 });
-Ta.displayName = "Text";
-const _i = ae(Ta), yi = "TextArea-module__layoutOverride___4MCdm", bi = "TextArea-module__root___3dyeu", fi = "TextArea-module__input___8l36v", he = {
-  layoutOverride: yi,
-  root: bi,
-  input: fi
-}, wa = b(
+Oa.displayName = "Text";
+const Pi = ee(Oa), Ti = "TextArea-module__layoutOverride___4MCdm", wi = "TextArea-module__root___3dyeu", gi = "TextArea-module__input___8l36v", he = {
+  layoutOverride: Ti,
+  root: wi,
+  input: gi
+}, La = f(
   function(e, a) {
     const {
       overStyled: t = !1,
@@ -3464,13 +3520,13 @@ const _i = ae(Ta), yi = "TextArea-module__layoutOverride___4MCdm", bi = "TextAre
       onLabelEditClick: d,
       label: p,
       assistiveText: u,
-      assistiveWithIcon: h,
+      assistiveWithIcon: $,
       error: y,
       required: _,
-      withAsterisk: f,
+      withAsterisk: b,
       id: T,
       className: C,
-      style: $,
+      style: h,
       disabled: N,
       readOnly: O,
       readOnlyComponent: v,
@@ -3491,10 +3547,10 @@ const _i = ae(Ta), yi = "TextArea-module__layoutOverride___4MCdm", bi = "TextAre
     }
     const R = C ? `${he.layoutOverride} ${C}` : he.layoutOverride;
     return /* @__PURE__ */ r(
-      te,
+      ae,
       {
         className: R,
-        style: $,
+        style: h,
         controlMaxWidth: "var(--recursica_ui-kit_components_textarea_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_textarea_properties_min-width)",
         overStyled: t,
@@ -3506,10 +3562,10 @@ const _i = ae(Ta), yi = "TextArea-module__layoutOverride___4MCdm", bi = "TextAre
         onLabelEditClick: d,
         label: p,
         assistiveText: u,
-        assistiveWithIcon: h,
+        assistiveWithIcon: $,
         error: y,
         required: _,
-        withAsterisk: f,
+        withAsterisk: b,
         id: T,
         readOnly: O,
         readOnlyComponent: v,
@@ -3520,7 +3576,7 @@ const _i = ae(Ta), yi = "TextArea-module__layoutOverride___4MCdm", bi = "TextAre
         activeComponent: (
           /* Naked Input execution safely decoupled from Mantine's macro Input.Wrapper DOM hooks */
           /* @__PURE__ */ r(
-            cs,
+            ys,
             {
               ref: a,
               classNames: g,
@@ -3544,13 +3600,13 @@ const _i = ae(Ta), yi = "TextArea-module__layoutOverride___4MCdm", bi = "TextAre
     );
   }
 );
-wa.displayName = "TextArea";
-const Ni = "TextField-module__layoutOverride___SNZqc", hi = "TextField-module__root___2ZYkG", $i = "TextField-module__input___RL-My", vi = "TextField-module__section___bCIJ0", oe = {
-  layoutOverride: Ni,
-  root: hi,
-  input: $i,
-  section: vi
-}, ga = b(
+La.displayName = "TextArea";
+const Si = "TextField-module__layoutOverride___SNZqc", Ai = "TextField-module__root___2ZYkG", xi = "TextField-module__input___RL-My", Oi = "TextField-module__section___bCIJ0", te = {
+  layoutOverride: Si,
+  root: Ai,
+  input: xi,
+  section: Oi
+}, Wa = f(
   function(e, a) {
     const {
       overStyled: t = !1,
@@ -3563,13 +3619,13 @@ const Ni = "TextField-module__layoutOverride___SNZqc", hi = "TextField-module__r
       onLabelEditClick: d,
       label: p,
       assistiveText: u,
-      assistiveWithIcon: h,
+      assistiveWithIcon: $,
       error: y,
       required: _,
-      withAsterisk: f,
+      withAsterisk: b,
       id: T,
       className: C,
-      style: $,
+      style: h,
       disabled: N,
       readOnly: O,
       readOnlyComponent: v,
@@ -3580,21 +3636,21 @@ const Ni = "TextField-module__layoutOverride___SNZqc", hi = "TextField-module__r
     } = e, W = m(L, t), w = W;
     delete w.size, delete w.variant, delete w.radius;
     const g = {
-      wrapper: oe.root,
+      wrapper: te.root,
       // The nested Input internal relative wrapper bounding box
-      input: oe.input,
-      section: oe.section
+      input: te.input,
+      section: te.section
     }, I = w.classNames;
     if (I && typeof I == "object" && !Array.isArray(I)) {
       const S = I;
-      g.wrapper = S.wrapper ? `${oe.root} ${S.wrapper}` : oe.root, g.input = S.input ? `${oe.input} ${S.input}` : oe.input, g.section = S.section ? `${oe.section} ${S.section}` : oe.section;
+      g.wrapper = S.wrapper ? `${te.root} ${S.wrapper}` : te.root, g.input = S.input ? `${te.input} ${S.input}` : te.input, g.section = S.section ? `${te.section} ${S.section}` : te.section;
     }
-    const R = C ? `${oe.layoutOverride} ${C}` : oe.layoutOverride;
+    const R = C ? `${te.layoutOverride} ${C}` : te.layoutOverride;
     return /* @__PURE__ */ r(
-      te,
+      ae,
       {
         className: R,
-        style: $,
+        style: h,
         controlMaxWidth: "var(--recursica_ui-kit_components_text-field_properties_max-width)",
         controlMinWidth: "var(--recursica_ui-kit_components_text-field_properties_min-width)",
         overStyled: t,
@@ -3606,10 +3662,10 @@ const Ni = "TextField-module__layoutOverride___SNZqc", hi = "TextField-module__r
         onLabelEditClick: d,
         label: p,
         assistiveText: u,
-        assistiveWithIcon: h,
+        assistiveWithIcon: $,
         error: y,
         required: _,
-        withAsterisk: f,
+        withAsterisk: b,
         id: T,
         readOnly: O,
         readOnlyComponent: v,
@@ -3639,17 +3695,17 @@ const Ni = "TextField-module__layoutOverride___SNZqc", hi = "TextField-module__r
     );
   }
 );
-ga.displayName = "TextField";
-const Ci = (n) => /* @__PURE__ */ r("div", { ...n, children: "TimePicker" }), Pi = "Timeline-module__root___LwRdZ", Ti = "Timeline-module__item___T5xdQ", wi = "Timeline-module__itemBody___XAV-E", gi = "Timeline-module__itemBullet___rPXCy", Si = "Timeline-module__itemTitle___GgRRW", Ai = "Timeline-module__itemContent___vurs-", xi = "Timeline-module__description___f9sxV", Oi = "Timeline-module__timestamp___owiRu", $e = {
-  root: Pi,
-  item: Ti,
-  itemBody: wi,
-  itemBullet: gi,
-  itemTitle: Si,
-  itemContent: Ai,
-  description: xi,
-  timestamp: Oi
-}, Lo = B.forwardRef(
+Wa.displayName = "TextField";
+const Li = (n) => /* @__PURE__ */ r("div", { ...n, children: "TimePicker" }), Wi = "Timeline-module__root___LwRdZ", Ii = "Timeline-module__item___T5xdQ", ki = "Timeline-module__itemBody___XAV-E", zi = "Timeline-module__itemBullet___rPXCy", Mi = "Timeline-module__itemTitle___GgRRW", Ri = "Timeline-module__itemContent___vurs-", Bi = "Timeline-module__description___f9sxV", Ei = "Timeline-module__timestamp___owiRu", ve = {
+  root: Wi,
+  item: Ii,
+  itemBody: ki,
+  itemBullet: zi,
+  itemTitle: Mi,
+  itemContent: Ri,
+  description: Bi,
+  timestamp: Ei
+}, Wo = B.forwardRef(
   function({
     overStyled: e = !1,
     timestamp: a,
@@ -3658,24 +3714,24 @@ const Ci = (n) => /* @__PURE__ */ r("div", { ...n, children: "TimePicker" }), Pi
     ...s
   }, l) {
     const i = m(s, e), c = {
-      item: $e.item,
-      itemBody: $e.itemBody,
-      itemContent: $e.itemContent,
-      itemBullet: $e.itemBullet,
-      itemTitle: $e.itemTitle
+      item: ve.item,
+      itemBody: ve.itemBody,
+      itemContent: ve.itemContent,
+      itemBullet: ve.itemBullet,
+      itemTitle: ve.itemTitle
     }, d = i.classNames;
     if (d && typeof d == "object" && !Array.isArray(d)) {
       const u = d;
-      Object.keys(u).forEach((h) => {
-        c[h] ? c[h] = `${c[h]} ${u[h]}` : c[h] = u[h];
+      Object.keys(u).forEach(($) => {
+        c[$] ? c[$] = `${c[$]} ${u[$]}` : c[$] = u[$];
       });
     }
-    const p = a ? /* @__PURE__ */ V(Ie, { children: [
-      o && /* @__PURE__ */ r("div", { className: $e.description, children: o }),
-      /* @__PURE__ */ r("div", { className: $e.timestamp, children: a })
+    const p = a ? /* @__PURE__ */ V(ke, { children: [
+      o && /* @__PURE__ */ r("div", { className: ve.description, children: o }),
+      /* @__PURE__ */ r("div", { className: ve.timestamp, children: a })
     ] }) : o;
     return /* @__PURE__ */ r(
-      ds,
+      fs,
       {
         ref: l,
         classNames: c,
@@ -3686,11 +3742,11 @@ const Ci = (n) => /* @__PURE__ */ r("div", { ...n, children: "TimePicker" }), Pi
     );
   }
 );
-Lo.displayName = "TimelineItem";
-const Sa = B.forwardRef(
+Wo.displayName = "TimelineItem";
+const Ia = B.forwardRef(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e), s = {
-      root: $e.root
+      root: ve.root
     }, l = o.classNames;
     if (l && typeof l == "object" && !Array.isArray(l)) {
       const i = l;
@@ -3699,7 +3755,7 @@ const Sa = B.forwardRef(
       });
     }
     return /* @__PURE__ */ r(
-      ps,
+      bs,
       {
         ref: t,
         classNames: s,
@@ -3708,13 +3764,13 @@ const Sa = B.forwardRef(
     );
   }
 );
-Sa.displayName = "Timeline";
-const Aa = Sa;
-Aa.Item = Lo;
-const xa = b(function({ overStyled: e = !1, order: a = 1, ...t }, o) {
+Ia.displayName = "Timeline";
+const ka = Ia;
+ka.Item = Wo;
+const za = f(function({ overStyled: e = !1, order: a = 1, ...t }, o) {
   const s = m(t, e), l = s.className, i = `recursica_brand_typography_h${a}`, c = l ? `${i} ${l}` : i;
   return /* @__PURE__ */ r(
-    us,
+    Ns,
     {
       ref: o,
       order: a,
@@ -3723,16 +3779,16 @@ const xa = b(function({ overStyled: e = !1, order: a = 1, ...t }, o) {
     }
   );
 });
-xa.displayName = "Title";
-const Li = "Toast-module__root___MUvfI", Wi = "Toast-module__icon___VwvE1", Ii = "Toast-module__loader___8Gxd-", ki = "Toast-module__title___-H6R2", zi = "Toast-module__description___-QwfC", Mi = "Toast-module__closeButton___vGr7g", Ri = "Toast-module__body___VLkXA", xe = {
-  root: Li,
-  icon: Wi,
-  loader: Ii,
-  title: ki,
-  description: zi,
-  closeButton: Mi,
-  body: Ri
-}, Oa = B.forwardRef(
+za.displayName = "Title";
+const Fi = "Toast-module__root___MUvfI", Vi = "Toast-module__icon___VwvE1", Di = "Toast-module__loader___8Gxd-", Gi = "Toast-module__title___-H6R2", ji = "Toast-module__description___-QwfC", Hi = "Toast-module__closeButton___vGr7g", qi = "Toast-module__body___VLkXA", Oe = {
+  root: Fi,
+  icon: Vi,
+  loader: Di,
+  title: Gi,
+  description: ji,
+  closeButton: Hi,
+  body: qi
+}, Ma = B.forwardRef(
   function({
     overStyled: e = !1,
     variant: a = "default",
@@ -3740,13 +3796,13 @@ const Li = "Toast-module__root___MUvfI", Wi = "Toast-module__icon___VwvE1", Ii =
     ...o
   }, s) {
     const l = m(o, e), i = {
-      root: xe.root,
-      body: xe.body,
-      title: xe.title,
-      description: xe.description,
-      closeButton: xe.closeButton,
-      icon: xe.icon,
-      loader: xe.loader
+      root: Oe.root,
+      body: Oe.body,
+      title: Oe.title,
+      description: Oe.description,
+      closeButton: Oe.closeButton,
+      icon: Oe.icon,
+      loader: Oe.loader
     }, c = l.classNames;
     if (c && typeof c == "object" && !Array.isArray(c)) {
       const d = c;
@@ -3755,7 +3811,7 @@ const Li = "Toast-module__root___MUvfI", Wi = "Toast-module__icon___VwvE1", Ii =
       });
     }
     return /* @__PURE__ */ r(
-      ms,
+      $s,
       {
         ref: s,
         withCloseButton: t,
@@ -3768,18 +3824,18 @@ const Li = "Toast-module__root___MUvfI", Wi = "Toast-module__icon___VwvE1", Ii =
     );
   }
 );
-Oa.displayName = "Toast";
-const Bi = "Tooltip-module__tooltip___UA7H9", Ei = "Tooltip-module__arrow___4zROk", Vo = {
-  tooltip: Bi,
-  arrow: Ei
-}, La = function({
+Ma.displayName = "Toast";
+const Ui = "Tooltip-module__tooltip___UA7H9", Yi = "Tooltip-module__arrow___4zROk", Do = {
+  tooltip: Ui,
+  arrow: Yi
+}, Ra = function({
   overStyled: e = !1,
   withBeak: a = !0,
   ...t
 }) {
   const o = m(t, e), s = {
-    tooltip: Vo.tooltip,
-    arrow: Vo.arrow
+    tooltip: Do.tooltip,
+    arrow: Do.arrow
   }, l = o.classNames;
   if (l && typeof l == "object" && !Array.isArray(l)) {
     const p = l;
@@ -3789,7 +3845,7 @@ const Bi = "Tooltip-module__tooltip___UA7H9", Ei = "Tooltip-module__arrow___4zRO
   }
   const i = o.arrowSize ?? 16, c = o.withArrow;
   return /* @__PURE__ */ r(
-    _o,
+    fo,
     {
       position: "top",
       multiline: !0,
@@ -3800,12 +3856,12 @@ const Bi = "Tooltip-module__tooltip___UA7H9", Ei = "Tooltip-module__arrow___4zRO
     }
   );
 };
-La.displayName = "Tooltip";
-const Wa = b(
+Ra.displayName = "Tooltip";
+const Ba = f(
   function({ overStyled: e = !1, ...a }, t) {
     const o = m(a, e);
     return /* @__PURE__ */ r(
-      _o.Floating,
+      fo.Floating,
       {
         ref: t,
         ...o
@@ -3813,182 +3869,184 @@ const Wa = b(
     );
   }
 );
-Wa.displayName = "TooltipFloating";
-const Wo = La;
-Wo.Floating = Wa;
-Wo.Group = _o.Group;
-const Fi = (n) => /* @__PURE__ */ r("div", { ...n, children: "TransferList" }), Vi = "Tree-module__root___ANcH3", Do = {
-  root: Vi
-}, Ia = b(
+Ba.displayName = "TooltipFloating";
+const Io = Ra;
+Io.Floating = Ba;
+Io.Group = fo.Group;
+const Zi = (n) => /* @__PURE__ */ r("div", { ...n, children: "TransferList" }), Ki = "Tree-module__root___ANcH3", Go = {
+  root: Ki
+}, Ea = f(
   function({ overStyled: e = !1, className: a, ...t }, o) {
-    const s = a ? `${Do.root} ${a}` : Do.root;
+    const s = a ? `${Go.root} ${a}` : Go.root;
     return /* @__PURE__ */ r("div", { ref: o, className: s, ...t, children: "Tree (Coming Soon)" });
   }
 );
-Ia.displayName = "Tree";
-const Ki = rn, Xi = mt, Qi = kl, Ji = ct, ec = mn, oc = _i, tc = P(
-  oo
-), ac = P(
-  bo
-), sc = P(
-  Je
-), rc = P(
-  eo
-), nc = P(
-  Xo
-), lc = P(
-  nr
-), ic = P(
-  ir
-), cc = P(
-  et
-), dc = P(
-  hr
-), pc = P(
-  wr
-), uc = P(
-  vo
-), mc = P(
-  $o
+Ea.displayName = "Tree";
+const rc = un, nc = Nt, lc = bt, ic = $t, cc = Gl, dc = pt, pc = Cn, uc = Pi, mc = P(
+  ao
 ), _c = P(
-  it
+  bo
 ), yc = P(
-  dt
-), bc = P(
-  pt
+  oo
 ), fc = P(
-  tn
+  to
+), bc = P(
+  Jo
 ), Nc = P(
-  an
-), hc = P(
-  de
+  ur
 ), $c = P(
-  Co
+  _r
+), hc = P(
+  tt
 ), vc = P(
-  ho
+  wr
 ), Cc = P(
-  fo
+  Lr
 ), Pc = P(
-  Le
+  Co
 ), Tc = P(
-  ye
+  vo
 ), wc = P(
-  zt
+  dt
 ), gc = P(
-  re
+  ut
 ), Sc = P(
-  ne
+  mt
 ), Ac = P(
-  wo
+  cn
 ), xc = P(
-  go
+  dn
 ), Oc = P(
-  Ao
+  pe
 ), Lc = P(
-  So
+  Po
 ), Wc = P(
-  No
+  ho
 ), Ic = P(
-  fl
+  No
 ), kc = P(
-  la
+  We
 ), zc = P(
-  Kl
+  fe
 ), Mc = P(
-  Oo
+  Vt
 ), Rc = P(
-  xo
+  ne
 ), Bc = P(
-  be
+  le
 ), Ec = P(
-  mi
+  go
 ), Fc = P(
-  wa
+  So
 ), Vc = P(
-  ga
+  xo
 ), Dc = P(
-  Ci
-), jc = P(
-  Aa
+  Ao
 ), Gc = P(
-  Lo
+  $o
+), jc = P(
+  gl
 ), Hc = P(
-  xa
+  ma
 ), qc = P(
-  Oa
+  ri
 ), Uc = P(
-  Wo
+  Lo
 ), Yc = P(
-  Fi
+  Oo
 ), Zc = P(
-  Ia
+  be
+), Kc = P(
+  Ci
+), Xc = P(
+  La
+), Qc = P(
+  Wa
+), Jc = P(
+  Li
+), ed = P(
+  ka
+), od = P(
+  Wo
+), td = P(
+  za
+), ad = P(
+  Ma
+), sd = P(
+  Io
+), rd = P(
+  Zi
+), nd = P(
+  Ea
 );
 export {
-  tc as Accordion,
-  sc as AccordionControl,
-  ac as AccordionItem,
-  rc as AccordionPanel,
-  nc as AutoComplete,
-  lc as Avatar,
-  ic as Badge,
-  cc as Breadcrumb,
-  dc as Button,
-  pc as Card,
-  uc as Checkbox,
-  mc as CheckboxGroup,
-  _c as Chip,
-  Ji as Container,
-  yc as DatePicker,
-  bc as Dropdown,
-  Ye as EmptyValueRenderer,
-  fc as FileInput,
-  Nc as FileUpload,
-  Ki as Flex,
-  hc as FormControlLayout,
-  Xi as Group,
-  $c as HoverCard,
-  Oe as IS_DEV,
-  Cc as Label,
-  js as Layer,
-  ec as Link,
-  vc as Loader,
-  Pc as Menu,
-  Tc as Modal,
-  wc as NumberInput,
-  gc as Pagination,
-  Sc as Panel,
-  Ac as PanelFooter,
-  xc as Popover,
-  Yi as RECURSICA_COMPONENTS,
-  Oc as Radio,
-  Lc as RadioGroup,
-  Wc as ReadOnlyField,
-  Ui as RecursicaThemeProvider,
-  Ic as SegmentedControl,
-  kc as Slider,
-  Qi as Stack,
-  zc as Stepper,
-  Mc as Switch,
-  Rc as SwitchGroup,
-  Bc as Table,
-  Ec as Tabs,
-  oc as Text,
-  Fc as TextArea,
-  Vc as TextField,
-  Dc as TimePicker,
-  jc as Timeline,
-  Gc as TimelineItem,
-  Hc as Title,
-  qc as Toast,
-  Uc as Tooltip,
-  Yc as TransferList,
-  Zc as Tree,
-  Zi as copyToClipboard,
-  Zo as injectOverStyledStyles,
-  qi as isGlobalOverStyledActive,
-  Ko as registerOverStyledConsoleCommand,
-  Hs as toggleGlobalOverStyled,
-  qs as useGlobalOverStyled,
+  mc as Accordion,
+  yc as AccordionControl,
+  _c as AccordionItem,
+  fc as AccordionPanel,
+  bc as AutoComplete,
+  Nc as Avatar,
+  $c as Badge,
+  hc as Breadcrumb,
+  vc as Button,
+  Cc as Card,
+  Pc as Checkbox,
+  Tc as CheckboxGroup,
+  wc as Chip,
+  dc as Container,
+  gc as DatePicker,
+  Sc as Dropdown,
+  Ke as EmptyValueRenderer,
+  Ac as FileInput,
+  xc as FileUpload,
+  rc as Flex,
+  Oc as FormControlLayout,
+  nc as Grid,
+  lc as GridCol,
+  ic as Group,
+  Lc as HoverCard,
+  Le as IS_DEV,
+  Ic as Label,
+  Zs as Layer,
+  pc as Link,
+  Wc as Loader,
+  kc as Menu,
+  zc as Modal,
+  Mc as NumberInput,
+  Rc as Pagination,
+  Bc as Panel,
+  Ec as PanelFooter,
+  Fc as Popover,
+  ac as RECURSICA_COMPONENTS,
+  Vc as Radio,
+  Dc as RadioGroup,
+  Gc as ReadOnlyField,
+  tc as RecursicaThemeProvider,
+  jc as SegmentedControl,
+  Hc as Slider,
+  cc as Stack,
+  qc as Stepper,
+  Uc as Switch,
+  Yc as SwitchGroup,
+  Zc as Table,
+  Kc as Tabs,
+  uc as Text,
+  Xc as TextArea,
+  Qc as TextField,
+  Jc as TimePicker,
+  ed as Timeline,
+  od as TimelineItem,
+  td as Title,
+  ad as Toast,
+  sd as Tooltip,
+  rd as TransferList,
+  nd as Tree,
+  sc as copyToClipboard,
+  Xo as injectOverStyledStyles,
+  oc as isGlobalOverStyledActive,
+  Qo as registerOverStyledConsoleCommand,
+  Xs as toggleGlobalOverStyled,
+  Qs as useGlobalOverStyled,
   P as wrapComponent
 };
 //# sourceMappingURL=mantine-adapter.js.map