@everlywell/ui-kit 1.1.1 → 1.1.3

package/index.mjs

@@ -1,9 +1,9 @@
-import { defineStyleConfig as me, 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 Na, AccordionButton as Va, AccordionIcon as Xa, AccordionItem as Ua, AccordionPanel as qa, Box as Ka, Breadcrumb as Ja, BreadcrumbItem as Za, BreadcrumbLink as Qa, BreadcrumbSeparator as ei, Button as ri, CheckboxGroup as ti, Container as oi, Drawer as ni, DrawerBody as ai, DrawerCloseButton as ii, DrawerContent as si, DrawerFooter as li, DrawerHeader as di, DrawerOverlay as ci, Flex as ui, FormControl as fi, FormErrorMessage as pi, FormHelperText as gi, FormLabel as hi, HStack as bi, Heading as mi, Icon as vi, IconButton as yi, Image as Si, Input as xi, InputGroup as ki, InputLeftElement as wi, InputRightElement as _i, Link as Ci, List as Ti, ListIcon as Ri, ListItem as Ei, Menu as Fi, MenuButton as Bi, MenuCommand as Ii, MenuDivider as Pi, MenuGroup as zi, MenuItem as $i, MenuItemOption as Mi, MenuList as Oi, MenuOptionGroup as Di, OrderedList as Ai, RadioGroup as ji, Select as Wi, Skeleton as Li, SkeletonCircle as Gi, SkeletonText as Yi, Spacer as Hi, Spinner as Ni, Stack as Vi, Tab as Xi, TabList as Ui, TabPanel as qi, TabPanels as Ki, Tabs as Ji, Tag as Zi, TagCloseButton as Qi, TagLabel as es, TagLeftIcon as rs, TagRightIcon as ts, Text as os, UnorderedList as ns, VStack as as, VisuallyHidden as is, extendBaseTheme as ss, useMediaQuery as ls, useRadioGroup as ds, useTab as cs } from "@chakra-ui/react";
+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 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 fs } from "@emotion/styled";
+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 : {};
 function Do(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -186,16 +186,16 @@ function Ao() {
 ` + _e + t;
       }
     }
-    var Ce = !1, pe;
+    var Ce = !1, ge;
     {
       var nr = typeof WeakMap == "function" ? WeakMap : Map;
-      pe = new nr();
+      ge = new nr();
     }
     function $e(t, l) {
       if (!t || Ce)
         return "";
       {
-        var d = pe.get(t);
+        var d = ge.get(t);
         if (d !== void 0)
           return d;
       }
@@ -250,7 +250,7 @@ function Ao() {
                   if (A--, j--, j < 0 || h[A] !== W[j]) {
                     var H = `
 ` + h[A].replace(" at new ", " at ");
-                    return t.displayName && H.includes("<anonymous>") && (H = H.replace("<anonymous>", t.displayName)), typeof t == "function" && pe.set(t, H), H;
+                    return t.displayName && H.includes("<anonymous>") && (H = H.replace("<anonymous>", t.displayName)), typeof t == "function" && ge.set(t, H), H;
                   }
                 while (A >= 1 && j >= 0);
               break;
@@ -260,7 +260,7 @@ function Ao() {
         Ce = !1, le.current = S, Mr(), Error.prepareStackTrace = k;
       }
       var ae = t ? t.displayName || t.name : "", br = ae ? oe(ae) : "";
-      return typeof t == "function" && pe.set(t, br), br;
+      return typeof t == "function" && ge.set(t, br), br;
     }
     function Or(t, l, d) {
       return $e(t, !1);
@@ -326,7 +326,7 @@ function Ao() {
       }
     }
     var Me = Array.isArray;
-    function ge(t) {
+    function he(t) {
       return Me(t);
     }
     function Q(t) {
@@ -513,7 +513,7 @@ Check the top-level render call using <` + d + ">.");
       {
         if (typeof t != "object")
           return;
-        if (ge(t))
+        if (he(t))
           for (var d = 0; d < t.length; d++) {
             var p = t[d];
             je(p) && pr(p, l);
@@ -574,7 +574,7 @@ Check the top-level render call using <` + d + ">.");
           var W = Lr(k);
           W ? h += W : h += ne();
           var A;
-          t === null ? A = "null" : ge(t) ? A = "array" : t !== void 0 && t.$$typeof === a ? (A = "<" + (Z(t.type) || "Unknown") + " />", h = " Did you accidentally export a JSX literal instead of a component?") : A = typeof t, $("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", A, h);
+          t === null ? A = "null" : he(t) ? A = "array" : t !== void 0 && t.$$typeof === a ? (A = "<" + (Z(t.type) || "Unknown") + " />", h = " Did you accidentally export a JSX literal instead of a component?") : A = typeof t, $("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", A, h);
         }
         var j = Wr(t, l, d, k, S);
         if (j == null)
@@ -583,7 +583,7 @@ Check the top-level render call using <` + d + ">.");
           var H = l.children;
           if (H !== void 0)
             if (p)
-              if (ge(H)) {
+              if (he(H)) {
                 for (var ae = 0; ae < H.length; ae++)
                   gr(H[ae], t);
                 Object.freeze && Object.freeze(H);
@@ -601,8 +601,8 @@ Check the top-level render call using <` + d + ">.");
     function Nr(t, l, d) {
       return hr(t, l, d, !1);
     }
-    var Vr = Nr, he = Hr;
-    Ge.Fragment = u, Ge.jsx = Vr, Ge.jsxs = he;
+    var Vr = Nr, be = Hr;
+    Ge.Fragment = u, Ge.jsx = Vr, Ge.jsxs = be;
   }()), Ge;
 }
 var Ye = {};
@@ -635,7 +635,7 @@ function jo() {
 }
 process.env.NODE_ENV === "production" ? nt.exports = jo() : nt.exports = Ao();
 var Y = nt.exports;
-const _t = ["redCS", "greenCS"], Wo = me({
+const _t = ["redCS", "greenCS"], Wo = pe({
   // The styles all button have in common
   baseStyle: {
     fontFamily: "body",
@@ -942,6 +942,7 @@ const { definePartsStyle: Ko, defineMultiStyleConfig: Jo } = Tr(Go.keys), Zo = J
       boxSize: 24,
       padding: 0.5,
       borderRadius: "6px",
+      borderStyle: "solid",
       borderWidth: 1,
       borderColor: "tints.uiGrey",
       color: "transparent",
@@ -1014,10 +1015,10 @@ _r.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, pe = Ce && or.process, nr = function() {
+  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() {
     try {
       var r = oe && oe.require && oe.require("util").types;
-      return r || pe && pe.binding && pe.binding("util");
+      return r || ge && ge.binding && ge.binding("util");
     } catch {
     }
   }(), $e = nr && nr.isTypedArray;
@@ -1052,11 +1053,11 @@ _r.exports;
       return r(o(i));
     };
   }
-  var ir = Array.prototype, Ee = Function.prototype, Fe = Object.prototype, Me = le["__core-js_shared__"], ge = Ee.toString, Q = Fe.hasOwnProperty, sr = function() {
+  var ir = Array.prototype, Ee = Function.prototype, Fe = Object.prototype, Me = le["__core-js_shared__"], he = Ee.toString, Q = Fe.hasOwnProperty, sr = function() {
     var r = /[^.]+$/.exec(Me && Me.keys && Me.keys.IE_PROTO || "");
     return r ? "Symbol(src)_1." + r : "";
-  }(), Oe = Fe.toString, lr = ge.call(Object), ye = RegExp(
-    "^" + ge.call(Q).replace(er, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+  }(), 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() {
     try {
       var r = Ur(Object, "defineProperty");
@@ -1136,7 +1137,7 @@ _r.exports;
     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;
-  function he(r) {
+  function be(r) {
     var o = -1, i = r == null ? 0 : r.length;
     for (this.clear(); ++o < i; ) {
       var c = r[o];
@@ -1164,7 +1165,7 @@ _r.exports;
     var i = vr(this, r), c = i.size;
     return i.set(r, o), this.size += i.size == c ? 0 : 1, this;
   }
-  he.prototype.clear = t, he.prototype.delete = l, he.prototype.get = d, he.prototype.has = p, he.prototype.set = k;
+  be.prototype.clear = t, be.prototype.delete = l, be.prototype.get = d, be.prototype.has = p, be.prototype.set = k;
   function S(r) {
     var o = this.__data__ = new ee(r);
     this.size = o.size;
@@ -1188,7 +1189,7 @@ _r.exports;
       var c = i.__data__;
       if (!ce || c.length < s - 1)
         return c.push([r, o]), this.size = ++i.size, this;
-      i = this.__data__ = new he(c);
+      i = this.__data__ = new be(c);
     }
     return i.set(r, o), this.size = i.size, this;
   }
@@ -1413,7 +1414,7 @@ _r.exports;
   function ho(r) {
     if (r != null) {
       try {
-        return ge.call(r);
+        return he.call(r);
       } catch {
       }
       try {
@@ -1461,7 +1462,7 @@ _r.exports;
     if (o === null)
       return !0;
     var i = Q.call(o, "constructor") && o.constructor;
-    return typeof i == "function" && i instanceof i && ge.call(i) == lr;
+    return typeof i == "function" && i instanceof i && he.call(i) == lr;
   }
   var vt = $e ? Te($e) : Vt;
   function vo(r) {
@@ -2319,7 +2320,7 @@ var Er = (e, ...a) => a.map(Dt).join(` ${e} `).replace(/calc/g, ""), Tt = (...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}`
-}, be = (e) => At((a) => e(a, "&"), "[role=group]", "[data-group]", ".group"), fe = (e) => At((a) => e(a, "~ &"), "[data-peer]", ".peer"), At = (e, ...a) => a.map(e).join(", "), jt = {
+}, me = (e) => At((a) => e(a, "&"), "[role=group]", "[data-group]", ".group"), fe = (e) => At((a) => e(a, "~ &"), "[data-peer]", ".peer"), At = (e, ...a) => a.map(e).join(", "), jt = {
   _hover: "&:hover, &[data-hover]",
   _active: "&:active, &[data-active]",
   _focus: "&:focus, &[data-focus]",
@@ -2352,21 +2353,21 @@ var Er = (e, ...a) => a.map(Dt).join(` ${e} `).replace(/calc/g, ""), Tt = (...e)
   _activeLink: "&[aria-current=page]",
   _activeStep: "&[aria-current=step]",
   _indeterminate: "&:indeterminate, &[aria-checked=mixed], &[data-indeterminate]",
-  _groupHover: be(L.hover),
+  _groupHover: me(L.hover),
   _peerHover: fe(L.hover),
-  _groupFocus: be(L.focus),
+  _groupFocus: me(L.focus),
   _peerFocus: fe(L.focus),
-  _groupFocusVisible: be(L.focusVisible),
+  _groupFocusVisible: me(L.focusVisible),
   _peerFocusVisible: fe(L.focusVisible),
-  _groupActive: be(L.active),
+  _groupActive: me(L.active),
   _peerActive: fe(L.active),
-  _groupDisabled: be(L.disabled),
+  _groupDisabled: me(L.disabled),
   _peerDisabled: fe(L.disabled),
-  _groupInvalid: be(L.invalid),
+  _groupInvalid: me(L.invalid),
   _peerInvalid: fe(L.invalid),
-  _groupChecked: be(L.checked),
+  _groupChecked: me(L.checked),
   _peerChecked: fe(L.checked),
-  _groupFocusWithin: be(L.focusWithin),
+  _groupFocusWithin: me(L.focusWithin),
   _peerFocusWithin: fe(L.focusWithin),
   _peerPlaceholderShown: fe(L.placeholderShown),
   _placeholder: "&::placeholder",
@@ -2672,7 +2673,20 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
       color: "tints.medGrey"
     }
   }
-}), Kn = Un({ baseStyle: qn }), Jn = me({
+}), Kn = Un({ baseStyle: qn }), Jn = pe({
+  baseStyle: {
+    thumb: {
+      cursor: "grab",
+      boxShadow: "md"
+    },
+    track: {
+      h: "4px"
+    }
+  },
+  sizes: {},
+  variants: {},
+  defaultProps: {}
+}), Zn = pe({
   baseStyle: {
     color: "viridian.base",
     fontWeight: "normal",
@@ -2700,7 +2714,7 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
   defaultProps: {
     size: "md"
   }
-}), Zn = me({
+}), Qn = pe({
   baseStyle: {
     fontFamily: "heading",
     fontWeight: "normal",
@@ -2753,7 +2767,7 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
   defaultProps: {
     size: "md"
   }
-}), Qn = me({
+}), ea = pe({
   baseStyle: {
     fontFamily: "body",
     fontWeight: "normal",
@@ -2783,7 +2797,7 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
   defaultProps: {
     size: "lg"
   }
-}), ea = me({
+}), ra = pe({
   baseStyle: {},
   sizes: {
     sm: {
@@ -2800,7 +2814,7 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
   defaultProps: {
     size: "md"
   }
-}), { defineMultiStyleConfig: ra, definePartsStyle: ct } = xe(Yo.keys), ta = {
+}), { defineMultiStyleConfig: ta, definePartsStyle: ct } = xe(Yo.keys), oa = {
   partial: ct({
     dialog: {
       maxW: 560
@@ -2813,7 +2827,7 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
       borderRadius: 0
     }
   })
-}, oa = ct({
+}, na = ct({
   overlay: {
     zIndex: "overlay",
     bg: (e) => `${e.colors.tints.black}66`
@@ -2857,12 +2871,12 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
     py: 6,
     px: 8
   }
-}), na = ra({
-  baseStyle: oa,
-  sizes: ta,
+}), aa = ta({
+  baseStyle: na,
+  sizes: oa,
   defaultProps: { size: "partial" }
-}), Lt = Xe("progress-background"), Gt = Xe("progress-filled-background"), { defineMultiStyleConfig: aa, definePartsStyle: ia } = xe(Vo.keys), sa = aa({
-  baseStyle: ia({
+}), Lt = Xe("progress-background"), Gt = Xe("progress-filled-background"), { defineMultiStyleConfig: ia, definePartsStyle: sa } = xe(Vo.keys), la = ia({
+  baseStyle: sa({
     label: {
       lineHeight: "1",
       fontSize: "0.25em",
@@ -2907,7 +2921,7 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
   defaultProps: {
     size: "xs"
   }
-}), la = me({
+}), da = pe({
   baseStyle: {},
   sizes: {
     sm: {
@@ -2930,20 +2944,20 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
   defaultProps: {
     size: "md"
   }
-}), da = Xe("skeleton-start-color"), ca = Xe("skeleton-end-color"), ua = Xe("skeleton-speed"), fa = me({
+}), ca = Xe("skeleton-start-color"), ua = Xe("skeleton-end-color"), fa = Xe("skeleton-speed"), pa = pe({
   baseStyle: {
-    [da.variable]: "colors.tints.lightGrey",
-    [ca.variable]: "colors.tints.medGrey",
-    [ua.variable]: "0.8",
+    [ca.variable]: "colors.tints.lightGrey",
+    [ua.variable]: "colors.tints.medGrey",
+    [fa.variable]: "0.8",
     borderRadius: "sm",
     p: "4"
   },
   sizes: {},
   variants: {},
   defaultProps: {}
-}), { defineMultiStyleConfig: pa } = Tr(
+}), { defineMultiStyleConfig: ga } = Tr(
   Uo.keys
-), ga = pa({
+), ha = ga({
   baseStyle: {
     tab: {
       color: "tints.darkGrey",
@@ -3008,9 +3022,9 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
   defaultProps: {
     size: "lg"
   }
-}), { defineMultiStyleConfig: ha } = Tr(
+}), { defineMultiStyleConfig: ba } = Tr(
   qo.keys
-), ba = {
+), ma = {
   sm: {
     paddingX: ["2", "2"],
     paddingY: ["0.5", "2"]
@@ -3019,7 +3033,7 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
     paddingX: ["2", "3"],
     paddingY: ["0.5", "3"]
   }
-}, ma = ha({
+}, va = ba({
   baseStyle: {
     container: {
       fontWeight: "medium",
@@ -3141,7 +3155,7 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
         backgroundColor: "tints.white",
         color: "tints.black",
         borderRadius: "8px",
-        ...ba[e]
+        ...ma[e]
       },
       label: {
         backgroundColor: "tints.white",
@@ -3159,9 +3173,9 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
     size: "md",
     variant: "primary"
   }
-}), { defineMultiStyleConfig: va } = xe(
+}), { defineMultiStyleConfig: ya } = xe(
   Lo.keys
-), ya = va({
+), Sa = ya({
   baseStyle: {
     container: {
       width: "100%"
@@ -3214,7 +3228,7 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
     size: "lg",
     variant: "primary"
   }
-}), Sa = me({
+}), xa = pe({
   baseStyle: {
     w: "100%",
     paddingX: "48px"
@@ -3243,7 +3257,7 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
   defaultProps: {
     size: "lg"
   }
-}), xa = {
+}), ka = {
   tints: {
     black: "#0F0F0F",
     darkGrey: "#545454",
@@ -3357,8 +3371,8 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
     success: "#28724F",
     rating: "#F5A623"
   }
-}, { semanticTokens: Ma, sizes: Oa, space: Da, ...ka } = It, E = (e) => `${e / 16}rem`, wa = (e) => e, Aa = wa({
-  ...ka,
+}, { semanticTokens: Oa, sizes: Da, space: Aa, ...wa } = It, E = (e) => `${e / 16}rem`, _a = (e) => e, ja = _a({
+  ...wa,
   breakpoints: {
     // Chakra relies on the initial breakpoint being `base`
     base: "0em",
@@ -3485,34 +3499,35 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
     toast: 1700,
     tooltip: 1800
   },
-  colors: xa,
+  colors: ka,
   components: {
-    Accordion: ya,
+    Accordion: Sa,
     Button: Wo,
     Checkbox: Zo,
-    Container: Sa,
-    Drawer: na,
+    Container: xa,
+    Drawer: aa,
     Form: Dn,
     // 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: Zn,
-    Icon: ea,
+    Heading: Qn,
+    Icon: ra,
     Input: Hn,
-    Link: Jn,
+    Link: Zn,
     Menu: Vn,
-    Progress: sa,
-    Spinner: la,
-    Skeleton: fa,
-    Tabs: ga,
-    Tag: ma,
-    Text: Qn
-  }
-}), _a = () => ko(), Yt = zo({
+    Progress: la,
+    Slider: Jn,
+    Spinner: da,
+    Skeleton: pa,
+    Tabs: ha,
+    Tag: va,
+    Text: ea
+  }
+}), Ca = () => ko(), Yt = zo({
   spacing: 0,
   columns: 1
-}), Ca = Rr.forwardRef(
+}), Ta = Rr.forwardRef(
   ({
     children: e,
     alignEdges: a = !0,
@@ -3521,7 +3536,7 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
     spacing: f,
     ...m
   }, T) => {
-    const w = _a(), 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 = 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);
     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,
       {
@@ -3536,8 +3551,8 @@ const { defineMultiStyleConfig: Mn, definePartsStyle: On } = xe(Ho.keys), Bt = {
     ) }) });
   }
 );
-Ca.displayName = "Grid";
-const Ta = Rr.forwardRef(
+Ta.displayName = "Grid";
+const Ra = 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(
@@ -3557,10 +3572,10 @@ const Ta = Rr.forwardRef(
     );
   }
 );
-Ta.displayName = "GridItem";
-const ja = _o, Wa = Co, Ra = (e) => /* @__PURE__ */ Y.jsx(To, { icon: /* @__PURE__ */ Y.jsx(Pt, { as: zt }), ...e });
-Ra.displayName = "Checkbox";
-function Ea(e, a) {
+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) {
   const { background: s, filledBackground: u, ...f } = e;
   return /* @__PURE__ */ Y.jsx(
     Ro,
@@ -3574,7 +3589,7 @@ function Ea(e, a) {
     }
   );
 }
-const La = Mo(Ea), ot = "32px", kr = (e) => e == null, Fa = Eo((e, a) => {
+const Ga = Mo(Fa), ot = "32px", kr = (e) => e == null, Ba = Eo((e, a) => {
   const s = Fo(), u = {
     isDisabled: s == null ? void 0 : s.isDisabled,
     isFocusable: s == null ? void 0 : s.isFocusable,
@@ -3646,8 +3661,8 @@ const La = Mo(Ea), ot = "32px", kr = (e) => e == null, Fa = Eo((e, a) => {
     }
   );
 });
-Fa.displayName = "Radio";
-const Ba = () => /* @__PURE__ */ Y.jsx(
+Ba.displayName = "Radio";
+const Ia = () => /* @__PURE__ */ Y.jsx(
   Oo,
   {
     styles: `
@@ -3731,96 +3746,101 @@ const Ba = () => /* @__PURE__ */ Y.jsx(
       }
       `
   }
-), Ga = ({
+), Ya = ({
   children: e,
   ...a
 }) => /* @__PURE__ */ Y.jsxs(Po, { ...a, children: [
-  /* @__PURE__ */ Y.jsx(Ba, {}),
+  /* @__PURE__ */ Y.jsx(Ia, {}),
   e
 ] });
 export {
-  Na as Accordion,
-  Va as AccordionButton,
-  Xa as AccordionIcon,
-  Ua as AccordionItem,
-  qa as AccordionPanel,
-  Ka as Box,
-  Ja as Breadcrumb,
-  Za as BreadcrumbItem,
-  Qa as BreadcrumbLink,
-  ei as BreadcrumbSeparator,
-  ri as Button,
-  Ra as Checkbox,
-  ti as CheckboxGroup,
-  oi as Container,
-  ni as Drawer,
-  ai as DrawerBody,
-  ii as DrawerCloseButton,
-  si as DrawerContent,
-  li as DrawerFooter,
-  di as DrawerHeader,
-  ci as DrawerOverlay,
-  ui as Flex,
-  fi as FormControl,
-  pi as FormErrorMessage,
-  gi as FormHelperText,
-  hi as FormLabel,
-  Ca as Grid,
-  Ta as GridItem,
-  bi as HStack,
-  mi as Heading,
-  Wa as Hide,
-  vi as Icon,
-  yi as IconButton,
-  Si as Image,
-  xi as Input,
-  ki as InputGroup,
-  wi as InputLeftElement,
-  _i as InputRightElement,
-  Ci as Link,
-  Ti as List,
-  Ri as ListIcon,
-  Ei as ListItem,
-  Fi as Menu,
-  Bi as MenuButton,
-  Ii as MenuCommand,
-  Pi as MenuDivider,
-  zi as MenuGroup,
-  $i as MenuItem,
-  Mi as MenuItemOption,
-  Oi as MenuList,
-  Di as MenuOptionGroup,
-  Ai as OrderedList,
-  La as Progress,
-  Fa as Radio,
-  ji as RadioGroup,
-  Wi as Select,
-  ja as Show,
-  Li as Skeleton,
-  Gi as SkeletonCircle,
-  Yi as SkeletonText,
-  Hi as Spacer,
-  Ni as Spinner,
-  Vi as Stack,
-  Xi as Tab,
-  Ui as TabList,
-  qi as TabPanel,
-  Ki as TabPanels,
-  Ji as Tabs,
-  Zi as Tag,
-  Qi as TagCloseButton,
-  es as TagLabel,
-  rs as TagLeftIcon,
-  ts as TagRightIcon,
-  os as Text,
-  Ga as ThemeProvider,
-  ns as UnorderedList,
-  as as VStack,
-  is as VisuallyHidden,
-  ss as extendTheme,
-  fs as styled,
-  Aa as theme,
-  ls as useMediaQuery,
-  ds as useRadioGroup,
-  cs as useTab
+  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
 };