@everlywell/ui-kit 1.1.2 → 1.2.0

package/index.mjs

@@ -1,10 +1,10 @@
-import { defineStyleConfig as pe, createMultiStyleConfigHelpers as Tr, cssVar as Xe, baseTheme as It, useTheme as ko, Box as Ne, Flex as wo, Show as _o, Hide as Co, Checkbox as To, Icon as Pt, Progress as Ro, forwardRef as Eo, useRadioGroupContext as Fo, useRadio as Bo, chakra as Io, ChakraBaseProvider as Po } from "@chakra-ui/react";
-import { Accordion as Va, AccordionButton as Xa, AccordionIcon as Ua, AccordionItem as qa, AccordionPanel as Ka, Box as Ja, Breadcrumb as Za, BreadcrumbItem as Qa, BreadcrumbLink as ei, BreadcrumbSeparator as ri, Button as ti, CheckboxGroup as oi, Container as ni, Drawer as ai, DrawerBody as ii, DrawerCloseButton as si, DrawerContent as li, DrawerFooter as di, DrawerHeader as ci, DrawerOverlay as ui, Flex as fi, FormControl as pi, FormErrorMessage as gi, FormHelperText as hi, FormLabel as bi, HStack as mi, Heading as vi, Icon as yi, IconButton as Si, Image as xi, Input as ki, InputGroup as wi, InputLeftElement as _i, InputRightElement as Ci, Link as Ti, List as Ri, ListIcon as Ei, ListItem as Fi, Menu as Bi, MenuButton as Ii, MenuCommand as Pi, MenuDivider as zi, MenuGroup as $i, MenuItem as Mi, MenuItemOption as Oi, MenuList as Di, MenuOptionGroup as Ai, OrderedList as ji, RadioGroup as Wi, Select as Li, Skeleton as Gi, SkeletonCircle as Yi, SkeletonText as Hi, Slider as Ni, SliderFilledTrack as Vi, SliderMark as Xi, SliderThumb as Ui, SliderTrack as qi, Spacer as Ki, Spinner as Ji, Stack as Zi, Tab as Qi, TabList as es, TabPanel as rs, TabPanels as ts, Tabs as os, Tag as ns, TagCloseButton as as, TagLabel as is, TagLeftIcon as ss, TagRightIcon as ls, Text as ds, UnorderedList as cs, VStack as us, VisuallyHidden as fs, extendBaseTheme as ps, useMediaQuery as gs, useRadioGroup as hs, useTab as bs } from "@chakra-ui/react";
+import { defineStyleConfig as pe, createMultiStyleConfigHelpers as Xe, cssVar as Ue, baseTheme as It, useTheme as ko, Box as Ne, Flex as wo, Show as _o, Hide as Co, Checkbox as To, Icon as Pt, Progress as Ro, forwardRef as Eo, useRadioGroupContext as Fo, useRadio as Bo, chakra as Io, ChakraBaseProvider as Po } from "@chakra-ui/react";
+import { Accordion as qa, AccordionButton as Ka, AccordionIcon as Ja, AccordionItem as Za, AccordionPanel as Qa, Box as ei, Breadcrumb as ri, BreadcrumbItem as ti, BreadcrumbLink as oi, BreadcrumbSeparator as ni, Button as ai, CheckboxGroup as ii, Container as si, Drawer as li, DrawerBody as di, DrawerCloseButton as ci, DrawerContent as ui, DrawerFooter as fi, DrawerHeader as pi, DrawerOverlay as gi, Flex as hi, FormControl as bi, FormErrorMessage as mi, FormHelperText as yi, FormLabel as vi, HStack as Si, Heading as xi, Icon as ki, IconButton as wi, Image as _i, Input as Ci, InputGroup as Ti, InputLeftElement as Ri, InputRightElement as Ei, Link as Fi, List as Bi, ListIcon as Ii, ListItem as Pi, Menu as zi, MenuButton as $i, MenuCommand as Mi, MenuDivider as Oi, MenuGroup as Di, MenuItem as Ai, MenuItemOption as ji, MenuList as Wi, MenuOptionGroup as Li, OrderedList as Gi, RadioGroup as Yi, Select as Hi, Skeleton as Ni, SkeletonCircle as Vi, SkeletonText as Xi, Slider as Ui, SliderFilledTrack as qi, SliderMark as Ki, SliderThumb as Ji, SliderTrack as Zi, Spacer as Qi, Spinner as es, Stack as rs, Tab as ts, TabList as os, TabPanel as ns, TabPanels as as, Table as is, TableCaption as ss, TableContainer as ls, Tabs as ds, Tag as cs, TagCloseButton as us, TagLabel as fs, TagLeftIcon as ps, TagRightIcon as gs, Tbody as hs, Td as bs, Text as ms, Tfoot as ys, Th as vs, Thead as Ss, Tr as xs, UnorderedList as ks, VStack as ws, VisuallyHidden as _s, extendBaseTheme as Cs, useMediaQuery as Ts, useRadioGroup as Rs, useTab as Es } from "@chakra-ui/react";
 import Rr, { createContext as zo, useContext as $o, forwardRef as Mo } from "react";
 import { Check as zt } from "@phosphor-icons/react";
 import { Global as Oo } from "@emotion/react";
-import { default as vs } from "@emotion/styled";
-var Sr = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+import { default as Bs } from "@emotion/styled";
+var xr = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function Do(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
@@ -21,7 +21,7 @@ var nt = { exports: {} }, Ge = {};
 var kt;
 function Ao() {
   return kt || (kt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = Rr, 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"), P = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), G = Symbol.for("react.offscreen"), V = Symbol.iterator, re = "@@iterator";
+    var e = Rr, 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"), P = Symbol.for("react.suspense"), _ = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), D = Symbol.for("react.lazy"), G = Symbol.for("react.offscreen"), V = Symbol.iterator, re = "@@iterator";
     function te(t) {
       if (t === null || typeof t != "object")
         return null;
@@ -46,14 +46,14 @@ function Ao() {
         S.unshift("Warning: " + l), Function.prototype.apply.call(console[t], console, S);
       }
     }
-    var we = !1, Fr = !1, Br = !1, Ir = !1, Pr = !1, Ue;
-    Ue = Symbol.for("react.module.reference");
+    var we = !1, Fr = !1, Br = !1, Ir = !1, Pr = !1, qe;
+    qe = Symbol.for("react.module.reference");
     function zr(t) {
-      return !!(typeof t == "string" || typeof t == "function" || t === u || t === m || Pr || t === f || t === P || t === _ || Ir || t === G || we || Fr || Br || typeof t == "object" && t !== null && (t.$$typeof === D || t.$$typeof === y || t.$$typeof === T || t.$$typeof === w || t.$$typeof === g || // This needs to include all possible module reference object
+      return !!(typeof t == "string" || typeof t == "function" || t === u || t === m || Pr || t === f || t === P || t === _ || Ir || t === G || we || Fr || Br || typeof t == "object" && t !== null && (t.$$typeof === D || t.$$typeof === v || t.$$typeof === T || t.$$typeof === w || t.$$typeof === g || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      t.$$typeof === Ue || t.getModuleId !== void 0));
+      t.$$typeof === qe || t.getModuleId !== void 0));
     }
     function $r(t, l, d) {
       var p = t.displayName;
@@ -62,7 +62,7 @@ function Ao() {
       var k = l.displayName || l.name || "";
       return k !== "" ? d + "(" + k + ")" : d;
     }
-    function qe(t) {
+    function Ke(t) {
       return t.displayName || "Context";
     }
     function Z(t) {
@@ -90,13 +90,13 @@ function Ao() {
         switch (t.$$typeof) {
           case w:
             var l = t;
-            return qe(l) + ".Consumer";
+            return Ke(l) + ".Consumer";
           case T:
             var d = t;
-            return qe(d._context) + ".Provider";
+            return Ke(d._context) + ".Provider";
           case g:
             return $r(t, t.render, "ForwardRef");
-          case y:
+          case v:
             var p = t.displayName || null;
             return p !== null ? p : Z(t.type) || "Memo";
           case D: {
@@ -110,14 +110,14 @@ function Ao() {
         }
       return null;
     }
-    var se = Object.assign, ve = 0, Ke, Je, Ze, Qe, er, rr, tr;
+    var se = Object.assign, ye = 0, Je, Ze, Qe, er, rr, tr, or;
     function B() {
     }
     B.__reactDisabledLog = !0;
-    function or() {
+    function nr() {
       {
-        if (ve === 0) {
-          Ke = console.log, Je = console.info, Ze = console.warn, Qe = console.error, er = console.group, rr = console.groupCollapsed, tr = console.groupEnd;
+        if (ye === 0) {
+          Je = console.log, Ze = console.info, Qe = console.warn, er = console.error, rr = console.group, tr = console.groupCollapsed, or = console.groupEnd;
           var t = {
             configurable: !0,
             enumerable: !0,
@@ -134,12 +134,12 @@ function Ao() {
             groupEnd: t
           });
         }
-        ve++;
+        ye++;
       }
     }
     function Mr() {
       {
-        if (ve--, ve === 0) {
+        if (ye--, ye === 0) {
           var t = {
             configurable: !0,
             enumerable: !0,
@@ -147,29 +147,29 @@ function Ao() {
           };
           Object.defineProperties(console, {
             log: se({}, t, {
-              value: Ke
+              value: Je
             }),
             info: se({}, t, {
-              value: Je
+              value: Ze
             }),
             warn: se({}, t, {
-              value: Ze
+              value: Qe
             }),
             error: se({}, t, {
-              value: Qe
+              value: er
             }),
             group: se({}, t, {
-              value: er
+              value: rr
             }),
             groupCollapsed: se({}, t, {
-              value: rr
+              value: tr
             }),
             groupEnd: se({}, t, {
-              value: tr
+              value: or
             })
           });
         }
-        ve < 0 && $("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        ye < 0 && $("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var le = X.ReactCurrentDispatcher, _e;
@@ -188,8 +188,8 @@ function Ao() {
     }
     var Ce = !1, ge;
     {
-      var nr = typeof WeakMap == "function" ? WeakMap : Map;
-      ge = new nr();
+      var ar = typeof WeakMap == "function" ? WeakMap : Map;
+      ge = new ar();
     }
     function $e(t, l) {
       if (!t || Ce)
@@ -204,7 +204,7 @@ function Ao() {
       var k = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var S;
-      S = le.current, le.current = null, or();
+      S = le.current, le.current = null, nr();
       try {
         if (l) {
           var b = function() {
@@ -259,8 +259,8 @@ function Ao() {
       } finally {
         Ce = !1, le.current = S, Mr(), Error.prepareStackTrace = k;
       }
-      var ae = t ? t.displayName || t.name : "", br = ae ? oe(ae) : "";
-      return typeof t == "function" && ge.set(t, br), br;
+      var ae = t ? t.displayName || t.name : "", mr = ae ? oe(ae) : "";
+      return typeof t == "function" && ge.set(t, mr), mr;
     }
     function Or(t, l, d) {
       return $e(t, !1);
@@ -286,7 +286,7 @@ function Ao() {
         switch (t.$$typeof) {
           case g:
             return Or(t.render);
-          case y:
+          case v:
             return Te(t.type, l, d);
           case D: {
             var p = t, k = p._payload, S = p._init;
@@ -298,13 +298,13 @@ function Ao() {
         }
       return "";
     }
-    var Re = Object.prototype.hasOwnProperty, ar = {}, ir = X.ReactDebugCurrentFrame;
+    var Re = Object.prototype.hasOwnProperty, ir = {}, sr = X.ReactDebugCurrentFrame;
     function Ee(t) {
       if (t) {
         var l = t._owner, d = Te(t.type, t._source, l ? l.type : null);
-        ir.setExtraStackFrame(d);
+        sr.setExtraStackFrame(d);
       } else
-        ir.setExtraStackFrame(null);
+        sr.setExtraStackFrame(null);
     }
     function Fe(t, l, d, p, k) {
       {
@@ -321,7 +321,7 @@ function Ao() {
             } catch (A) {
               h = A;
             }
-            h && !(h instanceof Error) && (Ee(k), $("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", d, b, typeof h), Ee(null)), h instanceof Error && !(h.message in ar) && (ar[h.message] = !0, Ee(k), $("Failed %s type: %s", d, h.message), Ee(null));
+            h && !(h instanceof Error) && (Ee(k), $("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", p || "React class", d, b, typeof h), Ee(null)), h instanceof Error && !(h.message in ir) && (ir[h.message] = !0, Ee(k), $("Failed %s type: %s", d, h.message), Ee(null));
           }
       }
     }
@@ -335,7 +335,7 @@ function Ao() {
         return d;
       }
     }
-    function sr(t) {
+    function lr(t) {
       try {
         return Oe(t), !1;
       } catch {
@@ -345,18 +345,18 @@ function Ao() {
     function Oe(t) {
       return "" + t;
     }
-    function lr(t) {
-      if (sr(t))
+    function dr(t) {
+      if (lr(t))
         return $("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Q(t)), Oe(t);
     }
-    var ye = X.ReactCurrentOwner, Be = {
+    var ve = X.ReactCurrentOwner, Be = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, De, Ae, Ie;
     Ie = {};
-    function dr(t) {
+    function cr(t) {
       if (Re.call(t, "ref")) {
         var l = Object.getOwnPropertyDescriptor(t, "ref").get;
         if (l && l.isReactWarning)
@@ -364,7 +364,7 @@ function Ao() {
       }
       return t.ref !== void 0;
     }
-    function cr(t) {
+    function ur(t) {
       if (Re.call(t, "key")) {
         var l = Object.getOwnPropertyDescriptor(t, "key").get;
         if (l && l.isReactWarning)
@@ -373,9 +373,9 @@ function Ao() {
       return t.key !== void 0;
     }
     function Ar(t, l) {
-      if (typeof t.ref == "string" && ye.current && l && ye.current.stateNode !== l) {
-        var d = Z(ye.current.type);
-        Ie[d] || ($('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', Z(ye.current.type), t.ref), Ie[d] = !0);
+      if (typeof t.ref == "string" && ve.current && l && ve.current.stateNode !== l) {
+        var d = Z(ve.current.type);
+        Ie[d] || ($('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', Z(ve.current.type), t.ref), Ie[d] = !0);
       }
     }
     function jr(t, l) {
@@ -432,7 +432,7 @@ function Ao() {
     function Wr(t, l, d, p, k) {
       {
         var S, b = {}, h = null, W = null;
-        d !== void 0 && (lr(d), h = "" + d), cr(l) && (lr(l.key), h = "" + l.key), dr(l) && (W = l.ref, Ar(l, k));
+        d !== void 0 && (dr(d), h = "" + d), ur(l) && (dr(l.key), h = "" + l.key), cr(l) && (W = l.ref, Ar(l, k));
         for (S in l)
           Re.call(l, S) && !Be.hasOwnProperty(S) && (b[S] = l[S]);
         if (t && t.defaultProps) {
@@ -444,16 +444,16 @@ function Ao() {
           var j = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
           h && jr(b, j), W && de(b, j);
         }
-        return Pe(t, h, W, k, p, ye.current, b);
+        return Pe(t, h, W, k, p, ve.current, b);
       }
     }
-    var ze = X.ReactCurrentOwner, ur = X.ReactDebugCurrentFrame;
+    var ze = X.ReactCurrentOwner, fr = X.ReactDebugCurrentFrame;
     function ce(t) {
       if (t) {
         var l = t._owner, d = Te(t.type, t._source, l ? l.type : null);
-        ur.setExtraStackFrame(d);
+        fr.setExtraStackFrame(d);
       } else
-        ur.setExtraStackFrame(null);
+        fr.setExtraStackFrame(null);
     }
     var ue;
     ue = !1;
@@ -483,7 +483,7 @@ Check your code at ` + l + ":" + d + ".";
         return "";
       }
     }
-    var fr = {};
+    var pr = {};
     function Gr(t) {
       {
         var l = ne();
@@ -496,27 +496,27 @@ Check the top-level render call using <` + d + ">.");
         return l;
       }
     }
-    function pr(t, l) {
+    function gr(t, l) {
       {
         if (!t._store || t._store.validated || t.key != null)
           return;
         t._store.validated = !0;
         var d = Gr(l);
-        if (fr[d])
+        if (pr[d])
           return;
-        fr[d] = !0;
+        pr[d] = !0;
         var p = "";
         t && t._owner && t._owner !== ze.current && (p = " It was passed a child from " + Z(t._owner.type) + "."), ce(t), $('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', d, p), ce(null);
       }
     }
-    function gr(t, l) {
+    function hr(t, l) {
       {
         if (typeof t != "object")
           return;
         if (he(t))
           for (var d = 0; d < t.length; d++) {
             var p = t[d];
-            je(p) && pr(p, l);
+            je(p) && gr(p, l);
           }
         else if (je(t))
           t._store && (t._store.validated = !0);
@@ -524,7 +524,7 @@ Check the top-level render call using <` + d + ">.");
           var k = te(t);
           if (typeof k == "function" && k !== t.entries)
             for (var S = k.call(t), b; !(b = S.next()).done; )
-              je(b.value) && pr(b.value, l);
+              je(b.value) && gr(b.value, l);
         }
       }
     }
@@ -538,7 +538,7 @@ Check the top-level render call using <` + d + ">.");
           d = l.propTypes;
         else if (typeof l == "object" && (l.$$typeof === g || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        l.$$typeof === y))
+        l.$$typeof === v))
           d = l.propTypes;
         else
           return;
@@ -565,7 +565,7 @@ Check the top-level render call using <` + d + ">.");
         t.ref !== null && (ce(t), $("Invalid attribute `ref` supplied to `React.Fragment`."), ce(null));
       }
     }
-    function hr(t, l, d, p, k, S) {
+    function br(t, l, d, p, k, S) {
       {
         var b = zr(t);
         if (!b) {
@@ -585,21 +585,21 @@ Check the top-level render call using <` + d + ">.");
             if (p)
               if (he(H)) {
                 for (var ae = 0; ae < H.length; ae++)
-                  gr(H[ae], t);
+                  hr(H[ae], t);
                 Object.freeze && Object.freeze(H);
               } else
                 $("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              gr(H, t);
+              hr(H, t);
         }
         return t === u ? Yr(j) : ee(j), j;
       }
     }
     function Hr(t, l, d) {
-      return hr(t, l, d, !0);
+      return br(t, l, d, !0);
     }
     function Nr(t, l, d) {
-      return hr(t, l, d, !1);
+      return br(t, l, d, !1);
     }
     var Vr = Nr, be = Hr;
     Ge.Fragment = u, Ge.jsx = Vr, Ge.jsxs = be;
@@ -622,14 +622,14 @@ function jo() {
   wt = 1;
   var e = Rr, a = Symbol.for("react.element"), s = Symbol.for("react.fragment"), u = Object.prototype.hasOwnProperty, f = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, m = { key: !0, ref: !0, __self: !0, __source: !0 };
   function T(w, g, P) {
-    var _, y = {}, D = null, G = null;
+    var _, v = {}, D = null, G = null;
     P !== void 0 && (D = "" + P), g.key !== void 0 && (D = "" + g.key), g.ref !== void 0 && (G = g.ref);
     for (_ in g)
-      u.call(g, _) && !m.hasOwnProperty(_) && (y[_] = g[_]);
+      u.call(g, _) && !m.hasOwnProperty(_) && (v[_] = g[_]);
     if (w && w.defaultProps)
       for (_ in g = w.defaultProps, g)
-        y[_] === void 0 && (y[_] = g[_]);
-    return { $$typeof: a, type: w, key: D, ref: G, props: y, _owner: f.current };
+        v[_] === void 0 && (v[_] = g[_]);
+    return { $$typeof: a, type: w, key: D, ref: G, props: v, _owner: f.current };
   }
   return Ye.Fragment = s, Ye.jsx = T, Ye.jsxs = T, Ye;
 }
@@ -803,23 +803,23 @@ function F(e, a = {}) {
   }
   function f(..._) {
     u();
-    for (const y of _)
-      a[y] = g(y);
+    for (const v of _)
+      a[v] = g(v);
     return F(e, a);
   }
   function m(..._) {
-    for (const y of _)
-      y in a || (a[y] = g(y));
+    for (const v of _)
+      v in a || (a[v] = g(v));
     return F(e, a);
   }
   function T() {
     return Object.fromEntries(
-      Object.entries(a).map(([y, D]) => [y, D.selector])
+      Object.entries(a).map(([v, D]) => [v, D.selector])
     );
   }
   function w() {
     return Object.fromEntries(
-      Object.entries(a).map(([y, D]) => [y, D.className])
+      Object.entries(a).map(([v, D]) => [v, D.className])
     );
   }
   function g(_) {
@@ -907,7 +907,7 @@ F("switch").parts(
   "track",
   "thumb"
 );
-F("table").parts(
+var Uo = F("table").parts(
   "table",
   "thead",
   "tbody",
@@ -916,15 +916,14 @@ F("table").parts(
   "td",
   "tfoot",
   "caption"
-);
-var Uo = F("tabs").parts(
+), qo = F("tabs").parts(
   "root",
   "tab",
   "tablist",
   "tabpanel",
   "tabpanels",
   "indicator"
-), qo = F("tag").parts(
+), Ko = F("tag").parts(
   "container",
   "label",
   "closeButton"
@@ -935,13 +934,14 @@ F("card").parts(
   "body",
   "footer"
 );
-const { definePartsStyle: Ko, defineMultiStyleConfig: Jo } = Tr(Go.keys), Zo = Jo({
-  baseStyle: Ko({
+const { definePartsStyle: Jo, defineMultiStyleConfig: Zo } = Xe(Go.keys), Qo = Zo({
+  baseStyle: Jo({
     container: {},
     control: {
       boxSize: 24,
       padding: 0.5,
       borderRadius: "6px",
+      borderStyle: "solid",
       borderWidth: 1,
       borderColor: "tints.uiGrey",
       color: "transparent",
@@ -1009,18 +1009,18 @@ function $t(e) {
   const a = typeof e;
   return e != null && (a === "object" || a === "function") && !Array.isArray(e);
 }
-var _r = { exports: {} };
-_r.exports;
+var Cr = { exports: {} };
+Cr.exports;
 (function(e, a) {
-  var s = 200, u = "__lodash_hash_undefined__", f = 800, m = 16, T = 9007199254740991, w = "[object Arguments]", g = "[object Array]", P = "[object AsyncFunction]", _ = "[object Boolean]", y = "[object Date]", D = "[object Error]", G = "[object Function]", V = "[object GeneratorFunction]", re = "[object Map]", te = "[object Number]", X = "[object Null]", $ = "[object Object]", ke = "[object Proxy]", we = "[object RegExp]", Fr = "[object Set]", Br = "[object String]", Ir = "[object Undefined]", Pr = "[object WeakMap]", Ue = "[object ArrayBuffer]", zr = "[object DataView]", $r = "[object Float32Array]", qe = "[object Float64Array]", Z = "[object Int8Array]", se = "[object Int16Array]", ve = "[object Int32Array]", Ke = "[object Uint8Array]", Je = "[object Uint8ClampedArray]", Ze = "[object Uint16Array]", Qe = "[object Uint32Array]", er = /[\\^$.*+?()[\]{}|]/g, rr = /^\[object .+?Constructor\]$/, tr = /^(?:0|[1-9]\d*)$/, B = {};
-  B[$r] = B[qe] = B[Z] = B[se] = B[ve] = B[Ke] = B[Je] = B[Ze] = B[Qe] = !0, B[w] = B[g] = B[Ue] = B[_] = B[zr] = B[y] = B[D] = B[G] = B[re] = B[te] = B[$] = B[we] = B[Fr] = B[Br] = B[Pr] = !1;
-  var or = typeof Sr == "object" && Sr && Sr.Object === Object && Sr, Mr = typeof self == "object" && self && self.Object === Object && self, le = or || Mr || Function("return this")(), _e = a && !a.nodeType && a, oe = _e && !0 && e && !e.nodeType && e, Ce = oe && oe.exports === _e, ge = Ce && or.process, nr = function() {
+  var s = 200, u = "__lodash_hash_undefined__", f = 800, m = 16, T = 9007199254740991, w = "[object Arguments]", g = "[object Array]", P = "[object AsyncFunction]", _ = "[object Boolean]", v = "[object Date]", D = "[object Error]", G = "[object Function]", V = "[object GeneratorFunction]", re = "[object Map]", te = "[object Number]", X = "[object Null]", $ = "[object Object]", ke = "[object Proxy]", we = "[object RegExp]", Fr = "[object Set]", Br = "[object String]", Ir = "[object Undefined]", Pr = "[object WeakMap]", qe = "[object ArrayBuffer]", zr = "[object DataView]", $r = "[object Float32Array]", Ke = "[object Float64Array]", Z = "[object Int8Array]", se = "[object Int16Array]", ye = "[object Int32Array]", Je = "[object Uint8Array]", Ze = "[object Uint8ClampedArray]", Qe = "[object Uint16Array]", er = "[object Uint32Array]", rr = /[\\^$.*+?()[\]{}|]/g, tr = /^\[object .+?Constructor\]$/, or = /^(?:0|[1-9]\d*)$/, B = {};
+  B[$r] = B[Ke] = B[Z] = B[se] = B[ye] = B[Je] = B[Ze] = B[Qe] = B[er] = !0, B[w] = B[g] = B[qe] = B[_] = B[zr] = B[v] = B[D] = B[G] = B[re] = B[te] = B[$] = B[we] = B[Fr] = B[Br] = B[Pr] = !1;
+  var nr = typeof xr == "object" && xr && xr.Object === Object && xr, Mr = typeof self == "object" && self && self.Object === Object && self, le = nr || Mr || Function("return this")(), _e = a && !a.nodeType && a, oe = _e && !0 && e && !e.nodeType && e, Ce = oe && oe.exports === _e, ge = Ce && nr.process, ar = function() {
     try {
       var r = oe && oe.require && oe.require("util").types;
       return r || ge && ge.binding && ge.binding("util");
     } catch {
     }
-  }(), $e = nr && nr.isTypedArray;
+  }(), $e = ar && ar.isTypedArray;
   function Or(r, o, i) {
     switch (i.length) {
       case 0:
@@ -1047,30 +1047,30 @@ _r.exports;
   function Re(r, o) {
     return r == null ? void 0 : r[o];
   }
-  function ar(r, o) {
+  function ir(r, o) {
     return function(i) {
       return r(o(i));
     };
   }
-  var ir = Array.prototype, Ee = Function.prototype, Fe = Object.prototype, Me = le["__core-js_shared__"], he = Ee.toString, Q = Fe.hasOwnProperty, sr = function() {
+  var sr = Array.prototype, Ee = Function.prototype, Fe = Object.prototype, Me = le["__core-js_shared__"], he = Ee.toString, Q = Fe.hasOwnProperty, lr = function() {
     var r = /[^.]+$/.exec(Me && Me.keys && Me.keys.IE_PROTO || "");
     return r ? "Symbol(src)_1." + r : "";
-  }(), Oe = Fe.toString, lr = he.call(Object), ye = RegExp(
-    "^" + he.call(Q).replace(er, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
-  ), Be = Ce ? le.Buffer : void 0, De = le.Symbol, Ae = le.Uint8Array, Ie = Be ? Be.allocUnsafe : void 0, dr = ar(Object.getPrototypeOf, Object), cr = Object.create, Ar = Fe.propertyIsEnumerable, jr = ir.splice, de = De ? De.toStringTag : void 0, Pe = function() {
+  }(), Oe = Fe.toString, dr = he.call(Object), ve = RegExp(
+    "^" + he.call(Q).replace(rr, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+  ), Be = Ce ? le.Buffer : void 0, De = le.Symbol, Ae = le.Uint8Array, Ie = Be ? Be.allocUnsafe : void 0, cr = ir(Object.getPrototypeOf, Object), ur = Object.create, Ar = Fe.propertyIsEnumerable, jr = sr.splice, de = De ? De.toStringTag : void 0, Pe = function() {
     try {
       var r = Ur(Object, "defineProperty");
       return r({}, "", {}), r;
     } catch {
     }
-  }(), Wr = Be ? Be.isBuffer : void 0, ze = Math.max, ur = Date.now, ce = Ur(le, "Map"), ue = Ur(Object, "create"), je = /* @__PURE__ */ function() {
+  }(), Wr = Be ? Be.isBuffer : void 0, ze = Math.max, fr = Date.now, ce = Ur(le, "Map"), ue = Ur(Object, "create"), je = /* @__PURE__ */ function() {
     function r() {
     }
     return function(o) {
       if (!Se(o))
         return {};
-      if (cr)
-        return cr(o);
+      if (ur)
+        return ur(o);
       r.prototype = o;
       var i = new r();
       return r.prototype = void 0, i;
@@ -1086,7 +1086,7 @@ _r.exports;
   function Lr() {
     this.__data__ = ue ? ue(null) : {}, this.size = 0;
   }
-  function fr(r) {
+  function pr(r) {
     var o = this.has(r) && delete this.__data__[r];
     return this.size -= o ? 1 : 0, o;
   }
@@ -1098,15 +1098,15 @@ _r.exports;
     }
     return Q.call(o, r) ? o[r] : void 0;
   }
-  function pr(r) {
+  function gr(r) {
     var o = this.__data__;
     return ue ? o[r] !== void 0 : Q.call(o, r);
   }
-  function gr(r, o) {
+  function hr(r, o) {
     var i = this.__data__;
     return this.size += this.has(r) ? 0 : 1, i[r] = ue && o === void 0 ? u : o, this;
   }
-  ne.prototype.clear = Lr, ne.prototype.delete = fr, ne.prototype.get = Gr, ne.prototype.has = pr, ne.prototype.set = gr;
+  ne.prototype.clear = Lr, ne.prototype.delete = pr, ne.prototype.get = Gr, ne.prototype.has = gr, ne.prototype.set = hr;
   function ee(r) {
     var o = -1, i = r == null ? 0 : r.length;
     for (this.clear(); ++o < i; ) {
@@ -1117,7 +1117,7 @@ _r.exports;
   function Yr() {
     this.__data__ = [], this.size = 0;
   }
-  function hr(r) {
+  function br(r) {
     var o = this.__data__, i = N(o, r);
     if (i < 0)
       return !1;
@@ -1135,7 +1135,7 @@ _r.exports;
     var i = this.__data__, c = N(i, r);
     return c < 0 ? (++this.size, i.push([r, o])) : i[c][1] = o, this;
   }
-  ee.prototype.clear = Yr, ee.prototype.delete = hr, ee.prototype.get = Hr, ee.prototype.has = Nr, ee.prototype.set = Vr;
+  ee.prototype.clear = Yr, ee.prototype.delete = br, ee.prototype.get = Hr, ee.prototype.has = Nr, ee.prototype.set = Vr;
   function be(r) {
     var o = -1, i = r == null ? 0 : r.length;
     for (this.clear(); ++o < i; ) {
@@ -1194,25 +1194,25 @@ _r.exports;
   }
   S.prototype.clear = b, S.prototype.delete = h, S.prototype.get = W, S.prototype.has = A, S.prototype.set = j;
   function H(r, o) {
-    var i = Jr(r), c = !i && Kr(r), x = !i && !c && bt(r), I = !i && !c && !x && vt(r), M = i || c || x || I, v = M ? Dr(r.length, String) : [], O = v.length;
+    var i = Jr(r), c = !i && Kr(r), x = !i && !c && bt(r), I = !i && !c && !x && yt(r), M = i || c || x || I, y = M ? Dr(r.length, String) : [], O = y.length;
     for (var q in r)
       (o || Q.call(r, q)) && !(M && // Safari 9 has enumerable `arguments.length` in strict mode.
       (q == "length" || // Node.js 0.10 has enumerable non-index properties on buffers.
       x && (q == "offset" || q == "parent") || // PhantomJS 2 has enumerable non-index properties on typed arrays.
       I && (q == "buffer" || q == "byteLength" || q == "byteOffset") || // Skip index properties.
-      gt(q, O))) && v.push(q);
-    return v;
+      gt(q, O))) && y.push(q);
+    return y;
   }
   function ae(r, o, i) {
-    (i !== void 0 && !yr(r[o], i) || i === void 0 && !(o in r)) && Xr(r, o, i);
+    (i !== void 0 && !Sr(r[o], i) || i === void 0 && !(o in r)) && Xr(r, o, i);
   }
-  function br(r, o, i) {
+  function mr(r, o, i) {
     var c = r[o];
-    (!(Q.call(r, o) && yr(c, i)) || i === void 0 && !(o in r)) && Xr(r, o, i);
+    (!(Q.call(r, o) && Sr(c, i)) || i === void 0 && !(o in r)) && Xr(r, o, i);
   }
   function N(r, o) {
     for (var i = r.length; i--; )
-      if (yr(r[i][0], o))
+      if (Sr(r[i][0], o))
         return i;
     return -1;
   }
@@ -1225,20 +1225,20 @@ _r.exports;
     }) : r[o] = i;
   }
   var Ht = oo();
-  function mr(r) {
+  function yr(r) {
     return r == null ? r === void 0 ? Ir : X : de && de in Object(r) ? no(r) : uo(r);
   }
   function ft(r) {
-    return We(r) && mr(r) == w;
+    return We(r) && yr(r) == w;
   }
   function Nt(r) {
     if (!Se(r) || lo(r))
       return !1;
-    var o = Qr(r) ? ye : rr;
+    var o = Qr(r) ? ve : tr;
     return o.test(ho(r));
   }
   function Vt(r) {
-    return We(r) && mt(r.length) && !!B[mr(r)];
+    return We(r) && mt(r.length) && !!B[yr(r)];
   }
   function Xt(r) {
     if (!Se(r))
@@ -1253,21 +1253,21 @@ _r.exports;
       if (x || (x = new S()), Se(I))
         Ut(r, o, M, i, pt, c, x);
       else {
-        var v = c ? c(qr(r, M), I, M + "", r, o, x) : void 0;
-        v === void 0 && (v = I), ae(r, M, v);
+        var y = c ? c(qr(r, M), I, M + "", r, o, x) : void 0;
+        y === void 0 && (y = I), ae(r, M, y);
       }
-    }, yt);
+    }, vt);
   }
   function Ut(r, o, i, c, x, I, M) {
-    var v = qr(r, i), O = qr(o, i), q = M.get(O);
+    var y = qr(r, i), O = qr(o, i), q = M.get(O);
     if (q) {
       ae(r, i, q);
       return;
     }
-    var U = I ? I(v, O, i + "", r, o, M) : void 0, Le = U === void 0;
+    var U = I ? I(y, O, i + "", r, o, M) : void 0, Le = U === void 0;
     if (Le) {
-      var et = Jr(O), rt = !et && bt(O), xt = !et && !rt && vt(O);
-      U = O, et || rt || xt ? Jr(v) ? U = v : bo(v) ? U = eo(v) : rt ? (Le = !1, U = Jt(O, !0)) : xt ? (Le = !1, U = Qt(O, !0)) : U = [] : mo(O) || Kr(O) ? (U = v, Kr(v) ? U = vo(v) : (!Se(v) || Qr(v)) && (U = ao(O))) : Le = !1;
+      var et = Jr(O), rt = !et && bt(O), xt = !et && !rt && yt(O);
+      U = O, et || rt || xt ? Jr(y) ? U = y : bo(y) ? U = eo(y) : rt ? (Le = !1, U = Jt(O, !0)) : xt ? (Le = !1, U = Qt(O, !0)) : U = [] : mo(O) || Kr(O) ? (U = y, Kr(y) ? U = yo(y) : (!Se(y) || Qr(y)) && (U = ao(O))) : Le = !1;
     }
     Le && (M.set(O, U), x(U, O, c, I, M), M.delete(O)), ae(r, i, U);
   }
@@ -1306,8 +1306,8 @@ _r.exports;
     var x = !i;
     i || (i = {});
     for (var I = -1, M = o.length; ++I < M; ) {
-      var v = o[I], O = c ? c(i[v], r[v], v, i, r) : void 0;
-      O === void 0 && (O = r[v]), x ? Xr(i, v, O) : br(i, v, O);
+      var y = o[I], O = c ? c(i[y], r[y], y, i, r) : void 0;
+      O === void 0 && (O = r[y]), x ? Xr(i, y, O) : mr(i, y, O);
     }
     return i;
   }
@@ -1315,16 +1315,16 @@ _r.exports;
     return qt(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 && io(i[0], i[1], M) && (I = x < 3 ? void 0 : I, x = 1), o = Object(o); ++c < x; ) {
-        var v = i[c];
-        v && r(o, v, c, I);
+        var y = i[c];
+        y && r(o, y, c, I);
       }
       return o;
     });
   }
   function oo(r) {
     return function(o, i, c) {
-      for (var x = -1, I = Object(o), M = c(o), v = M.length; v--; ) {
-        var O = M[r ? v : ++x];
+      for (var x = -1, I = Object(o), M = c(o), y = M.length; y--; ) {
+        var O = M[r ? y : ++x];
         if (i(I[O], O, I) === !1)
           break;
       }
@@ -1350,24 +1350,24 @@ _r.exports;
     return c && (o ? r[de] = i : delete r[de]), x;
   }
   function ao(r) {
-    return typeof r.constructor == "function" && !ht(r) ? je(dr(r)) : {};
+    return typeof r.constructor == "function" && !ht(r) ? je(cr(r)) : {};
   }
   function gt(r, o) {
     var i = typeof r;
-    return o = o ?? T, !!o && (i == "number" || i != "symbol" && tr.test(r)) && r > -1 && r % 1 == 0 && r < o;
+    return o = o ?? T, !!o && (i == "number" || i != "symbol" && or.test(r)) && r > -1 && r % 1 == 0 && r < o;
   }
   function io(r, o, i) {
     if (!Se(i))
       return !1;
     var c = typeof o;
-    return (c == "number" ? Zr(i) && gt(o, i.length) : c == "string" && o in i) ? yr(i[o], r) : !1;
+    return (c == "number" ? Zr(i) && gt(o, i.length) : c == "string" && o in i) ? Sr(i[o], r) : !1;
   }
   function so(r) {
     var o = typeof r;
     return o == "string" || o == "number" || o == "symbol" || o == "boolean" ? r !== "__proto__" : r === null;
   }
   function lo(r) {
-    return !!sr && sr in r;
+    return !!lr && lr in r;
   }
   function ht(r) {
     var o = r && r.constructor, i = typeof o == "function" && o.prototype || Fe;
@@ -1388,9 +1388,9 @@ _r.exports;
       for (var c = arguments, x = -1, I = ze(c.length - o, 0), M = Array(I); ++x < I; )
         M[x] = c[o + x];
       x = -1;
-      for (var v = Array(o + 1); ++x < o; )
-        v[x] = c[x];
-      return v[o] = i(M), Or(r, this, v);
+      for (var y = Array(o + 1); ++x < o; )
+        y[x] = c[x];
+      return y[o] = i(M), Or(r, this, y);
     };
   }
   function qr(r, o) {
@@ -1401,7 +1401,7 @@ _r.exports;
   function go(r) {
     var o = 0, i = 0;
     return function() {
-      var c = ur(), x = m - (c - i);
+      var c = fr(), x = m - (c - i);
       if (i = c, x > 0) {
         if (++o >= f)
           return arguments[0];
@@ -1423,7 +1423,7 @@ _r.exports;
     }
     return "";
   }
-  function yr(r, o) {
+  function Sr(r, o) {
     return r === o || r !== r && o !== o;
   }
   var Kr = ft(/* @__PURE__ */ function() {
@@ -1441,7 +1441,7 @@ _r.exports;
   function Qr(r) {
     if (!Se(r))
       return !1;
-    var o = mr(r);
+    var o = yr(r);
     return o == G || o == V || o == P || o == ke;
   }
   function mt(r) {
@@ -1455,22 +1455,22 @@ _r.exports;
     return r != null && typeof r == "object";
   }
   function mo(r) {
-    if (!We(r) || mr(r) != $)
+    if (!We(r) || yr(r) != $)
       return !1;
-    var o = dr(r);
+    var o = cr(r);
     if (o === null)
       return !0;
     var i = Q.call(o, "constructor") && o.constructor;
-    return typeof i == "function" && i instanceof i && he.call(i) == lr;
+    return typeof i == "function" && i instanceof i && he.call(i) == dr;
   }
-  var vt = $e ? Te($e) : Vt;
-  function vo(r) {
-    return ro(r, yt(r));
+  var yt = $e ? Te($e) : Vt;
+  function yo(r) {
+    return ro(r, vt(r));
   }
-  function yt(r) {
+  function vt(r) {
     return Zr(r) ? H(r, !0) : Xt(r);
   }
-  var yo = to(function(r, o, i, c) {
+  var vo = to(function(r, o, i, c) {
     pt(r, o, i, c);
   });
   function So(r) {
@@ -1484,12 +1484,12 @@ _r.exports;
   function xo() {
     return !1;
   }
-  e.exports = yo;
-})(_r, _r.exports);
-var Qo = _r.exports;
-const en = /* @__PURE__ */ Do(Qo);
-var rn = (e) => /!(important)?$/.test(e), Ct = (e) => typeof e == "string" ? e.replace(/!(important)?$/, "").trim() : e, tn = (e, a) => (s) => {
-  const u = String(a), f = rn(u), m = Ct(u), T = e ? `${e}.${m}` : m;
+  e.exports = vo;
+})(Cr, Cr.exports);
+var en = Cr.exports;
+const rn = /* @__PURE__ */ Do(en);
+var tn = (e) => /!(important)?$/.test(e), Ct = (e) => typeof e == "string" ? e.replace(/!(important)?$/, "").trim() : e, on = (e, a) => (s) => {
+  const u = String(a), f = tn(u), m = Ct(u), T = e ? `${e}.${m}` : m;
   let w = $t(s.__cssMap) && T in s.__cssMap ? s.__cssMap[T].varRef : a;
   return w = Ct(w), f ? `${w} !important` : w;
 };
@@ -1497,12 +1497,12 @@ function ut(e) {
   const { scale: a, transform: s, compose: u } = e;
   return (m, T) => {
     var w;
-    const g = tn(a, m)(T);
+    const g = on(a, m)(T);
     let P = (w = s == null ? void 0 : s(g, T)) != null ? w : g;
     return u && (P = u(P, T)), P;
   };
 }
-var xr = (...e) => (a) => e.reduce((s, u) => u(s), a);
+var kr = (...e) => (a) => e.reduce((s, u) => u(s), a);
 function K(e, a) {
   return (s) => {
     const u = { property: s, scale: e };
@@ -1512,12 +1512,12 @@ function K(e, a) {
     }), u;
   };
 }
-var on = ({ rtl: e, ltr: a }) => (s) => s.direction === "rtl" ? e : a;
-function nn(e) {
+var nn = ({ rtl: e, ltr: a }) => (s) => s.direction === "rtl" ? e : a;
+function an(e) {
   const { property: a, scale: s, transform: u } = e;
   return {
     scale: s,
-    property: on(a),
+    property: nn(a),
     transform: s ? ut({
       scale: s,
       compose: u
@@ -1531,20 +1531,20 @@ var Mt = [
   "skewX(var(--chakra-skew-x, 0))",
   "skewY(var(--chakra-skew-y, 0))"
 ];
-function an() {
+function sn() {
   return [
     "translateX(var(--chakra-translate-x, 0))",
     "translateY(var(--chakra-translate-y, 0))",
     ...Mt
   ].join(" ");
 }
-function sn() {
+function ln() {
   return [
     "translate3d(var(--chakra-translate-x, 0), var(--chakra-translate-y, 0), 0)",
     ...Mt
   ].join(" ");
 }
-var ln = {
+var dn = {
   "--chakra-blur": "var(--chakra-empty,/*!*/ /*!*/)",
   "--chakra-brightness": "var(--chakra-empty,/*!*/ /*!*/)",
   "--chakra-contrast": "var(--chakra-empty,/*!*/ /*!*/)",
@@ -1565,7 +1565,7 @@ var ln = {
     "var(--chakra-sepia)",
     "var(--chakra-drop-shadow)"
   ].join(" ")
-}, dn = {
+}, cn = {
   backdropFilter: [
     "var(--chakra-backdrop-blur)",
     "var(--chakra-backdrop-brightness)",
@@ -1587,7 +1587,7 @@ var ln = {
   "--chakra-backdrop-saturate": "var(--chakra-empty,/*!*/ /*!*/)",
   "--chakra-backdrop-sepia": "var(--chakra-empty,/*!*/ /*!*/)"
 };
-function cn(e) {
+function un(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 cn(e) {
     ].join(", ")
   };
 }
-var un = {
+var fn = {
   "row-reverse": {
     space: "--chakra-space-x-reverse",
     divide: "--chakra-divide-x-reverse"
@@ -1617,15 +1617,15 @@ var un = {
   "to-bl": "to bottom left",
   "to-l": "to left",
   "to-tl": "to top left"
-}, fn = new Set(Object.values(at)), it = /* @__PURE__ */ new Set([
+}, pn = new Set(Object.values(at)), it = /* @__PURE__ */ new Set([
   "none",
   "-moz-initial",
   "inherit",
   "initial",
   "revert",
   "unset"
-]), pn = (e) => e.trim();
-function gn(e, a) {
+]), gn = (e) => e.trim();
+function hn(e, a) {
   if (e == null || it.has(e))
     return e;
   if (!(st(e) || it.has(e)))
@@ -1633,13 +1633,13 @@ function gn(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, ...P] = T.split(",").map(pn).filter(Boolean);
+  const w = m.includes("-gradient") ? m : `${m}-gradient`, [g, ...P] = T.split(",").map(gn).filter(Boolean);
   if ((P == null ? void 0 : P.length) === 0)
     return e;
   const _ = g in at ? at[g] : g;
   P.unshift(_);
-  const y = P.map((D) => {
-    if (fn.has(D))
+  const v = P.map((D) => {
+    if (pn.has(D))
       return D;
     const G = D.indexOf(" "), [V, re] = G !== -1 ? [D.substr(0, G), D.substr(G + 1)] : [D], te = st(re) ? re : re && re.split(" "), X = `colors.${V}`, $ = X in a.__cssMap ? a.__cssMap[X].varRef : V;
     return te ? [
@@ -1647,30 +1647,30 @@ function gn(e, a) {
       ...Array.isArray(te) ? te : [te]
     ].join(" ") : $;
   });
-  return `${w}(${y.join(", ")})`;
+  return `${w}(${v.join(", ")})`;
 }
-var st = (e) => typeof e == "string" && e.includes("(") && e.includes(")"), hn = (e, a) => gn(e, a ?? {});
-function bn(e) {
+var st = (e) => typeof e == "string" && e.includes("(") && e.includes(")"), bn = (e, a) => hn(e, a ?? {});
+function mn(e) {
   return /^var\(--.+\)$/.test(e);
 }
-var mn = (e) => {
+var yn = (e) => {
   const a = parseFloat(e.toString()), s = e.toString().replace(String(a), "");
   return { unitless: !s, value: a, unit: s };
 }, ie = (e) => (a) => `${e}(${a})`, C = {
   filter(e) {
-    return e !== "auto" ? e : ln;
+    return e !== "auto" ? e : dn;
   },
   backdropFilter(e) {
-    return e !== "auto" ? e : dn;
+    return e !== "auto" ? e : cn;
   },
   ring(e) {
-    return cn(C.px(e));
+    return un(C.px(e));
   },
   bgClip(e) {
     return e === "text" ? { color: "transparent", backgroundClip: "text" } : { backgroundClip: e };
   },
   transform(e) {
-    return e === "auto" ? an() : e === "auto-gpu" ? sn() : e;
+    return e === "auto" ? sn() : e === "auto-gpu" ? ln() : e;
   },
   vh(e) {
     return e === "$100vh" ? "var(--chakra-vh)" : e;
@@ -1678,7 +1678,7 @@ var mn = (e) => {
   px(e) {
     if (e == null)
       return e;
-    const { unitless: a } = mn(e);
+    const { unitless: a } = yn(e);
     return a || typeof e == "number" ? `${e}px` : e;
   },
   fraction(e) {
@@ -1689,12 +1689,12 @@ var mn = (e) => {
     return a.direction === "rtl" ? s[e] : e;
   },
   degree(e) {
-    if (bn(e) || e == null)
+    if (mn(e) || e == null)
       return e;
     const a = typeof e == "string" && !e.endsWith("deg");
     return typeof e == "number" || a ? `${e}deg` : e;
   },
-  gradient: hn,
+  gradient: bn,
   blur: ie("blur"),
   opacity: ie("opacity"),
   brightness: ie("brightness"),
@@ -1714,7 +1714,7 @@ var mn = (e) => {
   },
   flexDirection(e) {
     var a;
-    const { space: s, divide: u } = (a = un[e]) != null ? a : {}, f = { flexDirection: e };
+    const { space: s, divide: u } = (a = fn[e]) != null ? a : {}, f = { flexDirection: e };
     return s && (f[s] = 1), u && (f[u] = 1), f;
   }
 }, n = {
@@ -1724,8 +1724,8 @@ var mn = (e) => {
   borders: K("borders"),
   gradients: K("gradients", C.gradient),
   radii: K("radii", C.px),
-  space: K("space", xr(C.vh, C.px)),
-  spaceT: K("space", xr(C.vh, C.px)),
+  space: K("space", kr(C.vh, C.px)),
+  spaceT: K("space", kr(C.vh, C.px)),
   degreeT(e) {
     return { property: e, transform: C.degree };
   },
@@ -1741,12 +1741,12 @@ var mn = (e) => {
   propT(e, a) {
     return { property: e, transform: a };
   },
-  sizes: K("sizes", xr(C.vh, C.px)),
-  sizesT: K("sizes", xr(C.vh, C.fraction)),
+  sizes: K("sizes", kr(C.vh, C.px)),
+  sizesT: K("sizes", kr(C.vh, C.fraction)),
   shadows: K("shadows"),
-  logical: nn,
+  logical: an,
   blur: K("blur", C.blur)
-}, wr = {
+}, _r = {
   background: n.colors("background"),
   backgroundColor: n.colors("backgroundColor"),
   backgroundImage: n.gradients("backgroundImage"),
@@ -1765,9 +1765,9 @@ var mn = (e) => {
   bgGradient: n.gradients("backgroundImage"),
   bgClip: { transform: C.bgClip }
 };
-Object.assign(wr, {
-  bgImage: wr.backgroundImage,
-  bgImg: wr.backgroundImage
+Object.assign(_r, {
+  bgImage: _r.backgroundImage,
+  bgImg: _r.backgroundImage
 });
 var R = {
   border: n.borders("border"),
@@ -1918,7 +1918,7 @@ var vn = {
 Object.assign(lt, {
   shadow: lt.boxShadow
 });
-var yn = {
+var Sn = {
   filter: { transform: C.filter },
   blur: n.blur("--chakra-blur"),
   brightness: n.propT("--chakra-brightness", C.brightness),
@@ -1937,7 +1937,7 @@ var yn = {
   backdropHueRotate: n.degreeT("--chakra-backdrop-hue-rotate"),
   backdropInvert: n.propT("--chakra-backdrop-invert", C.invert),
   backdropSaturate: n.propT("--chakra-backdrop-saturate", C.saturate)
-}, Cr = {
+}, Tr = {
   alignItems: !0,
   alignContent: !0,
   justifyItems: !0,
@@ -1959,8 +1959,8 @@ var yn = {
   rowGap: n.space("rowGap"),
   columnGap: n.space("columnGap")
 };
-Object.assign(Cr, {
-  flexDir: Cr.flexDirection
+Object.assign(Tr, {
+  flexDir: Tr.flexDirection
 });
 var Ot = {
   gridGap: n.space("gridGap"),
@@ -1980,7 +1980,7 @@ var Ot = {
   gridTemplateRows: !0,
   gridTemplateAreas: !0,
   gridArea: !0
-}, Sn = {
+}, xn = {
   appearance: !0,
   cursor: !0,
   resize: !0,
@@ -2045,20 +2045,20 @@ Object.assign(J, {
   overscrollX: J.overscrollBehaviorX,
   overscrollY: J.overscrollBehaviorY
 });
-var xn = {
+var kn = {
   listStyleType: !0,
   listStylePosition: !0,
   listStylePos: n.prop("listStylePosition"),
   listStyleImage: !0,
   listStyleImg: n.prop("listStyleImage")
 };
-function kn(e, a, s, u) {
+function wn(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 wn = (e) => {
+var _n = (e) => {
   const a = /* @__PURE__ */ new WeakMap();
   return (u, f, m, T) => {
     if (typeof u > "u")
@@ -2070,7 +2070,7 @@ var wn = (e) => {
     const g = e(u, f, m, T);
     return w.set(f, g), g;
   };
-}, _n = wn(kn), Cn = {
+}, Cn = _n(wn), Tn = {
   border: "0px",
   clip: "rect(0, 0, 0, 0)",
   width: "1px",
@@ -2080,7 +2080,7 @@ var wn = (e) => {
   overflow: "hidden",
   whiteSpace: "nowrap",
   position: "absolute"
-}, Tn = {
+}, Rn = {
   position: "static",
   width: "auto",
   height: "auto",
@@ -2090,14 +2090,14 @@ var wn = (e) => {
   overflow: "visible",
   whiteSpace: "normal"
 }, tt = (e, a, s) => {
-  const u = {}, f = _n(e, a, {});
+  const u = {}, f = Cn(e, a, {});
   for (const m in f)
     m in s && s[m] != null || (u[m] = f[m]);
   return u;
-}, Rn = {
+}, En = {
   srOnly: {
     transform(e) {
-      return e === !0 ? Cn : e === "focusable" ? Tn : {};
+      return e === !0 ? Tn : e === "focusable" ? Rn : {};
     }
   },
   layerStyle: {
@@ -2140,7 +2140,7 @@ Object.assign(Ve, {
   insetStart: Ve.insetInlineStart,
   insetEnd: Ve.insetInlineEnd
 });
-var En = {
+var Fn = {
   ring: { transform: C.ring },
   ringColor: n.colors("--chakra-ring-color"),
   ringOffset: n.prop("--chakra-ring-offset-width"),
@@ -2198,7 +2198,7 @@ Object.assign(z, {
   pe: z.paddingInlineEnd,
   paddingEnd: z.paddingInlineEnd
 });
-var Fn = {
+var Bn = {
   textDecorationColor: n.colors("textDecorationColor"),
   textDecoration: !0,
   textDecor: { property: "textDecoration" },
@@ -2207,7 +2207,7 @@ var Fn = {
   textDecorationThickness: !0,
   textUnderlineOffset: !0,
   textShadow: n.shadows("textShadow")
-}, Bn = {
+}, In = {
   clipPath: !0,
   transform: n.propT("transform", C.transform),
   transformOrigin: !0,
@@ -2219,7 +2219,7 @@ var Fn = {
   scaleY: n.prop("--chakra-scale-y"),
   scale: n.prop(["--chakra-scale-x", "--chakra-scale-y"]),
   rotate: n.degreeT("--chakra-rotate")
-}, In = {
+}, Pn = {
   transition: !0,
   transitionDelay: !0,
   animation: !0,
@@ -2230,7 +2230,7 @@ var Fn = {
     "transitionTimingFunction",
     "transition.easing"
   )
-}, Pn = {
+}, zn = {
   fontFamily: n.prop("fontFamily", "fonts"),
   fontSize: n.prop("fontSize", "fontSizes", C.px),
   fontWeight: n.prop("fontWeight", "fontWeights"),
@@ -2264,7 +2264,7 @@ var Fn = {
     },
     property: "--chakra-line-clamp"
   }
-}, zn = {
+}, $n = {
   scrollBehavior: !0,
   scrollSnapAlign: !0,
   scrollSnapStop: !0,
@@ -2381,32 +2381,32 @@ var Er = (e, ...a) => a.map(Dt).join(` ${e} `).replace(/calc/g, ""), Tt = (...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]"
-}, $n = Object.keys(
+}, Mn = Object.keys(
   jt
-), Wt = en(
+), Wt = rn(
   {},
-  wr,
+  _r,
   R,
   vn,
-  Cr,
+  Tr,
   J,
-  yn,
-  En,
   Sn,
+  Fn,
+  xn,
   Ot,
-  Rn,
+  En,
   Ve,
   lt,
   z,
+  $n,
   zn,
-  Pn,
-  Fn,
   Bn,
-  xn,
-  In
+  In,
+  kn,
+  Pn
 );
-Object.assign({}, z, J, Cr, Ot, Ve);
-[...Object.keys(Wt), ...$n];
+Object.assign({}, z, J, Tr, Ot, Ve);
+[...Object.keys(Wt), ...Mn];
 ({ ...Wt, ...jt });
 function xe(e) {
   return {
@@ -2418,15 +2418,15 @@ function xe(e) {
     }
   };
 }
-const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
+const { defineMultiStyleConfig: On, definePartsStyle: Dn } = xe(Ho.keys), Bt = {
   transform: ["scale(0.85) translateY(-8px) ", "scale(0.85) translateY(-12px)"],
   fontSize: "11px",
   color: "viridian.base",
   _invalid: {
     color: "utility.warning"
   }
-}, Dn = Mn({
-  baseStyle: On({
+}, An = On({
+  baseStyle: Dn({
     container: {
       width: "100%",
       position: "relative",
@@ -2475,8 +2475,8 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
     }
   },
   defaultProps: {}
-}), { defineMultiStyleConfig: An, definePartsStyle: jn } = xe(No.keys), Wn = An({
-  baseStyle: jn({
+}), { defineMultiStyleConfig: jn, definePartsStyle: Wn } = xe(No.keys), Ln = jn({
+  baseStyle: Wn({
     text: {
       color: "utility.warning",
       fontSize: ["sm", "md"]
@@ -2488,7 +2488,7 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
       mr: 1
     }
   })
-}), Ln = {
+}), Gn = {
   fontSize: ["sm", "md"],
   color: "tints.black",
   transitionProperty: "common",
@@ -2497,9 +2497,9 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
   _disabled: {
     opacity: 0.4
   }
-}, Gn = {
-  baseStyle: Ln
-}, Yn = xe(["addon", "field", "element"]), Hn = Yn.defineMultiStyleConfig({
+}, Yn = {
+  baseStyle: Gn
+}, Hn = xe(["addon", "field", "element"]), Nn = Hn.defineMultiStyleConfig({
   baseStyle: {
     field: {
       fontWeight: "medium",
@@ -2538,14 +2538,14 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
   sizes: {},
   variants: {},
   defaultProps: {}
-}), Nn = xe([
+}), Vn = xe([
   "button",
   "list",
   "item",
   "groupTitle",
   "command",
   "divider"
-]), Vn = Nn.defineMultiStyleConfig({
+]), Xn = Vn.defineMultiStyleConfig({
   baseStyle: {
     button: {},
     list: {
@@ -2638,7 +2638,7 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
   defaultProps: {
     size: "md"
   }
-}), { definePartsStyle: Xn, defineMultiStyleConfig: Un } = Tr(Xo.keys), qn = Xn({
+}), { definePartsStyle: Un, defineMultiStyleConfig: qn } = Xe(Xo.keys), Kn = Un({
   field: {
     background: "tints.white",
     borderColor: "tints.uiGrey",
@@ -2672,7 +2672,7 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
       color: "tints.medGrey"
     }
   }
-}), Kn = Un({ baseStyle: qn }), Jn = pe({
+}), Jn = qn({ baseStyle: Kn }), Zn = pe({
   baseStyle: {
     thumb: {
       cursor: "grab",
@@ -2685,7 +2685,7 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
   sizes: {},
   variants: {},
   defaultProps: {}
-}), Zn = pe({
+}), Qn = pe({
   baseStyle: {
     color: "viridian.base",
     fontWeight: "normal",
@@ -2713,7 +2713,7 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
   defaultProps: {
     size: "md"
   }
-}), Qn = pe({
+}), ea = pe({
   baseStyle: {
     fontFamily: "heading",
     fontWeight: "normal",
@@ -2766,7 +2766,7 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
   defaultProps: {
     size: "md"
   }
-}), ea = pe({
+}), ra = pe({
   baseStyle: {
     fontFamily: "body",
     fontWeight: "normal",
@@ -2796,7 +2796,7 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
   defaultProps: {
     size: "lg"
   }
-}), ra = pe({
+}), ta = pe({
   baseStyle: {},
   sizes: {
     sm: {
@@ -2813,7 +2813,7 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
   defaultProps: {
     size: "md"
   }
-}), { defineMultiStyleConfig: ta, definePartsStyle: ct } = xe(Yo.keys), oa = {
+}), { defineMultiStyleConfig: oa, definePartsStyle: ct } = xe(Yo.keys), na = {
   partial: ct({
     dialog: {
       maxW: 560
@@ -2826,7 +2826,7 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
       borderRadius: 0
     }
   })
-}, na = ct({
+}, aa = ct({
   overlay: {
     zIndex: "overlay",
     bg: (e) => `${e.colors.tints.black}66`
@@ -2870,12 +2870,12 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
     py: 6,
     px: 8
   }
-}), aa = ta({
-  baseStyle: na,
-  sizes: oa,
+}), ia = oa({
+  baseStyle: aa,
+  sizes: na,
   defaultProps: { size: "partial" }
-}), Lt = Xe("progress-background"), Gt = Xe("progress-filled-background"), { defineMultiStyleConfig: ia, definePartsStyle: sa } = xe(Vo.keys), la = ia({
-  baseStyle: sa({
+}), Lt = Ue("progress-background"), Gt = Ue("progress-filled-background"), { defineMultiStyleConfig: sa, definePartsStyle: la } = xe(Vo.keys), da = sa({
+  baseStyle: la({
     label: {
       lineHeight: "1",
       fontSize: "0.25em",
@@ -2920,7 +2920,7 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
   defaultProps: {
     size: "xs"
   }
-}), da = pe({
+}), ca = pe({
   baseStyle: {},
   sizes: {
     sm: {
@@ -2943,20 +2943,20 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
   defaultProps: {
     size: "md"
   }
-}), ca = Xe("skeleton-start-color"), ua = Xe("skeleton-end-color"), fa = Xe("skeleton-speed"), pa = pe({
+}), ua = Ue("skeleton-start-color"), fa = Ue("skeleton-end-color"), pa = Ue("skeleton-speed"), ga = pe({
   baseStyle: {
-    [ca.variable]: "colors.tints.lightGrey",
-    [ua.variable]: "colors.tints.medGrey",
-    [fa.variable]: "0.8",
+    [ua.variable]: "colors.tints.lightGrey",
+    [fa.variable]: "colors.tints.medGrey",
+    [pa.variable]: "0.8",
     borderRadius: "sm",
     p: "4"
   },
   sizes: {},
   variants: {},
   defaultProps: {}
-}), { defineMultiStyleConfig: ga } = Tr(
-  Uo.keys
-), ha = ga({
+}), { defineMultiStyleConfig: ha } = Xe(
+  qo.keys
+), ba = ha({
   baseStyle: {
     tab: {
       color: "tints.darkGrey",
@@ -2975,9 +2975,7 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
       _focusVisible: {
         outline: "1px solid auto"
       }
-    },
-    tabpanels: {},
-    tabpanel: {}
+    }
   },
   sizes: {
     md: {
@@ -3021,9 +3019,9 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
   defaultProps: {
     size: "lg"
   }
-}), { defineMultiStyleConfig: ba } = Tr(
-  qo.keys
-), ma = {
+}), { defineMultiStyleConfig: ma } = Xe(
+  Ko.keys
+), ya = {
   sm: {
     paddingX: ["2", "2"],
     paddingY: ["0.5", "2"]
@@ -3032,7 +3030,7 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
     paddingX: ["2", "3"],
     paddingY: ["0.5", "3"]
   }
-}, va = ba({
+}, va = ma({
   baseStyle: {
     container: {
       fontWeight: "medium",
@@ -3154,7 +3152,7 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
         backgroundColor: "tints.white",
         color: "tints.black",
         borderRadius: "8px",
-        ...ma[e]
+        ...ya[e]
       },
       label: {
         backgroundColor: "tints.white",
@@ -3172,9 +3170,9 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
     size: "md",
     variant: "primary"
   }
-}), { defineMultiStyleConfig: ya } = xe(
+}), { defineMultiStyleConfig: Sa } = xe(
   Lo.keys
-), Sa = ya({
+), xa = Sa({
   baseStyle: {
     container: {
       width: "100%"
@@ -3227,7 +3225,56 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
     size: "lg",
     variant: "primary"
   }
-}), xa = pe({
+}), { defineMultiStyleConfig: ka } = Xe(
+  Uo.keys
+), wa = ka({
+  baseStyle: {
+    table: {
+      width: "full",
+      borderCollapse: "collapse",
+      color: "tints.black",
+      textAlign: "left"
+    },
+    thead: {},
+    tbody: {},
+    tfoot: {},
+    tr: {
+      borderBottomWidth: "2px",
+      borderColor: "tints.white",
+      fontSize: "lg",
+      backgroundColor: "tints.lightCream"
+    },
+    th: {
+      padding: 4,
+      borderBottomWidth: "2px",
+      borderColor: "tints.white",
+      backgroundColor: "tints.darkCream",
+      fontWeight: "medium",
+      fontSize: "2xl"
+    },
+    td: {
+      padding: 4,
+      fontWeight: "medium"
+    },
+    caption: {},
+    sizes: {}
+  },
+  variants: {
+    simple: {},
+    striped: {
+      tbody: {
+        tr: {
+          _even: {
+            backgroundColor: "tints.cream"
+          }
+        }
+      }
+    }
+  },
+  defaultProps: {
+    variant: "simple"
+  }
+}), _a = pe({
   baseStyle: {
     w: "100%",
     paddingX: "48px"
@@ -3256,14 +3303,14 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
   defaultProps: {
     size: "lg"
   }
-}), ka = {
+}), Ca = {
   tints: {
     black: "#0F0F0F",
     darkGrey: "#545454",
     uiGrey: "#949494",
     medGrey: "#A9A9A9",
     lightGrey: "#EEEEEE",
-    darkCream: "#EDEDE8",
+    darkCream: "#E8E8E2",
     cream: "#F2F2ED",
     lightCream: "#F9F9F6",
     white: "#FFFFFF"
@@ -3370,8 +3417,8 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
     success: "#28724F",
     rating: "#F5A623"
   }
-}, { semanticTokens: Oa, sizes: Da, space: Aa, ...wa } = It, E = (e) => `${e / 16}rem`, _a = (e) => e, ja = _a({
-  ...wa,
+}, { semanticTokens: ja, sizes: Wa, space: La, ...Ta } = It, E = (e) => `${e / 16}rem`, Ra = (e) => e, Ga = Ra({
+  ...Ta,
   breakpoints: {
     // Chakra relies on the initial breakpoint being `base`
     base: "0em",
@@ -3498,35 +3545,36 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
     toast: 1700,
     tooltip: 1800
   },
-  colors: ka,
+  colors: Ca,
   components: {
-    Accordion: Sa,
+    Accordion: xa,
     Button: Wo,
-    Checkbox: Zo,
-    Container: xa,
-    Drawer: aa,
-    Form: Dn,
+    Checkbox: Qo,
+    Container: _a,
+    Drawer: ia,
+    Form: An,
     // Not sure why chakra does not follow their naming convention for this theme, but this is the way that it works
-    FormError: Wn,
-    FormLabel: Gn,
-    Select: Kn,
-    Heading: Qn,
-    Icon: ra,
-    Input: Hn,
-    Link: Zn,
-    Menu: Vn,
-    Progress: la,
-    Slider: Jn,
-    Spinner: da,
-    Skeleton: pa,
-    Tabs: ha,
+    FormError: Ln,
+    FormLabel: Yn,
+    Select: Jn,
+    Heading: ea,
+    Icon: ta,
+    Input: Nn,
+    Link: Qn,
+    Menu: Xn,
+    Progress: da,
+    Slider: Zn,
+    Spinner: ca,
+    Skeleton: ga,
+    Tabs: ba,
+    Table: wa,
     Tag: va,
-    Text: ea
+    Text: ra
   }
-}), Ca = () => ko(), Yt = zo({
+}), Ea = () => ko(), Yt = zo({
   spacing: 0,
   columns: 1
-}), Ta = Rr.forwardRef(
+}), Fa = Rr.forwardRef(
   ({
     children: e,
     alignEdges: a = !0,
@@ -3535,7 +3583,7 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
     spacing: f,
     ...m
   }, T) => {
-    const w = Ca(), g = f ?? w.space[4], P = (y) => typeof y == "number" ? -1 * y : `-${y}`, _ = Array.isArray(g) ? g.map((y) => y && P(y)) : g && P(g);
+    const w = Ea(), g = f ?? w.space[4], P = (v) => typeof v == "number" ? -1 * v : `-${v}`, _ = Array.isArray(g) ? g.map((v) => v && P(v)) : g && P(g);
     return /* @__PURE__ */ Y.jsx(Yt.Provider, { value: { spacing: g, columns: u }, children: /* @__PURE__ */ Y.jsx(Ne, { m: a ? _ : void 0, children: /* @__PURE__ */ Y.jsx(
       wo,
       {
@@ -3550,8 +3598,8 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
     ) }) });
   }
 );
-Ta.displayName = "Grid";
-const Ra = Rr.forwardRef(
+Fa.displayName = "Grid";
+const Ba = Rr.forwardRef(
   ({ children: e, width: a, ...s }, u) => {
     const { columns: f, spacing: m } = $o(Yt), T = Array.isArray(a) ? a.map((g) => g === "auto" ? 1 : 0) : a === "auto" ? 1 : 0, w = () => (Array.isArray(f) ? f : [f]).map((P) => `${100 / P}%`);
     return /* @__PURE__ */ Y.jsx(
@@ -3571,10 +3619,10 @@ const Ra = Rr.forwardRef(
     );
   }
 );
-Ra.displayName = "GridItem";
-const Wa = _o, La = Co, Ea = (e) => /* @__PURE__ */ Y.jsx(To, { icon: /* @__PURE__ */ Y.jsx(Pt, { as: zt }), ...e });
-Ea.displayName = "Checkbox";
-function Fa(e, a) {
+Ba.displayName = "GridItem";
+const Ya = _o, Ha = Co, Ia = (e) => /* @__PURE__ */ Y.jsx(To, { icon: /* @__PURE__ */ Y.jsx(Pt, { as: zt }), ...e });
+Ia.displayName = "Checkbox";
+function Pa(e, a) {
   const { background: s, filledBackground: u, ...f } = e;
   return /* @__PURE__ */ Y.jsx(
     Ro,
@@ -3588,12 +3636,12 @@ function Fa(e, a) {
     }
   );
 }
-const Ga = Mo(Fa), ot = "32px", kr = (e) => e == null, Ba = Eo((e, a) => {
+const Na = Mo(Pa), ot = "32px", wr = (e) => e == null, za = Eo((e, a) => {
   const s = Fo(), u = {
     isDisabled: s == null ? void 0 : s.isDisabled,
     isFocusable: s == null ? void 0 : s.isFocusable,
-    isChecked: !kr(s == null ? void 0 : s.value) && !kr(e.value) ? s.value === e.value : e.isChecked,
-    onChange: !kr(s == null ? void 0 : s.value) && !kr(e.value) ? ($) => {
+    isChecked: !wr(s == null ? void 0 : s.value) && !wr(e.value) ? s.value === e.value : e.isChecked,
+    onChange: !wr(s == null ? void 0 : s.value) && !wr(e.value) ? ($) => {
       var ke, we;
       (ke = e.onChange) == null || ke.call(e, $), (we = s == null ? void 0 : s.onChange) == null || we.call(s, $);
     } : e.onChange,
@@ -3608,7 +3656,7 @@ const Ga = Mo(Fa), ot = "32px", kr = (e) => e == null, Ba = Eo((e, a) => {
   } = Bo({
     ...e,
     ...u
-  }), _ = f({}, a), y = m(), D = w(), G = P(), V = g.isChecked, re = () => e.isDisabled ? "tints.lightGrey" : V ? "viridian.base" : "tints.white", te = () => e.isDisabled ? "tints.lightGrey" : V ? "viridian.base" : "tints.uiGrey", X = () => e.isDisabled ? "not-allowed" : "pointer";
+  }), _ = f({}, a), v = m(), D = w(), G = P(), V = g.isChecked, re = () => e.isDisabled ? "tints.lightGrey" : V ? "viridian.base" : "tints.white", te = () => e.isDisabled ? "tints.lightGrey" : V ? "viridian.base" : "tints.uiGrey", X = () => e.isDisabled ? "not-allowed" : "pointer";
   return /* @__PURE__ */ Y.jsxs(
     Io.label,
     {
@@ -3628,7 +3676,7 @@ const Ga = Mo(Fa), ot = "32px", kr = (e) => e == null, Ba = Eo((e, a) => {
         ) : /* @__PURE__ */ Y.jsx(
           Ne,
           {
-            ...y,
+            ...v,
             display: "flex",
             alignItems: "center",
             justifyContent: "center",
@@ -3660,8 +3708,8 @@ const Ga = Mo(Fa), ot = "32px", kr = (e) => e == null, Ba = Eo((e, a) => {
     }
   );
 });
-Ba.displayName = "Radio";
-const Ia = () => /* @__PURE__ */ Y.jsx(
+za.displayName = "Radio";
+const $a = () => /* @__PURE__ */ Y.jsx(
   Oo,
   {
     styles: `
@@ -3745,101 +3793,110 @@ const Ia = () => /* @__PURE__ */ Y.jsx(
       }
       `
   }
-), Ya = ({
+), Va = ({
   children: e,
   ...a
 }) => /* @__PURE__ */ Y.jsxs(Po, { ...a, children: [
-  /* @__PURE__ */ Y.jsx(Ia, {}),
+  /* @__PURE__ */ Y.jsx($a, {}),
   e
 ] });
 export {
-  Va as Accordion,
-  Xa as AccordionButton,
-  Ua as AccordionIcon,
-  qa as AccordionItem,
-  Ka as AccordionPanel,
-  Ja as Box,
-  Za as Breadcrumb,
-  Qa as BreadcrumbItem,
-  ei as BreadcrumbLink,
-  ri as BreadcrumbSeparator,
-  ti as Button,
-  Ea as Checkbox,
-  oi as CheckboxGroup,
-  ni as Container,
-  ai as Drawer,
-  ii as DrawerBody,
-  si as DrawerCloseButton,
-  li as DrawerContent,
-  di as DrawerFooter,
-  ci as DrawerHeader,
-  ui as DrawerOverlay,
-  fi as Flex,
-  pi as FormControl,
-  gi as FormErrorMessage,
-  hi as FormHelperText,
-  bi as FormLabel,
-  Ta as Grid,
-  Ra as GridItem,
-  mi as HStack,
-  vi as Heading,
-  La as Hide,
-  yi as Icon,
-  Si as IconButton,
-  xi as Image,
-  ki as Input,
-  wi as InputGroup,
-  _i as InputLeftElement,
-  Ci as InputRightElement,
-  Ti as Link,
-  Ri as List,
-  Ei as ListIcon,
-  Fi as ListItem,
-  Bi as Menu,
-  Ii as MenuButton,
-  Pi as MenuCommand,
-  zi as MenuDivider,
-  $i as MenuGroup,
-  Mi as MenuItem,
-  Oi as MenuItemOption,
-  Di as MenuList,
-  Ai as MenuOptionGroup,
-  ji as OrderedList,
-  Ga as Progress,
-  Ba as Radio,
-  Wi as RadioGroup,
-  Li as Select,
-  Wa as Show,
-  Gi as Skeleton,
-  Yi as SkeletonCircle,
-  Hi as SkeletonText,
-  Ni as Slider,
-  Vi as SliderFilledTrack,
-  Xi as SliderMark,
-  Ui as SliderThumb,
-  qi as SliderTrack,
-  Ki as Spacer,
-  Ji as Spinner,
-  Zi as Stack,
-  Qi as Tab,
-  es as TabList,
-  rs as TabPanel,
-  ts as TabPanels,
-  os as Tabs,
-  ns as Tag,
-  as as TagCloseButton,
-  is as TagLabel,
-  ss as TagLeftIcon,
-  ls as TagRightIcon,
-  ds as Text,
-  Ya as ThemeProvider,
-  cs as UnorderedList,
-  us as VStack,
-  fs as VisuallyHidden,
-  ps as extendTheme,
-  vs as styled,
-  ja as theme,
-  gs as useMediaQuery,
-  hs as useRadioGroup,
-  bs as useTab
+  qa as Accordion,
+  Ka as AccordionButton,
+  Ja as AccordionIcon,
+  Za as AccordionItem,
+  Qa as AccordionPanel,
+  ei as Box,
+  ri as Breadcrumb,
+  ti as BreadcrumbItem,
+  oi as BreadcrumbLink,
+  ni as BreadcrumbSeparator,
+  ai as Button,
+  Ia as Checkbox,
+  ii as CheckboxGroup,
+  si as Container,
+  li as Drawer,
+  di as DrawerBody,
+  ci as DrawerCloseButton,
+  ui as DrawerContent,
+  fi as DrawerFooter,
+  pi as DrawerHeader,
+  gi as DrawerOverlay,
+  hi as Flex,
+  bi as FormControl,
+  mi as FormErrorMessage,
+  yi as FormHelperText,
+  vi as FormLabel,
+  Fa as Grid,
+  Ba as GridItem,
+  Si as HStack,
+  xi as Heading,
+  Ha as Hide,
+  ki as Icon,
+  wi as IconButton,
+  _i as Image,
+  Ci as Input,
+  Ti as InputGroup,
+  Ri as InputLeftElement,
+  Ei as InputRightElement,
+  Fi as Link,
+  Bi as List,
+  Ii as ListIcon,
+  Pi as ListItem,
+  zi as Menu,
+  $i as MenuButton,
+  Mi as MenuCommand,
+  Oi as MenuDivider,
+  Di as MenuGroup,
+  Ai as MenuItem,
+  ji as MenuItemOption,
+  Wi as MenuList,
+  Li as MenuOptionGroup,
+  Gi as OrderedList,
+  Na as Progress,
+  za as Radio,
+  Yi as RadioGroup,
+  Hi as Select,
+  Ya as Show,
+  Ni as Skeleton,
+  Vi as SkeletonCircle,
+  Xi as SkeletonText,
+  Ui as Slider,
+  qi as SliderFilledTrack,
+  Ki as SliderMark,
+  Ji as SliderThumb,
+  Zi as SliderTrack,
+  Qi as Spacer,
+  es as Spinner,
+  rs as Stack,
+  ts as Tab,
+  os as TabList,
+  ns as TabPanel,
+  as as TabPanels,
+  is as Table,
+  ss as TableCaption,
+  ls as TableContainer,
+  ds as Tabs,
+  cs as Tag,
+  us as TagCloseButton,
+  fs as TagLabel,
+  ps as TagLeftIcon,
+  gs as TagRightIcon,
+  hs as Tbody,
+  bs as Td,
+  ms as Text,
+  ys as Tfoot,
+  vs as Th,
+  Ss as Thead,
+  Va as ThemeProvider,
+  xs as Tr,
+  ks as UnorderedList,
+  ws as VStack,
+  _s as VisuallyHidden,
+  Cs as extendTheme,
+  Bs as styled,
+  Ga as theme,
+  Ts as useMediaQuery,
+  Rs as useRadioGroup,
+  Es as useTab
 };