mainstack-design-system 0.7.28 → 0.7.29

package/build/mainstack-design-system.js

@@ -9439,26 +9439,26 @@ var vt = function(o) {
   return o.replace(Q0, function(i) {
     return mt[i];
   });
-}, e8 = X0(vt), Ge = function(o) {
+}, e4 = X0(vt), Ge = function(o) {
   return o.replace(/^\s+|\s+$/g, "");
-}, t8 = function(o) {
+}, t4 = function(o) {
   return "".concat(o.label, " ").concat(o.value);
-}, n8 = function(o) {
+}, n4 = function(o) {
   return function(i, r) {
     if (i.data.__isNew__)
       return !0;
     var n = v1({
       ignoreCase: !0,
       ignoreAccents: !0,
-      stringify: t8,
+      stringify: t4,
       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 = e8(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 = e4(h), c = vt(c)), v === "start" ? c.substr(0, h.length) === h : c.indexOf(h) > -1;
   };
-}, r8 = ["innerRef"];
-function o8(e) {
-  var o = e.innerRef, i = c5(e, r8), r = _6(i, "onExited", "in", "enter", "exit", "appear");
+}, r4 = ["innerRef"];
+function o4(e) {
+  var o = e.innerRef, i = c5(e, r4), r = _6(i, "onExited", "in", "enter", "exit", "appear");
   return x1("input", I1({
     ref: o
   }, r, {
@@ -9485,14 +9485,14 @@ function o8(e) {
     }, process.env.NODE_ENV === "production" ? "" : ";label:DummyInput;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkR1bW15SW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCTSIsImZpbGUiOiJEdW1teUlucHV0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHsgSlNYLCBSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBqc3ggfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyByZW1vdmVQcm9wcyB9IGZyb20gJy4uL3V0aWxzJztcblxuZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gRHVtbXlJbnB1dCh7XG4gIGlubmVyUmVmLFxuICAuLi5wcm9wc1xufTogSlNYLkludHJpbnNpY0VsZW1lbnRzWydpbnB1dCddICYge1xuICByZWFkb25seSBpbm5lclJlZjogUmVmPEhUTUxJbnB1dEVsZW1lbnQ+O1xufSkge1xuICAvLyBSZW1vdmUgYW5pbWF0aW9uIHByb3BzIG5vdCBtZWFudCBmb3IgSFRNTCBlbGVtZW50c1xuICBjb25zdCBmaWx0ZXJlZFByb3BzID0gcmVtb3ZlUHJvcHMoXG4gICAgcHJvcHMsXG4gICAgJ29uRXhpdGVkJyxcbiAgICAnaW4nLFxuICAgICdlbnRlcicsXG4gICAgJ2V4aXQnLFxuICAgICdhcHBlYXInXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8aW5wdXRcbiAgICAgIHJlZj17aW5uZXJSZWZ9XG4gICAgICB7Li4uZmlsdGVyZWRQcm9wc31cbiAgICAgIGNzcz17e1xuICAgICAgICBsYWJlbDogJ2R1bW15SW5wdXQnLFxuICAgICAgICAvLyBnZXQgcmlkIG9mIGFueSBkZWZhdWx0IHN0eWxlc1xuICAgICAgICBiYWNrZ3JvdW5kOiAwLFxuICAgICAgICBib3JkZXI6IDAsXG4gICAgICAgIC8vIGltcG9ydGFudCEgdGhpcyBoaWRlcyB0aGUgZmxhc2hpbmcgY3Vyc29yXG4gICAgICAgIGNhcmV0Q29sb3I6ICd0cmFuc3BhcmVudCcsXG4gICAgICAgIGZvbnRTaXplOiAnaW5oZXJpdCcsXG4gICAgICAgIGdyaWRBcmVhOiAnMSAvIDEgLyAyIC8gMycsXG4gICAgICAgIG91dGxpbmU6IDAsXG4gICAgICAgIHBhZGRpbmc6IDAsXG4gICAgICAgIC8vIGltcG9ydGFudCEgd2l0aG91dCBgd2lkdGhgIGJyb3dzZXJzIHdvbid0IGFsbG93IGZvY3VzXG4gICAgICAgIHdpZHRoOiAxLFxuXG4gICAgICAgIC8vIHJlbW92ZSBjdXJzb3Igb24gZGVza3RvcFxuICAgICAgICBjb2xvcjogJ3RyYW5zcGFyZW50JyxcblxuICAgICAgICAvLyByZW1vdmUgY3Vyc29yIG9uIG1vYmlsZSB3aGlsc3QgbWFpbnRhaW5pbmcgXCJzY3JvbGwgaW50byB2aWV3XCIgYmVoYXZpb3VyXG4gICAgICAgIGxlZnQ6IC0xMDAsXG4gICAgICAgIG9wYWNpdHk6IDAsXG4gICAgICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgICAgICB0cmFuc2Zvcm06ICdzY2FsZSguMDEpJyxcbiAgICAgIH19XG4gICAgLz5cbiAgKTtcbn1cbiJdfQ== */")
   }));
 }
-var i8 = function(o) {
+var i4 = function(o) {
   o.cancelable && o.preventDefault(), o.stopPropagation();
 };
-function a8(e) {
+function a4(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 && i8(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 && i4(u);
     }
   }, [i, r, n, d]), c = z1(function(u) {
     h(u, u.deltaY);
@@ -9546,7 +9546,7 @@ var qe = !!(typeof window < "u" && window.document && window.document.createElem
   capture: !1,
   passive: !1
 };
-function l8(e) {
+function l4(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;
@@ -9582,50 +9582,50 @@ function l8(e) {
     d.current = s;
   };
 }
-function s8() {
+function s4() {
   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 u8 = function(o) {
+var u4 = function(o) {
   var i = o.target;
   return i.ownerDocument.activeElement && i.ownerDocument.activeElement.blur();
-}, c8 = process.env.NODE_ENV === "production" ? {
+}, c4 = 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: s8
+  toString: s4
 };
-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({
+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({
     isEnabled: n,
     onBottomArrive: d,
     onBottomLeave: g,
     onTopArrive: b,
     onTopLeave: s
-  }), h = l8({
+  }), h = l4({
     isEnabled: i
   }), c = function(l) {
     v(l), h(l);
   };
   return x1(B3, null, i && x1("div", {
-    onClick: u8,
-    css: c8
+    onClick: u4,
+    css: c4
   }), o(c));
 }
-function d8() {
+function d4() {
   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 f8 = process.env.NODE_ENV === "production" ? {
+var f4 = 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: d8
-}, h8 = function(o) {
+  toString: d4
+}, h4 = function(o) {
   var i = o.name, r = o.onFocus;
   return x1("input", {
     required: !0,
@@ -9633,41 +9633,41 @@ var f8 = process.env.NODE_ENV === "production" ? {
     tabIndex: -1,
     "aria-hidden": "true",
     onFocus: r,
-    css: f8,
+    css: f4,
     value: "",
     onChange: function() {
     }
   });
-}, p8 = h8;
+}, p4 = h4;
 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 g8() {
+function g4() {
   return pe(/^iPhone/i);
 }
 function yt() {
   return pe(/^Mac/i);
 }
-function m8() {
+function m4() {
   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 v8() {
-  return g8() || m8();
+function v4() {
+  return g4() || m4();
 }
-function y8() {
-  return yt() || v8();
+function y4() {
+  return yt() || v4();
 }
-var b8 = function(o) {
+var b4 = function(o) {
   return o.label;
 }, bt = function(o) {
   return o.label;
 }, wt = function(o) {
   return o.value;
-}, w8 = function(o) {
+}, w4 = function(o) {
   return !!o.isDisabled;
-}, x8 = {
+}, x4 = {
   clearIndicator: o0,
   container: X6,
   control: C0,
@@ -9690,7 +9690,7 @@ var b8 = function(o) {
   placeholder: F0,
   singleValue: R0,
   valueContainer: J6
-}, I8 = {
+}, I4 = {
   primary: "#2684FF",
   primary75: "#4C9AFF",
   primary50: "#B2D4FF",
@@ -9708,15 +9708,15 @@ var b8 = function(o) {
   neutral70: "hsl(0, 0%, 30%)",
   neutral80: "hsl(0, 0%, 20%)",
   neutral90: "hsl(0, 0%, 10%)"
-}, H8 = 4, xt = 4, V8 = 38, k8 = xt * 2, L8 = {
+}, H4 = 4, xt = 4, V4 = 38, k4 = xt * 2, L4 = {
   baseUnit: xt,
-  controlHeight: V8,
-  menuGutter: k8
+  controlHeight: V4,
+  menuGutter: k4
 }, H3 = {
-  borderRadius: H8,
-  colors: I8,
-  spacing: L8
-}, M8 = {
+  borderRadius: H4,
+  colors: I4,
+  spacing: L4
+}, M4 = {
   "aria-live": "polite",
   backspaceRemovesValue: !0,
   blurInputOnSelect: Ne(),
@@ -9727,8 +9727,8 @@ var b8 = function(o) {
   components: {},
   controlShouldRenderValue: !0,
   escapeClearsValue: !1,
-  filterOption: n8(),
-  formatGroupLabel: b8,
+  filterOption: n4(),
+  formatGroupLabel: b4,
   getOptionLabel: bt,
   getOptionValue: wt,
   isDisabled: !1,
@@ -9736,7 +9736,7 @@ var b8 = function(o) {
   isMulti: !1,
   isRtl: !1,
   isSearchable: !0,
-  isOptionDisabled: w8,
+  isOptionDisabled: w4,
   loadingMessage: function() {
     return "Loading...";
   },
@@ -9815,7 +9815,7 @@ function $e(e, o) {
     }), i;
   }, []);
 }
-function _8(e, o) {
+function _4(e, o) {
   return It(S2(e, o));
 }
 function Ke(e, o) {
@@ -9826,7 +9826,7 @@ function Ke(e, o) {
     data: n
   }, r);
 }
-function A8(e, o) {
+function A4(e, o) {
   var i = e.focusedValue, r = e.selectValue, n = r.indexOf(i);
   if (n > -1) {
     var d = o.indexOf(i);
@@ -9837,7 +9837,7 @@ function A8(e, o) {
   }
   return null;
 }
-function E8(e, o) {
+function E4(e, o) {
   var i = e.focusedOption;
   return i && o.indexOf(i) > -1 ? i : o[0];
 }
@@ -9870,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;
-}, S8 = 1, e3 = /* @__PURE__ */ function(e) {
+}, S4 = 1, e3 = /* @__PURE__ */ function(e) {
   U9(i, e);
   var o = Q9(i);
   function i(r) {
@@ -9889,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 = y8(), 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 = y4(), n.controlRef = null, n.getControlRef = function(s) {
       n.controlRef = s;
     }, n.focusedOptionRef = null, n.getFocusedOptionRef = function(s) {
       n.focusedOptionRef = s;
@@ -9966,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 = x8[s](v, h);
+      var h = n.props.unstyled, c = x4[s](v, h);
       c.boxSizing = "border-box";
       var a = n.props.styles[s];
       return a ? a(c, v) : c;
@@ -10165,7 +10165,7 @@ var Mt = function(o) {
         }
         s.preventDefault();
       }
-    }, n.state.instancePrefix = "react-select-" + (n.props.instanceId || ++S8), n.state.selectValue = D2(r.value), r.menuIsOpen && n.state.selectValue.length) {
+    }, n.state.instancePrefix = "react-select-" + (n.props.instanceId || ++S4), 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]);
     }
@@ -10441,7 +10441,7 @@ var Mt = function(o) {
           form: h,
           type: "text",
           value: s
-        }, C)) : /* @__PURE__ */ M1.createElement(o8, I1({
+        }, C)) : /* @__PURE__ */ M1.createElement(o4, I1({
           id: x,
           innerRef: this.getInputRef,
           onBlur: this.onInputBlur,
@@ -10648,7 +10648,7 @@ var Mt = function(o) {
           },
           isLoading: x,
           placement: A
-        }), /* @__PURE__ */ M1.createElement(C8, {
+        }), /* @__PURE__ */ M1.createElement(C4, {
           captureEnabled: f,
           onTopArrive: E,
           onBottomArrive: F,
@@ -10681,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(p8, {
+        return /* @__PURE__ */ M1.createElement(p4, {
           name: v,
           onFocus: this.onValueInputFocus
         });
@@ -10767,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 ? _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);
+        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);
         x = {
           selectValue: p,
           focusedOption: H,
@@ -10793,13 +10793,13 @@ var Mt = function(o) {
     }
   }]), i;
 }(w9);
-e3.defaultProps = M8;
-var Z8 = /* @__PURE__ */ c2(function(e, o) {
+e3.defaultProps = M4;
+var Z4 = /* @__PURE__ */ c2(function(e, o) {
   var i = ce(e);
   return /* @__PURE__ */ M1.createElement(e3, I1({
     ref: o
   }, i));
-}), T8 = Z8, O8 = ["allowCreateWhileLoading", "createOptionPosition", "formatCreateLabel", "isValidNewOption", "getNewOptionData", "onCreateOption", "options", "onChange"], Qe = function() {
+}), T4 = Z4, O4 = ["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 = {
@@ -10821,8 +10821,8 @@ var Z8 = /* @__PURE__ */ c2(function(e, o) {
     };
   }
 };
-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() {
+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() {
     return s(C, D2(H), l, {
       getOptionValue: f,
       getOptionLabel: x
@@ -10853,12 +10853,12 @@ function B8(e) {
     onChange: V
   });
 }
-var F8 = /* @__PURE__ */ c2(function(e, o) {
-  var i = ce(e), r = B8(i);
+var F4 = /* @__PURE__ */ c2(function(e, o) {
+  var i = ce(e), r = B4(i);
   return /* @__PURE__ */ M1.createElement(e3, I1({
     ref: o
   }, r));
-}), N8 = F8;
+}), N4 = F4;
 const ge = {
   control: (e, o) => ({
     // ...styles,
@@ -11024,7 +11024,7 @@ const ge = {
           }
         ),
         /* @__PURE__ */ t(
-          T8,
+          T4,
           {
             isMulti: h,
             isClearable: h,
@@ -11121,7 +11121,7 @@ const ge = {
       }
     ),
     /* @__PURE__ */ t(
-      N8,
+      N4,
       {
         isMulti: h,
         isClearable: !0,
@@ -11167,11 +11167,11 @@ const ge = {
     )
   ] });
 };
-var P8 = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
-function R8(e) {
+var P4 = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
+function R4(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, 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];
+  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];
   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;
@@ -11212,12 +11212,12 @@ function R8(e) {
     filterOption: h
   });
 }
-var D8 = /* @__PURE__ */ c2(function(e, o) {
-  var i = R8(e), r = ce(i);
+var D4 = /* @__PURE__ */ c2(function(e, o) {
+  var i = R4(e), r = ce(i);
   return /* @__PURE__ */ M1.createElement(e3, I1({
     ref: o
   }, r));
-}), G8 = D8;
+}), G4 = D4;
 const L3 = [
   {
     name: "Afghanistan",
@@ -12969,7 +12969,7 @@ const L3 = [
     flag: "https://flagcdn.com/zw.svg",
     independent: !1
   }
-], j8 = ({
+], j4 = ({
   value: e,
   flag: o,
   abr: i
@@ -12997,7 +12997,7 @@ const L3 = [
   )
 ] });
 var Z7;
-const W8 = (Z7 = L3 == null ? void 0 : L3.sort((e, o) => e.name.localeCompare(o.name))) == null ? void 0 : Z7.map((e) => ({
+const W4 = (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,
@@ -13010,7 +13010,7 @@ const W8 = (Z7 = L3 == null ? void 0 : L3.sort((e, o) => e.name.localeCompare(o.
   label: i = "Country",
   valueType: r = "full",
   placeholder: n = "Select your country",
-  options: d = W8,
+  options: d = W4,
   fontFamily: g,
   disabled: b
 }) => {
@@ -13037,7 +13037,7 @@ const W8 = (Z7 = L3 == null ? void 0 : L3.sort((e, o) => e.name.localeCompare(o.
       }
     ) : i,
     /* @__PURE__ */ t(
-      G8,
+      G4,
       {
         components: {
           DropdownIndicator: me,
@@ -13051,7 +13051,7 @@ const W8 = (Z7 = L3 == null ? void 0 : L3.sort((e, o) => e.name.localeCompare(o.
         id: "country",
         placeholder: n,
         styles: ge,
-        formatOptionLabel: j8,
+        formatOptionLabel: j4,
         name: "country",
         onChange: (a) => {
           var l;
@@ -13071,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 z8 = function(e) {
+var z4 = function(e) {
   var o = {};
   function i(r) {
     if (o[r])
@@ -14411,7 +14411,7 @@ var z8 = 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 X8 = /* @__PURE__ */ St(z8);
+const X4 = /* @__PURE__ */ St(z4);
 const th = ({
   value: e,
   onChange: o,
@@ -14457,7 +14457,7 @@ const th = ({
           }
         ) : n,
         /* @__PURE__ */ t(
-          X8,
+          X4,
           {
             enableSearch: i,
             countryCodeEditable: !1,
@@ -14483,7 +14483,7 @@ const th = ({
       ]
     }
   );
-}, Y8 = ({
+}, Y4 = ({
   label: e,
   name: o,
   id: i,
@@ -14633,43 +14633,43 @@ const th = ({
     ) : null })
   ] });
 };
-function J8() {
+function J4() {
   this.__data__ = [], this.size = 0;
 }
-var q8 = J8;
-function U8(e, o) {
+var q4 = J4;
+function U4(e, o) {
   return e === o || e !== e && o !== o;
 }
-var Zt = U8, $8 = Zt;
-function K8(e, o) {
+var Zt = U4, $4 = Zt;
+function K4(e, o) {
   for (var i = e.length; i--; )
-    if ($8(e[i][0], o))
+    if ($4(e[i][0], o))
       return i;
   return -1;
 }
-var t3 = K8, Q8 = t3, e4 = Array.prototype, t4 = e4.splice;
-function n4(e) {
-  var o = this.__data__, i = Q8(o, e);
+var t3 = K4, Q4 = t3, e8 = Array.prototype, t8 = e8.splice;
+function n8(e) {
+  var o = this.__data__, i = Q4(o, e);
   if (i < 0)
     return !1;
   var r = o.length - 1;
-  return i == r ? o.pop() : t4.call(o, i, 1), --this.size, !0;
+  return i == r ? o.pop() : t8.call(o, i, 1), --this.size, !0;
 }
-var r4 = n4, o4 = t3;
-function i4(e) {
-  var o = this.__data__, i = o4(o, e);
+var r8 = n8, o8 = t3;
+function i8(e) {
+  var o = this.__data__, i = o8(o, e);
   return i < 0 ? void 0 : o[i][1];
 }
-var a4 = i4, l4 = t3;
-function s4(e) {
-  return l4(this.__data__, e) > -1;
+var a8 = i8, l8 = t3;
+function s8(e) {
+  return l8(this.__data__, e) > -1;
 }
-var u4 = s4, c4 = t3;
-function C4(e, o) {
-  var i = this.__data__, r = c4(i, e);
+var u8 = s8, c8 = t3;
+function C8(e, o) {
+  var i = this.__data__, r = c8(i, e);
   return r < 0 ? (++this.size, i.push([e, o])) : i[r][1] = o, this;
 }
-var d4 = C4, f4 = q8, h4 = r4, p4 = a4, g4 = u4, m4 = d4;
+var d8 = C8, f8 = q4, h8 = r8, p8 = a8, g8 = u8, m8 = d8;
 function R5(e) {
   var o = -1, i = e == null ? 0 : e.length;
   for (this.clear(); ++o < i; ) {
@@ -14677,60 +14677,60 @@ function R5(e) {
     this.set(r[0], r[1]);
   }
 }
-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;
+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;
 }
-var b4 = y4;
-function w4(e) {
+var b8 = y8;
+function w8(e) {
   var o = this.__data__, i = o.delete(e);
   return this.size = o.size, i;
 }
-var x4 = w4;
-function I4(e) {
+var x8 = w8;
+function I8(e) {
   return this.__data__.get(e);
 }
-var H4 = I4;
-function V4(e) {
+var H8 = I8;
+function V8(e) {
   return this.__data__.has(e);
 }
-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];
+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];
   try {
     e[Q5] = void 0;
     var r = !0;
   } catch {
   }
-  var n = T4.call(e);
+  var n = T8.call(e);
   return r && (o ? e[Q5] = i : delete e[Q5]), n;
 }
-var B4 = O4, F4 = Object.prototype, N4 = F4.toString;
-function P4(e) {
-  return N4.call(e);
+var B8 = O8, F8 = Object.prototype, N8 = F8.toString;
+function P8(e) {
+  return N8.call(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 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 r3 = z4;
-function X4(e) {
+var r3 = z8;
+function X8(e) {
   var o = typeof e;
   return e != null && (o == "object" || o == "function");
 }
-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))
+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))
     return !1;
-  var o = Y4(e);
-  return o == U4 || o == $4 || o == q4 || o == K4;
+  var o = Y8(e);
+  return o == U8 || o == $8 || o == q8 || o == K8;
 }
-var Ft = Q4, en = g5, tn = en["__core-js_shared__"], nn = tn, M3 = nn, r7 = function() {
+var Ft = Q8, 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 : "";
 }();
@@ -14870,7 +14870,7 @@ function Sr(e, o) {
   }
   return i.set(e, o), this.size = i.size, this;
 }
-var Zr = Sr, Tr = n3, Or = b4, Br = x4, Fr = H4, Nr = k4, Pr = Zr;
+var Zr = Sr, Tr = n3, Or = b8, Br = x8, Fr = H8, Nr = k8, Pr = Zr;
 function W5(e) {
   var o = this.__data__ = new Tr(e);
   this.size = o.size;
@@ -24543,7 +24543,7 @@ const Bl = ({
         }
       ),
       /* @__PURE__ */ t(
-        Y8,
+        Y4,
         {
           id: "ms-slider-input",
           name: "ms-slider-input",
@@ -24892,7 +24892,8 @@ const Yl = ({
   return /* @__PURE__ */ r1(
     y1,
     {
-      width: "auto",
+      maxW: { base: "343px", md: "400px" },
+      width: "1000px",
       borderRadius: "12px",
       border: "1px solid",
       borderColor: o === "default" || o === "info" ? T.gray50 : o === "error" ? T.red100 : o === "warning" ? T.amber100 : T.green100,
@@ -25194,7 +25195,7 @@ export {
   E9 as InfoFilledIcon,
   S9 as InfoGradientFilledIcon,
   P5 as InfoIcon,
-  Y8 as Input,
+  Y4 as Input,
   tC as InsertChartFilledIcon,
   nC as InsertChartIcon,
   Ef as IntegrationsIcon,

package/package.json

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