@everlywell/ui-kit 1.7.1 → 1.8.0

package/index.mjs

@@ -1,11 +1,11 @@
-import { defineStyleConfig as re, createMultiStyleConfigHelpers as Me, cssVar as qe, baseTheme as Mt, useTheme as To, Box as Ve, Flex as Ro, Show as Eo, Hide as Fo, Checkbox as Bo, Icon as Ot, Progress as Io, forwardRef as zo, useRadioGroupContext as Po, useRadio as $o, chakra as Mo, ChakraBaseProvider as Oo } from "@chakra-ui/react";
-import { Accordion as oi, AccordionButton as ni, AccordionIcon as ai, AccordionItem as ii, AccordionPanel as si, Box as li, Breadcrumb as di, BreadcrumbItem as ci, BreadcrumbLink as ui, BreadcrumbSeparator as fi, Button as pi, CheckboxGroup as gi, Container as hi, Drawer as bi, DrawerBody as mi, DrawerCloseButton as yi, DrawerContent as vi, DrawerFooter as Si, DrawerHeader as xi, DrawerOverlay as ki, Flex as wi, FormControl as _i, FormErrorMessage as Ci, FormHelperText as Ti, FormLabel as Ri, HStack as Ei, Heading as Fi, Icon as Bi, IconButton as Ii, Image as zi, Input as Pi, InputGroup as $i, InputLeftElement as Mi, InputRightElement as Oi, Link as Di, List as Ai, ListIcon as Wi, ListItem as ji, Menu as Li, MenuButton as Gi, MenuCommand as Yi, MenuDivider as Hi, MenuGroup as Ni, MenuItem as Xi, MenuItemOption as Vi, MenuList as Ui, MenuOptionGroup as qi, Modal as Ki, ModalBody as Ji, ModalCloseButton as Zi, ModalContent as Qi, ModalFooter as es, ModalHeader as rs, ModalOverlay as ts, OrderedList as os, RadioGroup as ns, Select as as, Skeleton as is, SkeletonCircle as ss, SkeletonText as ls, Slider as ds, SliderFilledTrack as cs, SliderMark as us, SliderThumb as fs, SliderTrack as ps, Spacer as gs, Spinner as hs, Stack as bs, Step as ms, StepDescription as ys, StepIcon as vs, StepIndicator as Ss, StepNumber as xs, StepSeparator as ks, StepStatus as ws, StepTitle as _s, Stepper as Cs, Tab as Ts, TabList as Rs, TabPanel as Es, TabPanels as Fs, Table as Bs, TableCaption as Is, TableContainer as zs, Tabs as Ps, Tag as $s, TagCloseButton as Ms, TagLabel as Os, TagLeftIcon as Ds, TagRightIcon as As, Tbody as Ws, Td as js, Text as Ls, Tfoot as Gs, Th as Ys, Thead as Hs, Tooltip as Ns, Tr as Xs, UnorderedList as Vs, VStack as Us, VisuallyHidden as qs, extendBaseTheme as Ks, useDisclosure as Js, useMediaQuery as Zs, useRadioGroup as Qs, useSteps as el, useTab as rl } from "@chakra-ui/react";
-import Er, { createContext as Do, useContext as Ao, forwardRef as Wo } from "react";
-import { Check as Dt } from "@phosphor-icons/react";
-import { Global as jo } from "@emotion/react";
-import { default as ol } from "@emotion/styled";
+import { defineStyleConfig as re, createMultiStyleConfigHelpers as Me, cssVar as qe, baseTheme as Ot, useTheme as Ro, Box as Ve, Flex as Eo, Show as Fo, Hide as Bo, Checkbox as Io, Icon as Dt, Progress as zo, forwardRef as Po, useRadioGroupContext as $o, useRadio as Mo, chakra as Oo, ChakraBaseProvider as Do } from "@chakra-ui/react";
+import { Accordion as ni, AccordionButton as ai, AccordionIcon as ii, AccordionItem as si, AccordionPanel as li, Box as di, Breadcrumb as ci, BreadcrumbItem as ui, BreadcrumbLink as fi, BreadcrumbSeparator as pi, Button as gi, CheckboxGroup as hi, Container as bi, Drawer as mi, DrawerBody as yi, DrawerCloseButton as vi, DrawerContent as Si, DrawerFooter as xi, DrawerHeader as ki, DrawerOverlay as wi, Flex as _i, FormControl as Ci, FormErrorMessage as Ti, FormHelperText as Ri, FormLabel as Ei, HStack as Fi, Heading as Bi, Icon as Ii, IconButton as zi, Image as Pi, Input as $i, InputGroup as Mi, InputLeftElement as Oi, InputRightElement as Di, Link as Ai, List as Wi, ListIcon as ji, ListItem as Li, Menu as Gi, MenuButton as Yi, MenuCommand as Hi, MenuDivider as Ni, MenuGroup as Xi, MenuItem as Vi, MenuItemOption as Ui, MenuList as qi, MenuOptionGroup as Ki, Modal as Ji, ModalBody as Zi, ModalCloseButton as Qi, ModalContent as es, ModalFooter as rs, ModalHeader as ts, ModalOverlay as os, OrderedList as ns, RadioGroup as as, Select as is, Skeleton as ss, SkeletonCircle as ls, SkeletonText as ds, Slider as cs, SliderFilledTrack as us, SliderMark as fs, SliderThumb as ps, SliderTrack as gs, Spacer as hs, Spinner as bs, Stack as ms, Step as ys, StepDescription as vs, StepIcon as Ss, StepIndicator as xs, StepNumber as ks, StepSeparator as ws, StepStatus as _s, StepTitle as Cs, Stepper as Ts, Tab as Rs, TabList as Es, TabPanel as Fs, TabPanels as Bs, Table as Is, TableCaption as zs, TableContainer as Ps, Tabs as $s, Tag as Ms, TagCloseButton as Os, TagLabel as Ds, TagLeftIcon as As, TagRightIcon as Ws, Tbody as js, Td as Ls, Text as Gs, Tfoot as Ys, Th as Hs, Thead as Ns, Tooltip as Xs, Tr as Vs, UnorderedList as Us, VStack as qs, VisuallyHidden as Ks, extendBaseTheme as Js, useDisclosure as Zs, useMediaQuery as Qs, useRadioGroup as el, useSteps as rl, useTab as tl } from "@chakra-ui/react";
+import Er, { createContext as Ao, useContext as Wo, forwardRef as jo } from "react";
+import { Check as At } from "@phosphor-icons/react";
+import { Global as Lo } from "@emotion/react";
+import { default as nl } from "@emotion/styled";
 var kr = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function Lo(e) {
+function Go(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var at = { exports: {} }, He = {};
@@ -19,7 +19,7 @@ var at = { exports: {} }, He = {};
  * LICENSE file in the root directory of this source tree.
  */
 var wt;
-function Go() {
+function Yo() {
   return wt || (wt = 1, process.env.NODE_ENV !== "production" && function() {
     var e = Er, a = Symbol.for("react.element"), s = Symbol.for("react.portal"), u = Symbol.for("react.fragment"), f = Symbol.for("react.strict_mode"), m = Symbol.for("react.profiler"), T = Symbol.for("react.provider"), w = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), z = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), G = Symbol.for("react.offscreen"), X = Symbol.iterator, te = "@@iterator";
     function oe(t) {
@@ -616,7 +616,7 @@ var Ne = {};
  * LICENSE file in the root directory of this source tree.
  */
 var _t;
-function Yo() {
+function Ho() {
   if (_t)
     return Ne;
   _t = 1;
@@ -633,9 +633,9 @@ function Yo() {
   }
   return Ne.Fragment = s, Ne.jsx = T, Ne.jsxs = T, Ne;
 }
-process.env.NODE_ENV === "production" ? at.exports = Yo() : at.exports = Go();
+process.env.NODE_ENV === "production" ? at.exports = Ho() : at.exports = Yo();
 var Y = at.exports;
-const Ct = ["redCS", "greenCS"], Ho = re({
+const Ct = ["redCS", "greenCS"], No = re({
   // The styles all button have in common
   baseStyle: {
     fontFamily: "body",
@@ -842,24 +842,24 @@ function F(e, a = {}) {
     __type: {}
   };
 }
-var No = F("accordion").parts("root", "container", "button", "panel").extend("icon");
+var Xo = F("accordion").parts("root", "container", "button", "panel").extend("icon");
 F("alert").parts("title", "description", "container").extend("icon", "spinner");
 F("avatar").parts("label", "badge", "container").extend("excessLabel", "group");
 F("breadcrumb").parts("link", "item", "container").extend("separator");
 F("button").parts();
-var Xo = F("checkbox").parts("control", "icon", "container").extend("label");
+var Vo = F("checkbox").parts("control", "icon", "container").extend("label");
 F("progress").parts("track", "filledTrack").extend("label");
-var Vo = F("drawer").parts("overlay", "dialogContainer", "dialog").extend("header", "closeButton", "body", "footer");
+var Uo = F("drawer").parts("overlay", "dialogContainer", "dialog").extend("header", "closeButton", "body", "footer");
 F("editable").parts(
   "preview",
   "input",
   "textarea"
 );
-var Uo = F("form").parts(
+var qo = F("form").parts(
   "container",
   "requiredIndicator",
   "helperText"
-), qo = F("formError").parts("text", "icon");
+), Ko = F("formError").parts("text", "icon");
 F("input").parts(
   "addon",
   "field",
@@ -868,7 +868,7 @@ F("input").parts(
 );
 F("list").parts("container", "item", "icon");
 F("menu").parts("button", "list", "item").extend("groupTitle", "icon", "command", "divider");
-var Ko = F("modal").parts("overlay", "dialogContainer", "dialog").extend("header", "closeButton", "body", "footer");
+var Jo = F("modal").parts("overlay", "dialogContainer", "dialog").extend("header", "closeButton", "body", "footer");
 F("numberinput").parts(
   "root",
   "field",
@@ -877,7 +877,7 @@ F("numberinput").parts(
 );
 F("pininput").parts("field");
 F("popover").parts("content", "header", "body", "footer").extend("popper", "arrow", "closeButton");
-var Jo = F("progress").parts(
+var Zo = F("progress").parts(
   "label",
   "filledTrack",
   "track"
@@ -887,7 +887,7 @@ F("radio").parts(
   "control",
   "label"
 );
-var Zo = F("select").parts("field", "icon");
+var Qo = F("select").parts("field", "icon");
 F("slider").parts(
   "container",
   "track",
@@ -907,7 +907,7 @@ F("switch").parts(
   "track",
   "thumb"
 );
-var Qo = F("table").parts(
+var en = F("table").parts(
   "table",
   "thead",
   "tbody",
@@ -916,14 +916,14 @@ var Qo = F("table").parts(
   "td",
   "tfoot",
   "caption"
-), en = F("tabs").parts(
+), rn = F("tabs").parts(
   "root",
   "tab",
   "tablist",
   "tabpanel",
   "tabpanels",
   "indicator"
-), rn = F("tag").parts(
+), tn = F("tag").parts(
   "container",
   "label",
   "closeButton"
@@ -934,8 +934,8 @@ F("card").parts(
   "body",
   "footer"
 );
-const { definePartsStyle: tn, defineMultiStyleConfig: on } = Me(Xo.keys), nn = on({
-  baseStyle: tn({
+const { definePartsStyle: on, defineMultiStyleConfig: nn } = Me(Vo.keys), an = nn({
+  baseStyle: on({
     container: {},
     control: {
       boxSize: 24,
@@ -1005,7 +1005,7 @@ const { definePartsStyle: tn, defineMultiStyleConfig: on } = Me(Xo.keys), nn = o
     size: "sm"
   }
 });
-function At(e) {
+function Wt(e) {
   const a = typeof e;
   return e != null && (a === "object" || a === "function") && !Array.isArray(e);
 }
@@ -1224,41 +1224,41 @@ Tr.exports;
       writable: !0
     }) : r[o] = i;
   }
-  var Ut = so();
+  var qt = lo();
   function vr(r) {
-    return r == null ? r === void 0 ? zr : V : ce && ce in Object(r) ? lo(r) : ho(r);
+    return r == null ? r === void 0 ? zr : V : ce && ce in Object(r) ? co(r) : bo(r);
   }
   function pt(r) {
     return Ge(r) && vr(r) == w;
   }
-  function qt(r) {
-    if (!Se(r) || po(r))
+  function Kt(r) {
+    if (!Se(r) || go(r))
       return !1;
     var o = et(r) ? ve : or;
-    return o.test(vo(r));
+    return o.test(So(r));
   }
-  function Kt(r) {
+  function Jt(r) {
     return Ge(r) && yt(r.length) && !!B[vr(r)];
   }
-  function Jt(r) {
+  function Zt(r) {
     if (!Se(r))
-      return go(r);
+      return ho(r);
     var o = bt(r), i = [];
     for (var c in r)
       c == "constructor" && (o || !Q.call(r, c)) || i.push(c);
     return i;
   }
   function gt(r, o, i, c, x) {
-    r !== o && Ut(o, function(I, M) {
+    r !== o && qt(o, function(I, M) {
       if (x || (x = new S()), Se(I))
-        Zt(r, o, M, i, gt, c, x);
+        Qt(r, o, M, i, gt, c, x);
       else {
         var y = c ? c(Kr(r, M), I, M + "", r, o, x) : void 0;
         y === void 0 && (y = I), ie(r, M, y);
       }
     }, St);
   }
-  function Zt(r, o, i, c, x, I, M) {
+  function Qt(r, o, i, c, x, I, M) {
     var y = Kr(r, i), O = Kr(o, i), q = M.get(O);
     if (q) {
       ie(r, i, q);
@@ -1267,42 +1267,42 @@ Tr.exports;
     var U = I ? I(y, O, i + "", r, o, M) : void 0, Ye = U === void 0;
     if (Ye) {
       var rt = Zr(O), tt = !rt && mt(O), kt = !rt && !tt && vt(O);
-      U = O, rt || tt || kt ? Zr(y) ? U = y : So(y) ? U = no(y) : tt ? (Ye = !1, U = ro(O, !0)) : kt ? (Ye = !1, U = oo(O, !0)) : U = [] : xo(O) || Jr(O) ? (U = y, Jr(y) ? U = ko(y) : (!Se(y) || et(y)) && (U = co(O))) : Ye = !1;
+      U = O, rt || tt || kt ? Zr(y) ? U = y : xo(y) ? U = ao(y) : tt ? (Ye = !1, U = to(O, !0)) : kt ? (Ye = !1, U = no(O, !0)) : U = [] : ko(O) || Jr(O) ? (U = y, Jr(y) ? U = wo(y) : (!Se(y) || et(y)) && (U = uo(O))) : Ye = !1;
     }
     Ye && (M.set(O, U), x(U, O, c, I, M), M.delete(O)), ie(r, i, U);
   }
-  function Qt(r, o) {
-    return mo(bo(r, o, xt), r + "");
+  function eo(r, o) {
+    return yo(mo(r, o, xt), r + "");
   }
-  var eo = Pe ? function(r, o) {
+  var ro = Pe ? function(r, o) {
     return Pe(r, "toString", {
       configurable: !0,
       enumerable: !1,
-      value: _o(o),
+      value: Co(o),
       writable: !0
     });
   } : xt;
-  function ro(r, o) {
+  function to(r, o) {
     if (o)
       return r.slice();
     var i = r.length, c = ze ? ze(i) : new r.constructor(i);
     return r.copy(c), c;
   }
-  function to(r) {
+  function oo(r) {
     var o = new r.constructor(r.byteLength);
     return new je(o).set(new je(r)), o;
   }
-  function oo(r, o) {
-    var i = o ? to(r.buffer) : r.buffer;
+  function no(r, o) {
+    var i = o ? oo(r.buffer) : r.buffer;
     return new r.constructor(i, r.byteOffset, r.length);
   }
-  function no(r, o) {
+  function ao(r, o) {
     var i = -1, c = r.length;
     for (o || (o = Array(c)); ++i < c; )
       o[i] = r[i];
     return o;
   }
-  function ao(r, o, i, c) {
+  function io(r, o, i, c) {
     var x = !i;
     i || (i = {});
     for (var I = -1, M = o.length; ++I < M; ) {
@@ -1311,17 +1311,17 @@ Tr.exports;
     }
     return i;
   }
-  function io(r) {
-    return Qt(function(o, i) {
+  function so(r) {
+    return eo(function(o, i) {
       var c = -1, x = i.length, I = x > 1 ? i[x - 1] : void 0, M = x > 2 ? i[2] : void 0;
-      for (I = r.length > 3 && typeof I == "function" ? (x--, I) : void 0, M && uo(i[0], i[1], M) && (I = x < 3 ? void 0 : I, x = 1), o = Object(o); ++c < x; ) {
+      for (I = r.length > 3 && typeof I == "function" ? (x--, I) : void 0, M && fo(i[0], i[1], M) && (I = x < 3 ? void 0 : I, x = 1), o = Object(o); ++c < x; ) {
         var y = i[c];
         y && r(o, y, c, I);
       }
       return o;
     });
   }
-  function so(r) {
+  function lo(r) {
     return function(o, i, c) {
       for (var x = -1, I = Object(o), M = c(o), y = M.length; y--; ) {
         var O = M[r ? y : ++x];
@@ -1333,13 +1333,13 @@ Tr.exports;
   }
   function Sr(r, o) {
     var i = r.__data__;
-    return fo(o) ? i[typeof o == "string" ? "string" : "hash"] : i.map;
+    return po(o) ? i[typeof o == "string" ? "string" : "hash"] : i.map;
   }
   function qr(r, o) {
     var i = Ee(r, o);
-    return qt(i) ? i : void 0;
+    return Kt(i) ? i : void 0;
   }
-  function lo(r) {
+  function co(r) {
     var o = Q.call(r, ce), i = r[ce];
     try {
       r[ce] = void 0;
@@ -1349,41 +1349,41 @@ Tr.exports;
     var x = Ae.call(r);
     return c && (o ? r[ce] = i : delete r[ce]), x;
   }
-  function co(r) {
+  function uo(r) {
     return typeof r.constructor == "function" && !bt(r) ? Le(ur(r)) : {};
   }
   function ht(r, o) {
     var i = typeof r;
     return o = o ?? T, !!o && (i == "number" || i != "symbol" && nr.test(r)) && r > -1 && r % 1 == 0 && r < o;
   }
-  function uo(r, o, i) {
+  function fo(r, o, i) {
     if (!Se(i))
       return !1;
     var c = typeof o;
     return (c == "number" ? Qr(i) && ht(o, i.length) : c == "string" && o in i) ? xr(i[o], r) : !1;
   }
-  function fo(r) {
+  function po(r) {
     var o = typeof r;
     return o == "string" || o == "number" || o == "symbol" || o == "boolean" ? r !== "__proto__" : r === null;
   }
-  function po(r) {
+  function go(r) {
     return !!dr && dr in r;
   }
   function bt(r) {
     var o = r && r.constructor, i = typeof o == "function" && o.prototype || Be;
     return r === i;
   }
-  function go(r) {
+  function ho(r) {
     var o = [];
     if (r != null)
       for (var i in Object(r))
         o.push(i);
     return o;
   }
-  function ho(r) {
+  function bo(r) {
     return Ae.call(r);
   }
-  function bo(r, o, i) {
+  function mo(r, o, i) {
     return o = $e(o === void 0 ? r.length - 1 : o, 0), function() {
       for (var c = arguments, x = -1, I = $e(c.length - o, 0), M = Array(I); ++x < I; )
         M[x] = c[o + x];
@@ -1397,8 +1397,8 @@ Tr.exports;
     if (!(o === "constructor" && typeof r[o] == "function") && o != "__proto__")
       return r[o];
   }
-  var mo = yo(eo);
-  function yo(r) {
+  var yo = vo(ro);
+  function vo(r) {
     var o = 0, i = 0;
     return function() {
       var c = pr(), x = m - (c - i);
@@ -1410,7 +1410,7 @@ Tr.exports;
       return r.apply(void 0, arguments);
     };
   }
-  function vo(r) {
+  function So(r) {
     if (r != null) {
       try {
         return he.call(r);
@@ -1434,10 +1434,10 @@ Tr.exports;
   function Qr(r) {
     return r != null && yt(r.length) && !et(r);
   }
-  function So(r) {
+  function xo(r) {
     return Ge(r) && Qr(r);
   }
-  var mt = Lr || Co;
+  var mt = Lr || To;
   function et(r) {
     if (!Se(r))
       return !1;
@@ -1454,7 +1454,7 @@ Tr.exports;
   function Ge(r) {
     return r != null && typeof r == "object";
   }
-  function xo(r) {
+  function ko(r) {
     if (!Ge(r) || vr(r) != $)
       return !1;
     var o = ur(r);
@@ -1463,17 +1463,17 @@ Tr.exports;
     var i = Q.call(o, "constructor") && o.constructor;
     return typeof i == "function" && i instanceof i && he.call(i) == cr;
   }
-  var vt = Oe ? Re(Oe) : Kt;
-  function ko(r) {
-    return ao(r, St(r));
+  var vt = Oe ? Re(Oe) : Jt;
+  function wo(r) {
+    return io(r, St(r));
   }
   function St(r) {
-    return Qr(r) ? H(r, !0) : Jt(r);
+    return Qr(r) ? H(r, !0) : Zt(r);
   }
-  var wo = io(function(r, o, i, c) {
+  var _o = so(function(r, o, i, c) {
     gt(r, o, i, c);
   });
-  function _o(r) {
+  function Co(r) {
     return function() {
       return r;
     };
@@ -1481,23 +1481,23 @@ Tr.exports;
   function xt(r) {
     return r;
   }
-  function Co() {
+  function To() {
     return !1;
   }
-  e.exports = wo;
+  e.exports = _o;
 })(Tr, Tr.exports);
-var an = Tr.exports;
-const sn = /* @__PURE__ */ Lo(an);
-var ln = (e) => /!(important)?$/.test(e), Tt = (e) => typeof e == "string" ? e.replace(/!(important)?$/, "").trim() : e, dn = (e, a) => (s) => {
-  const u = String(a), f = ln(u), m = Tt(u), T = e ? `${e}.${m}` : m;
-  let w = At(s.__cssMap) && T in s.__cssMap ? s.__cssMap[T].varRef : a;
+var sn = Tr.exports;
+const ln = /* @__PURE__ */ Go(sn);
+var dn = (e) => /!(important)?$/.test(e), Tt = (e) => typeof e == "string" ? e.replace(/!(important)?$/, "").trim() : e, cn = (e, a) => (s) => {
+  const u = String(a), f = dn(u), m = Tt(u), T = e ? `${e}.${m}` : m;
+  let w = Wt(s.__cssMap) && T in s.__cssMap ? s.__cssMap[T].varRef : a;
   return w = Tt(w), f ? `${w} !important` : w;
 };
 function ft(e) {
   const { scale: a, transform: s, compose: u } = e;
   return (m, T) => {
     var w;
-    const g = dn(a, m)(T);
+    const g = cn(a, m)(T);
     let z = (w = s == null ? void 0 : s(g, T)) != null ? w : g;
     return u && (z = u(z, T)), z;
   };
@@ -1512,39 +1512,39 @@ function K(e, a) {
     }), u;
   };
 }
-var cn = ({ rtl: e, ltr: a }) => (s) => s.direction === "rtl" ? e : a;
-function un(e) {
+var un = ({ rtl: e, ltr: a }) => (s) => s.direction === "rtl" ? e : a;
+function fn(e) {
   const { property: a, scale: s, transform: u } = e;
   return {
     scale: s,
-    property: cn(a),
+    property: un(a),
     transform: s ? ft({
       scale: s,
       compose: u
     }) : u
   };
 }
-var Wt = [
+var jt = [
   "rotate(var(--chakra-rotate, 0))",
   "scaleX(var(--chakra-scale-x, 1))",
   "scaleY(var(--chakra-scale-y, 1))",
   "skewX(var(--chakra-skew-x, 0))",
   "skewY(var(--chakra-skew-y, 0))"
 ];
-function fn() {
+function pn() {
   return [
     "translateX(var(--chakra-translate-x, 0))",
     "translateY(var(--chakra-translate-y, 0))",
-    ...Wt
+    ...jt
   ].join(" ");
 }
-function pn() {
+function gn() {
   return [
     "translate3d(var(--chakra-translate-x, 0), var(--chakra-translate-y, 0), 0)",
-    ...Wt
+    ...jt
   ].join(" ");
 }
-var gn = {
+var hn = {
   "--chakra-blur": "var(--chakra-empty,/*!*/ /*!*/)",
   "--chakra-brightness": "var(--chakra-empty,/*!*/ /*!*/)",
   "--chakra-contrast": "var(--chakra-empty,/*!*/ /*!*/)",
@@ -1565,7 +1565,7 @@ var gn = {
     "var(--chakra-sepia)",
     "var(--chakra-drop-shadow)"
   ].join(" ")
-}, hn = {
+}, bn = {
   backdropFilter: [
     "var(--chakra-backdrop-blur)",
     "var(--chakra-backdrop-brightness)",
@@ -1587,7 +1587,7 @@ var gn = {
   "--chakra-backdrop-saturate": "var(--chakra-empty,/*!*/ /*!*/)",
   "--chakra-backdrop-sepia": "var(--chakra-empty,/*!*/ /*!*/)"
 };
-function bn(e) {
+function mn(e) {
   return {
     "--chakra-ring-offset-shadow": "var(--chakra-ring-inset) 0 0 0 var(--chakra-ring-offset-width) var(--chakra-ring-offset-color)",
     "--chakra-ring-shadow": "var(--chakra-ring-inset) 0 0 0 calc(var(--chakra-ring-width) + var(--chakra-ring-offset-width)) var(--chakra-ring-color)",
@@ -1599,7 +1599,7 @@ function bn(e) {
     ].join(", ")
   };
 }
-var mn = {
+var yn = {
   "row-reverse": {
     space: "--chakra-space-x-reverse",
     divide: "--chakra-divide-x-reverse"
@@ -1617,15 +1617,15 @@ var mn = {
   "to-bl": "to bottom left",
   "to-l": "to left",
   "to-tl": "to top left"
-}, yn = new Set(Object.values(it)), st = /* @__PURE__ */ new Set([
+}, vn = new Set(Object.values(it)), st = /* @__PURE__ */ new Set([
   "none",
   "-moz-initial",
   "inherit",
   "initial",
   "revert",
   "unset"
-]), vn = (e) => e.trim();
-function Sn(e, a) {
+]), Sn = (e) => e.trim();
+function xn(e, a) {
   if (e == null || st.has(e))
     return e;
   if (!(lt(e) || st.has(e)))
@@ -1633,13 +1633,13 @@ function Sn(e, a) {
   const f = /(^[a-z-A-Z]+)\((.*)\)/g.exec(e), m = f == null ? void 0 : f[1], T = f == null ? void 0 : f[2];
   if (!m || !T)
     return e;
-  const w = m.includes("-gradient") ? m : `${m}-gradient`, [g, ...z] = T.split(",").map(vn).filter(Boolean);
+  const w = m.includes("-gradient") ? m : `${m}-gradient`, [g, ...z] = T.split(",").map(Sn).filter(Boolean);
   if ((z == null ? void 0 : z.length) === 0)
     return e;
   const _ = g in it ? it[g] : g;
   z.unshift(_);
   const v = z.map((D) => {
-    if (yn.has(D))
+    if (vn.has(D))
       return D;
     const G = D.indexOf(" "), [X, te] = G !== -1 ? [D.substr(0, G), D.substr(G + 1)] : [D], oe = lt(te) ? te : te && te.split(" "), V = `colors.${X}`, $ = V in a.__cssMap ? a.__cssMap[V].varRef : X;
     return oe ? [
@@ -1649,28 +1649,28 @@ function Sn(e, a) {
   });
   return `${w}(${v.join(", ")})`;
 }
-var lt = (e) => typeof e == "string" && e.includes("(") && e.includes(")"), xn = (e, a) => Sn(e, a ?? {});
-function kn(e) {
+var lt = (e) => typeof e == "string" && e.includes("(") && e.includes(")"), kn = (e, a) => xn(e, a ?? {});
+function wn(e) {
   return /^var\(--.+\)$/.test(e);
 }
-var wn = (e) => {
+var _n = (e) => {
   const a = parseFloat(e.toString()), s = e.toString().replace(String(a), "");
   return { unitless: !s, value: a, unit: s };
 }, se = (e) => (a) => `${e}(${a})`, C = {
   filter(e) {
-    return e !== "auto" ? e : gn;
+    return e !== "auto" ? e : hn;
   },
   backdropFilter(e) {
-    return e !== "auto" ? e : hn;
+    return e !== "auto" ? e : bn;
   },
   ring(e) {
-    return bn(C.px(e));
+    return mn(C.px(e));
   },
   bgClip(e) {
     return e === "text" ? { color: "transparent", backgroundClip: "text" } : { backgroundClip: e };
   },
   transform(e) {
-    return e === "auto" ? fn() : e === "auto-gpu" ? pn() : e;
+    return e === "auto" ? pn() : e === "auto-gpu" ? gn() : e;
   },
   vh(e) {
     return e === "$100vh" ? "var(--chakra-vh)" : e;
@@ -1678,7 +1678,7 @@ var wn = (e) => {
   px(e) {
     if (e == null)
       return e;
-    const { unitless: a } = wn(e);
+    const { unitless: a } = _n(e);
     return a || typeof e == "number" ? `${e}px` : e;
   },
   fraction(e) {
@@ -1689,12 +1689,12 @@ var wn = (e) => {
     return a.direction === "rtl" ? s[e] : e;
   },
   degree(e) {
-    if (kn(e) || e == null)
+    if (wn(e) || e == null)
       return e;
     const a = typeof e == "string" && !e.endsWith("deg");
     return typeof e == "number" || a ? `${e}deg` : e;
   },
-  gradient: xn,
+  gradient: kn,
   blur: se("blur"),
   opacity: se("opacity"),
   brightness: se("brightness"),
@@ -1714,7 +1714,7 @@ var wn = (e) => {
   },
   flexDirection(e) {
     var a;
-    const { space: s, divide: u } = (a = mn[e]) != null ? a : {}, f = { flexDirection: e };
+    const { space: s, divide: u } = (a = yn[e]) != null ? a : {}, f = { flexDirection: e };
     return s && (f[s] = 1), u && (f[u] = 1), f;
   }
 }, n = {
@@ -1744,7 +1744,7 @@ var wn = (e) => {
   sizes: K("sizes", wr(C.vh, C.px)),
   sizesT: K("sizes", wr(C.vh, C.fraction)),
   shadows: K("shadows"),
-  logical: un,
+  logical: fn,
   blur: K("blur", C.blur)
 }, Cr = {
   background: n.colors("background"),
@@ -1902,7 +1902,7 @@ Object.assign(R, {
   borderStartStyle: R.borderInlineStartStyle,
   borderEndStyle: R.borderInlineEndStyle
 });
-var _n = {
+var Cn = {
   color: n.colors("color"),
   textColor: n.colors("color"),
   fill: n.colors("fill"),
@@ -1918,7 +1918,7 @@ var _n = {
 Object.assign(dt, {
   shadow: dt.boxShadow
 });
-var Cn = {
+var Tn = {
   filter: { transform: C.filter },
   blur: n.blur("--chakra-blur"),
   brightness: n.propT("--chakra-brightness", C.brightness),
@@ -1962,7 +1962,7 @@ var Cn = {
 Object.assign(Rr, {
   flexDir: Rr.flexDirection
 });
-var jt = {
+var Lt = {
   gridGap: n.space("gridGap"),
   gridColumnGap: n.space("gridColumnGap"),
   gridRowGap: n.space("gridRowGap"),
@@ -1980,7 +1980,7 @@ var jt = {
   gridTemplateRows: !0,
   gridTemplateAreas: !0,
   gridArea: !0
-}, Tn = {
+}, Rn = {
   appearance: !0,
   cursor: !0,
   resize: !0,
@@ -2045,20 +2045,20 @@ Object.assign(J, {
   overscrollX: J.overscrollBehaviorX,
   overscrollY: J.overscrollBehaviorY
 });
-var Rn = {
+var En = {
   listStyleType: !0,
   listStylePosition: !0,
   listStylePos: n.prop("listStylePosition"),
   listStyleImage: !0,
   listStyleImg: n.prop("listStyleImage")
 };
-function En(e, a, s, u) {
+function Fn(e, a, s, u) {
   const f = typeof a == "string" ? a.split(".") : [a];
   for (u = 0; u < f.length && e; u += 1)
     e = e[f[u]];
   return e === void 0 ? s : e;
 }
-var Fn = (e) => {
+var Bn = (e) => {
   const a = /* @__PURE__ */ new WeakMap();
   return (u, f, m, T) => {
     if (typeof u > "u")
@@ -2070,7 +2070,7 @@ var Fn = (e) => {
     const g = e(u, f, m, T);
     return w.set(f, g), g;
   };
-}, Bn = Fn(En), In = {
+}, In = Bn(Fn), zn = {
   border: "0px",
   clip: "rect(0, 0, 0, 0)",
   width: "1px",
@@ -2080,7 +2080,7 @@ var Fn = (e) => {
   overflow: "hidden",
   whiteSpace: "nowrap",
   position: "absolute"
-}, zn = {
+}, Pn = {
   position: "static",
   width: "auto",
   height: "auto",
@@ -2090,14 +2090,14 @@ var Fn = (e) => {
   overflow: "visible",
   whiteSpace: "normal"
 }, ot = (e, a, s) => {
-  const u = {}, f = Bn(e, a, {});
+  const u = {}, f = In(e, a, {});
   for (const m in f)
     m in s && s[m] != null || (u[m] = f[m]);
   return u;
-}, Pn = {
+}, $n = {
   srOnly: {
     transform(e) {
-      return e === !0 ? In : e === "focusable" ? zn : {};
+      return e === !0 ? zn : e === "focusable" ? Pn : {};
     }
   },
   layerStyle: {
@@ -2140,7 +2140,7 @@ Object.assign(Ue, {
   insetStart: Ue.insetInlineStart,
   insetEnd: Ue.insetInlineEnd
 });
-var $n = {
+var Mn = {
   ring: { transform: C.ring },
   ringColor: n.colors("--chakra-ring-color"),
   ringOffset: n.prop("--chakra-ring-offset-width"),
@@ -2198,7 +2198,7 @@ Object.assign(P, {
   pe: P.paddingInlineEnd,
   paddingEnd: P.paddingInlineEnd
 });
-var Mn = {
+var On = {
   textDecorationColor: n.colors("textDecorationColor"),
   textDecoration: !0,
   textDecor: { property: "textDecoration" },
@@ -2207,7 +2207,7 @@ var Mn = {
   textDecorationThickness: !0,
   textUnderlineOffset: !0,
   textShadow: n.shadows("textShadow")
-}, On = {
+}, Dn = {
   clipPath: !0,
   transform: n.propT("transform", C.transform),
   transformOrigin: !0,
@@ -2219,7 +2219,7 @@ var Mn = {
   scaleY: n.prop("--chakra-scale-y"),
   scale: n.prop(["--chakra-scale-x", "--chakra-scale-y"]),
   rotate: n.degreeT("--chakra-rotate")
-}, Dn = {
+}, An = {
   transition: !0,
   transitionDelay: !0,
   animation: !0,
@@ -2230,7 +2230,7 @@ var Mn = {
     "transitionTimingFunction",
     "transition.easing"
   )
-}, An = {
+}, Wn = {
   fontFamily: n.prop("fontFamily", "fonts"),
   fontSize: n.prop("fontSize", "fontSizes", C.px),
   fontWeight: n.prop("fontWeight", "fontWeights"),
@@ -2264,7 +2264,7 @@ var Mn = {
     },
     property: "--chakra-line-clamp"
   }
-}, Wn = {
+}, jn = {
   scrollBehavior: !0,
   scrollSnapAlign: !0,
   scrollSnapStop: !0,
@@ -2284,11 +2284,11 @@ var Mn = {
   scrollPaddingX: n.spaceT(["scrollPaddingLeft", "scrollPaddingRight"]),
   scrollPaddingY: n.spaceT(["scrollPaddingTop", "scrollPaddingBottom"])
 };
-function Lt(e) {
-  return At(e) && e.reference ? e.reference : String(e);
+function Gt(e) {
+  return Wt(e) && e.reference ? e.reference : String(e);
 }
-var Fr = (e, ...a) => a.map(Lt).join(` ${e} `).replace(/calc/g, ""), Rt = (...e) => `calc(${Fr("+", ...e)})`, Et = (...e) => `calc(${Fr("-", ...e)})`, ct = (...e) => `calc(${Fr("*", ...e)})`, Ft = (...e) => `calc(${Fr("/", ...e)})`, Bt = (e) => {
-  const a = Lt(e);
+var Fr = (e, ...a) => a.map(Gt).join(` ${e} `).replace(/calc/g, ""), Rt = (...e) => `calc(${Fr("+", ...e)})`, Et = (...e) => `calc(${Fr("-", ...e)})`, ct = (...e) => `calc(${Fr("*", ...e)})`, Ft = (...e) => `calc(${Fr("/", ...e)})`, Bt = (e) => {
+  const a = Gt(e);
   return a != null && !Number.isNaN(parseFloat(a)) ? String(a).startsWith("-") ? String(a).slice(1) : `-${a}` : ct(a, -1);
 }, Xe = Object.assign(
   (e) => ({
@@ -2319,7 +2319,7 @@ var Fr = (e, ...a) => a.map(Lt).join(` ${e} `).replace(/calc/g, ""), Rt = (...e)
   readOnly: (e, a) => `${e}:read-only ${a}, ${e}[readonly] ${a}, ${e}[data-read-only] ${a}`,
   expanded: (e, a) => `${e}:read-only ${a}, ${e}[aria-expanded=true] ${a}, ${e}[data-expanded] ${a}`,
   placeholderShown: (e, a) => `${e}:placeholder-shown ${a}`
-}, me = (e) => Gt((a) => e(a, "&"), "[role=group]", "[data-group]", ".group"), pe = (e) => Gt((a) => e(a, "~ &"), "[data-peer]", ".peer"), Gt = (e, ...a) => a.map(e).join(", "), Yt = {
+}, me = (e) => Yt((a) => e(a, "&"), "[role=group]", "[data-group]", ".group"), pe = (e) => Yt((a) => e(a, "~ &"), "[data-peer]", ".peer"), Yt = (e, ...a) => a.map(e).join(", "), Ht = {
   _hover: "&:hover, &[data-hover]",
   _active: "&:active, &[data-active]",
   _focus: "&:focus, &[data-focus]",
@@ -2381,33 +2381,33 @@ var Fr = (e, ...a) => a.map(Lt).join(` ${e} `).replace(/calc/g, ""), Rt = (...e)
   _light: ".chakra-ui-light &:not([data-theme]),[data-theme=light] &:not([data-theme]),&[data-theme=light]",
   _horizontal: "&[data-orientation=horizontal]",
   _vertical: "&[data-orientation=vertical]"
-}, jn = Object.keys(
-  Yt
-), Ht = sn(
+}, Ln = Object.keys(
+  Ht
+), Nt = ln(
   {},
   Cr,
   R,
-  _n,
+  Cn,
   Rr,
   J,
-  Cn,
-  $n,
   Tn,
-  jt,
-  Pn,
+  Mn,
+  Rn,
+  Lt,
+  $n,
   Ue,
   dt,
   P,
+  jn,
   Wn,
-  An,
-  Mn,
   On,
-  Rn,
-  Dn
+  Dn,
+  En,
+  An
 );
-Object.assign({}, P, J, Rr, jt, Ue);
-[...Object.keys(Ht), ...jn];
-({ ...Ht, ...Yt });
+Object.assign({}, P, J, Rr, Lt, Ue);
+[...Object.keys(Nt), ...Ln];
+({ ...Nt, ...Ht });
 function ke(e) {
   return {
     definePartsStyle(a) {
@@ -2418,7 +2418,7 @@ function ke(e) {
     }
   };
 }
-const { defineMultiStyleConfig: Ln, definePartsStyle: Gn } = ke(Uo.keys), It = {
+const { defineMultiStyleConfig: Gn, definePartsStyle: Yn } = ke(qo.keys), It = {
   transform: [
     "scale(0.85) translateY(-8px) translateX(4px)",
     "scale(0.85) translateY(-12px) translateX(4px)"
@@ -2428,8 +2428,8 @@ const { defineMultiStyleConfig: Ln, definePartsStyle: Gn } = ke(Uo.keys), It = {
   _invalid: {
     color: "utility.warning"
   }
-}, Yn = Ln({
-  baseStyle: Gn({
+}, Hn = Gn({
+  baseStyle: Yn({
     container: {
       width: "100%",
       position: "relative",
@@ -2486,8 +2486,8 @@ const { defineMultiStyleConfig: Ln, definePartsStyle: Gn } = ke(Uo.keys), It = {
     }
   },
   defaultProps: {}
-}), { defineMultiStyleConfig: Hn, definePartsStyle: Nn } = ke(qo.keys), Xn = Hn({
-  baseStyle: Nn({
+}), { defineMultiStyleConfig: Nn, definePartsStyle: Xn } = ke(Ko.keys), Vn = Nn({
+  baseStyle: Xn({
     text: {
       color: "utility.warning",
       fontSize: ["sm", "md"]
@@ -2499,7 +2499,7 @@ const { defineMultiStyleConfig: Ln, definePartsStyle: Gn } = ke(Uo.keys), It = {
       mr: 1
     }
   })
-}), Vn = {
+}), Un = {
   fontSize: ["sm", "md"],
   color: "tints.black",
   transitionProperty: "common",
@@ -2508,9 +2508,12 @@ const { defineMultiStyleConfig: Ln, definePartsStyle: Gn } = ke(Uo.keys), It = {
   _disabled: {
     opacity: 0.4
   }
-}, Un = {
-  baseStyle: Vn
-}, qn = ke(["addon", "field", "element"]), xe = qn.defineMultiStyleConfig({
+}, qn = {
+  baseStyle: Un
+}, Kn = ke(["addon", "field", "element"]), zt = {
+  borderColor: "tints.lightGrey",
+  color: "tints.medGrey"
+}, xe = Kn.defineMultiStyleConfig({
   baseStyle: {
     field: {
       fontWeight: "medium",
@@ -2529,9 +2532,12 @@ const { defineMultiStyleConfig: Ln, definePartsStyle: Gn } = ke(Uo.keys), It = {
         borderColor: "viridian.base",
         outline: "none"
       },
-      ":disabled, input:read-only": {
-        borderColor: "tints.lightGrey",
-        color: "tints.medGrey"
+      ":disabled": {
+        ...zt
+      },
+      // same styles as disabled, keep it separated for Select config to override
+      ":read-only": {
+        ...zt
       },
       _placeholder: {
         color: "tints.uiGrey"
@@ -2549,14 +2555,14 @@ const { defineMultiStyleConfig: Ln, definePartsStyle: Gn } = ke(Uo.keys), It = {
   sizes: {},
   variants: {},
   defaultProps: {}
-}), Kn = ke([
+}), Jn = ke([
   "button",
   "list",
   "item",
   "groupTitle",
   "command",
   "divider"
-]), Jn = Kn.defineMultiStyleConfig({
+]), Zn = Jn.defineMultiStyleConfig({
   baseStyle: {
     button: {},
     list: {
@@ -2649,15 +2655,16 @@ const { defineMultiStyleConfig: Ln, definePartsStyle: Gn } = ke(Uo.keys), It = {
   defaultProps: {
     size: "md"
   }
-}), { definePartsStyle: Zn, defineMultiStyleConfig: Qn } = Me(Zo.keys);
-var zt, Pt, $t;
-const ea = Zn({
+}), { definePartsStyle: Qn, defineMultiStyleConfig: ea } = Me(Qo.keys);
+var Pt, $t, Mt;
+const ra = Qn({
   field: {
-    ...(zt = xe == null ? void 0 : xe.baseStyle) == null ? void 0 : zt.field,
+    ...(Pt = xe == null ? void 0 : xe.baseStyle) == null ? void 0 : Pt.field,
     // Apply grey color to the placeholder when the value is empty
     ':has(option[value=""]:checked)': {
-      ...($t = (Pt = xe == null ? void 0 : xe.baseStyle) == null ? void 0 : Pt.field) == null ? void 0 : $t._placeholder
+      ...(Mt = ($t = xe == null ? void 0 : xe.baseStyle) == null ? void 0 : $t.field) == null ? void 0 : Mt._placeholder
     },
+    ":read-only": void 0,
     // Remove the default caret from the browser styles
     WebkitAppearance: "none",
     MozAppearance: "none"
@@ -2669,7 +2676,7 @@ const ea = Zn({
       color: "tints.medGrey"
     }
   }
-}), ra = Qn({ baseStyle: ea }), ta = re({
+}), ta = ea({ baseStyle: ra }), oa = re({
   baseStyle: {
     thumb: {
       cursor: "grab",
@@ -2682,7 +2689,7 @@ const ea = Zn({
   sizes: {},
   variants: {},
   defaultProps: {}
-}), oa = re({
+}), na = re({
   baseStyle: {
     color: "viridian.base",
     fontWeight: "normal",
@@ -2710,7 +2717,7 @@ const ea = Zn({
   defaultProps: {
     size: "md"
   }
-}), na = re({
+}), aa = re({
   baseStyle: {
     stepper: {
       width: "100%",
@@ -2730,7 +2737,7 @@ const ea = Zn({
   sizes: {},
   variants: {},
   defaultProps: {}
-}), aa = re({
+}), ia = re({
   baseStyle: {
     fontFamily: "heading",
     fontWeight: "normal",
@@ -2783,7 +2790,7 @@ const ea = Zn({
   defaultProps: {
     size: "md"
   }
-}), ia = re({
+}), sa = re({
   baseStyle: {
     fontFamily: "body",
     fontWeight: "normal",
@@ -2813,7 +2820,7 @@ const ea = Zn({
   defaultProps: {
     size: "lg"
   }
-}), sa = re({
+}), la = re({
   baseStyle: {},
   sizes: {
     sm: {
@@ -2830,7 +2837,7 @@ const ea = Zn({
   defaultProps: {
     size: "md"
   }
-}), { defineMultiStyleConfig: la, definePartsStyle: ut } = ke(Vo.keys), da = {
+}), { defineMultiStyleConfig: da, definePartsStyle: ut } = ke(Uo.keys), ca = {
   partial: ut({
     dialog: {
       maxW: 560
@@ -2843,7 +2850,7 @@ const ea = Zn({
       borderRadius: 0
     }
   })
-}, ca = ut({
+}, ua = ut({
   overlay: {
     zIndex: "overlay",
     bg: (e) => `${e.colors.tints.black}66`
@@ -2887,11 +2894,11 @@ const ea = Zn({
     py: 6,
     px: 8
   }
-}), ua = la({
-  baseStyle: ca,
-  sizes: da,
+}), fa = da({
+  baseStyle: ua,
+  sizes: ca,
   defaultProps: { size: "partial" }
-}), fa = re({
+}), pa = re({
   baseStyle: {
     // adding a background color and/or font color to the tooltip causes the arrow to disappear
     // not including these properties for now
@@ -2900,9 +2907,9 @@ const ea = Zn({
   },
   sizes: {},
   defaultProps: {}
-}), { defineMultiStyleConfig: pa } = Me(
-  Ko.keys
-), ga = pa({
+}), { defineMultiStyleConfig: ga } = Me(
+  Jo.keys
+), ha = ga({
   baseStyle: {
     overlay: {
       background: "rgba(0, 0, 0, 0.8)",
@@ -2995,7 +3002,7 @@ const ea = Zn({
     full: {
       dialog: {
         maxWidth: "100vw",
-        height: "100vh"
+        height: "100dvh"
       }
     }
   },
@@ -3003,8 +3010,8 @@ const ea = Zn({
   defaultProps: {
     size: "md"
   }
-}), Nt = qe("progress-background"), Xt = qe("progress-filled-background"), { defineMultiStyleConfig: ha, definePartsStyle: ba } = ke(Jo.keys), ma = ha({
-  baseStyle: ba({
+}), Xt = qe("progress-background"), Vt = qe("progress-filled-background"), { defineMultiStyleConfig: ba, definePartsStyle: ma } = ke(Zo.keys), ya = ba({
+  baseStyle: ma({
     label: {
       lineHeight: "1",
       fontSize: "0.25em",
@@ -3012,11 +3019,11 @@ const ea = Zn({
       color: "white"
     },
     track: {
-      background: Nt.reference
+      background: Xt.reference
     },
     filledTrack: {
       transition: "300ms",
-      background: Xt.reference
+      background: Vt.reference
     }
   }),
   sizes: {
@@ -3049,7 +3056,7 @@ const ea = Zn({
   defaultProps: {
     size: "xs"
   }
-}), ya = re({
+}), va = re({
   baseStyle: {},
   sizes: {
     sm: {
@@ -3072,20 +3079,20 @@ const ea = Zn({
   defaultProps: {
     size: "md"
   }
-}), va = qe("skeleton-start-color"), Sa = qe("skeleton-end-color"), xa = qe("skeleton-speed"), ka = re({
+}), Sa = qe("skeleton-start-color"), xa = qe("skeleton-end-color"), ka = qe("skeleton-speed"), wa = re({
   baseStyle: {
-    [va.variable]: "colors.tints.lightGrey",
-    [Sa.variable]: "colors.tints.medGrey",
-    [xa.variable]: "0.8",
+    [Sa.variable]: "colors.tints.lightGrey",
+    [xa.variable]: "colors.tints.medGrey",
+    [ka.variable]: "0.8",
     borderRadius: "sm",
     p: "4"
   },
   sizes: {},
   variants: {},
   defaultProps: {}
-}), { defineMultiStyleConfig: wa } = Me(
-  en.keys
-), _a = wa({
+}), { defineMultiStyleConfig: _a } = Me(
+  rn.keys
+), Ca = _a({
   baseStyle: {
     tab: {
       color: "tints.darkGrey",
@@ -3148,9 +3155,9 @@ const ea = Zn({
   defaultProps: {
     size: "lg"
   }
-}), { defineMultiStyleConfig: Ca } = Me(
-  rn.keys
-), Ta = {
+}), { defineMultiStyleConfig: Ta } = Me(
+  tn.keys
+), Ra = {
   sm: {
     paddingX: ["2", "2"],
     paddingY: ["0.5", "2"]
@@ -3159,7 +3166,7 @@ const ea = Zn({
     paddingX: ["2", "3"],
     paddingY: ["0.5", "3"]
   }
-}, Ra = Ca({
+}, Ea = Ta({
   baseStyle: {
     container: {
       fontWeight: "medium",
@@ -3281,7 +3288,7 @@ const ea = Zn({
         backgroundColor: "tints.white",
         color: "tints.black",
         borderRadius: "8px",
-        ...Ta[e]
+        ...Ra[e]
       },
       label: {
         backgroundColor: "tints.white",
@@ -3299,9 +3306,9 @@ const ea = Zn({
     size: "md",
     variant: "primary"
   }
-}), { defineMultiStyleConfig: Ea } = ke(
-  No.keys
-), Fa = Ea({
+}), { defineMultiStyleConfig: Fa } = ke(
+  Xo.keys
+), Ba = Fa({
   baseStyle: {
     container: {
       width: "100%"
@@ -3354,9 +3361,9 @@ const ea = Zn({
     size: "lg",
     variant: "primary"
   }
-}), { defineMultiStyleConfig: Ba } = Me(
-  Qo.keys
-), Ia = Ba({
+}), { defineMultiStyleConfig: Ia } = Me(
+  en.keys
+), za = Ia({
   baseStyle: {
     table: {
       width: "full",
@@ -3403,7 +3410,7 @@ const ea = Zn({
   defaultProps: {
     variant: "simple"
   }
-}), za = re({
+}), Pa = re({
   baseStyle: {
     w: "100%",
     paddingX: "48px"
@@ -3432,7 +3439,7 @@ const ea = Zn({
   defaultProps: {
     size: "lg"
   }
-}), Pa = {
+}), $a = {
   tints: {
     black: "#0F0F0F",
     darkGrey: "#545454",
@@ -3538,7 +3545,7 @@ const ea = Zn({
     900: "#143927"
     // dark
   },
-  whiteCS: { ...Mt.colors.whiteAlpha, base: "#FFFFFF" },
+  whiteCS: { ...Ot.colors.whiteAlpha, base: "#FFFFFF" },
   // contextual colors
   utility: {
     warning: "#CC0F05",
@@ -3546,8 +3553,9 @@ const ea = Zn({
     success: "#28724F",
     rating: "#F5A623"
   }
-}, { semanticTokens: Va, sizes: Ua, space: qa, ...$a } = Mt, E = (e) => `${e / 16}rem`, Ma = (e) => e, Ka = Ma({
-  ...$a,
+}, { semanticTokens: Ua, sizes: qa, space: Ka, ...Ma } = Ot, E = (e) => `${e / 16}rem`, Oa = (e) => e, Ja = Oa({
+  ...Ma,
+  //To fix: https://github.com/chakra-ui/chakra-ui/issues/8671
   styles: {
     global: {
       "html:has(body[data-scroll-locked])": {
@@ -3681,39 +3689,39 @@ const ea = Zn({
     toast: 1700,
     tooltip: 1800
   },
-  colors: Pa,
+  colors: $a,
   components: {
-    Accordion: Fa,
-    Button: Ho,
-    Checkbox: nn,
-    Container: za,
-    Drawer: ua,
-    Form: Yn,
+    Accordion: Ba,
+    Button: No,
+    Checkbox: an,
+    Container: Pa,
+    Drawer: fa,
+    Form: Hn,
     // Not sure why chakra does not follow their naming convention for this theme, but this is the way that it works
-    FormError: Xn,
-    FormLabel: Un,
-    Select: ra,
-    Heading: aa,
-    Icon: sa,
+    FormError: Vn,
+    FormLabel: qn,
+    Select: ta,
+    Heading: ia,
+    Icon: la,
     Input: xe,
-    Link: oa,
-    Stepper: na,
-    Menu: Jn,
-    Progress: ma,
-    Slider: ta,
-    Spinner: ya,
-    Skeleton: ka,
-    Tabs: _a,
-    Table: Ia,
-    Tag: Ra,
-    Text: ia,
-    Tooltip: fa,
-    Modal: ga
-  }
-}), Oa = () => To(), Vt = Do({
+    Link: na,
+    Stepper: aa,
+    Menu: Zn,
+    Progress: ya,
+    Slider: oa,
+    Spinner: va,
+    Skeleton: wa,
+    Tabs: Ca,
+    Table: za,
+    Tag: Ea,
+    Text: sa,
+    Tooltip: pa,
+    Modal: ha
+  }
+}), Da = () => Ro(), Ut = Ao({
   spacing: 0,
   columns: 1
-}), Da = Er.forwardRef(
+}), Aa = Er.forwardRef(
   ({
     children: e,
     alignEdges: a = !0,
@@ -3722,9 +3730,9 @@ const ea = Zn({
     spacing: f,
     ...m
   }, T) => {
-    const w = Oa(), g = f ?? w.space[4], z = (v) => typeof v == "number" ? -1 * v : `-${v}`, _ = Array.isArray(g) ? g.map((v) => v && z(v)) : g && z(g);
-    return /* @__PURE__ */ Y.jsx(Vt.Provider, { value: { spacing: g, columns: u }, children: /* @__PURE__ */ Y.jsx(Ve, { m: a ? _ : void 0, children: /* @__PURE__ */ Y.jsx(
-      Ro,
+    const w = Da(), g = f ?? w.space[4], z = (v) => typeof v == "number" ? -1 * v : `-${v}`, _ = Array.isArray(g) ? g.map((v) => v && z(v)) : g && z(g);
+    return /* @__PURE__ */ Y.jsx(Ut.Provider, { value: { spacing: g, columns: u }, children: /* @__PURE__ */ Y.jsx(Ve, { m: a ? _ : void 0, children: /* @__PURE__ */ Y.jsx(
+      Eo,
       {
         flexWrap: "wrap",
         pl: g,
@@ -3737,10 +3745,10 @@ const ea = Zn({
     ) }) });
   }
 );
-Da.displayName = "Grid";
-const Aa = Er.forwardRef(
+Aa.displayName = "Grid";
+const Wa = Er.forwardRef(
   ({ children: e, width: a, ...s }, u) => {
-    const { columns: f, spacing: m } = Ao(Vt), T = Array.isArray(a) ? a.map((g) => g === "auto" ? 1 : 0) : a === "auto" ? 1 : 0, w = () => (Array.isArray(f) ? f : [f]).map((z) => `${100 / z}%`);
+    const { columns: f, spacing: m } = Wo(Ut), T = Array.isArray(a) ? a.map((g) => g === "auto" ? 1 : 0) : a === "auto" ? 1 : 0, w = () => (Array.isArray(f) ? f : [f]).map((z) => `${100 / z}%`);
     return /* @__PURE__ */ Y.jsx(
       Ve,
       {
@@ -3758,25 +3766,25 @@ const Aa = Er.forwardRef(
     );
   }
 );
-Aa.displayName = "GridItem";
-const Ja = Eo, Za = Fo, Wa = (e) => /* @__PURE__ */ Y.jsx(Bo, { icon: /* @__PURE__ */ Y.jsx(Ot, { as: Dt }), ...e });
-Wa.displayName = "Checkbox";
-function ja(e, a) {
+Wa.displayName = "GridItem";
+const Za = Fo, Qa = Bo, ja = (e) => /* @__PURE__ */ Y.jsx(Io, { icon: /* @__PURE__ */ Y.jsx(Dt, { as: At }), ...e });
+ja.displayName = "Checkbox";
+function La(e, a) {
   const { background: s, filledBackground: u, ...f } = e;
   return /* @__PURE__ */ Y.jsx(
-    Io,
+    zo,
     {
       ...f,
       ref: a,
       sx: {
-        [Nt.variable]: s ?? "colors.tints.lightGrey",
-        [Xt.variable]: u ?? "colors.utility.rating"
+        [Xt.variable]: s ?? "colors.tints.lightGrey",
+        [Vt.variable]: u ?? "colors.utility.rating"
       }
     }
   );
 }
-const Qa = Wo(ja), nt = "32px", _r = (e) => e == null, La = zo((e, a) => {
-  const s = Po(), u = {
+const ei = jo(La), nt = "32px", _r = (e) => e == null, Ga = Po((e, a) => {
+  const s = $o(), u = {
     isDisabled: s == null ? void 0 : s.isDisabled,
     isFocusable: s == null ? void 0 : s.isFocusable,
     isChecked: !_r(s == null ? void 0 : s.value) && !_r(e.value) ? s.value === e.value : e.isChecked,
@@ -3792,12 +3800,12 @@ const Qa = Wo(ja), nt = "32px", _r = (e) => e == null, La = zo((e, a) => {
     getLabelProps: w,
     state: g,
     getRootProps: z
-  } = $o({
+  } = Mo({
     ...e,
     ...u
   }), _ = f({}, a), v = m(), D = w(), G = z(), X = g.isChecked, te = () => e.isDisabled ? "tints.lightGrey" : X ? "viridian.base" : "tints.white", oe = () => e.isDisabled ? "tints.lightGrey" : X ? "viridian.base" : "tints.uiGrey", V = () => e.isDisabled ? "not-allowed" : "pointer";
   return /* @__PURE__ */ Y.jsxs(
-    Mo.label,
+    Oo.label,
     {
       ...T,
       ...G,
@@ -3829,7 +3837,7 @@ const Qa = Wo(ja), nt = "32px", _r = (e) => e == null, La = zo((e, a) => {
             width: nt,
             rounded: "full",
             cursor: V(),
-            children: X && /* @__PURE__ */ Y.jsx(Ot, { as: Dt })
+            children: X && /* @__PURE__ */ Y.jsx(Dt, { as: At })
           }
         ),
         /* @__PURE__ */ Y.jsx(
@@ -3847,9 +3855,9 @@ const Qa = Wo(ja), nt = "32px", _r = (e) => e == null, La = zo((e, a) => {
     }
   );
 });
-La.displayName = "Radio";
-const Ga = () => /* @__PURE__ */ Y.jsx(
-  jo,
+Ga.displayName = "Radio";
+const Ya = () => /* @__PURE__ */ Y.jsx(
+  Lo,
   {
     styles: `
       /* PP Agrandir */
@@ -3932,129 +3940,129 @@ const Ga = () => /* @__PURE__ */ Y.jsx(
       }
       `
   }
-), ei = ({
+), ri = ({
   children: e,
   ...a
-}) => /* @__PURE__ */ Y.jsxs(Oo, { ...a, children: [
-  /* @__PURE__ */ Y.jsx(Ga, {}),
+}) => /* @__PURE__ */ Y.jsxs(Do, { ...a, children: [
+  /* @__PURE__ */ Y.jsx(Ya, {}),
   e
 ] });
 export {
-  oi as Accordion,
-  ni as AccordionButton,
-  ai as AccordionIcon,
-  ii as AccordionItem,
-  si as AccordionPanel,
-  li as Box,
-  di as Breadcrumb,
-  ci as BreadcrumbItem,
-  ui as BreadcrumbLink,
-  fi as BreadcrumbSeparator,
-  pi as Button,
-  Wa as Checkbox,
-  gi as CheckboxGroup,
-  hi as Container,
-  bi as Drawer,
-  mi as DrawerBody,
-  yi as DrawerCloseButton,
-  vi as DrawerContent,
-  Si as DrawerFooter,
-  xi as DrawerHeader,
-  ki as DrawerOverlay,
-  wi as Flex,
-  _i as FormControl,
-  Ci as FormErrorMessage,
-  Ti as FormHelperText,
-  Ri as FormLabel,
-  Da as Grid,
-  Aa as GridItem,
-  Ei as HStack,
-  Fi as Heading,
-  Za as Hide,
-  Bi as Icon,
-  Ii as IconButton,
-  zi as Image,
-  Pi as Input,
-  $i as InputGroup,
-  Mi as InputLeftElement,
-  Oi as InputRightElement,
-  Di as Link,
-  Ai as List,
-  Wi as ListIcon,
-  ji as ListItem,
-  Li as Menu,
-  Gi as MenuButton,
-  Yi as MenuCommand,
-  Hi as MenuDivider,
-  Ni as MenuGroup,
-  Xi as MenuItem,
-  Vi as MenuItemOption,
-  Ui as MenuList,
-  qi as MenuOptionGroup,
-  Ki as Modal,
-  Ji as ModalBody,
-  Zi as ModalCloseButton,
-  Qi as ModalContent,
-  es as ModalFooter,
-  rs as ModalHeader,
-  ts as ModalOverlay,
-  os as OrderedList,
-  Qa as Progress,
-  La as Radio,
-  ns as RadioGroup,
-  as as Select,
-  Ja as Show,
-  is as Skeleton,
-  ss as SkeletonCircle,
-  ls as SkeletonText,
-  ds as Slider,
-  cs as SliderFilledTrack,
-  us as SliderMark,
-  fs as SliderThumb,
-  ps as SliderTrack,
-  gs as Spacer,
-  hs as Spinner,
-  bs as Stack,
-  ms as Step,
-  ys as StepDescription,
-  vs as StepIcon,
-  Ss as StepIndicator,
-  xs as StepNumber,
-  ks as StepSeparator,
-  ws as StepStatus,
-  _s as StepTitle,
-  Cs as Stepper,
-  Ts as Tab,
-  Rs as TabList,
-  Es as TabPanel,
-  Fs as TabPanels,
-  Bs as Table,
-  Is as TableCaption,
-  zs as TableContainer,
-  Ps as Tabs,
-  $s as Tag,
-  Ms as TagCloseButton,
-  Os as TagLabel,
-  Ds as TagLeftIcon,
-  As as TagRightIcon,
-  Ws as Tbody,
-  js as Td,
-  Ls as Text,
-  Gs as Tfoot,
-  Ys as Th,
-  Hs as Thead,
-  ei as ThemeProvider,
-  Ns as Tooltip,
-  Xs as Tr,
-  Vs as UnorderedList,
-  Us as VStack,
-  qs as VisuallyHidden,
-  Ks as extendTheme,
-  ol as styled,
-  Ka as theme,
-  Js as useDisclosure,
-  Zs as useMediaQuery,
-  Qs as useRadioGroup,
-  el as useSteps,
-  rl as useTab
+  ni as Accordion,
+  ai as AccordionButton,
+  ii as AccordionIcon,
+  si as AccordionItem,
+  li as AccordionPanel,
+  di as Box,
+  ci as Breadcrumb,
+  ui as BreadcrumbItem,
+  fi as BreadcrumbLink,
+  pi as BreadcrumbSeparator,
+  gi as Button,
+  ja as Checkbox,
+  hi as CheckboxGroup,
+  bi as Container,
+  mi as Drawer,
+  yi as DrawerBody,
+  vi as DrawerCloseButton,
+  Si as DrawerContent,
+  xi as DrawerFooter,
+  ki as DrawerHeader,
+  wi as DrawerOverlay,
+  _i as Flex,
+  Ci as FormControl,
+  Ti as FormErrorMessage,
+  Ri as FormHelperText,
+  Ei as FormLabel,
+  Aa as Grid,
+  Wa as GridItem,
+  Fi as HStack,
+  Bi as Heading,
+  Qa as Hide,
+  Ii as Icon,
+  zi as IconButton,
+  Pi as Image,
+  $i as Input,
+  Mi as InputGroup,
+  Oi as InputLeftElement,
+  Di as InputRightElement,
+  Ai as Link,
+  Wi as List,
+  ji as ListIcon,
+  Li as ListItem,
+  Gi as Menu,
+  Yi as MenuButton,
+  Hi as MenuCommand,
+  Ni as MenuDivider,
+  Xi as MenuGroup,
+  Vi as MenuItem,
+  Ui as MenuItemOption,
+  qi as MenuList,
+  Ki as MenuOptionGroup,
+  Ji as Modal,
+  Zi as ModalBody,
+  Qi as ModalCloseButton,
+  es as ModalContent,
+  rs as ModalFooter,
+  ts as ModalHeader,
+  os as ModalOverlay,
+  ns as OrderedList,
+  ei as Progress,
+  Ga as Radio,
+  as as RadioGroup,
+  is as Select,
+  Za as Show,
+  ss as Skeleton,
+  ls as SkeletonCircle,
+  ds as SkeletonText,
+  cs as Slider,
+  us as SliderFilledTrack,
+  fs as SliderMark,
+  ps as SliderThumb,
+  gs as SliderTrack,
+  hs as Spacer,
+  bs as Spinner,
+  ms as Stack,
+  ys as Step,
+  vs as StepDescription,
+  Ss as StepIcon,
+  xs as StepIndicator,
+  ks as StepNumber,
+  ws as StepSeparator,
+  _s as StepStatus,
+  Cs as StepTitle,
+  Ts as Stepper,
+  Rs as Tab,
+  Es as TabList,
+  Fs as TabPanel,
+  Bs as TabPanels,
+  Is as Table,
+  zs as TableCaption,
+  Ps as TableContainer,
+  $s as Tabs,
+  Ms as Tag,
+  Os as TagCloseButton,
+  Ds as TagLabel,
+  As as TagLeftIcon,
+  Ws as TagRightIcon,
+  js as Tbody,
+  Ls as Td,
+  Gs as Text,
+  Ys as Tfoot,
+  Hs as Th,
+  Ns as Thead,
+  ri as ThemeProvider,
+  Xs as Tooltip,
+  Vs as Tr,
+  Us as UnorderedList,
+  qs as VStack,
+  Ks as VisuallyHidden,
+  Js as extendTheme,
+  nl as styled,
+  Ja as theme,
+  Zs as useDisclosure,
+  Qs as useMediaQuery,
+  el as useRadioGroup,
+  rl as useSteps,
+  tl as useTab
 };