@abduljebar/text-editor 2.3.1 → 2.4.0

package/dist/index.js

@@ -1,682 +1,890 @@
-import We, { useState as pe, useEffect as fe, useRef as me, useCallback as V } from "react";
-import { Save as ze, FileDown as Ye, Trash2 as Be, Bold as He, Italic as Je, Underline as Xe, Strikethrough as Ze, List as Qe, ListOrdered as Ke, Heading1 as et, Heading2 as tt, Type as rt, AlignLeft as ot, AlignCenter as nt, AlignRight as st, Link as at, Image as ve, Upload as it } from "lucide-react";
-var ce = { exports: {} }, se = {};
-var _e;
-function lt() {
-  if (_e) return se;
-  _e = 1;
-  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), n = /* @__PURE__ */ Symbol.for("react.fragment");
-  function r(o, s, l) {
-    var a = null;
-    if (l !== void 0 && (a = "" + l), s.key !== void 0 && (a = "" + s.key), "key" in s) {
-      l = {};
-      for (var c in s)
-        c !== "key" && (l[c] = s[c]);
-    } else l = s;
-    return s = l.ref, {
+import _t, { useState as ee, useRef as ie, useCallback as V, useEffect as ue, forwardRef as It, useImperativeHandle as Nt } from "react";
+import { Save as ft, FileDown as Lt, Trash2 as zt, Image as ke, Undo as Ot, Redo as Pt, Bold as Mt, Italic as qt, Underline as Dt, Strikethrough as Ft, Heading1 as Ut, Heading2 as $t, Type as Bt, Code as Gt, Quote as Wt, List as Vt, ListOrdered as Ht, Indent as Yt, Outdent as Jt, AlignLeft as Kt, AlignCenter as Xt, AlignRight as Qt, Superscript as Zt, Subscript as er, Link as tr, Loader2 as rr, CheckCircle as nr, AlertCircle as or, Upload as sr } from "lucide-react";
+var xe = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function ar(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var ve = { exports: {} }, ge = {};
+var We;
+function ir() {
+  if (We) return ge;
+  We = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
+  function r(n, s, u) {
+    var c = null;
+    if (u !== void 0 && (c = "" + u), s.key !== void 0 && (c = "" + s.key), "key" in s) {
+      u = {};
+      for (var a in s)
+        a !== "key" && (u[a] = s[a]);
+    } else u = s;
+    return s = u.ref, {
       $$typeof: e,
-      type: o,
-      key: a,
+      type: n,
+      key: c,
       ref: s !== void 0 ? s : null,
-      props: l
+      props: u
     };
   }
-  return se.Fragment = n, se.jsx = r, se.jsxs = r, se;
+  return ge.Fragment = t, ge.jsx = r, ge.jsxs = r, ge;
 }
-var ae = {};
-var Ce;
-function ct() {
-  return Ce || (Ce = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(t) {
-      if (t == null) return null;
-      if (typeof t == "function")
-        return t.$$typeof === F ? null : t.displayName || t.name || null;
-      if (typeof t == "string") return t;
-      switch (t) {
-        case R:
+var be = {};
+var Ve;
+function lr() {
+  return Ve || (Ve = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(o) {
+      if (o == null) return null;
+      if (typeof o == "function")
+        return o.$$typeof === T ? null : o.displayName || o.name || null;
+      if (typeof o == "string") return o;
+      switch (o) {
+        case L:
           return "Fragment";
-        case D:
+        case U:
           return "Profiler";
-        case $:
+        case W:
           return "StrictMode";
-        case v:
+        case G:
           return "Suspense";
-        case j:
+        case J:
           return "SuspenseList";
-        case A:
+        case y:
           return "Activity";
       }
-      if (typeof t == "object")
-        switch (typeof t.tag == "number" && console.error(
+      if (typeof o == "object")
+        switch (typeof o.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), t.$$typeof) {
-          case h:
+        ), o.$$typeof) {
+          case D:
             return "Portal";
-          case N:
-            return t.displayName || "Context";
-          case O:
-            return (t._context.displayName || "Context") + ".Consumer";
-          case f:
-            var b = t.render;
-            return t = t.displayName, t || (t = b.displayName || b.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case i:
-            return b = t.displayName || null, b !== null ? b : e(t.type) || "Memo";
-          case E:
-            b = t._payload, t = t._init;
+          case I:
+            return o.displayName || "Context";
+          case j:
+            return (o._context.displayName || "Context") + ".Consumer";
+          case H:
+            var k = o.render;
+            return o = o.displayName, o || (o = k.displayName || k.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+          case b:
+            return k = o.displayName || null, k !== null ? k : e(o.type) || "Memo";
+          case d:
+            k = o._payload, o = o._init;
             try {
-              return e(t(b));
+              return e(o(k));
             } catch {
             }
         }
       return null;
     }
-    function n(t) {
-      return "" + t;
+    function t(o) {
+      return "" + o;
     }
-    function r(t) {
+    function r(o) {
       try {
-        n(t);
-        var b = !1;
+        t(o);
+        var k = !1;
       } catch {
-        b = !0;
+        k = !0;
       }
-      if (b) {
-        b = console;
-        var x = b.error, T = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return x.call(
-          b,
+      if (k) {
+        k = console;
+        var w = k.error, C = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return w.call(
+          k,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          T
-        ), n(t);
+          C
+        ), t(o);
       }
     }
-    function o(t) {
-      if (t === R) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === E)
+    function n(o) {
+      if (o === L) return "<>";
+      if (typeof o == "object" && o !== null && o.$$typeof === d)
         return "<...>";
       try {
-        var b = e(t);
-        return b ? "<" + b + ">" : "<...>";
+        var k = e(o);
+        return k ? "<" + k + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function s() {
-      var t = P.A;
-      return t === null ? null : t.getOwner();
+      var o = x.A;
+      return o === null ? null : o.getOwner();
     }
-    function l() {
+    function u() {
       return Error("react-stack-top-frame");
     }
-    function a(t) {
-      if (U.call(t, "key")) {
-        var b = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (b && b.isReactWarning) return !1;
+    function c(o) {
+      if (v.call(o, "key")) {
+        var k = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (k && k.isReactWarning) return !1;
       }
-      return t.key !== void 0;
+      return o.key !== void 0;
     }
-    function c(t, b) {
-      function x() {
-        G || (G = !0, console.error(
+    function a(o, k) {
+      function w() {
+        z || (z = !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)",
-          b
+          k
         ));
       }
-      x.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: x,
+      w.isReactWarning = !0, Object.defineProperty(o, "key", {
+        get: w,
         configurable: !0
       });
     }
     function m() {
-      var t = e(this.type);
-      return Y[t] || (Y[t] = !0, console.error(
+      var o = e(this.type);
+      return F[o] || (F[o] = !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."
-      )), t = this.props.ref, t !== void 0 ? t : null;
+      )), o = this.props.ref, o !== void 0 ? o : null;
     }
-    function _(t, b, x, T, B, ee) {
-      var k = x.ref;
-      return t = {
-        $$typeof: I,
-        type: t,
-        key: b,
-        props: x,
-        _owner: T
-      }, (k !== void 0 ? k : null) !== null ? Object.defineProperty(t, "ref", {
+    function f(o, k, w, C, Z, oe) {
+      var R = w.ref;
+      return o = {
+        $$typeof: S,
+        type: o,
+        key: k,
+        props: w,
+        _owner: C
+      }, (R !== void 0 ? R : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
         get: m
-      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
+      }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(t, "_debugInfo", {
+      }), Object.defineProperty(o, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(t, "_debugStack", {
+      }), Object.defineProperty(o, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: B
-      }), Object.defineProperty(t, "_debugTask", {
+        value: Z
+      }), Object.defineProperty(o, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: ee
-      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
+        value: oe
+      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function C(t, b, x, T, B, ee) {
-      var k = b.children;
-      if (k !== void 0)
-        if (T)
-          if (q(k)) {
-            for (T = 0; T < k.length; T++)
-              z(k[T]);
-            Object.freeze && Object.freeze(k);
+    function A(o, k, w, C, Z, oe) {
+      var R = k.children;
+      if (R !== void 0)
+        if (C)
+          if (E(R)) {
+            for (C = 0; C < R.length; C++)
+              N(R[C]);
+            Object.freeze && Object.freeze(R);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else z(k);
-      if (U.call(b, "key")) {
-        k = e(t);
-        var H = Object.keys(b).filter(function(te) {
-          return te !== "key";
+        else N(R);
+      if (v.call(k, "key")) {
+        R = e(o);
+        var Q = Object.keys(k).filter(function(se) {
+          return se !== "key";
         });
-        T = 0 < H.length ? "{key: someKey, " + H.join(": ..., ") + ": ...}" : "{key: someKey}", S[k + T] || (H = 0 < H.length ? "{" + H.join(": ..., ") + ": ...}" : "{}", console.error(
+        C = 0 < Q.length ? "{key: someKey, " + Q.join(": ..., ") + ": ...}" : "{key: someKey}", re[R + C] || (Q = 0 < Q.length ? "{" + Q.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          T,
-          k,
-          H,
-          k
-        ), S[k + T] = !0);
+          C,
+          R,
+          Q,
+          R
+        ), re[R + C] = !0);
       }
-      if (k = null, x !== void 0 && (r(x), k = "" + x), a(b) && (r(b.key), k = "" + b.key), "key" in b) {
-        x = {};
-        for (var X in b)
-          X !== "key" && (x[X] = b[X]);
-      } else x = b;
-      return k && c(
-        x,
-        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
-      ), _(
-        t,
-        k,
-        x,
+      if (R = null, w !== void 0 && (r(w), R = "" + w), c(k) && (r(k.key), R = "" + k.key), "key" in k) {
+        w = {};
+        for (var ne in k)
+          ne !== "key" && (w[ne] = k[ne]);
+      } else w = k;
+      return R && a(
+        w,
+        typeof o == "function" ? o.displayName || o.name || "Unknown" : o
+      ), f(
+        o,
+        R,
+        w,
         s(),
-        B,
-        ee
+        Z,
+        oe
       );
     }
-    function z(t) {
-      L(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === E && (t._payload.status === "fulfilled" ? L(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
+    function N(o) {
+      P(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === d && (o._payload.status === "fulfilled" ? P(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
     }
-    function L(t) {
-      return typeof t == "object" && t !== null && t.$$typeof === I;
+    function P(o) {
+      return typeof o == "object" && o !== null && o.$$typeof === S;
     }
-    var y = We, I = /* @__PURE__ */ Symbol.for("react.transitional.element"), h = /* @__PURE__ */ Symbol.for("react.portal"), R = /* @__PURE__ */ Symbol.for("react.fragment"), $ = /* @__PURE__ */ Symbol.for("react.strict_mode"), D = /* @__PURE__ */ Symbol.for("react.profiler"), O = /* @__PURE__ */ Symbol.for("react.consumer"), N = /* @__PURE__ */ Symbol.for("react.context"), f = /* @__PURE__ */ Symbol.for("react.forward_ref"), v = /* @__PURE__ */ Symbol.for("react.suspense"), j = /* @__PURE__ */ Symbol.for("react.suspense_list"), i = /* @__PURE__ */ Symbol.for("react.memo"), E = /* @__PURE__ */ Symbol.for("react.lazy"), A = /* @__PURE__ */ Symbol.for("react.activity"), F = /* @__PURE__ */ Symbol.for("react.client.reference"), P = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, q = Array.isArray, W = console.createTask ? console.createTask : function() {
+    var q = _t, S = /* @__PURE__ */ Symbol.for("react.transitional.element"), D = /* @__PURE__ */ Symbol.for("react.portal"), L = /* @__PURE__ */ Symbol.for("react.fragment"), W = /* @__PURE__ */ Symbol.for("react.strict_mode"), U = /* @__PURE__ */ Symbol.for("react.profiler"), j = /* @__PURE__ */ Symbol.for("react.consumer"), I = /* @__PURE__ */ Symbol.for("react.context"), H = /* @__PURE__ */ Symbol.for("react.forward_ref"), G = /* @__PURE__ */ Symbol.for("react.suspense"), J = /* @__PURE__ */ Symbol.for("react.suspense_list"), b = /* @__PURE__ */ Symbol.for("react.memo"), d = /* @__PURE__ */ Symbol.for("react.lazy"), y = /* @__PURE__ */ Symbol.for("react.activity"), T = /* @__PURE__ */ Symbol.for("react.client.reference"), x = q.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, v = Object.prototype.hasOwnProperty, E = Array.isArray, M = console.createTask ? console.createTask : function() {
       return null;
     };
-    y = {
-      react_stack_bottom_frame: function(t) {
-        return t();
+    q = {
+      react_stack_bottom_frame: function(o) {
+        return o();
       }
     };
-    var G, Y = {}, g = y.react_stack_bottom_frame.bind(
-      y,
-      l
-    )(), K = W(o(l)), S = {};
-    ae.Fragment = R, ae.jsx = function(t, b, x) {
-      var T = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return C(
-        t,
-        b,
-        x,
+    var z, F = {}, h = q.react_stack_bottom_frame.bind(
+      q,
+      u
+    )(), $ = M(n(u)), re = {};
+    be.Fragment = L, be.jsx = function(o, k, w) {
+      var C = 1e4 > x.recentlyCreatedOwnerStacks++;
+      return A(
+        o,
+        k,
+        w,
         !1,
-        T ? Error("react-stack-top-frame") : g,
-        T ? W(o(t)) : K
+        C ? Error("react-stack-top-frame") : h,
+        C ? M(n(o)) : $
       );
-    }, ae.jsxs = function(t, b, x) {
-      var T = 1e4 > P.recentlyCreatedOwnerStacks++;
-      return C(
-        t,
-        b,
-        x,
+    }, be.jsxs = function(o, k, w) {
+      var C = 1e4 > x.recentlyCreatedOwnerStacks++;
+      return A(
+        o,
+        k,
+        w,
         !0,
-        T ? Error("react-stack-top-frame") : g,
-        T ? W(o(t)) : K
+        C ? Error("react-stack-top-frame") : h,
+        C ? M(n(o)) : $
       );
     };
-  })()), ae;
+  })()), be;
 }
-var je;
-function dt() {
-  return je || (je = 1, process.env.NODE_ENV === "production" ? ce.exports = lt() : ce.exports = ct()), ce.exports;
+var He;
+function cr() {
+  return He || (He = 1, process.env.NODE_ENV === "production" ? ve.exports = ir() : ve.exports = lr()), ve.exports;
 }
-var p = dt();
-const ut = ({
+var i = cr();
+const dr = ({
   onCommand: e,
-  onSave: n,
+  onSave: t,
   onExport: r,
-  onClear: o,
+  onClear: n,
   onImageUpload: s,
-  showButtons: l = !1,
-  hasUnsavedChanges: a,
-  pendingImagesCount: c = 0
+  showButtons: u = !1,
+  hasUnsavedChanges: c,
+  pendingImagesCount: a = 0
 }) => {
-  const [m, _] = pe([]), [C, z] = pe("p"), L = () => {
-    const h = [];
-    let R = "p";
-    document.queryCommandState("bold") && h.push("bold"), document.queryCommandState("italic") && h.push("italic"), document.queryCommandState("underline") && h.push("underline"), document.queryCommandState("strikeThrough") && h.push("strikeThrough"), document.queryCommandState("insertUnorderedList") && h.push("insertUnorderedList"), document.queryCommandState("insertOrderedList") && h.push("insertOrderedList"), document.queryCommandState("justifyLeft") && h.push("justifyLeft"), document.queryCommandState("justifyCenter") && h.push("justifyCenter"), document.queryCommandState("justifyRight") && h.push("justifyRight");
-    const $ = window.getSelection();
-    if ($ && $.rangeCount > 0) {
-      let D = $.getRangeAt(0).commonAncestorContainer;
-      for (; D && D.nodeType === Node.ELEMENT_NODE; ) {
-        const O = D, N = O.tagName.toLowerCase();
-        if (["h1", "h2", "p", "div"].includes(N)) {
-          N === "h1" || N === "h2" ? (R = N, h.push(`formatBlock:${N}`)) : (N === "p" || N === "div" && !R) && (R = "p");
+  const [m, f] = ee([]), [A, N] = ee("p"), [P, q] = ee(!1), [S, D] = ee(!1), [L, W] = ee(!1), [U, j] = ee(!1), [I, H] = ee(!1), [G, J] = ee(!1), [b, d] = ee("left"), y = ie(null), T = V(() => {
+    if (typeof window > "u" || typeof document > "u") return;
+    const O = window.getSelection();
+    if (!O || O.rangeCount === 0 || O.isCollapsed)
+      return;
+    const B = O.getRangeAt(0).commonAncestorContainer;
+    q(document.queryCommandState("bold")), D(document.queryCommandState("italic")), W(document.queryCommandState("underline")), j(document.queryCommandState("strikeThrough")), H(document.queryCommandState("insertUnorderedList")), J(document.queryCommandState("insertOrderedList")), document.queryCommandState("justifyLeft") ? d("left") : document.queryCommandState("justifyCenter") ? d("center") : document.queryCommandState("justifyRight") && d("right");
+    let K = B, X = "p";
+    for (; K && K !== document.body; ) {
+      if (K.nodeType === Node.ELEMENT_NODE) {
+        const Te = K.tagName.toLowerCase();
+        if (["h1", "h2", "h3", "h4", "h5", "h6", "p", "div", "blockquote", "pre"].includes(Te)) {
+          ["h1", "h2"].includes(Te) && (X = Te);
           break;
         }
-        D = O.parentNode;
       }
+      K = K.parentNode;
     }
-    z(R), _(h);
-  };
-  fe(() => {
-    const h = () => {
-      L();
-    }, R = () => {
-      setTimeout(L, 10);
+    N(X);
+    const te = [];
+    P && te.push("bold"), S && te.push("italic"), L && te.push("underline"), U && te.push("strikeThrough"), I && te.push("insertUnorderedList"), G && te.push("insertOrderedList"), b === "left" && te.push("justifyLeft"), b === "center" && te.push("justifyCenter"), b === "right" && te.push("justifyRight"), (X === "h1" || X === "h2") && te.push(`formatBlock:${X}`), f(te);
+  }, [P, S, L, U, I, G, b]);
+  ue(() => {
+    const O = () => {
+      requestAnimationFrame(T);
+    }, l = () => {
+      setTimeout(T, 10);
+    }, B = () => {
+      setTimeout(T, 10);
     };
-    return document.addEventListener("selectionchange", h), document.addEventListener("click", R), document.addEventListener("keyup", R), () => {
-      document.removeEventListener("selectionchange", h), document.removeEventListener("click", R), document.removeEventListener("keyup", R);
+    return document.addEventListener("selectionchange", O), document.addEventListener("mouseup", l), document.addEventListener("keyup", B), T(), () => {
+      document.removeEventListener("selectionchange", O), document.removeEventListener("mouseup", l), document.removeEventListener("keyup", B);
     };
-  }, []);
-  const y = () => {
-    const h = prompt("Enter URL:");
-    h && e("createLink", h);
-  }, I = [
+  }, [T]);
+  const x = () => {
+    const O = prompt("Enter URL:", "https://");
+    O && e("createLink", O);
+  }, v = () => {
+    s();
+  }, E = (O) => {
+    e("formatBlock", O);
+  }, M = () => {
+    e("indent");
+  }, z = () => {
+    e("outdent");
+  }, F = () => {
+    e("undo");
+  }, h = () => {
+    e("redo");
+  }, $ = () => {
+    e("formatBlock", "pre");
+  }, re = () => {
+    e("formatBlock", "blockquote");
+  }, o = () => {
+    e("superscript");
+  }, k = () => {
+    e("subscript");
+  }, w = [
+    {
+      id: "undo",
+      command: "undo",
+      icon: /* @__PURE__ */ i.jsx(Ot, { size: 18 }),
+      title: "Undo",
+      onClick: F
+    },
+    {
+      id: "redo",
+      command: "redo",
+      icon: /* @__PURE__ */ i.jsx(Pt, { size: 18 }),
+      title: "Redo",
+      onClick: h
+    },
+    { id: "separator-1", separator: !0 },
     {
       id: "bold",
       command: "bold",
-      icon: /* @__PURE__ */ p.jsx(He, { size: 18 }),
-      title: "Bold"
+      icon: /* @__PURE__ */ i.jsx(Mt, { size: 18 }),
+      title: "Bold (Ctrl+B)",
+      isActive: P
     },
     {
       id: "italic",
       command: "italic",
-      icon: /* @__PURE__ */ p.jsx(Je, { size: 18 }),
-      title: "Italic"
+      icon: /* @__PURE__ */ i.jsx(qt, { size: 18 }),
+      title: "Italic (Ctrl+I)",
+      isActive: S
     },
     {
       id: "underline",
       command: "underline",
-      icon: /* @__PURE__ */ p.jsx(Xe, { size: 18 }),
-      title: "Underline"
+      icon: /* @__PURE__ */ i.jsx(Dt, { size: 18 }),
+      title: "Underline (Ctrl+U)",
+      isActive: L
     },
     {
       id: "strikeThrough",
       command: "strikeThrough",
-      icon: /* @__PURE__ */ p.jsx(Ze, { size: 18 }),
-      title: "Strikethrough"
-    },
-    { id: "separator-1", separator: !0 },
-    {
-      id: "unordered-list",
-      command: "insertUnorderedList",
-      icon: /* @__PURE__ */ p.jsx(Qe, { size: 18 }),
-      title: "Bullet List"
-    },
-    {
-      id: "ordered-list",
-      command: "insertOrderedList",
-      icon: /* @__PURE__ */ p.jsx(Ke, { size: 18 }),
-      title: "Numbered List"
+      icon: /* @__PURE__ */ i.jsx(Ft, { size: 18 }),
+      title: "Strikethrough",
+      isActive: U
     },
     { id: "separator-2", separator: !0 },
     {
       id: "heading-1",
       command: "formatBlock",
       value: "h1",
-      icon: /* @__PURE__ */ p.jsx(et, { size: 18 }),
+      icon: /* @__PURE__ */ i.jsx(Ut, { size: 18 }),
       title: "Heading 1",
-      isActive: C === "h1"
+      isActive: A === "h1"
     },
     {
       id: "heading-2",
       command: "formatBlock",
       value: "h2",
-      icon: /* @__PURE__ */ p.jsx(tt, { size: 18 }),
+      icon: /* @__PURE__ */ i.jsx($t, { size: 18 }),
       title: "Heading 2",
-      isActive: C === "h2"
+      isActive: A === "h2"
     },
     {
       id: "paragraph",
       command: "formatBlock",
       value: "p",
-      icon: /* @__PURE__ */ p.jsx(rt, { size: 18 }),
+      icon: /* @__PURE__ */ i.jsx(Bt, { size: 18 }),
       title: "Paragraph",
-      isActive: C === "p"
+      isActive: A === "p"
+    },
+    {
+      id: "code",
+      command: "formatBlock",
+      value: "pre",
+      icon: /* @__PURE__ */ i.jsx(Gt, { size: 18 }),
+      title: "Code Block",
+      onClick: $
+    },
+    {
+      id: "quote",
+      command: "formatBlock",
+      value: "blockquote",
+      icon: /* @__PURE__ */ i.jsx(Wt, { size: 18 }),
+      title: "Blockquote",
+      onClick: re
     },
     { id: "separator-3", separator: !0 },
+    {
+      id: "unordered-list",
+      command: "insertUnorderedList",
+      icon: /* @__PURE__ */ i.jsx(Vt, { size: 18 }),
+      title: "Bullet List",
+      isActive: I
+    },
+    {
+      id: "ordered-list",
+      command: "insertOrderedList",
+      icon: /* @__PURE__ */ i.jsx(Ht, { size: 18 }),
+      title: "Numbered List",
+      isActive: G
+    },
+    {
+      id: "indent",
+      command: "indent",
+      icon: /* @__PURE__ */ i.jsx(Yt, { size: 18 }),
+      title: "Indent",
+      onClick: M
+    },
+    {
+      id: "outdent",
+      command: "outdent",
+      icon: /* @__PURE__ */ i.jsx(Jt, { size: 18 }),
+      title: "Outdent",
+      onClick: z
+    },
+    { id: "separator-4", separator: !0 },
     {
       id: "align-left",
       command: "justifyLeft",
-      icon: /* @__PURE__ */ p.jsx(ot, { size: 18 }),
-      title: "Align Left"
+      icon: /* @__PURE__ */ i.jsx(Kt, { size: 18 }),
+      title: "Align Left",
+      isActive: b === "left"
     },
     {
       id: "align-center",
       command: "justifyCenter",
-      icon: /* @__PURE__ */ p.jsx(nt, { size: 18 }),
-      title: "Center"
+      icon: /* @__PURE__ */ i.jsx(Xt, { size: 18 }),
+      title: "Center",
+      isActive: b === "center"
     },
     {
       id: "align-right",
       command: "justifyRight",
-      icon: /* @__PURE__ */ p.jsx(st, { size: 18 }),
-      title: "Align Right"
+      icon: /* @__PURE__ */ i.jsx(Qt, { size: 18 }),
+      title: "Align Right",
+      isActive: b === "right"
+    },
+    { id: "separator-5", separator: !0 },
+    {
+      id: "superscript",
+      command: "superscript",
+      icon: /* @__PURE__ */ i.jsx(Zt, { size: 18 }),
+      title: "Superscript",
+      onClick: o
+    },
+    {
+      id: "subscript",
+      command: "subscript",
+      icon: /* @__PURE__ */ i.jsx(er, { size: 18 }),
+      title: "Subscript",
+      onClick: k
     },
-    { id: "separator-4", separator: !0 },
     {
       id: "link",
       command: "createLink",
-      icon: /* @__PURE__ */ p.jsx(at, { size: 18 }),
+      icon: /* @__PURE__ */ i.jsx(tr, { size: 18 }),
       title: "Insert Link",
-      onClick: y
+      onClick: x
     },
     {
       id: "image",
       command: "insertImage",
-      icon: c > 0 ? /* @__PURE__ */ p.jsxs("div", { className: "relative", children: [
-        /* @__PURE__ */ p.jsx(ve, { size: 18 }),
-        /* @__PURE__ */ p.jsx("span", { className: "absolute -top-2 -right-2 bg-blue-600 text-white text-xs rounded-full w-4 h-4 flex items-center justify-center", children: c })
-      ] }) : /* @__PURE__ */ p.jsx(ve, { size: 18 }),
+      icon: a > 0 ? /* @__PURE__ */ i.jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ i.jsx(ke, { size: 18 }),
+        /* @__PURE__ */ i.jsx("span", { className: "absolute -top-2 -right-2 bg-blue-600 text-white text-xs rounded-full w-4 h-4 flex items-center justify-center", children: a })
+      ] }) : /* @__PURE__ */ i.jsx(ke, { size: 18 }),
       title: "Insert Image",
-      onClick: s
+      onClick: v
     }
-  ];
-  return /* @__PURE__ */ p.jsxs("div", { className: "flex flex-wrap justify-between items-center p-3 bg-gray-50 border-b border-gray-200", children: [
-    /* @__PURE__ */ p.jsx("div", { className: "flex flex-wrap items-center gap-1", children: I.map((h) => {
-      if ("separator" in h)
-        return /* @__PURE__ */ p.jsx("div", { className: "w-px h-6 bg-gray-300 mx-2" }, h.id);
-      const R = h.isActive !== void 0 ? h.isActive : m.includes(h.command);
-      return /* @__PURE__ */ p.jsx(
-        "button",
-        {
-          onClick: () => h.onClick ? h.onClick() : e(h.command, h.value),
-          title: h.title,
-          type: "button",
-          className: `w-9 h-9 flex items-center justify-center rounded-md border transition-colors duration-200 ${R ? "bg-blue-100 text-blue-600 border-blue-300 hover:bg-blue-200" : "bg-white border-gray-300 text-gray-700 hover:bg-gray-100"}`,
-          children: h.icon
+  ], C = (O) => /* @__PURE__ */ i.jsx("div", { className: "flex items-center border-r border-gray-200 pr-2 mr-2 last:border-r-0 last:pr-0 last:mr-0", children: O.map((l) => {
+    if (l.separator)
+      return /* @__PURE__ */ i.jsx("div", { className: "w-px h-6 bg-gray-300 mx-2" }, l.id);
+    const B = l.isActive !== void 0 ? l.isActive : l.command ? m.includes(l.command) || l.command === "formatBlock" && l.value === A : !1;
+    return /* @__PURE__ */ i.jsx(
+      "button",
+      {
+        onClick: (K) => {
+          K.preventDefault(), K.stopPropagation(), l.onClick ? l.onClick() : l.command === "formatBlock" && l.value ? E(l.value) : l.command && e(l.command, l.value), setTimeout(() => {
+            const X = document.querySelector('[contenteditable="true"]');
+            X && X.focus();
+          }, 10);
         },
-        h.id
-      );
-    }) }),
-    l && /* @__PURE__ */ p.jsxs("div", { className: "flex items-center gap-2 mt-2 sm:mt-0", children: [
-      /* @__PURE__ */ p.jsxs(
-        "button",
-        {
-          onClick: n,
-          disabled: !a,
-          title: "Save Document",
-          className: "flex items-center gap-2 px-4 py-2 bg-blue-600 text-white text-sm font-medium rounded-md hover:bg-blue-700 disabled:bg-blue-300 disabled:cursor-not-allowed transition-colors duration-200",
-          children: [
-            /* @__PURE__ */ p.jsx(ze, { size: 16 }),
-            /* @__PURE__ */ p.jsx("span", { children: "Save" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ p.jsxs(
-        "button",
-        {
-          onClick: r,
-          title: "Export as HTML",
-          className: "flex items-center gap-2 px-4 py-2 bg-green-600 text-white text-sm font-medium rounded-md hover:bg-green-700 transition-colors duration-200",
-          children: [
-            /* @__PURE__ */ p.jsx(Ye, { size: 16 }),
-            /* @__PURE__ */ p.jsx("span", { children: "Export" })
-          ]
-        }
-      ),
-      /* @__PURE__ */ p.jsxs(
-        "button",
-        {
-          onClick: o,
-          title: "Clear Editor",
-          className: "flex items-center gap-2 px-4 py-2 bg-red-600 text-white text-sm font-medium rounded-md hover:bg-red-700 transition-colors duration-200",
-          children: [
-            /* @__PURE__ */ p.jsx(Be, { size: 16 }),
-            /* @__PURE__ */ p.jsx("span", { children: "Clear" })
-          ]
-        }
-      )
-    ] })
-  ] });
-}, mt = ({
+        title: l.title,
+        type: "button",
+        className: `min-w-[36px] h-9 flex items-center justify-center rounded-md border transition-all duration-150 ${B ? "bg-blue-100 text-blue-600 border-blue-300 hover:bg-blue-200 shadow-sm" : "bg-white border-gray-300 text-gray-700 hover:bg-gray-100 hover:border-gray-400"} active:scale-95 mx-0.5`,
+        disabled: l.disabled,
+        children: l.icon
+      },
+      l.id
+    );
+  }) }), Z = w.slice(0, 3), oe = w.slice(3, 10), R = w.slice(10, 16), Q = w.slice(16, 20), ne = w.slice(20, 24), se = w.slice(24, 28), ce = w.slice(28);
+  return /* @__PURE__ */ i.jsxs(
+    "div",
+    {
+      ref: y,
+      className: "flex flex-col sm:flex-row flex-wrap items-start sm:items-center justify-between p-3 bg-gray-50 border-b border-gray-200 gap-2",
+      children: [
+        /* @__PURE__ */ i.jsxs("div", { className: "flex flex-wrap items-center gap-1 order-1 w-full sm:w-auto", children: [
+          C(Z),
+          C(oe),
+          C(R),
+          C(Q),
+          C(ne),
+          C(se),
+          C(ce)
+        ] }),
+        u && /* @__PURE__ */ i.jsxs("div", { className: "flex items-center gap-2 order-2 sm:order-3 mt-2 sm:mt-0 flex-shrink-0", children: [
+          /* @__PURE__ */ i.jsxs(
+            "button",
+            {
+              onClick: (O) => {
+                O.preventDefault(), O.stopPropagation(), t(), setTimeout(() => {
+                  const l = document.querySelector('[contenteditable="true"]');
+                  l && l.focus();
+                }, 10);
+              },
+              disabled: !c,
+              title: "Save Document (Ctrl+S)",
+              className: "flex items-center gap-2 px-4 py-2 bg-blue-600 text-white text-sm font-medium rounded-md hover:bg-blue-700 disabled:bg-blue-300 disabled:cursor-not-allowed transition-colors duration-200 active:scale-95",
+              children: [
+                /* @__PURE__ */ i.jsx(ft, { size: 16 }),
+                /* @__PURE__ */ i.jsx("span", { className: "hidden sm:inline", children: "Save" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ i.jsxs(
+            "button",
+            {
+              onClick: (O) => {
+                O.preventDefault(), O.stopPropagation(), r(), setTimeout(() => {
+                  const l = document.querySelector('[contenteditable="true"]');
+                  l && l.focus();
+                }, 10);
+              },
+              title: "Export as HTML",
+              className: "flex items-center gap-2 px-4 py-2 bg-green-600 text-white text-sm font-medium rounded-md hover:bg-green-700 transition-colors duration-200 active:scale-95",
+              children: [
+                /* @__PURE__ */ i.jsx(Lt, { size: 16 }),
+                /* @__PURE__ */ i.jsx("span", { className: "hidden sm:inline", children: "Export" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ i.jsxs(
+            "button",
+            {
+              onClick: (O) => {
+                O.preventDefault(), O.stopPropagation(), n(), setTimeout(() => {
+                  const l = document.querySelector('[contenteditable="true"]');
+                  l && l.focus();
+                }, 10);
+              },
+              title: "Clear Editor",
+              className: "flex items-center gap-2 px-4 py-2 bg-red-600 text-white text-sm font-medium rounded-md hover:bg-red-700 transition-colors duration-200 active:scale-95",
+              children: [
+                /* @__PURE__ */ i.jsx(zt, { size: 16 }),
+                /* @__PURE__ */ i.jsx("span", { className: "hidden sm:inline", children: "Clear" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ i.jsxs("div", { className: "flex items-center gap-3 text-sm text-gray-500 order-3 sm:order-2 mt-2 sm:mt-0 flex-shrink-0", children: [
+          a > 0 && /* @__PURE__ */ i.jsxs("span", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ i.jsx(ke, { size: 14 }),
+            /* @__PURE__ */ i.jsxs("span", { children: [
+              a,
+              " pending"
+            ] })
+          ] }),
+          c && /* @__PURE__ */ i.jsxs("span", { className: "flex items-center gap-1 text-amber-600", children: [
+            /* @__PURE__ */ i.jsx("span", { className: "w-2 h-2 bg-amber-500 rounded-full animate-pulse" }),
+            /* @__PURE__ */ i.jsx("span", { children: "Unsaved changes" })
+          ] })
+        ] })
+      ]
+    }
+  );
+}, ur = ({
   wordCount: e,
-  characterCount: n,
+  characterCount: t,
   hasUnsavedChanges: r,
-  pendingImagesCount: o = 0
-}) => /* @__PURE__ */ p.jsxs("div", { className: "flex justify-between items-center px-5 py-3 bg-gray-50 border-t border-gray-200 text-sm text-gray-600", children: [
-  /* @__PURE__ */ p.jsxs("div", { className: "flex items-center gap-6", children: [
-    /* @__PURE__ */ p.jsxs("div", { children: [
+  pendingImagesCount: n = 0
+}) => /* @__PURE__ */ i.jsxs("div", { className: "flex justify-between items-center px-5 py-3 bg-gray-50 border-t border-gray-200 text-sm text-gray-600", children: [
+  /* @__PURE__ */ i.jsxs("div", { className: "flex items-center gap-6", children: [
+    /* @__PURE__ */ i.jsxs("div", { children: [
       "Words: ",
-      /* @__PURE__ */ p.jsx("strong", { className: "text-gray-800", children: e })
+      /* @__PURE__ */ i.jsx("strong", { className: "text-gray-800", children: e })
     ] }),
-    /* @__PURE__ */ p.jsxs("div", { children: [
+    /* @__PURE__ */ i.jsxs("div", { children: [
       "Characters: ",
-      /* @__PURE__ */ p.jsx("strong", { className: "text-gray-800", children: n })
+      /* @__PURE__ */ i.jsx("strong", { className: "text-gray-800", children: t })
     ] }),
-    o > 0 && /* @__PURE__ */ p.jsxs("div", { className: "flex items-center gap-1", children: [
-      /* @__PURE__ */ p.jsx(ve, { size: 14, className: "text-blue-600" }),
-      /* @__PURE__ */ p.jsxs("span", { className: "text-blue-600", children: [
-        o,
+    n > 0 && /* @__PURE__ */ i.jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ i.jsx(ke, { size: 14, className: "text-blue-600" }),
+      /* @__PURE__ */ i.jsxs("span", { className: "text-blue-600", children: [
+        n,
         " image",
-        o !== 1 ? "s" : ""
+        n !== 1 ? "s" : ""
       ] })
     ] })
   ] }),
-  /* @__PURE__ */ p.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ p.jsxs("div", { className: `flex items-center gap-1 ${r ? "text-orange-600" : "text-green-600"}`, children: [
-    r && /* @__PURE__ */ p.jsx(ze, { size: 14, className: "animate-pulse" }),
-    /* @__PURE__ */ p.jsx("strong", { children: r ? "Unsaved Changes" : "Saved" })
+  /* @__PURE__ */ i.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ i.jsxs("div", { className: `flex items-center gap-1 ${r ? "text-orange-600" : "text-green-600"}`, children: [
+    r && /* @__PURE__ */ i.jsx(ft, { size: 14, className: "animate-pulse" }),
+    /* @__PURE__ */ i.jsx("strong", { children: r ? "Unsaved Changes" : "Saved" })
   ] }) })
-] }), pt = ({
+] }), mr = ({
   initialContent: e = "",
-  onImageUpload: n,
+  onImageUpload: t,
   imageUploadEndpoint: r,
-  allowedImageTypes: o,
-  maxImageSize: s
+  allowedImageTypes: n = ["image/jpeg", "image/png", "image/gif", "image/webp"],
+  maxImageSize: s = 5 * 1024 * 1024
 }) => {
-  const [l, a] = pe({
+  const [u, c] = ee({
     content: e,
     title: "Untitled Document",
     wordCount: e.trim() ? e.trim().split(/\s+/).length : 0,
     characterCount: e.length,
     hasUnsavedChanges: !1,
     pendingImages: []
-  }), c = me(null), m = me(/* @__PURE__ */ new Map()), _ = me(e);
-  fe(() => {
-    e !== _.current && (c.current && (c.current.innerHTML = e), a((f) => ({
-      ...f,
+  }), a = ie(null), m = ie(/* @__PURE__ */ new Map()), f = ie(e), A = ie(!0), N = V(() => {
+    if (!a.current) return;
+    a.current.focus();
+    const d = window.getSelection();
+    if (d && d.rangeCount > 0) {
+      const x = d.getRangeAt(0);
+      if (a.current.contains(x.commonAncestorContainer))
+        return;
+    }
+    const y = document.createRange();
+    y.selectNodeContents(a.current), y.collapse(!1);
+    const T = window.getSelection();
+    T?.removeAllRanges(), T?.addRange(y);
+  }, []), P = V(() => {
+    const d = window.getSelection();
+    if (!d || d.rangeCount === 0 || !a.current) return null;
+    const y = d.getRangeAt(0);
+    return a.current.contains(y.commonAncestorContainer) ? y.cloneRange() : null;
+  }, []), q = V((d) => {
+    if (!d || !a.current) return;
+    a.current.focus();
+    const y = window.getSelection();
+    y?.removeAllRanges(), y?.addRange(d);
+  }, []);
+  ue(() => {
+    a.current && A.current && (a.current.innerHTML = e || "", A.current = !1);
+  }, [e]), ue(() => {
+    e !== f.current && a.current && (a.current.innerHTML = e, f.current = e, c((d) => ({
+      ...d,
       content: e,
       wordCount: e.trim() ? e.trim().split(/\s+/).length : 0,
       characterCount: e.length,
       hasUnsavedChanges: !1
-    })), _.current = e);
-  }, [e]), fe(() => {
-    c.current && !c.current.innerHTML && e && (c.current.innerHTML = e);
+    })));
   }, [e]);
-  const C = V((f) => {
-    const v = f.trim() ? f.trim().split(/\s+/).length : 0, j = f.length;
-    a((i) => ({
-      ...i,
-      content: f,
-      wordCount: v,
-      characterCount: j,
+  const S = V((d) => {
+    const y = d.trim() ? d.trim().split(/\s+/).length : 0, T = d.length;
+    c((x) => ({
+      ...x,
+      content: d,
+      wordCount: y,
+      characterCount: T,
       hasUnsavedChanges: !0
-    })), _.current = f;
-  }, []), z = V((f) => {
-    a((v) => ({
-      ...v,
-      title: f,
+    })), f.current = d;
+  }, []), D = V((d) => {
+    c((y) => ({
+      ...y,
+      title: d,
       hasUnsavedChanges: !0
     }));
-  }, []), L = V((f, v) => {
-    c.current && (c.current.focus(), document.execCommand(f, !1, v), C(c.current.innerHTML));
-  }, [C]), y = (f) => o.includes(f.type) ? f.size > s ? {
+  }, []), L = V((d, y) => {
+    if (!a.current) return;
+    const T = P();
+    if (a.current.focus(), T)
+      q(T);
+    else {
+      const x = window.getSelection();
+      if (!x || x.rangeCount === 0) {
+        const v = document.createRange();
+        v.selectNodeContents(a.current), v.collapse(!1), x?.removeAllRanges(), x?.addRange(v);
+      }
+    }
+    try {
+      let x = !1;
+      if (d === "formatBlock" && y)
+        x = document.execCommand("formatBlock", !1, `<${y}>`);
+      else if (d === "createLink" && y) {
+        const v = window.getSelection();
+        v && !v.isCollapsed ? x = document.execCommand("createLink", !1, y) : (document.execCommand("insertHTML", !1, `<a href="${y}" target="_blank">${y}</a>`), x = !0);
+      } else
+        x = document.execCommand(d, !1, y);
+      x || console.warn(`Command ${d} failed to execute`), setTimeout(() => {
+        a.current && S(a.current.innerHTML);
+      }, 0);
+    } catch (x) {
+      console.error(`Command ${d} failed:`, x);
+    }
+    a.current.focus();
+  }, [S, P, q]), W = V((d) => n.includes(d.type) ? d.size > s ? {
     valid: !1,
     error: `File too large. Maximum size: ${Math.round(s / (1024 * 1024))}MB`
   } : { valid: !0 } : {
     valid: !1,
-    error: `Invalid file type. Allowed types: ${o.join(", ")}`
-  }, I = V(async (f, v = !0) => {
-    const j = y(f);
-    if (!j.valid) {
-      alert(j.error);
+    error: `Invalid file type. Allowed types: ${n.join(", ")}`
+  }, [n, s]), U = V(async (d, y = !0) => {
+    const T = W(d);
+    if (!T.valid) {
+      alert(T.error);
       return;
     }
-    if (!c.current) return;
-    const i = `image-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, E = new FileReader();
-    E.onload = (A) => {
-      const F = A.target?.result;
-      m.current.set(i, {
-        originalUrl: F,
-        fileName: f.name,
-        size: f.size,
-        type: f.type
+    if (!a.current) return;
+    const x = `image-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, v = new FileReader();
+    v.onload = (E) => {
+      const M = E.target?.result;
+      m.current.set(x, {
+        originalUrl: M,
+        fileName: d.name,
+        size: d.size,
+        type: d.type
       });
-      const P = document.createElement("img");
-      if (P.src = F, P.alt = f.name, P.className = "image-uploading", P.setAttribute("data-image-id", i), P.setAttribute("data-file-name", f.name), v && window.getSelection) {
-        const U = window.getSelection();
-        if (U && U.rangeCount > 0) {
-          const q = U.getRangeAt(0);
-          q.deleteContents(), q.insertNode(P), q.setStartAfter(P), q.collapse(!0), U.removeAllRanges(), U.addRange(q);
-        } else
-          c.current.appendChild(P);
+      const z = document.createElement("img");
+      z.src = M, z.alt = d.name, z.className = "max-w-full h-auto border rounded", z.setAttribute("data-image-id", x), z.setAttribute("data-file-name", d.name), z.style.maxWidth = "100%", z.style.height = "auto";
+      const F = P();
+      if (y && F) {
+        F.deleteContents(), F.insertNode(z);
+        const h = document.createRange();
+        h.setStartAfter(z), h.collapse(!0);
+        const $ = window.getSelection();
+        $?.removeAllRanges(), $?.addRange(h);
       } else
-        c.current.appendChild(P);
-      C(c.current.innerHTML), (n || r) && a((U) => ({
-        ...U,
+        a.current?.appendChild(z);
+      a.current && S(a?.current?.innerHTML), (t || r) && c((h) => ({
+        ...h,
         pendingImages: [
-          ...U.pendingImages,
+          ...h.pendingImages,
           {
-            id: i,
-            file: f,
-            placeholderUrl: F,
+            id: x,
+            file: d,
+            placeholderUrl: M,
             status: "pending"
           }
         ]
-      }));
-    }, E.readAsDataURL(f);
-  }, [n, r, C, o, s]), h = V(async () => {
-    if (!n && !r)
+      })), a.current?.focus();
+    }, v.readAsDataURL(d);
+  }, [W, S, t, r, P]), j = V(async () => {
+    if (!t && !r)
       return;
-    const f = l.pendingImages.filter((v) => v.status === "pending");
-    if (f.length !== 0) {
-      for (const v of f)
+    const d = u.pendingImages.filter((y) => y.status === "pending");
+    if (d.length !== 0) {
+      for (const y of d)
         try {
-          a((E) => ({
-            ...E,
-            pendingImages: E.pendingImages.map(
-              (A) => A.id === v.id ? { ...A, status: "uploading" } : A
+          c((v) => ({
+            ...v,
+            pendingImages: v.pendingImages.map(
+              (E) => E.id === y.id ? { ...E, status: "uploading" } : E
             )
           }));
-          let j;
-          if (n)
-            j = await n(v.file);
+          let T;
+          if (t)
+            T = await t(y.file);
           else if (r) {
-            const E = new FormData();
-            E.append("image", v.file);
-            const A = await fetch(r, {
+            const v = new FormData();
+            v.append("image", y.file);
+            const E = await fetch(r, {
               method: "POST",
-              body: E
+              body: v
             });
-            if (!A.ok)
-              throw new Error(`Upload failed: ${A.statusText}`);
-            const F = await A.json();
-            j = F.url || F.imageUrl || F.data;
+            if (!E.ok)
+              throw new Error(`Upload failed: ${E.statusText}`);
+            const M = await E.json();
+            T = M.url || M.imageUrl || M.data;
           } else
             throw new Error("No upload method provided");
-          const i = c.current?.querySelector(`img[data-image-id="${v.id}"]`);
-          if (i) {
-            i.src = j, i.classList.remove("image-uploading"), i.classList.add("image-uploaded");
-            const E = m.current.get(v.id);
-            E && m.current.set(v.id, {
-              ...E,
-              uploadedUrl: j
+          const x = a.current?.querySelector(`img[data-image-id="${y.id}"]`);
+          if (x) {
+            x.src = T, x.classList.add("uploaded");
+            const v = m.current.get(y.id);
+            v && m.current.set(y.id, {
+              ...v,
+              uploadedUrl: T
             });
           }
-          a((E) => ({
-            ...E,
-            pendingImages: E.pendingImages.map(
-              (A) => A.id === v.id ? { ...A, status: "uploaded" } : A
+          c((v) => ({
+            ...v,
+            pendingImages: v.pendingImages.map(
+              (E) => E.id === y.id ? { ...E, status: "uploaded" } : E
             )
           }));
-        } catch (j) {
-          console.error("Image upload failed:", j);
-          const i = c.current?.querySelector(`img[data-image-id="${v.id}"]`);
-          i && (i.classList.remove("image-uploading"), i.classList.add("image-failed")), a((E) => ({
-            ...E,
-            pendingImages: E.pendingImages.map(
-              (A) => A.id === v.id ? { ...A, status: "failed" } : A
+        } catch (T) {
+          console.error("Image upload failed:", T);
+          const x = a.current?.querySelector(`img[data-image-id="${y.id}"]`);
+          x && x.classList.add("failed"), c((v) => ({
+            ...v,
+            pendingImages: v.pendingImages.map(
+              (E) => E.id === y.id ? { ...E, status: "failed" } : E
             )
           }));
         }
-      c.current && C(c.current.innerHTML);
+      a.current && S(a.current.innerHTML);
     }
-  }, [l.pendingImages, n, r, C]), R = V((f) => {
-    const v = f.clipboardData.items;
-    for (const j of v)
-      if (j.type.indexOf("image") !== -1) {
-        f.preventDefault();
-        const i = j.getAsFile();
-        i && I(i);
+  }, [u.pendingImages, t, r, S]), I = V((d) => {
+    const y = d.clipboardData.items;
+    let T = !1;
+    for (const x of y)
+      if (x.type.indexOf("image") !== -1) {
+        d.preventDefault();
+        const v = x.getAsFile();
+        v && (T = !0, U(v));
         break;
       }
-    setTimeout(() => {
-      c.current && C(c.current.innerHTML);
+    T || setTimeout(() => {
+      a.current && S(a.current.innerHTML);
     }, 0);
-  }, [I, C]), $ = V((f) => {
-    f.preventDefault();
-    const v = f.dataTransfer.files;
-    for (const j of v)
-      j.type.startsWith("image/") && I(j, !1);
-  }, [I]), D = V(() => {
+  }, [U, S]), H = V((d) => {
+    d.preventDefault();
+    const y = Array.from(d.dataTransfer.files);
+    let T = !1;
+    for (const x of y)
+      x.type.startsWith("image/") && (T = !0, U(x, !1));
+    if (!T && a.current) {
+      const x = window.getSelection();
+      if (x && x.rangeCount > 0) {
+        const v = x.getRangeAt(0);
+        a.current.contains(v.commonAncestorContainer) && setTimeout(() => {
+          a.current && S(a.current.innerHTML);
+        }, 0);
+      }
+    }
+  }, [U, S]), G = V(() => {
     try {
-      const f = c.current?.innerHTML || l.content;
+      const d = a.current?.innerHTML || u.content;
       return { success: !0, data: {
-        title: l.title,
-        content: f,
+        title: u.title,
+        content: d,
         metadata: {
           createdAt: (/* @__PURE__ */ new Date()).toISOString(),
           updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
-          wordCount: l.wordCount,
-          characterCount: l.characterCount
+          wordCount: u.wordCount,
+          characterCount: u.characterCount
         }
       } };
-    } catch (f) {
-      return { success: !1, error: f instanceof Error ? f.message : "Validation failed" };
+    } catch (d) {
+      return { success: !1, error: d instanceof Error ? d.message : "Validation failed" };
     }
-  }, [l]), O = V(
-    (f = { includeStyles: !0, includeMeta: !0 }) => {
-      const v = D();
-      if (!v.success)
-        throw new Error(v.error);
-      const { data: j } = v;
-      let i = `<!DOCTYPE html>
+  }, [u]), J = V(
+    (d = { includeStyles: !0, includeMeta: !0 }) => {
+      const y = G();
+      if (!y.success)
+        throw new Error(y.error);
+      const { data: T } = y;
+      let x = `<!DOCTYPE html>
 <html>
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>${j?.title || "Document"}</title>`;
-      return f.includeStyles && (i += `
+  <title>${T?.title || "Document"}</title>`;
+      return d.includeStyles && (x += `
   <style>
     body { 
       font-family: system-ui, -apple-system, sans-serif; 
@@ -704,155 +912,162 @@ const ut = ({
       box-shadow: 0 2px 4px rgba(0,0,0,0.1);
       margin: 16px 0;
     }
-  </style>`), i += `
+    h1 { font-size: 2em; margin: 0.67em 0; }
+    h2 { font-size: 1.5em; margin: 0.75em 0; }
+    p { margin: 1em 0; }
+    ul, ol { margin: 1em 0; padding-left: 2em; }
+    a { color: #2563eb; text-decoration: underline; }
+    .image-uploading { opacity: 0.7; }
+    .image-failed { border: 2px solid #ef4444; }
+  </style>`), x += `
 </head>
-<body>`, f.includeMeta && j && (i += `
+<body>`, d.includeMeta && T && (x += `
   <div class="document-meta">
-    <h1>${j.title}</h1>
-    <p><small>Created: ${new Date(j.metadata.createdAt).toLocaleString()} | 
-    Words: ${j.metadata.wordCount} | 
-    Characters: ${j.metadata.characterCount}</small></p>
+    <h1>${T.title}</h1>
+    <p><small>Created: ${new Date(T.metadata.createdAt).toLocaleString()} | 
+    Words: ${T.metadata.wordCount} | 
+    Characters: ${T.metadata.characterCount}</small></p>
     <hr>
-  </div>`), i += `
-  <div class="${f.includeStyles ? "readonly-content" : ""}">
-    ${j?.content || ""}
+  </div>`), x += `
+  <div class="${d.includeStyles ? "readonly-content" : ""}">
+    ${T?.content || ""}
   </div>
 </body>
-</html>`, i;
+</html>`, x;
     },
-    [D]
-  ), N = V(() => {
-    a({
+    [G]
+  ), b = V(() => {
+    c({
       content: "",
       title: "Untitled Document",
       wordCount: 0,
       characterCount: 0,
       hasUnsavedChanges: !1,
       pendingImages: []
-    }), m.current.clear(), c.current && (c.current.innerHTML = ""), _.current = "";
-  }, []);
+    }), m.current.clear(), a.current && (a.current.innerHTML = "", N()), f.current = "";
+  }, [N]);
   return {
-    editorState: l,
-    editorRef: c,
-    updateContent: C,
-    updateTitle: z,
+    editorState: u,
+    editorRef: a,
+    updateContent: S,
+    updateTitle: D,
     executeCommand: L,
-    getValidationResult: D,
-    exportToHTML: O,
-    clearEditor: N,
-    handlePaste: R,
-    handleDrop: $,
-    insertImage: I,
-    uploadPendingImages: h
+    getValidationResult: G,
+    exportToHTML: J,
+    clearEditor: b,
+    handlePaste: I,
+    handleDrop: H,
+    insertImage: U,
+    uploadPendingImages: j
   };
-}, ft = (e, n) => {
-  const r = new Array(e.length + n.length);
-  for (let o = 0; o < e.length; o++)
-    r[o] = e[o];
-  for (let o = 0; o < n.length; o++)
-    r[e.length + o] = n[o];
+}, fr = (e, t) => {
+  const r = new Array(e.length + t.length);
+  for (let n = 0; n < e.length; n++)
+    r[n] = e[n];
+  for (let n = 0; n < t.length; n++)
+    r[e.length + n] = t[n];
   return r;
-}, gt = (e, n) => ({
+}, pr = (e, t) => ({
   classGroupId: e,
-  validator: n
-}), Ne = (e = /* @__PURE__ */ new Map(), n = null, r) => ({
+  validator: t
+}), pt = (e = /* @__PURE__ */ new Map(), t = null, r) => ({
   nextPart: e,
-  validators: n,
+  validators: t,
   classGroupId: r
-}), ge = "-", Re = [], ht = "arbitrary..", bt = (e) => {
-  const n = yt(e), {
+}), je = "-", Ye = [], gr = "arbitrary..", br = (e) => {
+  const t = xr(e), {
     conflictingClassGroups: r,
-    conflictingClassGroupModifiers: o
+    conflictingClassGroupModifiers: n
   } = e;
   return {
-    getClassGroupId: (a) => {
-      if (a.startsWith("[") && a.endsWith("]"))
-        return xt(a);
-      const c = a.split(ge), m = c[0] === "" && c.length > 1 ? 1 : 0;
-      return Le(c, m, n);
+    getClassGroupId: (c) => {
+      if (c.startsWith("[") && c.endsWith("]"))
+        return hr(c);
+      const a = c.split(je), m = a[0] === "" && a.length > 1 ? 1 : 0;
+      return gt(a, m, t);
     },
-    getConflictingClassGroupIds: (a, c) => {
-      if (c) {
-        const m = o[a], _ = r[a];
-        return m ? _ ? ft(_, m) : m : _ || Re;
+    getConflictingClassGroupIds: (c, a) => {
+      if (a) {
+        const m = n[c], f = r[c];
+        return m ? f ? fr(f, m) : m : f || Ye;
       }
-      return r[a] || Re;
+      return r[c] || Ye;
     }
   };
-}, Le = (e, n, r) => {
-  if (e.length - n === 0)
+}, gt = (e, t, r) => {
+  if (e.length - t === 0)
     return r.classGroupId;
-  const s = e[n], l = r.nextPart.get(s);
-  if (l) {
-    const _ = Le(e, n + 1, l);
-    if (_) return _;
+  const s = e[t], u = r.nextPart.get(s);
+  if (u) {
+    const f = gt(e, t + 1, u);
+    if (f) return f;
   }
-  const a = r.validators;
-  if (a === null)
+  const c = r.validators;
+  if (c === null)
     return;
-  const c = n === 0 ? e.join(ge) : e.slice(n).join(ge), m = a.length;
-  for (let _ = 0; _ < m; _++) {
-    const C = a[_];
-    if (C.validator(c))
-      return C.classGroupId;
+  const a = t === 0 ? e.join(je) : e.slice(t).join(je), m = c.length;
+  for (let f = 0; f < m; f++) {
+    const A = c[f];
+    if (A.validator(a))
+      return A.classGroupId;
   }
-}, xt = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
-  const n = e.slice(1, -1), r = n.indexOf(":"), o = n.slice(0, r);
-  return o ? ht + o : void 0;
-})(), yt = (e) => {
+}, hr = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
+  const t = e.slice(1, -1), r = t.indexOf(":"), n = t.slice(0, r);
+  return n ? gr + n : void 0;
+})(), xr = (e) => {
   const {
-    theme: n,
+    theme: t,
     classGroups: r
   } = e;
-  return vt(r, n);
-}, vt = (e, n) => {
-  const r = Ne();
-  for (const o in e) {
-    const s = e[o];
-    ke(s, r, o, n);
+  return vr(r, t);
+}, vr = (e, t) => {
+  const r = pt();
+  for (const n in e) {
+    const s = e[n];
+    Be(s, r, n, t);
   }
   return r;
-}, ke = (e, n, r, o) => {
+}, Be = (e, t, r, n) => {
   const s = e.length;
-  for (let l = 0; l < s; l++) {
-    const a = e[l];
-    wt(a, n, r, o);
+  for (let u = 0; u < s; u++) {
+    const c = e[u];
+    yr(c, t, r, n);
   }
-}, wt = (e, n, r, o) => {
+}, yr = (e, t, r, n) => {
   if (typeof e == "string") {
-    kt(e, n, r);
+    wr(e, t, r);
     return;
   }
   if (typeof e == "function") {
-    _t(e, n, r, o);
+    kr(e, t, r, n);
     return;
   }
-  Ct(e, n, r, o);
-}, kt = (e, n, r) => {
-  const o = e === "" ? n : Ie(n, e);
-  o.classGroupId = r;
-}, _t = (e, n, r, o) => {
-  if (jt(e)) {
-    ke(e(o), n, r, o);
+  jr(e, t, r, n);
+}, wr = (e, t, r) => {
+  const n = e === "" ? t : bt(t, e);
+  n.classGroupId = r;
+}, kr = (e, t, r, n) => {
+  if (Tr(e)) {
+    Be(e(n), t, r, n);
     return;
   }
-  n.validators === null && (n.validators = []), n.validators.push(gt(r, e));
-}, Ct = (e, n, r, o) => {
-  const s = Object.entries(e), l = s.length;
-  for (let a = 0; a < l; a++) {
-    const [c, m] = s[a];
-    ke(m, Ie(n, c), r, o);
+  t.validators === null && (t.validators = []), t.validators.push(pr(r, e));
+}, jr = (e, t, r, n) => {
+  const s = Object.entries(e), u = s.length;
+  for (let c = 0; c < u; c++) {
+    const [a, m] = s[c];
+    Be(m, bt(t, a), r, n);
   }
-}, Ie = (e, n) => {
+}, bt = (e, t) => {
   let r = e;
-  const o = n.split(ge), s = o.length;
-  for (let l = 0; l < s; l++) {
-    const a = o[l];
-    let c = r.nextPart.get(a);
-    c || (c = Ne(), r.nextPart.set(a, c)), r = c;
+  const n = t.split(je), s = n.length;
+  for (let u = 0; u < s; u++) {
+    const c = n[u];
+    let a = r.nextPart.get(c);
+    a || (a = pt(), r.nextPart.set(c, a)), r = a;
   }
   return r;
-}, jt = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Rt = (e) => {
+}, Tr = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Sr = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -860,178 +1075,178 @@ const ut = ({
       set: () => {
       }
     };
-  let n = 0, r = /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
-  const s = (l, a) => {
-    r[l] = a, n++, n > e && (n = 0, o = r, r = /* @__PURE__ */ Object.create(null));
+  let t = 0, r = /* @__PURE__ */ Object.create(null), n = /* @__PURE__ */ Object.create(null);
+  const s = (u, c) => {
+    r[u] = c, t++, t > e && (t = 0, n = r, r = /* @__PURE__ */ Object.create(null));
   };
   return {
-    get(l) {
-      let a = r[l];
-      if (a !== void 0)
-        return a;
-      if ((a = o[l]) !== void 0)
-        return s(l, a), a;
+    get(u) {
+      let c = r[u];
+      if (c !== void 0)
+        return c;
+      if ((c = n[u]) !== void 0)
+        return s(u, c), c;
     },
-    set(l, a) {
-      l in r ? r[l] = a : s(l, a);
+    set(u, c) {
+      u in r ? r[u] = c : s(u, c);
     }
   };
-}, we = "!", Ee = ":", Et = [], Te = (e, n, r, o, s) => ({
+}, $e = "!", Je = ":", Cr = [], Ke = (e, t, r, n, s) => ({
   modifiers: e,
-  hasImportantModifier: n,
+  hasImportantModifier: t,
   baseClassName: r,
-  maybePostfixModifierPosition: o,
+  maybePostfixModifierPosition: n,
   isExternal: s
-}), Tt = (e) => {
+}), Rr = (e) => {
   const {
-    prefix: n,
+    prefix: t,
     experimentalParseClassName: r
   } = e;
-  let o = (s) => {
-    const l = [];
-    let a = 0, c = 0, m = 0, _;
-    const C = s.length;
-    for (let h = 0; h < C; h++) {
-      const R = s[h];
-      if (a === 0 && c === 0) {
-        if (R === Ee) {
-          l.push(s.slice(m, h)), m = h + 1;
+  let n = (s) => {
+    const u = [];
+    let c = 0, a = 0, m = 0, f;
+    const A = s.length;
+    for (let D = 0; D < A; D++) {
+      const L = s[D];
+      if (c === 0 && a === 0) {
+        if (L === Je) {
+          u.push(s.slice(m, D)), m = D + 1;
           continue;
         }
-        if (R === "/") {
-          _ = h;
+        if (L === "/") {
+          f = D;
           continue;
         }
       }
-      R === "[" ? a++ : R === "]" ? a-- : R === "(" ? c++ : R === ")" && c--;
+      L === "[" ? c++ : L === "]" ? c-- : L === "(" ? a++ : L === ")" && a--;
     }
-    const z = l.length === 0 ? s : s.slice(m);
-    let L = z, y = !1;
-    z.endsWith(we) ? (L = z.slice(0, -1), y = !0) : (
+    const N = u.length === 0 ? s : s.slice(m);
+    let P = N, q = !1;
+    N.endsWith($e) ? (P = N.slice(0, -1), q = !0) : (
       /**
        * In Tailwind CSS v3 the important modifier was at the start of the base class name. This is still supported for legacy reasons.
        * @see https://github.com/dcastil/tailwind-merge/issues/513#issuecomment-2614029864
        */
-      z.startsWith(we) && (L = z.slice(1), y = !0)
+      N.startsWith($e) && (P = N.slice(1), q = !0)
     );
-    const I = _ && _ > m ? _ - m : void 0;
-    return Te(l, y, L, I);
+    const S = f && f > m ? f - m : void 0;
+    return Ke(u, q, P, S);
   };
-  if (n) {
-    const s = n + Ee, l = o;
-    o = (a) => a.startsWith(s) ? l(a.slice(s.length)) : Te(Et, !1, a, void 0, !0);
+  if (t) {
+    const s = t + Je, u = n;
+    n = (c) => c.startsWith(s) ? u(c.slice(s.length)) : Ke(Cr, !1, c, void 0, !0);
   }
   if (r) {
-    const s = o;
-    o = (l) => r({
-      className: l,
+    const s = n;
+    n = (u) => r({
+      className: u,
       parseClassName: s
     });
   }
-  return o;
-}, St = (e) => {
-  const n = /* @__PURE__ */ new Map();
-  return e.orderSensitiveModifiers.forEach((r, o) => {
-    n.set(r, 1e6 + o);
+  return n;
+}, Ar = (e) => {
+  const t = /* @__PURE__ */ new Map();
+  return e.orderSensitiveModifiers.forEach((r, n) => {
+    t.set(r, 1e6 + n);
   }), (r) => {
-    const o = [];
+    const n = [];
     let s = [];
-    for (let l = 0; l < r.length; l++) {
-      const a = r[l], c = a[0] === "[", m = n.has(a);
-      c || m ? (s.length > 0 && (s.sort(), o.push(...s), s = []), o.push(a)) : s.push(a);
+    for (let u = 0; u < r.length; u++) {
+      const c = r[u], a = c[0] === "[", m = t.has(c);
+      a || m ? (s.length > 0 && (s.sort(), n.push(...s), s = []), n.push(c)) : s.push(c);
     }
-    return s.length > 0 && (s.sort(), o.push(...s)), o;
+    return s.length > 0 && (s.sort(), n.push(...s)), n;
   };
-}, At = (e) => ({
-  cache: Rt(e.cacheSize),
-  parseClassName: Tt(e),
-  sortModifiers: St(e),
-  ...bt(e)
-}), zt = /\s+/, Nt = (e, n) => {
+}, Er = (e) => ({
+  cache: Sr(e.cacheSize),
+  parseClassName: Rr(e),
+  sortModifiers: Ar(e),
+  ...br(e)
+}), _r = /\s+/, Ir = (e, t) => {
   const {
     parseClassName: r,
-    getClassGroupId: o,
+    getClassGroupId: n,
     getConflictingClassGroupIds: s,
-    sortModifiers: l
-  } = n, a = [], c = e.trim().split(zt);
+    sortModifiers: u
+  } = t, c = [], a = e.trim().split(_r);
   let m = "";
-  for (let _ = c.length - 1; _ >= 0; _ -= 1) {
-    const C = c[_], {
-      isExternal: z,
-      modifiers: L,
-      hasImportantModifier: y,
-      baseClassName: I,
-      maybePostfixModifierPosition: h
-    } = r(C);
-    if (z) {
-      m = C + (m.length > 0 ? " " + m : m);
+  for (let f = a.length - 1; f >= 0; f -= 1) {
+    const A = a[f], {
+      isExternal: N,
+      modifiers: P,
+      hasImportantModifier: q,
+      baseClassName: S,
+      maybePostfixModifierPosition: D
+    } = r(A);
+    if (N) {
+      m = A + (m.length > 0 ? " " + m : m);
       continue;
     }
-    let R = !!h, $ = o(R ? I.substring(0, h) : I);
-    if (!$) {
-      if (!R) {
-        m = C + (m.length > 0 ? " " + m : m);
+    let L = !!D, W = n(L ? S.substring(0, D) : S);
+    if (!W) {
+      if (!L) {
+        m = A + (m.length > 0 ? " " + m : m);
         continue;
       }
-      if ($ = o(I), !$) {
-        m = C + (m.length > 0 ? " " + m : m);
+      if (W = n(S), !W) {
+        m = A + (m.length > 0 ? " " + m : m);
         continue;
       }
-      R = !1;
+      L = !1;
     }
-    const D = L.length === 0 ? "" : L.length === 1 ? L[0] : l(L).join(":"), O = y ? D + we : D, N = O + $;
-    if (a.indexOf(N) > -1)
+    const U = P.length === 0 ? "" : P.length === 1 ? P[0] : u(P).join(":"), j = q ? U + $e : U, I = j + W;
+    if (c.indexOf(I) > -1)
       continue;
-    a.push(N);
-    const f = s($, R);
-    for (let v = 0; v < f.length; ++v) {
-      const j = f[v];
-      a.push(O + j);
+    c.push(I);
+    const H = s(W, L);
+    for (let G = 0; G < H.length; ++G) {
+      const J = H[G];
+      c.push(j + J);
     }
-    m = C + (m.length > 0 ? " " + m : m);
+    m = A + (m.length > 0 ? " " + m : m);
   }
   return m;
-}, Lt = (...e) => {
-  let n = 0, r, o, s = "";
-  for (; n < e.length; )
-    (r = e[n++]) && (o = Pe(r)) && (s && (s += " "), s += o);
+}, Nr = (...e) => {
+  let t = 0, r, n, s = "";
+  for (; t < e.length; )
+    (r = e[t++]) && (n = ht(r)) && (s && (s += " "), s += n);
   return s;
-}, Pe = (e) => {
+}, ht = (e) => {
   if (typeof e == "string")
     return e;
-  let n, r = "";
-  for (let o = 0; o < e.length; o++)
-    e[o] && (n = Pe(e[o])) && (r && (r += " "), r += n);
+  let t, r = "";
+  for (let n = 0; n < e.length; n++)
+    e[n] && (t = ht(e[n])) && (r && (r += " "), r += t);
   return r;
-}, It = (e, ...n) => {
-  let r, o, s, l;
-  const a = (m) => {
-    const _ = n.reduce((C, z) => z(C), e());
-    return r = At(_), o = r.cache.get, s = r.cache.set, l = c, c(m);
-  }, c = (m) => {
-    const _ = o(m);
-    if (_)
-      return _;
-    const C = Nt(m, r);
-    return s(m, C), C;
+}, Lr = (e, ...t) => {
+  let r, n, s, u;
+  const c = (m) => {
+    const f = t.reduce((A, N) => N(A), e());
+    return r = Er(f), n = r.cache.get, s = r.cache.set, u = a, a(m);
+  }, a = (m) => {
+    const f = n(m);
+    if (f)
+      return f;
+    const A = Ir(m, r);
+    return s(m, A), A;
   };
-  return l = a, (...m) => l(Lt(...m));
-}, Pt = [], M = (e) => {
-  const n = (r) => r[e] || Pt;
-  return n.isThemeGetter = !0, n;
-}, Oe = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Me = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Ot = /^\d+\/\d+$/, Mt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, $t = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Dt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Ft = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Ut = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, re = (e) => Ot.test(e), w = (e) => !!e && !Number.isNaN(Number(e)), Z = (e) => !!e && Number.isInteger(Number(e)), be = (e) => e.endsWith("%") && w(e.slice(0, -1)), J = (e) => Mt.test(e), Gt = () => !0, Vt = (e) => (
+  return u = c, (...m) => u(Nr(...m));
+}, zr = [], Y = (e) => {
+  const t = (r) => r[e] || zr;
+  return t.isThemeGetter = !0, t;
+}, xt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, vt = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Or = /^\d+\/\d+$/, Pr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Mr = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, qr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Dr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Fr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, me = (e) => Or.test(e), _ = (e) => !!e && !Number.isNaN(Number(e)), le = (e) => !!e && Number.isInteger(Number(e)), Se = (e) => e.endsWith("%") && _(e.slice(0, -1)), ae = (e) => Pr.test(e), Ur = () => !0, $r = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
-  $t.test(e) && !Dt.test(e)
-), $e = () => !1, qt = (e) => Ft.test(e), Wt = (e) => Ut.test(e), Yt = (e) => !d(e) && !u(e), Bt = (e) => oe(e, Ue, $e), d = (e) => Oe.test(e), Q = (e) => oe(e, Ge, Vt), xe = (e) => oe(e, Qt, w), Se = (e) => oe(e, De, $e), Ht = (e) => oe(e, Fe, Wt), de = (e) => oe(e, Ve, qt), u = (e) => Me.test(e), ie = (e) => ne(e, Ge), Jt = (e) => ne(e, Kt), Ae = (e) => ne(e, De), Xt = (e) => ne(e, Ue), Zt = (e) => ne(e, Fe), ue = (e) => ne(e, Ve, !0), oe = (e, n, r) => {
-  const o = Oe.exec(e);
-  return o ? o[1] ? n(o[1]) : r(o[2]) : !1;
-}, ne = (e, n, r = !1) => {
-  const o = Me.exec(e);
-  return o ? o[1] ? n(o[1]) : r : !1;
-}, De = (e) => e === "position" || e === "percentage", Fe = (e) => e === "image" || e === "url", Ue = (e) => e === "length" || e === "size" || e === "bg-size", Ge = (e) => e === "length", Qt = (e) => e === "number", Kt = (e) => e === "family-name", Ve = (e) => e === "shadow", er = () => {
-  const e = M("color"), n = M("font"), r = M("text"), o = M("font-weight"), s = M("tracking"), l = M("leading"), a = M("breakpoint"), c = M("container"), m = M("spacing"), _ = M("radius"), C = M("shadow"), z = M("inset-shadow"), L = M("text-shadow"), y = M("drop-shadow"), I = M("blur"), h = M("perspective"), R = M("aspect"), $ = M("ease"), D = M("animate"), O = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], N = () => [
+  Mr.test(e) && !qr.test(e)
+), yt = () => !1, Br = (e) => Dr.test(e), Gr = (e) => Fr.test(e), Wr = (e) => !p(e) && !g(e), Vr = (e) => fe(e, jt, yt), p = (e) => xt.test(e), de = (e) => fe(e, Tt, $r), Ce = (e) => fe(e, Xr, _), Xe = (e) => fe(e, wt, yt), Hr = (e) => fe(e, kt, Gr), ye = (e) => fe(e, St, Br), g = (e) => vt.test(e), he = (e) => pe(e, Tt), Yr = (e) => pe(e, Qr), Qe = (e) => pe(e, wt), Jr = (e) => pe(e, jt), Kr = (e) => pe(e, kt), we = (e) => pe(e, St, !0), fe = (e, t, r) => {
+  const n = xt.exec(e);
+  return n ? n[1] ? t(n[1]) : r(n[2]) : !1;
+}, pe = (e, t, r = !1) => {
+  const n = vt.exec(e);
+  return n ? n[1] ? t(n[1]) : r : !1;
+}, wt = (e) => e === "position" || e === "percentage", kt = (e) => e === "image" || e === "url", jt = (e) => e === "length" || e === "size" || e === "bg-size", Tt = (e) => e === "length", Xr = (e) => e === "number", Qr = (e) => e === "family-name", St = (e) => e === "shadow", Zr = () => {
+  const e = Y("color"), t = Y("font"), r = Y("text"), n = Y("font-weight"), s = Y("tracking"), u = Y("leading"), c = Y("breakpoint"), a = Y("container"), m = Y("spacing"), f = Y("radius"), A = Y("shadow"), N = Y("inset-shadow"), P = Y("text-shadow"), q = Y("drop-shadow"), S = Y("blur"), D = Y("perspective"), L = Y("aspect"), W = Y("ease"), U = Y("animate"), j = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], I = () => [
     "center",
     "top",
     "bottom",
@@ -1049,51 +1264,51 @@ const ut = ({
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], f = () => [...N(), u, d], v = () => ["auto", "hidden", "clip", "visible", "scroll"], j = () => ["auto", "contain", "none"], i = () => [u, d, m], E = () => [re, "full", "auto", ...i()], A = () => [Z, "none", "subgrid", u, d], F = () => ["auto", {
-    span: ["full", Z, u, d]
-  }, Z, u, d], P = () => [Z, "auto", u, d], U = () => ["auto", "min", "max", "fr", u, d], q = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], W = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], G = () => ["auto", ...i()], Y = () => [re, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...i()], g = () => [e, u, d], K = () => [...N(), Ae, Se, {
-    position: [u, d]
-  }], S = () => ["no-repeat", {
+  ], H = () => [...I(), g, p], G = () => ["auto", "hidden", "clip", "visible", "scroll"], J = () => ["auto", "contain", "none"], b = () => [g, p, m], d = () => [me, "full", "auto", ...b()], y = () => [le, "none", "subgrid", g, p], T = () => ["auto", {
+    span: ["full", le, g, p]
+  }, le, g, p], x = () => [le, "auto", g, p], v = () => ["auto", "min", "max", "fr", g, p], E = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], M = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], z = () => ["auto", ...b()], F = () => [me, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...b()], h = () => [e, g, p], $ = () => [...I(), Qe, Xe, {
+    position: [g, p]
+  }], re = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], t = () => ["auto", "cover", "contain", Xt, Bt, {
-    size: [u, d]
-  }], b = () => [be, ie, Q], x = () => [
+  }], o = () => ["auto", "cover", "contain", Jr, Vr, {
+    size: [g, p]
+  }], k = () => [Se, he, de], w = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
-    _,
-    u,
-    d
-  ], T = () => ["", w, ie, Q], B = () => ["solid", "dashed", "dotted", "double"], ee = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], k = () => [w, be, Ae, Se], H = () => [
+    f,
+    g,
+    p
+  ], C = () => ["", _, he, de], Z = () => ["solid", "dashed", "dotted", "double"], oe = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], R = () => [_, Se, Qe, Xe], Q = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    I,
-    u,
-    d
-  ], X = () => ["none", w, u, d], te = () => ["none", w, u, d], he = () => [w, u, d], le = () => [re, "full", ...i()];
+    S,
+    g,
+    p
+  ], ne = () => ["none", _, g, p], se = () => ["none", _, g, p], ce = () => [_, g, p], O = () => [me, "full", ...b()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [J],
-      breakpoint: [J],
-      color: [Gt],
-      container: [J],
-      "drop-shadow": [J],
+      blur: [ae],
+      breakpoint: [ae],
+      color: [Ur],
+      container: [ae],
+      "drop-shadow": [ae],
       ease: ["in", "out", "in-out"],
-      font: [Yt],
+      font: [Wr],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [J],
+      "inset-shadow": [ae],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [J],
-      shadow: [J],
-      spacing: ["px", w],
-      text: [J],
-      "text-shadow": [J],
+      radius: [ae],
+      shadow: [ae],
+      spacing: ["px", _],
+      text: [ae],
+      "text-shadow": [ae],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -1105,7 +1320,7 @@ const ut = ({
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", re, d, u, R]
+        aspect: ["auto", "square", me, p, g, L]
       }],
       /**
        * Container
@@ -1118,21 +1333,21 @@ const ut = ({
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [w, d, u, c]
+        columns: [_, p, g, a]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": O()
+        "break-after": j()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": O()
+        "break-before": j()
       }],
       /**
        * Break Inside
@@ -1196,49 +1411,49 @@ const ut = ({
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: f()
+        object: H()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: v()
+        overflow: G()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": v()
+        "overflow-x": G()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": v()
+        "overflow-y": G()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: j()
+        overscroll: J()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": j()
+        "overscroll-x": J()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": j()
+        "overscroll-y": J()
       }],
       /**
        * Position
@@ -1250,63 +1465,63 @@ const ut = ({
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: E()
+        inset: d()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": E()
+        "inset-x": d()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": E()
+        "inset-y": d()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: E()
+        start: d()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: E()
+        end: d()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: E()
+        top: d()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: E()
+        right: d()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: E()
+        bottom: d()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: E()
+        left: d()
       }],
       /**
        * Visibility
@@ -1318,7 +1533,7 @@ const ut = ({
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [Z, "auto", u, d]
+        z: [le, "auto", g, p]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -1328,7 +1543,7 @@ const ut = ({
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [re, "full", "auto", c, ...i()]
+        basis: [me, "full", "auto", a, ...b()]
       }],
       /**
        * Flex Direction
@@ -1349,84 +1564,84 @@ const ut = ({
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [w, re, "auto", "initial", "none", d]
+        flex: [_, me, "auto", "initial", "none", p]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", w, u, d]
+        grow: ["", _, g, p]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", w, u, d]
+        shrink: ["", _, g, p]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [Z, "first", "last", "none", u, d]
+        order: [le, "first", "last", "none", g, p]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": A()
+        "grid-cols": y()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: F()
+        col: T()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": P()
+        "col-start": x()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": P()
+        "col-end": x()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": A()
+        "grid-rows": y()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: F()
+        row: T()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": P()
+        "row-start": x()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": P()
+        "row-end": x()
       }],
       /**
        * Grid Auto Flow
@@ -1440,70 +1655,70 @@ const ut = ({
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": U()
+        "auto-cols": v()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": U()
+        "auto-rows": v()
       }],
       /**
        * Gap
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: i()
+        gap: b()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": i()
+        "gap-x": b()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": i()
+        "gap-y": b()
       }],
       /**
        * Justify Content
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...q(), "normal"]
+        justify: [...E(), "normal"]
       }],
       /**
        * Justify Items
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...W(), "normal"]
+        "justify-items": [...M(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...W()]
+        "justify-self": ["auto", ...M()]
       }],
       /**
        * Align Content
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...q()]
+        content: ["normal", ...E()]
       }],
       /**
        * Align Items
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...W(), {
+        items: [...M(), {
           baseline: ["", "last"]
         }]
       }],
@@ -1512,7 +1727,7 @@ const ut = ({
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...W(), {
+        self: ["auto", ...M(), {
           baseline: ["", "last"]
         }]
       }],
@@ -1521,21 +1736,21 @@ const ut = ({
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": q()
+        "place-content": E()
       }],
       /**
        * Place Items
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...W(), "baseline"]
+        "place-items": [...M(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...W()]
+        "place-self": ["auto", ...M()]
       }],
       // Spacing
       /**
@@ -1543,133 +1758,133 @@ const ut = ({
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: i()
+        p: b()
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: i()
+        px: b()
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: i()
+        py: b()
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: i()
+        ps: b()
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: i()
+        pe: b()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: i()
+        pt: b()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: i()
+        pr: b()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: i()
+        pb: b()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: i()
+        pl: b()
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: G()
+        m: z()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: G()
+        mx: z()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: G()
+        my: z()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: G()
+        ms: z()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: G()
+        me: z()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: G()
+        mt: z()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: G()
+        mr: z()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: G()
+        mb: z()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: G()
+        ml: z()
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": i()
+        "space-x": b()
       }],
       /**
        * Space Between X Reverse
@@ -1681,7 +1896,7 @@ const ut = ({
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": i()
+        "space-y": b()
       }],
       /**
        * Space Between Y Reverse
@@ -1696,14 +1911,14 @@ const ut = ({
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: Y()
+        size: F()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [c, "screen", ...Y()]
+        w: [a, "screen", ...F()]
       }],
       /**
        * Min-Width
@@ -1711,11 +1926,11 @@ const ut = ({
        */
       "min-w": [{
         "min-w": [
-          c,
+          a,
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...Y()
+          ...F()
         ]
       }],
       /**
@@ -1724,16 +1939,16 @@ const ut = ({
        */
       "max-w": [{
         "max-w": [
-          c,
+          a,
           "screen",
           "none",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "prose",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           {
-            screen: [a]
+            screen: [c]
           },
-          ...Y()
+          ...F()
         ]
       }],
       /**
@@ -1741,21 +1956,21 @@ const ut = ({
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...Y()]
+        h: ["screen", "lh", ...F()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...Y()]
+        "min-h": ["screen", "lh", "none", ...F()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...Y()]
+        "max-h": ["screen", "lh", ...F()]
       }],
       // ------------------
       // --- Typography ---
@@ -1765,7 +1980,7 @@ const ut = ({
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", r, ie, Q]
+        text: ["base", r, he, de]
       }],
       /**
        * Font Smoothing
@@ -1782,21 +1997,21 @@ const ut = ({
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [o, u, xe]
+        font: [n, g, Ce]
       }],
       /**
        * Font Stretch
        * @see https://tailwindcss.com/docs/font-stretch
        */
       "font-stretch": [{
-        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", be, d]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", Se, p]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Jt, d, n]
+        font: [Yr, p, t]
       }],
       /**
        * Font Variant Numeric
@@ -1833,14 +2048,14 @@ const ut = ({
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [s, u, d]
+        tracking: [s, g, p]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [w, "none", u, xe]
+        "line-clamp": [_, "none", g, Ce]
       }],
       /**
        * Line Height
@@ -1849,8 +2064,8 @@ const ut = ({
       leading: [{
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
-          l,
-          ...i()
+          u,
+          ...b()
         ]
       }],
       /**
@@ -1858,7 +2073,7 @@ const ut = ({
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", u, d]
+        "list-image": ["none", g, p]
       }],
       /**
        * List Style Position
@@ -1872,7 +2087,7 @@ const ut = ({
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", u, d]
+        list: ["disc", "decimal", "none", g, p]
       }],
       /**
        * Text Alignment
@@ -1887,14 +2102,14 @@ const ut = ({
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: g()
+        placeholder: h()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: g()
+        text: h()
       }],
       /**
        * Text Decoration
@@ -1906,28 +2121,28 @@ const ut = ({
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...B(), "wavy"]
+        decoration: [...Z(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [w, "from-font", "auto", u, Q]
+        decoration: [_, "from-font", "auto", g, de]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: g()
+        decoration: h()
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [w, "auto", u, d]
+        "underline-offset": [_, "auto", g, p]
       }],
       /**
        * Text Transform
@@ -1951,14 +2166,14 @@ const ut = ({
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: i()
+        indent: b()
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", u, d]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", g, p]
       }],
       /**
        * Whitespace
@@ -1993,7 +2208,7 @@ const ut = ({
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", u, d]
+        content: ["none", g, p]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -2024,21 +2239,21 @@ const ut = ({
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: K()
+        bg: $()
       }],
       /**
        * Background Repeat
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: S()
+        bg: re()
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: t()
+        bg: o()
       }],
       /**
        * Background Image
@@ -2048,59 +2263,59 @@ const ut = ({
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, Z, u, d],
-          radial: ["", u, d],
-          conic: [Z, u, d]
-        }, Zt, Ht]
+          }, le, g, p],
+          radial: ["", g, p],
+          conic: [le, g, p]
+        }, Kr, Hr]
       }],
       /**
        * Background Color
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: g()
+        bg: h()
       }],
       /**
        * Gradient Color Stops From Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: b()
+        from: k()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: b()
+        via: k()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: b()
+        to: k()
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: g()
+        from: h()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: g()
+        via: h()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: g()
+        to: h()
       }],
       // ---------------
       // --- Borders ---
@@ -2110,175 +2325,175 @@ const ut = ({
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: x()
+        rounded: w()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": x()
+        "rounded-s": w()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": x()
+        "rounded-e": w()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": x()
+        "rounded-t": w()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": x()
+        "rounded-r": w()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": x()
+        "rounded-b": w()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": x()
+        "rounded-l": w()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": x()
+        "rounded-ss": w()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": x()
+        "rounded-se": w()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": x()
+        "rounded-ee": w()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": x()
+        "rounded-es": w()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": x()
+        "rounded-tl": w()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": x()
+        "rounded-tr": w()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": x()
+        "rounded-br": w()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": x()
+        "rounded-bl": w()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: T()
+        border: C()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": T()
+        "border-x": C()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": T()
+        "border-y": C()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": T()
+        "border-s": C()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": T()
+        "border-e": C()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": T()
+        "border-t": C()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": T()
+        "border-r": C()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": T()
+        "border-b": C()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": T()
+        "border-l": C()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": T()
+        "divide-x": C()
       }],
       /**
        * Divide Width X Reverse
@@ -2290,7 +2505,7 @@ const ut = ({
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": T()
+        "divide-y": C()
       }],
       /**
        * Divide Width Y Reverse
@@ -2302,112 +2517,112 @@ const ut = ({
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...B(), "hidden", "none"]
+        border: [...Z(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...B(), "hidden", "none"]
+        divide: [...Z(), "hidden", "none"]
       }],
       /**
        * Border Color
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: g()
+        border: h()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": g()
+        "border-x": h()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": g()
+        "border-y": h()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": g()
+        "border-s": h()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": g()
+        "border-e": h()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": g()
+        "border-t": h()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": g()
+        "border-r": h()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": g()
+        "border-b": h()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": g()
+        "border-l": h()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: g()
+        divide: h()
       }],
       /**
        * Outline Style
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...B(), "none", "hidden"]
+        outline: [...Z(), "none", "hidden"]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [w, u, d]
+        "outline-offset": [_, g, p]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", w, ie, Q]
+        outline: ["", _, he, de]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: g()
+        outline: h()
       }],
       // ---------------
       // --- Effects ---
@@ -2421,9 +2636,9 @@ const ut = ({
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          C,
-          ue,
-          de
+          A,
+          we,
+          ye
         ]
       }],
       /**
@@ -2431,28 +2646,28 @@ const ut = ({
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: g()
+        shadow: h()
       }],
       /**
        * Inset Box Shadow
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", z, ue, de]
+        "inset-shadow": ["none", N, we, ye]
       }],
       /**
        * Inset Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": g()
+        "inset-shadow": h()
       }],
       /**
        * Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: T()
+        ring: C()
       }],
       /**
        * Ring Width Inset
@@ -2466,7 +2681,7 @@ const ut = ({
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: g()
+        ring: h()
       }],
       /**
        * Ring Offset Width
@@ -2475,7 +2690,7 @@ const ut = ({
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [w, Q]
+        "ring-offset": [_, de]
       }],
       /**
        * Ring Offset Color
@@ -2484,56 +2699,56 @@ const ut = ({
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": g()
+        "ring-offset": h()
       }],
       /**
        * Inset Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": T()
+        "inset-ring": C()
       }],
       /**
        * Inset Ring Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": g()
+        "inset-ring": h()
       }],
       /**
        * Text Shadow
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", L, ue, de]
+        "text-shadow": ["none", P, we, ye]
       }],
       /**
        * Text Shadow Color
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": g()
+        "text-shadow": h()
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [w, u, d]
+        opacity: [_, g, p]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...ee(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...oe(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": ee()
+        "bg-blend": oe()
       }],
       /**
        * Mask Clip
@@ -2554,106 +2769,106 @@ const ut = ({
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [w]
+        "mask-linear": [_]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": k()
+        "mask-linear-from": R()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": k()
+        "mask-linear-to": R()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": g()
+        "mask-linear-from": h()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": g()
+        "mask-linear-to": h()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": k()
+        "mask-t-from": R()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": k()
+        "mask-t-to": R()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": g()
+        "mask-t-from": h()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": g()
+        "mask-t-to": h()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": k()
+        "mask-r-from": R()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": k()
+        "mask-r-to": R()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": g()
+        "mask-r-from": h()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": g()
+        "mask-r-to": h()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": k()
+        "mask-b-from": R()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": k()
+        "mask-b-to": R()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": g()
+        "mask-b-from": h()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": g()
+        "mask-b-to": h()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": k()
+        "mask-l-from": R()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": k()
+        "mask-l-to": R()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": g()
+        "mask-l-from": h()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": g()
+        "mask-l-to": h()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": k()
+        "mask-x-from": R()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": k()
+        "mask-x-to": R()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": g()
+        "mask-x-from": h()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": g()
+        "mask-x-to": h()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": k()
+        "mask-y-from": R()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": k()
+        "mask-y-to": R()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": g()
+        "mask-y-from": h()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": g()
+        "mask-y-to": h()
       }],
       "mask-image-radial": [{
-        "mask-radial": [u, d]
+        "mask-radial": [g, p]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": k()
+        "mask-radial-from": R()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": k()
+        "mask-radial-to": R()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": g()
+        "mask-radial-from": h()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": g()
+        "mask-radial-to": h()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -2665,22 +2880,22 @@ const ut = ({
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": N()
+        "mask-radial-at": I()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [w]
+        "mask-conic": [_]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": k()
+        "mask-conic-from": R()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": k()
+        "mask-conic-to": R()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": g()
+        "mask-conic-from": h()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": g()
+        "mask-conic-to": h()
       }],
       /**
        * Mask Mode
@@ -2701,21 +2916,21 @@ const ut = ({
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: K()
+        mask: $()
       }],
       /**
        * Mask Repeat
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: S()
+        mask: re()
       }],
       /**
        * Mask Size
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: t()
+        mask: o()
       }],
       /**
        * Mask Type
@@ -2729,7 +2944,7 @@ const ut = ({
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", u, d]
+        mask: ["none", g, p]
       }],
       // ---------------
       // --- Filters ---
@@ -2743,8 +2958,8 @@ const ut = ({
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          u,
-          d
+          g,
+          p
         ]
       }],
       /**
@@ -2752,21 +2967,21 @@ const ut = ({
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: H()
+        blur: Q()
       }],
       /**
        * Brightness
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [w, u, d]
+        brightness: [_, g, p]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [w, u, d]
+        contrast: [_, g, p]
       }],
       /**
        * Drop Shadow
@@ -2777,9 +2992,9 @@ const ut = ({
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          y,
-          ue,
-          de
+          q,
+          we,
+          ye
         ]
       }],
       /**
@@ -2787,42 +3002,42 @@ const ut = ({
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": g()
+        "drop-shadow": h()
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", w, u, d]
+        grayscale: ["", _, g, p]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [w, u, d]
+        "hue-rotate": [_, g, p]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", w, u, d]
+        invert: ["", _, g, p]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [w, u, d]
+        saturate: [_, g, p]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", w, u, d]
+        sepia: ["", _, g, p]
       }],
       /**
        * Backdrop Filter
@@ -2833,8 +3048,8 @@ const ut = ({
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          u,
-          d
+          g,
+          p
         ]
       }],
       /**
@@ -2842,63 +3057,63 @@ const ut = ({
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": H()
+        "backdrop-blur": Q()
       }],
       /**
        * Backdrop Brightness
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [w, u, d]
+        "backdrop-brightness": [_, g, p]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [w, u, d]
+        "backdrop-contrast": [_, g, p]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", w, u, d]
+        "backdrop-grayscale": ["", _, g, p]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [w, u, d]
+        "backdrop-hue-rotate": [_, g, p]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", w, u, d]
+        "backdrop-invert": ["", _, g, p]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [w, u, d]
+        "backdrop-opacity": [_, g, p]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [w, u, d]
+        "backdrop-saturate": [_, g, p]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", w, u, d]
+        "backdrop-sepia": ["", _, g, p]
       }],
       // --------------
       // --- Tables ---
@@ -2915,21 +3130,21 @@ const ut = ({
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": i()
+        "border-spacing": b()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": i()
+        "border-spacing-x": b()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": i()
+        "border-spacing-y": b()
       }],
       /**
        * Table Layout
@@ -2953,7 +3168,7 @@ const ut = ({
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", u, d]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", g, p]
       }],
       /**
        * Transition Behavior
@@ -2967,28 +3182,28 @@ const ut = ({
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [w, "initial", u, d]
+        duration: [_, "initial", g, p]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", $, u, d]
+        ease: ["linear", "initial", W, g, p]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [w, u, d]
+        delay: [_, g, p]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", D, u, d]
+        animate: ["none", U, g, p]
       }],
       // ------------------
       // --- Transforms ---
@@ -3005,70 +3220,70 @@ const ut = ({
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [h, u, d]
+        perspective: [D, g, p]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": f()
+        "perspective-origin": H()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: X()
+        rotate: ne()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": X()
+        "rotate-x": ne()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": X()
+        "rotate-y": ne()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": X()
+        "rotate-z": ne()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: te()
+        scale: se()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": te()
+        "scale-x": se()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": te()
+        "scale-y": se()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": te()
+        "scale-z": se()
       }],
       /**
        * Scale 3D
@@ -3080,35 +3295,35 @@ const ut = ({
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: he()
+        skew: ce()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": he()
+        "skew-x": ce()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": he()
+        "skew-y": ce()
       }],
       /**
        * Transform
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [u, d, "", "none", "gpu", "cpu"]
+        transform: [g, p, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: f()
+        origin: H()
       }],
       /**
        * Transform Style
@@ -3122,28 +3337,28 @@ const ut = ({
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: le()
+        translate: O()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": le()
+        "translate-x": O()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": le()
+        "translate-y": O()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": le()
+        "translate-z": O()
       }],
       /**
        * Translate None
@@ -3158,7 +3373,7 @@ const ut = ({
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: g()
+        accent: h()
       }],
       /**
        * Appearance
@@ -3172,7 +3387,7 @@ const ut = ({
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: g()
+        caret: h()
       }],
       /**
        * Color Scheme
@@ -3186,7 +3401,7 @@ const ut = ({
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", u, d]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", g, p]
       }],
       /**
        * Field Sizing
@@ -3221,126 +3436,126 @@ const ut = ({
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": i()
+        "scroll-m": b()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": i()
+        "scroll-mx": b()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": i()
+        "scroll-my": b()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": i()
+        "scroll-ms": b()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": i()
+        "scroll-me": b()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": i()
+        "scroll-mt": b()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": i()
+        "scroll-mr": b()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": i()
+        "scroll-mb": b()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": i()
+        "scroll-ml": b()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": i()
+        "scroll-p": b()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": i()
+        "scroll-px": b()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": i()
+        "scroll-py": b()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": i()
+        "scroll-ps": b()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": i()
+        "scroll-pe": b()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": i()
+        "scroll-pt": b()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": i()
+        "scroll-pr": b()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": i()
+        "scroll-pb": b()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": i()
+        "scroll-pl": b()
       }],
       /**
        * Scroll Snap Align
@@ -3408,7 +3623,7 @@ const ut = ({
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", u, d]
+        "will-change": ["auto", "scroll", "contents", "transform", g, p]
       }],
       // -----------
       // --- SVG ---
@@ -3418,21 +3633,21 @@ const ut = ({
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...g()]
+        fill: ["none", ...h()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [w, ie, Q, xe]
+        stroke: [_, he, de, Ce]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...g()]
+        stroke: ["none", ...h()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -3500,232 +3715,544 @@ const ut = ({
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, tr = /* @__PURE__ */ It(er);
-function qe(e) {
-  var n, r, o = "";
-  if (typeof e == "string" || typeof e == "number") o += e;
+}, en = /* @__PURE__ */ Lr(Zr);
+function Ct(e) {
+  var t, r, n = "";
+  if (typeof e == "string" || typeof e == "number") n += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var s = e.length;
-    for (n = 0; n < s; n++) e[n] && (r = qe(e[n])) && (o && (o += " "), o += r);
-  } else for (r in e) e[r] && (o && (o += " "), o += r);
-  return o;
+    for (t = 0; t < s; t++) e[t] && (r = Ct(e[t])) && (n && (n += " "), n += r);
+  } else for (r in e) e[r] && (n && (n += " "), n += r);
+  return n;
 }
-function rr() {
-  for (var e, n, r = 0, o = "", s = arguments.length; r < s; r++) (e = arguments[r]) && (n = qe(e)) && (o && (o += " "), o += n);
-  return o;
+function tn() {
+  for (var e, t, r = 0, n = "", s = arguments.length; r < s; r++) (e = arguments[r]) && (t = Ct(e)) && (n && (n += " "), n += t);
+  return n;
 }
-function ye(...e) {
-  return tr(rr(e));
+function Re(...e) {
+  return en(tn(e));
 }
-const sr = ({
-  initialContent: e = "",
-  onChange: n,
-  onSave: r,
-  onExport: o,
-  readOnly: s = !1,
-  showButtons: l = !1,
-  showSaveTitle: a = !1,
-  showStatusBar: c = !1,
-  height: m = "500px",
-  onImageUpload: _,
-  imageUploadEndpoint: C,
-  allowedImageTypes: z = ["image/jpeg", "image/png", "image/gif", "image/webp"],
-  maxImageSize: L = 5 * 1024 * 1024
-  // 5MB default
-}) => {
-  const {
-    editorState: y,
-    editorRef: I,
-    updateContent: h,
-    updateTitle: R,
-    executeCommand: $,
-    getValidationResult: D,
-    exportToHTML: O,
-    clearEditor: N,
-    handlePaste: f,
-    handleDrop: v,
-    insertImage: j,
-    uploadPendingImages: i
-  } = pt({
-    initialContent: e,
-    onImageUpload: _,
-    imageUploadEndpoint: C,
-    allowedImageTypes: z,
-    maxImageSize: L
-  }), [E, A] = pe(!1), F = me(null);
-  fe(() => {
-    if (n)
+var Ae, Ze;
+function Rt() {
+  if (Ze) return Ae;
+  Ze = 1;
+  function e(t) {
+    var r = typeof t;
+    return t != null && (r == "object" || r == "function");
+  }
+  return Ae = e, Ae;
+}
+var Ee, et;
+function rn() {
+  if (et) return Ee;
+  et = 1;
+  var e = typeof xe == "object" && xe && xe.Object === Object && xe;
+  return Ee = e, Ee;
+}
+var _e, tt;
+function At() {
+  if (tt) return _e;
+  tt = 1;
+  var e = rn(), t = typeof self == "object" && self && self.Object === Object && self, r = e || t || Function("return this")();
+  return _e = r, _e;
+}
+var Ie, rt;
+function nn() {
+  if (rt) return Ie;
+  rt = 1;
+  var e = At(), t = function() {
+    return e.Date.now();
+  };
+  return Ie = t, Ie;
+}
+var Ne, nt;
+function on() {
+  if (nt) return Ne;
+  nt = 1;
+  var e = /\s/;
+  function t(r) {
+    for (var n = r.length; n-- && e.test(r.charAt(n)); )
+      ;
+    return n;
+  }
+  return Ne = t, Ne;
+}
+var Le, ot;
+function sn() {
+  if (ot) return Le;
+  ot = 1;
+  var e = on(), t = /^\s+/;
+  function r(n) {
+    return n && n.slice(0, e(n) + 1).replace(t, "");
+  }
+  return Le = r, Le;
+}
+var ze, st;
+function Et() {
+  if (st) return ze;
+  st = 1;
+  var e = At(), t = e.Symbol;
+  return ze = t, ze;
+}
+var Oe, at;
+function an() {
+  if (at) return Oe;
+  at = 1;
+  var e = Et(), t = Object.prototype, r = t.hasOwnProperty, n = t.toString, s = e ? e.toStringTag : void 0;
+  function u(c) {
+    var a = r.call(c, s), m = c[s];
+    try {
+      c[s] = void 0;
+      var f = !0;
+    } catch {
+    }
+    var A = n.call(c);
+    return f && (a ? c[s] = m : delete c[s]), A;
+  }
+  return Oe = u, Oe;
+}
+var Pe, it;
+function ln() {
+  if (it) return Pe;
+  it = 1;
+  var e = Object.prototype, t = e.toString;
+  function r(n) {
+    return t.call(n);
+  }
+  return Pe = r, Pe;
+}
+var Me, lt;
+function cn() {
+  if (lt) return Me;
+  lt = 1;
+  var e = Et(), t = an(), r = ln(), n = "[object Null]", s = "[object Undefined]", u = e ? e.toStringTag : void 0;
+  function c(a) {
+    return a == null ? a === void 0 ? s : n : u && u in Object(a) ? t(a) : r(a);
+  }
+  return Me = c, Me;
+}
+var qe, ct;
+function dn() {
+  if (ct) return qe;
+  ct = 1;
+  function e(t) {
+    return t != null && typeof t == "object";
+  }
+  return qe = e, qe;
+}
+var De, dt;
+function un() {
+  if (dt) return De;
+  dt = 1;
+  var e = cn(), t = dn(), r = "[object Symbol]";
+  function n(s) {
+    return typeof s == "symbol" || t(s) && e(s) == r;
+  }
+  return De = n, De;
+}
+var Fe, ut;
+function mn() {
+  if (ut) return Fe;
+  ut = 1;
+  var e = sn(), t = Rt(), r = un(), n = NaN, s = /^[-+]0x[0-9a-f]+$/i, u = /^0b[01]+$/i, c = /^0o[0-7]+$/i, a = parseInt;
+  function m(f) {
+    if (typeof f == "number")
+      return f;
+    if (r(f))
+      return n;
+    if (t(f)) {
+      var A = typeof f.valueOf == "function" ? f.valueOf() : f;
+      f = t(A) ? A + "" : A;
+    }
+    if (typeof f != "string")
+      return f === 0 ? f : +f;
+    f = e(f);
+    var N = u.test(f);
+    return N || c.test(f) ? a(f.slice(2), N ? 2 : 8) : s.test(f) ? n : +f;
+  }
+  return Fe = m, Fe;
+}
+var Ue, mt;
+function fn() {
+  if (mt) return Ue;
+  mt = 1;
+  var e = Rt(), t = nn(), r = mn(), n = "Expected a function", s = Math.max, u = Math.min;
+  function c(a, m, f) {
+    var A, N, P, q, S, D, L = 0, W = !1, U = !1, j = !0;
+    if (typeof a != "function")
+      throw new TypeError(n);
+    m = r(m) || 0, e(f) && (W = !!f.leading, U = "maxWait" in f, P = U ? s(r(f.maxWait) || 0, m) : P, j = "trailing" in f ? !!f.trailing : j);
+    function I(v) {
+      var E = A, M = N;
+      return A = N = void 0, L = v, q = a.apply(M, E), q;
+    }
+    function H(v) {
+      return L = v, S = setTimeout(b, m), W ? I(v) : q;
+    }
+    function G(v) {
+      var E = v - D, M = v - L, z = m - E;
+      return U ? u(z, P - M) : z;
+    }
+    function J(v) {
+      var E = v - D, M = v - L;
+      return D === void 0 || E >= m || E < 0 || U && M >= P;
+    }
+    function b() {
+      var v = t();
+      if (J(v))
+        return d(v);
+      S = setTimeout(b, G(v));
+    }
+    function d(v) {
+      return S = void 0, j && A ? I(v) : (A = N = void 0, q);
+    }
+    function y() {
+      S !== void 0 && clearTimeout(S), L = 0, A = D = N = S = void 0;
+    }
+    function T() {
+      return S === void 0 ? q : d(t());
+    }
+    function x() {
+      var v = t(), E = J(v);
+      if (A = arguments, N = this, D = v, E) {
+        if (S === void 0)
+          return H(D);
+        if (U)
+          return clearTimeout(S), S = setTimeout(b, m), I(D);
+      }
+      return S === void 0 && (S = setTimeout(b, m)), q;
+    }
+    return x.cancel = y, x.flush = T, x;
+  }
+  return Ue = c, Ue;
+}
+var pn = fn();
+const gn = /* @__PURE__ */ ar(pn), bn = It(
+  ({
+    initialContent: e = "",
+    onChange: t,
+    onSave: r,
+    onExport: n,
+    readOnly: s = !1,
+    showButtons: u = !1,
+    showSaveTitle: c = !1,
+    showStatusBar: a = !1,
+    height: m = "500px",
+    onImageUpload: f,
+    imageUploadEndpoint: A,
+    allowedImageTypes: N = [
+      "image/jpeg",
+      "image/png",
+      "image/gif",
+      "image/webp",
+      "image/svg+xml"
+    ],
+    maxImageSize: P = 5 * 1024 * 1024,
+    onInit: q,
+    debounceDelay: S = 300,
+    className: D = "",
+    placeholder: L = "Start typing here...",
+    autoFocus: W = !1
+  }, U) => {
+    const {
+      editorState: j,
+      editorRef: I,
+      updateContent: H,
+      updateTitle: G,
+      executeCommand: J,
+      getValidationResult: b,
+      exportToHTML: d,
+      clearEditor: y,
+      handlePaste: T,
+      handleDrop: x,
+      insertImage: v,
+      uploadPendingImages: E
+    } = mr({
+      initialContent: e,
+      onImageUpload: f,
+      imageUploadEndpoint: A,
+      allowedImageTypes: N,
+      maxImageSize: P
+    }), M = ie(null), z = ie(!1), F = ie(null), [h, $] = ee(!1), [re, o] = ee(""), [k, w] = ee(!1), [C, Z] = ee(0), oe = ie(null);
+    Nt(U, () => ({
+      getContent: () => j.content,
+      getHTML: () => d(),
+      getTitle: () => j.title,
+      clear: y,
+      focus: () => {
+        if (I.current) {
+          I.current.focus();
+          const l = document.createRange();
+          l.selectNodeContents(I.current), l.collapse(!1);
+          const B = window.getSelection();
+          B?.removeAllRanges(), B?.addRange(l);
+        }
+      },
+      insertText: (l) => {
+        I.current && (document.execCommand("insertText", !1, l), H(I.current.innerHTML));
+      },
+      insertHTML: (l) => {
+        I.current && (document.execCommand("insertHTML", !1, l), H(I.current.innerHTML));
+      },
+      executeCommand: (l, B) => {
+        J(l, B);
+      }
+    })), ue(() => {
+      q && I.current && !z.current && (q(I.current), z.current = !0);
+    }, [q, I]), ue(() => {
+      W && I.current && !s && setTimeout(() => {
+        if (I.current) {
+          I.current.focus();
+          const l = document.createRange();
+          l.selectNodeContents(I.current), l.collapse(!1);
+          const B = window.getSelection();
+          B?.removeAllRanges(), B?.addRange(l);
+        }
+      }, 100);
+    }, [W, s, I]), ue(() => {
+      if (t)
+        return F.current = gn(
+          (l, B, K) => {
+            t(l, B, K);
+          },
+          S
+        ), () => {
+          F.current && F.current.cancel();
+        };
+    }, [t, S]), ue(() => {
+      if (!t || !j.content && !j.content.trim()) return;
+      const l = (() => {
+        try {
+          return d({
+            includeStyles: !1,
+            includeMeta: !1
+          });
+        } catch {
+          return `<!DOCTYPE html><html><body>${j.content}</body></html>`;
+        }
+      })();
+      S > 0 && F.current ? F.current(
+        j.content,
+        l,
+        j.title
+      ) : t(j.content, l, j.title);
+    }, [
+      j.content,
+      j.title,
+      t,
+      d,
+      S
+    ]);
+    const R = V(async () => {
+      if (F.current && F.current.flush?.(), j.pendingImages.length > 0) {
+        w(!0);
+        try {
+          await E(), o("Images uploaded successfully!"), setTimeout(() => o(""), 3e3);
+        } catch {
+          o("Failed to upload images. Please try again."), $(!0), setTimeout(() => {
+            $(!1), o("");
+          }, 5e3), w(!1);
+          return;
+        } finally {
+          w(!1);
+        }
+      }
+      const l = b();
+      if (!l.success) {
+        o(l.error || "Please fix validation errors before saving."), $(!0), setTimeout(() => {
+          $(!1), o("");
+        }, 3e3);
+        return;
+      }
       try {
-        const S = O({ includeStyles: !1, includeMeta: !1 });
-        n(y.content, S, y.title);
+        r?.(j.content, d()), o("Document saved successfully!"), $(!0), setTimeout(() => {
+          $(!1), o("");
+        }, 2e3);
       } catch {
-        const t = `<!DOCTYPE html><html><body>${y.content}</body></html>`;
-        n(y.content, t, y.title);
+        o("Failed to save document."), $(!0), setTimeout(() => {
+          $(!1), o("");
+        }, 3e3);
+      }
+    }, [
+      j,
+      E,
+      b,
+      d,
+      r
+    ]), Q = V(async () => {
+      if (F.current && F.current.flush?.(), j.pendingImages.length > 0) {
+        w(!0);
+        try {
+          await E();
+        } catch (l) {
+          console.error("Failed to upload images:", l);
+        } finally {
+          w(!1);
+        }
       }
-  }, [y.content, y.title, n, O]);
-  const P = V(async () => {
-    if (y.pendingImages.length > 0)
       try {
-        await i();
+        const l = d();
+        n?.(l);
+        const B = new Blob([l], { type: "text/html" }), K = URL.createObjectURL(B), X = document.createElement("a");
+        X.href = K, X.download = `${j.title.replace(/[^\w\s]/gi, "").replace(/\s+/g, "_") || "document"}.html`, document.body.appendChild(X), X.click(), document.body.removeChild(X), URL.revokeObjectURL(K), o("Document exported successfully!"), $(!0), setTimeout(() => {
+          $(!1), o("");
+        }, 2e3);
       } catch {
-        alert("Failed to upload some images. Please check and try again.");
-        return;
+        o("Failed to export document."), $(!0), setTimeout(() => {
+          $(!1), o("");
+        }, 3e3);
       }
-    if (D().success) {
-      const t = O();
-      r?.(y.content, t);
-    } else
-      A(!0), setTimeout(() => A(!1), 3e3);
-  }, [y.content, y.pendingImages, D, O, r, i]), U = V(async () => {
-    try {
-      y.pendingImages.length > 0 && await i();
-      const S = O();
-      o?.(S);
-      const t = new Blob([S], { type: "text/html" }), b = URL.createObjectURL(t), x = document.createElement("a");
-      x.href = b, x.download = `${y.title.replace(/\s+/g, "_") || "document"}.html`, document.body.appendChild(x), x.click(), document.body.removeChild(x), URL.revokeObjectURL(b);
-    } catch (S) {
-      alert(
-        "Export failed: " + (S instanceof Error ? S.message : "Unknown error")
-      );
-    }
-  }, [O, y.title, y.pendingImages, o, i]), q = V(() => {
-    confirm(
-      "Are you sure you want to clear the editor? All unsaved changes will be lost."
-    ) && N();
-  }, [N]), W = V(
-    (S) => {
-      h(S);
-    },
-    [h]
-  ), G = (S) => {
-    R(S.target.value);
-  }, Y = () => {
-    F.current?.click();
-  }, g = async (S) => {
-    const t = S.target.files;
-    if (!(!t || t.length === 0)) {
-      for (const b of Array.from(t))
-        await j(b);
-      F.current && (F.current.value = "");
-    }
-  };
-  return /* @__PURE__ */ p.jsxs(
-    "div",
-    {
-      className: ye(
-        "relative w-full bg-white border border-gray-300 rounded-lg overflow-hidden",
-        s && "pointer-events-none opacity-80"
-      ),
-      style: { height: m },
-      children: [
-        a && /* @__PURE__ */ p.jsx("div", { className: "p-6 border-b border-gray-200 bg-gray-50", children: /* @__PURE__ */ p.jsx(
-          "input",
-          {
-            type: "text",
-            className: ye(
-              "w-full bg-transparent text-2xl font-bold text-gray-800 outline-none placeholder-gray-400",
-              s && "cursor-default"
-            ),
-            value: y.title,
-            onChange: G,
-            placeholder: "Document Title",
-            readOnly: s
-          }
-        ) }),
-        /* @__PURE__ */ p.jsx(
-          ut,
-          {
-            onCommand: $,
-            onSave: P,
-            onExport: U,
-            showButtons: l,
-            onClear: q,
-            hasUnsavedChanges: y.hasUnsavedChanges,
-            onImageUpload: Y,
-            pendingImagesCount: y.pendingImages.length
-          }
-        ),
-        /* @__PURE__ */ p.jsx(
-          "input",
-          {
-            type: "file",
-            ref: F,
-            className: "hidden",
-            accept: z.join(","),
-            multiple: !0,
-            onChange: g
-          }
+    }, [j, E, d, n]), ne = V(
+      (l) => {
+        H(l);
+      },
+      [H]
+    ), se = async (l) => {
+      if (!l.target.files || s) return;
+      const B = Array.from(l.target.files);
+      let K = 0;
+      const X = B.length;
+      for (const te of B)
+        try {
+          await v(te), K++, Z(Math.round(K / X * 100));
+        } catch (Ge) {
+          console.error("Failed to insert image:", Ge);
+        }
+      Z(0), l.target.value = "";
+    }, ce = V(() => {
+      s || I.current && I.current.focus();
+    }, [s, I]), O = V((l) => {
+      (l.ctrlKey || l.metaKey) && l.key === "s" && (l.preventDefault(), R()), (l.ctrlKey || l.metaKey) && l.key === "e" && (l.preventDefault(), Q()), (l.ctrlKey || l.metaKey) && l.key === "k" && l.shiftKey && (l.preventDefault(), y());
+    }, [R, Q, y]);
+    return /* @__PURE__ */ i.jsxs(
+      "div",
+      {
+        ref: oe,
+        className: Re(
+          "relative w-full bg-white border border-gray-300 rounded-lg overflow-hidden flex flex-col",
+          s && "pointer-events-none opacity-80",
+          D
         ),
-        E && /* @__PURE__ */ p.jsx("div", { className: "px-8 py-2 bg-red-50 text-red-600 text-sm", children: "Please fix validation errors before saving." }),
-        /* @__PURE__ */ p.jsx(
-          "div",
-          {
-            ref: I,
-            className: ye(
-              "p-6 outline-none overflow-y-auto",
-              `
-    /* Heading styles */
-    [&_h1]:text-3xl [&_h1]:font-bold [&_h1]:mt-6 [&_h1]:mb-4 [&_h1]:text-gray-800 [&_h1]:border-b [&_h1]:pb-2
-    [&_h2]:text-2xl [&_h2]:font-bold [&_h2]:mt-5 [&_h2]:mb-3 [&_h2]:text-gray-800
-    [&_h3]:text-xl [&_h3]:font-bold [&_h3]:mt-4 [&_h3]:mb-2 [&_h3]:text-gray-800
-    /* Paragraph styles */
-    [&_p]:mb-4 [&_p]:text-gray-700 [&_p]:leading-relaxed
-    /* List styles */
-    [&_ul]:list-disc [&_ul]:list-inside [&_ul]:mb-4 [&_ul]:ml-4 [&_ul]:space-y-1
-    [&_ol]:list-decimal [&_ol]:list-inside [&_ol]:mb-4 [&_ol]:ml-4 [&_ol]:space-y-1
-    [&_li]:mb-1
-    /* Link styles */
-    [&_a]:text-blue-600 [&_a]:hover:text-blue-800 [&_a]:underline [&_a]:transition-colors
-    /* Blockquote styles */
-    [&_blockquote]:border-l-4 [&_blockquote]:border-blue-500 [&_blockquote]:pl-4 [&_blockquote]:italic [&_blockquote]:text-gray-600 [&_blockquote]:my-4
-    /* Code styles */
-    [&_code]:bg-gray-100 [&_code]:px-2 [&_code]:py-1 [&_code]:rounded [&_code]:text-sm [&_code]:font-mono
-    [&_pre]:bg-gray-800 [&_pre]:text-gray-100 [&_pre]:p-4 [&_pre]:rounded-lg [&_pre]:overflow-x-auto [&_pre]:my-4
-    [&_pre_code]:bg-transparent [&_pre_code]:text-inherit [&_pre_code]:p-0
-    /* Image styles */
-    [&_img]:max-w-full [&_img]:h-auto [&_img]:rounded-lg [&_img]:shadow-md [&_img]:my-4
-    [&_.image-uploading]:opacity-50 [&_.image-uploading]:animate-pulse
-    [&_.image-failed]:border-2 [&_.image-failed]:border-red-500
-  `,
-              s ? "bg-transparent cursor-default" : "cursor-text bg-white",
-              "min-h-[200px]"
+        style: { height: m },
+        children: [
+          c && /* @__PURE__ */ i.jsxs("div", { className: "p-4 md:p-6 border-b bg-gradient-to-r from-gray-50 to-white", children: [
+            /* @__PURE__ */ i.jsx(
+              "input",
+              {
+                className: "w-full text-xl md:text-2xl font-bold bg-transparent outline-none placeholder:text-gray-400",
+                value: j.title,
+                onChange: (l) => G(l.target.value),
+                placeholder: "Document Title",
+                readOnly: s,
+                maxLength: 100
+              }
             ),
-            contentEditable: !s,
-            suppressContentEditableWarning: !0,
-            onInput: (S) => W(S.currentTarget.innerHTML),
-            onPaste: f,
-            onDrop: v,
-            onDragOver: (S) => S.preventDefault(),
-            onKeyDown: (S) => {
-              S.key === "Tab" && (S.preventDefault(), $("indent"));
-            },
-            "data-placeholder": s ? "" : "Start typing...",
-            style: {
-              minHeight: "200px",
-              maxHeight: `calc(${m} - ${a ? "140px" : "80px"} - ${c ? "40px" : "0px"})`
+            j.title.length >= 90 && /* @__PURE__ */ i.jsxs("div", { className: "text-xs text-gray-500 text-right mt-1", children: [
+              j.title.length,
+              "/100 characters"
+            ] })
+          ] }),
+          /* @__PURE__ */ i.jsx(
+            dr,
+            {
+              onCommand: J,
+              onSave: R,
+              onExport: Q,
+              showButtons: u,
+              onClear: y,
+              hasUnsavedChanges: j.hasUnsavedChanges,
+              onImageUpload: () => M.current?.click(),
+              pendingImagesCount: j.pendingImages.length
             }
-          }
-        ),
-        y.pendingImages.length > 0 && /* @__PURE__ */ p.jsx("div", { className: "px-8 pb-4", children: /* @__PURE__ */ p.jsxs("div", { className: "flex items-center gap-2 text-sm text-blue-600 bg-blue-50 p-3 rounded-lg", children: [
-          /* @__PURE__ */ p.jsx(it, { size: 16 }),
-          /* @__PURE__ */ p.jsxs("span", { children: [
-            y.pendingImages.length,
-            " image(s) pending upload. They will be uploaded when you save or export."
-          ] })
-        ] }) }),
-        c && /* @__PURE__ */ p.jsx(
-          mt,
-          {
-            wordCount: y.wordCount,
-            characterCount: y.characterCount,
-            hasUnsavedChanges: y.hasUnsavedChanges,
-            pendingImagesCount: y.pendingImages.length
-          }
-        )
-      ]
-    }
-  );
-};
+          ),
+          /* @__PURE__ */ i.jsx(
+            "input",
+            {
+              ref: M,
+              type: "file",
+              className: "hidden",
+              accept: N.join(","),
+              multiple: !0,
+              onChange: se,
+              disabled: s
+            }
+          ),
+          (h || k) && /* @__PURE__ */ i.jsx("div", { className: Re(
+            "px-4 py-3 text-sm flex items-center gap-2 transition-all duration-300",
+            k ? "bg-blue-50 text-blue-700 border-b border-blue-100" : re.includes("success") ? "bg-green-50 text-green-700 border-b border-green-100" : "bg-red-50 text-red-700 border-b border-red-100"
+          ), children: k ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+            /* @__PURE__ */ i.jsx(rr, { className: "h-4 w-4 animate-spin" }),
+            /* @__PURE__ */ i.jsxs("span", { children: [
+              "Uploading images... ",
+              C > 0 && `${C}%`
+            ] })
+          ] }) : re.includes("success") ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+            /* @__PURE__ */ i.jsx(nr, { className: "h-4 w-4" }),
+            /* @__PURE__ */ i.jsx("span", { children: re })
+          ] }) : /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
+            /* @__PURE__ */ i.jsx(or, { className: "h-4 w-4" }),
+            /* @__PURE__ */ i.jsx("span", { children: re })
+          ] }) }),
+          /* @__PURE__ */ i.jsx(
+            "div",
+            {
+              ref: I,
+              className: Re(
+                "flex-1 p-4 md:p-6 outline-none overflow-y-auto min-h-[200px] bg-white",
+                s ? "cursor-default select-text" : "cursor-text",
+                !j.content && "relative"
+              ),
+              contentEditable: !s,
+              suppressContentEditableWarning: !0,
+              onInput: (l) => ne(l.currentTarget.innerHTML),
+              onPaste: T,
+              onDrop: x,
+              onDragOver: (l) => l.preventDefault(),
+              onClick: ce,
+              onKeyDown: O,
+              "data-placeholder": L,
+              role: "textbox",
+              "aria-label": "Text editor",
+              "aria-multiline": "true",
+              children: !j.content && /* @__PURE__ */ i.jsx("div", { className: "absolute top-6 left-6 text-gray-400 pointer-events-none select-none", children: L })
+            }
+          ),
+          j.pendingImages.length > 0 && /* @__PURE__ */ i.jsxs("div", { className: "px-4 py-3 text-sm text-blue-600 bg-blue-50 border-t border-blue-100 flex items-center justify-between", children: [
+            /* @__PURE__ */ i.jsxs("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ i.jsx(sr, { size: 16 }),
+              /* @__PURE__ */ i.jsxs("span", { children: [
+                j.pendingImages.length,
+                " image",
+                j.pendingImages.length !== 1 ? "s" : "",
+                " pending upload"
+              ] })
+            ] }),
+            /* @__PURE__ */ i.jsx(
+              "button",
+              {
+                onClick: E,
+                disabled: k,
+                className: "text-sm px-3 py-1 bg-blue-100 hover:bg-blue-200 text-blue-700 rounded-md transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+                children: k ? "Uploading..." : "Upload Now"
+              }
+            )
+          ] }),
+          a && /* @__PURE__ */ i.jsx(
+            ur,
+            {
+              wordCount: j.wordCount,
+              characterCount: j.characterCount,
+              hasUnsavedChanges: j.hasUnsavedChanges,
+              pendingImagesCount: j.pendingImages.length
+            }
+          ),
+          !s && /* @__PURE__ */ i.jsx("div", { className: "hidden md:block absolute bottom-2 right-2 text-xs text-gray-400 bg-white/80 px-2 py-1 rounded", children: "Ctrl+S to save • Ctrl+E to export" })
+        ]
+      }
+    );
+  }
+);
+bn.displayName = "TextEditor";
 export {
-  sr as TextEditor
+  bn as TextEditor
 };