npm - @dovetail-v2/refine - Versions diffs - 0.0.64 → 0.0.65 - Mend

@dovetail-v2/refine 0.0.64 → 0.0.65

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/{MonacoYamlDiffEditor-c863e3f0.js → MonacoYamlDiffEditor-da40ae05.js} +1 -1
package/dist/{index-7523291c.js → index-cd2b9e5c.js} +416 -462
package/dist/refine.js +1 -1
package/dist/refine.umd.cjs +386 -432
package/package.json +5 -5

package/dist/{index-7523291c.js → index-cd2b9e5c.js} RENAMED Viewed

@@ -10,7 +10,7 @@ import React__default, { createElement, isValidElement, cloneElement, Children,
 import { ResourceContext, matchResourceFromRoute, useResource, useDelete, useNavigation, useBreadcrumb, useList, useParsed, useGo, useCan, useTable, useDeleteMany, CanAccess, useShow, useUpdate, useDataProvider, useRefineContext, useTranslate, useWarnAboutChange, useForm as useForm$2, flattenObjectKeys, pickNotDeprecated, useMenu, Refine } from "@refinedev/core";
 import { parse, stringify } from "qs";
 import { useLocation, useHistory, useParams, matchPath, Link, Route, NavLink, Router } from "react-router-dom";
-import { Typo, Tag, useUIKit, kitContext, OverflowTooltip, Tooltip, StatusCapsule, usePushModal, Icon as Icon$1, Link as Link$1, Button, usePopModal, Loading, Divider, Fields, Space, Form, Modal, Select, AntdOption, useMessage, ModalStack, KitStoreProvider } from "@cloudtower/eagle";
+import { Typo, Tag, Input, Select, AntdOption, Button, Form, Space, TextArea, kitContext, Loading, Table as Table$1, Pagination, OverflowTooltip, StatusCapsule, Tooltip, usePushModal, Dropdown, Menu as Menu$1, Icon as Icon$1, Divider, Modal, Link as Link$1, Tabs as Tabs$1, TabsTabPane, Row, Col, Alert, usePopModal, Fields, DonutChart, SegmentControl, Checkbox, SearchInput, Token, AntdSelectOptGroup, MenuItemGroup, Layout as Layout$1, Time as Time$1, useMessage, ModalStack, KitStoreProvider } from "@cloudtower/eagle";
 import { EditPen16PrimaryIcon, Download16GradientBlueIcon, TrashBinDelete16Icon, MoreEllipsis324BoldSecondaryIcon, MoreEllipsis324BoldBlueIcon, MoreEllipsis316BoldBlueIcon, PlusAddCreateNew16BoldOntintIcon, ArrowChevronLeft16BoldTertiaryIcon, ArrowChevronLeftSmall16BoldBlueIcon, EditPen16GradientBlueIcon, ViewEye16GradientGrayIcon, EntityFilterIgnoreGradient16GrayIcon, RecoverContinue16GradientBlueIcon, SuspendedPause16GradientBlueIcon, Retry16GradientBlueIcon, HierarchyTriangleRight16GrayIcon, HierarchyTriangleRight16BlueIcon, ClipboardCopy16GradientGrayIcon, ClipboardCopy16GradientBlueIcon, Retry16GradientGrayIcon, EditPen16GradientGrayIcon, Showdiff16GradientGrayIcon, Showdiff16GradientBlueIcon, XmarkFailedSeriousWarningFill16RedIcon, ExclamationErrorCircleFill16RedIcon, Pause16GradientBlueIcon } from "@cloudtower/icons-react";
 import { omit as omit$1, merge, get as get$3, first, debounce, last, isObject as isObject$4, keyBy } from "lodash-es";
 import yaml from "js-yaml";
@@ -25,308 +25,301 @@ function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
 var dayjs_min = { exports: {} };
-var hasRequiredDayjs_min;
-function requireDayjs_min() {
-  if (hasRequiredDayjs_min)
-    return dayjs_min.exports;
-  hasRequiredDayjs_min = 1;
-  (function(module, exports) {
-    !function(t2, e2) {
-      module.exports = e2();
-    }(commonjsGlobal, function() {
-      var t2 = 1e3, e2 = 6e4, n2 = 36e5, r2 = "millisecond", i2 = "second", s2 = "minute", u = "hour", a2 = "day", o = "week", c2 = "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(t3) {
-        var e3 = ["th", "st", "nd", "rd"], n3 = t3 % 100;
-        return "[" + t3 + (e3[(n3 - 20) % 10] || e3[n3] || e3[0]) + "]";
-      } }, m = function(t3, e3, n3) {
-        var r3 = String(t3);
-        return !r3 || r3.length >= e3 ? t3 : "" + Array(e3 + 1 - r3.length).join(n3) + t3;
-      }, v = { s: m, z: function(t3) {
-        var e3 = -t3.utcOffset(), n3 = Math.abs(e3), r3 = Math.floor(n3 / 60), i3 = n3 % 60;
-        return (e3 <= 0 ? "+" : "-") + m(r3, 2, "0") + ":" + m(i3, 2, "0");
-      }, m: function t3(e3, n3) {
-        if (e3.date() < n3.date())
-          return -t3(n3, e3);
-        var r3 = 12 * (n3.year() - e3.year()) + (n3.month() - e3.month()), i3 = e3.clone().add(r3, c2), s3 = n3 - i3 < 0, u2 = e3.clone().add(r3 + (s3 ? -1 : 1), c2);
-        return +(-(r3 + (n3 - i3) / (s3 ? i3 - u2 : u2 - i3)) || 0);
-      }, a: function(t3) {
-        return t3 < 0 ? Math.ceil(t3) || 0 : Math.floor(t3);
-      }, p: function(t3) {
-        return { M: c2, y: h, w: o, d: a2, D: d, h: u, m: s2, s: i2, ms: r2, Q: f }[t3] || String(t3 || "").toLowerCase().replace(/s$/, "");
-      }, u: function(t3) {
-        return void 0 === t3;
-      } }, g = "en", D = {};
-      D[g] = M;
-      var p = "$isDayjsObject", S = function(t3) {
-        return t3 instanceof _ || !(!t3 || !t3[p]);
-      }, w = function t3(e3, n3, r3) {
-        var i3;
-        if (!e3)
-          return g;
-        if ("string" == typeof e3) {
-          var s3 = e3.toLowerCase();
-          D[s3] && (i3 = s3), n3 && (D[s3] = n3, i3 = s3);
-          var u2 = e3.split("-");
-          if (!i3 && u2.length > 1)
-            return t3(u2[0]);
-        } else {
-          var a3 = e3.name;
-          D[a3] = e3, i3 = a3;
-        }
-        return !r3 && i3 && (g = i3), i3 || !r3 && g;
-      }, O = function(t3, e3) {
-        if (S(t3))
-          return t3.clone();
-        var n3 = "object" == typeof e3 ? e3 : {};
-        return n3.date = t3, n3.args = arguments, new _(n3);
-      }, b = v;
-      b.l = w, b.i = S, b.w = function(t3, e3) {
-        return O(t3, { locale: e3.$L, utc: e3.$u, x: e3.$x, $offset: e3.$offset });
-      };
-      var _ = function() {
-        function M2(t3) {
-          this.$L = w(t3.locale, null, true), this.parse(t3), this.$x = this.$x || t3.x || {}, this[p] = true;
-        }
-        var m2 = M2.prototype;
-        return m2.parse = function(t3) {
-          this.$d = function(t4) {
-            var e3 = t4.date, n3 = t4.utc;
-            if (null === e3)
-              return /* @__PURE__ */ new Date(NaN);
-            if (b.u(e3))
-              return /* @__PURE__ */ new Date();
-            if (e3 instanceof Date)
-              return new Date(e3);
-            if ("string" == typeof e3 && !/Z$/i.test(e3)) {
-              var r3 = e3.match($);
-              if (r3) {
-                var i3 = r3[2] - 1 || 0, s3 = (r3[7] || "0").substring(0, 3);
-                return n3 ? new Date(Date.UTC(r3[1], i3, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s3)) : new Date(r3[1], i3, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s3);
-              }
-            }
+(function(module, exports) {
+  !function(t2, e2) {
+    module.exports = e2();
+  }(commonjsGlobal, function() {
+    var t2 = 1e3, e2 = 6e4, n2 = 36e5, r2 = "millisecond", i2 = "second", s2 = "minute", u = "hour", a2 = "day", o = "week", c2 = "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(t3) {
+      var e3 = ["th", "st", "nd", "rd"], n3 = t3 % 100;
+      return "[" + t3 + (e3[(n3 - 20) % 10] || e3[n3] || e3[0]) + "]";
+    } }, m = function(t3, e3, n3) {
+      var r3 = String(t3);
+      return !r3 || r3.length >= e3 ? t3 : "" + Array(e3 + 1 - r3.length).join(n3) + t3;
+    }, v = { s: m, z: function(t3) {
+      var e3 = -t3.utcOffset(), n3 = Math.abs(e3), r3 = Math.floor(n3 / 60), i3 = n3 % 60;
+      return (e3 <= 0 ? "+" : "-") + m(r3, 2, "0") + ":" + m(i3, 2, "0");
+    }, m: function t3(e3, n3) {
+      if (e3.date() < n3.date())
+        return -t3(n3, e3);
+      var r3 = 12 * (n3.year() - e3.year()) + (n3.month() - e3.month()), i3 = e3.clone().add(r3, c2), s3 = n3 - i3 < 0, u2 = e3.clone().add(r3 + (s3 ? -1 : 1), c2);
+      return +(-(r3 + (n3 - i3) / (s3 ? i3 - u2 : u2 - i3)) || 0);
+    }, a: function(t3) {
+      return t3 < 0 ? Math.ceil(t3) || 0 : Math.floor(t3);
+    }, p: function(t3) {
+      return { M: c2, y: h, w: o, d: a2, D: d, h: u, m: s2, s: i2, ms: r2, Q: f }[t3] || String(t3 || "").toLowerCase().replace(/s$/, "");
+    }, u: function(t3) {
+      return void 0 === t3;
+    } }, g = "en", D = {};
+    D[g] = M;
+    var p = "$isDayjsObject", S = function(t3) {
+      return t3 instanceof _ || !(!t3 || !t3[p]);
+    }, w = function t3(e3, n3, r3) {
+      var i3;
+      if (!e3)
+        return g;
+      if ("string" == typeof e3) {
+        var s3 = e3.toLowerCase();
+        D[s3] && (i3 = s3), n3 && (D[s3] = n3, i3 = s3);
+        var u2 = e3.split("-");
+        if (!i3 && u2.length > 1)
+          return t3(u2[0]);
+      } else {
+        var a3 = e3.name;
+        D[a3] = e3, i3 = a3;
+      }
+      return !r3 && i3 && (g = i3), i3 || !r3 && g;
+    }, O = function(t3, e3) {
+      if (S(t3))
+        return t3.clone();
+      var n3 = "object" == typeof e3 ? e3 : {};
+      return n3.date = t3, n3.args = arguments, new _(n3);
+    }, b = v;
+    b.l = w, b.i = S, b.w = function(t3, e3) {
+      return O(t3, { locale: e3.$L, utc: e3.$u, x: e3.$x, $offset: e3.$offset });
+    };
+    var _ = function() {
+      function M2(t3) {
+        this.$L = w(t3.locale, null, true), this.parse(t3), this.$x = this.$x || t3.x || {}, this[p] = true;
+      }
+      var m2 = M2.prototype;
+      return m2.parse = function(t3) {
+        this.$d = function(t4) {
+          var e3 = t4.date, n3 = t4.utc;
+          if (null === e3)
+            return /* @__PURE__ */ new Date(NaN);
+          if (b.u(e3))
+            return /* @__PURE__ */ new Date();
+          if (e3 instanceof Date)
             return new Date(e3);
-          }(t3), this.init();
-        }, m2.init = function() {
-          var t3 = this.$d;
-          this.$y = t3.getFullYear(), this.$M = t3.getMonth(), this.$D = t3.getDate(), this.$W = t3.getDay(), this.$H = t3.getHours(), this.$m = t3.getMinutes(), this.$s = t3.getSeconds(), this.$ms = t3.getMilliseconds();
-        }, m2.$utils = function() {
-          return b;
-        }, m2.isValid = function() {
-          return !(this.$d.toString() === l);
-        }, m2.isSame = function(t3, e3) {
-          var n3 = O(t3);
-          return this.startOf(e3) <= n3 && n3 <= this.endOf(e3);
-        }, m2.isAfter = function(t3, e3) {
-          return O(t3) < this.startOf(e3);
-        }, m2.isBefore = function(t3, e3) {
-          return this.endOf(e3) < O(t3);
-        }, m2.$g = function(t3, e3, n3) {
-          return b.u(t3) ? this[e3] : this.set(n3, t3);
-        }, m2.unix = function() {
-          return Math.floor(this.valueOf() / 1e3);
-        }, m2.valueOf = function() {
-          return this.$d.getTime();
-        }, m2.startOf = function(t3, e3) {
-          var n3 = this, r3 = !!b.u(e3) || e3, f2 = b.p(t3), l2 = function(t4, e4) {
-            var i3 = b.w(n3.$u ? Date.UTC(n3.$y, e4, t4) : new Date(n3.$y, e4, t4), n3);
-            return r3 ? i3 : i3.endOf(a2);
-          }, $2 = function(t4, e4) {
-            return b.w(n3.toDate()[t4].apply(n3.toDate("s"), (r3 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e4)), n3);
-          }, 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 c2:
-              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 a2:
-            case d:
-              return $2(v2 + "Hours", 0);
-            case u:
-              return $2(v2 + "Minutes", 1);
-            case s2:
-              return $2(v2 + "Seconds", 2);
-            case i2:
-              return $2(v2 + "Milliseconds", 3);
-            default:
-              return this.clone();
-          }
-        }, m2.endOf = function(t3) {
-          return this.startOf(t3, false);
-        }, m2.$set = function(t3, e3) {
-          var n3, o2 = b.p(t3), f2 = "set" + (this.$u ? "UTC" : ""), l2 = (n3 = {}, n3[a2] = f2 + "Date", n3[d] = f2 + "Date", n3[c2] = f2 + "Month", n3[h] = f2 + "FullYear", n3[u] = f2 + "Hours", n3[s2] = f2 + "Minutes", n3[i2] = f2 + "Seconds", n3[r2] = f2 + "Milliseconds", n3)[o2], $2 = o2 === a2 ? this.$D + (e3 - this.$W) : e3;
-          if (o2 === c2 || 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(t3, e3) {
-          return this.clone().$set(t3, e3);
-        }, m2.get = function(t3) {
-          return this[b.p(t3)]();
-        }, m2.add = function(r3, f2) {
-          var d2, l2 = this;
-          r3 = Number(r3);
-          var $2 = b.p(f2), y2 = function(t3) {
-            var e3 = O(l2);
-            return b.w(e3.date(e3.date() + Math.round(t3 * r3)), l2);
-          };
-          if ($2 === c2)
-            return this.set(c2, this.$M + r3);
-          if ($2 === h)
-            return this.set(h, this.$y + r3);
-          if ($2 === a2)
-            return y2(1);
-          if ($2 === o)
-            return y2(7);
-          var M3 = (d2 = {}, d2[s2] = e2, d2[u] = n2, d2[i2] = t2, d2)[$2] || 1, m3 = this.$d.getTime() + r3 * M3;
-          return b.w(m3, this);
-        }, m2.subtract = function(t3, e3) {
-          return this.add(-1 * t3, e3);
-        }, m2.format = function(t3) {
-          var e3 = this, n3 = this.$locale();
-          if (!this.isValid())
-            return n3.invalidDate || l;
-          var r3 = t3 || "YYYY-MM-DDTHH:mm:ssZ", i3 = b.z(this), s3 = this.$H, u2 = this.$m, a3 = this.$M, o2 = n3.weekdays, c3 = n3.months, f2 = n3.meridiem, h2 = function(t4, n4, i4, s4) {
-            return t4 && (t4[n4] || t4(e3, r3)) || i4[n4].slice(0, s4);
-          }, d2 = function(t4) {
-            return b.s(s3 % 12 || 12, t4, "0");
-          }, $2 = f2 || function(t4, e4, n4) {
-            var r4 = t4 < 12 ? "AM" : "PM";
-            return n4 ? r4.toLowerCase() : r4;
-          };
-          return r3.replace(y, function(t4, r4) {
-            return r4 || function(t5) {
-              switch (t5) {
-                case "YY":
-                  return String(e3.$y).slice(-2);
-                case "YYYY":
-                  return b.s(e3.$y, 4, "0");
-                case "M":
-                  return a3 + 1;
-                case "MM":
-                  return b.s(a3 + 1, 2, "0");
-                case "MMM":
-                  return h2(n3.monthsShort, a3, c3, 3);
-                case "MMMM":
-                  return h2(c3, a3);
-                case "D":
-                  return e3.$D;
-                case "DD":
-                  return b.s(e3.$D, 2, "0");
-                case "d":
-                  return String(e3.$W);
-                case "dd":
-                  return h2(n3.weekdaysMin, e3.$W, o2, 2);
-                case "ddd":
-                  return h2(n3.weekdaysShort, e3.$W, o2, 3);
-                case "dddd":
-                  return o2[e3.$W];
-                case "H":
-                  return String(s3);
-                case "HH":
-                  return b.s(s3, 2, "0");
-                case "h":
-                  return d2(1);
-                case "hh":
-                  return d2(2);
-                case "a":
-                  return $2(s3, u2, true);
-                case "A":
-                  return $2(s3, u2, false);
-                case "m":
-                  return String(u2);
-                case "mm":
-                  return b.s(u2, 2, "0");
-                case "s":
-                  return String(e3.$s);
-                case "ss":
-                  return b.s(e3.$s, 2, "0");
-                case "SSS":
-                  return b.s(e3.$ms, 3, "0");
-                case "Z":
-                  return i3;
-              }
-              return null;
-            }(t4) || i3.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()) * e2, g2 = this - m3, D2 = function() {
-            return b.m(y2, m3);
-          };
-          switch (M3) {
-            case h:
-              $2 = D2() / 12;
-              break;
-            case c2:
-              $2 = D2();
-              break;
-            case f:
-              $2 = D2() / 3;
-              break;
-            case o:
-              $2 = (g2 - v2) / 6048e5;
-              break;
-            case a2:
-              $2 = (g2 - v2) / 864e5;
-              break;
-            case u:
-              $2 = g2 / n2;
-              break;
-            case s2:
-              $2 = g2 / e2;
-              break;
-            case i2:
-              $2 = g2 / t2;
-              break;
-            default:
-              $2 = g2;
-          }
-          return l2 ? $2 : b.a($2);
-        }, m2.daysInMonth = function() {
-          return this.endOf(c2).$D;
-        }, m2.$locale = function() {
-          return D[this.$L];
-        }, m2.locale = function(t3, e3) {
-          if (!t3)
-            return this.$L;
-          var n3 = this.clone(), r3 = w(t3, e3, true);
-          return r3 && (n3.$L = r3), n3;
-        }, 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", i2], ["$m", s2], ["$H", u], ["$W", a2], ["$M", c2], ["$y", h], ["$D", d]].forEach(function(t3) {
-        k[t3[1]] = function(e3) {
-          return this.$g(e3, t3[0], t3[1]);
+          if ("string" == typeof e3 && !/Z$/i.test(e3)) {
+            var r3 = e3.match($);
+            if (r3) {
+              var i3 = r3[2] - 1 || 0, s3 = (r3[7] || "0").substring(0, 3);
+              return n3 ? new Date(Date.UTC(r3[1], i3, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s3)) : new Date(r3[1], i3, r3[3] || 1, r3[4] || 0, r3[5] || 0, r3[6] || 0, s3);
+            }
+          }
+          return new Date(e3);
+        }(t3), this.init();
+      }, m2.init = function() {
+        var t3 = this.$d;
+        this.$y = t3.getFullYear(), this.$M = t3.getMonth(), this.$D = t3.getDate(), this.$W = t3.getDay(), this.$H = t3.getHours(), this.$m = t3.getMinutes(), this.$s = t3.getSeconds(), this.$ms = t3.getMilliseconds();
+      }, m2.$utils = function() {
+        return b;
+      }, m2.isValid = function() {
+        return !(this.$d.toString() === l);
+      }, m2.isSame = function(t3, e3) {
+        var n3 = O(t3);
+        return this.startOf(e3) <= n3 && n3 <= this.endOf(e3);
+      }, m2.isAfter = function(t3, e3) {
+        return O(t3) < this.startOf(e3);
+      }, m2.isBefore = function(t3, e3) {
+        return this.endOf(e3) < O(t3);
+      }, m2.$g = function(t3, e3, n3) {
+        return b.u(t3) ? this[e3] : this.set(n3, t3);
+      }, m2.unix = function() {
+        return Math.floor(this.valueOf() / 1e3);
+      }, m2.valueOf = function() {
+        return this.$d.getTime();
+      }, m2.startOf = function(t3, e3) {
+        var n3 = this, r3 = !!b.u(e3) || e3, f2 = b.p(t3), l2 = function(t4, e4) {
+          var i3 = b.w(n3.$u ? Date.UTC(n3.$y, e4, t4) : new Date(n3.$y, e4, t4), n3);
+          return r3 ? i3 : i3.endOf(a2);
+        }, $2 = function(t4, e4) {
+          return b.w(n3.toDate()[t4].apply(n3.toDate("s"), (r3 ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(e4)), n3);
+        }, 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 c2:
+            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 a2:
+          case d:
+            return $2(v2 + "Hours", 0);
+          case u:
+            return $2(v2 + "Minutes", 1);
+          case s2:
+            return $2(v2 + "Seconds", 2);
+          case i2:
+            return $2(v2 + "Milliseconds", 3);
+          default:
+            return this.clone();
+        }
+      }, m2.endOf = function(t3) {
+        return this.startOf(t3, false);
+      }, m2.$set = function(t3, e3) {
+        var n3, o2 = b.p(t3), f2 = "set" + (this.$u ? "UTC" : ""), l2 = (n3 = {}, n3[a2] = f2 + "Date", n3[d] = f2 + "Date", n3[c2] = f2 + "Month", n3[h] = f2 + "FullYear", n3[u] = f2 + "Hours", n3[s2] = f2 + "Minutes", n3[i2] = f2 + "Seconds", n3[r2] = f2 + "Milliseconds", n3)[o2], $2 = o2 === a2 ? this.$D + (e3 - this.$W) : e3;
+        if (o2 === c2 || 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(t3, e3) {
+        return this.clone().$set(t3, e3);
+      }, m2.get = function(t3) {
+        return this[b.p(t3)]();
+      }, m2.add = function(r3, f2) {
+        var d2, l2 = this;
+        r3 = Number(r3);
+        var $2 = b.p(f2), y2 = function(t3) {
+          var e3 = O(l2);
+          return b.w(e3.date(e3.date() + Math.round(t3 * r3)), l2);
         };
-      }), O.extend = function(t3, e3) {
-        return t3.$i || (t3(e3, _, O), t3.$i = true), O;
-      }, O.locale = w, O.isDayjs = S, O.unix = function(t3) {
-        return O(1e3 * t3);
-      }, O.en = D[g], O.Ls = D, O.p = {}, O;
-    });
-  })(dayjs_min);
-  return dayjs_min.exports;
-}
-var dayjs_minExports = requireDayjs_min();
+        if ($2 === c2)
+          return this.set(c2, this.$M + r3);
+        if ($2 === h)
+          return this.set(h, this.$y + r3);
+        if ($2 === a2)
+          return y2(1);
+        if ($2 === o)
+          return y2(7);
+        var M3 = (d2 = {}, d2[s2] = e2, d2[u] = n2, d2[i2] = t2, d2)[$2] || 1, m3 = this.$d.getTime() + r3 * M3;
+        return b.w(m3, this);
+      }, m2.subtract = function(t3, e3) {
+        return this.add(-1 * t3, e3);
+      }, m2.format = function(t3) {
+        var e3 = this, n3 = this.$locale();
+        if (!this.isValid())
+          return n3.invalidDate || l;
+        var r3 = t3 || "YYYY-MM-DDTHH:mm:ssZ", i3 = b.z(this), s3 = this.$H, u2 = this.$m, a3 = this.$M, o2 = n3.weekdays, c3 = n3.months, f2 = n3.meridiem, h2 = function(t4, n4, i4, s4) {
+          return t4 && (t4[n4] || t4(e3, r3)) || i4[n4].slice(0, s4);
+        }, d2 = function(t4) {
+          return b.s(s3 % 12 || 12, t4, "0");
+        }, $2 = f2 || function(t4, e4, n4) {
+          var r4 = t4 < 12 ? "AM" : "PM";
+          return n4 ? r4.toLowerCase() : r4;
+        };
+        return r3.replace(y, function(t4, r4) {
+          return r4 || function(t5) {
+            switch (t5) {
+              case "YY":
+                return String(e3.$y).slice(-2);
+              case "YYYY":
+                return b.s(e3.$y, 4, "0");
+              case "M":
+                return a3 + 1;
+              case "MM":
+                return b.s(a3 + 1, 2, "0");
+              case "MMM":
+                return h2(n3.monthsShort, a3, c3, 3);
+              case "MMMM":
+                return h2(c3, a3);
+              case "D":
+                return e3.$D;
+              case "DD":
+                return b.s(e3.$D, 2, "0");
+              case "d":
+                return String(e3.$W);
+              case "dd":
+                return h2(n3.weekdaysMin, e3.$W, o2, 2);
+              case "ddd":
+                return h2(n3.weekdaysShort, e3.$W, o2, 3);
+              case "dddd":
+                return o2[e3.$W];
+              case "H":
+                return String(s3);
+              case "HH":
+                return b.s(s3, 2, "0");
+              case "h":
+                return d2(1);
+              case "hh":
+                return d2(2);
+              case "a":
+                return $2(s3, u2, true);
+              case "A":
+                return $2(s3, u2, false);
+              case "m":
+                return String(u2);
+              case "mm":
+                return b.s(u2, 2, "0");
+              case "s":
+                return String(e3.$s);
+              case "ss":
+                return b.s(e3.$s, 2, "0");
+              case "SSS":
+                return b.s(e3.$ms, 3, "0");
+              case "Z":
+                return i3;
+            }
+            return null;
+          }(t4) || i3.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()) * e2, g2 = this - m3, D2 = function() {
+          return b.m(y2, m3);
+        };
+        switch (M3) {
+          case h:
+            $2 = D2() / 12;
+            break;
+          case c2:
+            $2 = D2();
+            break;
+          case f:
+            $2 = D2() / 3;
+            break;
+          case o:
+            $2 = (g2 - v2) / 6048e5;
+            break;
+          case a2:
+            $2 = (g2 - v2) / 864e5;
+            break;
+          case u:
+            $2 = g2 / n2;
+            break;
+          case s2:
+            $2 = g2 / e2;
+            break;
+          case i2:
+            $2 = g2 / t2;
+            break;
+          default:
+            $2 = g2;
+        }
+        return l2 ? $2 : b.a($2);
+      }, m2.daysInMonth = function() {
+        return this.endOf(c2).$D;
+      }, m2.$locale = function() {
+        return D[this.$L];
+      }, m2.locale = function(t3, e3) {
+        if (!t3)
+          return this.$L;
+        var n3 = this.clone(), r3 = w(t3, e3, true);
+        return r3 && (n3.$L = r3), n3;
+      }, 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", i2], ["$m", s2], ["$H", u], ["$W", a2], ["$M", c2], ["$y", h], ["$D", d]].forEach(function(t3) {
+      k[t3[1]] = function(e3) {
+        return this.$g(e3, t3[0], t3[1]);
+      };
+    }), O.extend = function(t3, e3) {
+      return t3.$i || (t3(e3, _, O), t3.$i = true), O;
+    }, O.locale = w, O.isDayjs = S, O.unix = function(t3) {
+      return O(1e3 * t3);
+    }, O.en = D[g], O.Ls = D, O.p = {}, O;
+  });
+})(dayjs_min);
+var dayjs_minExports = dayjs_min.exports;
 const dayjs = /* @__PURE__ */ getDefaultExportFromCjs(dayjs_minExports);
 var zh = { exports: {} };
 (function(module, exports) {
   !function(e2, _) {
-    module.exports = _(requireDayjs_min());
+    module.exports = _(dayjs_minExports);
   }(commonjsGlobal, function(e2) {
     function _(e3) {
       return e3 && "object" == typeof e3 && "default" in e3 ? e3 : { default: e3 };
@@ -8326,9 +8319,8 @@ function Breadcrumb(props) {
   });
 }
 function NameInputWidget(props) {
-  const kit = useUIKit();
   const { action } = useResource();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.input, { ...props, disabled: action === "edit" });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { ...props, disabled: action === "edit" });
 }
 const dnsSubDomainRules = [
   {
@@ -8373,7 +8365,6 @@ const rfc1035LabelRules = [
   }
 ];
 function NamespaceSelectWidget(props) {
-  const kit = useUIKit();
   const { action } = useResource();
   const { data: data2 } = useList({
     resource: "namespaces",
@@ -8385,7 +8376,7 @@ function NamespaceSelectWidget(props) {
       mode: "off"
     }
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.select, { input: props, disabled: action === "edit", children: data2 == null ? void 0 : data2.data.map((namespace2) => /* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, { value: namespace2.metadata.name, children: namespace2.metadata.name }, namespace2.metadata.name)) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Select, { input: props, disabled: action === "edit", children: data2 == null ? void 0 : data2.data.map((namespace2) => /* @__PURE__ */ jsxRuntimeExports.jsx(AntdOption, { value: namespace2.metadata.name, children: namespace2.metadata.name }, namespace2.metadata.name)) });
 }
 const namespaceRules = [
   {
@@ -8395,7 +8386,6 @@ const namespaceRules = [
 ];
 function KeyValueInput(props) {
   const { children, item } = props;
-  const kit = useUIKit();
   const onKeyChange = useCallback(
     (event2) => {
       var _a;
@@ -8418,14 +8408,13 @@ function KeyValueInput(props) {
     },
     [item, props]
   );
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(kit.input, { value: item.key, onChange: onKeyChange }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(kit.textArea, { value: item.value, onChange: onValueChange }),
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Input, { value: item.key, onChange: onKeyChange }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(TextArea, { value: item.value, onChange: onValueChange }),
     children
   ] });
 }
 function KeyValueListWidget(props) {
-  const kit = useUIKit();
   const { value: value2 } = props;
   const items = useMemo(() => {
     return Object.entries(value2 || {}).map(([key2, value22]) => ({
@@ -8467,7 +8456,7 @@ function KeyValueListWidget(props) {
             onChange(temp);
           },
           children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-            kit.button,
+            Button,
             {
               onClick: () => {
                 onRemove(index2);
@@ -8480,15 +8469,14 @@ function KeyValueListWidget(props) {
         index2
       );
     }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, { type: "primary", onClick: onAdd, children: "Add" }) })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "primary", onClick: onAdd, children: "Add" }) })
   ] });
 }
 function MetadataForm() {
-  const kit = useUIKit();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, { label: "Name", name: ["metadata", "name"], rules: rfc1123LabelRules, children: /* @__PURE__ */ jsxRuntimeExports.jsx(NameInputWidget, {}) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, { label: "Name", name: ["metadata", "name"], rules: rfc1123LabelRules, children: /* @__PURE__ */ jsxRuntimeExports.jsx(NameInputWidget, {}) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
-      kit.form.Item,
+      Form.Item,
       {
         label: "Namespace",
         name: ["metadata", "namespace"],
@@ -8496,8 +8484,8 @@ function MetadataForm() {
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(NamespaceSelectWidget, {})
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, { name: ["metadata", "labels"], label: "Labels", children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueListWidget, {}) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, { name: ["metadata", "annotations"], label: "Annotations", children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueListWidget, {}) })
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, { name: ["metadata", "labels"], label: "Labels", children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueListWidget, {}) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, { name: ["metadata", "annotations"], label: "Annotations", children: /* @__PURE__ */ jsxRuntimeExports.jsx(KeyValueListWidget, {}) })
   ] });
 }
 function memoize$2(fn) {
@@ -8687,7 +8675,6 @@ const AuxiliaryLine = /* @__PURE__ */ styled_default("div")({
 const index_dmbxj3 = "";
 const TableContainerStyle = "t1upn1sz";
 function Table(props) {
-  const kit = useUIKit();
   const {
     t: t2
   } = useTranslation();
@@ -8732,7 +8719,7 @@ function Table(props) {
     return columns;
   }, [columns, RowMenu]);
   if (loading) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {});
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Loading, {});
   } else if (error) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(WidgetErrorContent, {
       errorText: t2("dovetail.retry_when_access_data_failed"),
@@ -8752,7 +8739,7 @@ function Table(props) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
     ref: wrapperRef,
     className: cx_default(TableContainerStyle, props.className, "table-wrapper"),
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.table, {
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
       tableLayout: "fixed",
       columns: finalColumns,
       dataSource,
@@ -8763,7 +8750,7 @@ function Table(props) {
       scroll
     }), /* @__PURE__ */ jsxRuntimeExports.jsx(AuxiliaryLine, {
       ref: auxiliaryLineRef
-    }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.pagination, {
+    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Pagination, {
       current: currentPage,
       size: defaultSize,
       count: total,
@@ -8804,7 +8791,7 @@ function useTableData({ data: data2, columns, pageSize = 10, defaultSorters }) {
 const PodSelectorTable = ({ podSelectors = {} }) => {
   const { t: t2 } = useTranslation();
   const component = useContext(ComponentContext);
-  const Table$1 = component.Table || Table;
+  const Table$12 = component.Table || Table;
   const currentSize = 10;
   const datas = Object.keys(podSelectors).map((key2) => ({
     id: key2,
@@ -8849,7 +8836,7 @@ const PodSelectorTable = ({ podSelectors = {} }) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$1,
+    Table$12,
     {
       tableKey: "podSelector",
       loading: false,
@@ -8869,7 +8856,7 @@ const PodSelectorTable = ({ podSelectors = {} }) => {
 const PortsTable = ({ service }) => {
   const { t: t2 } = useTranslation();
   const component = useContext(ComponentContext);
-  const Table$1 = component.Table || Table;
+  const Table$12 = component.Table || Table;
   const currentSize = 10;
   const columns = [
     {
@@ -8937,7 +8924,7 @@ const PortsTable = ({ service }) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$1,
+    Table$12,
     {
       tableKey: "ports",
       loading: false,
@@ -10214,14 +10201,13 @@ const Tags = (props) => {
   const {
     value: value2
   } = props;
-  const kit = useUIKit();
   if (!value2) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
       value: ""
     });
   }
   const tags = Object.keys(value2).map((key2) => {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tag.SplitTag, {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Tag.SplitTag, {
       className: TagStyle,
       primaryContent: key2,
       secondaryContent: value2[key2],
@@ -10229,7 +10215,7 @@ const Tags = (props) => {
       color: "gray"
     }, key2);
   });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.space, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Space, {
     className: TagWrapper,
     size: 8,
     children: tags
@@ -10242,7 +10228,6 @@ const StateTag = ({
   hideBackground,
   className
 }) => {
-  const kit = useUIKit();
   const {
     t: t2
   } = useTranslation();
@@ -10261,7 +10246,7 @@ const StateTag = ({
     terminated: "red",
     stopped: "gray"
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.statusCapsule, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(StatusCapsule, {
     className: cx_default(className, StateTagStyle, hideBackground && "no-background"),
     color: statusMap[state2] !== "loading" ? statusMap[state2] : void 0,
     loading: statusMap[state2] === "loading",
@@ -10385,7 +10370,7 @@ const Time = (props) => {
 const ConditionsTable = ({ conditions = [] }) => {
   const { t: t2 } = useTranslation();
   const component = useContext(ComponentContext);
-  const Table$1 = component.Table || Table;
+  const Table$12 = component.Table || Table;
   const conditionsWithId = addId(conditions, "type");
   const columns = [
     {
@@ -10461,7 +10446,7 @@ const ConditionsTable = ({ conditions = [] }) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$1,
+    Table$12,
     {
       tableKey: "condition",
       loading: false,
@@ -10580,7 +10565,6 @@ function useOpenForm(options) {
 }
 function K8sDropdown(props) {
   const { record, size = "normal" } = props;
-  const kit = useUIKit();
   const { globalStore } = useGlobalStore();
   const useResourceResult = useResource();
   const resource = useResourceResult.resource;
@@ -10601,18 +10585,18 @@ function K8sDropdown(props) {
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
-      kit.dropdown,
+      Dropdown,
       {
-        overlay: /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.menu, { children: [
+        overlay: /* @__PURE__ */ jsxRuntimeExports.jsxs(Menu$1, { children: [
           isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
-            kit.menuItem,
+            Menu$1.Item,
             {
               onClick: openForm,
               children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon$1, { src: EditPen16PrimaryIcon, children: t2("dovetail.edit_yaml") })
             }
           ),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
-            kit.menu.Item,
+            Menu$1.Item,
             {
               onClick: () => {
                 var _a;
@@ -10627,9 +10611,9 @@ function K8sDropdown(props) {
             }
           ),
           props.children,
-          (canDeleteData == null ? void 0 : canDeleteData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.divider, { style: { margin: 0 } }) : null,
+          (canDeleteData == null ? void 0 : canDeleteData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, { style: { margin: 0 } }) : null,
           (canDeleteData == null ? void 0 : canDeleteData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-            kit.menuItem,
+            Menu$1.Item,
             {
               danger: true,
               onClick: () => {
@@ -10641,7 +10625,7 @@ function K8sDropdown(props) {
         ] }),
         trigger: ["click"],
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-          kit.button,
+          Button,
           {
             type: "quiet",
             size: size === "large" ? "middle" : "small",
@@ -10658,7 +10642,7 @@ function K8sDropdown(props) {
         )
       }
     ),
-    visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.modal, { ...modalProps }) : null
+    visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { ...modalProps }) : null
   ] });
 }
 var ColumnKeys = /* @__PURE__ */ ((ColumnKeys2) => {
@@ -10686,7 +10670,7 @@ function addDefaultRenderToColumns(columns) {
 }
 const useEagleTable = (params) => {
   var _a, _b;
-  const { columns, tableProps, formatter, Dropdown = K8sDropdown } = params;
+  const { columns, tableProps, formatter, Dropdown: Dropdown2 = K8sDropdown } = params;
   const [selectedKeys, setSelectedKeys] = useState([]);
   const [currentPage, setCurrentPage] = useState((tableProps == null ? void 0 : tableProps.currentPage) || 1);
   const { resource } = useResource();
@@ -10742,7 +10726,7 @@ const useEagleTable = (params) => {
       setSelectedKeys(keys);
     },
     total,
-    RowMenu: Dropdown,
+    RowMenu: Dropdown2,
     ...tableProps,
     defaultSize: currentSize
   };
@@ -10756,12 +10740,11 @@ const useEagleTable = (params) => {
 };
 function CreateButton() {
   var _a;
-  const kit = useUIKit();
   const { t: t2 } = useTranslation();
   const openForm = useOpenForm();
   const { resource } = useResource();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    kit.button,
+    Button,
     {
       prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(PlusAddCreateNew16BoldOntintIcon, {}),
       type: "primary",
@@ -10800,7 +10783,6 @@ const useDeleteManyModal = (resource, ids) => {
 };
 const DeleteManyButton = (props) => {
   const { resource } = useResource();
-  const kit = useUIKit();
   const { t: t2 } = useTranslation();
   const { modalProps, visible, setVisible } = useDeleteManyModal(
     (resource == null ? void 0 : resource.name) || "",
@@ -10810,8 +10792,8 @@ const DeleteManyButton = (props) => {
     setVisible(true);
   }, [setVisible]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, { type: "primary", danger: true, onClick, children: t2("dovetail.delete") }),
-    visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.modal, { ...modalProps }) : null
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "primary", danger: true, onClick, children: t2("dovetail.delete") }),
+    visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { ...modalProps }) : null
   ] });
 };
 const TableToolBar_4s5vf2 = "";
@@ -10825,18 +10807,17 @@ const TableToolBar = ({
   hideCreate
 }) => {
   var _a;
-  const kit = useUIKit();
   const {
     resource
   } = useResource();
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
     className: cx_default(ToolbarWrapperStyle, "table-toolbar"),
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
       className: ToolbarStyle$1,
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx("span", {
         className: cx_default(Typo.Display.d2_regular_title, TitleStyle$2),
         children: (_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind
-      }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
         children: [selectedKeys.length > 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx(DeleteManyButton, {
           ids: selectedKeys
         }) : void 0, /* @__PURE__ */ jsxRuntimeExports.jsx(CanAccess, {
@@ -10871,10 +10852,9 @@ const CronjobJobsTable = ({
   const {
     i18n: i18n2
   } = useTranslation();
-  const kit = useUIKit();
   const [selectedKeys] = useState([]);
   const component = useContext(ComponentContext);
-  const Table$1 = component.Table || Table;
+  const Table$12 = component.Table || Table;
   const columns = useMemo(() => [NameColumnRenderer(i18n2, "jobs"), StateDisplayColumnRenderer(i18n2), NameSpaceColumnRenderer(i18n2), {
     ...WorkloadImageColumnRenderer(i18n2),
     width: 238
@@ -10909,13 +10889,13 @@ const CronjobJobsTable = ({
       type: ErrorContentType.Card
     });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
     direction: "vertical",
     className: WrapperStyle$5,
     children: [hideToolBar ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(TableToolBar, {
       selectedKeys,
       hideCreate: true
-    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
+    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$12, {
       ...tableProps,
       tableKey: "cronjobs",
       showMenuColumn: false
@@ -10989,7 +10969,7 @@ const EventsTable = ({ uid }) => {
   }), [columns, uid]);
   const { tableProps } = useEagleTable(params);
   const component = useContext(ComponentContext);
-  const Table$1 = component.Table || Table;
+  const Table$12 = component.Table || Table;
   if (!((_a = tableProps.data) == null ? void 0 : _a.length) && !tableProps.loading) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       WidgetErrorContent,
@@ -10999,7 +10979,7 @@ const EventsTable = ({ uid }) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$1,
+    Table$12,
     {
       ...tableProps,
       tableKey: "events",
@@ -11046,7 +11026,6 @@ const ResourceLink = (props) => {
     namespace: namespace2,
     resourceId
   } = props;
-  const kit = useUIKit();
   const navigation = useNavigation();
   const go = useGo();
   const onClick = () => {
@@ -11060,7 +11039,7 @@ const ResourceLink = (props) => {
       }
     });
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.Link, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Link$1, {
     className: LinkStyle,
     onClick,
     children: resourceId
@@ -11072,7 +11051,7 @@ const IngressRulesTable = ({ ingress }) => {
     return addId(ingress.flattenedRules || [], "fullPath");
   }, [ingress.flattenedRules]);
   const component = useContext(ComponentContext);
-  const Table$1 = component.Table || Table;
+  const Table$12 = component.Table || Table;
   const currentSize = 10;
   const columns = [
     {
@@ -11161,7 +11140,7 @@ const IngressRulesTable = ({ ingress }) => {
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$1,
+    Table$12,
     {
       tableKey: "ingressRules",
       loading: false,
@@ -11254,9 +11233,8 @@ function KeyValueAnnotation(props) {
 }
 function Tabs(props) {
   const { tabs, className } = props;
-  const kit = useUIKit();
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tabs, { className, children: tabs.map((tab) => {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Tabs$1, { className, children: tabs.map((tab) => {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(TabsTabPane, { tab: tab.title, children: tab.children }, tab.title);
   }) });
 }
 const ShowContent_1u0cbxv = "";
@@ -11295,9 +11273,8 @@ const ShowContent = (props) => {
   const {
     showConfig,
     formatter,
-    Dropdown = K8sDropdown
+    Dropdown: Dropdown2 = K8sDropdown
   } = props;
-  const kit = useUIKit();
   const parsed = useParsed();
   const {
     resource
@@ -11321,7 +11298,7 @@ const ShowContent = (props) => {
     id
   });
   const Component = useContext(ComponentContext);
-  const Tabs$1 = Component.Tabs || Tabs;
+  const Tabs$12 = Component.Tabs || Tabs;
   if (!(data2 == null ? void 0 : data2.data)) {
     return null;
   }
@@ -11340,7 +11317,7 @@ const ShowContent = (props) => {
       } else {
         content = get$3(record, field.path);
       }
-      return hasCol ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.col, {
+      return hasCol ? /* @__PURE__ */ jsxRuntimeExports.jsx(Col, {
         flex: areaType === AreaType.Inline ? "none" : "",
         span: field.col || 24,
         children: field.render ? field.render(value2, record, field) : /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
@@ -11395,7 +11372,7 @@ const ShowContent = (props) => {
           children: (_b = resource == null ? void 0 : resource.meta) == null ? void 0 : _b.kind
         })
       })
-    }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
+    }), /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
       className: TopBarStyle,
       children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
         style: {
@@ -11407,11 +11384,11 @@ const ShowContent = (props) => {
         }), stateDisplay ? /* @__PURE__ */ jsxRuntimeExports.jsx(StateTag, {
           state: stateDisplay
         }) : void 0]
-      }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
+      }), /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
         children: [(_d = showConfig.renderExtraButton) == null ? void 0 : _d.call(showConfig, record), !showConfig.hideEditYamlButton ? /* @__PURE__ */ jsxRuntimeExports.jsx(CanAccess, {
           resource: resource == null ? void 0 : resource.name,
           action: AccessControlAuth.Edit,
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
             style: {
               marginRight: 8
             },
@@ -11419,14 +11396,14 @@ const ShowContent = (props) => {
             prefixIcon: /* @__PURE__ */ jsxRuntimeExports.jsx(EditPen16GradientBlueIcon, {}),
             children: t2("dovetail.edit_yaml")
           })
-        }) : null, /* @__PURE__ */ jsxRuntimeExports.jsx(Dropdown, {
+        }) : null, /* @__PURE__ */ jsxRuntimeExports.jsx(Dropdown2, {
           record,
           size: "large"
         })]
       })]
     })]
   });
-  const tabs = /* @__PURE__ */ jsxRuntimeExports.jsx(Tabs$1, {
+  const tabs = /* @__PURE__ */ jsxRuntimeExports.jsx(Tabs$12, {
     tabs: (showConfig.tabs || []).map((tab) => {
       var _a2;
       return {
@@ -11436,7 +11413,7 @@ const ShowContent = (props) => {
           className: cx_default(TabContentStyle, tab.groups.length <= 1 && FullTabContentStyle),
           children: (_a2 = tab.groups) == null ? void 0 : _a2.map((group) => {
             const GroupContainer = group.title ? ShowGroupComponent : React__default.Fragment;
-            const FieldContainer = group.title ? kit.row : React__default.Fragment;
+            const FieldContainer = group.title ? Row : React__default.Fragment;
             const groupContainerProps = group.title ? {
               title: group.title || ""
             } : {};
@@ -11449,7 +11426,7 @@ const ShowContent = (props) => {
                 children: [/* @__PURE__ */ jsxRuntimeExports.jsx(FieldContainer, {
                   ...fieldContainerProps,
                   children: renderFields(area.fields, area.type, !!group.title)
-                }, index2), index2 !== group.areas.length - 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.divider, {
+                }, index2), index2 !== group.areas.length - 1 ? /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, {
                   style: {
                     margin: "8px 0 12px 0"
                   }
@@ -11464,7 +11441,7 @@ const ShowContent = (props) => {
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
     className: ShowContentWrapperStyle,
-    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.space, {
+    children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Space, {
       direction: "vertical",
       className: ShowContentHeaderStyle,
       children: topBar
@@ -11515,10 +11492,9 @@ const WorkloadPodsTable = ({
   const {
     i18n: i18n2
   } = useTranslation();
-  const kit = useUIKit();
   const [selectedKeys, setSelectedKeys] = useState([]);
   const component = useContext(ComponentContext);
-  const Table$1 = component.Table || Table;
+  const Table$12 = component.Table || Table;
   const currentSize = 10;
   const columns = [NameColumnRenderer(i18n2, "pods"), StateDisplayColumnRenderer(i18n2), {
     key: "ip",
@@ -11560,13 +11536,13 @@ const WorkloadPodsTable = ({
       type: ErrorContentType.Card
     });
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, {
     direction: "vertical",
     className: "c1dicff8",
     children: [hideToolbar ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(TableToolBar, {
       selectedKeys,
       hideCreate: true
-    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
+    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Table$12, {
       ...tableProps,
       tableKey: "pods",
       onSelect: (keys) => setSelectedKeys(keys),
@@ -11578,9 +11554,8 @@ const WorkloadPodsTable = ({
 function FormErrorAlert(props) {
   const { errorMsgs, style, className, isEdit } = props;
   const { i18n: i18n2 } = useTranslation();
-  const kit = useUIKit();
   return errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-    kit.alert,
+    Alert,
     {
       message: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: i18n2.t(isEdit ? "dovetail.save_failed_tip" : "dovetail.create_failed_tip") }),
@@ -11688,7 +11663,6 @@ function EditFieldModal(props) {
     formRef: form,
     renderContent
   } = props;
-  const kit = useUIKit();
   const {
     i18n: i18n2
   } = useTranslation();
@@ -11708,7 +11682,7 @@ function EditFieldModal(props) {
     popModal();
     reset();
   }, [reset]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.modal, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal, {
     className: ModalStyle,
     title: title || i18n2.t("dovetail.edit"),
     confirmLoading: submitting,
@@ -11730,7 +11704,6 @@ function EditField(props) {
   const {
     modalProps
   } = props;
-  const kit = useUIKit();
   const {
     i18n: i18n2
   } = useTranslation();
@@ -11741,7 +11714,7 @@ function EditField(props) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(CanAccess, {
     resource: resource == null ? void 0 : resource.name,
     action: AccessControlAuth.Edit,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
       className: EditButtonStyle,
       type: "link",
       onClick: () => {
@@ -11770,7 +11743,6 @@ const WorkloadReplicasForm = React__default.forwardRef(function WorkloadReplicas
     record,
     label: label2
   } = props;
-  const kit = useUIKit();
   const {
     resource
   } = useResource();
@@ -11807,7 +11779,7 @@ const WorkloadReplicasForm = React__default.forwardRef(function WorkloadReplicas
   useImperativeHandle(ref, () => ({
     submit
   }), [submit]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, {
     label: /* @__PURE__ */ jsxRuntimeExports.jsx("span", {
       style: {
         width: "134px"
@@ -11815,7 +11787,7 @@ const WorkloadReplicasForm = React__default.forwardRef(function WorkloadReplicas
       children: label2
     }),
     colon: false,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.fields.Integer, {
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Fields.Integer, {
       style: {
         width: "142px"
       },
@@ -11840,7 +11812,6 @@ function WorkloadReplicas({
   record,
   editable
 }) {
-  const kit = useUIKit();
   const {
     t: t2
   } = useTranslation();
@@ -11868,7 +11839,7 @@ function WorkloadReplicas({
     className: WorkloadReplicasWrapperStyle,
     children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
       className: DonutChartWrapperStyle,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.DonutChart, {
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(DonutChart, {
         className: DonutChartStyle,
         data: donutData,
         width: 70,
@@ -17799,7 +17770,6 @@ const PodLog = ({
   pod: pod2
 }) => {
   var _a, _b, _c, _d, _e;
-  const kit = useUIKit();
   const [selectedContainer, setSelectedContainer] = useState(((_b = (_a = pod2.spec) == null ? void 0 : _a.containers[0]) == null ? void 0 : _b.name) || "");
   const [logs, setLogs] = useState([]);
   const [logType, setLogType] = useState("realtime");
@@ -17922,7 +17892,7 @@ const PodLog = ({
       className: ToolbarStyle,
       children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
         className: ToolbarAreaStyle,
-        children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.SegmentedControl, {
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsx(SegmentControl, {
           options: [{
             label: t2("dovetail.realtime_log"),
             value: "realtime"
@@ -17935,7 +17905,7 @@ const PodLog = ({
             setLogType(value2);
             setLogs([]);
           }
-        }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.select, {
+        }), /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, {
           input: {
             onChange: (newValue) => {
               stopFetchingLogs();
@@ -17949,22 +17919,22 @@ const PodLog = ({
           style: {
             width: 200
           },
-          children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, {
+          children: [/* @__PURE__ */ jsxRuntimeExports.jsx(AntdOption, {
             value: "",
             disabled: true,
             children: t2("dovetail.select_container")
-          }), (((_e = pod2.spec) == null ? void 0 : _e.containers) || []).map((container2) => /* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, {
+          }), (((_e = pod2.spec) == null ? void 0 : _e.containers) || []).map((container2) => /* @__PURE__ */ jsxRuntimeExports.jsx(AntdOption, {
             value: container2.name,
             children: container2.name
           }, container2.name))]
         })]
       }), /* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
         className: ToolbarAreaStyle,
-        children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.checkbox, {
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Checkbox, {
           checked: wrap,
           onChange: (e2) => setWrap(e2.target.checked),
           children: t2("dovetail.auto_wrap")
-        }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
+        }), /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
           onClick: () => setPaused((prev) => !prev),
           prefixIcon: paused ? /* @__PURE__ */ jsxRuntimeExports.jsx(RecoverContinue16GradientBlueIcon, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(SuspendedPause16GradientBlueIcon, {}),
           size: "middle",
@@ -18226,7 +18196,7 @@ const PodContainersTable = ({
 }) => {
   const { i18n: i18n2 } = useTranslation();
   const component = useContext(ComponentContext);
-  const Table$1 = component.Table || Table;
+  const Table$12 = component.Table || Table;
   const currentSize = 10;
   const columns = useMemo(
     () => [
@@ -18321,7 +18291,7 @@ const PodContainersTable = ({
     );
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    Table$1,
+    Table$12,
     {
       tableKey: "podContainers",
       loading: false,
@@ -18545,7 +18515,6 @@ function FormLayout(props) {
   const {
     saveButtonProps
   } = props;
-  const kit = useUIKit();
   const {
     resource,
     action
@@ -18558,8 +18527,8 @@ function FormLayout(props) {
     children: [/* @__PURE__ */ jsxRuntimeExports.jsxs("span", {
       className: cx_default(Typo.Display.d2_bold_title, TitleStyle),
       children: [(_a = resource == null ? void 0 : resource.meta) == null ? void 0 : _a.kind, ":", " ", action === "create" ? t2("dovetail.create") : t2("dovetail.edit")]
-    }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.divider, {}), props.children, /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, {
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
+    }), /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, {}), props.children, /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, {
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
         type: "primary",
         ...saveButtonProps,
         children: t2("dovetail.save")
@@ -18569,7 +18538,6 @@ function FormLayout(props) {
 }
 function WorkloadDropdown(props) {
   const { record, size, children } = props;
-  const kit = useUIKit();
   const { resource } = useResource();
   const { mutateAsync } = useUpdate();
   const { t: t2 } = useTranslation();
@@ -18579,7 +18547,7 @@ function WorkloadDropdown(props) {
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(K8sDropdown, { record, size, children: [
     (canEditData == null ? void 0 : canEditData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-      kit.menu.Item,
+      Menu$1.Item,
       {
         onClick: async () => {
           const v = record.redeploy();
@@ -18623,7 +18591,6 @@ function WorkloadDropdown(props) {
 }
 function ReplicasDropdown(props) {
   const { record, size, children } = props;
-  const kit = useUIKit();
   const { t: t2 } = useTranslation();
   const pushModal = usePushModal();
   const formRef = useRef(null);
@@ -18635,7 +18602,7 @@ function ReplicasDropdown(props) {
   });
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(WorkloadDropdown, { record, size, children: [
     isInShowPage || (canEditData == null ? void 0 : canEditData.can) === false ? null : /* @__PURE__ */ jsxRuntimeExports.jsx(
-      kit.menu.Item,
+      Menu$1.Item,
       {
         onClick: () => {
           const modalProps = {
@@ -18825,7 +18792,6 @@ const useNamespacesFilter = () => {
 const NamespacesFilter = ({
   className
 }) => {
-  const kit = useUIKit();
   const {
     t: t2
   } = useTranslation();
@@ -18874,7 +18840,7 @@ const NamespacesFilter = ({
   }, [calcTagMaxWidth]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
     className: WRAPPER_CLASS,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.select, {
+    children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, {
       loading: isLoading,
       className: cx_default(SelectStyle, SELECT_CLASS, className),
       style: {
@@ -18895,14 +18861,14 @@ const NamespacesFilter = ({
       },
       dropdownRender: (menu) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
         className: SelectContentStyle,
-        children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.searchInput, {
+        children: [/* @__PURE__ */ jsxRuntimeExports.jsx(SearchInput, {
           style: {
             width: "100%"
           },
           className: SearchInputStyle,
           onChange: debouncedSetSearch,
           placeholder: t2("dovetail.please_input")
-        }), menu, isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {}) : null]
+        }), menu, isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(Loading, {}) : null]
       }),
       tagRender: ({
         label: label2,
@@ -18921,17 +18887,17 @@ const NamespacesFilter = ({
               marginLeft: 8
             },
             children: label2
-          }) : /* @__PURE__ */ jsxRuntimeExports.jsx(kit.token, {
+          }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Token, {
             className: cx_default(isCountToken ? CountTokenStyle : TokenStyle, isCountToken ? "" : "closable-token"),
             closable,
             size: "medium",
             onClose,
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.overflowTooltip, {
-              content: isCountToken ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.tooltip, {
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(OverflowTooltip, {
+              content: isCountToken ? /* @__PURE__ */ jsxRuntimeExports.jsx(Tooltip, {
                 title: isCountToken ? value2.slice(MAX_TAG_COUNT).map((namespace2, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
                   children: [/* @__PURE__ */ jsxRuntimeExports.jsx("div", {
                     children: namespace2
-                  }), index2 !== value2.length - 1 - MAX_TAG_COUNT ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.divider, {
+                  }), index2 !== value2.length - 1 - MAX_TAG_COUNT ? /* @__PURE__ */ jsxRuntimeExports.jsx(Divider, {
                     style: {
                       margin: "6px 0",
                       borderColor: "rgba(107, 128, 167, 0.60)"
@@ -18956,26 +18922,26 @@ const NamespacesFilter = ({
         setOpen(open2);
       },
       multiple: true,
-      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, {
+      children: [/* @__PURE__ */ jsxRuntimeExports.jsx(AntdOption, {
         value: "_all",
         label: t2("dovetail.all_namespaces"),
         className: AllNamespaceOptionStyle,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.overflowTooltip, {
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(OverflowTooltip, {
           content: t2("dovetail.all_namespaces"),
           className: LabelWrapperStyle
         })
-      }, "_all"), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.selectOptGroup, {
+      }, "_all"), /* @__PURE__ */ jsxRuntimeExports.jsx(AntdSelectOptGroup, {
         label: "",
         className: SelectOptionGroupStyle,
         children: data2 == null ? void 0 : data2.data.map((namespace2) => {
           const {
             name: name2
           } = namespace2.metadata;
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.option, {
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(AntdOption, {
             value: name2,
             label: name2,
             className: OptionStyle,
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.overflowTooltip, {
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(OverflowTooltip, {
               content: name2,
               className: LabelWrapperStyle
             })
@@ -19017,7 +18983,7 @@ function ListPage(props) {
   const {
     t: t2
   } = useTranslation();
-  const Table$1 = TableComponent || Table;
+  const Table$12 = TableComponent || Table;
   const {
     resource
   } = useResource();
@@ -19047,7 +19013,7 @@ function ListPage(props) {
           errorText: tableProps.empty || t2("dovetail.no_resource", {
             kind: ` ${config.kind}`
           })
-        }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Table$1, {
+        }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Table$12, {
           ...tableProps,
           empty: tableProps.empty || t2("dovetail.no_resource", {
             kind: ` ${config.kind}`
@@ -19062,7 +19028,7 @@ function ListPage(props) {
   });
 }
 function ResourceList(props) {
-  const { formatter, columns, Dropdown, noShow } = props.config;
+  const { formatter, columns, Dropdown: Dropdown2, noShow } = props.config;
   const { i18n: i18n2 } = useTranslation();
   const nameRenderer = noShow ? PlainTextNameColumnRenderer(i18n2) : NameColumnRenderer(i18n2);
   const filters = useNamespaceRefineFilter();
@@ -19076,7 +19042,7 @@ function ResourceList(props) {
       ...props.config.tableProps
     },
     formatter,
-    Dropdown
+    Dropdown: Dropdown2
   });
   useEffect(() => {
     tableProps.onPageChange(1);
@@ -19084,13 +19050,13 @@ function ResourceList(props) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(ListPage, { selectedKeys, tableProps });
 }
 function ResourceShow(props) {
-  const { formatter, showConfig, Dropdown } = props.config;
+  const { formatter, showConfig, Dropdown: Dropdown2 } = props.config;
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     PageShow,
     {
       showConfig: (showConfig == null ? void 0 : showConfig()) || {},
       formatter,
-      Dropdown
+      Dropdown: Dropdown2
     }
   );
 }
@@ -23103,7 +23069,7 @@ const Separator = () => {
   });
 };
 const MonacoYamlEditor = React__default.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$2));
-const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-c863e3f0.js"));
+const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-da40ae05.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {
@@ -23118,7 +23084,6 @@ const YamlEditorComponent = forwardRef(
       eleRef,
       className
     } = props;
-    const kit = useUIKit();
     const { t: t2 } = useTranslation();
     const [isCollapsed, setIsCollapsed] = useState(
       collapsable ? isDefaultCollapsed : false
@@ -23178,14 +23143,14 @@ const YamlEditorComponent = forwardRef(
         ref: eleRef,
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            kit.space,
+            Space,
             {
               className: cx_default(ToolBarStyle, isCollapsed ? "collapsed" : ""),
               direction: "vertical",
               size: 0,
               children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, { className: ToolBarHeaderStyle, children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, { size: 8, children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { className: ToolBarHeaderStyle, children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { size: 8, children: [
                     collapsable && /* @__PURE__ */ jsxRuntimeExports.jsx(
                       Icon$1,
                       {
@@ -23199,10 +23164,10 @@ const YamlEditorComponent = forwardRef(
                     ),
                     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cx_default(TitleStyle$1, "yaml-editor-title"), children: title || t2("dovetail.configure_file") })
                   ] }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, { size: 14, children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { size: 14, children: [
                     isDiff ? void 0 : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
                       /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        kit.tooltip,
+                        Tooltip,
                         {
                           title: isCollapsed ? "" : copyTooltip,
                           onVisibleChange: (visible) => {
@@ -23233,7 +23198,7 @@ const YamlEditorComponent = forwardRef(
                       ),
                       /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, {}),
                       /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        kit.tooltip,
+                        Tooltip,
                         {
                           title: isCollapsed ? "" : resetTooltip,
                           onVisibleChange: (visible) => {
@@ -23266,7 +23231,7 @@ const YamlEditorComponent = forwardRef(
                       /* @__PURE__ */ jsxRuntimeExports.jsx(Separator, {})
                     ] }),
                     /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      kit.tooltip,
+                      Tooltip,
                       {
                         title: isCollapsed ? "" : isDiff ? t2("dovetail.back_to_edit") : t2("dovetail.view_changes"),
                         children: isDiff ? /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -23296,7 +23261,7 @@ const YamlEditorComponent = forwardRef(
                     )
                   ] })
                 ] }),
-                errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.space, { className: ErrorWrapperStyle, size: 8, align: "start", children: [
+                errorMsgs.length ? /* @__PURE__ */ jsxRuntimeExports.jsxs(Space, { className: ErrorWrapperStyle, size: 8, align: "start", children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsx(XmarkFailedSeriousWarningFill16RedIcon, { className: ErrorIconStyle }),
                   /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: errorMsgs.map((errorMsg, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("pre", { className: ErrorMsgStyle, children: [
                     errorMsgs.length > 1 ? `${index2 + 1}. ` : "",
@@ -23483,7 +23448,6 @@ const useYamlForm = ({
   const [errorResponseBody, setErrorResponseBody] = useState(null);
   const useResourceResult = useResource();
   const { globalStore } = useGlobalStore();
-  const kit = useUIKit();
   const {
     schema,
     loading: isLoadingSchema,
@@ -23492,7 +23456,7 @@ const useYamlForm = ({
   } = useSchema({
     skip: editorOptions == null ? void 0 : editorOptions.isSkipSchema
   });
-  const [formAnt] = kit.form.useForm();
+  const [formAnt] = Form.useForm();
   const formSF = useForm$3({
     form: formAnt
   });
@@ -23726,7 +23690,6 @@ function YamlForm(props) {
     },
     ...useFormProps
   });
-  const kit = useUIKit();
   const {
     t: t2,
     i18n: i18n2
@@ -23762,7 +23725,7 @@ function YamlForm(props) {
   }, [responseErrors, onErrorsChange]);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(FormWrapper, {
     ...formWrapperProps,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form, {
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Form, {
       ...formProps,
       initialValues: formProps.initialValues,
       layout: "horizontal",
@@ -23770,10 +23733,10 @@ function YamlForm(props) {
       onFinish,
       children: (() => {
         if (isLoadingSchema || (queryResult == null ? void 0 : queryResult.isLoading) && action === "edit") {
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {});
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(Loading, {});
         }
         return editorProps.schema || schemaStrategy !== "Required" ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, {
-          children: [/* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, {
+          children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, {
             style: {
               flex: 1
             },
@@ -23783,7 +23746,7 @@ function YamlForm(props) {
               schema,
               collapsable: false
             })
-          }), /* @__PURE__ */ jsxRuntimeExports.jsx(kit.form.Item, {
+          }), /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, {
             children: mutationResult.error && /* @__PURE__ */ jsxRuntimeExports.jsx(FormErrorAlert, {
               errorMsgs: errorResponseBody ? responseErrors : [mutationResult.error.message],
               style: {
@@ -24007,7 +23970,6 @@ function ResourceCRUD(props) {
 function CronJobDropdown(props) {
   const { record, size } = props;
   const { spec } = record;
-  const kit = useUIKit();
   const { resource } = useResource();
   const { mutateAsync } = useUpdate();
   const { t: t2 } = useTranslation();
@@ -24017,7 +23979,7 @@ function CronJobDropdown(props) {
   });
   const suspended2 = Boolean(spec == null ? void 0 : spec.suspend);
   return /* @__PURE__ */ jsxRuntimeExports.jsx(K8sDropdown, { record, size, children: (canEditData == null ? void 0 : canEditData.can) !== false ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-    kit.menu.Item,
+    Menu$1.Item,
     {
       onClick: async () => {
         const v = suspended2 ? record.resume() : record.suspend();
@@ -24123,36 +24085,34 @@ const ResourceUsageBar = (props) => {
 const DeleteButton = () => {
   const { resource } = useResource();
   const { id } = useParsed();
-  const kit = useUIKit();
   const { t: t2 } = useTranslation();
   const { modalProps, visible, openDeleteConfirmModal } = useDeleteModal(
     (resource == null ? void 0 : resource.name) || ""
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, { type: "primary", danger: true, onClick: () => openDeleteConfirmModal(id || ""), children: t2("dovetail.delete") }),
-    visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.modal, { ...modalProps }) : null
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { type: "primary", danger: true, onClick: () => openDeleteConfirmModal(id || ""), children: t2("dovetail.delete") }),
+    visible ? /* @__PURE__ */ jsxRuntimeExports.jsx(Modal, { ...modalProps }) : null
   ] });
 };
 const index_1wt5px2 = "";
 const MenuStyle = "mdppgn0";
 const Menu = () => {
-  const kit = useUIKit();
   const {
     menuItems,
     selectedKey
   } = useMenu();
   function renderMenuItems(items) {
-    return items.map((item) => item.list ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.menuItem, {
+    return items.map((item) => item.list ? /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$1.Item, {
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(NavLink, {
         to: item.route || "",
         children: item.label
       })
-    }, item.key) : /* @__PURE__ */ jsxRuntimeExports.jsx(kit.menuItemGroup, {
+    }, item.key) : /* @__PURE__ */ jsxRuntimeExports.jsx(MenuItemGroup, {
       title: item.name,
       children: renderMenuItems(item.children)
     }, item.key));
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.menu, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$1, {
     className: MenuStyle,
     theme: "light",
     selectedKeys: [selectedKey],
@@ -24167,21 +24127,20 @@ const ContentStyle = "cyc9hl2";
 const Layout = ({
   children
 }) => {
-  const kit = useUIKit();
   const [collapsed, setCollapsed] = useState(false);
   const {
     Header,
     Content,
     Sider
-  } = kit.layout;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.layout, {
+  } = Layout$1;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Layout$1, {
     style: {
       height: "100%"
     },
     children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Header, {
       className: cx_default(HeaderStyle, Typo.Heading.h1_bold_title),
       children: "Dovetail 2"
-    }), /* @__PURE__ */ jsxRuntimeExports.jsxs(kit.layout, {
+    }), /* @__PURE__ */ jsxRuntimeExports.jsxs(Layout$1, {
       className: ContentLayoutStyle,
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx(Sider, {
         width: 256,
@@ -24199,7 +24158,6 @@ const Layout = ({
 };
 const DrawerShow = (props) => {
   var _a, _b;
-  const kit = useUIKit();
   const parsed = useParsed();
   const nav = useNavigation();
   const { queryResult } = useShow({ id: (_a = parsed == null ? void 0 : parsed.params) == null ? void 0 : _a.id });
@@ -24212,16 +24170,15 @@ const DrawerShow = (props) => {
       onClose: () => nav.goBack(),
       width: "50%",
       visible: !!((_b = parsed == null ? void 0 : parsed.params) == null ? void 0 : _b.id),
-      children: isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(kit.loading, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(ShowContent, { ...props })
+      children: isLoading ? /* @__PURE__ */ jsxRuntimeExports.jsx(Loading, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(ShowContent, { ...props })
     }
   );
 };
 const EditButton = () => {
   const { id } = useParsed();
-  const kit = useUIKit();
   const { edit: edit2 } = useEdit();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    kit.button,
+    Button,
     {
       type: "primary",
       onClick: () => {
@@ -24288,11 +24245,10 @@ function ResourceSelect(props) {
   );
 }
 const IngressRulesComponent = ({ ingress }) => {
-  const kit = useUIKit();
   const result = ingress.flattenedRules.map((r2) => {
     const divider = " > ";
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
-      kit.overflowTooltip,
+      OverflowTooltip,
       {
         content: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(LinkFallback, { fullPath: r2.fullPath }),
@@ -24329,12 +24285,11 @@ const NameLink = (props) => {
     id,
     resource
   } = props;
-  const kit = useUIKit();
   const go = useGo();
   const navigation = useNavigation();
   const parsed = useParsed();
   const resourceName = resource || ((_a = parsed.resource) == null ? void 0 : _a.name) || "";
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(kit.button, {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
     type: "link",
     onClick: () => {
       go({
@@ -24479,7 +24434,6 @@ const AgeColumnRenderer = (i18n2, config, {
   isRelativeTime = true
 } = {}) => {
   const dataIndex = ["metadata", "creationTimestamp"];
-  const kit = useUIKit();
   return {
     key: "creationTimestamp",
     display: true,
@@ -24491,7 +24445,7 @@ const AgeColumnRenderer = (i18n2, config, {
       return isRelativeTime ? /* @__PURE__ */ jsxRuntimeExports.jsx(Time, {
         date: new Date(value2)
       }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ValueDisplay, {
-        value: /* @__PURE__ */ jsxRuntimeExports.jsx(kit.time, {
+        value: /* @__PURE__ */ jsxRuntimeExports.jsx(Time$1, {
           date: value2,
           timeTemplate: "HH:mm:ss",
           dateTemplate: "YYYY-MM-DD"