@producteca/producteca-ui-kit 1.70.0 → 1.71.1

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

@@ -31,39 +31,21 @@ const isDebugEnabled = () => DEBUG_ENVS.indexOf(readEnv() ?? "") !== -1;
 const logHandler = (component, handler, args) => {
   console.debug(`[producteca-ui-kit] ${component}.${handler} →`, ...args);
 };
-const MAX_DEPTH = 4;
-const isFunction$5 = (value) => typeof value === "function";
-const isHandlerKey = (key) => /^on[A-Z]/.test(key);
-const isReactElement = (value) => typeof value === "object" && value !== null && "$$typeof" in value;
-const isPlainObject$3 = (value) => {
-  if (typeof value !== "object" || value === null || isReactElement(value)) return false;
-  const proto = Object.getPrototypeOf(value);
-  return proto === Object.prototype || proto === null;
-};
-const wrapHandler = (fn3, componentName, path) => (...args) => {
-  logHandler(componentName, path, args);
-  return fn3(...args);
-};
-const wrapDeep = (value, componentName, path, depth) => {
-  if (depth > MAX_DEPTH) return value;
-  if (Array.isArray(value)) {
-    return value.map((item2, index2) => wrapDeep(item2, componentName, `${path}[${index2}]`, depth + 1));
-  }
-  if (isPlainObject$3(value)) {
-    const next2 = {};
-    for (const key of Object.keys(value)) {
-      const child = value[key];
-      const childPath = path ? `${path}.${key}` : key;
-      next2[key] = isHandlerKey(key) && isFunction$5(child) ? wrapHandler(child, componentName, childPath) : wrapDeep(child, componentName, childPath, depth + 1);
-    }
-    return next2;
-  }
-  return value;
-};
+const isHandlerProp = (key, value) => /^on[A-Z]/.test(key) && typeof value === "function";
 function withDebugHandlers(Component2, componentName) {
   if (!isDebugEnabled()) return Component2;
   const Wrapped = forwardRef((props, ref) => {
-    const next2 = wrapDeep(props, componentName, "", 0);
+    const source = props;
+    const next2 = { ...source };
+    for (const key of Object.keys(source)) {
+      const value = source[key];
+      if (isHandlerProp(key, value)) {
+        next2[key] = (...args) => {
+          logHandler(componentName, key, args);
+          return value(...args);
+        };
+      }
+    }
     const Cmp = Component2;
     return /* @__PURE__ */ jsx$1(Cmp, { ...next2, ...ref ? { ref } : {} });
   });
@@ -10032,7 +10014,7 @@ const ColorValues = map$2(allColors, "color");
 const Shades = map$2(Colors["grey"], (color2, shade) => shade);
 const Categories = map$2(Colors, (shades, category) => category);
 const isValidColor = (color2) => includes$1(ColorValues, color2);
-const CustomIconBase = ({
+const CustomIcon = ({
   color: color2 = getColor("grey", "500"),
   size: size2 = "16",
   sx,
@@ -10073,7 +10055,6 @@ const _translateSizeToFontSize = (size2) => {
   };
   return transform[size2] || transform["16"];
 };
-const CustomIcon = withDebugHandlers(CustomIconBase, "CustomIcon");
 const chip = "chip-module_chip_U3kfP";
 const title$8 = "chip-module_title_DARz9";
 const text = "chip-module_text_4xvju";
@@ -19807,7 +19788,7 @@ const columns: TableColumn<MyRow>[] = [
 const tableBodyExample = `
 ## Uso del componente
 
-\`Table.Body\` renderiza las filas de datos. Lee las columnas del contexto provisto por \`Table\`. Integra \`AsyncContent\` internamente, por lo que acepta las props de estado (\`isLoading\`, \`error\`, \`empty\`, \`success\`) para mostrar el loader, el error o el estado vacío dentro de la tabla.
+\`Table.Body\` renderiza las filas de datos. Lee las columnas del contexto provisto por \`Table\`. Cuando \`data\` está vacío muestra un \`EmptyState\` con \`emptyMessage\`.
 
 ### Ejemplo básico:
 
@@ -19817,15 +19798,13 @@ const tableBodyExample = `
 </Table>
 \`\`\`
 
-### Con estados asíncronos:
+### Estado vacío personalizado:
 
 \`\`\`tsx
 <Table columns={columns}>
-  <Table.Header />
   <Table.Body
-    data={rows}
-    isLoading={isLoading}
-    empty={{ text: 'No hay datos', actionText: 'Cargar', onClick: loadData }}
+    data={[]}
+    emptyMessage="No encontramos resultados para tu búsqueda"
   />
 </Table>
 \`\`\`
@@ -19859,28 +19838,6 @@ const columns: TableColumn<MyRow>[] = [
 ]
 \`\`\`
 `;
-const tableAsyncContentExample = `
-\`Table.Body\` integra \`AsyncContent\` internamente: recibe las mismas props de estado (\`isLoading\`, \`error\`, \`empty\`, \`success\`) y resuelve el loader, el error y el estado vacío **dentro** de la tabla, sin desmontar el \`Table.Header\`.
-
-El estado vacío se deriva de \`data\` (no hace falta pasar \`items\`). Cuando hay filas y no hay carga/error, se renderizan las filas normalmente.
-
-### Ejemplo:
-
-\`\`\`tsx
-<Table columns={columns}>
-  <Table.Header />
-  <Table.Body
-    data={rows}
-    isLoading={isLoading}
-    empty={{
-      text: 'No hay datos disponibles',
-      actionText: 'Cargar datos',
-      onClick: loadData,
-    }}
-  />
-</Table>
-\`\`\`
-`;
 const spinnerExample = `
 ## Uso del componente
 
@@ -20159,8 +20116,7 @@ const es$3 = {
       example: spinnerExample
     },
     table: {
-      example: tableExample,
-      asyncContent: tableAsyncContentExample
+      example: tableExample
     },
     tableHeader: {
       example: tableHeaderExample
@@ -21015,287 +20971,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 };
@@ -65674,7 +65636,7 @@ const _convertValueToOption = (value) => {
   if (!value) return null;
   return { value, label: value };
 };
-const SearcherBase = (props) => {
+const Searcher = (props) => {
   const {
     name,
     label: label2,
@@ -65864,7 +65826,6 @@ const SearcherBase = (props) => {
     )
   ] });
 };
-const Searcher = withDebugHandlers(SearcherBase, "Searcher");
 const title$5 = "switchInput-module_title_lBK2p";
 const disabled$4 = "switchInput-module_disabled_yz9dR";
 const lg$5 = "switchInput-module_lg_WMIDO";
@@ -66246,7 +66207,7 @@ const Check = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
 const ContentCopy = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
   d: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2m0 16H8V7h11z"
 }), "ContentCopy");
-const CopyButtonBase = ({
+const CopyButton = ({
   onClick,
   copyText = locale("copyButton.copy"),
   copiedText = locale("copyButton.copied"),
@@ -66290,7 +66251,6 @@ const Icons = ({ copied }) => /* @__PURE__ */ jsxs("div", { className: "copy-btn
   /* @__PURE__ */ jsx$1("div", { className: `copy-icon ${copied ? "hidden" : ""}`, children: /* @__PURE__ */ jsx$1(ContentCopy, { "data-testid": "ContentCopyIcon" }) }),
   /* @__PURE__ */ jsx$1("div", { className: `check-icon ${!copied ? "hidden" : ""}`, children: /* @__PURE__ */ jsx$1(Check, {}) })
 ] });
-const CopyButton = withDebugHandlers(CopyButtonBase, "CopyButton");
 const dense = "headerSection-module_dense_f1FWn";
 const content = "headerSection-module_content_5y2PB";
 const title$4 = "headerSection-module_title_cabYm";
@@ -68285,14 +68245,13 @@ const BreadcrumbItemComponent = ({ item: item2, index: index2, items }) => {
     " "
   ] });
 };
-const BreadcrumbBase = ({
+const Breadcrumb = ({
   items,
   className,
   ...otherProps
 }) => {
   return /* @__PURE__ */ jsx$1("nav", { className: clsx(styles$8["breadcrumb"], className), "aria-label": "Breadcrumb", ...otherProps, children: map$2(items, (item2, index2) => /* @__PURE__ */ jsx$1(BreadcrumbItemComponent, { item: item2, index: index2, items }, index2)) });
 };
-const Breadcrumb = withDebugHandlers(BreadcrumbBase, "Breadcrumb");
 const MoreVertIcon = createSvgIcon(/* @__PURE__ */ jsx$1("path", {
   d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"
 }), "MoreVert");
@@ -77224,23 +77183,12 @@ const styles = {
   "header-row": "table-module_header-row_ry6Lv",
   "body-row": "table-module_body-row_OMOX0",
   "header-cell": "table-module_header-cell_0FEWz",
-  "body-cell": "table-module_body-cell_p4019",
-  "body-async": "table-module_body-async_21Z7L"
+  "body-cell": "table-module_body-cell_p4019"
 };
-const TableBody = ({ data, isLoading, error: error2, empty, success: success2 }) => {
+const TableBody = ({ data, emptyMessage }) => {
   const columns = useContext(TableContext);
-  const showContent = !isLoading && !error2?.value && !success2?.value && data.length > 0;
-  if (!showContent) {
-    return /* @__PURE__ */ jsx$1("tbody", { children: /* @__PURE__ */ jsx$1("tr", { children: /* @__PURE__ */ jsx$1("td", { colSpan: columns.length, className: styles["body-async"], children: /* @__PURE__ */ jsx$1(
-      AsyncContent,
-      {
-        isLoading,
-        error: error2,
-        success: success2,
-        empty: { ...empty, items: data },
-        children: /* @__PURE__ */ jsx$1(Fragment$1, {})
-      }
-    ) }) }) });
+  if (data.length === 0) {
+    return /* @__PURE__ */ jsx$1("tbody", { children: /* @__PURE__ */ jsx$1("tr", { children: /* @__PURE__ */ jsx$1("td", { colSpan: columns.length, children: /* @__PURE__ */ jsx$1(EmptyState, { text: emptyMessage }) }) }) });
   }
   return /* @__PURE__ */ jsx$1("tbody", { children: data.map((row, rowIndex) => /* @__PURE__ */ jsx$1("tr", { className: styles["body-row"], children: columns.map((col) => {
     const value = row[col.key];