@stackone/malachite 0.10.0 → 0.11.0

package/dist/index.js

@@ -5,7 +5,7 @@ var B5 = (e) => {
 var N6 = (e, r, t) => r in e ? F6(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t;
 var N = (e, r, t) => N6(e, typeof r != "symbol" ? r + "" : r, t), J1 = (e, r, t) => r.has(e) || B5("Cannot " + t);
 var E1 = (e, r, t) => (J1(e, r, "read from private field"), t ? t.call(e) : r.get(e)), X1 = (e, r, t) => r.has(e) ? B5("Cannot add the same private member more than once") : r instanceof WeakSet ? r.add(e) : r.set(e, t), M5 = (e, r, t, a) => (J1(e, r, "write to private field"), a ? a.call(e, t) : r.set(e, t), t), H = (e, r, t) => (J1(e, r, "access private method"), t);
-import { jsx as n, jsxs as v, Fragment as D1 } from "react/jsx-runtime";
+import { jsx as n, jsxs as y, Fragment as D1 } from "react/jsx-runtime";
 import * as l from "react";
 import G1, { forwardRef as a5, createElement as H5, Fragment as J, useState as $, useMemo as H1, useRef as d1, useEffect as _, createContext as e1, useContext as a1, useReducer as k1 } from "react";
 import { Controller as I6 } from "react-hook-form";
@@ -43,7 +43,7 @@ const Z6 = (e) => {
     case "no-style":
       return `${r} btn-no-style border-none`;
   }
-}, Q6 = () => /* @__PURE__ */ v(
+}, Q6 = () => /* @__PURE__ */ y(
   "svg",
   {
     className: "animate-spin -ml-1 mr-2 h-4 w-4",
@@ -94,13 +94,13 @@ const Z6 = (e) => {
       c ? "max-w-full" : "",
       a || t ? "cursor-not-allowed" : "",
       h
-    ].filter(Boolean).join(" "), f = /* @__PURE__ */ n("button", { ref: u, disabled: a || t, className: b, ...g, children: t ? /* @__PURE__ */ v("span", { className: "flex items-center justify-center", children: [
+    ].filter(Boolean).join(" "), f = /* @__PURE__ */ n("button", { ref: u, disabled: a || t, className: b, ...g, children: t ? /* @__PURE__ */ y("span", { className: "flex items-center justify-center", children: [
       /* @__PURE__ */ n(Q6, {}),
       d
-    ] }) : o && i === "start" ? /* @__PURE__ */ v("span", { className: "flex items-center justify-center", children: [
+    ] }) : o && i === "start" ? /* @__PURE__ */ y("span", { className: "flex items-center justify-center", children: [
       /* @__PURE__ */ n("span", { className: d ? "mr-2" : "", children: o }),
       d
-    ] }) : o && i === "end" ? /* @__PURE__ */ v("span", { className: "flex items-center justify-center", children: [
+    ] }) : o && i === "end" ? /* @__PURE__ */ y("span", { className: "flex items-center justify-center", children: [
       d,
       /* @__PURE__ */ n("span", { className: d ? "ml-2" : "", children: o })
     ] }) : d });
@@ -2612,9 +2612,9 @@ var o8 = class {
     });
     return this.renderer.elIdList.pop(), r;
   }
-}, l8 = o8, u1, P, K, e5, G5, n8 = (G5 = class {
+}, l8 = o8, u1, Q, K, e5, G5, n8 = (G5 = class {
   constructor(e = {}) {
-    X1(this, P);
+    X1(this, Q);
     N(this, "elIdList", []);
     X1(this, u1);
     const { renderer: r } = e;
@@ -2622,7 +2622,7 @@ var o8 = class {
       const o = t, i = a;
       !this[o] || o === "elementId" || o === "elIdList" || typeof i != "function" || Object.defineProperty(this, o, {
         value(...s) {
-          return H(this, P, e5).call(this), i.apply(this, s);
+          return H(this, Q, e5).call(this), i.apply(this, s);
         },
         writable: !0,
         enumerable: !0,
@@ -2634,21 +2634,21 @@ var o8 = class {
     return this.elIdList.join("-");
   }
   heading(e, r) {
-    return H(this, P, K).call(this, `h${r}`, e);
+    return H(this, Q, K).call(this, `h${r}`, e);
   }
   paragraph(e) {
-    return H(this, P, K).call(this, "p", e);
+    return H(this, Q, K).call(this, "p", e);
   }
   link(e, r) {
     const t = Z5(e, E1(this, u1).baseURL), a = E1(this, u1).openLinksInNewTab ? "_blank" : null;
-    return H(this, P, K).call(this, "a", r, {
+    return H(this, Q, K).call(this, "a", r, {
       href: t,
       target: a
     });
   }
   image(e, r, t = null) {
     const a = Z5(e, E1(this, u1).baseURL);
-    return H(this, P, K).call(this, "img", null, {
+    return H(this, Q, K).call(this, "img", null, {
       src: a,
       alt: r,
       title: t
@@ -2656,51 +2656,51 @@ var o8 = class {
   }
   codespan(e, r = null) {
     const t = r ? `${E1(this, u1).langPrefix}${r}` : null;
-    return H(this, P, K).call(this, "code", e, { className: t });
+    return H(this, Q, K).call(this, "code", e, { className: t });
   }
   code(e, r) {
-    return H(this, P, K).call(this, "pre", this.codespan(e, r));
+    return H(this, Q, K).call(this, "pre", this.codespan(e, r));
   }
   blockquote(e) {
-    return H(this, P, K).call(this, "blockquote", e);
+    return H(this, Q, K).call(this, "blockquote", e);
   }
   list(e, r, t) {
-    return H(this, P, K).call(this, r ? "ol" : "ul", e, r && t !== 1 ? { start: t } : {});
+    return H(this, Q, K).call(this, r ? "ol" : "ul", e, r && t !== 1 ? { start: t } : {});
   }
   listItem(e) {
-    return H(this, P, K).call(this, "li", e);
+    return H(this, Q, K).call(this, "li", e);
   }
   checkbox(e) {
-    return H(this, P, K).call(this, "input", null, {
+    return H(this, Q, K).call(this, "input", null, {
       type: "checkbox",
       disabled: !0,
       checked: e
     });
   }
   table(e) {
-    return H(this, P, K).call(this, "table", e);
+    return H(this, Q, K).call(this, "table", e);
   }
   tableHeader(e) {
-    return H(this, P, K).call(this, "thead", e);
+    return H(this, Q, K).call(this, "thead", e);
   }
   tableBody(e) {
-    return H(this, P, K).call(this, "tbody", e);
+    return H(this, Q, K).call(this, "tbody", e);
   }
   tableRow(e) {
-    return H(this, P, K).call(this, "tr", e);
+    return H(this, Q, K).call(this, "tr", e);
   }
   tableCell(e, r) {
     const t = r.header ? "th" : "td";
-    return H(this, P, K).call(this, t, e, { align: r.align });
+    return H(this, Q, K).call(this, t, e, { align: r.align });
   }
   strong(e) {
-    return H(this, P, K).call(this, "strong", e);
+    return H(this, Q, K).call(this, "strong", e);
   }
   em(e) {
-    return H(this, P, K).call(this, "em", e);
+    return H(this, Q, K).call(this, "em", e);
   }
   del(e) {
-    return H(this, P, K).call(this, "del", e);
+    return H(this, Q, K).call(this, "del", e);
   }
   text(e) {
     return e;
@@ -2709,17 +2709,17 @@ var o8 = class {
     return e;
   }
   hr() {
-    return H(this, P, K).call(this, "hr");
+    return H(this, Q, K).call(this, "hr");
   }
   br() {
-    return H(this, P, K).call(this, "br");
+    return H(this, Q, K).call(this, "br");
   }
-}, u1 = new WeakMap(), P = new WeakSet(), K = function(e, r = null, t = {}) {
+}, u1 = new WeakMap(), Q = new WeakSet(), K = function(e, r = null, t = {}) {
   const a = {
     key: `marked-react-${this.elementId}`,
     suppressHydrationWarning: !0
   };
-  return H(this, P, e5).call(this), H5(e, {
+  return H(this, Q, e5).call(this), H5(e, {
     ...t,
     ...a
   }, r);
@@ -2891,7 +2891,7 @@ const e2 = ({
   size: r,
   omitMargin: t
 }) => ({
-  blockquote: (u) => /* @__PURE__ */ v(D1, { children: [
+  blockquote: (u) => /* @__PURE__ */ y(D1, { children: [
     /* @__PURE__ */ n("br", {}),
     /* @__PURE__ */ n(
       "div",
@@ -2916,7 +2916,7 @@ const e2 = ({
     `paragraph-${Math.random().toString(36).substr(2, 9)}`
   ),
   codespan: (u) => /* @__PURE__ */ n(e2, { size: r, children: Array.isArray(u) ? u[0] : u }, `paragraph-${Math.random().toString(36).substr(2, 9)}`),
-  heading: (u, b) => /* @__PURE__ */ v(D1, { children: [
+  heading: (u, b) => /* @__PURE__ */ y(D1, { children: [
     b === 1 ? /* @__PURE__ */ n(r2, { children: Array.isArray(u) ? u[0] : u }, `paragraph-${Math.random().toString(36).substr(2, 9)}`) : /* @__PURE__ */ n(t2, { children: Array.isArray(u) ? u[0] : u }, `paragraph-${Math.random().toString(36).substr(2, 9)}`),
     /* @__PURE__ */ n("br", {})
   ] }),
@@ -3032,9 +3032,9 @@ const e2 = ({
     c ? "gap-2 px-2.5 py-1" : "gap-2",
     c && h ? "rounded-t-[12px]" : c ? "rounded-[12px]" : ""
   ].filter(Boolean).join(" "), E = ["w-full", "overflow-hidden"].filter(Boolean).join(" ");
-  return c ? /* @__PURE__ */ v("div", { className: `${w} alert-expandable`, children: [
-    /* @__PURE__ */ v("div", { className: f, children: [
-      /* @__PURE__ */ v("div", { className: "flex-1 flex gap-2 items-center", children: [
+  return c ? /* @__PURE__ */ y("div", { className: `${w} alert-expandable`, children: [
+    /* @__PURE__ */ y("div", { className: f, children: [
+      /* @__PURE__ */ y("div", { className: "flex-1 flex gap-2 items-center", children: [
         b[e],
         /* @__PURE__ */ n("div", { className: "flex-1 flex items-center", children: /* @__PURE__ */ n("div", { className: "[&>div]:mb-0", children: /* @__PURE__ */ n(P5, { text: r, type: e }) }) })
       ] }),
@@ -3063,7 +3063,7 @@ const e2 = ({
       ) })
     ] }),
     h && /* @__PURE__ */ n(D1, { children: /* @__PURE__ */ n("div", { className: E, children: /* @__PURE__ */ n("div", { className: "bg-white rounded-[10px] shadow-[0px_1px_0px_0px_rgba(0,0,0,0.15)] border border-[#e8e8e8] border-solid mx-2 mb-2 max-h-[553px] overflow-y-auto", children: o }) }) })
-  ] }) : /* @__PURE__ */ v("div", { className: w, children: [
+  ] }) : /* @__PURE__ */ y("div", { className: w, children: [
     b[e],
     /* @__PURE__ */ n("div", { className: "flex-1 flex items-center", children: /* @__PURE__ */ n("div", { className: "[&>div]:mb-0", children: /* @__PURE__ */ n(P5, { text: r, type: e }) }) })
   ] });
@@ -3146,7 +3146,7 @@ const e2 = ({
   };
   return _(() => () => {
     c.current && clearTimeout(c.current);
-  }, []), /* @__PURE__ */ v(
+  }, []), /* @__PURE__ */ y(
     "div",
     {
       ref: d,
@@ -3240,9 +3240,9 @@ const e2 = ({
   children: d
 }) => {
   const h = c ? /* @__PURE__ */ n(m8, { control: c, name: a, children: d }) : d;
-  return /* @__PURE__ */ v(L1, { direction: "vertical", size: 10, align: "stretch", children: [
-    (e ?? r ?? o) && /* @__PURE__ */ v(L1, { direction: "vertical", size: 0, align: "stretch", children: [
-      /* @__PURE__ */ v("div", { className: "flex justify-between items-start", children: [
+  return /* @__PURE__ */ y(L1, { direction: "vertical", size: 10, align: "stretch", children: [
+    (e ?? r ?? o) && /* @__PURE__ */ y(L1, { direction: "vertical", size: 0, align: "stretch", children: [
+      /* @__PURE__ */ y("div", { className: "flex justify-between items-start", children: [
         /* @__PURE__ */ n(w8, { text: e, required: i, tooltip: t }),
         r && /* @__PURE__ */ n(b8, { text: r })
       ] }),
@@ -3254,8 +3254,8 @@ const e2 = ({
   text: e,
   required: r,
   tooltip: t
-}) => e ? /* @__PURE__ */ v("div", { className: "flex items-center", children: [
-  /* @__PURE__ */ v(v1, { size: "xsmall", color: "primary", fontWeight: "semi-bold", className: "pl-2", children: [
+}) => e ? /* @__PURE__ */ y("div", { className: "flex items-center", children: [
+  /* @__PURE__ */ y(v1, { size: "xsmall", color: "primary", fontWeight: "semi-bold", className: "pl-2", children: [
     e,
     !r && /* @__PURE__ */ n(v1, { size: "xsmall", color: "dimmed", className: "ml-1", children: "(Optional)" })
   ] }),
@@ -3326,7 +3326,7 @@ const e2 = ({
     overflow: "hidden",
     ...f
   };
-  return /* @__PURE__ */ v("div", { className: A, style: B, children: [
+  return /* @__PURE__ */ y("div", { className: A, style: B, children: [
     e && /* @__PURE__ */ n(
       "div",
       {
@@ -3529,7 +3529,7 @@ var h2 = {
     className: "w-rjv-type",
     children: "date"
   }
-}, u2 = /* @__PURE__ */ e1(h2), B8 = (e, r) => m({}, e, r), Q = () => a1(u2), b5 = /* @__PURE__ */ e1(() => {
+}, u2 = /* @__PURE__ */ e1(h2), B8 = (e, r) => m({}, e, r), S = () => a1(u2), b5 = /* @__PURE__ */ e1(() => {
 });
 b5.displayName = "JVR.DispatchTypes";
 function M8() {
@@ -3987,7 +3987,7 @@ var J8 = ["as", "render"], X8 = ["as", "render"], q8 = ["as", "render"], z8 = ["
   } = e, {
     Set: a = {},
     displayDataTypes: o
-  } = Q(), i = r instanceof Set;
+  } = S(), i = r instanceof Set;
   if (!i || !o) return null;
   var {
     as: s,
@@ -4009,7 +4009,7 @@ var D2 = (e) => {
   } = e, {
     Map: a = {},
     displayDataTypes: o
-  } = Q(), i = r instanceof Map;
+  } = S(), i = r instanceof Map;
   if (!i || !o) return null;
   var {
     as: s,
@@ -4035,7 +4035,7 @@ var o1 = {
   } = e, {
     Str: o = {},
     displayDataTypes: i
-  } = Q(), {
+  } = S(), {
     shortenTextAfterLength: s = 30,
     stringEllipsis: c = "..."
   } = f1(), {
@@ -4065,10 +4065,10 @@ var o1 = {
     keyName: t,
     keys: a
   });
-  return /* @__PURE__ */ v(J, {
+  return /* @__PURE__ */ y(J, {
     children: [i && (k || /* @__PURE__ */ n(w, m({}, h, {
       style: f
-    }))), M || /* @__PURE__ */ v(J, {
+    }))), M || /* @__PURE__ */ y(J, {
       children: [/* @__PURE__ */ n(F1, {}), /* @__PURE__ */ n(w, m({}, h, {
         className: B,
         children: E
@@ -4085,7 +4085,7 @@ var N2 = (e) => {
   } = e, {
     True: o = {},
     displayDataTypes: i
-  } = Q(), {
+  } = S(), {
     as: s,
     render: c
   } = o, C = V(o, z8), d = s || "span", h = m({}, o1, o.style || {}), g = c && typeof c == "function", u = g && c(m({}, C, {
@@ -4104,7 +4104,7 @@ var N2 = (e) => {
     keyName: t,
     keys: a
   });
-  return /* @__PURE__ */ v(J, {
+  return /* @__PURE__ */ y(J, {
     children: [i && (u || /* @__PURE__ */ n(d, m({}, C, {
       style: h
     }))), b || /* @__PURE__ */ n(d, m({}, C, {
@@ -4122,7 +4122,7 @@ var I2 = (e) => {
   } = e, {
     False: o = {},
     displayDataTypes: i
-  } = Q(), {
+  } = S(), {
     as: s,
     render: c
   } = o, C = V(o, U8), d = s || "span", h = m({}, o1, o.style || {}), g = c && typeof c == "function", u = g && c(m({}, C, {
@@ -4141,7 +4141,7 @@ var I2 = (e) => {
     keyName: t,
     keys: a
   });
-  return /* @__PURE__ */ v(J, {
+  return /* @__PURE__ */ y(J, {
     children: [i && (u || /* @__PURE__ */ n(d, m({}, C, {
       style: h
     }))), b || /* @__PURE__ */ n(d, m({}, C, {
@@ -4159,7 +4159,7 @@ var Z2 = (e) => {
   } = e, {
     Float: o = {},
     displayDataTypes: i
-  } = Q(), {
+  } = S(), {
     as: s,
     render: c
   } = o, C = V(o, $8), d = s || "span", h = m({}, o1, o.style || {}), g = c && typeof c == "function", u = g && c(m({}, C, {
@@ -4178,7 +4178,7 @@ var Z2 = (e) => {
     keyName: t,
     keys: a
   });
-  return /* @__PURE__ */ v(J, {
+  return /* @__PURE__ */ y(J, {
     children: [i && (u || /* @__PURE__ */ n(d, m({}, C, {
       style: h
     }))), b || /* @__PURE__ */ n(d, m({}, C, {
@@ -4196,7 +4196,7 @@ var P2 = (e) => {
   } = e, {
     Int: o = {},
     displayDataTypes: i
-  } = Q(), {
+  } = S(), {
     as: s,
     render: c
   } = o, C = V(o, _8), d = s || "span", h = m({}, o1, o.style || {}), g = c && typeof c == "function", u = g && c(m({}, C, {
@@ -4215,7 +4215,7 @@ var P2 = (e) => {
     keyName: t,
     keys: a
   });
-  return /* @__PURE__ */ v(J, {
+  return /* @__PURE__ */ y(J, {
     children: [i && (u || /* @__PURE__ */ n(d, m({}, C, {
       style: h
     }))), b || /* @__PURE__ */ n(d, m({}, C, {
@@ -4233,7 +4233,7 @@ var Q2 = (e) => {
   } = e, {
     Bigint: o = {},
     displayDataTypes: i
-  } = Q(), {
+  } = S(), {
     as: s,
     render: c
   } = o, C = V(o, ee), d = s || "span", h = m({}, o1, o.style || {}), g = c && typeof c == "function", u = g && c(m({}, C, {
@@ -4252,7 +4252,7 @@ var Q2 = (e) => {
     keyName: t,
     keys: a
   });
-  return /* @__PURE__ */ v(J, {
+  return /* @__PURE__ */ y(J, {
     children: [i && (u || /* @__PURE__ */ n(d, m({}, C, {
       style: h
     }))), b || /* @__PURE__ */ n(d, m({}, C, {
@@ -4270,7 +4270,7 @@ var S2 = (e) => {
   } = e, {
     Url: o = {},
     displayDataTypes: i
-  } = Q(), {
+  } = S(), {
     as: s,
     render: c
   } = o, C = V(o, re), d = s || "span", h = m({}, o1, o.style), g = c && typeof c == "function", u = g && c(m({}, C, {
@@ -4289,10 +4289,10 @@ var S2 = (e) => {
     keyName: t,
     keys: a
   });
-  return /* @__PURE__ */ v(J, {
+  return /* @__PURE__ */ y(J, {
     children: [i && (u || /* @__PURE__ */ n(d, m({}, C, {
       style: h
-    }))), b || /* @__PURE__ */ v("a", m({
+    }))), b || /* @__PURE__ */ y("a", m({
       href: r == null ? void 0 : r.href,
       target: "_blank"
     }, C, {
@@ -4310,7 +4310,7 @@ var G2 = (e) => {
   } = e, {
     Date: o = {},
     displayDataTypes: i
-  } = Q(), {
+  } = S(), {
     as: s,
     render: c
   } = o, C = V(o, te), d = s || "span", h = m({}, o1, o.style || {}), g = c && typeof c == "function", u = g && c(m({}, C, {
@@ -4329,7 +4329,7 @@ var G2 = (e) => {
     keyName: t,
     keys: a
   });
-  return /* @__PURE__ */ v(J, {
+  return /* @__PURE__ */ y(J, {
     children: [i && (u || /* @__PURE__ */ n(d, m({}, C, {
       style: h
     }))), w || /* @__PURE__ */ n(d, m({}, C, {
@@ -4347,7 +4347,7 @@ var H2 = (e) => {
   } = e, {
     Undefined: o = {},
     displayDataTypes: i
-  } = Q(), {
+  } = S(), {
     as: s,
     render: c
   } = o, C = V(o, ae), d = s || "span", h = m({}, o1, o.style || {}), g = c && typeof c == "function", u = g && c(m({}, C, {
@@ -4366,7 +4366,7 @@ var H2 = (e) => {
     keyName: t,
     keys: a
   });
-  return /* @__PURE__ */ v(J, {
+  return /* @__PURE__ */ y(J, {
     children: [i && (u || /* @__PURE__ */ n(d, m({}, C, {
       style: h
     }))), b]
@@ -4381,7 +4381,7 @@ var R2 = (e) => {
   } = e, {
     Null: o = {},
     displayDataTypes: i
-  } = Q(), {
+  } = S(), {
     as: s,
     render: c
   } = o, C = V(o, oe), d = s || "span", h = m({}, o1, o.style || {}), g = c && typeof c == "function", u = g && c(m({}, C, {
@@ -4400,7 +4400,7 @@ var R2 = (e) => {
     keyName: t,
     keys: a
   });
-  return /* @__PURE__ */ v(J, {
+  return /* @__PURE__ */ y(J, {
     children: [i && (u || /* @__PURE__ */ n(d, m({}, C, {
       style: h
     }))), b]
@@ -4415,7 +4415,7 @@ var j2 = (e) => {
   } = e, {
     Nan: o = {},
     displayDataTypes: i
-  } = Q(), {
+  } = S(), {
     as: s,
     render: c
   } = o, C = V(o, le), d = s || "span", h = m({}, o1, o.style || {}), g = c && typeof c == "function", u = g && c(m({}, C, {
@@ -4434,7 +4434,7 @@ var j2 = (e) => {
     keyName: t,
     keys: a
   });
-  return /* @__PURE__ */ v(J, {
+  return /* @__PURE__ */ y(J, {
     children: [i && (u || /* @__PURE__ */ n(d, m({}, C, {
       style: h
     }))), b]
@@ -4485,7 +4485,7 @@ function g1(e, r, t) {
     [t]: i
   }), [r]);
 }
-function q(e, r, t) {
+function z(e, r, t) {
   var a = V8(), o = [e.className, r.className].filter(Boolean).join(" "), i = m({}, e, r, {
     className: o,
     style: m({}, e.style, r.style),
@@ -4628,9 +4628,9 @@ var he = ["keyName", "value", "parentValue", "expandKey", "keys"], ue = ["as", "
     typeof t == "number" && t === 1 / 0 ? D = "Infinity" : typeof t == "number" && isNaN(t) ? D = "NaN" : typeof t == "bigint" ? D = t5(t) : t instanceof Date ? D = t.toLocaleString() : D = JSON.stringify(t, (j, Y) => typeof Y == "bigint" ? t5(Y) : Y, 2), c && c(D, t), u(!0);
     var R = navigator.clipboard || {
       writeText(j) {
-        return new Promise((Y, y) => {
+        return new Promise((Y, v) => {
           var x = document.createElement("textarea");
-          x.style.position = "absolute", x.style.opacity = "0", x.style.left = "-99999999px", x.value = j, document.body.appendChild(x), x.select(), document.execCommand("copy") ? Y() : y(), x.remove();
+          x.style.position = "absolute", x.style.opacity = "0", x.style.left = "-99999999px", x.value = j, document.body.appendChild(x), x.select(), document.execCommand("copy") ? Y() : v(), x.remove();
         });
       }
     };
@@ -4748,8 +4748,8 @@ var k5 = (e) => {
     keys: a,
     parentValue: t
   };
-  return /* @__PURE__ */ v(J, {
-    children: [/* @__PURE__ */ v("span", {
+  return /* @__PURE__ */ y(J, {
+    children: [/* @__PURE__ */ y("span", {
       ref: c,
       children: [/* @__PURE__ */ n(r5, m({
         isNumber: s,
@@ -4791,7 +4791,7 @@ var q2 = (e) => {
       [c]: !1
     })
   };
-  return /* @__PURE__ */ v(W2, m({
+  return /* @__PURE__ */ y(W2, m({
     className: "w-rjv-line",
     value: t,
     keyName: r,
@@ -4942,17 +4942,17 @@ var t6 = (e) => {
     style: k
   };
   j && (Y.onClick = A);
-  var y = {
+  var v = {
     keyName: t,
     value: s,
     keys: o,
     parentValue: c
   };
-  return /* @__PURE__ */ v("span", m({}, Y, {
+  return /* @__PURE__ */ y("span", m({}, Y, {
     children: [j && /* @__PURE__ */ n(B2, m({
       style: B,
       expandKey: a
-    }, y)), (t || typeof t == "number") && /* @__PURE__ */ n(k5, m({}, y)), /* @__PURE__ */ n(L2, {
+    }, v)), (t || typeof t == "number") && /* @__PURE__ */ n(k5, m({}, v)), /* @__PURE__ */ n(L2, {
       value: i,
       keyName: t
     }), /* @__PURE__ */ n(D2, {
@@ -4960,14 +4960,14 @@ var t6 = (e) => {
       keyName: t
     }), /* @__PURE__ */ n(M2, m({
       isBrackets: D || R
-    }, y)), /* @__PURE__ */ n(r6, {
+    }, v)), /* @__PURE__ */ n(r6, {
       keyName: t,
       value: s,
       isExpanded: f
     }), /* @__PURE__ */ n(y5, m({
       isVisiable: f || !j,
       isBrackets: D || R
-    }, y)), /* @__PURE__ */ n(_2, {
+    }, v)), /* @__PURE__ */ n(_2, {
       value: s,
       keyName: t
     }), /* @__PURE__ */ n(U2, {
@@ -5000,7 +5000,7 @@ var we = ["className", "children", "parentValue", "keyid", "level", "value", "in
       [g]: !1
     })
   };
-  return /* @__PURE__ */ v("div", m({
+  return /* @__PURE__ */ y("div", m({
     className: u,
     ref: r
   }, d, b, {
@@ -5089,92 +5089,92 @@ C6.displayName = "JVR.ValueQuote";
 var d6 = (e) => {
   var {
     Bigint: r = {}
-  } = Q();
-  return q(r, e, "Bigint"), null;
+  } = S();
+  return z(r, e, "Bigint"), null;
 };
 d6.displayName = "JVR.Bigint";
 var h6 = (e) => {
   var {
     Date: r = {}
-  } = Q();
-  return q(r, e, "Date"), null;
+  } = S();
+  return z(r, e, "Date"), null;
 };
 h6.displayName = "JVR.Date";
 var u6 = (e) => {
   var {
     False: r = {}
-  } = Q();
-  return q(r, e, "False"), null;
+  } = S();
+  return z(r, e, "False"), null;
 };
 u6.displayName = "JVR.False";
 var g6 = (e) => {
   var {
     Float: r = {}
-  } = Q();
-  return q(r, e, "Float"), null;
+  } = S();
+  return z(r, e, "Float"), null;
 };
 g6.displayName = "JVR.Float";
 var p6 = (e) => {
   var {
     Int: r = {}
-  } = Q();
-  return q(r, e, "Int"), null;
+  } = S();
+  return z(r, e, "Int"), null;
 };
 p6.displayName = "JVR.Int";
 var m6 = (e) => {
   var {
     Map: r = {}
-  } = Q();
-  return q(r, e, "Map"), null;
+  } = S();
+  return z(r, e, "Map"), null;
 };
 m6.displayName = "JVR.Map";
 var b6 = (e) => {
   var {
     Nan: r = {}
-  } = Q();
-  return q(r, e, "Nan"), null;
+  } = S();
+  return z(r, e, "Nan"), null;
 };
 b6.displayName = "JVR.Nan";
 var f6 = (e) => {
   var {
     Null: r = {}
-  } = Q();
-  return q(r, e, "Null"), null;
+  } = S();
+  return z(r, e, "Null"), null;
 };
 f6.displayName = "JVR.Null";
 var w6 = (e) => {
   var {
     Set: r = {}
-  } = Q();
-  return q(r, e, "Set"), null;
+  } = S();
+  return z(r, e, "Set"), null;
 };
 w6.displayName = "JVR.Set";
 var v6 = (e) => {
   var {
     Str: r = {}
-  } = Q();
-  return q(r, e, "Str"), null;
+  } = S();
+  return z(r, e, "Str"), null;
 };
 v6.displayName = "JVR.StringText";
 var y6 = (e) => {
   var {
     True: r = {}
-  } = Q();
-  return q(r, e, "True"), null;
+  } = S();
+  return z(r, e, "True"), null;
 };
 y6.displayName = "JVR.True";
 var x6 = (e) => {
   var {
     Undefined: r = {}
-  } = Q();
-  return q(r, e, "Undefined"), null;
+  } = S();
+  return z(r, e, "Undefined"), null;
 };
 x6.displayName = "JVR.Undefined";
 var k6 = (e) => {
   var {
     Url: r = {}
-  } = Q();
-  return q(r, e, "Url"), null;
+  } = S();
+  return z(r, e, "Url"), null;
 };
 k6.displayName = "JVR.Url";
 var A6 = (e) => {
@@ -5209,7 +5209,7 @@ var ve = ["className", "style", "value", "children", "collapsed", "shouldExpandN
     backgroundColor: "var(--w-rjv-background-color, #00000000)",
     fontSize: 13
   }, a), M = ["w-json-view-container", "w-rjv", t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ v(A2, {
+  return /* @__PURE__ */ y(A2, {
     initialState: {
       value: o,
       objectSortKeys: f,
@@ -5336,7 +5336,7 @@ const C9 = ({
 `);
     return /* @__PURE__ */ n("div", { className: "p-4 overflow-auto text-left", children: C.map((d, h) => {
       const g = h + 1;
-      return /* @__PURE__ */ v("div", { className: "flex items-start", style: { minHeight: "20px" }, children: [
+      return /* @__PURE__ */ y("div", { className: "flex items-start", style: { minHeight: "20px" }, children: [
         t && /* @__PURE__ */ n(
           "span",
           {
@@ -5368,7 +5368,7 @@ const C9 = ({
       ] }, h);
     }) });
   };
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ y(
     "div",
     {
       className: `border rounded-lg overflow-hidden ${a}`,
@@ -5426,7 +5426,7 @@ const C9 = ({
   selectedItem: t,
   disabled: a = !1,
   error: o = !1
-}) => /* @__PURE__ */ v(
+}) => /* @__PURE__ */ y(
   "button",
   {
     type: "button",
@@ -5472,7 +5472,7 @@ const C9 = ({
       children: /* @__PURE__ */ n("div", { className: "flex-1 flex items-center gap-3", children: /* @__PURE__ */ n("div", { className: "flex-1", children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2.5", children: /* @__PURE__ */ n("span", { className: `text-[15px] font-normal ${o}`, children: e.label }) }) }) })
     }
   );
-}, ke = ({ items: e, onItemSelected: r, selectedItem: t }) => /* @__PURE__ */ n("div", { className: "absolute top-full left-0 right-0 mt-2 bg-[var(--malachite-card-background)] border border-solid border-[var(--malachite-card-border)] rounded-xl shadow-[0px_2px_5px_0px_var(--malachite-card-shadow)] z-50 max-h-[400px] overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-1 p-[6px] max-h-[400px] overflow-y-auto", children: e.map((a, o) => /* @__PURE__ */ v(G1.Fragment, { children: [
+}, ke = ({ items: e, onItemSelected: r, selectedItem: t }) => /* @__PURE__ */ n("div", { className: "absolute top-full left-0 right-0 mt-2 bg-[var(--malachite-card-background)] border border-solid border-[var(--malachite-card-border)] rounded-xl shadow-[0px_2px_5px_0px_var(--malachite-card-shadow)] z-50 max-h-[400px] overflow-hidden", children: /* @__PURE__ */ n("div", { className: "flex flex-col gap-1 p-[6px] max-h-[400px] overflow-y-auto", children: e.map((a, o) => /* @__PURE__ */ y(G1.Fragment, { children: [
   /* @__PURE__ */ n(
     xe,
     {
@@ -5506,7 +5506,7 @@ const C9 = ({
       w && k.current && !k.current.contains(G.target) && f(!1);
     };
     return document.addEventListener("click", M), () => document.removeEventListener("click", M);
-  }, [w]), /* @__PURE__ */ v(
+  }, [w]), /* @__PURE__ */ y(
     g5,
     {
       label: i,
@@ -5519,7 +5519,7 @@ const C9 = ({
       description: u,
       loadingComponent: /* @__PURE__ */ n(E6, { size: "medium" }),
       children: [
-        /* @__PURE__ */ v("div", { ref: k, className: "relative w-full", children: [
+        /* @__PURE__ */ y("div", { ref: k, className: "relative w-full", children: [
           /* @__PURE__ */ n(
             ye,
             {
@@ -5609,7 +5609,7 @@ const h9 = ({
 }, u9 = ({
   fullWidth: e = !1,
   showDocsSupport: r = !1
-}) => /* @__PURE__ */ v(
+}) => /* @__PURE__ */ y(
   L1,
   {
     direction: "horizontal",
@@ -5630,7 +5630,7 @@ const h9 = ({
           }
         }
       ) }),
-      r ? /* @__PURE__ */ v(L1, { direction: "horizontal", size: 10, children: [
+      r ? /* @__PURE__ */ y(L1, { direction: "horizontal", size: 10, children: [
         /* @__PURE__ */ n(
           w1,
           {
@@ -5656,7 +5656,7 @@ const h9 = ({
             children: "Support"
           }
         )
-      ] }) : /* @__PURE__ */ v(L1, { direction: "horizontal", size: 10, children: [
+      ] }) : /* @__PURE__ */ y(L1, { direction: "horizontal", size: 10, children: [
         /* @__PURE__ */ n(
           w1,
           {
@@ -5868,7 +5868,7 @@ const Le = `
         }
       }
     }
-  }, [r]), t ? (console.log("[ShadowEscape] Portal container ready, rendering children outside Shadow DOM"), /* @__PURE__ */ v(D1, { children: [
+  }, [r]), t ? (console.log("[ShadowEscape] Portal container ready, rendering children outside Shadow DOM"), /* @__PURE__ */ y(D1, { children: [
     /* @__PURE__ */ n("div", { ref: o, style: { display: "none" } }),
     R5(e, t)
   ] })) : (console.log("[ShadowEscape] No portal container yet, rendering marker..."), /* @__PURE__ */ n("div", { ref: o, style: { display: "none" } }));
@@ -6945,7 +6945,7 @@ const Se = ({ children: e }) => {
     {
       className: `flex items-center justify-center ${s} ${r}`,
       style: t,
-      children: /* @__PURE__ */ v(
+      children: /* @__PURE__ */ y(
         "svg",
         {
           className: `animate-spin ${i}`,
@@ -7005,7 +7005,7 @@ const Se = ({ children: e }) => {
   onBlur: D,
   helperText: R
 }) => {
-  const [j, Y] = $(!1), [y, x] = $(w || ""), z = (O) => {
+  const [j, Y] = $(!1), [v, x] = $(w || ""), q = (O) => {
     const U = O.target.value;
     x(U), G == null || G(U);
   }, L = (O) => {
@@ -7042,7 +7042,7 @@ const Se = ({ children: e }) => {
           borderRadius: "rounded-[12px]"
         };
     }
-  }, c1 = g === "password" ? j ? "text" : "password" : g, S = o || E || A, p1 = c || M && f && y || (B == null ? void 0 : B.length) || g === "password", h1 = l1(b, c), n1 = [
+  }, c1 = g === "password" ? j ? "text" : "password" : g, P = o || E || A, p1 = c || M && f && v || (B == null ? void 0 : B.length) || g === "password", h1 = l1(b, c), n1 = [
     "relative",
     "flex items-center",
     "w-full",
@@ -7053,7 +7053,7 @@ const Se = ({ children: e }) => {
     ...f ? [] : h1.wrapper,
     L(u).split(" ").find((O) => O.startsWith("h-")) || "h-10"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ y(
     g5,
     {
       label: e,
@@ -7066,8 +7066,8 @@ const Se = ({ children: e }) => {
       description: C,
       loadingComponent: /* @__PURE__ */ n(E6, { size: u }),
       children: [
-        /* @__PURE__ */ v("div", { className: n1, children: [
-          S && /* @__PURE__ */ n("div", { className: "flex items-center pl-3 pr-1 flex-shrink-0 pointer-events-none", children: /* @__PURE__ */ n(
+        /* @__PURE__ */ y("div", { className: n1, children: [
+          P && /* @__PURE__ */ n("div", { className: "flex items-center pl-3 pr-1 flex-shrink-0 pointer-events-none", children: /* @__PURE__ */ n(
             Ge,
             {
               prefixValue: E,
@@ -7080,8 +7080,8 @@ const Se = ({ children: e }) => {
             {
               type: c1,
               placeholder: a,
-              value: y,
-              onChange: z,
+              value: v,
+              onChange: q,
               onBlur: D,
               disabled: f || h,
               readOnly: h,
@@ -7090,7 +7090,7 @@ const Se = ({ children: e }) => {
               name: i
             }
           ),
-          p1 && /* @__PURE__ */ v(
+          p1 && /* @__PURE__ */ y(
             "div",
             {
               className: `flex items-center pl-1 flex-shrink-0 ${g === "password" ? "pr-0" : "pr-3"}`,
@@ -7100,7 +7100,7 @@ const Se = ({ children: e }) => {
                   {
                     error: c,
                     disabled: f,
-                    defaultValue: y,
+                    defaultValue: v,
                     onCopyClick: M,
                     type: g,
                     showPassword: j,
@@ -7116,11 +7116,11 @@ const Se = ({ children: e }) => {
       ]
     }
   );
-}, Ge = ({ prefixValue: e, prefixSecondaryValue: r, icon: t }) => /* @__PURE__ */ v("div", { className: "flex items-center gap-1", children: [
+}, Ge = ({ prefixValue: e, prefixSecondaryValue: r, icon: t }) => /* @__PURE__ */ y("div", { className: "flex items-center gap-1", children: [
   t && /* @__PURE__ */ n("span", { className: "flex items-center justify-center text-[var(--malachite-text-dimmed)] w-4 h-4 flex-shrink-0", children: t }),
   e && /* @__PURE__ */ n("span", { className: "text-[15px] leading-[1.4] text-[var(--malachite-text-dimmed)] whitespace-nowrap", children: e }),
   r && /* @__PURE__ */ n("span", { className: "text-[15px] leading-[1.4] text-[var(--malachite-text-dimmed)] whitespace-nowrap", children: r })
-] }), He = ({ error: e, disabled: r, defaultValue: t, onCopyClick: a, type: o, showPassword: i, onTogglePassword: s }) => /* @__PURE__ */ v("div", { className: "flex items-center gap-1", children: [
+] }), He = ({ error: e, disabled: r, defaultValue: t, onCopyClick: a, type: o, showPassword: i, onTogglePassword: s }) => /* @__PURE__ */ y("div", { className: "flex items-center gap-1", children: [
   e && /* @__PURE__ */ n("div", { className: "flex items-center justify-center w-5 h-5 flex-shrink-0", children: /* @__PURE__ */ n(
     W.InfoIcon,
     {
@@ -7193,9 +7193,9 @@ const Se = ({ children: e }) => {
   maxLength: R,
   resize: j = "vertical"
 }) => {
-  const [Y, y] = $(u || ""), x = M !== void 0 ? M : Y, z = M !== void 0, L = (n1) => {
+  const [Y, v] = $(u || ""), x = M !== void 0 ? M : Y, q = M !== void 0, L = (n1) => {
     const O = n1.target.value;
-    z || y(O), B == null || B(O);
+    q || v(O), B == null || B(O);
   }, l1 = (n1) => {
     switch (n1) {
       case "small":
@@ -7218,7 +7218,7 @@ const Se = ({ children: e }) => {
       large: 24
     }[n1];
     return `${U * O + D6}px`;
-  }, S = o || w || f, p1 = c || k && b && x || (A == null ? void 0 : A.length);
+  }, P = o || w || f, p1 = c || k && b && x || (A == null ? void 0 : A.length);
   return /* @__PURE__ */ n(
     g5,
     {
@@ -7274,8 +7274,8 @@ const Se = ({ children: e }) => {
             name: i
           }
         );
-        return /* @__PURE__ */ v("div", { className: n1, children: [
-          S && /* @__PURE__ */ n("div", { className: "flex pt-3 pl-3 pr-1 flex-shrink-0 pointer-events-none", children: /* @__PURE__ */ n(
+        return /* @__PURE__ */ y("div", { className: n1, children: [
+          P && /* @__PURE__ */ n("div", { className: "flex pt-3 pl-3 pr-1 flex-shrink-0 pointer-events-none", children: /* @__PURE__ */ n(
             Ke,
             {
               prefixValue: w,
@@ -7284,7 +7284,7 @@ const Se = ({ children: e }) => {
             }
           ) }),
           U,
-          p1 && /* @__PURE__ */ v("div", { className: "flex pt-3 pl-1 pr-3 flex-shrink-0", children: [
+          p1 && /* @__PURE__ */ y("div", { className: "flex pt-3 pl-1 pr-3 flex-shrink-0", children: [
             /* @__PURE__ */ n(
               Ye,
               {
@@ -7320,11 +7320,11 @@ const Se = ({ children: e }) => {
       return `${i * o + s}px`;
     })(e, r) }
   }
-), Ke = ({ prefixValue: e, prefixSecondaryValue: r, icon: t }) => /* @__PURE__ */ v("div", { className: "flex items-start gap-1", children: [
+), Ke = ({ prefixValue: e, prefixSecondaryValue: r, icon: t }) => /* @__PURE__ */ y("div", { className: "flex items-start gap-1", children: [
   t && /* @__PURE__ */ n("span", { className: "flex items-center justify-center text-[var(--malachite-text-dimmed)] w-4 h-4 flex-shrink-0 mt-1", children: t }),
   e && /* @__PURE__ */ n("span", { className: "text-[15px] leading-[1.4] text-[var(--malachite-text-dimmed)] whitespace-nowrap", children: e }),
   r && /* @__PURE__ */ n("span", { className: "text-[15px] leading-[1.4] text-[var(--malachite-text-dimmed)] whitespace-nowrap", children: r })
-] }), Ye = ({ error: e, disabled: r, defaultValue: t, onCopyClick: a }) => /* @__PURE__ */ v("div", { className: "flex items-start gap-1", children: [
+] }), Ye = ({ error: e, disabled: r, defaultValue: t, onCopyClick: a }) => /* @__PURE__ */ y("div", { className: "flex items-start gap-1", children: [
   e && /* @__PURE__ */ n("div", { className: "flex items-center justify-center w-5 h-5 flex-shrink-0 mt-1", children: /* @__PURE__ */ n(
     W.InfoIcon,
     {
@@ -7430,7 +7430,7 @@ const Se = ({ children: e }) => {
     a ? "cursor-pointer" : `cursor-${h}`,
     g
   ].filter(Boolean).join(" "), w = qe(r, t, o, c);
-  return /* @__PURE__ */ v(
+  return /* @__PURE__ */ y(
     "div",
     {
       className: b,
@@ -7468,16 +7468,16 @@ const Se = ({ children: e }) => {
   style: A
 }) => {
   var Y;
-  const [k, B] = $(null), M = H1(() => k ? [...r].sort((y, x) => {
-    const z = y[k.key], L = x[k.key], l1 = z, c1 = L;
+  const [k, B] = $(null), M = H1(() => k ? [...r].sort((v, x) => {
+    const q = v[k.key], L = x[k.key], l1 = q, c1 = L;
     return l1 < c1 ? k.direction === "asc" ? -1 : 1 : l1 > c1 ? k.direction === "asc" ? 1 : -1 : 0;
-  }) : r, [r, k]), G = (y) => {
-    B((x) => (x == null ? void 0 : x.key) === y ? x.direction === "asc" ? { key: y, direction: "desc" } : null : { key: y, direction: "asc" });
-  }, D = (y, x) => typeof C == "function" ? C(y) : String(y[C] || x), R = (y, x, z) => {
-    const L = x[y.dataIndex];
-    return y.render ? y.render(L, x, z) : String(L);
-  }, j = (y) => {
-    const x = y.sorter, L = (k == null ? void 0 : k.key) === y.key ? k == null ? void 0 : k.direction : null;
+  }) : r, [r, k]), G = (v) => {
+    B((x) => (x == null ? void 0 : x.key) === v ? x.direction === "asc" ? { key: v, direction: "desc" } : null : { key: v, direction: "asc" });
+  }, D = (v, x) => typeof C == "function" ? C(v) : String(v[C] || x), R = (v, x, q) => {
+    const L = x[v.dataIndex];
+    return v.render ? v.render(L, x, q) : String(L);
+  }, j = (v) => {
+    const x = v.sorter, L = (k == null ? void 0 : k.key) === v.key ? k == null ? void 0 : k.direction : null;
     return /* @__PURE__ */ n(
       "th",
       {
@@ -7485,13 +7485,14 @@ const Se = ({ children: e }) => {
                     table-header table-cell px-4 py-4 text-left font-semibold border-0 first:rounded-tl-lg last:rounded-tr-lg
                     ${q1(h)}
                     ${x ? "cursor-pointer hover:opacity-80" : ""}
-                    ${y.align === "center" ? "text-center" : "text-left"}
-                    ${y.align === "right" ? "text-right" : ""}
+                    ${v.align === "center" ? "text-center" : "text-left"}
+                    ${v.align === "right" ? "text-right" : ""}
                 `,
-        onClick: x ? () => G(y.key) : void 0,
-        children: /* @__PURE__ */ v("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ n("span", { children: y.title }),
-          x && /* @__PURE__ */ v("div", { className: "flex flex-col", children: [
+        style: { width: v.width },
+        onClick: x ? () => G(v.key) : void 0,
+        children: /* @__PURE__ */ y("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ n("span", { children: v.title }),
+          x && /* @__PURE__ */ y("div", { className: "flex flex-col", children: [
             /* @__PURE__ */ n(
               "svg",
               {
@@ -7513,7 +7514,7 @@ const Se = ({ children: e }) => {
           ] })
         ] })
       },
-      y.key
+      v.key
     );
   };
   return a ? /* @__PURE__ */ n("div", { className: "w-full", style: { ...A }, children: /* @__PURE__ */ n(
@@ -7523,33 +7524,34 @@ const Se = ({ children: e }) => {
       style: {
         ...d ? { maxHeight: d } : {}
       },
-      children: /* @__PURE__ */ v(
+      children: /* @__PURE__ */ y(
         "table",
         {
           className: "w-full border-collapse rounded-lg overflow-hidden",
           children: [
-            c && /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ n("tr", { children: e.map((y) => /* @__PURE__ */ n(
+            c && /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ n("tr", { children: e.map((v) => /* @__PURE__ */ n(
               "th",
               {
                 className: `
                                                     table-header table-cell px-4 py-4 text-left font-semibold border-0 first:rounded-tl-lg last:rounded-tr-lg
                                                     ${s ? "table-cell-bordered table-cell-bordered-top" : ""}
-                                                    ${s && y === e[0] ? "table-cell-bordered-left" : ""}
-                                                    ${s && y === e[e.length - 1] ? "table-cell-bordered-right" : ""}
+                                                    ${s && v === e[0] ? "table-cell-bordered-left" : ""}
+                                                    ${s && v === e[e.length - 1] ? "table-cell-bordered-right" : ""}
                                                     ${q1(h)}
-                                                    ${y.align === "center" ? "text-center" : "text-left"}
-                                                    ${y.align === "right" ? "text-right" : ""}
+                                                    ${v.align === "center" ? "text-center" : "text-left"}
+                                                    ${v.align === "right" ? "text-right" : ""}
                                                 `,
-                children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ n("span", { children: y.title }) })
+                style: { width: v.width },
+                children: /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ n("span", { children: v.title }) })
               },
-              y.key
+              v.key
             )) }) }),
             /* @__PURE__ */ n("tbody", { children: /* @__PURE__ */ n("tr", { children: /* @__PURE__ */ n(
               "td",
               {
                 colSpan: e.length + (w ? 1 : 0),
                 className: "px-4 py-12 text-center",
-                children: /* @__PURE__ */ v("div", { className: "flex flex-col items-center justify-center", children: [
+                children: /* @__PURE__ */ y("div", { className: "flex flex-col items-center justify-center", children: [
                   /* @__PURE__ */ n("div", { className: "table-error-icon w-12 h-12 rounded-full flex items-center justify-center mb-4", children: /* @__PURE__ */ n(
                     "svg",
                     {
@@ -7568,7 +7570,7 @@ const Se = ({ children: e }) => {
         }
       )
     }
-  ) }) : /* @__PURE__ */ v("div", { className: `w-full ${E}`, style: { ...A }, children: [
+  ) }) : /* @__PURE__ */ y("div", { className: `w-full ${E}`, style: { ...A }, children: [
     /* @__PURE__ */ n(
       "div",
       {
@@ -7581,55 +7583,55 @@ const Se = ({ children: e }) => {
             style: {
               ...d ? { maxHeight: d } : {}
             },
-            children: /* @__PURE__ */ v(
+            children: /* @__PURE__ */ y(
               "table",
               {
-                className: `w-full ${g === "fixed" ? "table-fixed" : "table-auto"} ${s ? "border-separate table-bordered" : "border-collapse"} rounded-lg overflow-hidden`,
+                className: `w-full ${g === "fixed" || e.some((v) => v.width) ? "table-fixed" : "table-auto"} ${s ? "border-separate table-bordered" : "border-collapse"} rounded-lg overflow-hidden`,
                 style: { borderSpacing: "0" },
                 children: [
-                  c && /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ n("tr", { children: e.map((y) => j(y)) }) }),
+                  c && /* @__PURE__ */ n("thead", { children: /* @__PURE__ */ n("tr", { children: e.map((v) => j(v)) }) }),
                   /* @__PURE__ */ n("tbody", { children: t ? (
                     // Loading skeleton
-                    Array.from({ length: 5 }).map((y, x) => /* @__PURE__ */ n(
+                    Array.from({ length: 5 }).map((v, x) => /* @__PURE__ */ n(
                       "tr",
                       {
                         className: `table-row ${s ? "table-row-bordered" : ""}`,
-                        children: e.map((z) => /* @__PURE__ */ n("td", { className: "table-cell px-4 py-4 text-left", children: /* @__PURE__ */ n("div", { className: "h-4 bg-gray-200 rounded animate-pulse" }) }, z.key))
+                        children: e.map((q) => /* @__PURE__ */ n("td", { className: "table-cell px-4 py-4 text-left", style: { width: q.width }, children: /* @__PURE__ */ n("div", { className: "h-4 bg-gray-200 rounded animate-pulse" }) }, q.key))
                       },
                       x
                     ))
-                  ) : M.map((y, x) => {
-                    const z = D(y, x), L = (b == null ? void 0 : b(y, x)) || {}, l1 = x === 0, c1 = x === r.length - 1;
+                  ) : M.map((v, x) => {
+                    const q = D(v, x), L = (b == null ? void 0 : b(v, x)) || {}, l1 = x === 0, c1 = x === r.length - 1;
                     return /* @__PURE__ */ n(
                       "tr",
                       {
                         className: `
                                                 ${s ? "table-row-bordered" : "table-row hover:opacity-80"}
-                                                ${(u == null ? void 0 : u(y, x)) || ""}
+                                                ${(u == null ? void 0 : u(v, x)) || ""}
                                                 ${L.onClick ? "cursor-pointer" : ""}
                                             `,
                         onClick: L.onClick ? () => {
-                          var S;
-                          return (S = L.onClick) == null ? void 0 : S.call(L, y, x);
+                          var P;
+                          return (P = L.onClick) == null ? void 0 : P.call(L, v, x);
                         } : void 0,
                         onDoubleClick: L.onDoubleClick ? () => {
-                          var S;
-                          return (S = L.onDoubleClick) == null ? void 0 : S.call(L, y, x);
+                          var P;
+                          return (P = L.onDoubleClick) == null ? void 0 : P.call(L, v, x);
                         } : void 0,
                         onContextMenu: L.onContextMenu ? () => {
-                          var S;
-                          return (S = L.onContextMenu) == null ? void 0 : S.call(L, y, x);
+                          var P;
+                          return (P = L.onContextMenu) == null ? void 0 : P.call(L, v, x);
                         } : void 0,
                         onMouseEnter: L.onMouseEnter ? () => {
-                          var S;
-                          return (S = L.onMouseEnter) == null ? void 0 : S.call(L, y, x);
+                          var P;
+                          return (P = L.onMouseEnter) == null ? void 0 : P.call(L, v, x);
                         } : void 0,
                         onMouseLeave: L.onMouseLeave ? () => {
-                          var S;
-                          return (S = L.onMouseLeave) == null ? void 0 : S.call(L, y, x);
+                          var P;
+                          return (P = L.onMouseLeave) == null ? void 0 : P.call(L, v, x);
                         } : void 0,
-                        children: e.map((S) => {
-                          const p1 = S === e[0], h1 = S === e[e.length - 1];
+                        children: e.map((P) => {
+                          const p1 = P === e[0], h1 = P === e[e.length - 1];
                           return /* @__PURE__ */ n(
                             "td",
                             {
@@ -7643,16 +7645,17 @@ const Se = ({ children: e }) => {
                                                             ${s && h1 && l1 ? "rounded-tr-lg" : ""}
                                                             ${s && p1 && c1 ? "rounded-bl-lg" : ""}
                                                             ${s && h1 && c1 ? "rounded-br-lg" : ""}
-                                                            ${S.align === "center" ? "text-center" : "text-left"}
-                                                            ${S.align === "right" ? "text-right" : ""}
+                                                            ${P.align === "center" ? "text-center" : "text-left"}
+                                                            ${P.align === "right" ? "text-right" : ""}
                                                         `,
-                              children: R(S, y, x)
+                              style: { width: P.width },
+                              children: R(P, v, x)
                             },
-                            S.key
+                            P.key
                           );
                         })
                       },
-                      z
+                      q
                     );
                   }) })
                 ]
@@ -7662,38 +7665,38 @@ const Se = ({ children: e }) => {
         )
       }
     ),
-    f && !t && /* @__PURE__ */ v("div", { className: "mt-4 flex items-center justify-between", children: [
+    f && !t && /* @__PURE__ */ y("div", { className: "mt-4 flex items-center justify-between", children: [
       /* @__PURE__ */ n("div", { className: "table-pagination-text text-sm", children: f.showTotal && f.total && f.showTotal(f.total, [1, f.total]) }),
-      /* @__PURE__ */ v("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ y("div", { className: "flex items-center gap-2", children: [
         f.showSizeChanger && /* @__PURE__ */ n(
           "select",
           {
             className: "table-pagination-select px-3 py-1 rounded-md text-sm",
             value: f.pageSize,
-            onChange: (y) => {
+            onChange: (v) => {
               var x;
-              (x = f.onShowSizeChange) == null || x.call(f, f.current || 1, parseInt(y.target.value));
+              (x = f.onShowSizeChange) == null || x.call(f, f.current || 1, parseInt(v.target.value));
             },
-            children: (Y = f.pageSizeOptions) == null ? void 0 : Y.map((y) => /* @__PURE__ */ v("option", { value: y, children: [
-              y,
+            children: (Y = f.pageSizeOptions) == null ? void 0 : Y.map((v) => /* @__PURE__ */ y("option", { value: v, children: [
+              v,
               " per page"
-            ] }, y))
+            ] }, v))
           }
         ),
-        /* @__PURE__ */ v("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ y("div", { className: "flex items-center gap-1", children: [
           /* @__PURE__ */ n(
             "button",
             {
               className: "table-pagination-button px-3 py-1 rounded-md text-sm",
               disabled: !f.current || f.current <= 1,
               onClick: () => {
-                var y;
-                f.current && f.pageSize && ((y = f.onChange) == null || y.call(f, f.current - 1, f.pageSize));
+                var v;
+                f.current && f.pageSize && ((v = f.onChange) == null || v.call(f, f.current - 1, f.pageSize));
               },
               children: "Previous"
             }
           ),
-          /* @__PURE__ */ v("span", { className: "table-pagination-text px-3 py-1 text-sm", children: [
+          /* @__PURE__ */ y("span", { className: "table-pagination-text px-3 py-1 text-sm", children: [
             "Page ",
             f.current,
             " of ",
@@ -7705,8 +7708,8 @@ const Se = ({ children: e }) => {
               className: "table-pagination-button px-3 py-1 rounded-md text-sm",
               disabled: !f.current || f.current >= Math.ceil((f.total || 0) / (f.pageSize || 10)),
               onClick: () => {
-                var y;
-                f.current && f.pageSize && ((y = f.onChange) == null || y.call(f, f.current + 1, f.pageSize));
+                var v;
+                f.current && f.pageSize && ((v = f.onChange) == null || v.call(f, f.current + 1, f.pageSize));
               },
               children: "Next"
             }