mainstack-design-system 0.7.27 → 0.7.28

package/build/index.d.ts

@@ -135,6 +135,8 @@ export declare const Banner: ({ variant, onProceed, message, buttonText, hasProc
 
 export declare const BarChartFilledIcon: (props: IconProps) => JSX_2.Element;
 
+export declare const BarcodeScannerIcon: (props: IconProps) => JSX_2.Element;
+
 export declare const BlockIcon: (props: IconProps) => JSX_2.Element;
 
 export declare const BoltFilledIcon: (props: IconProps) => JSX_2.Element;

package/build/mainstack-design-system.js

@@ -1,6 +1,6 @@
 import "./index.css";
 import { Button as T7, Flex as y1, Icon as O, Text as B1, AccordionItem as o9, Box as k1, AccordionButton as i9, Center as n5, AccordionPanel as a9, Image as t2, Circle as ee, useRadio as l9, Tabs as O7, TabList as B7, Tab as F7, TabPanels as N7, TabPanel as P7, Show as $5, Select as s9, useCheckbox as R7, Switch as u9, FormLabel as u2, InputGroup as te, InputRightElement as ne, InputLeftElement as re, Input as U2, Textarea as c9, Spinner as D7, useDisclosure as G7, Popover as oe, PopoverTrigger as ie, PopoverContent as ae, PopoverArrow as C9, PopoverBody as le, chakra as x5, Tooltip as d9, useMediaQuery as j7, Grid as f9, GridItem as Se, SimpleGrid as h9, Slider as p9, SliderTrack as g9, SliderFilledTrack as m9, SliderThumb as v9 } from "@chakra-ui/react";
-import { Accordion as wh, AccordionPanel as xh, ChakraProvider as Ih } from "@chakra-ui/react";
+import { Accordion as xh, AccordionPanel as Ih, ChakraProvider as Hh } from "@chakra-ui/react";
 import { jsx as t, jsxs as r1, Fragment as X1 } from "react/jsx-runtime";
 import { motion as W7 } from "framer-motion";
 import * as M1 from "react";
@@ -6482,6 +6482,22 @@ const o2 = ({
       }
     )
   }
+), Gf = (e) => /* @__PURE__ */ t(
+  O,
+  {
+    ...e,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    style: { maskType: "alpha" },
+    children: /* @__PURE__ */ t("g", { mask: "url(#mask0_2364_121229)", children: /* @__PURE__ */ t(
+      "path",
+      {
+        d: "M1.04102 17.2923V13.5423H2.29102V16.0423H4.79102V17.2923H1.04102ZM15.2077 17.2923V16.0423H17.7077V13.5423H18.9577V17.2923H15.2077ZM3.33268 15.0007V5.00065H4.99935V15.0007H3.33268ZM5.83268 15.0007V5.00065H6.66602V15.0007H5.83268ZM8.33268 15.0007V5.00065H9.99935V15.0007H8.33268ZM10.8327 15.0007V5.00065H13.3327V15.0007H10.8327ZM14.166 15.0007V5.00065H14.9993V15.0007H14.166ZM15.8327 15.0007V5.00065H16.666V15.0007H15.8327ZM1.04102 6.45898V2.70898H4.79102V3.95898H2.29102V6.45898H1.04102ZM17.7077 6.45898V3.95898H15.2077V2.70898H18.9577V6.45898H17.7077Z",
+        fill: "currentColor"
+      }
+    ) })
+  }
 );
 const A2 = {
   "3xl": {
@@ -6581,7 +6597,7 @@ const A2 = {
     ...n,
     children: r
   }
-), Gf = c2(
+), jf = c2(
   ({
     children: e,
     title: o,
@@ -6651,7 +6667,7 @@ const A2 = {
                 ] })
               }
             ),
-            /* @__PURE__ */ t(a9, { p: 0, mt: "24px", children: e })
+            /* @__PURE__ */ t(a9, { p: 0, mt: "24px", overflow: "auto", children: e })
           ]
         }
       )
@@ -6708,7 +6724,7 @@ const A2 = {
       children: r()
     }
   ) });
-}, jf = (e) => /* @__PURE__ */ t(X1, { children: e.type === "image" ? /* @__PURE__ */ t(
+}, Wf = (e) => /* @__PURE__ */ t(X1, { children: e.type === "image" ? /* @__PURE__ */ t(
   t2,
   {
     ...e,
@@ -6874,7 +6890,7 @@ const A2 = {
       ] })
     ] })
   ] });
-}, Wf = ({ isChecked: e, label: o, hasRadio: i, ...r }) => /* @__PURE__ */ t(
+}, zf = ({ isChecked: e, label: o, hasRadio: i, ...r }) => /* @__PURE__ */ t(
   y1,
   {
     pl: "16px",
@@ -6955,7 +6971,7 @@ const A2 = {
       }
     )
   }
-), zf = ({
+), Xf = ({
   items: e,
   width: o,
   tabIndex: i,
@@ -7022,7 +7038,7 @@ const A2 = {
     }
   ),
   /* @__PURE__ */ t(N7, { children: e.map((d, g) => /* @__PURE__ */ t(P7, { padding: "0", children: d.element }, g)) })
-] }), Xf = ({
+] }), Yf = ({
   limit: e,
   setLimit: o,
   page: i,
@@ -7232,7 +7248,7 @@ const A2 = {
       ] })
     ] })
   ] });
-}, Yf = (e) => {
+}, Jf = (e) => {
   const { state: o, getCheckboxProps: i, getInputProps: r, getLabelProps: n, htmlProps: d } = R7(e);
   return /* @__PURE__ */ r1(k1, { as: "label", cursor: "pointer", position: "relative", ...d, children: [
     /* @__PURE__ */ t("input", { ...r(), disabled: e.isDisabled }),
@@ -7323,7 +7339,7 @@ const A2 = {
       ] })
     ] })
   ] });
-}, Jf = ({
+}, qf = ({
   steps: e,
   page: o,
   handleStepClick: i,
@@ -7398,7 +7414,7 @@ const A2 = {
       ))
     }
   );
-}, qf = ({
+}, Uf = ({
   items: e,
   width: o,
   tabIndex: i,
@@ -7494,7 +7510,7 @@ const A2 = {
     }
   ),
   /* @__PURE__ */ t(N7, { children: e.map((d, g) => /* @__PURE__ */ t(P7, { padding: "0", children: d.element }, g)) })
-] }), Uf = ({
+] }), $f = ({
   label: e,
   subtext: o,
   refkey: i,
@@ -9423,26 +9439,26 @@ var vt = function(o) {
   return o.replace(Q0, function(i) {
     return mt[i];
   });
-}, e4 = X0(vt), Ge = function(o) {
+}, e8 = X0(vt), Ge = function(o) {
   return o.replace(/^\s+|\s+$/g, "");
-}, t4 = function(o) {
+}, t8 = function(o) {
   return "".concat(o.label, " ").concat(o.value);
-}, n4 = function(o) {
+}, n8 = function(o) {
   return function(i, r) {
     if (i.data.__isNew__)
       return !0;
     var n = v1({
       ignoreCase: !0,
       ignoreAccents: !0,
-      stringify: t4,
+      stringify: t8,
       trim: !0,
       matchFrom: "any"
     }, o), d = n.ignoreCase, g = n.ignoreAccents, b = n.stringify, s = n.trim, v = n.matchFrom, h = s ? Ge(r) : r, c = s ? Ge(b(i)) : b(i);
-    return d && (h = h.toLowerCase(), c = c.toLowerCase()), g && (h = e4(h), c = vt(c)), v === "start" ? c.substr(0, h.length) === h : c.indexOf(h) > -1;
+    return d && (h = h.toLowerCase(), c = c.toLowerCase()), g && (h = e8(h), c = vt(c)), v === "start" ? c.substr(0, h.length) === h : c.indexOf(h) > -1;
   };
-}, r4 = ["innerRef"];
-function o4(e) {
-  var o = e.innerRef, i = c5(e, r4), r = _6(i, "onExited", "in", "enter", "exit", "appear");
+}, r8 = ["innerRef"];
+function o8(e) {
+  var o = e.innerRef, i = c5(e, r8), r = _6(i, "onExited", "in", "enter", "exit", "appear");
   return x1("input", I1({
     ref: o
   }, r, {
@@ -9469,14 +9485,14 @@ function o4(e) {
     }, process.env.NODE_ENV === "production" ? "" : ";label:DummyInput;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkR1bW15SW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCTSIsImZpbGUiOiJEdW1teUlucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHsgSlNYLCBSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3ggfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW1vdmVQcm9wcyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gRHVtbXlJbnB1dCh7XG4gIGlubmVyUmVmLFxuICAuLi5wcm9wc1xufTogSlNYLkludHJpbnNpY0VsZW1lbnRzWydpbnB1dCddICYge1xuICByZWFkb25seSBpbm5lclJlZjogUmVmPEhUTUxJbnB1dEVsZW1lbnQ+O1xufSkge1xuICAvLyBSZW1vdmUgYW5pbWF0aW9uIHByb3BzIG5vdCBtZWFudCBmb3IgSFRNTCBlbGVtZW50c1xuICBjb25zdCBmaWx0ZXJlZFByb3BzID0gcmVtb3ZlUHJvcHMoXG4gICAgcHJvcHMsXG4gICAgJ29uRXhpdGVkJyxcbiAgICAnaW4nLFxuICAgICdlbnRlcicsXG4gICAgJ2V4aXQnLFxuICAgICdhcHBlYXInXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8aW5wdXRcbiAgICAgIHJlZj17aW5uZXJSZWZ9XG4gICAgICB7Li4uZmlsdGVyZWRQcm9wc31cbiAgICAgIGNzcz17e1xuICAgICAgICBsYWJlbDogJ2R1bW15SW5wdXQnLFxuICAgICAgICAvLyBnZXQgcmlkIG9mIGFueSBkZWZhdWx0IHN0eWxlc1xuICAgICAgICBiYWNrZ3JvdW5kOiAwLFxuICAgICAgICBib3JkZXI6IDAsXG4gICAgICAgIC8vIGltcG9ydGFudCEgdGhpcyBoaWRlcyB0aGUgZmxhc2hpbmcgY3Vyc29yXG4gICAgICAgIGNhcmV0Q29sb3I6ICd0cmFuc3BhcmVudCcsXG4gICAgICAgIGZvbnRTaXplOiAnaW5oZXJpdCcsXG4gICAgICAgIGdyaWRBcmVhOiAnMSAvIDEgLyAyIC8gMycsXG4gICAgICAgIG91dGxpbmU6IDAsXG4gICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgIC8vIGltcG9ydGFudCEgd2l0aG91dCBgd2lkdGhgIGJyb3dzZXJzIHdvbid0IGFsbG93IGZvY3VzXG4gICAgICAgIHdpZHRoOiAxLFxuXG4gICAgICAgIC8vIHJlbW92ZSBjdXJzb3Igb24gZGVza3RvcFxuICAgICAgICBjb2xvcjogJ3RyYW5zcGFyZW50JyxcblxuICAgICAgICAvLyByZW1vdmUgY3Vyc29yIG9uIG1vYmlsZSB3aGlsc3QgbWFpbnRhaW5pbmcgXCJzY3JvbGwgaW50byB2aWV3XCIgYmVoYXZpb3VyXG4gICAgICAgIGxlZnQ6IC0xMDAsXG4gICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICAgICB0cmFuc2Zvcm06ICdzY2FsZSguMDEpJyxcbiAgICAgIH19XG4gICAgLz5cbiAgKTtcbn1cbiJdfQ== */")
   }));
 }
-var i4 = function(o) {
+var i8 = function(o) {
   o.cancelable && o.preventDefault(), o.stopPropagation();
 };
-function a4(e) {
+function a8(e) {
   var o = e.isEnabled, i = e.onBottomArrive, r = e.onBottomLeave, n = e.onTopArrive, d = e.onTopLeave, g = P1(!1), b = P1(!1), s = P1(0), v = P1(null), h = z1(function(u, f) {
     if (v.current !== null) {
       var p = v.current, x = p.scrollTop, C = p.scrollHeight, w = p.clientHeight, M = v.current, H = f > 0, I = C - w - x, Z = !1;
-      I > f && g.current && (r && r(u), g.current = !1), H && b.current && (d && d(u), b.current = !1), H && f > I ? (i && !g.current && i(u), M.scrollTop = C, Z = !0, g.current = !0) : !H && -f > x && (n && !b.current && n(u), M.scrollTop = 0, Z = !0, b.current = !0), Z && i4(u);
+      I > f && g.current && (r && r(u), g.current = !1), H && b.current && (d && d(u), b.current = !1), H && f > I ? (i && !g.current && i(u), M.scrollTop = C, Z = !0, g.current = !0) : !H && -f > x && (n && !b.current && n(u), M.scrollTop = 0, Z = !0, b.current = !0), Z && i8(u);
     }
   }, [i, r, n, d]), c = z1(function(u) {
     h(u, u.deltaY);
@@ -9530,7 +9546,7 @@ var qe = !!(typeof window < "u" && window.document && window.document.createElem
   capture: !1,
   passive: !1
 };
-function l4(e) {
+function l8(e) {
   var o = e.isEnabled, i = e.accountForScrollbars, r = i === void 0 ? !0 : i, n = P1({}), d = P1(null), g = z1(function(s) {
     if (qe) {
       var v = document.body, h = v && v.style;
@@ -9566,50 +9582,50 @@ function l4(e) {
     d.current = s;
   };
 }
-function s4() {
+function s8() {
   return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
 }
-var u4 = function(o) {
+var u8 = function(o) {
   var i = o.target;
   return i.ownerDocument.activeElement && i.ownerDocument.activeElement.blur();
-}, c4 = process.env.NODE_ENV === "production" ? {
+}, c8 = process.env.NODE_ENV === "production" ? {
   name: "1kfdb0e",
   styles: "position:fixed;left:0;bottom:0;right:0;top:0"
 } : {
   name: "bp8cua-ScrollManager",
   styles: "position:fixed;left:0;bottom:0;right:0;top:0;label:ScrollManager;",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNjcm9sbE1hbmFnZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EVSIsImZpbGUiOiJTY3JvbGxNYW5hZ2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHsganN4IH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgRnJhZ21lbnQsIFJlYWN0RWxlbWVudCwgUmVmQ2FsbGJhY2ssIE1vdXNlRXZlbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgdXNlU2Nyb2xsQ2FwdHVyZSBmcm9tICcuL3VzZVNjcm9sbENhcHR1cmUnO1xuaW1wb3J0IHVzZVNjcm9sbExvY2sgZnJvbSAnLi91c2VTY3JvbGxMb2NrJztcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgcmVhZG9ubHkgY2hpbGRyZW46IChyZWY6IFJlZkNhbGxiYWNrPEhUTUxFbGVtZW50PikgPT4gUmVhY3RFbGVtZW50O1xuICByZWFkb25seSBsb2NrRW5hYmxlZDogYm9vbGVhbjtcbiAgcmVhZG9ubHkgY2FwdHVyZUVuYWJsZWQ6IGJvb2xlYW47XG4gIHJlYWRvbmx5IG9uQm90dG9tQXJyaXZlPzogKGV2ZW50OiBXaGVlbEV2ZW50IHwgVG91Y2hFdmVudCkgPT4gdm9pZDtcbiAgcmVhZG9ubHkgb25Cb3R0b21MZWF2ZT86IChldmVudDogV2hlZWxFdmVudCB8IFRvdWNoRXZlbnQpID0+IHZvaWQ7XG4gIHJlYWRvbmx5IG9uVG9wQXJyaXZlPzogKGV2ZW50OiBXaGVlbEV2ZW50IHwgVG91Y2hFdmVudCkgPT4gdm9pZDtcbiAgcmVhZG9ubHkgb25Ub3BMZWF2ZT86IChldmVudDogV2hlZWxFdmVudCB8IFRvdWNoRXZlbnQpID0+IHZvaWQ7XG59XG5cbmNvbnN0IGJsdXJTZWxlY3RJbnB1dCA9IChldmVudDogTW91c2VFdmVudDxIVE1MRGl2RWxlbWVudD4pID0+IHtcbiAgY29uc3QgZWxlbWVudCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MRGl2RWxlbWVudDtcbiAgcmV0dXJuIChcbiAgICBlbGVtZW50Lm93bmVyRG9jdW1lbnQuYWN0aXZlRWxlbWVudCAmJlxuICAgIChlbGVtZW50Lm93bmVyRG9jdW1lbnQuYWN0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudCkuYmx1cigpXG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBTY3JvbGxNYW5hZ2VyKHtcbiAgY2hpbGRyZW4sXG4gIGxvY2tFbmFibGVkLFxuICBjYXB0dXJlRW5hYmxlZCA9IHRydWUsXG4gIG9uQm90dG9tQXJyaXZlLFxuICBvbkJvdHRvbUxlYXZlLFxuICBvblRvcEFycml2ZSxcbiAgb25Ub3BMZWF2ZSxcbn06IFByb3BzKSB7XG4gIGNvbnN0IHNldFNjcm9sbENhcHR1cmVUYXJnZXQgPSB1c2VTY3JvbGxDYXB0dXJlKHtcbiAgICBpc0VuYWJsZWQ6IGNhcHR1cmVFbmFibGVkLFxuICAgIG9uQm90dG9tQXJyaXZlLFxuICAgIG9uQm90dG9tTGVhdmUsXG4gICAgb25Ub3BBcnJpdmUsXG4gICAgb25Ub3BMZWF2ZSxcbiAgfSk7XG4gIGNvbnN0IHNldFNjcm9sbExvY2tUYXJnZXQgPSB1c2VTY3JvbGxMb2NrKHsgaXNFbmFibGVkOiBsb2NrRW5hYmxlZCB9KTtcblxuICBjb25zdCB0YXJnZXRSZWY6IFJlZkNhbGxiYWNrPEhUTUxFbGVtZW50PiA9IChlbGVtZW50KSA9PiB7XG4gICAgc2V0U2Nyb2xsQ2FwdHVyZVRhcmdldChlbGVtZW50KTtcbiAgICBzZXRTY3JvbGxMb2NrVGFyZ2V0KGVsZW1lbnQpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEZyYWdtZW50PlxuICAgICAge2xvY2tFbmFibGVkICYmIChcbiAgICAgICAgPGRpdlxuICAgICAgICAgIG9uQ2xpY2s9e2JsdXJTZWxlY3RJbnB1dH1cbiAgICAgICAgICBjc3M9e3sgcG9zaXRpb246ICdmaXhlZCcsIGxlZnQ6IDAsIGJvdHRvbTogMCwgcmlnaHQ6IDAsIHRvcDogMCB9fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIHtjaGlsZHJlbih0YXJnZXRSZWYpfVxuICAgIDwvRnJhZ21lbnQ+XG4gICk7XG59XG4iXX0= */",
-  toString: s4
+  toString: s8
 };
-function C4(e) {
-  var o = e.children, i = e.lockEnabled, r = e.captureEnabled, n = r === void 0 ? !0 : r, d = e.onBottomArrive, g = e.onBottomLeave, b = e.onTopArrive, s = e.onTopLeave, v = a4({
+function C8(e) {
+  var o = e.children, i = e.lockEnabled, r = e.captureEnabled, n = r === void 0 ? !0 : r, d = e.onBottomArrive, g = e.onBottomLeave, b = e.onTopArrive, s = e.onTopLeave, v = a8({
     isEnabled: n,
     onBottomArrive: d,
     onBottomLeave: g,
     onTopArrive: b,
     onTopLeave: s
-  }), h = l4({
+  }), h = l8({
     isEnabled: i
   }), c = function(l) {
     v(l), h(l);
   };
   return x1(B3, null, i && x1("div", {
-    onClick: u4,
-    css: c4
+    onClick: u8,
+    css: c8
   }), o(c));
 }
-function d4() {
+function d8() {
   return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
 }
-var f4 = process.env.NODE_ENV === "production" ? {
+var f8 = process.env.NODE_ENV === "production" ? {
   name: "1a0ro4n-requiredInput",
   styles: "label:requiredInput;opacity:0;pointer-events:none;position:absolute;bottom:0;left:0;right:0;width:100%"
 } : {
   name: "5kkxb2-requiredInput-RequiredInput",
   styles: "label:requiredInput;opacity:0;pointer-events:none;position:absolute;bottom:0;left:0;right:0;width:100%;label:RequiredInput;",
   map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlJlcXVpcmVkSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWNJIiwiZmlsZSI6IlJlcXVpcmVkSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBqc3gganN4ICovXG5pbXBvcnQgeyBGb2N1c0V2ZW50SGFuZGxlciwgRnVuY3Rpb25Db21wb25lbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3ggfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmNvbnN0IFJlcXVpcmVkSW5wdXQ6IEZ1bmN0aW9uQ29tcG9uZW50PHtcbiAgcmVhZG9ubHkgbmFtZT86IHN0cmluZztcbiAgcmVhZG9ubHkgb25Gb2N1czogRm9jdXNFdmVudEhhbmRsZXI8SFRNTElucHV0RWxlbWVudD47XG59PiA9ICh7IG5hbWUsIG9uRm9jdXMgfSkgPT4gKFxuICA8aW5wdXRcbiAgICByZXF1aXJlZFxuICAgIG5hbWU9e25hbWV9XG4gICAgdGFiSW5kZXg9ey0xfVxuICAgIGFyaWEtaGlkZGVuPVwidHJ1ZVwiXG4gICAgb25Gb2N1cz17b25Gb2N1c31cbiAgICBjc3M9e3tcbiAgICAgIGxhYmVsOiAncmVxdWlyZWRJbnB1dCcsXG4gICAgICBvcGFjaXR5OiAwLFxuICAgICAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxuICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICBib3R0b206IDAsXG4gICAgICBsZWZ0OiAwLFxuICAgICAgcmlnaHQ6IDAsXG4gICAgICB3aWR0aDogJzEwMCUnLFxuICAgIH19XG4gICAgLy8gUHJldmVudCBgU3dpdGNoaW5nIGZyb20gdW5jb250cm9sbGVkIHRvIGNvbnRyb2xsZWRgIGVycm9yXG4gICAgdmFsdWU9XCJcIlxuICAgIG9uQ2hhbmdlPXsoKSA9PiB7fX1cbiAgLz5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IFJlcXVpcmVkSW5wdXQ7XG4iXX0= */",
-  toString: d4
-}, h4 = function(o) {
+  toString: d8
+}, h8 = function(o) {
   var i = o.name, r = o.onFocus;
   return x1("input", {
     required: !0,
@@ -9617,41 +9633,41 @@ var f4 = process.env.NODE_ENV === "production" ? {
     tabIndex: -1,
     "aria-hidden": "true",
     onFocus: r,
-    css: f4,
+    css: f8,
     value: "",
     onChange: function() {
     }
   });
-}, p4 = h4;
+}, p8 = h8;
 function pe(e) {
   var o;
   return typeof window < "u" && window.navigator != null ? e.test(((o = window.navigator.userAgentData) === null || o === void 0 ? void 0 : o.platform) || window.navigator.platform) : !1;
 }
-function g4() {
+function g8() {
   return pe(/^iPhone/i);
 }
 function yt() {
   return pe(/^Mac/i);
 }
-function m4() {
+function m8() {
   return pe(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
   yt() && navigator.maxTouchPoints > 1;
 }
-function v4() {
-  return g4() || m4();
+function v8() {
+  return g8() || m8();
 }
-function y4() {
-  return yt() || v4();
+function y8() {
+  return yt() || v8();
 }
-var b4 = function(o) {
+var b8 = function(o) {
   return o.label;
 }, bt = function(o) {
   return o.label;
 }, wt = function(o) {
   return o.value;
-}, w4 = function(o) {
+}, w8 = function(o) {
   return !!o.isDisabled;
-}, x4 = {
+}, x8 = {
   clearIndicator: o0,
   container: X6,
   control: C0,
@@ -9674,7 +9690,7 @@ var b4 = function(o) {
   placeholder: F0,
   singleValue: R0,
   valueContainer: J6
-}, I4 = {
+}, I8 = {
   primary: "#2684FF",
   primary75: "#4C9AFF",
   primary50: "#B2D4FF",
@@ -9692,15 +9708,15 @@ var b4 = function(o) {
   neutral70: "hsl(0, 0%, 30%)",
   neutral80: "hsl(0, 0%, 20%)",
   neutral90: "hsl(0, 0%, 10%)"
-}, H4 = 4, xt = 4, V4 = 38, k4 = xt * 2, L4 = {
+}, H8 = 4, xt = 4, V8 = 38, k8 = xt * 2, L8 = {
   baseUnit: xt,
-  controlHeight: V4,
-  menuGutter: k4
+  controlHeight: V8,
+  menuGutter: k8
 }, H3 = {
-  borderRadius: H4,
-  colors: I4,
-  spacing: L4
-}, M4 = {
+  borderRadius: H8,
+  colors: I8,
+  spacing: L8
+}, M8 = {
   "aria-live": "polite",
   backspaceRemovesValue: !0,
   blurInputOnSelect: Ne(),
@@ -9711,8 +9727,8 @@ var b4 = function(o) {
   components: {},
   controlShouldRenderValue: !0,
   escapeClearsValue: !1,
-  filterOption: n4(),
-  formatGroupLabel: b4,
+  filterOption: n8(),
+  formatGroupLabel: b8,
   getOptionLabel: bt,
   getOptionValue: wt,
   isDisabled: !1,
@@ -9720,7 +9736,7 @@ var b4 = function(o) {
   isMulti: !1,
   isRtl: !1,
   isSearchable: !0,
-  isOptionDisabled: w4,
+  isOptionDisabled: w8,
   loadingMessage: function() {
     return "Loading...";
   },
@@ -9799,7 +9815,7 @@ function $e(e, o) {
     }), i;
   }, []);
 }
-function _4(e, o) {
+function _8(e, o) {
   return It(S2(e, o));
 }
 function Ke(e, o) {
@@ -9810,7 +9826,7 @@ function Ke(e, o) {
     data: n
   }, r);
 }
-function A4(e, o) {
+function A8(e, o) {
   var i = e.focusedValue, r = e.selectValue, n = r.indexOf(i);
   if (n > -1) {
     var d = o.indexOf(i);
@@ -9821,7 +9837,7 @@ function A4(e, o) {
   }
   return null;
 }
-function E4(e, o) {
+function E8(e, o) {
   var i = e.focusedOption;
   return i && o.indexOf(i) > -1 ? i : o[0];
 }
@@ -9854,7 +9870,7 @@ function Lt(e, o, i) {
 var Mt = function(o) {
   var i = o.hideSelectedOptions, r = o.isMulti;
   return i === void 0 ? r : i;
-}, S4 = 1, e3 = /* @__PURE__ */ function(e) {
+}, S8 = 1, e3 = /* @__PURE__ */ function(e) {
   U9(i, e);
   var o = Q9(i);
   function i(r) {
@@ -9873,7 +9889,7 @@ var Mt = function(o) {
       inputIsHiddenAfterUpdate: void 0,
       prevProps: void 0,
       instancePrefix: ""
-    }, n.blockOptionHover = !1, n.isComposing = !1, n.commonProps = void 0, n.initialTouchX = 0, n.initialTouchY = 0, n.openAfterFocus = !1, n.scrollToFocusedOptionOnUpdate = !1, n.userIsDragging = void 0, n.isAppleDevice = y4(), n.controlRef = null, n.getControlRef = function(s) {
+    }, n.blockOptionHover = !1, n.isComposing = !1, n.commonProps = void 0, n.initialTouchX = 0, n.initialTouchY = 0, n.openAfterFocus = !1, n.scrollToFocusedOptionOnUpdate = !1, n.userIsDragging = void 0, n.isAppleDevice = y8(), n.controlRef = null, n.getControlRef = function(s) {
       n.controlRef = s;
     }, n.focusedOptionRef = null, n.getFocusedOptionRef = function(s) {
       n.focusedOptionRef = s;
@@ -9950,7 +9966,7 @@ var Mt = function(o) {
     }, n.getOptionValue = function(s) {
       return j2(n.props, s);
     }, n.getStyles = function(s, v) {
-      var h = n.props.unstyled, c = x4[s](v, h);
+      var h = n.props.unstyled, c = x8[s](v, h);
       c.boxSizing = "border-box";
       var a = n.props.styles[s];
       return a ? a(c, v) : c;
@@ -10149,7 +10165,7 @@ var Mt = function(o) {
         }
         s.preventDefault();
       }
-    }, n.state.instancePrefix = "react-select-" + (n.props.instanceId || ++S4), n.state.selectValue = D2(r.value), r.menuIsOpen && n.state.selectValue.length) {
+    }, n.state.instancePrefix = "react-select-" + (n.props.instanceId || ++S8), n.state.selectValue = D2(r.value), r.menuIsOpen && n.state.selectValue.length) {
       var d = n.getFocusableOptionsWithIds(), g = n.buildFocusableOptions(), b = g.indexOf(n.state.selectValue[0]);
       n.state.focusableOptionsWithIds = d, n.state.focusedOption = g[b], n.state.focusedOptionId = V3(d, g[b]);
     }
@@ -10425,7 +10441,7 @@ var Mt = function(o) {
           form: h,
           type: "text",
           value: s
-        }, C)) : /* @__PURE__ */ M1.createElement(o4, I1({
+        }, C)) : /* @__PURE__ */ M1.createElement(o8, I1({
           id: x,
           innerRef: this.getInputRef,
           onBlur: this.onInputBlur,
@@ -10632,7 +10648,7 @@ var Mt = function(o) {
           },
           isLoading: x,
           placement: A
-        }), /* @__PURE__ */ M1.createElement(C4, {
+        }), /* @__PURE__ */ M1.createElement(C8, {
           captureEnabled: f,
           onTopArrive: E,
           onBottomArrive: F,
@@ -10665,7 +10681,7 @@ var Mt = function(o) {
     value: function() {
       var n = this, d = this.props, g = d.delimiter, b = d.isDisabled, s = d.isMulti, v = d.name, h = d.required, c = this.state.selectValue;
       if (h && !this.hasValue() && !b)
-        return /* @__PURE__ */ M1.createElement(p4, {
+        return /* @__PURE__ */ M1.createElement(p8, {
           name: v,
           onFocus: this.onValueInputFocus
         });
@@ -10751,7 +10767,7 @@ var Mt = function(o) {
     value: function(n, d) {
       var g = d.prevProps, b = d.clearFocusValueOnUpdate, s = d.inputIsHiddenAfterUpdate, v = d.ariaSelection, h = d.isFocused, c = d.prevWasFocused, a = d.instancePrefix, l = n.options, y = n.value, m = n.menuIsOpen, u = n.inputValue, f = n.isMulti, p = D2(y), x = {};
       if (g && (y !== g.value || l !== g.options || m !== g.menuIsOpen || u !== g.inputValue)) {
-        var C = m ? _4(n, p) : [], w = m ? $e(S2(n, p), "".concat(a, "-option")) : [], M = b ? A4(d, p) : null, H = E4(d, C), I = V3(w, H);
+        var C = m ? _8(n, p) : [], w = m ? $e(S2(n, p), "".concat(a, "-option")) : [], M = b ? A8(d, p) : null, H = E8(d, C), I = V3(w, H);
         x = {
           selectValue: p,
           focusedOption: H,
@@ -10777,13 +10793,13 @@ var Mt = function(o) {
     }
   }]), i;
 }(w9);
-e3.defaultProps = M4;
-var Z4 = /* @__PURE__ */ c2(function(e, o) {
+e3.defaultProps = M8;
+var Z8 = /* @__PURE__ */ c2(function(e, o) {
   var i = ce(e);
   return /* @__PURE__ */ M1.createElement(e3, I1({
     ref: o
   }, i));
-}), T4 = Z4, O4 = ["allowCreateWhileLoading", "createOptionPosition", "formatCreateLabel", "isValidNewOption", "getNewOptionData", "onCreateOption", "options", "onChange"], Qe = function() {
+}), T8 = Z8, O8 = ["allowCreateWhileLoading", "createOptionPosition", "formatCreateLabel", "isValidNewOption", "getNewOptionData", "onCreateOption", "options", "onChange"], Qe = function() {
   var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "", i = arguments.length > 1 ? arguments[1] : void 0, r = arguments.length > 2 ? arguments[2] : void 0, n = String(o).toLowerCase(), d = String(r.getOptionValue(i)).toLowerCase(), g = String(r.getOptionLabel(i)).toLowerCase();
   return d === n || g === n;
 }, k3 = {
@@ -10805,8 +10821,8 @@ var Z4 = /* @__PURE__ */ c2(function(e, o) {
     };
   }
 };
-function B4(e) {
-  var o = e.allowCreateWhileLoading, i = o === void 0 ? !1 : o, r = e.createOptionPosition, n = r === void 0 ? "last" : r, d = e.formatCreateLabel, g = d === void 0 ? k3.formatCreateLabel : d, b = e.isValidNewOption, s = b === void 0 ? k3.isValidNewOption : b, v = e.getNewOptionData, h = v === void 0 ? k3.getNewOptionData : v, c = e.onCreateOption, a = e.options, l = a === void 0 ? [] : a, y = e.onChange, m = c5(e, O4), u = m.getOptionValue, f = u === void 0 ? wt : u, p = m.getOptionLabel, x = p === void 0 ? bt : p, C = m.inputValue, w = m.isLoading, M = m.isMulti, H = m.value, I = m.name, Z = f5(function() {
+function B8(e) {
+  var o = e.allowCreateWhileLoading, i = o === void 0 ? !1 : o, r = e.createOptionPosition, n = r === void 0 ? "last" : r, d = e.formatCreateLabel, g = d === void 0 ? k3.formatCreateLabel : d, b = e.isValidNewOption, s = b === void 0 ? k3.isValidNewOption : b, v = e.getNewOptionData, h = v === void 0 ? k3.getNewOptionData : v, c = e.onCreateOption, a = e.options, l = a === void 0 ? [] : a, y = e.onChange, m = c5(e, O8), u = m.getOptionValue, f = u === void 0 ? wt : u, p = m.getOptionLabel, x = p === void 0 ? bt : p, C = m.inputValue, w = m.isLoading, M = m.isMulti, H = m.value, I = m.name, Z = f5(function() {
     return s(C, D2(H), l, {
       getOptionValue: f,
       getOptionLabel: x
@@ -10837,12 +10853,12 @@ function B4(e) {
     onChange: V
   });
 }
-var F4 = /* @__PURE__ */ c2(function(e, o) {
-  var i = ce(e), r = B4(i);
+var F8 = /* @__PURE__ */ c2(function(e, o) {
+  var i = ce(e), r = B8(i);
   return /* @__PURE__ */ M1.createElement(e3, I1({
     ref: o
   }, r));
-}), N4 = F4;
+}), N8 = F8;
 const ge = {
   control: (e, o) => ({
     // ...styles,
@@ -10954,7 +10970,7 @@ const ge = {
     margin: "0px",
     padding: "0px"
   })
-}, me = (e) => /* @__PURE__ */ t(X1, { children: e.isMulti ? /* @__PURE__ */ t(X1, {}) : /* @__PURE__ */ t(Q2.DropdownIndicator, { ...e, children: /* @__PURE__ */ t(W7.div, { animate: { rotate: e.isFocused ? "180deg" : "0deg" }, children: /* @__PURE__ */ t(q7, { boxSize: "24px" }) }) }) }), _t = (e) => /* @__PURE__ */ t(Q2.ClearIndicator, { ...e, children: /* @__PURE__ */ t(se, { boxSize: "20px", color: T.black300 }) }), At = ({ innerProps: e }) => /* @__PURE__ */ t(X1, {}), Et = (e) => /* @__PURE__ */ t(Q2.MultiValueRemove, { ...e, children: /* @__PURE__ */ t(se, { boxSize: "18px", color: T.white100 }) }), $f = ({
+}, me = (e) => /* @__PURE__ */ t(X1, { children: e.isMulti ? /* @__PURE__ */ t(X1, {}) : /* @__PURE__ */ t(Q2.DropdownIndicator, { ...e, children: /* @__PURE__ */ t(W7.div, { animate: { rotate: e.isFocused ? "180deg" : "0deg" }, children: /* @__PURE__ */ t(q7, { boxSize: "24px" }) }) }) }), _t = (e) => /* @__PURE__ */ t(Q2.ClearIndicator, { ...e, children: /* @__PURE__ */ t(se, { boxSize: "20px", color: T.black300 }) }), At = ({ innerProps: e }) => /* @__PURE__ */ t(X1, {}), Et = (e) => /* @__PURE__ */ t(Q2.MultiValueRemove, { ...e, children: /* @__PURE__ */ t(se, { boxSize: "18px", color: T.white100 }) }), Kf = ({
   label: e,
   id: o,
   name: i,
@@ -11008,7 +11024,7 @@ const ge = {
           }
         ),
         /* @__PURE__ */ t(
-          T4,
+          T8,
           {
             isMulti: h,
             isClearable: h,
@@ -11054,7 +11070,7 @@ const ge = {
       ]
     }
   );
-}, Kf = ({
+}, Qf = ({
   label: e,
   id: o,
   name: i,
@@ -11105,7 +11121,7 @@ const ge = {
       }
     ),
     /* @__PURE__ */ t(
-      N4,
+      N8,
       {
         isMulti: h,
         isClearable: !0,
@@ -11151,11 +11167,11 @@ const ge = {
     )
   ] });
 };
-var P4 = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
-function R4(e) {
+var P8 = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
+function R8(e) {
   var o = e.defaultOptions, i = o === void 0 ? !1 : o, r = e.cacheOptions, n = r === void 0 ? !1 : r, d = e.loadOptions;
   e.options;
-  var g = e.isLoading, b = g === void 0 ? !1 : g, s = e.onInputChange, v = e.filterOption, h = v === void 0 ? null : v, c = c5(e, P4), a = c.inputValue, l = P1(void 0), y = P1(!1), m = S1(Array.isArray(i) ? i : void 0), u = J1(m, 2), f = u[0], p = u[1], x = S1(typeof a < "u" ? a : ""), C = J1(x, 2), w = C[0], M = C[1], H = S1(i === !0), I = J1(H, 2), Z = I[0], k = I[1], V = S1(void 0), L = J1(V, 2), S = L[0], E = L[1], F = S1([]), D = J1(F, 2), z = D[0], Q = D[1], X = S1(!1), P = J1(X, 2), _ = P[0], B = P[1], R = S1({}), j = J1(R, 2), A = j[0], N = j[1], W = S1(void 0), Y = J1(W, 2), J = Y[0], e1 = Y[1], s1 = S1(void 0), f1 = J1(s1, 2), p1 = f1[0], m1 = f1[1];
+  var g = e.isLoading, b = g === void 0 ? !1 : g, s = e.onInputChange, v = e.filterOption, h = v === void 0 ? null : v, c = c5(e, P8), a = c.inputValue, l = P1(void 0), y = P1(!1), m = S1(Array.isArray(i) ? i : void 0), u = J1(m, 2), f = u[0], p = u[1], x = S1(typeof a < "u" ? a : ""), C = J1(x, 2), w = C[0], M = C[1], H = S1(i === !0), I = J1(H, 2), Z = I[0], k = I[1], V = S1(void 0), L = J1(V, 2), S = L[0], E = L[1], F = S1([]), D = J1(F, 2), z = D[0], Q = D[1], X = S1(!1), P = J1(X, 2), _ = P[0], B = P[1], R = S1({}), j = J1(R, 2), A = j[0], N = j[1], W = S1(void 0), Y = J1(W, 2), J = Y[0], e1 = Y[1], s1 = S1(void 0), f1 = J1(s1, 2), p1 = f1[0], m1 = f1[1];
   n !== p1 && (N({}), m1(n)), i !== J && (p(Array.isArray(i) ? i : void 0), e1(i)), K1(function() {
     return y.current = !0, function() {
       y.current = !1;
@@ -11196,12 +11212,12 @@ function R4(e) {
     filterOption: h
   });
 }
-var D4 = /* @__PURE__ */ c2(function(e, o) {
-  var i = R4(e), r = ce(i);
+var D8 = /* @__PURE__ */ c2(function(e, o) {
+  var i = R8(e), r = ce(i);
   return /* @__PURE__ */ M1.createElement(e3, I1({
     ref: o
   }, r));
-}), G4 = D4;
+}), G8 = D8;
 const L3 = [
   {
     name: "Afghanistan",
@@ -12953,7 +12969,7 @@ const L3 = [
     flag: "https://flagcdn.com/zw.svg",
     independent: !1
   }
-], j4 = ({
+], j8 = ({
   value: e,
   flag: o,
   abr: i
@@ -12981,20 +12997,20 @@ const L3 = [
   )
 ] });
 var Z7;
-const W4 = (Z7 = L3 == null ? void 0 : L3.sort((e, o) => e.name.localeCompare(o.name))) == null ? void 0 : Z7.map((e) => ({
+const W8 = (Z7 = L3 == null ? void 0 : L3.sort((e, o) => e.name.localeCompare(o.name))) == null ? void 0 : Z7.map((e) => ({
   value: e.name,
   label: e.name,
   flag: e.flag,
   // @ts-ignore
   abr: e.alpha3Code,
   code: e.alpha2Code
-})), Qf = ({
+})), eh = ({
   value: e,
   onChange: o,
   label: i = "Country",
   valueType: r = "full",
   placeholder: n = "Select your country",
-  options: d = W4,
+  options: d = W8,
   fontFamily: g,
   disabled: b
 }) => {
@@ -13021,7 +13037,7 @@ const W4 = (Z7 = L3 == null ? void 0 : L3.sort((e, o) => e.name.localeCompare(o.
       }
     ) : i,
     /* @__PURE__ */ t(
-      G4,
+      G8,
       {
         components: {
           DropdownIndicator: me,
@@ -13035,7 +13051,7 @@ const W4 = (Z7 = L3 == null ? void 0 : L3.sort((e, o) => e.name.localeCompare(o.
         id: "country",
         placeholder: n,
         styles: ge,
-        formatOptionLabel: j4,
+        formatOptionLabel: j8,
         name: "country",
         onChange: (a) => {
           var l;
@@ -13055,7 +13071,7 @@ var r5 = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
 function St(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var z4 = function(e) {
+var z8 = function(e) {
   var o = {};
   function i(r) {
     if (o[r])
@@ -14395,8 +14411,8 @@ var z4 = function(e) {
   }(u.a.Component);
   X.defaultProps = { country: "", value: "", onlyCountries: [], preferredCountries: [], excludeCountries: [], placeholder: "1 (702) 123-4567", searchPlaceholder: "search", searchNotFound: "No entries to show", flagsImagePath: "./flags.png", disabled: !1, containerStyle: {}, inputStyle: {}, buttonStyle: {}, dropdownStyle: {}, searchStyle: {}, containerClass: "", inputClass: "", buttonClass: "", dropdownClass: "", searchClass: "", className: "", autoFormat: !0, enableAreaCodes: !1, enableTerritories: !1, disableCountryCode: !1, disableDropdown: !1, enableLongNumbers: !1, countryCodeEditable: !0, enableSearch: !1, disableSearchIcon: !1, disableInitialCountryGuess: !1, disableCountryGuess: !1, regions: "", inputProps: {}, localization: {}, masks: null, priority: null, areaCodes: null, preserveOrder: [], defaultMask: "... ... ... ... ..", alwaysDefaultMask: !1, prefix: "+", copyNumbersOnly: !0, renderStringAsFlag: "", autocompleteSearch: !1, jumpCursorToEnd: !0, enableAreaCodeStretch: !1, enableClickOutside: !0, showDropdown: !1, isValid: !0, defaultErrorMessage: "", specialLabel: "Phone", onEnterKeyPress: null, keys: { UP: 38, DOWN: 40, RIGHT: 39, LEFT: 37, ENTER: 13, ESC: 27, PLUS: 43, A: 65, Z: 90, SPACE: 32, TAB: 9 } }, o.default = X;
 }]);
-const X4 = /* @__PURE__ */ St(z4);
-const eh = ({
+const X8 = /* @__PURE__ */ St(z8);
+const th = ({
   value: e,
   onChange: o,
   enableSearch: i,
@@ -14441,7 +14457,7 @@ const eh = ({
           }
         ) : n,
         /* @__PURE__ */ t(
-          X4,
+          X8,
           {
             enableSearch: i,
             countryCodeEditable: !1,
@@ -14467,7 +14483,7 @@ const eh = ({
       ]
     }
   );
-}, Y4 = ({
+}, Y8 = ({
   label: e,
   name: o,
   id: i,
@@ -14617,43 +14633,43 @@ const eh = ({
     ) : null })
   ] });
 };
-function J4() {
+function J8() {
   this.__data__ = [], this.size = 0;
 }
-var q4 = J4;
-function U4(e, o) {
+var q8 = J8;
+function U8(e, o) {
   return e === o || e !== e && o !== o;
 }
-var Zt = U4, $4 = Zt;
-function K4(e, o) {
+var Zt = U8, $8 = Zt;
+function K8(e, o) {
   for (var i = e.length; i--; )
-    if ($4(e[i][0], o))
+    if ($8(e[i][0], o))
       return i;
   return -1;
 }
-var t3 = K4, Q4 = t3, e8 = Array.prototype, t8 = e8.splice;
-function n8(e) {
-  var o = this.__data__, i = Q4(o, e);
+var t3 = K8, Q8 = t3, e4 = Array.prototype, t4 = e4.splice;
+function n4(e) {
+  var o = this.__data__, i = Q8(o, e);
   if (i < 0)
     return !1;
   var r = o.length - 1;
-  return i == r ? o.pop() : t8.call(o, i, 1), --this.size, !0;
+  return i == r ? o.pop() : t4.call(o, i, 1), --this.size, !0;
 }
-var r8 = n8, o8 = t3;
-function i8(e) {
-  var o = this.__data__, i = o8(o, e);
+var r4 = n4, o4 = t3;
+function i4(e) {
+  var o = this.__data__, i = o4(o, e);
   return i < 0 ? void 0 : o[i][1];
 }
-var a8 = i8, l8 = t3;
-function s8(e) {
-  return l8(this.__data__, e) > -1;
+var a4 = i4, l4 = t3;
+function s4(e) {
+  return l4(this.__data__, e) > -1;
 }
-var u8 = s8, c8 = t3;
-function C8(e, o) {
-  var i = this.__data__, r = c8(i, e);
+var u4 = s4, c4 = t3;
+function C4(e, o) {
+  var i = this.__data__, r = c4(i, e);
   return r < 0 ? (++this.size, i.push([e, o])) : i[r][1] = o, this;
 }
-var d8 = C8, f8 = q4, h8 = r8, p8 = a8, g8 = u8, m8 = d8;
+var d4 = C4, f4 = q8, h4 = r4, p4 = a4, g4 = u4, m4 = d4;
 function R5(e) {
   var o = -1, i = e == null ? 0 : e.length;
   for (this.clear(); ++o < i; ) {
@@ -14661,60 +14677,60 @@ function R5(e) {
     this.set(r[0], r[1]);
   }
 }
-R5.prototype.clear = f8;
-R5.prototype.delete = h8;
-R5.prototype.get = p8;
-R5.prototype.has = g8;
-R5.prototype.set = m8;
-var n3 = R5, v8 = n3;
-function y8() {
-  this.__data__ = new v8(), this.size = 0;
+R5.prototype.clear = f4;
+R5.prototype.delete = h4;
+R5.prototype.get = p4;
+R5.prototype.has = g4;
+R5.prototype.set = m4;
+var n3 = R5, v4 = n3;
+function y4() {
+  this.__data__ = new v4(), this.size = 0;
 }
-var b8 = y8;
-function w8(e) {
+var b4 = y4;
+function w4(e) {
   var o = this.__data__, i = o.delete(e);
   return this.size = o.size, i;
 }
-var x8 = w8;
-function I8(e) {
+var x4 = w4;
+function I4(e) {
   return this.__data__.get(e);
 }
-var H8 = I8;
-function V8(e) {
+var H4 = I4;
+function V4(e) {
   return this.__data__.has(e);
 }
-var k8 = V8, L8 = typeof r5 == "object" && r5 && r5.Object === Object && r5, Tt = L8, M8 = Tt, _8 = typeof self == "object" && self && self.Object === Object && self, A8 = M8 || _8 || Function("return this")(), g5 = A8, E8 = g5, S8 = E8.Symbol, ve = S8, e7 = ve, Ot = Object.prototype, Z8 = Ot.hasOwnProperty, T8 = Ot.toString, Q5 = e7 ? e7.toStringTag : void 0;
-function O8(e) {
-  var o = Z8.call(e, Q5), i = e[Q5];
+var k4 = V4, L4 = typeof r5 == "object" && r5 && r5.Object === Object && r5, Tt = L4, M4 = Tt, _4 = typeof self == "object" && self && self.Object === Object && self, A4 = M4 || _4 || Function("return this")(), g5 = A4, E4 = g5, S4 = E4.Symbol, ve = S4, e7 = ve, Ot = Object.prototype, Z4 = Ot.hasOwnProperty, T4 = Ot.toString, Q5 = e7 ? e7.toStringTag : void 0;
+function O4(e) {
+  var o = Z4.call(e, Q5), i = e[Q5];
   try {
     e[Q5] = void 0;
     var r = !0;
   } catch {
   }
-  var n = T8.call(e);
+  var n = T4.call(e);
   return r && (o ? e[Q5] = i : delete e[Q5]), n;
 }
-var B8 = O8, F8 = Object.prototype, N8 = F8.toString;
-function P8(e) {
-  return N8.call(e);
+var B4 = O4, F4 = Object.prototype, N4 = F4.toString;
+function P4(e) {
+  return N4.call(e);
 }
-var R8 = P8, t7 = ve, D8 = B8, G8 = R8, j8 = "[object Null]", W8 = "[object Undefined]", n7 = t7 ? t7.toStringTag : void 0;
-function z8(e) {
-  return e == null ? e === void 0 ? W8 : j8 : n7 && n7 in Object(e) ? D8(e) : G8(e);
+var R4 = P4, t7 = ve, D4 = B4, G4 = R4, j4 = "[object Null]", W4 = "[object Undefined]", n7 = t7 ? t7.toStringTag : void 0;
+function z4(e) {
+  return e == null ? e === void 0 ? W4 : j4 : n7 && n7 in Object(e) ? D4(e) : G4(e);
 }
-var r3 = z8;
-function X8(e) {
+var r3 = z4;
+function X4(e) {
   var o = typeof e;
   return e != null && (o == "object" || o == "function");
 }
-var Bt = X8, Y8 = r3, J8 = Bt, q8 = "[object AsyncFunction]", U8 = "[object Function]", $8 = "[object GeneratorFunction]", K8 = "[object Proxy]";
-function Q8(e) {
-  if (!J8(e))
+var Bt = X4, Y4 = r3, J4 = Bt, q4 = "[object AsyncFunction]", U4 = "[object Function]", $4 = "[object GeneratorFunction]", K4 = "[object Proxy]";
+function Q4(e) {
+  if (!J4(e))
     return !1;
-  var o = Y8(e);
-  return o == U8 || o == $8 || o == q8 || o == K8;
+  var o = Y4(e);
+  return o == U4 || o == $4 || o == q4 || o == K4;
 }
-var Ft = Q8, en = g5, tn = en["__core-js_shared__"], nn = tn, M3 = nn, r7 = function() {
+var Ft = Q4, en = g5, tn = en["__core-js_shared__"], nn = tn, M3 = nn, r7 = function() {
   var e = /[^.]+$/.exec(M3 && M3.keys && M3.keys.IE_PROTO || "");
   return e ? "Symbol(src)_1." + e : "";
 }();
@@ -14854,7 +14870,7 @@ function Sr(e, o) {
   }
   return i.set(e, o), this.size = i.size, this;
 }
-var Zr = Sr, Tr = n3, Or = b8, Br = x8, Fr = H8, Nr = k8, Pr = Zr;
+var Zr = Sr, Tr = n3, Or = b4, Br = x4, Fr = H4, Nr = k4, Pr = Zr;
 function W5(e) {
   var o = this.__data__ = new Tr(e);
   this.size = o.size;
@@ -22969,7 +22985,7 @@ const Bl = ({
     /* @__PURE__ */ t("button", { className: "ql-video" })
   ] }),
   /* @__PURE__ */ t("span", { className: "ql-formats", children: /* @__PURE__ */ t("button", { className: "ql-clean" }) })
-] }), th = ({
+] }), nh = ({
   defaultValue: e,
   onChange: o,
   border: i,
@@ -23074,7 +23090,7 @@ const Bl = ({
       }
     )
   ] });
-}, nh = ({
+}, rh = ({
   name: e,
   id: o,
   value: i,
@@ -23128,7 +23144,7 @@ const Bl = ({
       ...s
     }
   )
-] }), rh = ({
+] }), oh = ({
   label: e,
   name: o,
   id: i,
@@ -23252,7 +23268,7 @@ const Bl = ({
       )
     ] }) : null })
   ] });
-}, oh = ({
+}, ih = ({
   label: e,
   name: o,
   id: i,
@@ -23338,7 +23354,7 @@ const Bl = ({
     /* @__PURE__ */ t(P5, { color: T.red500 }),
     /* @__PURE__ */ t(U1, { color: T.red500, size: "xxs", children: c })
   ] }) })
-] }), ih = ({
+] }), ah = ({
   variant: e,
   onProceed: o,
   message: i,
@@ -23482,7 +23498,7 @@ const Bl = ({
             ]
           }
         ),
-        /* @__PURE__ */ r1(y1, { justifyContent: "center", alignItems: "center", gap: "16px", children: [
+        (n || d) && /* @__PURE__ */ r1(y1, { justifyContent: "center", alignItems: "center", gap: "16px", children: [
           n && /* @__PURE__ */ t(
             h5,
             {
@@ -23515,7 +23531,7 @@ const Bl = ({
       ]
     }
   );
-}, ah = ({
+}, lh = ({
   label: e,
   body: o,
   hasSpecialArrow: i,
@@ -23672,7 +23688,7 @@ const Bl = ({
       ] })
     }
   );
-}, lh = ({ label: e, children: o, placement: i, ...r }) => /* @__PURE__ */ t(
+}, sh = ({ label: e, children: o, placement: i, ...r }) => /* @__PURE__ */ t(
   d9,
   {
     hasArrow: !0,
@@ -23693,7 +23709,7 @@ const Bl = ({
     ...r,
     children: o
   }
-), sh = ({
+), uh = ({
   icon: e,
   image: o,
   iconPosition: i,
@@ -23814,7 +23830,7 @@ const Bl = ({
   return Object.entries(e).forEach(([r, n]) => {
     i[r] = K3[n][o];
   }), i;
-}, uh = ({ size: e, color: o, fontFamily: i, children: r, ...n }) => /* @__PURE__ */ t(
+}, ch = ({ size: e, color: o, fontFamily: i, children: r, ...n }) => /* @__PURE__ */ t(
   B1,
   {
     as: "h1",
@@ -23894,7 +23910,7 @@ const Bl = ({
   return Object.entries(e).forEach(([r, n]) => {
     i[r] = Z2[n][o];
   }), i;
-}, ch = ({ size: e, color: o, fontFamily: i, children: r, ...n }) => /* @__PURE__ */ t(
+}, Ch = ({ size: e, color: o, fontFamily: i, children: r, ...n }) => /* @__PURE__ */ t(
   B1,
   {
     as: "h1",
@@ -23915,7 +23931,7 @@ const Bl = ({
     ...n,
     children: r
   }
-), Ch = ({
+), dh = ({
   file: e,
   onHandleChange: o,
   handleDeleteFile: i,
@@ -24057,7 +24073,7 @@ const Bl = ({
       }
     )
   ] });
-}, dh = ({
+}, fh = ({
   multiple: e = !1,
   onHandleChange: o,
   imageArray: i,
@@ -24309,7 +24325,7 @@ const Bl = ({
       }
     )
   ] });
-}, fh = ({ width: e, height: o, color: i }) => /* @__PURE__ */ t(
+}, hh = ({ width: e, height: o, color: i }) => /* @__PURE__ */ t(
   y1,
   {
     width: e || "100%",
@@ -24329,7 +24345,7 @@ const Bl = ({
       }
     ) })
   }
-), hh = ({
+), ph = ({
   fontFamily: e,
   urlLabel: o,
   status: i,
@@ -24463,7 +24479,7 @@ const Bl = ({
     bgColor: T.gray50,
     textColor: T.gray400
   }
-}, ph = ({ status: e, icon: o, label: i, allCaps: r, fontFamily: n }) => {
+}, gh = ({ status: e, icon: o, label: i, allCaps: r, fontFamily: n }) => {
   var d, g, b;
   return /* @__PURE__ */ r1(
     y1,
@@ -24498,7 +24514,7 @@ const Bl = ({
       ]
     }
   );
-}, gh = ({
+}, mh = ({
   maxValue: e = 10,
   minValue: o,
   sliderValue: i,
@@ -24527,7 +24543,7 @@ const Bl = ({
         }
       ),
       /* @__PURE__ */ t(
-        Y4,
+        Y8,
         {
           id: "ms-slider-input",
           name: "ms-slider-input",
@@ -24930,7 +24946,7 @@ const Yl = ({
       ]
     }
   );
-}, mh = () => /* @__PURE__ */ t(
+}, vh = () => /* @__PURE__ */ t(
   Q3,
   {
     autoClose: 4e3,
@@ -24955,7 +24971,7 @@ const Yl = ({
     }
   }
 );
-function vh(e, o, i, r, n, d) {
+function yh(e, o, i, r, n, d) {
   D1(
     /* @__PURE__ */ t(
       Yl,
@@ -24971,9 +24987,9 @@ function vh(e, o, i, r, n, d) {
   );
 }
 export {
-  wh as Accordion,
-  Gf as AccordionItem,
-  xh as AccordionPanel,
+  xh as Accordion,
+  jf as AccordionItem,
+  Ih as AccordionPanel,
   ts as AccountBalanceIcon,
   ns as AccountBalanceWalletFilledIcon,
   rs as AccountBalanceWalletIcon,
@@ -25016,11 +25032,12 @@ export {
   Ns as AutoFixFilledIcon,
   M9 as AutoFixIcon,
   Ps as AutoGraphIcon,
-  jf as Avatars,
+  Wf as Avatars,
   Rs as AwardStarFilledIcon,
   Ds as AwardStarIcon,
-  ih as Banner,
+  ah as Banner,
   Gs as BarChartFilledIcon,
+  Gf as BarcodeScannerIcon,
   js as BlockIcon,
   Ws as BoltFilledIcon,
   zs as BoltIcon,
@@ -25056,8 +25073,8 @@ export {
   ue as CheckIcon,
   P9 as ChevronLeftIcon,
   N9 as ChevronRightIcon,
-  Wf as Chip,
-  ah as ClickTooltip,
+  zf as Chip,
+  lh as ClickTooltip,
   O2 as CloseIcon,
   vu as CloudUploadIcon,
   yu as CodeIcon,
@@ -25077,14 +25094,14 @@ export {
   Eu as ContactsIcon,
   Su as ContentCopyIcon,
   Zu as CopyIcon,
-  Qf as CountrySelect,
+  eh as CountrySelect,
   Of as CourseFilledIcon,
   Tf as CourseIcon,
-  Kf as CreatableSelectInput,
+  Qf as CreatableSelectInput,
   Tu as CreditCardFilledIcon,
   Ou as CreditCardIcon,
   Df as CurrencyExchangeIcon,
-  mh as CustomSnackbarContainer,
+  vh as CustomSnackbarContainer,
   Bu as DarkModeIcon,
   Fu as DashboardFilledIcon,
   Nu as DashboardIcon,
@@ -25097,7 +25114,7 @@ export {
   zu as DiamondIcon,
   Xu as DigitalProductsIcon,
   Yu as DiscountIcon,
-  uh as Display,
+  ch as Display,
   Ju as Diversity1Icon,
   qu as Diversity2Icon,
   Uu as Diversity3Icon,
@@ -25107,7 +25124,7 @@ export {
   Ku as DomainAddIcon,
   Qu as DomainIcon,
   ec as DomainVerificationIcon,
-  zf as DoubleTab,
+  Xf as DoubleTab,
   rc as DownloadIcon,
   oc as DraftsIcon,
   ic as DragHandleIcon,
@@ -25134,7 +25151,7 @@ export {
   xc as FeedFilledIcon,
   Ic as FeedIcon,
   A9 as FilePresentIcon,
-  Ch as FileUploader,
+  dh as FileUploader,
   Hc as FilterListIcon,
   Lf as FingerprintIcon,
   Vc as FitbitArrowDownIcon,
@@ -25162,22 +25179,22 @@ export {
   zc as GridViewIcon,
   Xc as GroupFilledIcon,
   Yc as GroupIcon,
-  ch as Heading,
+  Ch as Heading,
   qc as HeadphonesIcon,
   Uc as HomeFilledIcon,
   $c as HomeIcon,
   Kc as HomePinIcon,
   Qc as HourGlassEmptyIcon,
   Pf as HourGlassTopIcon,
-  lh as HoverTooltip,
+  sh as HoverTooltip,
   eC as HubIcon,
   o2 as IconButton,
   Ff as IdCardIcon,
-  dh as ImageUploader,
+  fh as ImageUploader,
   E9 as InfoFilledIcon,
   S9 as InfoGradientFilledIcon,
   P5 as InfoIcon,
-  Y4 as Input,
+  Y8 as Input,
   tC as InsertChartFilledIcon,
   nC as InsertChartIcon,
   Ef as IntegrationsIcon,
@@ -25191,7 +25208,7 @@ export {
   cC as LibraryMusicIcon,
   CC as LinkIcon,
   dC as LinkOffIcon,
-  fh as Loader,
+  hh as Loader,
   fC as LocalActivityIcon,
   hC as LocalFloristFilledIcon,
   pC as LocalFloristIcon,
@@ -25200,9 +25217,9 @@ export {
   vC as LoginIcon,
   yC as LogoutIcon,
   bC as MailIcon,
-  Ih as MainstackProvider,
+  Hh as MainstackProvider,
   wC as MarkUnreadChatIcon,
-  th as MarkdownEditor,
+  nh as MarkdownEditor,
   xC as MasterClassIcon,
   IC as MediaLinkFilledIcon,
   HC as MediaLinkIcon,
@@ -25219,7 +25236,7 @@ export {
   TC as OpenInNewIcon,
   OC as OthersIcon,
   BC as PageViewIcon,
-  Xf as Pagination,
+  Yf as Pagination,
   NC as PaidFilledIcon,
   FC as PaidIcon,
   PC as PaletteFilledIcon,
@@ -25237,7 +25254,7 @@ export {
   Sf as PersonBookIcon,
   Bf as PersonFilledIcon,
   JC as PersonIcon,
-  eh as PhoneNumberInput,
+  th as PhoneNumberInput,
   qC as PhotoCameraIcon,
   UC as PhotoFilledIcon,
   Z9 as PhotoIcon,
@@ -25270,14 +25287,14 @@ export {
   yd as ReportFilledIcon,
   bd as ReportIcon,
   wd as ReviewsIcon,
-  Yf as RoundCheckButton,
+  Jf as RoundCheckButton,
   xd as SavingsFilledIcon,
   Id as SavingsIcon,
   Hd as ScheduleIcon,
   Vd as ScheduleSendIcon,
-  nh as SearchInput,
+  rh as SearchInput,
   T9 as SearchNormalIcon,
-  $f as SelectInput,
+  Kf as SelectInput,
   kd as SellIcon,
   Ld as SendIcon,
   Md as ServicesIcon,
@@ -25289,14 +25306,14 @@ export {
   Td as ShoppingCartFilledIcon,
   Od as ShoppingCartIcon,
   Bd as ShuffleIcon,
-  gh as Slider,
+  mh as Slider,
   Fd as SmartPhoneIcon,
   Xl as SnackbarType,
   Nd as SocialLeaderboardIcon,
   Pd as StarFilledIcon,
   Rd as StarHalfIcon,
   Dd as StarIcon,
-  Jf as Stepper,
+  qf as Stepper,
   Gd as StoreFrontFilledIcon,
   jd as StoreFrontIcon,
   Wd as StrikeThroughSIcon,
@@ -25309,24 +25326,24 @@ export {
   Ud as SwitchAccountFilledIcon,
   $d as SwitchAccountIcon,
   Kd as SyncSavedLocallyIcon,
-  qf as TabMenu,
+  Uf as TabMenu,
   Qd as TabletIcon,
-  ph as Tag,
-  rh as TextArea,
+  gh as Tag,
+  oh as TextArea,
   ef as ThumbDownFilledIcon,
   tf as ThumbDownIcon,
   nf as ThumbUpFilledIcon,
   rf as ThumbUpIcon,
-  sh as Tiles,
+  uh as Tiles,
   of as TocIcon,
-  Uf as ToggleButton,
+  $f as ToggleButton,
   af as TrainingsIcon,
   P3 as TrashDeleteBinIcon,
   lf as TrendingUpIcon,
   sf as UndoIcon,
   uf as UploadIcon,
-  hh as UrlInput,
-  oh as UsernameInput,
+  ph as UrlInput,
+  ih as UsernameInput,
   cf as VerifiedIcon,
   gf as VideoCamIcon,
   mf as VideoFileIcon,
@@ -25346,5 +25363,5 @@ export {
   If as WidgetsFilledIcon,
   Hf as WidgetsIcon,
   Vf as WorkshopsIcon,
-  vh as customSnackbar
+  yh as customSnackbar
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mainstack-design-system",
-  "version": "0.7.27",
+  "version": "0.7.28",
   "type": "module",
   "main": "build/mainstack-design-system.js",
   "types": "build/index.d.ts",