@producteca/producteca-ui-kit 1.72.1 → 1.74.0

package/dist/producteca-ui-kit.es.js

@@ -9975,15 +9975,14 @@ var includes_1 = includes;
 const includes$1 = /* @__PURE__ */ getDefaultExportFromCjs(includes_1);
 const Colors = {
   grey: {
-    "900": "#252525",
-    "800": "#404040",
-    "733": "#666666",
-    "700": "#797979",
-    "500": "#ACACAC",
-    "400": "#D7D7D7",
-    "200": "#EDEDED",
-    "100": "#F5F5F5",
-    "50": "#FAFAFA"
+    "900": "#0A1230",
+    "800": "#2F3758",
+    "700": "#5A6285",
+    "500": "#8A90AE",
+    "400": "#DCDEE9",
+    "200": "#EAECF3",
+    "100": "#F2F3F7",
+    "50": "#F7F8FB"
   },
   error: {
     "900": "#9A1414",
@@ -10010,12 +10009,19 @@ const Colors = {
     "50": "#FFF3D1"
   },
   primary: {
-    "900": "#0045AD",
-    "700": "#0058DB",
-    "500": "#0066FF",
-    "300": "#76ADFF",
-    "100": "#A7CAFF",
-    "50": "#E6F1FF"
+    "900": "#002E77",
+    "700": "#003FA0",
+    "500": "#0056D8",
+    "300": "#5A8BEA",
+    "100": "#BFD4F5",
+    "50": "#E6EEFB"
+  },
+  lila: {
+    "900": "#342879",
+    "700": "#6F5FC9",
+    "500": "#B79BD9",
+    "100": "#E0D0F0",
+    "50": "#F4EEFA"
   }
 };
 const getColor = (category, shade) => {
@@ -20424,6 +20430,7 @@ const es$3 = {
     borderHover: "Borde en hover",
     borderFocus: "Borde en focus",
     borderDark: "Borde oscuro",
+    borderDarkHover: "Borde oscuro en hover",
     borderDisabled: "Borde deshabilitado",
     fontFamily: "Familia de fuentes",
     fontSizesDisplay: "Tamaños de fuente - Display",
@@ -21033,287 +21040,293 @@ const VisibilityIcon = ({ showPassword, setShowPassword }) => {
   return /* @__PURE__ */ jsx$1("div", { "data-testid": "visibility-toggle", onClick: () => setShowPassword(!showPassword), children: showPassword ? /* @__PURE__ */ jsx$1(Visibility, {}) : /* @__PURE__ */ jsx$1(VisibilityOff, {}) });
 };
 var dayjs_min = { exports: {} };
-(function(module, exports) {
-  !function(t, e) {
-    module.exports = e();
-  }(commonjsGlobal, function() {
-    var t = 1e3, e = 6e4, n = 36e5, r2 = "millisecond", i = "second", s = "minute", u = "hour", a = "day", o = "week", c = "month", f = "quarter", h = "year", d = "date", l = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t2) {
-      var e2 = ["th", "st", "nd", "rd"], n2 = t2 % 100;
-      return "[" + t2 + (e2[(n2 - 20) % 10] || e2[n2] || e2[0]) + "]";
-    } }, m = function(t2, e2, n2) {
-      var r3 = String(t2);
-      return !r3 || r3.length >= e2 ? t2 : "" + Array(e2 + 1 - r3.length).join(n2) + t2;
-    }, v = { s: m, z: function(t2) {
-      var e2 = -t2.utcOffset(), n2 = Math.abs(e2), r3 = Math.floor(n2 / 60), i2 = n2 % 60;
-      return (e2 <= 0 ? "+" : "-") + m(r3, 2, "0") + ":" + m(i2, 2, "0");
-    }, m: function t2(e2, n2) {
-      if (e2.date() < n2.date()) return -t2(n2, e2);
-      var r3 = 12 * (n2.year() - e2.year()) + (n2.month() - e2.month()), i2 = e2.clone().add(r3, c), s2 = n2 - i2 < 0, u2 = e2.clone().add(r3 + (s2 ? -1 : 1), c);
-      return +(-(r3 + (n2 - i2) / (s2 ? i2 - u2 : u2 - i2)) || 0);
-    }, a: function(t2) {
-      return t2 < 0 ? Math.ceil(t2) || 0 : Math.floor(t2);
-    }, p: function(t2) {
-      return { M: c, y: h, w: o, d: a, D: d, h: u, m: s, s: i, ms: r2, Q: f }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
-    }, u: function(t2) {
-      return void 0 === t2;
-    } }, g = "en", D = {};
-    D[g] = M;
-    var p = "$isDayjsObject", S = function(t2) {
-      return t2 instanceof _ || !(!t2 || !t2[p]);
-    }, w2 = function t2(e2, n2, r3) {
-      var i2;
-      if (!e2) return g;
-      if ("string" == typeof e2) {
-        var s2 = e2.toLowerCase();
-        D[s2] && (i2 = s2), n2 && (D[s2] = n2, i2 = s2);
-        var u2 = e2.split("-");
-        if (!i2 && u2.length > 1) return t2(u2[0]);
-      } else {
-        var a2 = e2.name;
-        D[a2] = e2, i2 = a2;
-      }
-      return !r3 && i2 && (g = i2), i2 || !r3 && g;
-    }, O = function(t2, e2) {
-      if (S(t2)) return t2.clone();
-      var n2 = "object" == typeof e2 ? e2 : {};
-      return n2.date = t2, n2.args = arguments, new _(n2);
-    }, b = v;
-    b.l = w2, b.i = S, b.w = function(t2, e2) {
-      return O(t2, { locale: e2.$L, utc: e2.$u, x: e2.$x, $offset: e2.$offset });
-    };
-    var _ = function() {
-      function M2(t2) {
-        this.$L = w2(t2.locale, null, true), this.parse(t2), this.$x = this.$x || t2.x || {}, this[p] = true;
-      }
-      var m2 = M2.prototype;
-      return m2.parse = function(t2) {
-        this.$d = function(t3) {
-          var e2 = t3.date, n2 = t3.utc;
-          if (null === e2) return /* @__PURE__ */ new Date(NaN);
-          if (b.u(e2)) return /* @__PURE__ */ new Date();
-          if (e2 instanceof Date) return new Date(e2);
-          if ("string" == typeof e2 && !/Z$/i.test(e2)) {
-            var r3 = e2.match($);
-            if (r3) {
-              var i2 = r3[2] - 1 || 0, s2 = (r3[7] || "0").substring(0, 3);
-              return n2 ? new Date(Date.UTC(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s2)) : new Date(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s2);
-            }
-          }
-          return new Date(e2);
-        }(t2), this.init();
-      }, m2.init = function() {
-        var t2 = this.$d;
-        this.$y = t2.getFullYear(), this.$M = t2.getMonth(), this.$D = t2.getDate(), this.$W = t2.getDay(), this.$H = t2.getHours(), this.$m = t2.getMinutes(), this.$s = t2.getSeconds(), this.$ms = t2.getMilliseconds();
-      }, m2.$utils = function() {
-        return b;
-      }, m2.isValid = function() {
-        return !(this.$d.toString() === l);
-      }, m2.isSame = function(t2, e2) {
-        var n2 = O(t2);
-        return this.startOf(e2) <= n2 && n2 <= this.endOf(e2);
-      }, m2.isAfter = function(t2, e2) {
-        return O(t2) < this.startOf(e2);
-      }, m2.isBefore = function(t2, e2) {
-        return this.endOf(e2) < O(t2);
-      }, m2.$g = function(t2, e2, n2) {
-        return b.u(t2) ? this[e2] : this.set(n2, t2);
-      }, m2.unix = function() {
-        return Math.floor(this.valueOf() / 1e3);
-      }, m2.valueOf = function() {
-        return this.$d.getTime();
-      }, m2.startOf = function(t2, e2) {
-        var n2 = this, r3 = !!b.u(e2) || e2, f2 = b.p(t2), l2 = function(t3, e3) {
-          var i2 = b.w(n2.$u ? Date.UTC(n2.$y, e3, t3) : new Date(n2.$y, e3, t3), n2);
-          return r3 ? i2 : i2.endOf(a);
-        }, $2 = function(t3, e3) {
-          return b.w(n2.toDate()[t3].apply(n2.toDate("s"), (r3 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e3)), n2);
-        }, y2 = this.$W, M3 = this.$M, m3 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
-        switch (f2) {
-          case h:
-            return r3 ? l2(1, 0) : l2(31, 11);
-          case c:
-            return r3 ? l2(1, M3) : l2(0, M3 + 1);
-          case o:
-            var g2 = this.$locale().weekStart || 0, D2 = (y2 < g2 ? y2 + 7 : y2) - g2;
-            return l2(r3 ? m3 - D2 : m3 + (6 - D2), M3);
-          case a:
-          case d:
-            return $2(v2 + "Hours", 0);
-          case u:
-            return $2(v2 + "Minutes", 1);
-          case s:
-            return $2(v2 + "Seconds", 2);
-          case i:
-            return $2(v2 + "Milliseconds", 3);
-          default:
-            return this.clone();
+var hasRequiredDayjs_min;
+function requireDayjs_min() {
+  if (hasRequiredDayjs_min) return dayjs_min.exports;
+  hasRequiredDayjs_min = 1;
+  (function(module, exports) {
+    !function(t, e) {
+      module.exports = e();
+    }(commonjsGlobal, function() {
+      var t = 1e3, e = 6e4, n = 36e5, r2 = "millisecond", i = "second", s = "minute", u = "hour", a = "day", o = "week", c = "month", f = "quarter", h = "year", d = "date", l = "Invalid Date", $ = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, y = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, M = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(t2) {
+        var e2 = ["th", "st", "nd", "rd"], n2 = t2 % 100;
+        return "[" + t2 + (e2[(n2 - 20) % 10] || e2[n2] || e2[0]) + "]";
+      } }, m = function(t2, e2, n2) {
+        var r3 = String(t2);
+        return !r3 || r3.length >= e2 ? t2 : "" + Array(e2 + 1 - r3.length).join(n2) + t2;
+      }, v = { s: m, z: function(t2) {
+        var e2 = -t2.utcOffset(), n2 = Math.abs(e2), r3 = Math.floor(n2 / 60), i2 = n2 % 60;
+        return (e2 <= 0 ? "+" : "-") + m(r3, 2, "0") + ":" + m(i2, 2, "0");
+      }, m: function t2(e2, n2) {
+        if (e2.date() < n2.date()) return -t2(n2, e2);
+        var r3 = 12 * (n2.year() - e2.year()) + (n2.month() - e2.month()), i2 = e2.clone().add(r3, c), s2 = n2 - i2 < 0, u2 = e2.clone().add(r3 + (s2 ? -1 : 1), c);
+        return +(-(r3 + (n2 - i2) / (s2 ? i2 - u2 : u2 - i2)) || 0);
+      }, a: function(t2) {
+        return t2 < 0 ? Math.ceil(t2) || 0 : Math.floor(t2);
+      }, p: function(t2) {
+        return { M: c, y: h, w: o, d: a, D: d, h: u, m: s, s: i, ms: r2, Q: f }[t2] || String(t2 || "").toLowerCase().replace(/s$/, "");
+      }, u: function(t2) {
+        return void 0 === t2;
+      } }, g = "en", D = {};
+      D[g] = M;
+      var p = "$isDayjsObject", S = function(t2) {
+        return t2 instanceof _ || !(!t2 || !t2[p]);
+      }, w2 = function t2(e2, n2, r3) {
+        var i2;
+        if (!e2) return g;
+        if ("string" == typeof e2) {
+          var s2 = e2.toLowerCase();
+          D[s2] && (i2 = s2), n2 && (D[s2] = n2, i2 = s2);
+          var u2 = e2.split("-");
+          if (!i2 && u2.length > 1) return t2(u2[0]);
+        } else {
+          var a2 = e2.name;
+          D[a2] = e2, i2 = a2;
         }
-      }, m2.endOf = function(t2) {
-        return this.startOf(t2, false);
-      }, m2.$set = function(t2, e2) {
-        var n2, o2 = b.p(t2), f2 = "set" + (this.$u ? "UTC" : ""), l2 = (n2 = {}, n2[a] = f2 + "Date", n2[d] = f2 + "Date", n2[c] = f2 + "Month", n2[h] = f2 + "FullYear", n2[u] = f2 + "Hours", n2[s] = f2 + "Minutes", n2[i] = f2 + "Seconds", n2[r2] = f2 + "Milliseconds", n2)[o2], $2 = o2 === a ? this.$D + (e2 - this.$W) : e2;
-        if (o2 === c || o2 === h) {
-          var y2 = this.clone().set(d, 1);
-          y2.$d[l2]($2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
-        } else l2 && this.$d[l2]($2);
-        return this.init(), this;
-      }, m2.set = function(t2, e2) {
-        return this.clone().$set(t2, e2);
-      }, m2.get = function(t2) {
-        return this[b.p(t2)]();
-      }, m2.add = function(r3, f2) {
-        var d2, l2 = this;
-        r3 = Number(r3);
-        var $2 = b.p(f2), y2 = function(t2) {
-          var e2 = O(l2);
-          return b.w(e2.date(e2.date() + Math.round(t2 * r3)), l2);
-        };
-        if ($2 === c) return this.set(c, this.$M + r3);
-        if ($2 === h) return this.set(h, this.$y + r3);
-        if ($2 === a) return y2(1);
-        if ($2 === o) return y2(7);
-        var M3 = (d2 = {}, d2[s] = e, d2[u] = n, d2[i] = t, d2)[$2] || 1, m3 = this.$d.getTime() + r3 * M3;
-        return b.w(m3, this);
-      }, m2.subtract = function(t2, e2) {
-        return this.add(-1 * t2, e2);
-      }, m2.format = function(t2) {
-        var e2 = this, n2 = this.$locale();
-        if (!this.isValid()) return n2.invalidDate || l;
-        var r3 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i2 = b.z(this), s2 = this.$H, u2 = this.$m, a2 = this.$M, o2 = n2.weekdays, c2 = n2.months, f2 = n2.meridiem, h2 = function(t3, n3, i3, s3) {
-          return t3 && (t3[n3] || t3(e2, r3)) || i3[n3].slice(0, s3);
-        }, d2 = function(t3) {
-          return b.s(s2 % 12 || 12, t3, "0");
-        }, $2 = f2 || function(t3, e3, n3) {
-          var r4 = t3 < 12 ? "AM" : "PM";
-          return n3 ? r4.toLowerCase() : r4;
-        };
-        return r3.replace(y, function(t3, r4) {
-          return r4 || function(t4) {
-            switch (t4) {
-              case "YY":
-                return String(e2.$y).slice(-2);
-              case "YYYY":
-                return b.s(e2.$y, 4, "0");
-              case "M":
-                return a2 + 1;
-              case "MM":
-                return b.s(a2 + 1, 2, "0");
-              case "MMM":
-                return h2(n2.monthsShort, a2, c2, 3);
-              case "MMMM":
-                return h2(c2, a2);
-              case "D":
-                return e2.$D;
-              case "DD":
-                return b.s(e2.$D, 2, "0");
-              case "d":
-                return String(e2.$W);
-              case "dd":
-                return h2(n2.weekdaysMin, e2.$W, o2, 2);
-              case "ddd":
-                return h2(n2.weekdaysShort, e2.$W, o2, 3);
-              case "dddd":
-                return o2[e2.$W];
-              case "H":
-                return String(s2);
-              case "HH":
-                return b.s(s2, 2, "0");
-              case "h":
-                return d2(1);
-              case "hh":
-                return d2(2);
-              case "a":
-                return $2(s2, u2, true);
-              case "A":
-                return $2(s2, u2, false);
-              case "m":
-                return String(u2);
-              case "mm":
-                return b.s(u2, 2, "0");
-              case "s":
-                return String(e2.$s);
-              case "ss":
-                return b.s(e2.$s, 2, "0");
-              case "SSS":
-                return b.s(e2.$ms, 3, "0");
-              case "Z":
-                return i2;
+        return !r3 && i2 && (g = i2), i2 || !r3 && g;
+      }, O = function(t2, e2) {
+        if (S(t2)) return t2.clone();
+        var n2 = "object" == typeof e2 ? e2 : {};
+        return n2.date = t2, n2.args = arguments, new _(n2);
+      }, b = v;
+      b.l = w2, b.i = S, b.w = function(t2, e2) {
+        return O(t2, { locale: e2.$L, utc: e2.$u, x: e2.$x, $offset: e2.$offset });
+      };
+      var _ = function() {
+        function M2(t2) {
+          this.$L = w2(t2.locale, null, true), this.parse(t2), this.$x = this.$x || t2.x || {}, this[p] = true;
+        }
+        var m2 = M2.prototype;
+        return m2.parse = function(t2) {
+          this.$d = function(t3) {
+            var e2 = t3.date, n2 = t3.utc;
+            if (null === e2) return /* @__PURE__ */ new Date(NaN);
+            if (b.u(e2)) return /* @__PURE__ */ new Date();
+            if (e2 instanceof Date) return new Date(e2);
+            if ("string" == typeof e2 && !/Z$/i.test(e2)) {
+              var r3 = e2.match($);
+              if (r3) {
+                var i2 = r3[2] - 1 || 0, s2 = (r3[7] || "0").substring(0, 3);
+                return n2 ? new Date(Date.UTC(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s2)) : new Date(r3[1], i2, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s2);
+              }
             }
-            return null;
-          }(t3) || i2.replace(":", "");
-        });
-      }, m2.utcOffset = function() {
-        return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
-      }, m2.diff = function(r3, d2, l2) {
-        var $2, y2 = this, M3 = b.p(d2), m3 = O(r3), v2 = (m3.utcOffset() - this.utcOffset()) * e, g2 = this - m3, D2 = function() {
-          return b.m(y2, m3);
+            return new Date(e2);
+          }(t2), this.init();
+        }, m2.init = function() {
+          var t2 = this.$d;
+          this.$y = t2.getFullYear(), this.$M = t2.getMonth(), this.$D = t2.getDate(), this.$W = t2.getDay(), this.$H = t2.getHours(), this.$m = t2.getMinutes(), this.$s = t2.getSeconds(), this.$ms = t2.getMilliseconds();
+        }, m2.$utils = function() {
+          return b;
+        }, m2.isValid = function() {
+          return !(this.$d.toString() === l);
+        }, m2.isSame = function(t2, e2) {
+          var n2 = O(t2);
+          return this.startOf(e2) <= n2 && n2 <= this.endOf(e2);
+        }, m2.isAfter = function(t2, e2) {
+          return O(t2) < this.startOf(e2);
+        }, m2.isBefore = function(t2, e2) {
+          return this.endOf(e2) < O(t2);
+        }, m2.$g = function(t2, e2, n2) {
+          return b.u(t2) ? this[e2] : this.set(n2, t2);
+        }, m2.unix = function() {
+          return Math.floor(this.valueOf() / 1e3);
+        }, m2.valueOf = function() {
+          return this.$d.getTime();
+        }, m2.startOf = function(t2, e2) {
+          var n2 = this, r3 = !!b.u(e2) || e2, f2 = b.p(t2), l2 = function(t3, e3) {
+            var i2 = b.w(n2.$u ? Date.UTC(n2.$y, e3, t3) : new Date(n2.$y, e3, t3), n2);
+            return r3 ? i2 : i2.endOf(a);
+          }, $2 = function(t3, e3) {
+            return b.w(n2.toDate()[t3].apply(n2.toDate("s"), (r3 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e3)), n2);
+          }, y2 = this.$W, M3 = this.$M, m3 = this.$D, v2 = "set" + (this.$u ? "UTC" : "");
+          switch (f2) {
+            case h:
+              return r3 ? l2(1, 0) : l2(31, 11);
+            case c:
+              return r3 ? l2(1, M3) : l2(0, M3 + 1);
+            case o:
+              var g2 = this.$locale().weekStart || 0, D2 = (y2 < g2 ? y2 + 7 : y2) - g2;
+              return l2(r3 ? m3 - D2 : m3 + (6 - D2), M3);
+            case a:
+            case d:
+              return $2(v2 + "Hours", 0);
+            case u:
+              return $2(v2 + "Minutes", 1);
+            case s:
+              return $2(v2 + "Seconds", 2);
+            case i:
+              return $2(v2 + "Milliseconds", 3);
+            default:
+              return this.clone();
+          }
+        }, m2.endOf = function(t2) {
+          return this.startOf(t2, false);
+        }, m2.$set = function(t2, e2) {
+          var n2, o2 = b.p(t2), f2 = "set" + (this.$u ? "UTC" : ""), l2 = (n2 = {}, n2[a] = f2 + "Date", n2[d] = f2 + "Date", n2[c] = f2 + "Month", n2[h] = f2 + "FullYear", n2[u] = f2 + "Hours", n2[s] = f2 + "Minutes", n2[i] = f2 + "Seconds", n2[r2] = f2 + "Milliseconds", n2)[o2], $2 = o2 === a ? this.$D + (e2 - this.$W) : e2;
+          if (o2 === c || o2 === h) {
+            var y2 = this.clone().set(d, 1);
+            y2.$d[l2]($2), y2.init(), this.$d = y2.set(d, Math.min(this.$D, y2.daysInMonth())).$d;
+          } else l2 && this.$d[l2]($2);
+          return this.init(), this;
+        }, m2.set = function(t2, e2) {
+          return this.clone().$set(t2, e2);
+        }, m2.get = function(t2) {
+          return this[b.p(t2)]();
+        }, m2.add = function(r3, f2) {
+          var d2, l2 = this;
+          r3 = Number(r3);
+          var $2 = b.p(f2), y2 = function(t2) {
+            var e2 = O(l2);
+            return b.w(e2.date(e2.date() + Math.round(t2 * r3)), l2);
+          };
+          if ($2 === c) return this.set(c, this.$M + r3);
+          if ($2 === h) return this.set(h, this.$y + r3);
+          if ($2 === a) return y2(1);
+          if ($2 === o) return y2(7);
+          var M3 = (d2 = {}, d2[s] = e, d2[u] = n, d2[i] = t, d2)[$2] || 1, m3 = this.$d.getTime() + r3 * M3;
+          return b.w(m3, this);
+        }, m2.subtract = function(t2, e2) {
+          return this.add(-1 * t2, e2);
+        }, m2.format = function(t2) {
+          var e2 = this, n2 = this.$locale();
+          if (!this.isValid()) return n2.invalidDate || l;
+          var r3 = t2 || "YYYY-MM-DDTHH:mm:ssZ", i2 = b.z(this), s2 = this.$H, u2 = this.$m, a2 = this.$M, o2 = n2.weekdays, c2 = n2.months, f2 = n2.meridiem, h2 = function(t3, n3, i3, s3) {
+            return t3 && (t3[n3] || t3(e2, r3)) || i3[n3].slice(0, s3);
+          }, d2 = function(t3) {
+            return b.s(s2 % 12 || 12, t3, "0");
+          }, $2 = f2 || function(t3, e3, n3) {
+            var r4 = t3 < 12 ? "AM" : "PM";
+            return n3 ? r4.toLowerCase() : r4;
+          };
+          return r3.replace(y, function(t3, r4) {
+            return r4 || function(t4) {
+              switch (t4) {
+                case "YY":
+                  return String(e2.$y).slice(-2);
+                case "YYYY":
+                  return b.s(e2.$y, 4, "0");
+                case "M":
+                  return a2 + 1;
+                case "MM":
+                  return b.s(a2 + 1, 2, "0");
+                case "MMM":
+                  return h2(n2.monthsShort, a2, c2, 3);
+                case "MMMM":
+                  return h2(c2, a2);
+                case "D":
+                  return e2.$D;
+                case "DD":
+                  return b.s(e2.$D, 2, "0");
+                case "d":
+                  return String(e2.$W);
+                case "dd":
+                  return h2(n2.weekdaysMin, e2.$W, o2, 2);
+                case "ddd":
+                  return h2(n2.weekdaysShort, e2.$W, o2, 3);
+                case "dddd":
+                  return o2[e2.$W];
+                case "H":
+                  return String(s2);
+                case "HH":
+                  return b.s(s2, 2, "0");
+                case "h":
+                  return d2(1);
+                case "hh":
+                  return d2(2);
+                case "a":
+                  return $2(s2, u2, true);
+                case "A":
+                  return $2(s2, u2, false);
+                case "m":
+                  return String(u2);
+                case "mm":
+                  return b.s(u2, 2, "0");
+                case "s":
+                  return String(e2.$s);
+                case "ss":
+                  return b.s(e2.$s, 2, "0");
+                case "SSS":
+                  return b.s(e2.$ms, 3, "0");
+                case "Z":
+                  return i2;
+              }
+              return null;
+            }(t3) || i2.replace(":", "");
+          });
+        }, m2.utcOffset = function() {
+          return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+        }, m2.diff = function(r3, d2, l2) {
+          var $2, y2 = this, M3 = b.p(d2), m3 = O(r3), v2 = (m3.utcOffset() - this.utcOffset()) * e, g2 = this - m3, D2 = function() {
+            return b.m(y2, m3);
+          };
+          switch (M3) {
+            case h:
+              $2 = D2() / 12;
+              break;
+            case c:
+              $2 = D2();
+              break;
+            case f:
+              $2 = D2() / 3;
+              break;
+            case o:
+              $2 = (g2 - v2) / 6048e5;
+              break;
+            case a:
+              $2 = (g2 - v2) / 864e5;
+              break;
+            case u:
+              $2 = g2 / n;
+              break;
+            case s:
+              $2 = g2 / e;
+              break;
+            case i:
+              $2 = g2 / t;
+              break;
+            default:
+              $2 = g2;
+          }
+          return l2 ? $2 : b.a($2);
+        }, m2.daysInMonth = function() {
+          return this.endOf(c).$D;
+        }, m2.$locale = function() {
+          return D[this.$L];
+        }, m2.locale = function(t2, e2) {
+          if (!t2) return this.$L;
+          var n2 = this.clone(), r3 = w2(t2, e2, true);
+          return r3 && (n2.$L = r3), n2;
+        }, m2.clone = function() {
+          return b.w(this.$d, this);
+        }, m2.toDate = function() {
+          return new Date(this.valueOf());
+        }, m2.toJSON = function() {
+          return this.isValid() ? this.toISOString() : null;
+        }, m2.toISOString = function() {
+          return this.$d.toISOString();
+        }, m2.toString = function() {
+          return this.$d.toUTCString();
+        }, M2;
+      }(), k = _.prototype;
+      return O.prototype = k, [["$ms", r2], ["$s", i], ["$m", s], ["$H", u], ["$W", a], ["$M", c], ["$y", h], ["$D", d]].forEach(function(t2) {
+        k[t2[1]] = function(e2) {
+          return this.$g(e2, t2[0], t2[1]);
         };
-        switch (M3) {
-          case h:
-            $2 = D2() / 12;
-            break;
-          case c:
-            $2 = D2();
-            break;
-          case f:
-            $2 = D2() / 3;
-            break;
-          case o:
-            $2 = (g2 - v2) / 6048e5;
-            break;
-          case a:
-            $2 = (g2 - v2) / 864e5;
-            break;
-          case u:
-            $2 = g2 / n;
-            break;
-          case s:
-            $2 = g2 / e;
-            break;
-          case i:
-            $2 = g2 / t;
-            break;
-          default:
-            $2 = g2;
-        }
-        return l2 ? $2 : b.a($2);
-      }, m2.daysInMonth = function() {
-        return this.endOf(c).$D;
-      }, m2.$locale = function() {
-        return D[this.$L];
-      }, m2.locale = function(t2, e2) {
-        if (!t2) return this.$L;
-        var n2 = this.clone(), r3 = w2(t2, e2, true);
-        return r3 && (n2.$L = r3), n2;
-      }, m2.clone = function() {
-        return b.w(this.$d, this);
-      }, m2.toDate = function() {
-        return new Date(this.valueOf());
-      }, m2.toJSON = function() {
-        return this.isValid() ? this.toISOString() : null;
-      }, m2.toISOString = function() {
-        return this.$d.toISOString();
-      }, m2.toString = function() {
-        return this.$d.toUTCString();
-      }, M2;
-    }(), k = _.prototype;
-    return O.prototype = k, [["$ms", r2], ["$s", i], ["$m", s], ["$H", u], ["$W", a], ["$M", c], ["$y", h], ["$D", d]].forEach(function(t2) {
-      k[t2[1]] = function(e2) {
-        return this.$g(e2, t2[0], t2[1]);
-      };
-    }), O.extend = function(t2, e2) {
-      return t2.$i || (t2(e2, _, O), t2.$i = true), O;
-    }, O.locale = w2, O.isDayjs = S, O.unix = function(t2) {
-      return O(1e3 * t2);
-    }, O.en = D[g], O.Ls = D, O.p = {}, O;
-  });
-})(dayjs_min);
-var dayjs_minExports = dayjs_min.exports;
+      }), O.extend = function(t2, e2) {
+        return t2.$i || (t2(e2, _, O), t2.$i = true), O;
+      }, O.locale = w2, O.isDayjs = S, O.unix = function(t2) {
+        return O(1e3 * t2);
+      }, O.en = D[g], O.Ls = D, O.p = {}, O;
+    });
+  })(dayjs_min);
+  return dayjs_min.exports;
+}
+var dayjs_minExports = requireDayjs_min();
 const dayjs = /* @__PURE__ */ getDefaultExportFromCjs(dayjs_minExports);
 var es$2 = { exports: {} };
 (function(module, exports) {
   !function(e, o) {
-    module.exports = o(dayjs_minExports);
+    module.exports = o(requireDayjs_min());
   }(commonjsGlobal, function(e) {
     function o(e2) {
       return e2 && "object" == typeof e2 && "default" in e2 ? e2 : { default: e2 };
@@ -57544,16 +57557,16 @@ const datePickerLayoutStyles = {
     height: "min-content !important"
   },
   "& .MuiPickersCalendarHeader-label": {
-    fontFamily: "Poppins, Open Sans, Helvetica, Arial, sans-serif",
+    fontFamily: "var(--primary-font-family)",
     fontSize: "14px",
-    color: "#797979",
+    color: "var(--grey-700)",
     fontWeight: 600,
     textTransform: "capitalize"
   },
   "& .MuiDayCalendar-weekDayLabel": {
-    fontFamily: "Poppins, Open Sans, Helvetica, Arial, sans-serif",
+    fontFamily: "var(--primary-font-family)",
     fontSize: "12px",
-    color: "#797979",
+    color: "var(--grey-700)",
     fontWeight: 600
   }
 };
@@ -57561,26 +57574,26 @@ const datePickerInputStyles = {
   "& .MuiOutlinedInput-root": {
     "&:hover": {
       "& .MuiOutlinedInput-notchedOutline": {
-        borderColor: "#ACACAC"
+        borderColor: "var(--grey-500)"
       }
     },
     "&.Mui-focused": {
       "& .MuiOutlinedInput-notchedOutline": {
-        borderColor: "#252525"
+        borderColor: "var(--grey-900)"
       }
     },
     "&.Mui-disabled": {
       "& .MuiOutlinedInput-notchedOutline": {
-        borderColor: "#D7D7D7"
+        borderColor: "var(--grey-400)"
       }
     }
   }
 };
 const datePickerDayStyles = {
-  fontFamily: "Poppins, Open Sans, Helvetica, Arial, sans-serif",
+  fontFamily: "var(--primary-font-family)",
   fontSize: "12px",
   backgroundColor: "white",
-  color: "#252525",
+  color: "var(--grey-900)",
   borderRadius: "4px",
   "&.MuiPickerDay-root": {
     fontSize: "14px",
@@ -57588,25 +57601,25 @@ const datePickerDayStyles = {
   },
   "&.MuiPickerDay-today": {
     backgroundColor: "white",
-    color: "#252525",
-    border: "1px solid #252525"
+    color: "var(--grey-900)",
+    border: "1px solid var(--grey-900)"
   },
   "&.Mui-selected": {
-    backgroundColor: "#0066ff",
+    backgroundColor: "var(--primary-500)",
     color: "white",
     border: "none",
     "&:hover": {
-      backgroundColor: "#0066ff",
+      backgroundColor: "var(--primary-500)",
       borderColor: "none"
     },
     "&:focus": {
-      backgroundColor: "#0066ff",
+      backgroundColor: "var(--primary-500)",
       borderColor: "none"
     }
   },
   "&:hover:not(.Mui-selected)": {
-    color: "#252525",
-    backgroundColor: "#EDEDED",
+    color: "var(--grey-900)",
+    backgroundColor: "var(--grey-200)",
     borderColor: "none"
   }
 };
@@ -57618,27 +57631,27 @@ const datePickerDigitalClockStyles = {
       }
     },
     "& .MuiButtonBase-root.MuiMenuItem-root.MuiMenuItem-gutters": {
-      fontFamily: "Poppins, Open Sans, Helvetica, Arial, sans-serif",
+      fontFamily: "var(--primary-font-family)",
       backgroundColor: "white",
-      color: "#252525",
+      color: "var(--grey-900)",
       borderRadius: "4px",
       width: "32px",
       height: "32px",
       margin: "4px 0 0 4px",
       fontSize: " 14px",
       "&.Mui-selected": {
-        backgroundColor: "#0066ff",
+        backgroundColor: "var(--primary-500)",
         color: "white",
         "&:hover": {
-          backgroundColor: "#0066ff"
+          backgroundColor: "var(--primary-500)"
         },
         "&:focus": {
-          backgroundColor: "#0066ff"
+          backgroundColor: "var(--primary-500)"
         }
       },
       "&:hover:not(.Mui-selected)": {
-        color: "#252525",
-        backgroundColor: "#EDEDED"
+        color: "var(--grey-900)",
+        backgroundColor: "var(--grey-200)"
       }
     }
   }
@@ -57648,31 +57661,31 @@ const datePickerYearStyles = {
   // .MuiYearCalendar-button rendered directly inside .MuiYearCalendar-root
   "& .MuiYearCalendar-root": {
     "& .MuiYearCalendar-button": {
-      fontFamily: "Poppins, Open Sans, Helvetica, Arial, sans-serif",
+      fontFamily: "var(--primary-font-family)",
       fontSize: "14px",
       backgroundColor: "white",
-      color: "#252525",
+      color: "var(--grey-900)",
       borderRadius: "4px",
       "&.Mui-selected": {
-        backgroundColor: "#0066ff",
+        backgroundColor: "var(--primary-500)",
         color: "white",
         "&:hover": {
-          backgroundColor: "#0066ff"
+          backgroundColor: "var(--primary-500)"
         },
         "&:focus": {
-          backgroundColor: "#0066ff"
+          backgroundColor: "var(--primary-500)"
         }
       },
       "&:hover:not(.Mui-selected)": {
-        backgroundColor: "#EDEDED",
-        color: "#252525"
+        backgroundColor: "var(--primary-500)",
+        color: "var(--grey-900)"
       }
     }
   }
 };
 const datePickerPopperStyles = {
   "& .MuiPickerPopper-paper": {
-    boxShadow: "0px 5px 5px -3px rgb(205 205 205 / 20%), 0px 8px 14px 1px rgb(165 165 165 / 14%), 0px 3px 14px 2px rgb(219 219 219 / 6%)"
+    boxShadow: "var(--elevation-shadow)"
   }
 };
 const lg$8 = "datePicker-module_lg_lvvw6";
@@ -67421,8 +67434,8 @@ const WithTooltip = ({
           sx: {
             ...customSlotProps?.popper?.sx || {},
             [`&.${tooltipClasses.popper} .${tooltipClasses.tooltip}`]: {
-              fontFamily: "Poppins, Open Sans, Helvetica, Arial, sans-serif",
-              background: "rgba(102, 102, 102, 1)",
+              fontFamily: "var(--primary-font-family)",
+              background: "var(--grey-800)",
               padding: "9px 9px 8px 12px",
               fontSize: "12px",
               fontWeight: "400",
@@ -67431,7 +67444,7 @@ const WithTooltip = ({
               maxWidth: maxWidth2
             },
             [`&.${tooltipClasses.popper} .${tooltipClasses.arrow}`]: {
-              color: "rgba(102, 102, 102, 1)"
+              color: "var(--grey-800)"
             },
             [`&.${tooltipClasses.popper}[data-popper-placement*="top"] .${tooltipClasses.tooltip}`]: {
               marginBottom: "8px"
@@ -68313,8 +68326,8 @@ const MoreVertIcon = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
 }), "MoreVert");
 const menuPaperSx = (size2, maxItemsVisible) => ({
   "& .MuiPopover-paper": {
-    boxShadow: "0px 5px 5px -3px rgb(205 205 205 / 20%), 0px 8px 14px 1px rgb(165 165 165 / 14%), 0px 3px 14px 2px rgb(219 219 219 / 6%)",
-    border: "1px solid #D7D7D7",
+    boxShadow: "var(--elevation-shadow)",
+    border: "1px solid var(--border-default)",
     maxHeight: `${maxHeight(size2, maxItemsVisible)}px`
   }
 });
@@ -68344,7 +68357,7 @@ const styles$7 = {
   disabled: disabled$1
 };
 const menuItemSx = {
-  fontFamily: "Poppins, Open Sans, Helvetica, Arial, sans-serif",
+  fontFamily: "var(--primary-font-family)",
   fontSize: "14px",
   color: getColor("grey", "900"),
   "&.Mui-selected": { backgroundColor: getColor("grey", "100") },
@@ -72965,8 +72978,8 @@ const StyledMenu = styled(Menu$1, {
   "& .MuiPaper-root": {
     borderRadius: 4,
     marginTop: 1,
-    boxShadow: "0px 5px 5px -3px rgb(205 205 205 / 20%), 0px 8px 14px 1px rgb(165 165 165 / 14%), 0px 3px 14px 2px rgb(219 219 219 / 6%)",
-    border: "1px solid #D7D7D7",
+    boxShadow: "var(--elevation-shadow)",
+    border: "1px solid var(--border-default)",
     "& .MuiMenu-list": {
       padding: "4px 0"
     },