npm - @neuctra/cms-core - Versions diffs - 1.0.0 → 1.0.1 - Mend

@neuctra/cms-core 1.0.0 → 1.0.1

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 (6) hide show

package/dist/index.es.js CHANGED Viewed

@@ -45,12 +45,12 @@ var Vt = {};
 var gc;
 function Zm() {
   return gc || (gc = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(b) {
-      if (b == null) return null;
-      if (typeof b == "function")
-        return b.$$typeof === M ? null : b.displayName || b.name || null;
-      if (typeof b == "string") return b;
-      switch (b) {
+    function e(h) {
+      if (h == null) return null;
+      if (typeof h == "function")
+        return h.$$typeof === M ? null : h.displayName || h.name || null;
+      if (typeof h == "string") return h;
+      switch (h) {
         case S:
           return "Fragment";
         case v:
@@ -64,127 +64,127 @@ function Zm() {
         case _:
           return "Activity";
       }
-      if (typeof b == "object")
-        switch (typeof b.tag == "number" && console.error(
+      if (typeof h == "object")
+        switch (typeof h.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), b.$$typeof) {
+        ), h.$$typeof) {
           case y:
             return "Portal";
           case T:
-            return b.displayName || "Context";
+            return h.displayName || "Context";
           case w:
-            return (b._context.displayName || "Context") + ".Consumer";
+            return (h._context.displayName || "Context") + ".Consumer";
           case A:
-            var I = b.render;
-            return b = b.displayName, b || (b = I.displayName || I.name || "", b = b !== "" ? "ForwardRef(" + b + ")" : "ForwardRef"), b;
+            var I = h.render;
+            return h = h.displayName, h || (h = I.displayName || I.name || "", h = h !== "" ? "ForwardRef(" + h + ")" : "ForwardRef"), h;
           case R:
-            return I = b.displayName || null, I !== null ? I : e(b.type) || "Memo";
+            return I = h.displayName || null, I !== null ? I : e(h.type) || "Memo";
           case N:
-            I = b._payload, b = b._init;
+            I = h._payload, h = h._init;
             try {
-              return e(b(I));
+              return e(h(I));
             } catch {
             }
         }
       return null;
     }
-    function t(b) {
-      return "" + b;
+    function t(h) {
+      return "" + h;
     }
-    function n(b) {
+    function n(h) {
       try {
-        t(b);
+        t(h);
         var I = !1;
       } catch {
         I = !0;
       }
       if (I) {
         I = console;
-        var $ = I.error, H = typeof Symbol == "function" && Symbol.toStringTag && b[Symbol.toStringTag] || b.constructor.name || "Object";
+        var $ = I.error, H = typeof Symbol == "function" && Symbol.toStringTag && h[Symbol.toStringTag] || h.constructor.name || "Object";
         return $.call(
           I,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           H
-        ), t(b);
+        ), t(h);
       }
     }
-    function a(b) {
-      if (b === S) return "<>";
-      if (typeof b == "object" && b !== null && b.$$typeof === N)
+    function a(h) {
+      if (h === S) return "<>";
+      if (typeof h == "object" && h !== null && h.$$typeof === N)
         return "<...>";
       try {
-        var I = e(b);
+        var I = e(h);
         return I ? "<" + I + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function r() {
-      var b = F.A;
-      return b === null ? null : b.getOwner();
+      var h = F.A;
+      return h === null ? null : h.getOwner();
     }
     function i() {
       return Error("react-stack-top-frame");
     }
-    function o(b) {
-      if (D.call(b, "key")) {
-        var I = Object.getOwnPropertyDescriptor(b, "key").get;
+    function o(h) {
+      if (D.call(h, "key")) {
+        var I = Object.getOwnPropertyDescriptor(h, "key").get;
         if (I && I.isReactWarning) return !1;
       }
-      return b.key !== void 0;
+      return h.key !== void 0;
     }
-    function s(b, I) {
+    function s(h, I) {
       function $() {
         B || (B = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           I
         ));
       }
-      $.isReactWarning = !0, Object.defineProperty(b, "key", {
+      $.isReactWarning = !0, Object.defineProperty(h, "key", {
         get: $,
         configurable: !0
       });
     }
     function u() {
-      var b = e(this.type);
-      return G[b] || (G[b] = !0, console.error(
+      var h = e(this.type);
+      return G[h] || (G[h] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), b = this.props.ref, b !== void 0 ? b : null;
+      )), h = this.props.ref, h !== void 0 ? h : null;
     }
-    function l(b, I, $, H, ve, be) {
+    function l(h, I, $, H, ve, be) {
       var W = $.ref;
-      return b = {
-        $$typeof: h,
-        type: b,
+      return h = {
+        $$typeof: f,
+        type: h,
         key: I,
         props: $,
         _owner: H
-      }, (W !== void 0 ? W : null) !== null ? Object.defineProperty(b, "ref", {
+      }, (W !== void 0 ? W : null) !== null ? Object.defineProperty(h, "ref", {
         enumerable: !1,
         get: u
-      }) : Object.defineProperty(b, "ref", { enumerable: !1, value: null }), b._store = {}, Object.defineProperty(b._store, "validated", {
+      }) : Object.defineProperty(h, "ref", { enumerable: !1, value: null }), h._store = {}, Object.defineProperty(h._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(b, "_debugInfo", {
+      }), Object.defineProperty(h, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(b, "_debugStack", {
+      }), Object.defineProperty(h, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: ve
-      }), Object.defineProperty(b, "_debugTask", {
+      }), Object.defineProperty(h, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: be
-      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
+      }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
     }
-    function c(b, I, $, H, ve, be) {
+    function c(h, I, $, H, ve, be) {
       var W = I.children;
       if (W !== void 0)
         if (H)
@@ -198,7 +198,7 @@ function Zm() {
             );
         else d(W);
       if (D.call(I, "key")) {
-        W = e(b);
+        W = e(h);
         var ie = Object.keys(I).filter(function($e) {
           return $e !== "key";
         });
@@ -222,9 +222,9 @@ React keys must be passed directly to JSX without using spread:
       } else $ = I;
       return W && s(
         $,
-        typeof b == "function" ? b.displayName || b.name || "Unknown" : b
+        typeof h == "function" ? h.displayName || h.name || "Unknown" : h
       ), l(
-        b,
+        h,
         W,
         $,
         r(),
@@ -232,43 +232,43 @@ React keys must be passed directly to JSX without using spread:
         be
       );
     }
-    function d(b) {
-      p(b) ? b._store && (b._store.validated = 1) : typeof b == "object" && b !== null && b.$$typeof === N && (b._payload.status === "fulfilled" ? p(b._payload.value) && b._payload.value._store && (b._payload.value._store.validated = 1) : b._store && (b._store.validated = 1));
+    function d(h) {
+      p(h) ? h._store && (h._store.validated = 1) : typeof h == "object" && h !== null && h.$$typeof === N && (h._payload.status === "fulfilled" ? p(h._payload.value) && h._payload.value._store && (h._payload.value._store.validated = 1) : h._store && (h._store.validated = 1));
     }
-    function p(b) {
-      return typeof b == "object" && b !== null && b.$$typeof === h;
+    function p(h) {
+      return typeof h == "object" && h !== null && h.$$typeof === f;
     }
-    var m = ee, h = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), T = Symbol.for("react.context"), A = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), C = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), N = Symbol.for("react.lazy"), _ = Symbol.for("react.activity"), M = Symbol.for("react.client.reference"), F = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, D = Object.prototype.hasOwnProperty, U = Array.isArray, L = console.createTask ? console.createTask : function() {
+    var m = ee, f = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), T = Symbol.for("react.context"), A = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), C = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), N = Symbol.for("react.lazy"), _ = Symbol.for("react.activity"), M = Symbol.for("react.client.reference"), F = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, D = Object.prototype.hasOwnProperty, U = Array.isArray, L = console.createTask ? console.createTask : function() {
       return null;
     };
     m = {
-      react_stack_bottom_frame: function(b) {
-        return b();
+      react_stack_bottom_frame: function(h) {
+        return h();
       }
     };
     var B, G = {}, Y = m.react_stack_bottom_frame.bind(
       m,
       i
     )(), z = L(a(i)), q = {};
-    Vt.Fragment = S, Vt.jsx = function(b, I, $) {
+    Vt.Fragment = S, Vt.jsx = function(h, I, $) {
       var H = 1e4 > F.recentlyCreatedOwnerStacks++;
       return c(
-        b,
+        h,
         I,
         $,
         !1,
         H ? Error("react-stack-top-frame") : Y,
-        H ? L(a(b)) : z
+        H ? L(a(h)) : z
       );
-    }, Vt.jsxs = function(b, I, $) {
+    }, Vt.jsxs = function(h, I, $) {
       var H = 1e4 > F.recentlyCreatedOwnerStacks++;
       return c(
-        b,
+        h,
         I,
         $,
         !0,
         H ? Error("react-stack-top-frame") : Y,
-        H ? L(a(b)) : z
+        H ? L(a(h)) : z
       );
     };
   })()), Vt;
@@ -277,7 +277,7 @@ var mc;
 function Qm() {
   return mc || (mc = 1, process.env.NODE_ENV === "production" ? _n.exports = Xm() : _n.exports = Zm()), _n.exports;
 }
-var f = Qm();
+var b = Qm();
 /**
  * @license lucide-react v0.536.0 - ISC
  *
@@ -948,7 +948,7 @@ const lh = [
 }, Ep = ({
   value: e = "",
   className: t = ""
-}) => e && e.replace(/<p><br><\/p>|<p><\/p>|<br>/gi, "").trim() ? /* @__PURE__ */ f.jsx(
+}) => e && e.replace(/<p><br><\/p>|<p><\/p>|<br>/gi, "").trim() ? /* @__PURE__ */ b.jsx(
   "div",
   {
     className: `
@@ -1019,48 +1019,42 @@ const lh = [
     const l = r.current?.innerHTML;
     l && t(l);
   };
-  return /* @__PURE__ */ f.jsxs("div", { className: "overflow-hidden rounded-3xl border border-white/10 bg-linear-to-b from-white/3 to-transparent", children: [
-    /* @__PURE__ */ f.jsxs("div", { className: "flex items-center justify-between border-b border-white/10 px-5 py-4", children: [
-      /* @__PURE__ */ f.jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ f.jsx("div", { className: "flex items-center justify-center rounded-lg px-4 py-2.5 bg-cyan-400/5", children: /* @__PURE__ */ f.jsx(Jf, { size: 14, className: "text-cyan-400" }) }),
-        /* @__PURE__ */ f.jsxs("div", { children: [
-          /* @__PURE__ */ f.jsx("h3", { className: "text-sm font-semibold text-white", children: "Rich Text Editor" }),
-          /* @__PURE__ */ f.jsx("p", { className: "text-xs text-white/40", children: "Advanced formatted content editor" })
-        ] })
-      ] }),
-      /* @__PURE__ */ f.jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ f.jsx(
+  return /* @__PURE__ */ b.jsxs("div", { className: "overflow-hidden rounded-3xl border border-white/10 bg-linear-to-b from-white/3 to-transparent", children: [
+    /* @__PURE__ */ b.jsxs("div", { className: "flex items-center justify-between border-b border-white/10 px-5 py-4", children: [
+      /* @__PURE__ */ b.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ b.jsx("div", { className: "flex items-center justify-center rounded-lg px-4 py-2.5 bg-cyan-400/5", children: /* @__PURE__ */ b.jsx(Jf, { size: 14, className: "text-cyan-400" }) }) }),
+      /* @__PURE__ */ b.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ b.jsx(
           "button",
           {
             onClick: () => o((l) => !l),
             className: `flex items-center gap-2 rounded-lg px-4 py-2.5 text-sm transition-all duration-200 ${i ? "bg-cyan-500/10 text-cyan-300" : "bg-white/5 text-white/60 hover:bg-white/10 hover:text-white"}`,
-            children: /* @__PURE__ */ f.jsx(pp, { size: 14 })
+            children: /* @__PURE__ */ b.jsx(pp, { size: 14 })
           }
         ),
-        n && /* @__PURE__ */ f.jsx(
+        n && /* @__PURE__ */ b.jsx(
           "button",
           {
             onClick: n,
             className: "flex px-4 py-2.5 items-center justify-center rounded-lg bg-red-600/5 text-red-600 transition-all duration-200 hover:scale-105 hover:bg-red-500/10",
-            children: /* @__PURE__ */ f.jsx(ct, { size: 14 })
+            children: /* @__PURE__ */ b.jsx(ct, { size: 14 })
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ f.jsxs("div", { className: "flex flex-wrap items-center gap-2 border-b border-white/10 bg-white/2 p-4", children: [
-      /* @__PURE__ */ f.jsx(qe, { icon: gf, onClick: () => s("bold") }),
-      /* @__PURE__ */ f.jsx(qe, { icon: Pf, onClick: () => s("italic") }),
-      /* @__PURE__ */ f.jsx(qe, { icon: uh, onClick: () => s("underline") }),
-      /* @__PURE__ */ f.jsx("div", { className: "mx-1 h-6 w-px bg-white/10" }),
-      /* @__PURE__ */ f.jsx(qe, { icon: lf, onClick: () => s("justifyLeft") }),
-      /* @__PURE__ */ f.jsx(qe, { icon: of, onClick: () => s("justifyCenter") }),
-      /* @__PURE__ */ f.jsx(qe, { icon: cf, onClick: () => s("justifyRight") }),
-      /* @__PURE__ */ f.jsx("div", { className: "mx-1 h-6 w-px bg-white/10" }),
-      /* @__PURE__ */ f.jsx(qe, { icon: Gf, onClick: () => s("insertUnorderedList") }),
-      /* @__PURE__ */ f.jsx(qe, { icon: $f, onClick: () => s("insertOrderedList") }),
-      /* @__PURE__ */ f.jsx(qe, { icon: qf, onClick: () => s("formatBlock", "blockquote") })
+    /* @__PURE__ */ b.jsxs("div", { className: "flex flex-wrap items-center gap-2 border-b border-white/10 bg-white/2 p-4", children: [
+      /* @__PURE__ */ b.jsx(qe, { icon: gf, onClick: () => s("bold") }),
+      /* @__PURE__ */ b.jsx(qe, { icon: Pf, onClick: () => s("italic") }),
+      /* @__PURE__ */ b.jsx(qe, { icon: uh, onClick: () => s("underline") }),
+      /* @__PURE__ */ b.jsx("div", { className: "mx-1 h-6 w-px bg-white/10" }),
+      /* @__PURE__ */ b.jsx(qe, { icon: lf, onClick: () => s("justifyLeft") }),
+      /* @__PURE__ */ b.jsx(qe, { icon: of, onClick: () => s("justifyCenter") }),
+      /* @__PURE__ */ b.jsx(qe, { icon: cf, onClick: () => s("justifyRight") }),
+      /* @__PURE__ */ b.jsx("div", { className: "mx-1 h-6 w-px bg-white/10" }),
+      /* @__PURE__ */ b.jsx(qe, { icon: Gf, onClick: () => s("insertUnorderedList") }),
+      /* @__PURE__ */ b.jsx(qe, { icon: $f, onClick: () => s("insertOrderedList") }),
+      /* @__PURE__ */ b.jsx(qe, { icon: qf, onClick: () => s("formatBlock", "blockquote") })
     ] }),
-    /* @__PURE__ */ f.jsx(
+    /* @__PURE__ */ b.jsx(
       "div",
       {
         ref: r,
@@ -1077,6 +1071,15 @@ const lh = [
     [&_ol]:pl-6
     [&_li]:ml-2
+    /* QUOTE STYLE */
+    [&_blockquote]:border-l-4
+    [&_blockquote]:border-primary/60
+    [&_blockquote]:pl-4
+    [&_blockquote]:italic
+    [&_blockquote]:py-2
+    [&_blockquote]:rounded-r-lg
+    [&_blockquote]:my-2
     [&:empty:before]:content-[attr(data-placeholder)]
     [&:empty:before]:text-white/30
     [&:empty:before]:pointer-events-none
@@ -1084,15 +1087,15 @@ const lh = [
         "data-placeholder": a
       }
     ),
-    i && /* @__PURE__ */ f.jsx(Ep, { value: e })
+    i && /* @__PURE__ */ b.jsx(Ep, { value: e })
   ] });
-}, qe = ({ icon: e, onClick: t }) => /* @__PURE__ */ f.jsx(
+}, qe = ({ icon: e, onClick: t }) => /* @__PURE__ */ b.jsx(
   "button",
   {
     type: "button",
     onClick: t,
     className: "flex h-10 w-10 items-center justify-center rounded-2xl border border-white/10 bg-white/5 text-white/70 transition-all duration-200 hover:bg-white/10 hover:text-white",
-    children: /* @__PURE__ */ f.jsx(e, { size: 15 })
+    children: /* @__PURE__ */ b.jsx(e, { size: 15 })
   }
 ), ph = ({
   value: e = "",
@@ -1134,7 +1137,7 @@ const lh = [
       className: "text-lg font-medium"
     }
   ], s = o.find((u) => u.value === t) || o[0];
-  return /* @__PURE__ */ f.jsxs(
+  return /* @__PURE__ */ b.jsxs(
     "div",
     {
       className: `
@@ -1147,16 +1150,10 @@ const lh = [
         to-transparent
       `,
       children: [
-        /* @__PURE__ */ f.jsxs("div", { className: "flex items-center justify-between border-b border-white/10 px-5 py-4", children: [
-          /* @__PURE__ */ f.jsxs("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ f.jsx("div", { className: "flex items-center justify-center rounded-lg px-4 py-2.5 bg-violet-400/5", children: /* @__PURE__ */ f.jsx(Mf, { size: 14, className: "text-violet-400" }) }),
-            /* @__PURE__ */ f.jsxs("div", { children: [
-              /* @__PURE__ */ f.jsx("h3", { className: "text-sm font-semibold text-white", children: "Heading Editor" }),
-              /* @__PURE__ */ f.jsx("p", { className: "text-xs text-white/40", children: "Create structured headings with hierarchy" })
-            ] })
-          ] }),
-          /* @__PURE__ */ f.jsxs("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ f.jsx(
+        /* @__PURE__ */ b.jsxs("div", { className: "flex items-center justify-between border-b border-white/10 px-5 py-4", children: [
+          /* @__PURE__ */ b.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ b.jsx("div", { className: "flex items-center justify-center rounded-lg px-4 py-2.5 bg-violet-400/5", children: /* @__PURE__ */ b.jsx(Mf, { size: 14, className: "text-violet-400" }) }) }),
+          /* @__PURE__ */ b.jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ b.jsx(
               "div",
               {
                 className: `
@@ -1171,7 +1168,7 @@ const lh = [
                 children: s.label
               }
             ),
-            /* @__PURE__ */ f.jsx(
+            /* @__PURE__ */ b.jsx(
               "button",
               {
                 onClick: r,
@@ -1186,12 +1183,12 @@ const lh = [
         hover:text-red-400
         hover:scale-105
       `,
-                children: /* @__PURE__ */ f.jsx(ct, { size: 14 })
+                children: /* @__PURE__ */ b.jsx(ct, { size: 14 })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ f.jsx(
+        /* @__PURE__ */ b.jsx(
           "div",
           {
             className: `
@@ -1206,7 +1203,7 @@ const lh = [
         `,
             children: o.map((u) => {
               const l = t === u.value;
-              return /* @__PURE__ */ f.jsx(
+              return /* @__PURE__ */ b.jsx(
                 "button",
                 {
                   type: "button",
@@ -1242,7 +1239,7 @@ const lh = [
             })
           }
         ),
-        /* @__PURE__ */ f.jsx("div", { className: "p-5", children: /* @__PURE__ */ f.jsx(
+        /* @__PURE__ */ b.jsx("div", { className: "p-5", children: /* @__PURE__ */ b.jsx(
           "input",
           {
             type: "text",
@@ -1694,7 +1691,7 @@ function gb(e, t, n, a) {
 function xp(e, t) {
   return e.Uri.parse(t);
 }
-function mb({ original: e, modified: t, language: n, originalLanguage: a, modifiedLanguage: r, originalModelPath: i, modifiedModelPath: o, keepCurrentOriginalModel: s = !1, keepCurrentModifiedModel: u = !1, theme: l = "light", loading: c = "Loading...", options: d = {}, height: p = "100%", width: m = "100%", className: h, wrapperProps: y = {}, beforeMount: S = Kt, onMount: E = Kt }) {
+function mb({ original: e, modified: t, language: n, originalLanguage: a, modifiedLanguage: r, originalModelPath: i, modifiedModelPath: o, keepCurrentOriginalModel: s = !1, keepCurrentModifiedModel: u = !1, theme: l = "light", loading: c = "Loading...", options: d = {}, height: p = "100%", width: m = "100%", className: f, wrapperProps: y = {}, beforeMount: S = Kt, onMount: E = Kt }) {
   let [v, w] = ae(!1), [T, A] = ae(!0), x = X(null), C = X(null), R = X(null), N = X(E), _ = X(S), M = X(!1);
   _p(() => {
     let L = Ap.init();
@@ -1739,7 +1736,7 @@ function mb({ original: e, modified: t, language: n, originalLanguage: a, modifi
     let L = x.current?.getModel();
     s || L?.original?.dispose(), u || L?.modified?.dispose(), x.current?.dispose();
   }
-  return ee.createElement(Np, { width: m, height: p, isEditorReady: v, loading: c, _ref: R, className: h, wrapperProps: y });
+  return ee.createElement(Np, { width: m, height: p, isEditorReady: v, loading: c, _ref: R, className: f, wrapperProps: y });
 }
 var fb = mb;
 ln(fb);
@@ -1750,21 +1747,21 @@ function hb(e) {
   }, [e]), t.current;
 }
 var bb = hb, Rn = /* @__PURE__ */ new Map();
-function yb({ defaultValue: e, defaultLanguage: t, defaultPath: n, value: a, language: r, path: i, theme: o = "light", line: s, loading: u = "Loading...", options: l = {}, overrideServices: c = {}, saveViewState: d = !0, keepCurrentModel: p = !1, width: m = "100%", height: h = "100%", className: y, wrapperProps: S = {}, beforeMount: E = Kt, onMount: v = Kt, onChange: w, onValidate: T = Kt }) {
+function yb({ defaultValue: e, defaultLanguage: t, defaultPath: n, value: a, language: r, path: i, theme: o = "light", line: s, loading: u = "Loading...", options: l = {}, overrideServices: c = {}, saveViewState: d = !0, keepCurrentModel: p = !1, width: m = "100%", height: f = "100%", className: y, wrapperProps: S = {}, beforeMount: E = Kt, onMount: v = Kt, onChange: w, onValidate: T = Kt }) {
   let [A, x] = ae(!1), [C, R] = ae(!0), N = X(null), _ = X(null), M = X(null), F = X(v), D = X(E), U = X(), L = X(a), B = bb(i), G = X(!1), Y = X(!1);
   _p(() => {
-    let b = Ap.init();
-    return b.then((I) => (N.current = I) && R(!1)).catch((I) => I?.type !== "cancelation" && console.error("Monaco initialization: error:", I)), () => _.current ? q() : b.cancel();
+    let h = Ap.init();
+    return h.then((I) => (N.current = I) && R(!1)).catch((I) => I?.type !== "cancelation" && console.error("Monaco initialization: error:", I)), () => _.current ? q() : h.cancel();
   }), Ce(() => {
-    let b = vt(N.current, e || a || "", t || r || "", i || n || "");
-    b !== _.current?.getModel() && (d && Rn.set(B, _.current?.saveViewState()), _.current?.setModel(b), d && _.current?.restoreViewState(Rn.get(i)));
+    let h = vt(N.current, e || a || "", t || r || "", i || n || "");
+    h !== _.current?.getModel() && (d && Rn.set(B, _.current?.saveViewState()), _.current?.setModel(h), d && _.current?.restoreViewState(Rn.get(i)));
   }, [i], A), Ce(() => {
     _.current?.updateOptions(l);
   }, [l], A), Ce(() => {
     !_.current || a === void 0 || (_.current.getOption(N.current.editor.EditorOption.readOnly) ? _.current.setValue(a) : a !== _.current.getValue() && (Y.current = !0, _.current.executeEdits("", [{ range: _.current.getModel().getFullModelRange(), text: a, forceMoveMarkers: !0 }]), _.current.pushUndoStop(), Y.current = !1));
   }, [a], A), Ce(() => {
-    let b = _.current?.getModel();
-    b && r && N.current?.editor.setModelLanguage(b, r);
+    let h = _.current?.getModel();
+    h && r && N.current?.editor.setModelLanguage(h, r);
   }, [r], A), Ce(() => {
     s !== void 0 && _.current?.revealLine(s);
   }, [s], A), Ce(() => {
@@ -1773,8 +1770,8 @@ function yb({ defaultValue: e, defaultLanguage: t, defaultPath: n, value: a, lan
   let z = mt(() => {
     if (!(!M.current || !N.current) && !G.current) {
       D.current(N.current);
-      let b = i || n, I = vt(N.current, a || e || "", t || r || "", b || "");
-      _.current = N.current?.editor.create(M.current, { model: I, automaticLayout: !0, ...l }, c), d && _.current.restoreViewState(Rn.get(b)), N.current.editor.setTheme(o), s !== void 0 && _.current.revealLine(s), x(!0), G.current = !0;
+      let h = i || n, I = vt(N.current, a || e || "", t || r || "", h || "");
+      _.current = N.current?.editor.create(M.current, { model: I, automaticLayout: !0, ...l }, c), d && _.current.restoreViewState(Rn.get(h)), N.current.editor.setTheme(o), s !== void 0 && _.current.revealLine(s), x(!0), G.current = !0;
     }
   }, [e, t, n, a, r, i, l, c, d, o, s]);
   se(() => {
@@ -1782,12 +1779,12 @@ function yb({ defaultValue: e, defaultLanguage: t, defaultPath: n, value: a, lan
   }, [A]), se(() => {
     !C && !A && z();
   }, [C, A, z]), L.current = a, se(() => {
-    A && w && (U.current?.dispose(), U.current = _.current?.onDidChangeModelContent((b) => {
-      Y.current || w(_.current.getValue(), b);
+    A && w && (U.current?.dispose(), U.current = _.current?.onDidChangeModelContent((h) => {
+      Y.current || w(_.current.getValue(), h);
     }));
   }, [A, w]), se(() => {
     if (A) {
-      let b = N.current.editor.onDidChangeMarkers((I) => {
+      let h = N.current.editor.onDidChangeMarkers((I) => {
         let $ = _.current.getModel()?.uri;
         if ($ && I.find((H) => H.path === $.path)) {
           let H = N.current.editor.getModelMarkers({ resource: $ });
@@ -1795,7 +1792,7 @@ function yb({ defaultValue: e, defaultLanguage: t, defaultPath: n, value: a, lan
         }
       });
       return () => {
-        b?.dispose();
+        h?.dispose();
       };
     }
     return () => {
@@ -1804,7 +1801,7 @@ function yb({ defaultValue: e, defaultLanguage: t, defaultPath: n, value: a, lan
   function q() {
     U.current?.dispose(), p ? d && Rn.set(i, _.current.saveViewState()) : _.current.getModel()?.dispose(), _.current.dispose();
   }
-  return ee.createElement(Np, { width: m, height: h, isEditorReady: A, loading: u, _ref: M, className: y, wrapperProps: S });
+  return ee.createElement(Np, { width: m, height: f, isEditorReady: A, loading: u, _ref: M, className: y, wrapperProps: S });
 }
 var Eb = yb, Rp = ln(Eb), Sb = Rp, xa = { exports: {} }, Ht = {};
 /**
@@ -1851,12 +1848,12 @@ var kn = {};
 var Tc;
 function wb() {
   return Tc || (Tc = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(b) {
-      if (b == null) return null;
-      if (typeof b == "function")
-        return b.$$typeof === M ? null : b.displayName || b.name || null;
-      if (typeof b == "string") return b;
-      switch (b) {
+    function e(h) {
+      if (h == null) return null;
+      if (typeof h == "function")
+        return h.$$typeof === M ? null : h.displayName || h.name || null;
+      if (typeof h == "string") return h;
+      switch (h) {
         case S:
           return "Fragment";
         case v:
@@ -1870,127 +1867,127 @@ function wb() {
         case _:
           return "Activity";
       }
-      if (typeof b == "object")
-        switch (typeof b.tag == "number" && console.error(
+      if (typeof h == "object")
+        switch (typeof h.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), b.$$typeof) {
+        ), h.$$typeof) {
           case y:
             return "Portal";
           case T:
-            return b.displayName || "Context";
+            return h.displayName || "Context";
           case w:
-            return (b._context.displayName || "Context") + ".Consumer";
+            return (h._context.displayName || "Context") + ".Consumer";
           case A:
-            var I = b.render;
-            return b = b.displayName, b || (b = I.displayName || I.name || "", b = b !== "" ? "ForwardRef(" + b + ")" : "ForwardRef"), b;
+            var I = h.render;
+            return h = h.displayName, h || (h = I.displayName || I.name || "", h = h !== "" ? "ForwardRef(" + h + ")" : "ForwardRef"), h;
           case R:
-            return I = b.displayName || null, I !== null ? I : e(b.type) || "Memo";
+            return I = h.displayName || null, I !== null ? I : e(h.type) || "Memo";
           case N:
-            I = b._payload, b = b._init;
+            I = h._payload, h = h._init;
             try {
-              return e(b(I));
+              return e(h(I));
             } catch {
             }
         }
       return null;
     }
-    function t(b) {
-      return "" + b;
+    function t(h) {
+      return "" + h;
     }
-    function n(b) {
+    function n(h) {
       try {
-        t(b);
+        t(h);
         var I = !1;
       } catch {
         I = !0;
       }
       if (I) {
         I = console;
-        var $ = I.error, H = typeof Symbol == "function" && Symbol.toStringTag && b[Symbol.toStringTag] || b.constructor.name || "Object";
+        var $ = I.error, H = typeof Symbol == "function" && Symbol.toStringTag && h[Symbol.toStringTag] || h.constructor.name || "Object";
         return $.call(
           I,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           H
-        ), t(b);
+        ), t(h);
       }
     }
-    function a(b) {
-      if (b === S) return "<>";
-      if (typeof b == "object" && b !== null && b.$$typeof === N)
+    function a(h) {
+      if (h === S) return "<>";
+      if (typeof h == "object" && h !== null && h.$$typeof === N)
         return "<...>";
       try {
-        var I = e(b);
+        var I = e(h);
         return I ? "<" + I + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function r() {
-      var b = F.A;
-      return b === null ? null : b.getOwner();
+      var h = F.A;
+      return h === null ? null : h.getOwner();
     }
     function i() {
       return Error("react-stack-top-frame");
     }
-    function o(b) {
-      if (D.call(b, "key")) {
-        var I = Object.getOwnPropertyDescriptor(b, "key").get;
+    function o(h) {
+      if (D.call(h, "key")) {
+        var I = Object.getOwnPropertyDescriptor(h, "key").get;
         if (I && I.isReactWarning) return !1;
       }
-      return b.key !== void 0;
+      return h.key !== void 0;
     }
-    function s(b, I) {
+    function s(h, I) {
       function $() {
         B || (B = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           I
         ));
       }
-      $.isReactWarning = !0, Object.defineProperty(b, "key", {
+      $.isReactWarning = !0, Object.defineProperty(h, "key", {
         get: $,
         configurable: !0
       });
     }
     function u() {
-      var b = e(this.type);
-      return G[b] || (G[b] = !0, console.error(
+      var h = e(this.type);
+      return G[h] || (G[h] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), b = this.props.ref, b !== void 0 ? b : null;
+      )), h = this.props.ref, h !== void 0 ? h : null;
     }
-    function l(b, I, $, H, ve, be) {
+    function l(h, I, $, H, ve, be) {
       var W = $.ref;
-      return b = {
-        $$typeof: h,
-        type: b,
+      return h = {
+        $$typeof: f,
+        type: h,
         key: I,
         props: $,
         _owner: H
-      }, (W !== void 0 ? W : null) !== null ? Object.defineProperty(b, "ref", {
+      }, (W !== void 0 ? W : null) !== null ? Object.defineProperty(h, "ref", {
         enumerable: !1,
         get: u
-      }) : Object.defineProperty(b, "ref", { enumerable: !1, value: null }), b._store = {}, Object.defineProperty(b._store, "validated", {
+      }) : Object.defineProperty(h, "ref", { enumerable: !1, value: null }), h._store = {}, Object.defineProperty(h._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(b, "_debugInfo", {
+      }), Object.defineProperty(h, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(b, "_debugStack", {
+      }), Object.defineProperty(h, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: ve
-      }), Object.defineProperty(b, "_debugTask", {
+      }), Object.defineProperty(h, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: be
-      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
+      }), Object.freeze && (Object.freeze(h.props), Object.freeze(h)), h;
     }
-    function c(b, I, $, H, ve, be) {
+    function c(h, I, $, H, ve, be) {
       var W = I.children;
       if (W !== void 0)
         if (H)
@@ -2004,7 +2001,7 @@ function wb() {
             );
         else d(W);
       if (D.call(I, "key")) {
-        W = e(b);
+        W = e(h);
         var ie = Object.keys(I).filter(function($e) {
           return $e !== "key";
         });
@@ -2028,9 +2025,9 @@ React keys must be passed directly to JSX without using spread:
       } else $ = I;
       return W && s(
         $,
-        typeof b == "function" ? b.displayName || b.name || "Unknown" : b
+        typeof h == "function" ? h.displayName || h.name || "Unknown" : h
       ), l(
-        b,
+        h,
         W,
         $,
         r(),
@@ -2038,43 +2035,43 @@ React keys must be passed directly to JSX without using spread:
         be
       );
     }
-    function d(b) {
-      p(b) ? b._store && (b._store.validated = 1) : typeof b == "object" && b !== null && b.$$typeof === N && (b._payload.status === "fulfilled" ? p(b._payload.value) && b._payload.value._store && (b._payload.value._store.validated = 1) : b._store && (b._store.validated = 1));
+    function d(h) {
+      p(h) ? h._store && (h._store.validated = 1) : typeof h == "object" && h !== null && h.$$typeof === N && (h._payload.status === "fulfilled" ? p(h._payload.value) && h._payload.value._store && (h._payload.value._store.validated = 1) : h._store && (h._store.validated = 1));
     }
-    function p(b) {
-      return typeof b == "object" && b !== null && b.$$typeof === h;
+    function p(h) {
+      return typeof h == "object" && h !== null && h.$$typeof === f;
     }
-    var m = ee, h = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), T = Symbol.for("react.context"), A = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), C = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), N = Symbol.for("react.lazy"), _ = Symbol.for("react.activity"), M = Symbol.for("react.client.reference"), F = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, D = Object.prototype.hasOwnProperty, U = Array.isArray, L = console.createTask ? console.createTask : function() {
+    var m = ee, f = Symbol.for("react.transitional.element"), y = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), E = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), w = Symbol.for("react.consumer"), T = Symbol.for("react.context"), A = Symbol.for("react.forward_ref"), x = Symbol.for("react.suspense"), C = Symbol.for("react.suspense_list"), R = Symbol.for("react.memo"), N = Symbol.for("react.lazy"), _ = Symbol.for("react.activity"), M = Symbol.for("react.client.reference"), F = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, D = Object.prototype.hasOwnProperty, U = Array.isArray, L = console.createTask ? console.createTask : function() {
       return null;
     };
     m = {
-      react_stack_bottom_frame: function(b) {
-        return b();
+      react_stack_bottom_frame: function(h) {
+        return h();
       }
     };
     var B, G = {}, Y = m.react_stack_bottom_frame.bind(
       m,
       i
     )(), z = L(a(i)), q = {};
-    kn.Fragment = S, kn.jsx = function(b, I, $) {
+    kn.Fragment = S, kn.jsx = function(h, I, $) {
       var H = 1e4 > F.recentlyCreatedOwnerStacks++;
       return c(
-        b,
+        h,
         I,
         $,
         !1,
         H ? Error("react-stack-top-frame") : Y,
-        H ? L(a(b)) : z
+        H ? L(a(h)) : z
       );
-    }, kn.jsxs = function(b, I, $) {
+    }, kn.jsxs = function(h, I, $) {
       var H = 1e4 > F.recentlyCreatedOwnerStacks++;
       return c(
-        b,
+        h,
         I,
         $,
         !0,
         H ? Error("react-stack-top-frame") : Y,
-        H ? L(a(b)) : z
+        H ? L(a(h)) : z
       );
     };
   })()), kn;
@@ -2113,7 +2110,7 @@ const Ab = Be(
     iconClassName: d,
     loaderClassName: p,
     textClassName: m,
-    style: h,
+    style: f,
     contentStyle: y,
     iconStyle: S,
     loaderStyle: E,
@@ -2154,7 +2151,7 @@ const Ab = Be(
           "inline-flex items-center justify-center transition-all duration-200"
         ),
         style: {
-          ...h
+          ...f
         },
         ...T,
         children: /* @__PURE__ */ k.jsx(
@@ -2259,7 +2256,7 @@ const Nc = (e) => {
       opacity: d = 1,
       objectFit: p = "cover",
       overlay: m,
-      overlayColor: h = "hsl(var(--background) / 0.6)",
+      overlayColor: f = "hsl(var(--background) / 0.6)",
       clickable: y,
       onClick: S,
       fallback: E,
@@ -2308,7 +2305,7 @@ const Nc = (e) => {
     }, B = {
       position: "absolute",
       inset: 0,
-      background: h,
+      background: f,
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
@@ -2654,7 +2651,7 @@ const Xb = ln(
     dotClassName: d,
     dotStyle: p,
     countClassName: m,
-    countStyle: h,
+    countStyle: f,
     iconClassName: y,
     iconStyle: S,
     onClick: E
@@ -2698,7 +2695,7 @@ const Xb = ln(
           s !== void 0 && /* @__PURE__ */ k.jsx(
             "span",
             {
-              style: h,
+              style: f,
               className: V(
                 m,
                 "absolute -top-2 -right-2 min-w-[18px] h-[18px] px-1 text-[10px]",
@@ -2903,9 +2900,9 @@ function Yp(e, t) {
     delta: 0,
     timestamp: 0,
     isProcessing: !1
-  }, i = () => n = !0, o = In.reduce((E, v) => (E[v] = oy(i), E), {}), { setup: s, read: u, resolveKeyframes: l, preUpdate: c, update: d, preRender: p, render: m, postRender: h } = o, y = () => {
+  }, i = () => n = !0, o = In.reduce((E, v) => (E[v] = oy(i), E), {}), { setup: s, read: u, resolveKeyframes: l, preUpdate: c, update: d, preRender: p, render: m, postRender: f } = o, y = () => {
     const E = tt.useManualTiming, v = E ? r.timestamp : performance.now();
-    n = !1, E || (r.delta = a ? 1e3 / 60 : Math.max(Math.min(v - r.timestamp, sy), 1)), r.timestamp = v, r.isProcessing = !0, s.process(r), u.process(r), l.process(r), c.process(r), d.process(r), p.process(r), m.process(r), h.process(r), r.isProcessing = !1, n && t && (a = !1, e(y));
+    n = !1, E || (r.delta = a ? 1e3 / 60 : Math.max(Math.min(v - r.timestamp, sy), 1)), r.timestamp = v, r.isProcessing = !0, s.process(r), u.process(r), l.process(r), c.process(r), d.process(r), p.process(r), m.process(r), f.process(r), r.isProcessing = !1, n && t && (a = !1, e(y));
   }, S = () => {
     n = !0, a = !0, r.isProcessing || e(y);
   };
@@ -3201,11 +3198,11 @@ function By({ duration: e = oe.duration, bounce: t = oe.bounce, velocity: n = oe
   It(e <= /* @__PURE__ */ Re(oe.maxDuration), "Spring duration must be 10 seconds or less", "spring-duration-limit");
   let o = 1 - t;
   o = He(oe.minDamping, oe.maxDamping, o), e = He(oe.minDuration, oe.maxDuration, /* @__PURE__ */ Le(e)), o < 1 ? (r = (l) => {
-    const c = l * o, d = c * e, p = c - n, m = Xa(l, o), h = Math.exp(-d);
-    return Oa - p / m * h;
+    const c = l * o, d = c * e, p = c - n, m = Xa(l, o), f = Math.exp(-d);
+    return Oa - p / m * f;
   }, i = (l) => {
-    const c = l * o * e, d = c * n + n, p = Math.pow(o, 2) * Math.pow(l, 2) * e, m = Math.exp(-c), h = Xa(Math.pow(l, 2), o);
-    return (-r(l) + Oa > 0 ? -1 : 1) * ((d - p) * m) / h;
+    const c = l * o * e, d = c * n + n, p = Math.pow(o, 2) * Math.pow(l, 2) * e, m = Math.exp(-c), f = Xa(Math.pow(l, 2), o);
+    return (-r(l) + Oa > 0 ? -1 : 1) * ((d - p) * m) / f;
   }) : (r = (l) => {
     const c = Math.exp(-l * e), d = (l - n) * e + 1;
     return -Oa + c * d;
@@ -3271,25 +3268,25 @@ function Zn(e = oe.visualDuration, t = oe.bounce) {
   const i = n.keyframes[0], o = n.keyframes[n.keyframes.length - 1], s = { done: !1, value: i }, { stiffness: u, damping: l, mass: c, duration: d, velocity: p, isResolvedFromDuration: m } = Gy({
     ...n,
     velocity: -/* @__PURE__ */ Le(n.velocity || 0)
-  }), h = p || 0, y = l / (2 * Math.sqrt(u * c)), S = o - i, E = /* @__PURE__ */ Le(Math.sqrt(u / c)), v = Math.abs(S) < 5;
+  }), f = p || 0, y = l / (2 * Math.sqrt(u * c)), S = o - i, E = /* @__PURE__ */ Le(Math.sqrt(u / c)), v = Math.abs(S) < 5;
   a || (a = v ? oe.restSpeed.granular : oe.restSpeed.default), r || (r = v ? oe.restDelta.granular : oe.restDelta.default);
   let w, T, A, x, C, R;
   if (y < 1)
-    A = Xa(E, y), x = (h + y * E * S) / A, w = (_) => {
+    A = Xa(E, y), x = (f + y * E * S) / A, w = (_) => {
       const M = Math.exp(-y * E * _);
       return o - M * (x * Math.sin(A * _) + S * Math.cos(A * _));
     }, C = y * E * x + S * A, R = y * E * S - x * A, T = (_) => Math.exp(-y * E * _) * (C * Math.sin(A * _) + R * Math.cos(A * _));
   else if (y === 1) {
-    w = (M) => o - Math.exp(-E * M) * (S + (h + E * S) * M);
-    const _ = h + E * S;
-    T = (M) => Math.exp(-E * M) * (E * _ * M - h);
+    w = (M) => o - Math.exp(-E * M) * (S + (f + E * S) * M);
+    const _ = f + E * S;
+    T = (M) => Math.exp(-E * M) * (E * _ * M - f);
   } else {
     const _ = E * Math.sqrt(y * y - 1);
     w = (U) => {
       const L = Math.exp(-y * E * U), B = Math.min(_ * U, 300);
-      return o - L * ((h + y * E * S) * Math.sinh(B) + _ * S * Math.cosh(B)) / _;
+      return o - L * ((f + y * E * S) * Math.sinh(B) + _ * S * Math.cosh(B)) / _;
     };
-    const M = (h + y * E * S) / _, F = y * E * M - S * _, D = y * E * S - M * _;
+    const M = (f + y * E * S) / _, F = y * E * M - S * _, D = y * E * S - M * _;
     T = (U) => {
       const L = Math.exp(-y * E * U), B = Math.min(_ * U, 300);
       return L * (F * Math.sinh(B) + D * Math.cosh(B));
@@ -3334,7 +3331,7 @@ function Za({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: a = 3
   const d = e[0], p = {
     done: !1,
     value: d
-  }, m = (R) => s !== void 0 && R < s || u !== void 0 && R > u, h = (R) => s === void 0 ? u : u === void 0 || Math.abs(s - R) < Math.abs(u - R) ? s : u;
+  }, m = (R) => s !== void 0 && R < s || u !== void 0 && R > u, f = (R) => s === void 0 ? u : u === void 0 || Math.abs(s - R) < Math.abs(u - R) ? s : u;
   let y = n * t;
   const S = d + y, E = o === void 0 ? S : o(S);
   E !== S && (y = E - d);
@@ -3345,7 +3342,7 @@ function Za({ keyframes: e, velocity: t = 0, power: n = 0.8, timeConstant: a = 3
   let A, x;
   const C = (R) => {
     m(p.value) && (A = R, x = Zn({
-      keyframes: [p.value, h(p.value)],
+      keyframes: [p.value, f(p.value)],
       velocity: rg(w, R, p.value),
       // TODO: This should be passing * 1000
       damping: r,
@@ -3502,7 +3499,7 @@ class Qn extends zr {
     const { generator: a, totalDuration: r, mixKeyframes: i, mirroredGenerator: o, resolvedDuration: s, calculatedDuration: u } = this;
     if (this.startTime === null)
       return a.next(0);
-    const { delay: l = 0, keyframes: c, repeat: d, repeatType: p, repeatDelay: m, type: h, onUpdate: y, finalKeyframe: S } = this.options;
+    const { delay: l = 0, keyframes: c, repeat: d, repeatType: p, repeatDelay: m, type: f, onUpdate: y, finalKeyframe: S } = this.options;
     this.speed > 0 ? this.startTime = Math.min(this.startTime, t) : this.speed < 0 && (this.startTime = Math.min(t - r / this.speed, this.startTime)), n ? this.currentTime = t : this.updateTime(t);
     const E = this.currentTime - l * (this.playbackSpeed >= 0 ? 1 : -1), v = this.playbackSpeed >= 0 ? E < 0 : E > r;
     this.currentTime = Math.max(E, 0), this.state === "finished" && this.holdTime === null && (this.currentTime = r);
@@ -3517,7 +3514,7 @@ class Qn extends zr {
     let { done: x } = A;
     !v && u !== null && (x = this.playbackSpeed >= 0 ? this.currentTime >= r : this.currentTime <= 0);
     const C = this.holdTime === null && (this.state === "finished" || this.state === "running" && x);
-    return C && h !== Za && (A.value = sa(c, this.options, S, this.speed)), y && y(A.value), C && this.finish(), A;
+    return C && f !== Za && (A.value = sa(c, this.options, S, this.speed)), y && y(A.value), C && this.finish(), A;
   }
   /**
    * Allows the returned animation to be awaited or promise-chained. Currently
@@ -4041,7 +4038,7 @@ class AE extends zr {
       element: c,
       ...d
     }, m = c?.KeyframeResolver || Vr;
-    this.keyframeResolver = new m(s, (h, y, S) => this.onKeyframesResolved(h, y, p, !S), u, l, c), this.keyframeResolver?.scheduleResolve();
+    this.keyframeResolver = new m(s, (f, y, S) => this.onKeyframesResolved(f, y, p, !S), u, l, c), this.keyframeResolver?.scheduleResolve();
   }
   onKeyframesResolved(t, n, a, r) {
     this.keyframeResolver = void 0;
@@ -4054,13 +4051,13 @@ class AE extends zr {
       finalKeyframe: n,
       ...a,
       keyframes: t
-    }, m = d && !l && wE(p), h = p.motionValue?.owner?.current;
+    }, m = d && !l && wE(p), f = p.motionValue?.owner?.current;
     let y;
     if (m)
       try {
         y = new fE({
           ...p,
-          element: h
+          element: f
         });
       } catch {
         y = new Qn(p);
@@ -4509,15 +4506,15 @@ function wg(e, t, { delay: n = 0, transitionOverride: a, type: r } = {}) {
   a && (i = a);
   const c = [], d = r && e.animationState && e.animationState.getState()[r];
   for (const p in s) {
-    const m = e.getValue(p, e.latestValues[p] ?? null), h = s[p];
-    if (h === void 0 || d && GE(d, p))
+    const m = e.getValue(p, e.latestValues[p] ?? null), f = s[p];
+    if (f === void 0 || d && GE(d, p))
       continue;
     const y = {
       delay: n,
       ...Hr(i || {}, p)
     }, S = m.get();
-    if (S !== void 0 && !m.isAnimating() && !Array.isArray(h) && h === S && !y.velocity) {
-      te.update(() => m.set(h));
+    if (S !== void 0 && !m.isAnimating() && !Array.isArray(f) && f === S && !y.velocity) {
+      te.update(() => m.set(f));
       continue;
     }
     let E = !1;
@@ -4530,7 +4527,7 @@ function wg(e, t, { delay: n = 0, transitionOverride: a, type: r } = {}) {
     }
     sr(e, p);
     const v = l ?? e.shouldReduceMotion;
-    m.start(Wr(p, m, h, v && Eg.has(p) ? { type: !1 } : y, e, E));
+    m.start(Wr(p, m, f, v && Eg.has(p) ? { type: !1 } : y, e, E));
     const w = m.animation;
     w && c.push(w);
   }
@@ -4838,14 +4835,14 @@ function rS(e, t, n = {}) {
   return a.forEach((o) => {
     let s = !1, u = !1, l;
     const c = () => {
-      o.removeEventListener("pointerleave", h);
+      o.removeEventListener("pointerleave", f);
     }, d = (S) => {
       l && (l(S), l = void 0), c();
     }, p = (S) => {
       s = !1, window.removeEventListener("pointerup", p), window.removeEventListener("pointercancel", p), u && (u = !1, d(S));
     }, m = () => {
       s = !0, window.addEventListener("pointerup", p, r), window.addEventListener("pointercancel", p, r);
-    }, h = (S) => {
+    }, f = (S) => {
       if (S.pointerType !== "touch") {
         if (s) {
           u = !0;
@@ -4858,7 +4855,7 @@ function rS(e, t, n = {}) {
         return;
       u = !1;
       const E = t(o, S);
-      typeof E == "function" && (l = E, o.addEventListener("pointerleave", h, r));
+      typeof E == "function" && (l = E, o.addEventListener("pointerleave", f, r));
     };
     o.addEventListener("pointerenter", y, r), o.addEventListener("pointerdown", m, r);
   }), i;
@@ -4911,8 +4908,8 @@ function cS(e, t, n = {}) {
     if (!qc(s) || Yc.has(s))
       return;
     Pn.add(u), n.stopPropagation && Yc.add(s);
-    const l = t(u, s), c = (m, h) => {
-      window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", p), Pn.has(u) && Pn.delete(u), qc(m) && typeof l == "function" && l(m, { success: h });
+    const l = t(u, s), c = (m, f) => {
+      window.removeEventListener("pointerup", d), window.removeEventListener("pointercancel", p), Pn.has(u) && Pn.delete(u), qc(m) && typeof l == "function" && l(m, { success: f });
     }, d = (m) => {
       c(m, u === window || u === document || n.useGlobalTarget || Cg(u, m.target));
     }, p = (m) => {
@@ -5087,8 +5084,8 @@ class xS {
     this.latestValues = l, this.baseTarget = { ...l }, this.initialValues = n.initial ? { ...l } : {}, this.renderState = c, this.parent = t, this.props = n, this.presenceContext = a, this.depth = t ? t.depth + 1 : 0, this.reducedMotionConfig = r, this.skipAnimationsConfig = i, this.options = u, this.blockInitialAnimation = !!o, this.isControllingVariants = ua(n), this.isVariantNode = Lg(n), this.isVariantNode && (this.variantChildren = /* @__PURE__ */ new Set()), this.manuallyAnimateOnMount = !!(t && t.current);
     const { willChange: d, ...p } = this.scrapeMotionValuesFromProps(n, {}, this);
     for (const m in p) {
-      const h = p[m];
-      l[m] !== void 0 && fe(h) && h.set(l[m]);
+      const f = p[m];
+      l[m] !== void 0 && fe(f) && f.set(l[m]);
     }
   }
   mount(t) {
@@ -5673,8 +5670,8 @@ function YS(e) {
   const i = (l) => (c, d) => {
     const p = pt(e, d, l === "exit" ? e.presenceContext?.custom : void 0);
     if (p) {
-      const { transition: m, transitionEnd: h, ...y } = p;
-      c = { ...c, ...y, ...h };
+      const { transition: m, transitionEnd: f, ...y } = p;
+      c = { ...c, ...y, ...f };
     }
     return c;
   };
@@ -5683,19 +5680,19 @@ function YS(e) {
   }
   function s(l) {
     const { props: c } = e, d = qg(e.parent) || {}, p = [], m = /* @__PURE__ */ new Set();
-    let h = {}, y = 1 / 0;
+    let f = {}, y = 1 / 0;
     for (let E = 0; E < WS; E++) {
       const v = HS[E], w = n[v], T = c[v] !== void 0 ? c[v] : d[v], A = an(T), x = v === l ? w.isActive : null;
       x === !1 && (y = E);
       let C = T === d[v] && T !== c[v] && A;
-      if (C && (a || r) && e.manuallyAnimateOnMount && (C = !1), w.protectedKeys = { ...h }, // If it isn't active and hasn't *just* been set as inactive
+      if (C && (a || r) && e.manuallyAnimateOnMount && (C = !1), w.protectedKeys = { ...f }, // If it isn't active and hasn't *just* been set as inactive
       !w.isActive && x === null || // If we didn't and don't have any defined prop for this animation type
       !T && !w.prevProp || // Or if the prop doesn't define an animation
       la(T) || typeof T == "boolean")
         continue;
       if (v === "exit" && w.isActive && x !== !0) {
-        w.prevResolvedValues && (h = {
-          ...h,
+        w.prevResolvedValues && (f = {
+          ...f,
           ...w.prevResolvedValues
         });
         continue;
@@ -5717,20 +5714,20 @@ function YS(e) {
       };
       for (const G in U) {
         const Y = F[G], z = D[G];
-        if (h.hasOwnProperty(G))
+        if (f.hasOwnProperty(G))
           continue;
         let q = !1;
         or(Y) && or(z) ? q = !Yg(Y, z) : q = Y !== z, q ? Y != null ? L(G) : m.add(G) : Y !== void 0 && m.has(G) ? L(G) : w.protectedKeys[G] = !0;
       }
-      w.prevProp = T, w.prevResolvedValues = F, w.isActive && (h = { ...h, ...F }), (a || r) && e.blockInitialAnimation && (N = !1);
+      w.prevProp = T, w.prevResolvedValues = F, w.isActive && (f = { ...f, ...F }), (a || r) && e.blockInitialAnimation && (N = !1);
       const B = C && R;
       N && (!B || _) && p.push(...M.map((G) => {
         const Y = { type: v };
         if (typeof G == "string" && (a || r) && !B && e.manuallyAnimateOnMount && e.parent) {
           const { parent: z } = e, q = pt(z, G);
           if (z.enteringChildren && q) {
-            const { delayChildren: b } = q.transition || {};
-            Y.delay = hg(z.enteringChildren, e, b);
+            const { delayChildren: h } = q.transition || {};
+            Y.delay = hg(z.enteringChildren, e, h);
           }
         }
         return {
@@ -5877,8 +5874,8 @@ function ov(e, t, n) {
   let a = "";
   const r = e.x.translate / t.x, i = e.y.translate / t.y, o = n?.z || 0;
   if ((r || i || o) && (a = `translate3d(${r}px, ${i}px, ${o}px) `), (t.x !== 1 || t.y !== 1) && (a += `scale(${1 / t.x}, ${1 / t.y}) `), n) {
-    const { transformPerspective: l, rotate: c, rotateX: d, rotateY: p, skewX: m, skewY: h } = n;
-    l && (a = `perspective(${l}px) ${a}`), c && (a += `rotate(${c}deg) `), d && (a += `rotateX(${d}deg) `), p && (a += `rotateY(${p}deg) `), m && (a += `skewX(${m}deg) `), h && (a += `skewY(${h}deg) `);
+    const { transformPerspective: l, rotate: c, rotateX: d, rotateY: p, skewX: m, skewY: f } = n;
+    l && (a = `perspective(${l}px) ${a}`), c && (a += `rotate(${c}deg) `), d && (a += `rotateX(${d}deg) `), p && (a += `rotateY(${p}deg) `), m && (a += `skewX(${m}deg) `), f && (a += `skewY(${f}deg) `);
   }
   const s = e.x.scale * t.x, u = e.y.scale * t.y;
   return (s !== 1 || u !== 1) && (a += `scale(${s}, ${u})`), a || "none";
@@ -6062,12 +6059,12 @@ function nm({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
           this.target = void 0, this.relativeTarget = void 0;
           return;
         }
-        const m = this.options.transition || u.getDefaultTransition() || Ov, { onLayoutAnimationStart: h, onLayoutAnimationComplete: y } = u.getProps(), S = !this.targetLayout || !Qg(this.targetLayout, p), E = !c && d;
+        const m = this.options.transition || u.getDefaultTransition() || Ov, { onLayoutAnimationStart: f, onLayoutAnimationComplete: y } = u.getProps(), S = !this.targetLayout || !Qg(this.targetLayout, p), E = !c && d;
         if (this.options.layoutRoot || this.resumeFrom || E || c && (S || !this.currentAnimation)) {
           this.resumeFrom && (this.resumingFrom = this.resumeFrom, this.resumingFrom.resumingFrom = void 0);
           const v = {
             ...Hr(m, "layout"),
-            onPlay: h,
+            onPlay: f,
             onComplete: y
           };
           (u.shouldReduceMotion || this.options.layoutRoot) && (v.delay = 0, v.type = !1), this.startAnimation(v), this.setAnimationOrigin(l, E);
@@ -6316,12 +6313,12 @@ function nm({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
     setAnimationOrigin(i, o = !1) {
       const s = this.snapshot, u = s ? s.latestValues : {}, l = { ...this.latestValues }, c = Nt();
       (!this.relativeParent || !this.relativeParent.options.layoutRoot) && (this.relativeTarget = this.relativeTargetOrigin = void 0), this.attemptToResolveRelativeTarget = !o;
-      const d = ce(), p = s ? s.source : void 0, m = this.layout ? this.layout.source : void 0, h = p !== m, y = this.getStack(), S = !y || y.members.length <= 1, E = !!(h && !S && this.options.crossfade === !0 && !this.path.some(Cv));
+      const d = ce(), p = s ? s.source : void 0, m = this.layout ? this.layout.source : void 0, f = p !== m, y = this.getStack(), S = !y || y.members.length <= 1, E = !!(f && !S && this.options.crossfade === !0 && !this.path.some(Cv));
       this.animationProgress = 0;
       let v;
       this.mixTargetDelta = (w) => {
         const T = w / 1e3;
-        Nd(c.x, i.x, T), Nd(c.y, i.y, T), this.setTargetDelta(c), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (ta(d, this.layout.layoutBox, this.relativeParent.layout.layoutBox, this.options.layoutAnchor || void 0), Iv(this.relativeTarget, this.relativeTargetOrigin, d, T), v && iv(this.relativeTarget, v) && (this.isProjectionDirty = !1), v || (v = ce()), Me(v, this.relativeTarget)), h && (this.animationValues = l, lv(l, u, this.latestValues, T, E, S)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = T;
+        Nd(c.x, i.x, T), Nd(c.y, i.y, T), this.setTargetDelta(c), this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout && (ta(d, this.layout.layoutBox, this.relativeParent.layout.layoutBox, this.options.layoutAnchor || void 0), Iv(this.relativeTarget, this.relativeTargetOrigin, d, T), v && iv(this.relativeTarget, v) && (this.isProjectionDirty = !1), v || (v = ce()), Me(v, this.relativeTarget)), f && (this.animationValues = l, lv(l, u, this.latestValues, T, E, S)), this.root.scheduleUpdateProjection(), this.scheduleRender(), this.animationProgress = T;
       }, this.mixTargetDelta(this.options.layoutRoot ? 1e3 : 0);
     }
     startAnimation(i) {
@@ -6440,7 +6437,7 @@ function nm({ attachResizeListener: e, defaultParent: t, measureScroll: n, check
       for (const m in mr) {
         if (l[m] === void 0)
           continue;
-        const { correct: h, applyTo: y, isCSSVariable: S } = mr[m], E = c === "none" ? l[m] : h(l[m], u);
+        const { correct: f, applyTo: y, isCSSVariable: S } = mr[m], E = c === "none" ? l[m] : f(l[m], u);
         if (y) {
           const v = y.length;
           for (let w = 0; w < v; w++)
@@ -6489,10 +6486,10 @@ function Ev(e) {
       if (c && !c.resumeFrom) {
         const { snapshot: d, layout: p } = c;
         if (d && p) {
-          const m = e.options.layoutAnchor || void 0, h = ce();
-          ta(h, t.layoutBox, d.layoutBox, m);
+          const m = e.options.layoutAnchor || void 0, f = ce();
+          ta(f, t.layoutBox, d.layoutBox, m);
           const y = ce();
-          ta(y, n, p.layoutBox, m), Qg(h, y) || (l = !0), c.options.layoutRoot && (e.relativeTarget = y, e.relativeTargetOrigin = h, e.relativeParent = c);
+          ta(y, n, p.layoutBox, m), Qg(f, y) || (l = !0), c.options.layoutRoot && (e.relativeTarget = y, e.relativeTargetOrigin = f, e.relativeParent = c);
         }
       }
     }
@@ -6660,10 +6657,10 @@ function Bv({ children: e, isPresent: t, anchorX: n, anchorY: a, root: r, pop: i
     bottom: 0
   }), { nonce: l } = ye(ai), c = e.props?.ref ?? e?.ref, d = Uv(s, c);
   return _r(() => {
-    const { width: p, height: m, top: h, left: y, right: S, bottom: E } = u.current;
+    const { width: p, height: m, top: f, left: y, right: S, bottom: E } = u.current;
     if (t || i === !1 || !s.current || !p || !m)
       return;
-    const v = n === "left" ? `left: ${y}` : `right: ${S}`, w = a === "bottom" ? `bottom: ${E}` : `top: ${h}`;
+    const v = n === "left" ? `left: ${y}` : `right: ${S}`, w = a === "bottom" ? `bottom: ${E}` : `top: ${f}`;
     s.current.dataset.motionPopId = o;
     const T = document.createElement("style");
     l && (T.nonce = l);
@@ -6688,17 +6685,17 @@ const $v = ({ children: e, initial: t, isPresent: n, onExitComplete: a, custom:
     initial: t,
     isPresent: n,
     custom: r,
-    onExitComplete: (h) => {
-      c.set(h, !0);
+    onExitComplete: (f) => {
+      c.set(f, !0);
       for (const y of c.values())
         if (!y)
           return;
       a && a();
     },
-    register: (h) => (c.set(h, !1), () => c.delete(h))
+    register: (f) => (c.set(f, !1), () => c.delete(f))
   }), [n, c, a]);
   return i && p && (m = { ...m }), Ue(() => {
-    c.forEach((h, y) => c.set(y, !1));
+    c.forEach((f, y) => c.set(y, !1));
   }, [n]), aa.useEffect(() => {
     !n && !c.size && a && a();
   }, [n]), e = k.jsx(Bv, { pop: o === "popLayout", isPresent: n, anchorX: s, anchorY: u, root: l, children: e }), k.jsx(oa.Provider, { value: m, children: e });
@@ -6726,9 +6723,9 @@ function Cd(e) {
   }), t;
 }
 const om = ({ children: e, custom: t, initial: n = !0, onExitComplete: a, presenceAffectsLayout: r = !0, mode: i = "sync", propagate: o = !1, anchorX: s = "left", anchorY: u = "top", root: l }) => {
-  const [c, d] = im(o), p = Ue(() => Cd(e), [e]), m = o && !c ? [] : p.map(On), h = X(!0), y = X(p), S = Or(() => /* @__PURE__ */ new Map()), E = X(/* @__PURE__ */ new Set()), [v, w] = ae(p), [T, A] = ae(p);
+  const [c, d] = im(o), p = Ue(() => Cd(e), [e]), m = o && !c ? [] : p.map(On), f = X(!0), y = X(p), S = Or(() => /* @__PURE__ */ new Map()), E = X(/* @__PURE__ */ new Set()), [v, w] = ae(p), [T, A] = ae(p);
   Op(() => {
-    h.current = !1, y.current = p;
+    f.current = !1, y.current = p;
     for (let R = 0; R < T.length; R++) {
       const N = On(T[R]);
       m.includes(N) ? (S.delete(N), E.current.delete(N)) : S.get(N) !== !0 && S.set(N, !1);
@@ -6758,7 +6755,7 @@ const om = ({ children: e, custom: t, initial: n = !0, onExitComplete: a, presen
         D || (F = !1);
       }), F && (C?.(), A(y.current), o && d?.(), a && a());
     };
-    return k.jsx($v, { isPresent: _, initial: !h.current || n ? void 0 : !1, custom: t, presenceAffectsLayout: r, mode: i, root: l, onExitComplete: _ ? void 0 : M, anchorX: s, anchorY: u, children: R }, N);
+    return k.jsx($v, { isPresent: _, initial: !f.current || n ? void 0 : !1, custom: t, presenceAffectsLayout: r, mode: i, root: l, onExitComplete: _ ? void 0 : M, anchorX: s, anchorY: u, children: R }, N);
   }) });
 }, sm = at({ strict: !1 }), Od = {
   animation: [
@@ -6987,9 +6984,9 @@ function nw(e, t, n, a) {
   if (d && typeof d != "boolean" && !la(d)) {
     const p = Array.isArray(d) ? d : [d];
     for (let m = 0; m < p.length; m++) {
-      const h = qr(e, p[m]);
-      if (h) {
-        const { transitionEnd: y, transition: S, ...E } = h;
+      const f = qr(e, p[m]);
+      if (f) {
+        const { transitionEnd: y, transition: S, ...E } = f;
         for (const v in E) {
           let w = E[v];
           if (Array.isArray(w)) {
@@ -7049,20 +7046,20 @@ function sw(e, t, n, a, r, i) {
     skipAnimations: d,
     isSVG: i
   }), m.current && p.current && (p.current.manuallyAnimateOnMount = !0));
-  const h = p.current, y = ye(gm);
-  h && !h.projection && r && (h.type === "html" || h.type === "svg") && lw(p.current, n, r, y);
+  const f = p.current, y = ye(gm);
+  f && !f.projection && r && (f.type === "html" || f.type === "svg") && lw(p.current, n, r, y);
   const S = X(!1);
   _r(() => {
-    h && S.current && h.update(n, u);
+    f && S.current && f.update(n, u);
   });
   const E = n[Sg], v = X(!!E && typeof window < "u" && !window.MotionHandoffIsComplete?.(E) && window.MotionHasOptimisedAnimation?.(E));
   return Op(() => {
-    m.current = !0, h && (S.current = !0, window.MotionIsMounted = !0, h.updateFeatures(), h.scheduleRenderMicrotask(), v.current && h.animationState && h.animationState.animateChanges());
+    m.current = !0, f && (S.current = !0, window.MotionIsMounted = !0, f.updateFeatures(), f.scheduleRenderMicrotask(), v.current && f.animationState && f.animationState.animateChanges());
   }), se(() => {
-    h && (!v.current && h.animationState && h.animationState.animateChanges(), v.current && (queueMicrotask(() => {
+    f && (!v.current && f.animationState && f.animationState.animateChanges(), v.current && (queueMicrotask(() => {
       window.MotionHandoffMarkAsComplete?.(E);
-    }), v.current = !1), h.enteringChildren = void 0);
-  }), h;
+    }), v.current = !1), f.enteringChildren = void 0);
+  }), f;
 }
 function lw(e, t, n, a) {
   const { layoutId: r, layout: i, drag: o, dragConstraints: s, layoutScroll: u, layoutRoot: l, layoutAnchor: c, layoutCrossfade: d } = t;
@@ -7099,13 +7096,13 @@ function Ba(e, { forwardMotionProps: t = !1, type: n } = {}, a, r) {
       ...ye(ai),
       ...l,
       layoutId: uw(l)
-    }, { isStatic: m } = p, h = Yv(l), y = o(l, m);
+    }, { isStatic: m } = p, f = Yv(l), y = o(l, m);
     if (!m && typeof window < "u") {
       cw(p, a);
       const S = dw(p);
-      d = S.MeasureLayout, h.visualElement = sw(e, y, p, r, S.ProjectionNode, i);
+      d = S.MeasureLayout, f.visualElement = sw(e, y, p, r, S.ProjectionNode, i);
     }
-    return k.jsxs(ca.Provider, { value: h, children: [d && h.visualElement ? k.jsx(d, { visualElement: h.visualElement, ...p }) : null, ew(e, l, ow(y, h.visualElement, c), y, m, t, i)] });
+    return k.jsxs(ca.Provider, { value: f, children: [d && f.visualElement ? k.jsx(d, { visualElement: f.visualElement, ...p }) : null, ew(e, l, ow(y, f.visualElement, c), y, m, t, i)] });
   }
   s.displayName = `motion.${typeof e == "string" ? e : `create(${e.displayName ?? e.name ?? ""})`}`;
   const u = Be(s);
@@ -7251,21 +7248,21 @@ class hm {
       if (!(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
       this.lastRawMoveEventInfo && (this.lastMoveEventInfo = Ln(this.lastRawMoveEventInfo, this.transformPagePoint));
-      const m = $a(this.lastMoveEventInfo, this.history), h = this.startEvent !== null, y = Ew(m.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
-      if (!h && !y)
+      const m = $a(this.lastMoveEventInfo, this.history), f = this.startEvent !== null, y = Ew(m.offset, { x: 0, y: 0 }) >= this.distanceThreshold;
+      if (!f && !y)
         return;
       const { point: S } = m, { timestamp: E } = me;
       this.history.push({ ...S, timestamp: E });
       const { onStart: v, onMove: w } = this.handlers;
-      h || (v && v(this.lastMoveEvent, m), this.startEvent = this.lastMoveEvent), w && w(this.lastMoveEvent, m);
-    }, this.handlePointerMove = (m, h) => {
-      this.lastMoveEvent = m, this.lastRawMoveEventInfo = h, this.lastMoveEventInfo = Ln(h, this.transformPagePoint), te.update(this.updatePoint, !0);
-    }, this.handlePointerUp = (m, h) => {
+      f || (v && v(this.lastMoveEvent, m), this.startEvent = this.lastMoveEvent), w && w(this.lastMoveEvent, m);
+    }, this.handlePointerMove = (m, f) => {
+      this.lastMoveEvent = m, this.lastRawMoveEventInfo = f, this.lastMoveEventInfo = Ln(f, this.transformPagePoint), te.update(this.updatePoint, !0);
+    }, this.handlePointerUp = (m, f) => {
       this.end();
       const { onEnd: y, onSessionEnd: S, resumeAnimation: E } = this.handlers;
       if ((this.dragSnapToOrigin || !this.startEvent) && E && E(), !(this.lastMoveEvent && this.lastMoveEventInfo))
         return;
-      const v = $a(m.type === "pointercancel" ? this.lastMoveEventInfo : Ln(h, this.transformPagePoint), this.history);
+      const v = $a(m.type === "pointercancel" ? this.lastMoveEventInfo : Ln(f, this.transformPagePoint), this.history);
       this.startEvent && y && y(m, v), S && S(m, v);
     }, !Zr(t))
       return;
@@ -7422,8 +7419,8 @@ class kw {
     const i = (d) => {
       n && this.snapToCursor(gn(d).point), this.stopAnimation();
     }, o = (d, p) => {
-      const { drag: m, dragPropagation: h, onDragStart: y } = this.getProps();
-      if (m && !h && (this.openDragLock && this.openDragLock(), this.openDragLock = nS(m), !this.openDragLock))
+      const { drag: m, dragPropagation: f, onDragStart: y } = this.getProps();
+      if (m && !f && (this.openDragLock && this.openDragLock(), this.openDragLock = nS(m), !this.openDragLock))
         return;
       this.latestPointerEvent = d, this.latestPanInfo = p, this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), Ge((E) => {
         let v = this.getAxisMotionValue(E).get() || 0;
@@ -7440,11 +7437,11 @@ class kw {
       S && S.setActive("whileDrag", !0);
     }, s = (d, p) => {
       this.latestPointerEvent = d, this.latestPanInfo = p;
-      const { dragPropagation: m, dragDirectionLock: h, onDirectionLock: y, onDrag: S } = this.getProps();
+      const { dragPropagation: m, dragDirectionLock: f, onDirectionLock: y, onDrag: S } = this.getProps();
       if (!m && !this.openDragLock)
         return;
       const { offset: E } = p;
-      if (h && this.currentDirection === null) {
+      if (f && this.currentDirection === null) {
         this.currentDirection = Cw(E), this.currentDirection !== null && y && y(this.currentDirection);
         return;
       }
@@ -7537,7 +7534,7 @@ class kw {
         return;
       let d = u && u[c] || {};
       (o === !0 || o === c) && (d = { min: 0, max: 0 });
-      const p = r ? 200 : 1e6, m = r ? 40 : 1e7, h = {
+      const p = r ? 200 : 1e6, m = r ? 40 : 1e7, f = {
         type: "inertia",
         velocity: a ? t[c] : 0,
         bounceStiffness: p,
@@ -7548,7 +7545,7 @@ class kw {
         ...i,
         ...d
       };
-      return this.startAxisValueAnimation(c, h);
+      return this.startAxisValueAnimation(c, f);
     });
     return Promise.all(l).then(s);
   }
@@ -7932,8 +7929,8 @@ const Ww = {
     style: c,
     menuStyle: d
   }, p) {
-    const [m, h] = ae(!1), [y, S] = ae({ top: 0, left: 0 }), [E, v] = ae("bottom"), w = n !== void 0, T = w ? n : m, A = X(null), x = X(null), C = (N) => {
-      w || h(N), a?.(N);
+    const [m, f] = ae(!1), [y, S] = ae({ top: 0, left: 0 }), [E, v] = ae("bottom"), w = n !== void 0, T = w ? n : m, A = X(null), x = X(null), C = (N) => {
+      w || f(N), a?.(N);
     };
     se(() => {
       const N = (_) => {
@@ -8067,7 +8064,7 @@ const Xw = ln(
     iconClassName: d,
     iconStyle: p,
     contentWrapperClassName: m,
-    contentWrapperStyle: h,
+    contentWrapperStyle: f,
     contentClassName: y,
     contentStyle: S,
     hoverClassName: E,
@@ -8166,7 +8163,7 @@ const Xw = ln(
                     style: {
                       maxHeight: B ? `${F.current[L]?.scrollHeight || 0}px` : "0px",
                       transition: `max-height ${x}ms ease`,
-                      ...h
+                      ...f
                     },
                     children: /* @__PURE__ */ k.jsx(
                       "div",
@@ -8205,7 +8202,7 @@ const oi = Be((e, t) => {
     error: d,
     success: p,
     helperText: m,
-    multiple: h = !1,
+    multiple: f = !1,
     showDescription: y = !1,
     showCheckIcon: S = !0,
     labelIcon: E,
@@ -8228,7 +8225,7 @@ const oi = Be((e, t) => {
     helperClassName: Y,
     itemIconClassName: z,
     itemIconStyle: q,
-    checkIconClassName: b,
+    checkIconClassName: h,
     checkIconStyle: I,
     style: $,
     triggerStyle: H,
@@ -8255,7 +8252,7 @@ const oi = Be((e, t) => {
       icon: "w-5 h-5",
       checkIcon: "w-5 h-5"
     }
-  }, je = h ? Array.isArray(bt) ? bt : bt ? [bt] : [] : bt ? [bt] : [], ge = Ue(
+  }, je = f ? Array.isArray(bt) ? bt : bt ? [bt] : [] : bt ? [bt] : [], ge = Ue(
     () => s.filter(
       (j) => j.label.toLowerCase().includes(jt.toLowerCase())
     ),
@@ -8309,9 +8306,9 @@ const oi = Be((e, t) => {
       if (c) return;
       j.onClick?.(j, J);
       let xe;
-      h ? xe = je.includes(j.value) ? je.filter((Gt) => Gt !== j.value) : [...je, j.value] : (xe = j.value, Ke(!1), Ae(-1)), Sa || $m(xe), o?.(xe, a);
+      f ? xe = je.includes(j.value) ? je.filter((Gt) => Gt !== j.value) : [...je, j.value] : (xe = j.value, Ke(!1), Ae(-1)), Sa || $m(xe), o?.(xe, a);
     },
-    [c, je, h, Sa, a, o]
+    [c, je, f, Sa, a, o]
   ), jm = mt(
     (j) => {
       if (!we) {
@@ -8429,7 +8426,7 @@ const oi = Be((e, t) => {
                       uc ? "text-foreground" : "text-muted-foreground",
                       U
                     ),
-                    children: uc ? h ? wa.join(", ") : wa[0] : u
+                    children: uc ? f ? wa.join(", ") : wa[0] : u
                   }
                 ),
                 /* @__PURE__ */ k.jsx(
@@ -8542,7 +8539,7 @@ const oi = Be((e, t) => {
                               {
                                 className: V(
                                   yt[R].checkIcon,
-                                  b,
+                                  h,
                                   "text-primary"
                                 ),
                                 style: {
@@ -8592,7 +8589,7 @@ const Ze = Be(function(e, t) {
     onFocus: d,
     onBlur: p,
     required: m,
-    disabled: h,
+    disabled: f,
     readOnly: y,
     error: S,
     success: E,
@@ -8615,7 +8612,7 @@ const Ze = Be(function(e, t) {
     suffixClassName: Y = "",
     helperTextClassName: z = "",
     wrapperStyle: q,
-    inputStyle: b,
+    inputStyle: h,
     labelStyle: I
   } = e, $ = X(null);
   op(t, () => $.current);
@@ -8688,10 +8685,10 @@ const Ze = Be(function(e, t) {
               onBlur: p,
               placeholder: o,
               rows: M,
-              disabled: h,
+              disabled: f,
               readOnly: y,
               maxLength: _,
-              style: b,
+              style: h,
               className: V(
                 wn,
                 "px-4 py-2 resize-none",
@@ -8713,13 +8710,13 @@ const Ze = Be(function(e, t) {
               onBlur: p,
               onKeyDown: we,
               placeholder: o,
-              disabled: h,
+              disabled: f,
               readOnly: y,
               min: i === "number" ? C : void 0,
               max: R,
               step: N,
               maxLength: _,
-              style: b,
+              style: h,
               className: V(
                 wn,
                 jt(),
@@ -8735,7 +8732,7 @@ const Ze = Be(function(e, t) {
               type: "button",
               "aria-label": "Toggle password visibility",
               onClick: () => W(!be),
-              disabled: h,
+              disabled: f,
               className: V(
                 "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground transition-colors",
                 Y
@@ -8785,7 +8782,7 @@ const Ze = Be(function(e, t) {
     maxLength: d,
     autoResize: p = !0,
     minRows: m = 3,
-    maxRows: h = 6,
+    maxRows: f = 6,
     submitOnEnter: y,
     onSubmit: S,
     className: E = "",
@@ -8806,8 +8803,8 @@ const Ze = Be(function(e, t) {
       const z = D.current;
       if (!z || !p) return;
       z.style.height = "auto";
-      const q = 24, b = m * q, I = h * q, $ = Math.min(
-        Math.max(z.scrollHeight, b),
+      const q = 24, h = m * q, I = f * q, $ = Math.min(
+        Math.max(z.scrollHeight, h),
         I
       );
       z.style.height = $ + "px", z.style.overflowY = z.scrollHeight > I ? "auto" : "hidden";
@@ -9082,21 +9079,21 @@ const nT = ({
     "json",
     "shell"
   ], l = (p) => ({
-    javascript: /* @__PURE__ */ f.jsx(dp, { className: "h-4 w-4 text-yellow-400" }),
-    typescript: /* @__PURE__ */ f.jsx(cp, { className: "h-4 w-4 text-sky-400" }),
-    react: /* @__PURE__ */ f.jsx(up, { className: "h-4 w-4 text-cyan-400" }),
-    vue: /* @__PURE__ */ f.jsx(fp, { className: "h-4 w-4 text-green-400" }),
-    python: /* @__PURE__ */ f.jsx(Rr, { className: "h-4 w-4 text-blue-400" }),
-    html: /* @__PURE__ */ f.jsx(gp, { className: "h-4 w-4 text-orange-400" }),
-    css: /* @__PURE__ */ f.jsx(bp, { className: "h-4 w-4 text-pink-400" }),
-    shell: /* @__PURE__ */ f.jsx(yp, { className: "h-4 w-4 text-zinc-300" }),
-    json: /* @__PURE__ */ f.jsx(mp, { className: "h-4 w-4 text-amber-300" })
-  })[p] || /* @__PURE__ */ f.jsx(Wa, { className: "h-4 w-4 text-zinc-400" }), d = {
+    javascript: /* @__PURE__ */ b.jsx(dp, { className: "h-4 w-4 text-yellow-400" }),
+    typescript: /* @__PURE__ */ b.jsx(cp, { className: "h-4 w-4 text-sky-400" }),
+    react: /* @__PURE__ */ b.jsx(up, { className: "h-4 w-4 text-cyan-400" }),
+    vue: /* @__PURE__ */ b.jsx(fp, { className: "h-4 w-4 text-green-400" }),
+    python: /* @__PURE__ */ b.jsx(Rr, { className: "h-4 w-4 text-blue-400" }),
+    html: /* @__PURE__ */ b.jsx(gp, { className: "h-4 w-4 text-orange-400" }),
+    css: /* @__PURE__ */ b.jsx(bp, { className: "h-4 w-4 text-pink-400" }),
+    shell: /* @__PURE__ */ b.jsx(yp, { className: "h-4 w-4 text-zinc-300" }),
+    json: /* @__PURE__ */ b.jsx(mp, { className: "h-4 w-4 text-amber-300" })
+  })[p] || /* @__PURE__ */ b.jsx(Wa, { className: "h-4 w-4 text-zinc-400" }), d = {
     react: "javascript",
     vue: "html",
     shell: "shell"
   }[t] || t;
-  return /* @__PURE__ */ f.jsxs(
+  return /* @__PURE__ */ b.jsxs(
     "div",
     {
       className: `
@@ -9109,19 +9106,14 @@ const nT = ({
         to-transparent
       `,
       children: [
-        /* @__PURE__ */ f.jsxs("div", { className: "flex items-center justify-between bg-[#1E1E1E] px-5 py-4", children: [
-          /* @__PURE__ */ f.jsxs("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ f.jsx("div", { className: "flex items-center justify-center rounded-lg px-2 py-2.5", children: l(t) }),
-            /* @__PURE__ */ f.jsxs("div", { children: [
-              /* @__PURE__ */ f.jsx("h3", { className: "text-sm font-semibold text-white", children: "Code Editor" }),
-              /* @__PURE__ */ f.jsx("p", { className: "text-xs text-white/40", children: "Syntax highlighted code editor" })
-            ] })
-          ] }),
-          /* @__PURE__ */ f.jsxs("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ f.jsx("div", { className: "w-40", children: /* @__PURE__ */ f.jsx(
+        /* @__PURE__ */ b.jsxs("div", { className: "flex items-center justify-between bg-[#1E1E1E] px-5 py-4", children: [
+          /* @__PURE__ */ b.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ b.jsx("div", { className: "flex items-center justify-center rounded-lg px-2 py-2.5", children: l(t) }) }),
+          /* @__PURE__ */ b.jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ b.jsx("div", { className: "w-32", children: /* @__PURE__ */ b.jsx(
               oi,
               {
                 value: t,
+                showCheckIcon: !1,
                 onValueChange: (p) => {
                   const m = Array.isArray(p) ? p[0] : p;
                   a?.(m);
@@ -9133,32 +9125,26 @@ const nT = ({
                 }))
               }
             ) }),
-            /* @__PURE__ */ f.jsx(
+            /* @__PURE__ */ b.jsx(
               "button",
               {
                 type: "button",
                 onClick: s,
                 className: `flex items-center gap-2 rounded-lg px-4 py-2.5 text-xs leading-none transition-all duration-200 ${i ? "bg-green-500/10 text-green-300" : "bg-white/5 text-white/60 hover:bg-white/10 hover:text-white"}`,
-                children: i ? /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
-                  /* @__PURE__ */ f.jsx(xr, { size: 14 }),
-                  "Copied"
-                ] }) : /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
-                  /* @__PURE__ */ f.jsx(kr, { size: 14 }),
-                  "Copy"
-                ] })
+                children: i ? /* @__PURE__ */ b.jsx(b.Fragment, { children: /* @__PURE__ */ b.jsx(xr, { size: 14 }) }) : /* @__PURE__ */ b.jsx(b.Fragment, { children: /* @__PURE__ */ b.jsx(kr, { size: 14 }) })
               }
             ),
-            /* @__PURE__ */ f.jsx(
+            /* @__PURE__ */ b.jsx(
               "button",
               {
                 onClick: r,
                 className: "flex items-center justify-center rounded-lg bg-red-600/5 px-4 py-2.5 text-red-600 transition-all duration-200 hover:scale-105 hover:bg-red-500/10",
-                children: /* @__PURE__ */ f.jsx(ct, { size: 14 })
+                children: /* @__PURE__ */ b.jsx(ct, { size: 14 })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ f.jsx(
+        /* @__PURE__ */ b.jsx(
           Sb,
           {
             height: "400px",
@@ -9214,7 +9200,7 @@ const nT = ({
     });
   }, s = (c) => {
     if (e.length <= 1) return;
-    const d = e.filter((m, h) => h !== c), p = t.map((m) => m.filter((h, y) => y !== c));
+    const d = e.filter((m, f) => f !== c), p = t.map((m) => m.filter((f, y) => y !== c));
     n?.({
       headers: d,
       rows: p
@@ -9233,22 +9219,11 @@ const nT = ({
       rows: d
     });
   };
-  return /* @__PURE__ */ f.jsxs("div", { className: "rounded-2xl overflow-hidden border border-white/10 bg-black/20", children: [
-    /* @__PURE__ */ f.jsxs("div", { className: "flex items-center justify-between border-b border-white/10 px-5 py-4", children: [
-      /* @__PURE__ */ f.jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ f.jsx("div", { className: "flex items-center justify-center rounded-lg px-4 py-2.5 bg-cyan-400/5", children: /* @__PURE__ */ f.jsx(nh, { size: 14, className: "text-cyan-400" }) }),
-        /* @__PURE__ */ f.jsxs("div", { children: [
-          /* @__PURE__ */ f.jsx("h3", { className: "text-sm font-semibold text-white", children: "Table Editor" }),
-          /* @__PURE__ */ f.jsxs("p", { className: "text-xs text-white/40", children: [
-            t.length,
-            " rows • ",
-            e.length,
-            " columns"
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ f.jsxs("div", { className: "flex items-center gap-3", children: [
-        /* @__PURE__ */ f.jsxs(
+  return /* @__PURE__ */ b.jsxs("div", { className: "rounded-2xl overflow-hidden border border-white/10 bg-black/20", children: [
+    /* @__PURE__ */ b.jsxs("div", { className: "flex items-center justify-between border-b border-white/10 px-5 py-4", children: [
+      /* @__PURE__ */ b.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ b.jsx("div", { className: "flex items-center justify-center rounded-lg px-4 py-2.5 bg-cyan-400/5", children: /* @__PURE__ */ b.jsx(nh, { size: 14, className: "text-cyan-400" }) }) }),
+      /* @__PURE__ */ b.jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ b.jsx(
           "button",
           {
             onClick: u,
@@ -9258,13 +9233,10 @@ const nT = ({
         hover:bg-white/10 hover:text-white
         transition-all duration-200
       `,
-            children: [
-              /* @__PURE__ */ f.jsx(Kf, { size: 14 }),
-              "Add Row"
-            ]
+            children: /* @__PURE__ */ b.jsx(Kf, { size: 14 })
           }
         ),
-        /* @__PURE__ */ f.jsxs(
+        /* @__PURE__ */ b.jsx(
           "button",
           {
             onClick: o,
@@ -9274,13 +9246,10 @@ const nT = ({
         hover:bg-white/10 hover:text-white
         transition-all duration-200
       `,
-            children: [
-              /* @__PURE__ */ f.jsx(Tf, { size: 14 }),
-              "Add Column"
-            ]
+            children: /* @__PURE__ */ b.jsx(Tf, { size: 14 })
           }
         ),
-        /* @__PURE__ */ f.jsx(
+        /* @__PURE__ */ b.jsx(
           "button",
           {
             onClick: a,
@@ -9289,17 +9258,17 @@ const nT = ({
               bg-red-600/5 text-red-600 transition-all duration-200
               hover:scale-105 hover:bg-red-500/10
             `,
-            children: /* @__PURE__ */ f.jsx(ct, { size: 14 })
+            children: /* @__PURE__ */ b.jsx(ct, { size: 14 })
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ f.jsx("div", { className: "overflow-auto", children: /* @__PURE__ */ f.jsxs("table", { className: "w-full border-collapse", children: [
-      /* @__PURE__ */ f.jsx("thead", { children: /* @__PURE__ */ f.jsx("tr", { children: e.map((c, d) => /* @__PURE__ */ f.jsx(
+    /* @__PURE__ */ b.jsx("div", { className: "overflow-auto", children: /* @__PURE__ */ b.jsxs("table", { className: "w-full border-collapse", children: [
+      /* @__PURE__ */ b.jsx("thead", { children: /* @__PURE__ */ b.jsx("tr", { children: e.map((c, d) => /* @__PURE__ */ b.jsx(
         "th",
         {
           className: `
-                    min-w-5
+                    min-w-40 sm:min-w-[200px]
                     border-b
                     border-r
                     border-white/10
@@ -9307,8 +9276,8 @@ const nT = ({
                     p-3
                     last:border-r-0
                   `,
-          children: /* @__PURE__ */ f.jsxs("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ f.jsx(
+          children: /* @__PURE__ */ b.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ b.jsx(
               Ze,
               {
                 value: c,
@@ -9317,7 +9286,7 @@ const nT = ({
                 inputClassName: "font-medium"
               }
             ),
-            /* @__PURE__ */ f.jsx(
+            /* @__PURE__ */ b.jsx(
               "button",
               {
                 type: "button",
@@ -9337,35 +9306,36 @@ const nT = ({
                         hover:bg-red-500/10
                         transition-all
                       `,
-                children: /* @__PURE__ */ f.jsx(ct, { size: 15 })
+                children: /* @__PURE__ */ b.jsx(ct, { size: 15 })
               }
             )
           ] })
         },
         d
       )) }) }),
-      /* @__PURE__ */ f.jsx("tbody", { children: t.map((c, d) => /* @__PURE__ */ f.jsxs("tr", { className: "border-b border-white/10", children: [
-        c.map((p, m) => /* @__PURE__ */ f.jsx(
+      /* @__PURE__ */ b.jsx("tbody", { children: t.map((c, d) => /* @__PURE__ */ b.jsxs("tr", { className: "border-b border-white/10", children: [
+        c.map((p, m) => /* @__PURE__ */ b.jsx(
           "td",
           {
             className: `
+                      min-w-40 sm:min-w-[200px]
                       border-r
                       border-white/10
                       p-3
                       last:border-r-0
                     `,
-            children: /* @__PURE__ */ f.jsx(
+            children: /* @__PURE__ */ b.jsx(
               Ze,
               {
                 value: p,
-                onChange: (h) => i(d, m, h.target.value),
+                onChange: (f) => i(d, m, f.target.value),
                 placeholder: "Cell value..."
               }
             )
           },
           m
         )),
-        /* @__PURE__ */ f.jsx("td", { className: "w-17.5 p-3", children: /* @__PURE__ */ f.jsx(
+        /* @__PURE__ */ b.jsx("td", { className: "w-17.5 p-3", children: /* @__PURE__ */ b.jsx(
           "button",
           {
             type: "button",
@@ -9385,7 +9355,7 @@ const nT = ({
                       hover:bg-red-500/10
                       transition-all
                     `,
-            children: /* @__PURE__ */ f.jsx(ct, { size: 15 })
+            children: /* @__PURE__ */ b.jsx(ct, { size: 15 })
           }
         ) })
       ] }, d)) })
@@ -9398,7 +9368,7 @@ const nT = ({
       ...r
     });
   };
-  return /* @__PURE__ */ f.jsxs(
+  return /* @__PURE__ */ b.jsxs(
     "div",
     {
       className: `
@@ -9411,16 +9381,10 @@ const nT = ({
         to-transparent
       `,
       children: [
-        /* @__PURE__ */ f.jsxs("div", { className: "flex items-center justify-between border-b border-white/10 px-5 py-4", children: [
-          /* @__PURE__ */ f.jsxs("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ f.jsx("div", { className: "flex items-center justify-center rounded-lg px-4 py-2.5 bg-sky-400/5", children: /* @__PURE__ */ f.jsx(hp, { size: 14, className: "text-sky-400" }) }),
-            /* @__PURE__ */ f.jsxs("div", { children: [
-              /* @__PURE__ */ f.jsx("h3", { className: "text-sm font-semibold text-white", children: "Image Editor" }),
-              /* @__PURE__ */ f.jsx("p", { className: "text-xs text-white/40", children: "Advanced image customization & live preview" })
-            ] })
-          ] }),
-          /* @__PURE__ */ f.jsxs("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ f.jsx(
+        /* @__PURE__ */ b.jsxs("div", { className: "flex items-center justify-between border-b border-white/10 px-5 py-4", children: [
+          /* @__PURE__ */ b.jsx("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ b.jsx("div", { className: "flex items-center justify-center rounded-lg px-4 py-2.5 bg-sky-400/5", children: /* @__PURE__ */ b.jsx(hp, { size: 14, className: "text-sky-400" }) }) }),
+          /* @__PURE__ */ b.jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ b.jsx(
               "div",
               {
                 className: `
@@ -9436,7 +9400,7 @@ const nT = ({
                 children: e.objectFit || "cover"
               }
             ),
-            /* @__PURE__ */ f.jsx(
+            /* @__PURE__ */ b.jsx(
               "button",
               {
                 onClick: n,
@@ -9451,15 +9415,15 @@ const nT = ({
         hover:text-red-400
         hover:scale-105
       `,
-                children: /* @__PURE__ */ f.jsx(ct, { size: 14 })
+                children: /* @__PURE__ */ b.jsx(ct, { size: 14 })
               }
             )
           ] })
         ] }),
-        /* @__PURE__ */ f.jsxs("div", { className: "space-y-6 p-5", children: [
-          /* @__PURE__ */ f.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ f.jsx("label", { className: "text-sm font-medium text-white/70", children: "Image URL" }),
-            /* @__PURE__ */ f.jsx(
+        /* @__PURE__ */ b.jsxs("div", { className: "space-y-6 p-5", children: [
+          /* @__PURE__ */ b.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ b.jsx("label", { className: "text-sm font-medium text-white/70", children: "Image URL" }),
+            /* @__PURE__ */ b.jsx(
               Ze,
               {
                 value: e.url || "",
@@ -9470,9 +9434,9 @@ const nT = ({
               }
             )
           ] }),
-          /* @__PURE__ */ f.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ f.jsx("label", { className: "text-sm font-medium text-white/70", children: "Caption" }),
-            /* @__PURE__ */ f.jsx(
+          /* @__PURE__ */ b.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ b.jsx("label", { className: "text-sm font-medium text-white/70", children: "Caption" }),
+            /* @__PURE__ */ b.jsx(
               Ze,
               {
                 value: e.caption || "",
@@ -9483,10 +9447,10 @@ const nT = ({
               }
             )
           ] }),
-          /* @__PURE__ */ f.jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", children: [
-            /* @__PURE__ */ f.jsxs("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ f.jsx("label", { className: "text-xs text-white/50", children: "Width" }),
-              /* @__PURE__ */ f.jsx(
+          /* @__PURE__ */ b.jsxs("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", children: [
+            /* @__PURE__ */ b.jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ b.jsx("label", { className: "text-xs text-white/50", children: "Width" }),
+              /* @__PURE__ */ b.jsx(
                 Ze,
                 {
                   type: "number",
@@ -9498,9 +9462,9 @@ const nT = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ f.jsxs("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ f.jsx("label", { className: "text-xs text-white/50", children: "Height" }),
-              /* @__PURE__ */ f.jsx(
+            /* @__PURE__ */ b.jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ b.jsx("label", { className: "text-xs text-white/50", children: "Height" }),
+              /* @__PURE__ */ b.jsx(
                 Ze,
                 {
                   type: "number",
@@ -9512,9 +9476,9 @@ const nT = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ f.jsxs("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ f.jsx("label", { className: "text-xs text-white/50", children: "Radius" }),
-              /* @__PURE__ */ f.jsx(
+            /* @__PURE__ */ b.jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ b.jsx("label", { className: "text-xs text-white/50", children: "Radius" }),
+              /* @__PURE__ */ b.jsx(
                 Ze,
                 {
                   type: "number",
@@ -9526,9 +9490,9 @@ const nT = ({
                 }
               )
             ] }),
-            /* @__PURE__ */ f.jsxs("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ f.jsx("label", { className: "text-xs text-white/50", children: "Opacity" }),
-              /* @__PURE__ */ f.jsx(
+            /* @__PURE__ */ b.jsxs("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ b.jsx("label", { className: "text-xs text-white/50", children: "Opacity" }),
+              /* @__PURE__ */ b.jsx(
                 Ze,
                 {
                   type: "number",
@@ -9544,9 +9508,9 @@ const nT = ({
               )
             ] })
           ] }),
-          /* @__PURE__ */ f.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ f.jsx("label", { className: "text-sm font-medium text-white/70", children: "Object Fit" }),
-            /* @__PURE__ */ f.jsx(
+          /* @__PURE__ */ b.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ b.jsx("label", { className: "text-sm font-medium text-white/70", children: "Object Fit" }),
+            /* @__PURE__ */ b.jsx(
               oi,
               {
                 value: e.objectFit || "cover",
@@ -9574,9 +9538,9 @@ const nT = ({
               }
             )
           ] }),
-          e.showOverlay && /* @__PURE__ */ f.jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ f.jsx("label", { className: "text-sm font-medium text-white/70", children: "Overlay Content" }),
-            /* @__PURE__ */ f.jsx(
+          e.showOverlay && /* @__PURE__ */ b.jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ b.jsx("label", { className: "text-sm font-medium text-white/70", children: "Overlay Content" }),
+            /* @__PURE__ */ b.jsx(
               Sm,
               {
                 value: e.overlayText || "",
@@ -9588,7 +9552,7 @@ const nT = ({
               }
             )
           ] }),
-          /* @__PURE__ */ f.jsxs(
+          /* @__PURE__ */ b.jsxs(
             "div",
             {
               className: `
@@ -9600,11 +9564,11 @@ const nT = ({
             p-4
           `,
               children: [
-                /* @__PURE__ */ f.jsxs("div", { className: "mb-4 flex items-center gap-2", children: [
-                  /* @__PURE__ */ f.jsx(ff, { size: 15, className: "text-white/40" }),
-                  /* @__PURE__ */ f.jsx("span", { className: "text-sm text-white/60", children: "Live Preview" })
+                /* @__PURE__ */ b.jsxs("div", { className: "mb-4 flex items-center gap-2", children: [
+                  /* @__PURE__ */ b.jsx(ff, { size: 15, className: "text-white/40" }),
+                  /* @__PURE__ */ b.jsx("span", { className: "text-sm text-white/60", children: "Live Preview" })
                 ] }),
-                /* @__PURE__ */ f.jsx(
+                /* @__PURE__ */ b.jsx(
                   Ir,
                   {
                     src: e.url,
@@ -9616,7 +9580,7 @@ const nT = ({
                     objectFit: e.objectFit || "cover",
                     className: "w-full",
                     loading: "lazy",
-                    fallback: /* @__PURE__ */ f.jsx(
+                    fallback: /* @__PURE__ */ b.jsx(
                       "div",
                       {
                         className: `
@@ -9631,7 +9595,7 @@ const nT = ({
                     )
                   }
                 ),
-                e.caption && /* @__PURE__ */ f.jsx(
+                e.caption && /* @__PURE__ */ b.jsx(
                   "div",
                   {
                     className: `
@@ -9640,7 +9604,7 @@ const nT = ({
                 border-white/10
                 pt-4
               `,
-                    children: /* @__PURE__ */ f.jsx("p", { className: "text-sm text-white/60", children: e.caption })
+                    children: /* @__PURE__ */ b.jsx("p", { className: "text-sm text-white/60", children: e.caption })
                   }
                 )
               ]
@@ -9665,7 +9629,7 @@ const nT = ({
   }, [e]), se(() => {
     o || l(JSON.stringify(e, null, 2));
   }, [e, o]);
-  const h = (w) => {
+  const f = (w) => {
     const T = ch(w);
     T && t && t((A) => [...A, T]);
   }, y = (w, T) => {
@@ -9694,49 +9658,49 @@ const nT = ({
       d(w.message);
     }
   };
-  return /* @__PURE__ */ f.jsxs("div", { className: `${n} bg-black text-white py-6 px-4 rounded-lg`, children: [
-    a && /* @__PURE__ */ f.jsxs("div", { className: "flex flex-wrap gap-3 mb-6", children: [
-      /* @__PURE__ */ f.jsx(
+  return /* @__PURE__ */ b.jsxs("div", { className: `${n} bg-black text-white py-6 px-4 rounded-lg`, children: [
+    a && /* @__PURE__ */ b.jsxs("div", { className: "flex flex-wrap gap-3 mb-6", children: [
+      /* @__PURE__ */ b.jsx(
         Et,
         {
           icon: sh,
           label: "Text",
-          onClick: () => h("text")
+          onClick: () => f("text")
         }
       ),
-      /* @__PURE__ */ f.jsx(
+      /* @__PURE__ */ b.jsx(
         Et,
         {
           icon: Lf,
           label: "Heading",
-          onClick: () => h("heading")
+          onClick: () => f("heading")
         }
       ),
-      /* @__PURE__ */ f.jsx(
+      /* @__PURE__ */ b.jsx(
         Et,
         {
           icon: hp,
           label: "Image",
-          onClick: () => h("image")
+          onClick: () => f("image")
         }
       ),
-      /* @__PURE__ */ f.jsx(
+      /* @__PURE__ */ b.jsx(
         Et,
         {
           icon: Rr,
           label: "Code",
-          onClick: () => h("code")
+          onClick: () => f("code")
         }
       ),
-      /* @__PURE__ */ f.jsx(
+      /* @__PURE__ */ b.jsx(
         Et,
         {
           icon: rh,
           label: "Table",
-          onClick: () => h("table")
+          onClick: () => f("table")
         }
       ),
-      /* @__PURE__ */ f.jsx(
+      /* @__PURE__ */ b.jsx(
         Et,
         {
           icon: r ? _f : pp,
@@ -9745,7 +9709,7 @@ const nT = ({
         }
       )
     ] }),
-    r && /* @__PURE__ */ f.jsxs(
+    r && /* @__PURE__ */ b.jsxs(
       "div",
       {
         className: `
@@ -9758,7 +9722,7 @@ const nT = ({
       backdrop-blur-xl
     `,
         children: [
-          /* @__PURE__ */ f.jsxs(
+          /* @__PURE__ */ b.jsxs(
             "div",
             {
               className: `
@@ -9771,12 +9735,12 @@ const nT = ({
         py-4
       `,
               children: [
-                /* @__PURE__ */ f.jsxs("div", { children: [
-                  /* @__PURE__ */ f.jsx("h3", { className: "text-sm font-semibold text-white", children: "Blocks Manager" }),
-                  /* @__PURE__ */ f.jsx("p", { className: "text-xs text-white/40", children: "View, edit, import & update blog blocks" })
+                /* @__PURE__ */ b.jsxs("div", { children: [
+                  /* @__PURE__ */ b.jsx("h3", { className: "text-sm font-semibold text-white", children: "Blocks Manager" }),
+                  /* @__PURE__ */ b.jsx("p", { className: "text-xs text-white/40", children: "View, edit, import & update blog blocks" })
                 ] }),
-                /* @__PURE__ */ f.jsxs("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ f.jsxs(
+                /* @__PURE__ */ b.jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ b.jsxs(
                     "button",
                     {
                       onClick: () => s((w) => !w),
@@ -9797,12 +9761,12 @@ const nT = ({
             hover:text-white
           `,
                       children: [
-                        /* @__PURE__ */ f.jsx(Hf, { size: 14 }),
+                        /* @__PURE__ */ b.jsx(Hf, { size: 14 }),
                         o ? "Cancel" : "Edit JSON"
                       ]
                     }
                   ),
-                  /* @__PURE__ */ f.jsxs(
+                  /* @__PURE__ */ b.jsxs(
                     "button",
                     {
                       onClick: E,
@@ -9823,12 +9787,12 @@ const nT = ({
             hover:text-white
           `,
                       children: [
-                        /* @__PURE__ */ f.jsx(kr, { size: 14 }),
+                        /* @__PURE__ */ b.jsx(kr, { size: 14 }),
                         "Copy"
                       ]
                     }
                   ),
-                  o && /* @__PURE__ */ f.jsxs(
+                  o && /* @__PURE__ */ b.jsxs(
                     "button",
                     {
                       onClick: v,
@@ -9847,7 +9811,7 @@ const nT = ({
               hover:opacity-90
             `,
                       children: [
-                        /* @__PURE__ */ f.jsx(Zf, { size: 14 }),
+                        /* @__PURE__ */ b.jsx(Zf, { size: 14 }),
                         "Save Changes"
                       ]
                     }
@@ -9856,7 +9820,7 @@ const nT = ({
               ]
             }
           ),
-          c && /* @__PURE__ */ f.jsxs(
+          c && /* @__PURE__ */ b.jsxs(
             "div",
             {
               className: `
@@ -9872,12 +9836,12 @@ const nT = ({
           text-red-300
         `,
               children: [
-                /* @__PURE__ */ f.jsx(Sf, { size: 15 }),
+                /* @__PURE__ */ b.jsx(Sf, { size: 15 }),
                 c
               ]
             }
           ),
-          o ? /* @__PURE__ */ f.jsx(
+          o ? /* @__PURE__ */ b.jsx(
             Rp,
             {
               height: "500px",
@@ -9897,7 +9861,7 @@ const nT = ({
                 formatOnType: !0
               }
             }
-          ) : /* @__PURE__ */ f.jsx(
+          ) : /* @__PURE__ */ b.jsx(
             "pre",
             {
               className: `
@@ -9912,7 +9876,7 @@ const nT = ({
               children: JSON.stringify(e, null, 2)
             }
           ),
-          /* @__PURE__ */ f.jsxs(
+          /* @__PURE__ */ b.jsxs(
             "div",
             {
               className: `
@@ -9927,12 +9891,12 @@ const nT = ({
         text-white/40
       `,
               children: [
-                /* @__PURE__ */ f.jsxs("span", { children: [
+                /* @__PURE__ */ b.jsxs("span", { children: [
                   "Total Blocks: ",
                   e.length
                 ] }),
-                /* @__PURE__ */ f.jsxs("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ f.jsx(xr, { size: 13 }),
+                /* @__PURE__ */ b.jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ b.jsx(xr, { size: 13 }),
                   "Live Synced Editor"
                 ] })
               ]
@@ -9941,12 +9905,12 @@ const nT = ({
         ]
       }
     ),
-    !r && /* @__PURE__ */ f.jsx("div", { className: "space-y-6", children: e.map((w, T) => /* @__PURE__ */ f.jsx(
+    !r && /* @__PURE__ */ b.jsx("div", { className: "space-y-6", children: e.map((w, T) => /* @__PURE__ */ b.jsx(
       "div",
       {
         ref: T === e.length - 1 ? p : null,
-        children: /* @__PURE__ */ f.jsxs("div", { className: "pt-2", children: [
-          w.type === "text" && /* @__PURE__ */ f.jsx(
+        children: /* @__PURE__ */ b.jsxs("div", { className: "pt-2", children: [
+          w.type === "text" && /* @__PURE__ */ b.jsx(
             dh,
             {
               value: w.content,
@@ -9957,7 +9921,7 @@ const nT = ({
               placeholder: "Write paragraph..."
             }
           ),
-          w.type === "heading" && /* @__PURE__ */ f.jsx(
+          w.type === "heading" && /* @__PURE__ */ b.jsx(
             ph,
             {
               value: w.content,
@@ -9971,7 +9935,7 @@ const nT = ({
               onDelete: () => S(w.id)
             }
           ),
-          w.type === "image" && /* @__PURE__ */ f.jsx(
+          w.type === "image" && /* @__PURE__ */ b.jsx(
             rT,
             {
               value: w,
@@ -9979,7 +9943,7 @@ const nT = ({
               onDelete: () => S(w.id)
             }
           ),
-          w.type === "code" && /* @__PURE__ */ f.jsx(
+          w.type === "code" && /* @__PURE__ */ b.jsx(
             nT,
             {
               value: w.content,
@@ -9993,7 +9957,7 @@ const nT = ({
               onDelete: () => S(w.id)
             }
           ),
-          w.type === "table" && /* @__PURE__ */ f.jsx(
+          w.type === "table" && /* @__PURE__ */ b.jsx(
             aT,
             {
               headers: w.headers,
@@ -10010,7 +9974,7 @@ const nT = ({
       w.id
     )) })
   ] });
-}, Et = ({ icon: e, label: t, onClick: n }) => /* @__PURE__ */ f.jsxs(
+}, Et = ({ icon: e, label: t, onClick: n }) => /* @__PURE__ */ b.jsxs(
   "button",
   {
     onClick: n,
@@ -10028,8 +9992,8 @@ const nT = ({
         transition
       `,
     children: [
-      /* @__PURE__ */ f.jsx(e, { size: 15 }),
-      /* @__PURE__ */ f.jsx("span", { className: "text-sm", children: t })
+      /* @__PURE__ */ b.jsx(e, { size: 15 }),
+      /* @__PURE__ */ b.jsx("span", { className: "text-sm", children: t })
     ]
   }
 );
@@ -10191,7 +10155,7 @@ function wm(e) {
         return v.split(".").forEach(function(w) {
           E.includes(w) || E.push(w);
         }), E;
-      }, []), h = s.className && s.className.includes("token") ? ["token"] : [], y = s.className && h.concat(s.className.filter(function(E) {
+      }, []), f = s.className && s.className.includes("token") ? ["token"] : [], y = s.className && f.concat(s.className.filter(function(E) {
         return !m.includes(E);
       }));
       p = _t(_t({}, s), {}, {
@@ -10290,17 +10254,17 @@ function Am(e, t, n) {
   return i;
 }
 function Hn(e) {
-  var t = e.children, n = e.lineNumber, a = e.lineNumberStyle, r = e.largestLineNumber, i = e.showInlineLineNumbers, o = e.lineProps, s = o === void 0 ? {} : o, u = e.className, l = u === void 0 ? [] : u, c = e.showLineNumbers, d = e.wrapLongLines, p = e.wrapLines, m = p === void 0 ? !1 : p, h = m ? Je({}, typeof s == "function" ? s(n) : s) : {};
-  if (h.className = h.className ? [].concat(Er(h.className.trim().split(/\s+/)), Er(l)) : l, n && i) {
+  var t = e.children, n = e.lineNumber, a = e.lineNumberStyle, r = e.largestLineNumber, i = e.showInlineLineNumbers, o = e.lineProps, s = o === void 0 ? {} : o, u = e.className, l = u === void 0 ? [] : u, c = e.showLineNumbers, d = e.wrapLongLines, p = e.wrapLines, m = p === void 0 ? !1 : p, f = m ? Je({}, typeof s == "function" ? s(n) : s) : {};
+  if (f.className = f.className ? [].concat(Er(f.className.trim().split(/\s+/)), Er(l)) : l, n && i) {
     var y = Am(a, n, r);
     t.unshift(Tm(n, y));
   }
-  return d & c && (h.style = Je({
+  return d & c && (f.style = Je({
     display: "flex"
-  }, h.style)), {
+  }, f.style)), {
     type: "element",
     tagName: "span",
-    properties: h,
+    properties: f,
     children: t
   };
 }
@@ -10325,7 +10289,7 @@ function Nm(e) {
 }
 function AT(e, t, n, a, r, i, o, s, u) {
   var l, c = Nm(e.value), d = [], p = -1, m = 0;
-  function h(A, x) {
+  function f(A, x) {
     var C = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
     return Hn({
       children: A,
@@ -10349,7 +10313,7 @@ function AT(e, t, n, a, r, i, o, s, u) {
   }
   function S(A, x) {
     var C = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : [];
-    return t || C.length > 0 ? h(A, x, C) : y(A, x);
+    return t || C.length > 0 ? f(A, x, C) : y(A, x);
   }
   for (var E = function() {
     var x = c[m], C = x.children[0].value, R = ST(C);
@@ -10384,7 +10348,7 @@ function AT(e, t, n, a, r, i, o, s, u) {
             d.push(q);
           }
         } else {
-          var b = [D], I = S(b, F, x.properties.className);
+          var h = [D], I = S(h, F, x.properties.className);
           d.push(I);
         }
       }), p = m;
@@ -10441,8 +10405,8 @@ function xT(e, t) {
     var r, i, o = a.language, s = a.children, u = a.style, l = u === void 0 ? t : u, c = a.customStyle, d = c === void 0 ? {} : c, p = a.codeTagProps, m = p === void 0 ? {
       className: o ? "language-".concat(o) : void 0,
       style: Je(Je({}, l['code[class*="language-"]']), l['code[class*="language-'.concat(o, '"]')])
-    } : p, h = a.useInlineStyles, y = h === void 0 ? !0 : h, S = a.showLineNumbers, E = S === void 0 ? !1 : S, v = a.showInlineLineNumbers, w = v === void 0 ? !0 : v, T = a.startingLineNumber, A = T === void 0 ? 1 : T, x = a.lineNumberContainerStyle, C = a.lineNumberStyle, R = C === void 0 ? {} : C, N = a.wrapLines, _ = a.wrapLongLines, M = _ === void 0 ? !1 : _, F = a.lineProps, D = F === void 0 ? {} : F, U = a.renderer, L = a.PreTag, B = L === void 0 ? "pre" : L, G = a.CodeTag, Y = G === void 0 ? "code" : G, z = a.code, q = z === void 0 ? (Array.isArray(s) ? s[0] : s) || "" : z, b = a.astGenerator, I = oT(a, yT);
-    b = b || e;
+    } : p, f = a.useInlineStyles, y = f === void 0 ? !0 : f, S = a.showLineNumbers, E = S === void 0 ? !1 : S, v = a.showInlineLineNumbers, w = v === void 0 ? !0 : v, T = a.startingLineNumber, A = T === void 0 ? 1 : T, x = a.lineNumberContainerStyle, C = a.lineNumberStyle, R = C === void 0 ? {} : C, N = a.wrapLines, _ = a.wrapLongLines, M = _ === void 0 ? !1 : _, F = a.lineProps, D = F === void 0 ? {} : F, U = a.renderer, L = a.PreTag, B = L === void 0 ? "pre" : L, G = a.CodeTag, Y = G === void 0 ? "code" : G, z = a.code, q = z === void 0 ? (Array.isArray(s) ? s[0] : s) || "" : z, h = a.astGenerator, I = oT(a, yT);
+    h = h || e;
     var $ = E ? /* @__PURE__ */ ee.createElement(wT, {
       containerStyle: x,
       codeStyle: m.style || {},
@@ -10451,7 +10415,7 @@ function xT(e, t) {
       codeString: q
     }) : null, H = l.hljs || l['pre[class*="language-"]'] || {
       backgroundColor: "#fff"
-    }, ve = _m(b) ? "hljs" : "prismjs", be = y ? Object.assign({}, I, {
+    }, ve = _m(h) ? "hljs" : "prismjs", be = y ? Object.assign({}, I, {
       style: Object.assign({}, H, d)
     }) : Object.assign({}, I, {
       className: I.className ? "".concat(ve, " ").concat(I.className) : ve,
@@ -10461,14 +10425,14 @@ function xT(e, t) {
       whiteSpace: "pre-wrap"
     }, m.style) : m.style = Je({
       whiteSpace: "pre"
-    }, m.style), !b)
+    }, m.style), !h)
       return /* @__PURE__ */ ee.createElement(B, be, $, /* @__PURE__ */ ee.createElement(Y, m, q));
     (N === void 0 && U || M) && (N = !0), U = U || NT;
     var W = [{
       type: "text",
       value: q
     }], ie = _T({
-      astGenerator: b,
+      astGenerator: h,
       language: o,
       code: q,
       defaultCodeValue: W
@@ -11985,7 +11949,7 @@ function XT(e, t) {
   const n = {}, a = typeof n.additional == "string" ? n.additional.charCodeAt(0) : n.additional, r = [];
   let i = 0, o = -1, s = "", u, l;
   n.position && ("start" in n.position || "indent" in n.position ? (l = n.position.indent, u = n.position.start) : u = n.position);
-  let c = (u ? u.line : 0) || 1, d = (u ? u.column : 0) || 1, p = h(), m;
+  let c = (u ? u.line : 0) || 1, d = (u ? u.column : 0) || 1, p = f(), m;
   for (i--; ++i <= e.length; )
     if (m === 10 && (d = (l ? l[o] : 0) || 1), m = e.charCodeAt(i), m === 38) {
       const E = e.charCodeAt(i + 1);
@@ -12048,8 +12012,8 @@ function XT(e, t) {
         }
       }
       if (F) {
-        S(), p = h(), i = T - 1, d += T - v + 1, r.push(F);
-        const D = h();
+        S(), p = f(), i = T - 1, d += T - v + 1, r.push(F);
+        const D = f();
         D.offset++, n.reference && n.reference.call(
           n.referenceContext || void 0,
           F,
@@ -12061,7 +12025,7 @@ function XT(e, t) {
     } else
       m === 10 && (c++, o++, d = 0), Number.isNaN(m) ? S() : (s += String.fromCharCode(m), d++);
   return r.join("");
-  function h() {
+  function f() {
     return {
       line: c,
       column: d,
@@ -12070,7 +12034,7 @@ function XT(e, t) {
   }
   function y(E, v) {
     let w;
-    n.warning && (w = h(), w.column += v, w.offset += v, n.warning.call(
+    n.warning && (w = f(), w.column += v, w.offset += v, n.warning.call(
       n.warningContext || void 0,
       KT[E],
       w,
@@ -12080,7 +12044,7 @@ function XT(e, t) {
   function S() {
     s && (r.push(s), n.text && n.text.call(n.textContext || void 0, s, {
       start: p,
-      end: h()
+      end: f()
     }), s = "");
   }
 }
@@ -12447,8 +12411,8 @@ function Fm(e, t, n, a, r, i) {
           return;
         var l = s[u], c = l.inside, d = !!l.lookbehind, p = !!l.greedy, m = l.alias;
         if (p && !l.pattern.global) {
-          var h = l.pattern.toString().match(/[imsuy]*$/)[0];
-          l.pattern = RegExp(l.pattern.source, h + "g");
+          var f = l.pattern.toString().match(/[imsuy]*$/)[0];
+          l.pattern = RegExp(l.pattern.source, f + "g");
         }
         for (var y = l.pattern || l, S = a.next, E = r; S !== t.tail && !(i && E >= i.reach); E += S.value.length, S = S.next) {
           var v = S.value;
@@ -14683,12 +14647,12 @@ function Ai(e) {
               u(p.content);
               continue;
             }
-            var m = p.content[1], h = p.content[3];
-            if (m && h && m.type === "code-language" && h.type === "code-block" && typeof m.content == "string") {
+            var m = p.content[1], f = p.content[3];
+            if (m && f && m.type === "code-language" && f.type === "code-block" && typeof m.content == "string") {
               var y = m.content.replace(/\b#/g, "sharp").replace(/\b\+\+/g, "pp");
               y = (/[a-z][\w-]*/i.exec(y) || [""])[0].toLowerCase();
               var S = "language-" + y;
-              h.alias ? typeof h.alias == "string" ? h.alias = [h.alias, S] : h.alias.push(S) : h.alias = [S];
+              f.alias ? typeof f.alias == "string" ? f.alias = [f.alias, S] : f.alias.push(S) : f.alias = [S];
             }
           }
       }
@@ -14706,9 +14670,9 @@ function Ai(e) {
         if (m)
           s.content = t.highlight(s.content.value, m, u);
         else if (u && u !== "none" && t.plugins.autoloader) {
-          var h = "md-" + (/* @__PURE__ */ new Date()).valueOf() + "-" + Math.floor(Math.random() * 1e16);
-          s.attributes.id = h, t.plugins.autoloader.loadLanguages(u, function() {
-            var y = document.getElementById(h);
+          var f = "md-" + (/* @__PURE__ */ new Date()).valueOf() + "-" + Math.floor(Math.random() * 1e16);
+          s.attributes.id = f, t.plugins.autoloader.loadLanguages(u, function() {
+            var y = document.getElementById(f);
             y && (y.innerHTML = t.highlight(
               y.textContent,
               t.languages[u],
@@ -15024,16 +14988,16 @@ Ft.displayName = "csharp";
 Ft.aliases = ["cs", "dotnet"];
 function Ft(e) {
   e.register(Q), (function(t) {
-    function n(q, b) {
+    function n(q, h) {
       return q.replace(/<<(\d+)>>/g, function(I, $) {
-        return "(?:" + b[+$] + ")";
+        return "(?:" + h[+$] + ")";
       });
     }
-    function a(q, b, I) {
-      return RegExp(n(q, b), "");
+    function a(q, h, I) {
+      return RegExp(n(q, h), "");
     }
-    function r(q, b) {
-      for (var I = 0; I < b; I++)
+    function r(q, h) {
+      for (var I = 0; I < h; I++)
         q = q.replace(/<<self>>/g, function() {
           return "(?:" + q + ")";
         });
@@ -15063,9 +15027,9 @@ function Ft(e) {
       i.typeDeclaration + " " + i.contextual + " " + i.other
     ), c = o(
       i.type + " " + i.typeDeclaration + " " + i.other
-    ), d = r(/<(?:[^<>;=+\-*/%&|^]|<<self>>)*>/.source, 2), p = r(/\((?:[^()]|<<self>>)*\)/.source, 2), m = /@?\b[A-Za-z_]\w*\b/.source, h = n(/<<0>>(?:\s*<<1>>)?/.source, [m, d]), y = n(/(?!<<0>>)<<1>>(?:\s*\.\s*<<1>>)*/.source, [
+    ), d = r(/<(?:[^<>;=+\-*/%&|^]|<<self>>)*>/.source, 2), p = r(/\((?:[^()]|<<self>>)*\)/.source, 2), m = /@?\b[A-Za-z_]\w*\b/.source, f = n(/<<0>>(?:\s*<<1>>)?/.source, [m, d]), y = n(/(?!<<0>>)<<1>>(?:\s*\.\s*<<1>>)*/.source, [
       l,
-      h
+      f
     ]), S = /\[\s*(?:,\s*)*\]/.source, E = n(
       /<<0>>(?:\s*(?:\?\s*)?<<1>>)*(?:\s*\?)?/.source,
       [y, S]
@@ -15124,7 +15088,7 @@ function Ft(e) {
           // interface Foo<out A, B>
           pattern: a(/(\b<<0>>\s+)<<1>>/.source, [
             s,
-            h
+            f
           ]),
           lookbehind: !0,
           inside: A
@@ -15246,7 +15210,7 @@ function Ft(e) {
           /\b((?:<<0>>\s+<<1>>|record\s+<<1>>\s*<<5>>|where\s+<<2>>)\s*:\s*)(?:<<3>>|<<4>>|<<1>>\s*<<5>>|<<6>>)(?:\s*,\s*(?:<<3>>|<<4>>|<<6>>))*(?=\s*(?:where|[{;]|=>|$))/.source,
           [
             s,
-            h,
+            f,
             m,
             T,
             u.source,
@@ -15258,7 +15222,7 @@ function Ft(e) {
         inside: {
           "record-arguments": {
             pattern: a(/(^(?!new\s*\()<<0>>\s*)<<1>>/.source, [
-              h,
+              f,
               p
             ]),
             lookbehind: !0,
@@ -15347,7 +15311,7 @@ function Ft(e) {
       G,
       U
     ]);
-    function z(q, b) {
+    function z(q, h) {
       return {
         interpolation: {
           pattern: a(/((?:^|[^{])(?:\{\{)*)<<0>>/.source, [q]),
@@ -15355,7 +15319,7 @@ function Ft(e) {
           inside: {
             "format-string": {
               pattern: a(/(^\{(?:(?![}:])<<0>>)*)<<1>>(?=\}$)/.source, [
-                b,
+                h,
                 U
               ]),
               lookbehind: !0,
@@ -17923,7 +17887,7 @@ function Se(e) {
             for (var l = 0; l < u.length && !(i >= o.length); l++) {
               var c = u[l];
               if (typeof c == "string" || c.content && typeof c.content == "string") {
-                var d = o[i], p = a.tokenStack[d], m = typeof c == "string" ? c : c.content, h = n(r, d), y = m.indexOf(h);
+                var d = o[i], p = a.tokenStack[d], m = typeof c == "string" ? c : c.content, f = n(r, d), y = m.indexOf(f);
                 if (y > -1) {
                   ++i;
                   var S = m.substring(0, y), E = new t.Token(
@@ -17931,7 +17895,7 @@ function Se(e) {
                     t.tokenize(p, a.grammar),
                     "language-" + r,
                     p
-                  ), v = m.substring(y + h.length), w = [];
+                  ), v = m.substring(y + f.length), w = [];
                   S && w.push.apply(w, s([S])), w.push(E), v && w.push.apply(w, s([v])), typeof c == "string" ? u.splice.apply(u, [l, 1].concat(w)) : c.content = w;
                 }
               } else c.content && s(c.content);
@@ -20554,8 +20518,8 @@ function Jo(e) {
           var m = s(/^\{$/, /^\}$/);
           if (m === -1)
             continue;
-          for (var h = r; h < m; h++) {
-            var y = a[h];
+          for (var f = r; f < m; f++) {
+            var y = a[f];
             y.type === "variable" && c.indexOf(y.content) >= 0 && u(y, "variable-input");
           }
         }
@@ -22997,8 +22961,8 @@ ks.aliases = [];
 function ks(e) {
   e.register(Ee), (function(t) {
     var n = t.languages.javascript["template-string"], a = n.pattern.source, r = n.inside.interpolation, i = r.inside["interpolation-punctuation"], o = r.pattern.source;
-    function s(h, y) {
-      if (t.languages[h])
+    function s(f, y) {
+      if (t.languages[f])
         return {
           pattern: RegExp("((?:" + y + ")\\s*)" + a),
           lookbehind: !0,
@@ -23010,7 +22974,7 @@ function ks(e) {
             },
             "embedded-code": {
               pattern: /[\s\S]+/,
-              alias: h
+              alias: f
             }
           }
         };
@@ -23041,21 +23005,21 @@ function ks(e) {
       // vanilla template string
       n
     ].filter(Boolean);
-    function u(h, y) {
-      return "___" + y.toUpperCase() + "_" + h + "___";
+    function u(f, y) {
+      return "___" + y.toUpperCase() + "_" + f + "___";
     }
-    function l(h, y, S) {
+    function l(f, y, S) {
       var E = {
-        code: h,
+        code: f,
         grammar: y,
         language: S
       };
       return t.hooks.run("before-tokenize", E), E.tokens = t.tokenize(E.code, E.grammar), t.hooks.run("after-tokenize", E), E.tokens;
     }
-    function c(h) {
+    function c(f) {
       var y = {};
       y["interpolation-punctuation"] = i;
-      var S = t.tokenize(h, y);
+      var S = t.tokenize(f, y);
       if (S.length === 3) {
         var E = [1, 1];
         E.push.apply(
@@ -23067,11 +23031,11 @@ function ks(e) {
         "interpolation",
         S,
         r.alias,
-        h
+        f
       );
     }
-    function d(h, y, S) {
-      var E = t.tokenize(h, {
+    function d(f, y, S) {
+      var E = t.tokenize(f, {
         interpolation: {
           pattern: RegExp(o),
           lookbehind: !0
@@ -23079,7 +23043,7 @@ function ks(e) {
       }), v = 0, w = {}, T = E.map(function(R) {
         if (typeof R == "string")
           return R;
-        for (var N = R.content, _; h.indexOf(
+        for (var N = R.content, _; f.indexOf(
           _ = u(v++, S)
         ) !== -1; )
           ;
@@ -23117,7 +23081,7 @@ function ks(e) {
         S,
         A,
         "language-" + S,
-        h
+        f
       );
     }
     var p = {
@@ -23128,8 +23092,8 @@ function ks(e) {
       jsx: !0,
       tsx: !0
     };
-    t.hooks.add("after-tokenize", function(h) {
-      if (!(h.language in p))
+    t.hooks.add("after-tokenize", function(f) {
+      if (!(f.language in p))
         return;
       function y(S) {
         for (var E = 0, v = S.length; E < v; E++) {
@@ -23153,10 +23117,10 @@ function ks(e) {
           }
         }
       }
-      y(h.tokens);
+      y(f.tokens);
     });
-    function m(h) {
-      return typeof h == "string" ? h : Array.isArray(h) ? h.map(m).join("") : m(h.content);
+    function m(f) {
+      return typeof f == "string" ? f : Array.isArray(f) ? f.map(m).join("") : m(f.content);
     }
   })(e);
 }
@@ -24242,12 +24206,12 @@ Ws.displayName = "lisp";
 Ws.aliases = ["elisp", "emacs", "emacs-lisp"];
 function Ws(e) {
   (function(t) {
-    function n(h) {
-      return RegExp(/(\()/.source + "(?:" + h + ")" + /(?=[\s\)])/.source);
+    function n(f) {
+      return RegExp(/(\()/.source + "(?:" + f + ")" + /(?=[\s\)])/.source);
     }
-    function a(h) {
+    function a(f) {
       return RegExp(
-        /([\s([])/.source + "(?:" + h + ")" + /(?=[\s)])/.source
+        /([\s([])/.source + "(?:" + f + ")" + /(?=[\s)])/.source
       );
     }
     var r = /(?!\d)[-+*/~!@$%^=<>{}\w]+/.source, i = "&" + r, o = "(\\()", s = "(?=\\))", u = "(?=\\s)", l = /(?:[^()]|\((?:[^()]|\((?:[^()]|\((?:[^()]|\((?:[^()]|\([^()]*\))*\))*\))*\))*\))*/.source, c = {
@@ -28091,16 +28055,16 @@ Xl.displayName = "qsharp";
 Xl.aliases = ["qs"];
 function Xl(e) {
   e.register(Q), (function(t) {
-    function n(m, h) {
+    function n(m, f) {
       return m.replace(/<<(\d+)>>/g, function(y, S) {
-        return "(?:" + h[+S] + ")";
+        return "(?:" + f[+S] + ")";
       });
     }
-    function a(m, h, y) {
-      return RegExp(n(m, h), "");
+    function a(m, f, y) {
+      return RegExp(n(m, f), "");
     }
-    function r(m, h) {
-      for (var y = 0; y < h; y++)
+    function r(m, f) {
+      for (var y = 0; y < f; y++)
         m = m.replace(/<<self>>/g, function() {
           return "(?:" + m + ")";
         });
@@ -28397,7 +28361,7 @@ function nu(e) {
     var i = r(/\((?:[^()'"@/]|<str>|<comment>|<self>)*\)/.source, 2), o = r(/\[(?:[^\[\]'"@/]|<str>|<comment>|<self>)*\]/.source, 1), s = r(/\{(?:[^{}'"@/]|<str>|<comment>|<self>)*\}/.source, 2), u = r(/<(?:[^<>'"@/]|<comment>|<self>)*>/.source, 1), l = /@/.source + /(?:await\b\s*)?/.source + "(?:" + /(?!await\b)\w+\b/.source + "|" + i + ")(?:" + /[?!]?\.\w+\b/.source + "|(?:" + u + ")?" + i + "|" + o + ")*" + /(?![?!\.(\[]|<(?!\/))/.source, c = /@(?![\w()])/.source + "|" + l, d = "(?:" + /"[^"@]*"|'[^'@]*'|[^\s'"@>=]+(?=[\s>])/.source + `|["'][^"'@]*(?:(?:` + c + `)[^"'@]*)+["'])`, p = /(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*<tagAttrValue>|(?=[\s/>])))+)?/.source.replace(
       /<tagAttrValue>/,
       d
-    ), m = /(?!\d)[^\s>\/=$<%]+/.source + p + /\s*\/?>/.source, h = /\B@?/.source + "(?:" + /<([a-zA-Z][\w:]*)/.source + p + /\s*>/.source + "(?:" + (/[^<]/.source + "|" + // all tags that are not the start tag
+    ), m = /(?!\d)[^\s>\/=$<%]+/.source + p + /\s*\/?>/.source, f = /\B@?/.source + "(?:" + /<([a-zA-Z][\w:]*)/.source + p + /\s*>/.source + "(?:" + (/[^<]/.source + "|" + // all tags that are not the start tag
     // eslint-disable-next-line regexp/strict
     /<\/?(?!\1\b)/.source + m + "|" + // nested start tag
     r(
@@ -28415,7 +28379,7 @@ function nu(e) {
       "string",
       {
         html: {
-          pattern: RegExp(h),
+          pattern: RegExp(f),
           greedy: !0,
           inside: t.languages.cshtml
         }
@@ -28550,12 +28514,12 @@ function ba(e) {
           tagName: s(p.content[0].content[1]),
           openedBraces: 0
         }) : c.length > 0 && p.type === "punctuation" && p.content === "{" ? c[c.length - 1].openedBraces++ : c.length > 0 && c[c.length - 1].openedBraces > 0 && p.type === "punctuation" && p.content === "}" ? c[c.length - 1].openedBraces-- : m = !0), (m || typeof p == "string") && c.length > 0 && c[c.length - 1].openedBraces === 0) {
-          var h = s(p);
-          d < l.length - 1 && (typeof l[d + 1] == "string" || l[d + 1].type === "plain-text") && (h += s(l[d + 1]), l.splice(d + 1, 1)), d > 0 && (typeof l[d - 1] == "string" || l[d - 1].type === "plain-text") && (h = s(l[d - 1]) + h, l.splice(d - 1, 1), d--), l[d] = new t.Token(
+          var f = s(p);
+          d < l.length - 1 && (typeof l[d + 1] == "string" || l[d + 1].type === "plain-text") && (f += s(l[d + 1]), l.splice(d + 1, 1)), d > 0 && (typeof l[d - 1] == "string" || l[d - 1].type === "plain-text") && (f = s(l[d - 1]) + f, l.splice(d - 1, 1), d--), l[d] = new t.Token(
             "plain-text",
-            h,
+            f,
             null,
-            h
+            f
           );
         }
         p.content && typeof p.content != "string" && u(p.content);
@@ -29252,7 +29216,7 @@ function gu(e) {
           alias: "number"
         }
       }
-    }, h = {
+    }, f = {
       pattern: /\b(?:format|put)\s+[\w']+(?:\s+[$.\w]+)+(?=;)/i,
       inside: {
         keyword: /^(?:format|put)/i,
@@ -29430,7 +29394,7 @@ function gu(e) {
           keyword: w,
           function: d,
           format: m,
-          altformat: h,
+          altformat: f,
           "global-statements": y,
           number: a,
           "numeric-constant": r,
@@ -29508,7 +29472,7 @@ function gu(e) {
       comment: u,
       function: d,
       format: m,
-      altformat: h,
+      altformat: f,
       "numeric-constant": r,
       datetime: {
         // '1jan2013'd, '9:25:19pm't, '18jan2003:9:27:05am'dt
@@ -32823,7 +32787,7 @@ const dA = {
 }) => {
   const [s, u] = ae(!1), [l, c] = ae(0), d = i !== void 0 ? i : l, p = (E) => {
     o ? o(E) : c(E);
-  }, m = r ? r[d]?.code : e, h = r ? r[d]?.language : t, y = async () => {
+  }, m = r ? r[d]?.code : e, f = r ? r[d]?.language : t, y = async () => {
     const E = m?.trim?.();
     if (E)
       try {
@@ -32838,45 +32802,45 @@ const dA = {
         console.error("Failed to copy text: ", v), u(!1);
       }
   }, S = (E) => ({
-    javascript: /* @__PURE__ */ f.jsx(dp, { className: "w-5 h-5 text-yellow-400" }),
-    typescript: /* @__PURE__ */ f.jsx(cp, { className: "w-5 h-5 text-sky-400" }),
-    react: /* @__PURE__ */ f.jsx(up, { className: "w-5 h-5 text-cyan-400" }),
-    vue: /* @__PURE__ */ f.jsx(fp, { className: "w-5 h-5 text-green-400" }),
-    python: /* @__PURE__ */ f.jsx(Rr, { className: "w-5 h-5 text-blue-400" }),
-    html: /* @__PURE__ */ f.jsx(gp, { className: "w-5 h-5 text-orange-400" }),
-    css: /* @__PURE__ */ f.jsx(bp, { className: "w-5 h-5 text-pink-400" }),
-    shell: /* @__PURE__ */ f.jsx(yp, { className: "w-5 h-5 text-zinc-300" }),
-    json: /* @__PURE__ */ f.jsx(mp, { className: "w-5 h-5 text-amber-300" })
-  })[E] || /* @__PURE__ */ f.jsx(Wa, { className: "w-5 h-5 text-zinc-400" });
-  return /* @__PURE__ */ f.jsxs(
+    javascript: /* @__PURE__ */ b.jsx(dp, { className: "w-5 h-5 text-yellow-400" }),
+    typescript: /* @__PURE__ */ b.jsx(cp, { className: "w-5 h-5 text-sky-400" }),
+    react: /* @__PURE__ */ b.jsx(up, { className: "w-5 h-5 text-cyan-400" }),
+    vue: /* @__PURE__ */ b.jsx(fp, { className: "w-5 h-5 text-green-400" }),
+    python: /* @__PURE__ */ b.jsx(Rr, { className: "w-5 h-5 text-blue-400" }),
+    html: /* @__PURE__ */ b.jsx(gp, { className: "w-5 h-5 text-orange-400" }),
+    css: /* @__PURE__ */ b.jsx(bp, { className: "w-5 h-5 text-pink-400" }),
+    shell: /* @__PURE__ */ b.jsx(yp, { className: "w-5 h-5 text-zinc-300" }),
+    json: /* @__PURE__ */ b.jsx(mp, { className: "w-5 h-5 text-amber-300" })
+  })[E] || /* @__PURE__ */ b.jsx(Wa, { className: "w-5 h-5 text-zinc-400" });
+  return /* @__PURE__ */ b.jsxs(
     "div",
     {
       className: `relative group rounded-xl overflow-hidden bg-zinc-900/60 backdrop-blur-sm border border-zinc-800/60 ${a}`,
       children: [
-        /* @__PURE__ */ f.jsxs("div", { className: "flex items-center justify-between bg-zinc-900 border-b border-zinc-800/80", children: [
-          /* @__PURE__ */ f.jsxs("div", { className: "flex items-center flex-1 min-w-0", children: [
-            /* @__PURE__ */ f.jsxs("div", { className: "flex gap-1.5 px-4 py-2 border-r border-zinc-800/60", children: [
-              /* @__PURE__ */ f.jsx("div", { className: "w-3 h-3 rounded-full bg-red-500" }),
-              /* @__PURE__ */ f.jsx("div", { className: "w-3 h-3 rounded-full bg-yellow-500" }),
-              /* @__PURE__ */ f.jsx("div", { className: "w-3 h-3 rounded-full bg-green-500" })
+        /* @__PURE__ */ b.jsxs("div", { className: "flex items-center justify-between bg-zinc-900 border-b border-zinc-800/80", children: [
+          /* @__PURE__ */ b.jsxs("div", { className: "flex items-center flex-1 min-w-0", children: [
+            /* @__PURE__ */ b.jsxs("div", { className: "flex gap-1.5 px-4 py-2 border-r border-zinc-800/60", children: [
+              /* @__PURE__ */ b.jsx("div", { className: "w-3 h-3 rounded-full bg-red-500" }),
+              /* @__PURE__ */ b.jsx("div", { className: "w-3 h-3 rounded-full bg-yellow-500" }),
+              /* @__PURE__ */ b.jsx("div", { className: "w-3 h-3 rounded-full bg-green-500" })
             ] }),
-            r ? /* @__PURE__ */ f.jsx("div", { className: "flex space-x-1 px-2 overflow-x-auto scrollbar-none", children: r.map((E, v) => /* @__PURE__ */ f.jsxs(
+            r ? /* @__PURE__ */ b.jsx("div", { className: "flex space-x-1 px-2 overflow-x-auto scrollbar-none", children: r.map((E, v) => /* @__PURE__ */ b.jsxs(
               "button",
               {
                 onClick: () => p(v),
                 className: `flex items-center gap-2 px-3 py-2 text-sm font-medium rounded-lg transition-all duration-200 ${d === v ? "text-[#00c420] " : "text-zinc-400 hover:text-zinc-300 hover:bg-zinc-800/40"}`,
                 children: [
-                  /* @__PURE__ */ f.jsx(Wa, { size: 14 }),
+                  /* @__PURE__ */ b.jsx(Wa, { size: 14 }),
                   E.name
                 ]
               },
               v
-            )) }) : /* @__PURE__ */ f.jsxs("div", { className: "flex items-center gap-2 px-4 py-2", children: [
-              S(h),
-              /* @__PURE__ */ f.jsx("span", { className: "text-sm font-medium capitalize text-zinc-200", children: h })
+            )) }) : /* @__PURE__ */ b.jsxs("div", { className: "flex items-center gap-2 px-4 py-2", children: [
+              S(f),
+              /* @__PURE__ */ b.jsx("span", { className: "text-sm font-medium capitalize text-zinc-200", children: f })
             ] })
           ] }),
-          /* @__PURE__ */ f.jsx("div", { className: "flex items-center gap-2 px-4 py-2", children: /* @__PURE__ */ f.jsx(
+          /* @__PURE__ */ b.jsx("div", { className: "flex items-center gap-2 px-4 py-2", children: /* @__PURE__ */ b.jsx(
             "button",
             {
               onClick: y,
@@ -32884,21 +32848,21 @@ const dA = {
               className: `flex items-center gap-2 px-3 py-1.5 text-xs font-medium rounded-lg
   bg-zinc-800 hover:bg-zinc-700 text-zinc-300 hover:text-white
   transition-all duration-200 disabled:opacity-40 disabled:cursor-not-allowed`,
-              children: s ? /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
-                /* @__PURE__ */ f.jsx(xr, { size: 12, className: "text-green-500" }),
+              children: s ? /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
+                /* @__PURE__ */ b.jsx(xr, { size: 12, className: "text-green-500" }),
                 "Copied"
-              ] }) : /* @__PURE__ */ f.jsxs(f.Fragment, { children: [
-                /* @__PURE__ */ f.jsx(kr, { size: 12 }),
-                /* @__PURE__ */ f.jsx("span", { children: "Copy" })
+              ] }) : /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
+                /* @__PURE__ */ b.jsx(kr, { size: 12 }),
+                /* @__PURE__ */ b.jsx("span", { children: "Copy" })
               ] })
             }
           ) })
         ] }),
-        /* @__PURE__ */ f.jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ f.jsx(
+        /* @__PURE__ */ b.jsxs("div", { className: "relative", children: [
+          /* @__PURE__ */ b.jsx(
             Bm,
             {
-              language: h,
+              language: f,
               style: dA,
               showLineNumbers: n,
               wrapLines: !0,
@@ -32926,9 +32890,9 @@ const dA = {
               children: m?.trim?.() || ""
             }
           ),
-          /* @__PURE__ */ f.jsx("div", { className: "absolute inset-0 pointer-events-none bg-linear-to-r from-transparent via-transparent to-zinc-900/20 opacity-50" })
+          /* @__PURE__ */ b.jsx("div", { className: "absolute inset-0 pointer-events-none bg-linear-to-r from-transparent via-transparent to-zinc-900/20 opacity-50" })
         ] }),
-        /* @__PURE__ */ f.jsx("div", { className: "absolute inset-0 pointer-events-none border-2 border-transparent  rounded-xl transition-all duration-300" })
+        /* @__PURE__ */ b.jsx("div", { className: "absolute inset-0 pointer-events-none border-2 border-transparent  rounded-xl transition-all duration-300" })
       ]
     }
   );
@@ -32941,15 +32905,15 @@ const dA = {
     h5: "text-xl font-semibold",
     h6: "text-lg font-medium"
   }, a = n[t] || n.h1;
-  return e?.trim() ? /* @__PURE__ */ f.jsx("div", { className: `text-foreground ${a}`, children: e }) : null;
-}, mA = ({ value: e = {} }) => e?.url ? /* @__PURE__ */ f.jsxs(
+  return e?.trim() ? /* @__PURE__ */ b.jsx("div", { className: `text-foreground ${a}`, children: e }) : null;
+}, mA = ({ value: e = {} }) => e?.url ? /* @__PURE__ */ b.jsxs(
   "div",
   {
     className: `
         overflow-hidden
       `,
     children: [
-      /* @__PURE__ */ f.jsx(
+      /* @__PURE__ */ b.jsx(
         Ir,
         {
           src: e.url,
@@ -32964,22 +32928,22 @@ const dA = {
           border: e.bordered ? "1px solid rgba(255,255,255,0.1)" : void 0,
           className: "w-full",
           loading: "lazy",
-          overlay: e.showOverlay ? /* @__PURE__ */ f.jsxs("div", { className: "flex h-full flex-col items-start justify-end p-6 text-white", children: [
-            /* @__PURE__ */ f.jsx("h3", { className: "text-2xl font-semibold", children: e.caption || "Overlay Title" }),
-            e.overlayText && /* @__PURE__ */ f.jsx("p", { className: "mt-2 text-sm text-white/80", children: e.overlayText })
+          overlay: e.showOverlay ? /* @__PURE__ */ b.jsxs("div", { className: "flex h-full flex-col items-start justify-end p-6 text-white", children: [
+            /* @__PURE__ */ b.jsx("h3", { className: "text-2xl font-semibold", children: e.caption || "Overlay Title" }),
+            e.overlayText && /* @__PURE__ */ b.jsx("p", { className: "mt-2 text-sm text-white/80", children: e.overlayText })
           ] }) : null,
-          fallback: /* @__PURE__ */ f.jsx("div", { className: "flex h-40 items-center justify-center text-white/40", children: "No Image Available" })
+          fallback: /* @__PURE__ */ b.jsx("div", { className: "flex h-40 items-center justify-center text-white/40", children: "No Image Available" })
         }
       ),
-      e.caption && /* @__PURE__ */ f.jsx("div", { className: "mt-4 border-t border-white/10 pt-4", children: /* @__PURE__ */ f.jsx("p", { className: "text-sm text-white/60", children: e.caption }) })
+      e.caption && /* @__PURE__ */ b.jsx("div", { className: "mt-4 border-t border-white/10 pt-4", children: /* @__PURE__ */ b.jsx("p", { className: "text-sm text-white/60", children: e.caption }) })
     ]
   }
-) : /* @__PURE__ */ f.jsx("div", { className: "flex h-40 items-center justify-center text-white/40", children: "No Image Available" }), fA = ({
+) : /* @__PURE__ */ b.jsx("div", { className: "flex h-40 items-center justify-center text-white/40", children: "No Image Available" }), fA = ({
   headers: e = [],
   rows: t = [],
   striped: n = !0,
   hoverable: a = !0
-}) => !e.length || !t.length ? /* @__PURE__ */ f.jsx("div", { className: "rounded-2xl border border-white/10 bg-white/5 p-6 text-center text-white/40", children: "No table data available" }) : /* @__PURE__ */ f.jsxs(
+}) => !e.length || !t.length ? /* @__PURE__ */ b.jsx("div", { className: "rounded-2xl border border-white/10 bg-white/5 p-6 text-center text-white/40", children: "No table data available" }) : /* @__PURE__ */ b.jsxs(
   Zw,
   {
     striped: n,
@@ -32988,28 +32952,28 @@ const dA = {
     responsive: !0,
     tableClassName: "min-w-full",
     children: [
-      /* @__PURE__ */ f.jsx(Qw, { children: /* @__PURE__ */ f.jsx(Hd, { children: e.map((r, i) => /* @__PURE__ */ f.jsx(eT, { children: r || `Column ${i + 1}` }, i)) }) }),
-      /* @__PURE__ */ f.jsx(Jw, { children: t.map((r, i) => /* @__PURE__ */ f.jsx(Hd, { index: i, children: e.map((o, s) => /* @__PURE__ */ f.jsx(tT, { children: r?.[s] ?? "" }, s)) }, i)) })
+      /* @__PURE__ */ b.jsx(Qw, { children: /* @__PURE__ */ b.jsx(Hd, { children: e.map((r, i) => /* @__PURE__ */ b.jsx(eT, { children: r || `Column ${i + 1}` }, i)) }) }),
+      /* @__PURE__ */ b.jsx(Jw, { children: t.map((r, i) => /* @__PURE__ */ b.jsx(Hd, { index: i, children: e.map((o, s) => /* @__PURE__ */ b.jsx(tT, { children: r?.[s] ?? "" }, s)) }, i)) })
     ]
   }
 ), yA = ({
   blocks: e = [],
   className: t = ""
-}) => /* @__PURE__ */ f.jsx("div", { className: `space-y-6 ${t} bg-black text-white py-6 px-4 rounded-lg`, children: e.map((n) => n.type === "text" ? /* @__PURE__ */ f.jsx(Ep, { value: n.content }, n.id) : n.type === "heading" ? /* @__PURE__ */ f.jsx(
+}) => /* @__PURE__ */ b.jsx("div", { className: `space-y-6 ${t} bg-black text-white py-6 px-4 rounded-lg`, children: e.map((n) => n.type === "text" ? /* @__PURE__ */ b.jsx(Ep, { value: n.content }, n.id) : n.type === "heading" ? /* @__PURE__ */ b.jsx(
   gA,
   {
     value: n.content,
     level: n.level
   },
   n.id
-) : n.type === "image" ? /* @__PURE__ */ f.jsx(mA, { value: n }, n.id) : n.type === "code" ? /* @__PURE__ */ f.jsx(
+) : n.type === "image" ? /* @__PURE__ */ b.jsx(mA, { value: n }, n.id) : n.type === "code" ? /* @__PURE__ */ b.jsx(
   pA,
   {
     language: n.language,
     code: n.content
   },
   n.id
-) : n.type === "table" ? /* @__PURE__ */ f.jsx("div", { className: "rounded-2xl border border-white/10", children: /* @__PURE__ */ f.jsx(
+) : n.type === "table" ? /* @__PURE__ */ b.jsx("div", { className: "rounded-2xl border border-white/10", children: /* @__PURE__ */ b.jsx(
   fA,
   {
     headers: n.headers,