@abduljebar/text-editor 2.2.6 → 2.3.2

package/dist/index.js

@@ -1,357 +1,862 @@
-import De, { useRef as be, useState as le, useEffect as ve, useCallback as G } from "react";
-var ue = { exports: {} }, ie = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var Ce;
-function $e() {
-  if (Ce) return ie;
-  Ce = 1;
-  var e = Symbol.for("react.transitional.element"), l = Symbol.for("react.fragment");
-  function a(t, o, b) {
-    var p = null;
-    if (b !== void 0 && (p = "" + b), o.key !== void 0 && (p = "" + o.key), "key" in o) {
-      b = {};
-      for (var w in o)
-        w !== "key" && (b[w] = o[w]);
-    } else b = o;
-    return o = b.ref, {
+import kt, { useState as ge, useEffect as ee, useRef as te, useCallback as W, forwardRef as Tt } from "react";
+import { Save as st, FileDown as jt, Trash2 as St, Bold as Rt, Italic as Ct, Underline as Et, Strikethrough as _t, List as At, ListOrdered as Ot, Heading1 as It, Heading2 as Nt, Type as zt, AlignLeft as Lt, AlignCenter as Pt, AlignRight as Mt, Link as qt, Image as ze, Upload as Ft } from "lucide-react";
+var ue = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Gt(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var me = { exports: {} }, ie = {};
+var Me;
+function $t() {
+  if (Me) return ie;
+  Me = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), t = /* @__PURE__ */ Symbol.for("react.fragment");
+  function r(n, s, l) {
+    var a = null;
+    if (l !== void 0 && (a = "" + l), s.key !== void 0 && (a = "" + s.key), "key" in s) {
+      l = {};
+      for (var i in s)
+        i !== "key" && (l[i] = s[i]);
+    } else l = s;
+    return s = l.ref, {
       $$typeof: e,
-      type: t,
-      key: p,
-      ref: o !== void 0 ? o : null,
-      props: b
+      type: n,
+      key: a,
+      ref: s !== void 0 ? s : null,
+      props: l
     };
   }
-  return ie.Fragment = l, ie.jsx = a, ie.jsxs = a, ie;
+  return ie.Fragment = t, ie.jsx = r, ie.jsxs = r, ie;
 }
-var ce = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var je;
-function Ve() {
-  return je || (je = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(r) {
-      if (r == null) return null;
-      if (typeof r == "function")
-        return r.$$typeof === Q ? null : r.displayName || r.name || null;
-      if (typeof r == "string") return r;
-      switch (r) {
-        case L:
+var le = {};
+var qe;
+function Dt() {
+  return qe || (qe = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(o) {
+      if (o == null) return null;
+      if (typeof o == "function")
+        return o.$$typeof === F ? null : o.displayName || o.name || null;
+      if (typeof o == "string") return o;
+      switch (o) {
+        case p:
           return "Fragment";
-        case $:
+        case M:
           return "Profiler";
-        case I:
+        case q:
           return "StrictMode";
-        case T:
+        case k:
           return "Suspense";
-        case A:
+        case j:
           return "SuspenseList";
-        case X:
+        case O:
           return "Activity";
       }
-      if (typeof r == "object")
-        switch (typeof r.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."
-        ), r.$$typeof) {
-          case F:
+        ), o.$$typeof) {
+          case g:
             return "Portal";
-          case R:
-            return r.displayName || "Context";
-          case U:
-            return (r._context.displayName || "Context") + ".Consumer";
-          case O:
-            var h = r.render;
-            return r = r.displayName, r || (r = h.displayName || h.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
-          case m:
-            return h = r.displayName || null, h !== null ? h : e(r.type) || "Memo";
-          case z:
-            h = r._payload, r = r._init;
+          case L:
+            return o.displayName || "Context";
+          case $:
+            return (o._context.displayName || "Context") + ".Consumer";
+          case b:
+            var y = o.render;
+            return o = o.displayName, o || (o = y.displayName || y.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+          case c:
+            return y = o.displayName || null, y !== null ? y : e(o.type) || "Memo";
+          case _:
+            y = o._payload, o = o._init;
             try {
-              return e(r(h));
+              return e(o(y));
             } catch {
             }
         }
       return null;
     }
-    function l(r) {
-      return "" + r;
+    function t(o) {
+      return "" + o;
     }
-    function a(r) {
+    function r(o) {
       try {
-        l(r);
-        var h = !1;
+        t(o);
+        var y = !1;
       } catch {
-        h = !0;
+        y = !0;
       }
-      if (h) {
-        h = console;
-        var d = h.error, k = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
-        return d.call(
-          h,
+      if (y) {
+        y = console;
+        var w = y.error, C = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return w.call(
+          y,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          k
-        ), l(r);
+          C
+        ), t(o);
       }
     }
-    function t(r) {
-      if (r === L) return "<>";
-      if (typeof r == "object" && r !== null && r.$$typeof === z)
+    function n(o) {
+      if (o === p) return "<>";
+      if (typeof o == "object" && o !== null && o.$$typeof === _)
         return "<...>";
       try {
-        var h = e(r);
-        return h ? "<" + h + ">" : "<...>";
+        var y = e(o);
+        return y ? "<" + y + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function o() {
-      var r = V.A;
-      return r === null ? null : r.getOwner();
+    function s() {
+      var o = P.A;
+      return o === null ? null : o.getOwner();
     }
-    function b() {
+    function l() {
       return Error("react-stack-top-frame");
     }
-    function p(r) {
-      if (K.call(r, "key")) {
-        var h = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (h && h.isReactWarning) return !1;
+    function a(o) {
+      if (R.call(o, "key")) {
+        var y = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (y && y.isReactWarning) return !1;
       }
-      return r.key !== void 0;
+      return o.key !== void 0;
     }
-    function w(r, h) {
-      function d() {
-        P || (P = !0, console.error(
+    function i(o, y) {
+      function w() {
+        U || (U = !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)",
-          h
+          y
         ));
       }
-      d.isReactWarning = !0, Object.defineProperty(r, "key", {
-        get: d,
+      w.isReactWarning = !0, Object.defineProperty(o, "key", {
+        get: w,
         configurable: !0
       });
     }
-    function g() {
-      var r = e(this.type);
-      return B[r] || (B[r] = !0, console.error(
+    function d() {
+      var o = e(this.type);
+      return V[o] || (V[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."
-      )), r = this.props.ref, r !== void 0 ? r : null;
+      )), o = this.props.ref, o !== void 0 ? o : null;
     }
-    function x(r, h, d, k, q, u) {
-      var n = d.ref;
-      return r = {
-        $$typeof: _,
-        type: r,
-        key: h,
-        props: d,
-        _owner: k
-      }, (n !== void 0 ? n : null) !== null ? Object.defineProperty(r, "ref", {
+    function u(o, y, w, C, B, re) {
+      var S = w.ref;
+      return o = {
+        $$typeof: E,
+        type: o,
+        key: y,
+        props: w,
+        _owner: C
+      }, (S !== void 0 ? S : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
-        get: g
-      }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
+        get: d
+      }) : 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(r, "_debugInfo", {
+      }), Object.defineProperty(o, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(r, "_debugStack", {
+      }), Object.defineProperty(o, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: q
-      }), Object.defineProperty(r, "_debugTask", {
+        value: B
+      }), Object.defineProperty(o, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: u
-      }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
+        value: re
+      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function C(r, h, d, k, q, u) {
-      var n = h.children;
-      if (n !== void 0)
-        if (k)
-          if (v(n)) {
-            for (k = 0; k < n.length; k++)
-              S(n[k]);
-            Object.freeze && Object.freeze(n);
+    function v(o, y, w, C, B, re) {
+      var S = y.children;
+      if (S !== void 0)
+        if (C)
+          if (N(S)) {
+            for (C = 0; C < S.length; C++)
+              A(S[C]);
+            Object.freeze && Object.freeze(S);
           } 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 S(n);
-      if (K.call(h, "key")) {
-        n = e(r);
-        var E = Object.keys(h).filter(function(W) {
-          return W !== "key";
+        else A(S);
+      if (R.call(y, "key")) {
+        S = e(o);
+        var Y = Object.keys(y).filter(function(ne) {
+          return ne !== "key";
         });
-        k = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", re[n + k] || (E = 0 < E.length ? "{" + E.join(": ..., ") + ": ...}" : "{}", console.error(
+        C = 0 < Y.length ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}", Q[S + C] || (Y = 0 < Y.length ? "{" + Y.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} />`,
-          k,
-          n,
-          E,
-          n
-        ), re[n + k] = !0);
+          C,
+          S,
+          Y,
+          S
+        ), Q[S + C] = !0);
       }
-      if (n = null, d !== void 0 && (a(d), n = "" + d), p(h) && (a(h.key), n = "" + h.key), "key" in h) {
-        d = {};
-        for (var M in h)
-          M !== "key" && (d[M] = h[M]);
-      } else d = h;
-      return n && w(
-        d,
-        typeof r == "function" ? r.displayName || r.name || "Unknown" : r
-      ), x(
-        r,
-        n,
-        d,
-        o(),
-        q,
-        u
+      if (S = null, w !== void 0 && (r(w), S = "" + w), a(y) && (r(y.key), S = "" + y.key), "key" in y) {
+        w = {};
+        for (var J in y)
+          J !== "key" && (w[J] = y[J]);
+      } else w = y;
+      return S && i(
+        w,
+        typeof o == "function" ? o.displayName || o.name || "Unknown" : o
+      ), u(
+        o,
+        S,
+        w,
+        s(),
+        B,
+        re
       );
     }
-    function S(r) {
-      D(r) ? r._store && (r._store.validated = 1) : typeof r == "object" && r !== null && r.$$typeof === z && (r._payload.status === "fulfilled" ? D(r._payload.value) && r._payload.value._store && (r._payload.value._store.validated = 1) : r._store && (r._store.validated = 1));
+    function A(o) {
+      z(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === _ && (o._payload.status === "fulfilled" ? z(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
     }
-    function D(r) {
-      return typeof r == "object" && r !== null && r.$$typeof === _;
+    function z(o) {
+      return typeof o == "object" && o !== null && o.$$typeof === E;
     }
-    var N = De, _ = Symbol.for("react.transitional.element"), F = Symbol.for("react.portal"), L = Symbol.for("react.fragment"), I = Symbol.for("react.strict_mode"), $ = Symbol.for("react.profiler"), U = Symbol.for("react.consumer"), R = Symbol.for("react.context"), O = Symbol.for("react.forward_ref"), T = Symbol.for("react.suspense"), A = Symbol.for("react.suspense_list"), m = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), X = Symbol.for("react.activity"), Q = Symbol.for("react.client.reference"), V = N.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, K = Object.prototype.hasOwnProperty, v = Array.isArray, H = console.createTask ? console.createTask : function() {
+    var I = kt, E = /* @__PURE__ */ Symbol.for("react.transitional.element"), g = /* @__PURE__ */ Symbol.for("react.portal"), p = /* @__PURE__ */ Symbol.for("react.fragment"), q = /* @__PURE__ */ Symbol.for("react.strict_mode"), M = /* @__PURE__ */ Symbol.for("react.profiler"), $ = /* @__PURE__ */ Symbol.for("react.consumer"), L = /* @__PURE__ */ Symbol.for("react.context"), b = /* @__PURE__ */ Symbol.for("react.forward_ref"), k = /* @__PURE__ */ Symbol.for("react.suspense"), j = /* @__PURE__ */ Symbol.for("react.suspense_list"), c = /* @__PURE__ */ Symbol.for("react.memo"), _ = /* @__PURE__ */ Symbol.for("react.lazy"), O = /* @__PURE__ */ Symbol.for("react.activity"), F = /* @__PURE__ */ Symbol.for("react.client.reference"), P = I.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, R = Object.prototype.hasOwnProperty, N = Array.isArray, D = console.createTask ? console.createTask : function() {
       return null;
     };
-    N = {
-      react_stack_bottom_frame: function(r) {
-        return r();
+    I = {
+      react_stack_bottom_frame: function(o) {
+        return o();
       }
     };
-    var P, B = {}, f = N.react_stack_bottom_frame.bind(
-      N,
-      b
-    )(), ee = H(t(b)), re = {};
-    ce.Fragment = L, ce.jsx = function(r, h, d) {
-      var k = 1e4 > V.recentlyCreatedOwnerStacks++;
-      return C(
-        r,
-        h,
-        d,
+    var U, V = {}, x = I.react_stack_bottom_frame.bind(
+      I,
+      l
+    )(), Z = D(n(l)), Q = {};
+    le.Fragment = p, le.jsx = function(o, y, w) {
+      var C = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return v(
+        o,
+        y,
+        w,
         !1,
-        k ? Error("react-stack-top-frame") : f,
-        k ? H(t(r)) : ee
+        C ? Error("react-stack-top-frame") : x,
+        C ? D(n(o)) : Z
       );
-    }, ce.jsxs = function(r, h, d) {
-      var k = 1e4 > V.recentlyCreatedOwnerStacks++;
-      return C(
-        r,
-        h,
-        d,
+    }, le.jsxs = function(o, y, w) {
+      var C = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return v(
+        o,
+        y,
+        w,
         !0,
-        k ? Error("react-stack-top-frame") : f,
-        k ? H(t(r)) : ee
+        C ? Error("react-stack-top-frame") : x,
+        C ? D(n(o)) : Z
       );
     };
-  })()), ce;
+  })()), le;
 }
-var _e;
-function qe() {
-  return _e || (_e = 1, process.env.NODE_ENV === "production" ? ue.exports = $e() : ue.exports = Ve()), ue.exports;
+var Fe;
+function Ut() {
+  return Fe || (Fe = 1, process.env.NODE_ENV === "production" ? me.exports = $t() : me.exports = Dt()), me.exports;
 }
-var s = qe();
-const we = "-", We = (e) => {
-  const l = Ye(e), {
-    conflictingClassGroups: a,
-    conflictingClassGroupModifiers: t
+var h = Ut();
+const Wt = ({
+  onCommand: e,
+  onSave: t,
+  onExport: r,
+  onClear: n,
+  onImageUpload: s,
+  showButtons: l = !1,
+  hasUnsavedChanges: a,
+  pendingImagesCount: i = 0
+}) => {
+  const [d, u] = ge([]), [v, A] = ge("p"), z = () => {
+    const g = [];
+    let p = "p";
+    document.queryCommandState("bold") && g.push("bold"), document.queryCommandState("italic") && g.push("italic"), document.queryCommandState("underline") && g.push("underline"), document.queryCommandState("strikeThrough") && g.push("strikeThrough"), document.queryCommandState("insertUnorderedList") && g.push("insertUnorderedList"), document.queryCommandState("insertOrderedList") && g.push("insertOrderedList"), document.queryCommandState("justifyLeft") && g.push("justifyLeft"), document.queryCommandState("justifyCenter") && g.push("justifyCenter"), document.queryCommandState("justifyRight") && g.push("justifyRight");
+    const q = window.getSelection();
+    if (q && q.rangeCount > 0) {
+      let M = q.getRangeAt(0).commonAncestorContainer;
+      for (; M && M.nodeType === Node.ELEMENT_NODE; ) {
+        const $ = M, L = $.tagName.toLowerCase();
+        if (["h1", "h2", "p", "div"].includes(L)) {
+          L === "h1" || L === "h2" ? (p = L, g.push(`formatBlock:${L}`)) : (L === "p" || L === "div" && !p) && (p = "p");
+          break;
+        }
+        M = $.parentNode;
+      }
+    }
+    A(p), u(g);
+  };
+  ee(() => {
+    const g = () => {
+      z();
+    }, p = () => {
+      setTimeout(z, 10);
+    };
+    return document.addEventListener("selectionchange", g), document.addEventListener("click", p), document.addEventListener("keyup", p), () => {
+      document.removeEventListener("selectionchange", g), document.removeEventListener("click", p), document.removeEventListener("keyup", p);
+    };
+  }, []);
+  const I = () => {
+    const g = prompt("Enter URL:");
+    g && e("createLink", g);
+  }, E = [
+    {
+      id: "bold",
+      command: "bold",
+      icon: /* @__PURE__ */ h.jsx(Rt, { size: 18 }),
+      title: "Bold"
+    },
+    {
+      id: "italic",
+      command: "italic",
+      icon: /* @__PURE__ */ h.jsx(Ct, { size: 18 }),
+      title: "Italic"
+    },
+    {
+      id: "underline",
+      command: "underline",
+      icon: /* @__PURE__ */ h.jsx(Et, { size: 18 }),
+      title: "Underline"
+    },
+    {
+      id: "strikeThrough",
+      command: "strikeThrough",
+      icon: /* @__PURE__ */ h.jsx(_t, { size: 18 }),
+      title: "Strikethrough"
+    },
+    { id: "separator-1", separator: !0 },
+    {
+      id: "unordered-list",
+      command: "insertUnorderedList",
+      icon: /* @__PURE__ */ h.jsx(At, { size: 18 }),
+      title: "Bullet List"
+    },
+    {
+      id: "ordered-list",
+      command: "insertOrderedList",
+      icon: /* @__PURE__ */ h.jsx(Ot, { size: 18 }),
+      title: "Numbered List"
+    },
+    { id: "separator-2", separator: !0 },
+    {
+      id: "heading-1",
+      command: "formatBlock",
+      value: "h1",
+      icon: /* @__PURE__ */ h.jsx(It, { size: 18 }),
+      title: "Heading 1",
+      isActive: v === "h1"
+    },
+    {
+      id: "heading-2",
+      command: "formatBlock",
+      value: "h2",
+      icon: /* @__PURE__ */ h.jsx(Nt, { size: 18 }),
+      title: "Heading 2",
+      isActive: v === "h2"
+    },
+    {
+      id: "paragraph",
+      command: "formatBlock",
+      value: "p",
+      icon: /* @__PURE__ */ h.jsx(zt, { size: 18 }),
+      title: "Paragraph",
+      isActive: v === "p"
+    },
+    { id: "separator-3", separator: !0 },
+    {
+      id: "align-left",
+      command: "justifyLeft",
+      icon: /* @__PURE__ */ h.jsx(Lt, { size: 18 }),
+      title: "Align Left"
+    },
+    {
+      id: "align-center",
+      command: "justifyCenter",
+      icon: /* @__PURE__ */ h.jsx(Pt, { size: 18 }),
+      title: "Center"
+    },
+    {
+      id: "align-right",
+      command: "justifyRight",
+      icon: /* @__PURE__ */ h.jsx(Mt, { size: 18 }),
+      title: "Align Right"
+    },
+    { id: "separator-4", separator: !0 },
+    {
+      id: "link",
+      command: "createLink",
+      icon: /* @__PURE__ */ h.jsx(qt, { size: 18 }),
+      title: "Insert Link",
+      onClick: I
+    },
+    {
+      id: "image",
+      command: "insertImage",
+      icon: i > 0 ? /* @__PURE__ */ h.jsxs("div", { className: "relative", children: [
+        /* @__PURE__ */ h.jsx(ze, { size: 18 }),
+        /* @__PURE__ */ h.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: i })
+      ] }) : /* @__PURE__ */ h.jsx(ze, { size: 18 }),
+      title: "Insert Image",
+      onClick: s
+    }
+  ];
+  return /* @__PURE__ */ h.jsxs("div", { className: "flex flex-wrap justify-between items-center p-3 bg-gray-50 border-b border-gray-200", children: [
+    /* @__PURE__ */ h.jsx("div", { className: "flex flex-wrap items-center gap-1", children: E.map((g) => {
+      if ("separator" in g)
+        return /* @__PURE__ */ h.jsx("div", { className: "w-px h-6 bg-gray-300 mx-2" }, g.id);
+      const p = g.isActive !== void 0 ? g.isActive : d.includes(g.command);
+      return /* @__PURE__ */ h.jsx(
+        "button",
+        {
+          onClick: () => g.onClick ? g.onClick() : e(g.command, g.value),
+          title: g.title,
+          type: "button",
+          className: `w-9 h-9 flex items-center justify-center rounded-md border transition-colors duration-200 ${p ? "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: g.icon
+        },
+        g.id
+      );
+    }) }),
+    l && /* @__PURE__ */ h.jsxs("div", { className: "flex items-center gap-2 mt-2 sm:mt-0", children: [
+      /* @__PURE__ */ h.jsxs(
+        "button",
+        {
+          onClick: t,
+          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__ */ h.jsx(st, { size: 16 }),
+            /* @__PURE__ */ h.jsx("span", { children: "Save" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ h.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__ */ h.jsx(jt, { size: 16 }),
+            /* @__PURE__ */ h.jsx("span", { children: "Export" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ h.jsxs(
+        "button",
+        {
+          onClick: n,
+          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__ */ h.jsx(St, { size: 16 }),
+            /* @__PURE__ */ h.jsx("span", { children: "Clear" })
+          ]
+        }
+      )
+    ] })
+  ] });
+}, Vt = ({
+  wordCount: e,
+  characterCount: t,
+  hasUnsavedChanges: r,
+  pendingImagesCount: n = 0
+}) => /* @__PURE__ */ h.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__ */ h.jsxs("div", { className: "flex items-center gap-6", children: [
+    /* @__PURE__ */ h.jsxs("div", { children: [
+      "Words: ",
+      /* @__PURE__ */ h.jsx("strong", { className: "text-gray-800", children: e })
+    ] }),
+    /* @__PURE__ */ h.jsxs("div", { children: [
+      "Characters: ",
+      /* @__PURE__ */ h.jsx("strong", { className: "text-gray-800", children: t })
+    ] }),
+    n > 0 && /* @__PURE__ */ h.jsxs("div", { className: "flex items-center gap-1", children: [
+      /* @__PURE__ */ h.jsx(ze, { size: 14, className: "text-blue-600" }),
+      /* @__PURE__ */ h.jsxs("span", { className: "text-blue-600", children: [
+        n,
+        " image",
+        n !== 1 ? "s" : ""
+      ] })
+    ] })
+  ] }),
+  /* @__PURE__ */ h.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ h.jsxs("div", { className: `flex items-center gap-1 ${r ? "text-orange-600" : "text-green-600"}`, children: [
+    r && /* @__PURE__ */ h.jsx(st, { size: 14, className: "animate-pulse" }),
+    /* @__PURE__ */ h.jsx("strong", { children: r ? "Unsaved Changes" : "Saved" })
+  ] }) })
+] }), Bt = ({
+  initialContent: e = "",
+  onImageUpload: t,
+  imageUploadEndpoint: r,
+  allowedImageTypes: n,
+  maxImageSize: s
+}) => {
+  const [l, a] = ge({
+    content: e,
+    title: "Untitled Document",
+    wordCount: e.trim() ? e.trim().split(/\s+/).length : 0,
+    characterCount: e.length,
+    hasUnsavedChanges: !1,
+    pendingImages: []
+  }), i = te(null), d = te(/* @__PURE__ */ new Map()), u = te(e);
+  ee(() => {
+    e !== u.current && (i.current && (i.current.innerHTML = e), a((b) => ({
+      ...b,
+      content: e,
+      wordCount: e.trim() ? e.trim().split(/\s+/).length : 0,
+      characterCount: e.length,
+      hasUnsavedChanges: !1
+    })), u.current = e);
+  }, [e]), ee(() => {
+    i.current && !i.current.innerHTML && e && (i.current.innerHTML = e);
+  }, [e]);
+  const v = W((b) => {
+    const k = b.trim() ? b.trim().split(/\s+/).length : 0, j = b.length;
+    a((c) => ({
+      ...c,
+      content: b,
+      wordCount: k,
+      characterCount: j,
+      hasUnsavedChanges: !0
+    })), u.current = b;
+  }, []), A = W((b) => {
+    a((k) => ({
+      ...k,
+      title: b,
+      hasUnsavedChanges: !0
+    }));
+  }, []), z = W((b, k) => {
+    i.current && (i.current.focus(), document.execCommand(b, !1, k), v(i.current.innerHTML));
+  }, [v]), I = (b) => n.includes(b.type) ? b.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: ${n.join(", ")}`
+  }, E = W(async (b, k = !0) => {
+    const j = I(b);
+    if (!j.valid) {
+      alert(j.error);
+      return;
+    }
+    if (!i.current) return;
+    const c = `image-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, _ = new FileReader();
+    _.onload = (O) => {
+      const F = O.target?.result;
+      d.current.set(c, {
+        originalUrl: F,
+        fileName: b.name,
+        size: b.size,
+        type: b.type
+      });
+      const P = document.createElement("img");
+      if (P.src = F, P.alt = b.name, P.className = "image-uploading", P.setAttribute("data-image-id", c), P.setAttribute("data-file-name", b.name), k && window.getSelection) {
+        const R = window.getSelection();
+        if (R && R.rangeCount > 0) {
+          const N = R.getRangeAt(0);
+          N.deleteContents(), N.insertNode(P), N.setStartAfter(P), N.collapse(!0), R.removeAllRanges(), R.addRange(N);
+        } else
+          i.current.appendChild(P);
+      } else
+        i.current.appendChild(P);
+      v(i.current.innerHTML), (t || r) && a((R) => ({
+        ...R,
+        pendingImages: [
+          ...R.pendingImages,
+          {
+            id: c,
+            file: b,
+            placeholderUrl: F,
+            status: "pending"
+          }
+        ]
+      }));
+    }, _.readAsDataURL(b);
+  }, [t, r, v, n, s]), g = W(async () => {
+    if (!t && !r)
+      return;
+    const b = l.pendingImages.filter((k) => k.status === "pending");
+    if (b.length !== 0) {
+      for (const k of b)
+        try {
+          a((_) => ({
+            ..._,
+            pendingImages: _.pendingImages.map(
+              (O) => O.id === k.id ? { ...O, status: "uploading" } : O
+            )
+          }));
+          let j;
+          if (t)
+            j = await t(k.file);
+          else if (r) {
+            const _ = new FormData();
+            _.append("image", k.file);
+            const O = await fetch(r, {
+              method: "POST",
+              body: _
+            });
+            if (!O.ok)
+              throw new Error(`Upload failed: ${O.statusText}`);
+            const F = await O.json();
+            j = F.url || F.imageUrl || F.data;
+          } else
+            throw new Error("No upload method provided");
+          const c = i.current?.querySelector(`img[data-image-id="${k.id}"]`);
+          if (c) {
+            c.src = j, c.classList.remove("image-uploading"), c.classList.add("image-uploaded");
+            const _ = d.current.get(k.id);
+            _ && d.current.set(k.id, {
+              ..._,
+              uploadedUrl: j
+            });
+          }
+          a((_) => ({
+            ..._,
+            pendingImages: _.pendingImages.map(
+              (O) => O.id === k.id ? { ...O, status: "uploaded" } : O
+            )
+          }));
+        } catch (j) {
+          console.error("Image upload failed:", j);
+          const c = i.current?.querySelector(`img[data-image-id="${k.id}"]`);
+          c && (c.classList.remove("image-uploading"), c.classList.add("image-failed")), a((_) => ({
+            ..._,
+            pendingImages: _.pendingImages.map(
+              (O) => O.id === k.id ? { ...O, status: "failed" } : O
+            )
+          }));
+        }
+      i.current && v(i.current.innerHTML);
+    }
+  }, [l.pendingImages, t, r, v]), p = W((b) => {
+    const k = b.clipboardData.items;
+    for (const j of k)
+      if (j.type.indexOf("image") !== -1) {
+        b.preventDefault();
+        const c = j.getAsFile();
+        c && E(c);
+        break;
+      }
+    setTimeout(() => {
+      i.current && v(i.current.innerHTML);
+    }, 0);
+  }, [E, v]), q = W((b) => {
+    b.preventDefault();
+    const k = b.dataTransfer.files;
+    for (const j of k)
+      j.type.startsWith("image/") && E(j, !1);
+  }, [E]), M = W(() => {
+    try {
+      const b = i.current?.innerHTML || l.content;
+      return { success: !0, data: {
+        title: l.title,
+        content: b,
+        metadata: {
+          createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+          updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+          wordCount: l.wordCount,
+          characterCount: l.characterCount
+        }
+      } };
+    } catch (b) {
+      return { success: !1, error: b instanceof Error ? b.message : "Validation failed" };
+    }
+  }, [l]), $ = W(
+    (b = { includeStyles: !0, includeMeta: !0 }) => {
+      const k = M();
+      if (!k.success)
+        throw new Error(k.error);
+      const { data: j } = k;
+      let c = `<!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 b.includeStyles && (c += `
+  <style>
+    body { 
+      font-family: system-ui, -apple-system, sans-serif; 
+      line-height: 1.6; 
+      margin: 40px; 
+      max-width: 800px; 
+      background: #f8fafc;
+    }
+    .editor-content { 
+      border: 1px solid #e2e8f0; 
+      padding: 24px; 
+      border-radius: 12px; 
+      background: white;
+      box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);
+    }
+    .readonly-content {
+      background: #f9f9f9;
+      cursor: default;
+      user-select: text;
+    }
+    img { 
+      max-width: 100%; 
+      height: auto; 
+      border-radius: 8px; 
+      box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+      margin: 16px 0;
+    }
+  </style>`), c += `
+</head>
+<body>`, b.includeMeta && j && (c += `
+  <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>
+    <hr>
+  </div>`), c += `
+  <div class="${b.includeStyles ? "readonly-content" : ""}">
+    ${j?.content || ""}
+  </div>
+</body>
+</html>`, c;
+    },
+    [M]
+  ), L = W(() => {
+    a({
+      content: "",
+      title: "Untitled Document",
+      wordCount: 0,
+      characterCount: 0,
+      hasUnsavedChanges: !1,
+      pendingImages: []
+    }), d.current.clear(), i.current && (i.current.innerHTML = ""), u.current = "";
+  }, []);
+  return {
+    editorState: l,
+    editorRef: i,
+    updateContent: v,
+    updateTitle: A,
+    executeCommand: z,
+    getValidationResult: M,
+    exportToHTML: $,
+    clearEditor: L,
+    handlePaste: p,
+    handleDrop: q,
+    insertImage: E,
+    uploadPendingImages: g
+  };
+}, Yt = (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;
+}, Ht = (e, t) => ({
+  classGroupId: e,
+  validator: t
+}), at = (e = /* @__PURE__ */ new Map(), t = null, r) => ({
+  nextPart: e,
+  validators: t,
+  classGroupId: r
+}), be = "-", Ge = [], Jt = "arbitrary..", Xt = (e) => {
+  const t = Qt(e), {
+    conflictingClassGroups: r,
+    conflictingClassGroupModifiers: n
   } = e;
   return {
-    getClassGroupId: (p) => {
-      const w = p.split(we);
-      return w[0] === "" && w.length !== 1 && w.shift(), Ae(w, l) || Ue(p);
+    getClassGroupId: (a) => {
+      if (a.startsWith("[") && a.endsWith("]"))
+        return Zt(a);
+      const i = a.split(be), d = i[0] === "" && i.length > 1 ? 1 : 0;
+      return it(i, d, t);
     },
-    getConflictingClassGroupIds: (p, w) => {
-      const g = a[p] || [];
-      return w && t[p] ? [...g, ...t[p]] : g;
+    getConflictingClassGroupIds: (a, i) => {
+      if (i) {
+        const d = n[a], u = r[a];
+        return d ? u ? Yt(u, d) : d : u || Ge;
+      }
+      return r[a] || Ge;
     }
   };
-}, Ae = (e, l) => {
-  if (e.length === 0)
-    return l.classGroupId;
-  const a = e[0], t = l.nextPart.get(a), o = t ? Ae(e.slice(1), t) : void 0;
-  if (o)
-    return o;
-  if (l.validators.length === 0)
+}, it = (e, t, r) => {
+  if (e.length - t === 0)
+    return r.classGroupId;
+  const s = e[t], l = r.nextPart.get(s);
+  if (l) {
+    const u = it(e, t + 1, l);
+    if (u) return u;
+  }
+  const a = r.validators;
+  if (a === null)
     return;
-  const b = e.join(we);
-  return l.validators.find(({
-    validator: p
-  }) => p(b))?.classGroupId;
-}, Ee = /^\[(.+)\]$/, Ue = (e) => {
-  if (Ee.test(e)) {
-    const l = Ee.exec(e)[1], a = l?.substring(0, l.indexOf(":"));
-    if (a)
-      return "arbitrary.." + a;
+  const i = t === 0 ? e.join(be) : e.slice(t).join(be), d = a.length;
+  for (let u = 0; u < d; u++) {
+    const v = a[u];
+    if (v.validator(i))
+      return v.classGroupId;
   }
-}, Ye = (e) => {
+}, Zt = (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 ? Jt + n : void 0;
+})(), Qt = (e) => {
   const {
-    theme: l,
-    classGroups: a
-  } = e, t = {
-    nextPart: /* @__PURE__ */ new Map(),
-    validators: []
-  };
-  for (const o in a)
-    xe(a[o], t, o, l);
-  return t;
-}, xe = (e, l, a, t) => {
-  e.forEach((o) => {
-    if (typeof o == "string") {
-      const b = o === "" ? l : Fe(l, o);
-      b.classGroupId = a;
-      return;
-    }
-    if (typeof o == "function") {
-      if (Ze(o)) {
-        xe(o(t), l, a, t);
-        return;
-      }
-      l.validators.push({
-        validator: o,
-        classGroupId: a
-      });
-      return;
-    }
-    Object.entries(o).forEach(([b, p]) => {
-      xe(p, Fe(l, b), a, t);
-    });
-  });
-}, Fe = (e, l) => {
-  let a = e;
-  return l.split(we).forEach((t) => {
-    a.nextPart.has(t) || a.nextPart.set(t, {
-      nextPart: /* @__PURE__ */ new Map(),
-      validators: []
-    }), a = a.nextPart.get(t);
-  }), a;
-}, Ze = (e) => e.isThemeGetter, Je = (e) => {
+    theme: t,
+    classGroups: r
+  } = e;
+  return Kt(r, t);
+}, Kt = (e, t) => {
+  const r = at();
+  for (const n in e) {
+    const s = e[n];
+    Pe(s, r, n, t);
+  }
+  return r;
+}, Pe = (e, t, r, n) => {
+  const s = e.length;
+  for (let l = 0; l < s; l++) {
+    const a = e[l];
+    er(a, t, r, n);
+  }
+}, er = (e, t, r, n) => {
+  if (typeof e == "string") {
+    tr(e, t, r);
+    return;
+  }
+  if (typeof e == "function") {
+    rr(e, t, r, n);
+    return;
+  }
+  nr(e, t, r, n);
+}, tr = (e, t, r) => {
+  const n = e === "" ? t : lt(t, e);
+  n.classGroupId = r;
+}, rr = (e, t, r, n) => {
+  if (or(e)) {
+    Pe(e(n), t, r, n);
+    return;
+  }
+  t.validators === null && (t.validators = []), t.validators.push(Ht(r, e));
+}, nr = (e, t, r, n) => {
+  const s = Object.entries(e), l = s.length;
+  for (let a = 0; a < l; a++) {
+    const [i, d] = s[a];
+    Pe(d, lt(t, i), r, n);
+  }
+}, lt = (e, t) => {
+  let r = e;
+  const n = t.split(be), s = n.length;
+  for (let l = 0; l < s; l++) {
+    const a = n[l];
+    let i = r.nextPart.get(a);
+    i || (i = at(), r.nextPart.set(a, i)), r = i;
+  }
+  return r;
+}, or = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, sr = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -359,178 +864,178 @@ const we = "-", We = (e) => {
       set: () => {
       }
     };
-  let l = 0, a = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map();
-  const o = (b, p) => {
-    a.set(b, p), l++, l > e && (l = 0, t = a, a = /* @__PURE__ */ new Map());
+  let t = 0, r = /* @__PURE__ */ Object.create(null), n = /* @__PURE__ */ Object.create(null);
+  const s = (l, a) => {
+    r[l] = a, t++, t > e && (t = 0, n = r, r = /* @__PURE__ */ Object.create(null));
   };
   return {
-    get(b) {
-      let p = a.get(b);
-      if (p !== void 0)
-        return p;
-      if ((p = t.get(b)) !== void 0)
-        return o(b, p), p;
+    get(l) {
+      let a = r[l];
+      if (a !== void 0)
+        return a;
+      if ((a = n[l]) !== void 0)
+        return s(l, a), a;
     },
-    set(b, p) {
-      a.has(b) ? a.set(b, p) : o(b, p);
+    set(l, a) {
+      l in r ? r[l] = a : s(l, a);
     }
   };
-}, ye = "!", ke = ":", Xe = ke.length, Qe = (e) => {
+}, Le = "!", $e = ":", ar = [], De = (e, t, r, n, s) => ({
+  modifiers: e,
+  hasImportantModifier: t,
+  baseClassName: r,
+  maybePostfixModifierPosition: n,
+  isExternal: s
+}), ir = (e) => {
   const {
-    prefix: l,
-    experimentalParseClassName: a
+    prefix: t,
+    experimentalParseClassName: r
   } = e;
-  let t = (o) => {
-    const b = [];
-    let p = 0, w = 0, g = 0, x;
-    for (let _ = 0; _ < o.length; _++) {
-      let F = o[_];
-      if (p === 0 && w === 0) {
-        if (F === ke) {
-          b.push(o.slice(g, _)), g = _ + Xe;
+  let n = (s) => {
+    const l = [];
+    let a = 0, i = 0, d = 0, u;
+    const v = s.length;
+    for (let g = 0; g < v; g++) {
+      const p = s[g];
+      if (a === 0 && i === 0) {
+        if (p === $e) {
+          l.push(s.slice(d, g)), d = g + 1;
           continue;
         }
-        if (F === "/") {
-          x = _;
+        if (p === "/") {
+          u = g;
           continue;
         }
       }
-      F === "[" ? p++ : F === "]" ? p-- : F === "(" ? w++ : F === ")" && w--;
+      p === "[" ? a++ : p === "]" ? a-- : p === "(" ? i++ : p === ")" && i--;
     }
-    const C = b.length === 0 ? o : o.substring(g), S = Ke(C), D = S !== C, N = x && x > g ? x - g : void 0;
-    return {
-      modifiers: b,
-      hasImportantModifier: D,
-      baseClassName: S,
-      maybePostfixModifierPosition: N
-    };
+    const A = l.length === 0 ? s : s.slice(d);
+    let z = A, I = !1;
+    A.endsWith(Le) ? (z = A.slice(0, -1), I = !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
+       */
+      A.startsWith(Le) && (z = A.slice(1), I = !0)
+    );
+    const E = u && u > d ? u - d : void 0;
+    return De(l, I, z, E);
   };
-  if (l) {
-    const o = l + ke, b = t;
-    t = (p) => p.startsWith(o) ? b(p.substring(o.length)) : {
-      isExternal: !0,
-      modifiers: [],
-      hasImportantModifier: !1,
-      baseClassName: p,
-      maybePostfixModifierPosition: void 0
-    };
+  if (t) {
+    const s = t + $e, l = n;
+    n = (a) => a.startsWith(s) ? l(a.slice(s.length)) : De(ar, !1, a, void 0, !0);
   }
-  if (a) {
-    const o = t;
-    t = (b) => a({
-      className: b,
-      parseClassName: o
+  if (r) {
+    const s = n;
+    n = (l) => r({
+      className: l,
+      parseClassName: s
     });
   }
-  return t;
-}, Ke = (e) => e.endsWith(ye) ? e.substring(0, e.length - 1) : e.startsWith(ye) ? e.substring(1) : e, er = (e) => {
-  const l = Object.fromEntries(e.orderSensitiveModifiers.map((t) => [t, !0]));
-  return (t) => {
-    if (t.length <= 1)
-      return t;
-    const o = [];
-    let b = [];
-    return t.forEach((p) => {
-      p[0] === "[" || l[p] ? (o.push(...b.sort(), p), b = []) : b.push(p);
-    }), o.push(...b.sort()), o;
+  return n;
+}, lr = (e) => {
+  const t = /* @__PURE__ */ new Map();
+  return e.orderSensitiveModifiers.forEach((r, n) => {
+    t.set(r, 1e6 + n);
+  }), (r) => {
+    const n = [];
+    let s = [];
+    for (let l = 0; l < r.length; l++) {
+      const a = r[l], i = a[0] === "[", d = t.has(a);
+      i || d ? (s.length > 0 && (s.sort(), n.push(...s), s = []), n.push(a)) : s.push(a);
+    }
+    return s.length > 0 && (s.sort(), n.push(...s)), n;
   };
-}, rr = (e) => ({
-  cache: Je(e.cacheSize),
-  parseClassName: Qe(e),
-  sortModifiers: er(e),
-  ...We(e)
-}), tr = /\s+/, or = (e, l) => {
+}, cr = (e) => ({
+  cache: sr(e.cacheSize),
+  parseClassName: ir(e),
+  sortModifiers: lr(e),
+  ...Xt(e)
+}), dr = /\s+/, ur = (e, t) => {
   const {
-    parseClassName: a,
-    getClassGroupId: t,
-    getConflictingClassGroupIds: o,
-    sortModifiers: b
-  } = l, p = [], w = e.trim().split(tr);
-  let g = "";
-  for (let x = w.length - 1; x >= 0; x -= 1) {
-    const C = w[x], {
-      isExternal: S,
-      modifiers: D,
-      hasImportantModifier: N,
-      baseClassName: _,
-      maybePostfixModifierPosition: F
-    } = a(C);
-    if (S) {
-      g = C + (g.length > 0 ? " " + g : g);
+    parseClassName: r,
+    getClassGroupId: n,
+    getConflictingClassGroupIds: s,
+    sortModifiers: l
+  } = t, a = [], i = e.trim().split(dr);
+  let d = "";
+  for (let u = i.length - 1; u >= 0; u -= 1) {
+    const v = i[u], {
+      isExternal: A,
+      modifiers: z,
+      hasImportantModifier: I,
+      baseClassName: E,
+      maybePostfixModifierPosition: g
+    } = r(v);
+    if (A) {
+      d = v + (d.length > 0 ? " " + d : d);
       continue;
     }
-    let L = !!F, I = t(L ? _.substring(0, F) : _);
-    if (!I) {
-      if (!L) {
-        g = C + (g.length > 0 ? " " + g : g);
+    let p = !!g, q = n(p ? E.substring(0, g) : E);
+    if (!q) {
+      if (!p) {
+        d = v + (d.length > 0 ? " " + d : d);
         continue;
       }
-      if (I = t(_), !I) {
-        g = C + (g.length > 0 ? " " + g : g);
+      if (q = n(E), !q) {
+        d = v + (d.length > 0 ? " " + d : d);
         continue;
       }
-      L = !1;
+      p = !1;
     }
-    const $ = b(D).join(":"), U = N ? $ + ye : $, R = U + I;
-    if (p.includes(R))
+    const M = z.length === 0 ? "" : z.length === 1 ? z[0] : l(z).join(":"), $ = I ? M + Le : M, L = $ + q;
+    if (a.indexOf(L) > -1)
       continue;
-    p.push(R);
-    const O = o(I, L);
-    for (let T = 0; T < O.length; ++T) {
-      const A = O[T];
-      p.push(U + A);
+    a.push(L);
+    const b = s(q, p);
+    for (let k = 0; k < b.length; ++k) {
+      const j = b[k];
+      a.push($ + j);
     }
-    g = C + (g.length > 0 ? " " + g : g);
+    d = v + (d.length > 0 ? " " + d : d);
   }
-  return g;
-};
-function sr() {
-  let e = 0, l, a, t = "";
-  for (; e < arguments.length; )
-    (l = arguments[e++]) && (a = Se(l)) && (t && (t += " "), t += a);
-  return t;
-}
-const Se = (e) => {
+  return d;
+}, mr = (...e) => {
+  let t = 0, r, n, s = "";
+  for (; t < e.length; )
+    (r = e[t++]) && (n = ct(r)) && (s && (s += " "), s += n);
+  return s;
+}, ct = (e) => {
   if (typeof e == "string")
     return e;
-  let l, a = "";
-  for (let t = 0; t < e.length; t++)
-    e[t] && (l = Se(e[t])) && (a && (a += " "), a += l);
-  return a;
-};
-function nr(e, ...l) {
-  let a, t, o, b = p;
-  function p(g) {
-    const x = l.reduce((C, S) => S(C), e());
-    return a = rr(x), t = a.cache.get, o = a.cache.set, b = w, w(g);
-  }
-  function w(g) {
-    const x = t(g);
-    if (x)
-      return x;
-    const C = or(g, a);
-    return o(g, C), C;
-  }
-  return function() {
-    return b(sr.apply(null, arguments));
+  let t, r = "";
+  for (let n = 0; n < e.length; n++)
+    e[n] && (t = ct(e[n])) && (r && (r += " "), r += t);
+  return r;
+}, fr = (e, ...t) => {
+  let r, n, s, l;
+  const a = (d) => {
+    const u = t.reduce((v, A) => A(v), e());
+    return r = cr(u), n = r.cache.get, s = r.cache.set, l = i, i(d);
+  }, i = (d) => {
+    const u = n(d);
+    if (u)
+      return u;
+    const v = ur(d, r);
+    return s(d, v), v;
   };
-}
-const j = (e) => {
-  const l = (a) => a[e] || [];
-  return l.isThemeGetter = !0, l;
-}, ze = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Me = /^\((?:(\w[\w-]*):)?(.+)\)$/i, ar = /^\d+\/\d+$/, lr = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, ir = /\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$/, cr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, dr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ur = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, se = (e) => ar.test(e), y = (e) => !!e && !Number.isNaN(Number(e)), J = (e) => !!e && Number.isInteger(Number(e)), he = (e) => e.endsWith("%") && y(e.slice(0, -1)), Z = (e) => lr.test(e), mr = () => !0, fr = (e) => (
+  return l = a, (...d) => l(mr(...d));
+}, pr = [], G = (e) => {
+  const t = (r) => r[e] || pr;
+  return t.isThemeGetter = !0, t;
+}, dt = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, ut = /^\((?:(\w[\w-]*):)?(.+)\)$/i, gr = /^\d+\/\d+$/, br = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, hr = /\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$/, xr = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, vr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, yr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, oe = (e) => gr.test(e), T = (e) => !!e && !Number.isNaN(Number(e)), X = (e) => !!e && Number.isInteger(Number(e)), xe = (e) => e.endsWith("%") && T(e.slice(0, -1)), H = (e) => br.test(e), wr = () => !0, kr = (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.
-  ir.test(e) && !cr.test(e)
-), Ne = () => !1, pr = (e) => dr.test(e), br = (e) => ur.test(e), hr = (e) => !i(e) && !c(e), gr = (e) => ne(e, Ie, Ne), i = (e) => ze.test(e), oe = (e) => ne(e, He, fr), ge = (e) => ne(e, vr, y), Te = (e) => ne(e, Pe, Ne), xr = (e) => ne(e, Le, br), me = (e) => ne(e, Be, pr), c = (e) => Me.test(e), de = (e) => ae(e, He), yr = (e) => ae(e, Cr), Re = (e) => ae(e, Pe), kr = (e) => ae(e, Ie), wr = (e) => ae(e, Le), fe = (e) => ae(e, Be, !0), ne = (e, l, a) => {
-  const t = ze.exec(e);
-  return t ? t[1] ? l(t[1]) : a(t[2]) : !1;
-}, ae = (e, l, a = !1) => {
-  const t = Me.exec(e);
-  return t ? t[1] ? l(t[1]) : a : !1;
-}, Pe = (e) => e === "position" || e === "percentage", Le = (e) => e === "image" || e === "url", Ie = (e) => e === "length" || e === "size" || e === "bg-size", He = (e) => e === "length", vr = (e) => e === "number", Cr = (e) => e === "family-name", Be = (e) => e === "shadow", jr = () => {
-  const e = j("color"), l = j("font"), a = j("text"), t = j("font-weight"), o = j("tracking"), b = j("leading"), p = j("breakpoint"), w = j("container"), g = j("spacing"), x = j("radius"), C = j("shadow"), S = j("inset-shadow"), D = j("text-shadow"), N = j("drop-shadow"), _ = j("blur"), F = j("perspective"), L = j("aspect"), I = j("ease"), $ = j("animate"), U = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], R = () => [
+  hr.test(e) && !xr.test(e)
+), mt = () => !1, Tr = (e) => vr.test(e), jr = (e) => yr.test(e), Sr = (e) => !m(e) && !f(e), Rr = (e) => se(e, gt, mt), m = (e) => dt.test(e), K = (e) => se(e, bt, kr), ve = (e) => se(e, Or, T), Ue = (e) => se(e, ft, mt), Cr = (e) => se(e, pt, jr), fe = (e) => se(e, ht, Tr), f = (e) => ut.test(e), ce = (e) => ae(e, bt), Er = (e) => ae(e, Ir), We = (e) => ae(e, ft), _r = (e) => ae(e, gt), Ar = (e) => ae(e, pt), pe = (e) => ae(e, ht, !0), se = (e, t, r) => {
+  const n = dt.exec(e);
+  return n ? n[1] ? t(n[1]) : r(n[2]) : !1;
+}, ae = (e, t, r = !1) => {
+  const n = ut.exec(e);
+  return n ? n[1] ? t(n[1]) : r : !1;
+}, ft = (e) => e === "position" || e === "percentage", pt = (e) => e === "image" || e === "url", gt = (e) => e === "length" || e === "size" || e === "bg-size", bt = (e) => e === "length", Or = (e) => e === "number", Ir = (e) => e === "family-name", ht = (e) => e === "shadow", Nr = () => {
+  const e = G("color"), t = G("font"), r = G("text"), n = G("font-weight"), s = G("tracking"), l = G("leading"), a = G("breakpoint"), i = G("container"), d = G("spacing"), u = G("radius"), v = G("shadow"), A = G("inset-shadow"), z = G("text-shadow"), I = G("drop-shadow"), E = G("blur"), g = G("perspective"), p = G("aspect"), q = G("ease"), M = G("animate"), $ = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], L = () => [
     "center",
     "top",
     "bottom",
@@ -548,51 +1053,51 @@ const j = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], O = () => [...R(), c, i], T = () => ["auto", "hidden", "clip", "visible", "scroll"], A = () => ["auto", "contain", "none"], m = () => [c, i, g], z = () => [se, "full", "auto", ...m()], X = () => [J, "none", "subgrid", c, i], Q = () => ["auto", {
-    span: ["full", J, c, i]
-  }, J, c, i], V = () => [J, "auto", c, i], K = () => ["auto", "min", "max", "fr", c, i], v = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], H = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], P = () => ["auto", ...m()], B = () => [se, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...m()], f = () => [e, c, i], ee = () => [...R(), Re, Te, {
-    position: [c, i]
-  }], re = () => ["no-repeat", {
+  ], b = () => [...L(), f, m], k = () => ["auto", "hidden", "clip", "visible", "scroll"], j = () => ["auto", "contain", "none"], c = () => [f, m, d], _ = () => [oe, "full", "auto", ...c()], O = () => [X, "none", "subgrid", f, m], F = () => ["auto", {
+    span: ["full", X, f, m]
+  }, X, f, m], P = () => [X, "auto", f, m], R = () => ["auto", "min", "max", "fr", f, m], N = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], D = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], U = () => ["auto", ...c()], V = () => [oe, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...c()], x = () => [e, f, m], Z = () => [...L(), We, Ue, {
+    position: [f, m]
+  }], Q = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], r = () => ["auto", "cover", "contain", kr, gr, {
-    size: [c, i]
-  }], h = () => [he, de, oe], d = () => [
+  }], o = () => ["auto", "cover", "contain", _r, Rr, {
+    size: [f, m]
+  }], y = () => [xe, ce, K], w = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
-    x,
-    c,
-    i
-  ], k = () => ["", y, de, oe], q = () => ["solid", "dashed", "dotted", "double"], u = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], n = () => [y, he, Re, Te], E = () => [
+    u,
+    f,
+    m
+  ], C = () => ["", T, ce, K], B = () => ["solid", "dashed", "dotted", "double"], re = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], S = () => [T, xe, We, Ue], Y = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    _,
-    c,
-    i
-  ], M = () => ["none", y, c, i], W = () => ["none", y, c, i], te = () => [y, c, i], Y = () => [se, "full", ...m()];
+    E,
+    f,
+    m
+  ], J = () => ["none", T, f, m], ne = () => ["none", T, f, m], he = () => [T, f, m], de = () => [oe, "full", ...c()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [Z],
-      breakpoint: [Z],
-      color: [mr],
-      container: [Z],
-      "drop-shadow": [Z],
+      blur: [H],
+      breakpoint: [H],
+      color: [wr],
+      container: [H],
+      "drop-shadow": [H],
       ease: ["in", "out", "in-out"],
-      font: [hr],
+      font: [Sr],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [Z],
+      "inset-shadow": [H],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [Z],
-      shadow: [Z],
-      spacing: ["px", y],
-      text: [Z],
-      "text-shadow": [Z],
+      radius: [H],
+      shadow: [H],
+      spacing: ["px", T],
+      text: [H],
+      "text-shadow": [H],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -604,7 +1109,7 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", se, i, c, L]
+        aspect: ["auto", "square", oe, m, f, p]
       }],
       /**
        * Container
@@ -617,21 +1122,21 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [y, i, c, w]
+        columns: [T, m, f, i]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": U()
+        "break-after": $()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": U()
+        "break-before": $()
       }],
       /**
        * Break Inside
@@ -695,49 +1200,49 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: O()
+        object: b()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: T()
+        overflow: k()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": T()
+        "overflow-x": k()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": T()
+        "overflow-y": k()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: A()
+        overscroll: j()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": A()
+        "overscroll-x": j()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": A()
+        "overscroll-y": j()
       }],
       /**
        * Position
@@ -749,63 +1254,63 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: z()
+        inset: _()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": z()
+        "inset-x": _()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": z()
+        "inset-y": _()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: z()
+        start: _()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: z()
+        end: _()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: z()
+        top: _()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: z()
+        right: _()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: z()
+        bottom: _()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: z()
+        left: _()
       }],
       /**
        * Visibility
@@ -817,7 +1322,7 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [J, "auto", c, i]
+        z: [X, "auto", f, m]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -827,7 +1332,7 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [se, "full", "auto", w, ...m()]
+        basis: [oe, "full", "auto", i, ...c()]
       }],
       /**
        * Flex Direction
@@ -848,84 +1353,84 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [y, se, "auto", "initial", "none", i]
+        flex: [T, oe, "auto", "initial", "none", m]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", y, c, i]
+        grow: ["", T, f, m]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", y, c, i]
+        shrink: ["", T, f, m]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [J, "first", "last", "none", c, i]
+        order: [X, "first", "last", "none", f, m]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": X()
+        "grid-cols": O()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: Q()
+        col: F()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": V()
+        "col-start": P()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": V()
+        "col-end": P()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": X()
+        "grid-rows": O()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: Q()
+        row: F()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": V()
+        "row-start": P()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": V()
+        "row-end": P()
       }],
       /**
        * Grid Auto Flow
@@ -939,70 +1444,70 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": K()
+        "auto-cols": R()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": K()
+        "auto-rows": R()
       }],
       /**
        * Gap
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: m()
+        gap: c()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": m()
+        "gap-x": c()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": m()
+        "gap-y": c()
       }],
       /**
        * Justify Content
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...v(), "normal"]
+        justify: [...N(), "normal"]
       }],
       /**
        * Justify Items
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...H(), "normal"]
+        "justify-items": [...D(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...H()]
+        "justify-self": ["auto", ...D()]
       }],
       /**
        * Align Content
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...v()]
+        content: ["normal", ...N()]
       }],
       /**
        * Align Items
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...H(), {
+        items: [...D(), {
           baseline: ["", "last"]
         }]
       }],
@@ -1011,7 +1516,7 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...H(), {
+        self: ["auto", ...D(), {
           baseline: ["", "last"]
         }]
       }],
@@ -1020,21 +1525,21 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": v()
+        "place-content": N()
       }],
       /**
        * Place Items
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...H(), "baseline"]
+        "place-items": [...D(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...H()]
+        "place-self": ["auto", ...D()]
       }],
       // Spacing
       /**
@@ -1042,133 +1547,133 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: m()
+        p: c()
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: m()
+        px: c()
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: m()
+        py: c()
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: m()
+        ps: c()
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: m()
+        pe: c()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: m()
+        pt: c()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: m()
+        pr: c()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: m()
+        pb: c()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: m()
+        pl: c()
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: P()
+        m: U()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: P()
+        mx: U()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: P()
+        my: U()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: P()
+        ms: U()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: P()
+        me: U()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: P()
+        mt: U()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: P()
+        mr: U()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: P()
+        mb: U()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: P()
+        ml: U()
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": m()
+        "space-x": c()
       }],
       /**
        * Space Between X Reverse
@@ -1180,7 +1685,7 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": m()
+        "space-y": c()
       }],
       /**
        * Space Between Y Reverse
@@ -1195,14 +1700,14 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: B()
+        size: V()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [w, "screen", ...B()]
+        w: [i, "screen", ...V()]
       }],
       /**
        * Min-Width
@@ -1210,11 +1715,11 @@ const j = (e) => {
        */
       "min-w": [{
         "min-w": [
-          w,
+          i,
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...B()
+          ...V()
         ]
       }],
       /**
@@ -1223,16 +1728,16 @@ const j = (e) => {
        */
       "max-w": [{
         "max-w": [
-          w,
+          i,
           "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: [p]
+            screen: [a]
           },
-          ...B()
+          ...V()
         ]
       }],
       /**
@@ -1240,21 +1745,21 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...B()]
+        h: ["screen", "lh", ...V()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...B()]
+        "min-h": ["screen", "lh", "none", ...V()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...B()]
+        "max-h": ["screen", "lh", ...V()]
       }],
       // ------------------
       // --- Typography ---
@@ -1264,7 +1769,7 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", a, de, oe]
+        text: ["base", r, ce, K]
       }],
       /**
        * Font Smoothing
@@ -1281,21 +1786,21 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [t, c, ge]
+        font: [n, f, ve]
       }],
       /**
        * 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", he, i]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", xe, m]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [yr, i, l]
+        font: [Er, m, t]
       }],
       /**
        * Font Variant Numeric
@@ -1332,14 +1837,14 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [o, c, i]
+        tracking: [s, f, m]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [y, "none", c, ge]
+        "line-clamp": [T, "none", f, ve]
       }],
       /**
        * Line Height
@@ -1348,8 +1853,8 @@ const j = (e) => {
       leading: [{
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
-          b,
-          ...m()
+          l,
+          ...c()
         ]
       }],
       /**
@@ -1357,7 +1862,7 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", c, i]
+        "list-image": ["none", f, m]
       }],
       /**
        * List Style Position
@@ -1371,7 +1876,7 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", c, i]
+        list: ["disc", "decimal", "none", f, m]
       }],
       /**
        * Text Alignment
@@ -1386,14 +1891,14 @@ const j = (e) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: f()
+        placeholder: x()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: f()
+        text: x()
       }],
       /**
        * Text Decoration
@@ -1405,28 +1910,28 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...q(), "wavy"]
+        decoration: [...B(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [y, "from-font", "auto", c, oe]
+        decoration: [T, "from-font", "auto", f, K]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: f()
+        decoration: x()
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [y, "auto", c, i]
+        "underline-offset": [T, "auto", f, m]
       }],
       /**
        * Text Transform
@@ -1450,14 +1955,14 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: m()
+        indent: c()
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", c, i]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", f, m]
       }],
       /**
        * Whitespace
@@ -1492,7 +1997,7 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", c, i]
+        content: ["none", f, m]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -1523,21 +2028,21 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: ee()
+        bg: Z()
       }],
       /**
        * Background Repeat
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: re()
+        bg: Q()
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: r()
+        bg: o()
       }],
       /**
        * Background Image
@@ -1547,59 +2052,59 @@ const j = (e) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, J, c, i],
-          radial: ["", c, i],
-          conic: [J, c, i]
-        }, wr, xr]
+          }, X, f, m],
+          radial: ["", f, m],
+          conic: [X, f, m]
+        }, Ar, Cr]
       }],
       /**
        * Background Color
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: f()
+        bg: x()
       }],
       /**
        * Gradient Color Stops From Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: h()
+        from: y()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: h()
+        via: y()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: h()
+        to: y()
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: f()
+        from: x()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: f()
+        via: x()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: f()
+        to: x()
       }],
       // ---------------
       // --- Borders ---
@@ -1609,175 +2114,175 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: d()
+        rounded: w()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": d()
+        "rounded-s": w()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": d()
+        "rounded-e": w()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": d()
+        "rounded-t": w()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": d()
+        "rounded-r": w()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": d()
+        "rounded-b": w()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": d()
+        "rounded-l": w()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": d()
+        "rounded-ss": w()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": d()
+        "rounded-se": w()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": d()
+        "rounded-ee": w()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": d()
+        "rounded-es": w()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": d()
+        "rounded-tl": w()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": d()
+        "rounded-tr": w()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": d()
+        "rounded-br": w()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": d()
+        "rounded-bl": w()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: k()
+        border: C()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": k()
+        "border-x": C()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": k()
+        "border-y": C()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": k()
+        "border-s": C()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": k()
+        "border-e": C()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": k()
+        "border-t": C()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": k()
+        "border-r": C()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": k()
+        "border-b": C()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": k()
+        "border-l": C()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": k()
+        "divide-x": C()
       }],
       /**
        * Divide Width X Reverse
@@ -1789,7 +2294,7 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": k()
+        "divide-y": C()
       }],
       /**
        * Divide Width Y Reverse
@@ -1801,112 +2306,112 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...q(), "hidden", "none"]
+        border: [...B(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...q(), "hidden", "none"]
+        divide: [...B(), "hidden", "none"]
       }],
       /**
        * Border Color
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: f()
+        border: x()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": f()
+        "border-x": x()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": f()
+        "border-y": x()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": f()
+        "border-s": x()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": f()
+        "border-e": x()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": f()
+        "border-t": x()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": f()
+        "border-r": x()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": f()
+        "border-b": x()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": f()
+        "border-l": x()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: f()
+        divide: x()
       }],
       /**
        * Outline Style
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...q(), "none", "hidden"]
+        outline: [...B(), "none", "hidden"]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [y, c, i]
+        "outline-offset": [T, f, m]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", y, de, oe]
+        outline: ["", T, ce, K]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: f()
+        outline: x()
       }],
       // ---------------
       // --- Effects ---
@@ -1920,9 +2425,9 @@ const j = (e) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          C,
-          fe,
-          me
+          v,
+          pe,
+          fe
         ]
       }],
       /**
@@ -1930,28 +2435,28 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: f()
+        shadow: x()
       }],
       /**
        * Inset Box Shadow
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", S, fe, me]
+        "inset-shadow": ["none", A, pe, fe]
       }],
       /**
        * Inset Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": f()
+        "inset-shadow": x()
       }],
       /**
        * Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: k()
+        ring: C()
       }],
       /**
        * Ring Width Inset
@@ -1965,7 +2470,7 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: f()
+        ring: x()
       }],
       /**
        * Ring Offset Width
@@ -1974,7 +2479,7 @@ const j = (e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [y, oe]
+        "ring-offset": [T, K]
       }],
       /**
        * Ring Offset Color
@@ -1983,56 +2488,56 @@ const j = (e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": f()
+        "ring-offset": x()
       }],
       /**
        * Inset Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": k()
+        "inset-ring": C()
       }],
       /**
        * Inset Ring Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": f()
+        "inset-ring": x()
       }],
       /**
        * Text Shadow
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", D, fe, me]
+        "text-shadow": ["none", z, pe, fe]
       }],
       /**
        * Text Shadow Color
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": f()
+        "text-shadow": x()
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [y, c, i]
+        opacity: [T, f, m]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...u(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...re(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": u()
+        "bg-blend": re()
       }],
       /**
        * Mask Clip
@@ -2053,106 +2558,106 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [y]
+        "mask-linear": [T]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": n()
+        "mask-linear-from": S()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": n()
+        "mask-linear-to": S()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": f()
+        "mask-linear-from": x()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": f()
+        "mask-linear-to": x()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": n()
+        "mask-t-from": S()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": n()
+        "mask-t-to": S()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": f()
+        "mask-t-from": x()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": f()
+        "mask-t-to": x()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": n()
+        "mask-r-from": S()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": n()
+        "mask-r-to": S()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": f()
+        "mask-r-from": x()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": f()
+        "mask-r-to": x()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": n()
+        "mask-b-from": S()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": n()
+        "mask-b-to": S()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": f()
+        "mask-b-from": x()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": f()
+        "mask-b-to": x()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": n()
+        "mask-l-from": S()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": n()
+        "mask-l-to": S()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": f()
+        "mask-l-from": x()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": f()
+        "mask-l-to": x()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": n()
+        "mask-x-from": S()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": n()
+        "mask-x-to": S()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": f()
+        "mask-x-from": x()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": f()
+        "mask-x-to": x()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": n()
+        "mask-y-from": S()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": n()
+        "mask-y-to": S()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": f()
+        "mask-y-from": x()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": f()
+        "mask-y-to": x()
       }],
       "mask-image-radial": [{
-        "mask-radial": [c, i]
+        "mask-radial": [f, m]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": n()
+        "mask-radial-from": S()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": n()
+        "mask-radial-to": S()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": f()
+        "mask-radial-from": x()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": f()
+        "mask-radial-to": x()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -2164,22 +2669,22 @@ const j = (e) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": R()
+        "mask-radial-at": L()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [y]
+        "mask-conic": [T]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": n()
+        "mask-conic-from": S()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": n()
+        "mask-conic-to": S()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": f()
+        "mask-conic-from": x()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": f()
+        "mask-conic-to": x()
       }],
       /**
        * Mask Mode
@@ -2200,21 +2705,21 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: ee()
+        mask: Z()
       }],
       /**
        * Mask Repeat
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: re()
+        mask: Q()
       }],
       /**
        * Mask Size
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: r()
+        mask: o()
       }],
       /**
        * Mask Type
@@ -2228,7 +2733,7 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", c, i]
+        mask: ["none", f, m]
       }],
       // ---------------
       // --- Filters ---
@@ -2242,8 +2747,8 @@ const j = (e) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          c,
-          i
+          f,
+          m
         ]
       }],
       /**
@@ -2251,21 +2756,21 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: E()
+        blur: Y()
       }],
       /**
        * Brightness
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [y, c, i]
+        brightness: [T, f, m]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [y, c, i]
+        contrast: [T, f, m]
       }],
       /**
        * Drop Shadow
@@ -2276,9 +2781,9 @@ const j = (e) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          N,
-          fe,
-          me
+          I,
+          pe,
+          fe
         ]
       }],
       /**
@@ -2286,42 +2791,42 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": f()
+        "drop-shadow": x()
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", y, c, i]
+        grayscale: ["", T, f, m]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [y, c, i]
+        "hue-rotate": [T, f, m]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", y, c, i]
+        invert: ["", T, f, m]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [y, c, i]
+        saturate: [T, f, m]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", y, c, i]
+        sepia: ["", T, f, m]
       }],
       /**
        * Backdrop Filter
@@ -2332,8 +2837,8 @@ const j = (e) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          c,
-          i
+          f,
+          m
         ]
       }],
       /**
@@ -2341,63 +2846,63 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": E()
+        "backdrop-blur": Y()
       }],
       /**
        * Backdrop Brightness
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [y, c, i]
+        "backdrop-brightness": [T, f, m]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [y, c, i]
+        "backdrop-contrast": [T, f, m]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", y, c, i]
+        "backdrop-grayscale": ["", T, f, m]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [y, c, i]
+        "backdrop-hue-rotate": [T, f, m]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", y, c, i]
+        "backdrop-invert": ["", T, f, m]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [y, c, i]
+        "backdrop-opacity": [T, f, m]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [y, c, i]
+        "backdrop-saturate": [T, f, m]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", y, c, i]
+        "backdrop-sepia": ["", T, f, m]
       }],
       // --------------
       // --- Tables ---
@@ -2414,21 +2919,21 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": m()
+        "border-spacing": c()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": m()
+        "border-spacing-x": c()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": m()
+        "border-spacing-y": c()
       }],
       /**
        * Table Layout
@@ -2452,7 +2957,7 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", c, i]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", f, m]
       }],
       /**
        * Transition Behavior
@@ -2466,28 +2971,28 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [y, "initial", c, i]
+        duration: [T, "initial", f, m]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", I, c, i]
+        ease: ["linear", "initial", q, f, m]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [y, c, i]
+        delay: [T, f, m]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", $, c, i]
+        animate: ["none", M, f, m]
       }],
       // ------------------
       // --- Transforms ---
@@ -2504,70 +3009,70 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [F, c, i]
+        perspective: [g, f, m]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": O()
+        "perspective-origin": b()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: M()
+        rotate: J()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": M()
+        "rotate-x": J()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": M()
+        "rotate-y": J()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": M()
+        "rotate-z": J()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: W()
+        scale: ne()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": W()
+        "scale-x": ne()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": W()
+        "scale-y": ne()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": W()
+        "scale-z": ne()
       }],
       /**
        * Scale 3D
@@ -2579,35 +3084,35 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: te()
+        skew: he()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": te()
+        "skew-x": he()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": te()
+        "skew-y": he()
       }],
       /**
        * Transform
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [c, i, "", "none", "gpu", "cpu"]
+        transform: [f, m, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: O()
+        origin: b()
       }],
       /**
        * Transform Style
@@ -2621,28 +3126,28 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: Y()
+        translate: de()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": Y()
+        "translate-x": de()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": Y()
+        "translate-y": de()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": Y()
+        "translate-z": de()
       }],
       /**
        * Translate None
@@ -2657,7 +3162,7 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: f()
+        accent: x()
       }],
       /**
        * Appearance
@@ -2671,7 +3176,7 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: f()
+        caret: x()
       }],
       /**
        * Color Scheme
@@ -2685,7 +3190,7 @@ const j = (e) => {
        * @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", c, i]
+        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", f, m]
       }],
       /**
        * Field Sizing
@@ -2720,126 +3225,126 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": m()
+        "scroll-m": c()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": m()
+        "scroll-mx": c()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": m()
+        "scroll-my": c()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": m()
+        "scroll-ms": c()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": m()
+        "scroll-me": c()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": m()
+        "scroll-mt": c()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": m()
+        "scroll-mr": c()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": m()
+        "scroll-mb": c()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": m()
+        "scroll-ml": c()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": m()
+        "scroll-p": c()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": m()
+        "scroll-px": c()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": m()
+        "scroll-py": c()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": m()
+        "scroll-ps": c()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": m()
+        "scroll-pe": c()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": m()
+        "scroll-pt": c()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": m()
+        "scroll-pr": c()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": m()
+        "scroll-pb": c()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": m()
+        "scroll-pl": c()
       }],
       /**
        * Scroll Snap Align
@@ -2907,7 +3412,7 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", c, i]
+        "will-change": ["auto", "scroll", "contents", "transform", f, m]
       }],
       // -----------
       // --- SVG ---
@@ -2917,21 +3422,21 @@ const j = (e) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...f()]
+        fill: ["none", ...x()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [y, de, oe, ge]
+        stroke: [T, ce, K, ve]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...f()]
+        stroke: ["none", ...x()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -2999,534 +3504,400 @@ const j = (e) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, _r = /* @__PURE__ */ nr(jr);
-function Oe(e) {
-  var l, a, t = "";
-  if (typeof e == "string" || typeof e == "number") t += e;
+}, zr = /* @__PURE__ */ fr(Nr);
+function xt(e) {
+  var t, r, n = "";
+  if (typeof e == "string" || typeof e == "number") n += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
-    var o = e.length;
-    for (l = 0; l < o; l++) e[l] && (a = Oe(e[l])) && (t && (t += " "), t += a);
-  } else for (a in e) e[a] && (t && (t += " "), t += a);
-  return t;
+    var s = e.length;
+    for (t = 0; t < s; t++) e[t] && (r = xt(e[t])) && (n && (n += " "), n += r);
+  } else for (r in e) e[r] && (n && (n += " "), n += r);
+  return n;
 }
-function Er() {
-  for (var e, l, a = 0, t = "", o = arguments.length; a < o; a++) (e = arguments[a]) && (l = Oe(e)) && (t && (t += " "), t += l);
-  return t;
+function Lr() {
+  for (var e, t, r = 0, n = "", s = arguments.length; r < s; r++) (e = arguments[r]) && (t = xt(e)) && (n && (n += " "), n += t);
+  return n;
 }
-function pe(...e) {
-  return _r(Er(e));
+function Pr(...e) {
+  return zr(Lr(e));
 }
-const Tr = ({
-  initialContent: e = "",
-  onChange: l,
-  onSave: a,
-  onExport: t,
-  readOnly: o = !1,
-  showButtons: b = !1,
-  showSaveTitle: p = !1,
-  showStatusBar: w = !1,
-  height: g = "500px"
-}) => {
-  const x = be(null), C = be(null), S = be(null), [D, N] = le(!1), [_, F] = le(!1), [L, I] = le(!1), [$, U] = le("Untitled Document"), [R, O] = le({
-    bold: !1,
-    italic: !1,
-    underline: !1,
-    strikeThrough: !1,
-    justifyLeft: !1,
-    justifyCenter: !1,
-    justifyRight: !1,
-    justifyFull: !1
-  });
-  ve(() => {
-    x.current && e && (x.current.innerHTML = e, T());
-  }, [e]);
-  const T = G(() => {
-    if (!x.current) return;
-    const u = (n) => {
-      switch (n.tagName.toLowerCase()) {
-        case "h1":
-          n.classList.add("text-3xl", "font-bold", "mt-6", "mb-4", "text-gray-800", "border-b", "pb-2");
-          break;
-        case "h2":
-          n.classList.add("text-2xl", "font-bold", "mt-5", "mb-3", "text-gray-800");
-          break;
-        case "h3":
-          n.classList.add("text-xl", "font-bold", "mt-4", "mb-2", "text-gray-800");
-          break;
-        case "p":
-          n.classList.add("mb-4", "text-gray-700", "leading-relaxed");
-          break;
-        case "ul":
-          n.classList.add("list-disc", "list-inside", "mb-4", "ml-4", "space-y-1");
-          break;
-        case "ol":
-          n.classList.add("list-decimal", "list-inside", "mb-4", "ml-4", "space-y-1");
-          break;
-        case "li":
-          n.classList.add("mb-1");
-          break;
-        case "a":
-          n.classList.add("text-blue-600", "hover:text-blue-800", "underline", "transition-colors");
-          break;
-        case "blockquote":
-          n.classList.add("border-l-4", "border-blue-500", "pl-4", "italic", "text-gray-600", "my-4");
-          break;
-        case "code":
-          n.parentElement?.tagName.toLowerCase() !== "pre" && n.classList.add("bg-gray-100", "px-2", "py-1", "rounded", "text-sm", "font-mono");
-          break;
-        case "pre":
-          n.classList.add("bg-gray-800", "text-gray-100", "p-4", "rounded-lg", "overflow-x-auto", "my-4");
-          break;
-      }
-      Array.from(n.children).forEach(u);
-    };
-    Array.from(x.current.children).forEach(u);
-  }, []), A = G(() => {
-    if (!(o || !x.current))
-      try {
-        const u = window.getSelection();
-        u && u.rangeCount > 0 ? O({
-          bold: document.queryCommandState("bold"),
-          italic: document.queryCommandState("italic"),
-          underline: document.queryCommandState("underline"),
-          strikeThrough: document.queryCommandState("strikeThrough"),
-          justifyLeft: document.queryCommandState("justifyLeft"),
-          justifyCenter: document.queryCommandState("justifyCenter"),
-          justifyRight: document.queryCommandState("justifyRight"),
-          justifyFull: document.queryCommandState("justifyFull")
-        }) : O({
-          bold: !1,
-          italic: !1,
-          underline: !1,
-          strikeThrough: !1,
-          justifyLeft: !1,
-          justifyCenter: !1,
-          justifyRight: !1,
-          justifyFull: !1
-        });
-      } catch (u) {
-        console.warn("Format state detection not available:", u);
+var ye, Ve;
+function vt() {
+  if (Ve) return ye;
+  Ve = 1;
+  function e(t) {
+    var r = typeof t;
+    return t != null && (r == "object" || r == "function");
+  }
+  return ye = e, ye;
+}
+var we, Be;
+function Mr() {
+  if (Be) return we;
+  Be = 1;
+  var e = typeof ue == "object" && ue && ue.Object === Object && ue;
+  return we = e, we;
+}
+var ke, Ye;
+function yt() {
+  if (Ye) return ke;
+  Ye = 1;
+  var e = Mr(), t = typeof self == "object" && self && self.Object === Object && self, r = e || t || Function("return this")();
+  return ke = r, ke;
+}
+var Te, He;
+function qr() {
+  if (He) return Te;
+  He = 1;
+  var e = yt(), t = function() {
+    return e.Date.now();
+  };
+  return Te = t, Te;
+}
+var je, Je;
+function Fr() {
+  if (Je) return je;
+  Je = 1;
+  var e = /\s/;
+  function t(r) {
+    for (var n = r.length; n-- && e.test(r.charAt(n)); )
+      ;
+    return n;
+  }
+  return je = t, je;
+}
+var Se, Xe;
+function Gr() {
+  if (Xe) return Se;
+  Xe = 1;
+  var e = Fr(), t = /^\s+/;
+  function r(n) {
+    return n && n.slice(0, e(n) + 1).replace(t, "");
+  }
+  return Se = r, Se;
+}
+var Re, Ze;
+function wt() {
+  if (Ze) return Re;
+  Ze = 1;
+  var e = yt(), t = e.Symbol;
+  return Re = t, Re;
+}
+var Ce, Qe;
+function $r() {
+  if (Qe) return Ce;
+  Qe = 1;
+  var e = wt(), t = Object.prototype, r = t.hasOwnProperty, n = t.toString, s = e ? e.toStringTag : void 0;
+  function l(a) {
+    var i = r.call(a, s), d = a[s];
+    try {
+      a[s] = void 0;
+      var u = !0;
+    } catch {
+    }
+    var v = n.call(a);
+    return u && (i ? a[s] = d : delete a[s]), v;
+  }
+  return Ce = l, Ce;
+}
+var Ee, Ke;
+function Dr() {
+  if (Ke) return Ee;
+  Ke = 1;
+  var e = Object.prototype, t = e.toString;
+  function r(n) {
+    return t.call(n);
+  }
+  return Ee = r, Ee;
+}
+var _e, et;
+function Ur() {
+  if (et) return _e;
+  et = 1;
+  var e = wt(), t = $r(), r = Dr(), n = "[object Null]", s = "[object Undefined]", l = e ? e.toStringTag : void 0;
+  function a(i) {
+    return i == null ? i === void 0 ? s : n : l && l in Object(i) ? t(i) : r(i);
+  }
+  return _e = a, _e;
+}
+var Ae, tt;
+function Wr() {
+  if (tt) return Ae;
+  tt = 1;
+  function e(t) {
+    return t != null && typeof t == "object";
+  }
+  return Ae = e, Ae;
+}
+var Oe, rt;
+function Vr() {
+  if (rt) return Oe;
+  rt = 1;
+  var e = Ur(), t = Wr(), r = "[object Symbol]";
+  function n(s) {
+    return typeof s == "symbol" || t(s) && e(s) == r;
+  }
+  return Oe = n, Oe;
+}
+var Ie, nt;
+function Br() {
+  if (nt) return Ie;
+  nt = 1;
+  var e = Gr(), t = vt(), r = Vr(), n = NaN, s = /^[-+]0x[0-9a-f]+$/i, l = /^0b[01]+$/i, a = /^0o[0-7]+$/i, i = parseInt;
+  function d(u) {
+    if (typeof u == "number")
+      return u;
+    if (r(u))
+      return n;
+    if (t(u)) {
+      var v = typeof u.valueOf == "function" ? u.valueOf() : u;
+      u = t(v) ? v + "" : v;
+    }
+    if (typeof u != "string")
+      return u === 0 ? u : +u;
+    u = e(u);
+    var A = l.test(u);
+    return A || a.test(u) ? i(u.slice(2), A ? 2 : 8) : s.test(u) ? n : +u;
+  }
+  return Ie = d, Ie;
+}
+var Ne, ot;
+function Yr() {
+  if (ot) return Ne;
+  ot = 1;
+  var e = vt(), t = qr(), r = Br(), n = "Expected a function", s = Math.max, l = Math.min;
+  function a(i, d, u) {
+    var v, A, z, I, E, g, p = 0, q = !1, M = !1, $ = !0;
+    if (typeof i != "function")
+      throw new TypeError(n);
+    d = r(d) || 0, e(u) && (q = !!u.leading, M = "maxWait" in u, z = M ? s(r(u.maxWait) || 0, d) : z, $ = "trailing" in u ? !!u.trailing : $);
+    function L(R) {
+      var N = v, D = A;
+      return v = A = void 0, p = R, I = i.apply(D, N), I;
+    }
+    function b(R) {
+      return p = R, E = setTimeout(c, d), q ? L(R) : I;
+    }
+    function k(R) {
+      var N = R - g, D = R - p, U = d - N;
+      return M ? l(U, z - D) : U;
+    }
+    function j(R) {
+      var N = R - g, D = R - p;
+      return g === void 0 || N >= d || N < 0 || M && D >= z;
+    }
+    function c() {
+      var R = t();
+      if (j(R))
+        return _(R);
+      E = setTimeout(c, k(R));
+    }
+    function _(R) {
+      return E = void 0, $ && v ? L(R) : (v = A = void 0, I);
+    }
+    function O() {
+      E !== void 0 && clearTimeout(E), p = 0, v = g = A = E = void 0;
+    }
+    function F() {
+      return E === void 0 ? I : _(t());
+    }
+    function P() {
+      var R = t(), N = j(R);
+      if (v = arguments, A = this, g = R, N) {
+        if (E === void 0)
+          return b(g);
+        if (M)
+          return clearTimeout(E), E = setTimeout(c, d), L(g);
       }
-  }, [o]), m = G(() => {
-    if (!x.current) return;
-    const u = x.current.innerHTML || "", n = x.current.innerText || "";
-    l?.(n, u, $), T(), A();
-  }, [l, $, T, A]), z = (u) => {
-    const n = u.target.value;
-    U(n);
-    const E = x.current?.innerHTML || "", M = x.current?.innerText || "";
-    l?.(M, E, n);
-  }, X = G((u) => {
-    if (!(o || !x.current))
-      try {
-        x.current.focus(), document.execCommand("formatBlock", !1, `<${u}>`), setTimeout(T, 10), m(), A();
-      } catch (n) {
-        console.warn(`Format block ${u} failed:`, n);
+      return E === void 0 && (E = setTimeout(c, d)), I;
+    }
+    return P.cancel = O, P.flush = F, P;
+  }
+  return Ne = a, Ne;
+}
+var Hr = Yr();
+const Jr = /* @__PURE__ */ Gt(Hr), Qr = Tt(
+  ({
+    initialContent: e = "",
+    onChange: t,
+    onSave: r,
+    onExport: n,
+    readOnly: s = !1,
+    showButtons: l = !1,
+    showSaveTitle: a = !1,
+    showStatusBar: i = !1,
+    height: d = "500px",
+    onImageUpload: u,
+    imageUploadEndpoint: v,
+    allowedImageTypes: A = [
+      "image/jpeg",
+      "image/png",
+      "image/gif",
+      "image/webp"
+    ],
+    maxImageSize: z = 5 * 1024 * 1024,
+    onInit: I,
+    debounceDelay: E = 300
+  }, g) => {
+    const {
+      editorState: p,
+      updateContent: q,
+      updateTitle: M,
+      executeCommand: $,
+      getValidationResult: L,
+      exportToHTML: b,
+      clearEditor: k,
+      handlePaste: j,
+      handleDrop: c,
+      insertImage: _,
+      uploadPendingImages: O
+    } = Bt({
+      initialContent: e,
+      onImageUpload: u,
+      imageUploadEndpoint: v,
+      allowedImageTypes: A,
+      maxImageSize: z
+    }), F = te(null), P = te(null), R = te(!1), N = te(null), [D, U] = ge(!1);
+    ee(() => {
+      F.current && (typeof g == "function" ? g(F.current) : g && (g.current = F.current));
+    }, [g]), ee(() => {
+      I && F.current && !R.current && (I(F.current), R.current = !0);
+    }, [I]), ee(() => {
+      if (t)
+        return N.current = Jr(
+          (o, y, w) => {
+            t(o, y, w);
+          },
+          E
+        ), () => N.current?.cancel();
+    }, [t, E]), ee(() => {
+      if (!t || !p.content) return;
+      const o = (() => {
+        try {
+          return b({
+            includeStyles: !1,
+            includeMeta: !1
+          });
+        } catch {
+          return `<!DOCTYPE html><html><body>${p.content}</body></html>`;
+        }
+      })();
+      E > 0 && N.current ? N.current(
+        p.content,
+        o,
+        p.title
+      ) : t(p.content, o, p.title);
+    }, [
+      p.content,
+      p.title,
+      t,
+      b,
+      E
+    ]);
+    const V = W(async () => {
+      if (N.current?.flush(), p.pendingImages.length > 0 && await O(), !L().success) {
+        U(!0), setTimeout(() => U(!1), 3e3);
+        return;
       }
-  }, [o, T, m, A]), Q = G((u) => {
-    if (!(o || !x.current))
-      try {
-        x.current.focus(), document.execCommand(u, !1, void 0), setTimeout(T, 10), m(), A();
-      } catch (n) {
-        console.warn(`List command ${u} failed:`, n);
+      r?.(p.content, b());
+    }, [
+      p,
+      O,
+      L,
+      b,
+      r
+    ]), x = W(async () => {
+      N.current?.flush(), p.pendingImages.length > 0 && await O();
+      const o = b();
+      n?.(o);
+      const y = new Blob([o], { type: "text/html" }), w = URL.createObjectURL(y), C = document.createElement("a");
+      C.href = w, C.download = p.title.replace(/\s+/g, "_") || "document.html", C.click(), URL.revokeObjectURL(w);
+    }, [p, O, b, n]), Z = W(
+      (o) => q(o),
+      [q]
+    ), Q = async (o) => {
+      if (o.target.files) {
+        for (const y of Array.from(o.target.files))
+          await _(y);
+        o.target.value = "";
       }
-  }, [o, T, m, A]);
-  ve(() => {
-    const u = (n) => {
-      S.current && !S.current.contains(n.target) && (N(!1), F(!1), I(!1));
     };
-    if (!o)
-      return document.addEventListener("mousedown", u), () => document.removeEventListener("mousedown", u);
-  }, [o]);
-  const V = () => {
-    o || N(!0);
-  }, K = () => {
-    o || setTimeout(() => N(!1), 200);
-  }, v = G(
-    (u, n) => {
-      if (!o)
-        try {
-          if (x.current?.focus(), u === "formatBlock") {
-            X(n || "p");
-            return;
-          } else if (u === "insertUnorderedList" || u === "insertOrderedList") {
-            Q(u);
-            return;
-          } else
-            document.execCommand(u, !1, n);
-          m(), A();
-        } catch (E) {
-          console.warn(`Command ${u} failed:`, E);
-        }
-    },
-    [o, X, Q, m, A]
-  ), H = G((u) => (n) => {
-    n.preventDefault(), u();
-  }, []), P = [
-    "#000000",
-    "#FFFFFF",
-    "#FF0000",
-    "#00FF00",
-    "#0000FF",
-    "#FFFF00",
-    "#FF00FF",
-    "#00FFFF",
-    "#FFA500",
-    "#800080",
-    "#008000",
-    "#800000",
-    "#008080",
-    "#000080",
-    "#808080",
-    "#A52A2A",
-    "#FFC0CB",
-    "#FFD700",
-    "#90EE90",
-    "#ADD8E6"
-  ], B = [
-    "#FFFFFF",
-    "#000000",
-    "#FF0000",
-    "#00FF00",
-    "#0000FF",
-    "#FFFF00",
-    "#FF00FF",
-    "#00FFFF",
-    "#FFA500",
-    "#800080",
-    "#008000",
-    "#800000",
-    "#008080",
-    "#000080",
-    "#808080",
-    "#FFE4E1",
-    "#F0FFF0",
-    "#F0F8FF",
-    "#FFFACD",
-    "#F5F5F5",
-    "#E6E6FA",
-    "#FFEFD5",
-    "#F0E68C",
-    "#F5DEB3",
-    "#D3D3D3"
-  ], f = G((u) => {
-    v("foreColor", u);
-  }, [v]), ee = G((u) => {
-    v("hiliteColor", u);
-  }, [v]), re = G(() => {
-    const u = x.current?.innerHTML || "", n = x.current?.innerText || "";
-    a?.(n, u);
-  }, [a]), r = G(() => {
-    const u = x.current?.innerHTML || "";
-    t?.(u);
-  }, [t]), h = () => /* @__PURE__ */ s.jsx("div", { className: "w-px h-6 bg-gray-300 mx-1" }), d = ({ onClick: u, title: n, children: E, isActive: M = !1, className: W = "" }) => /* @__PURE__ */ s.jsx(
-    "button",
-    {
-      className: pe(
-        "w-8 h-8 flex items-center justify-center rounded hover:bg-gray-100 transition-colors",
-        M && "bg-blue-100 text-blue-600 border border-blue-300",
-        W
-      ),
-      onMouseDown: (te) => te.preventDefault(),
-      onClick: H(u),
-      title: n,
-      type: "button",
-      disabled: o,
-      children: E
-    }
-  ), k = ({ colors: u, onColorSelect: n, isOpen: E, onToggle: M, buttonContent: W, title: te }) => /* @__PURE__ */ s.jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ s.jsxs(
-      d,
+    return /* @__PURE__ */ h.jsxs(
+      "div",
       {
-        onClick: M,
-        title: te,
-        className: "relative",
+        className: Pr(
+          "relative w-full bg-white border border-gray-300 rounded-lg overflow-hidden",
+          s && "pointer-events-none opacity-80"
+        ),
+        style: { height: d },
         children: [
-          W,
-          /* @__PURE__ */ s.jsx("span", { className: "absolute -bottom-1 -right-1 text-[8px]", children: "▼" })
-        ]
-      }
-    ),
-    E && /* @__PURE__ */ s.jsx("div", { className: "absolute top-full left-0 mt-1 bg-white border border-gray-300 rounded-lg shadow-lg p-2 grid grid-cols-5 gap-1 z-20 min-w-[140px]", children: u.map((Y) => /* @__PURE__ */ s.jsx(
-      "button",
-      {
-        className: "w-5 h-5 rounded border border-gray-300 hover:scale-110 transition-transform",
-        style: { backgroundColor: Y },
-        title: Y,
-        onMouseDown: (Ge) => Ge.preventDefault(),
-        onClick: H(() => {
-          n(Y), M();
-        })
-      },
-      Y
-    )) })
-  ] });
-  return /* @__PURE__ */ s.jsxs(
-    "div",
-    {
-      ref: S,
-      className: pe(
-        "relative w-full bg-white border border-gray-300 rounded-lg overflow-hidden",
-        o && "pointer-events-none opacity-80"
-      ),
-      children: [
-        p && /* @__PURE__ */ s.jsx("div", { className: "p-6 border-b border-gray-200 bg-gray-50", children: /* @__PURE__ */ s.jsx(
-          "input",
-          {
-            type: "text",
-            className: pe(
-              "w-full bg-transparent text-2xl font-bold text-gray-800 outline-none placeholder-gray-400",
-              o && "cursor-default"
-            ),
-            value: $,
-            onChange: z,
-            placeholder: "Document Title",
-            readOnly: o
-          }
-        ) }),
-        b && /* @__PURE__ */ s.jsxs("div", { className: "border-b border-gray-200 bg-gray-50 px-4 py-2 flex items-center gap-2", children: [
-          /* @__PURE__ */ s.jsx(
-            "button",
+          a && /* @__PURE__ */ h.jsx("div", { className: "p-6 border-b bg-gray-50", children: /* @__PURE__ */ h.jsx(
+            "input",
             {
-              onClick: re,
-              disabled: o,
-              className: "px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed",
-              children: "Save"
+              className: "w-full text-2xl font-bold bg-transparent outline-none",
+              value: p.title,
+              onChange: (o) => M(o.target.value),
+              placeholder: "Document Title",
+              readOnly: s
+            }
+          ) }),
+          /* @__PURE__ */ h.jsx(
+            Wt,
+            {
+              onCommand: $,
+              onSave: V,
+              onExport: x,
+              showButtons: l,
+              onClear: k,
+              hasUnsavedChanges: p.hasUnsavedChanges,
+              onImageUpload: () => P.current?.click(),
+              pendingImagesCount: p.pendingImages.length
             }
           ),
-          /* @__PURE__ */ s.jsx(
-            "button",
+          /* @__PURE__ */ h.jsx(
+            "input",
             {
-              onClick: r,
-              className: "px-4 py-2 bg-green-600 text-white rounded hover:bg-green-700",
-              children: "Export"
+              ref: P,
+              type: "file",
+              className: "hidden",
+              accept: A.join(","),
+              multiple: !0,
+              onChange: Q
             }
-          )
-        ] }),
-        !o && D && /* @__PURE__ */ s.jsxs(
-          "div",
-          {
-            ref: C,
-            className: "border-b border-gray-200 bg-white px-4 py-2 flex items-center gap-1 flex-wrap sticky top-0 z-10",
-            children: [
-              /* @__PURE__ */ s.jsx(
-                d,
-                {
-                  onClick: () => v("bold"),
-                  title: "Bold",
-                  isActive: R.bold,
-                  children: /* @__PURE__ */ s.jsx("span", { className: "font-bold text-sm", children: "B" })
-                }
-              ),
-              /* @__PURE__ */ s.jsx(
-                d,
-                {
-                  onClick: () => v("italic"),
-                  title: "Italic",
-                  isActive: R.italic,
-                  children: /* @__PURE__ */ s.jsx("span", { className: "italic text-sm", children: "I" })
-                }
-              ),
-              /* @__PURE__ */ s.jsx(
-                d,
-                {
-                  onClick: () => v("underline"),
-                  title: "Underline",
-                  isActive: R.underline,
-                  children: /* @__PURE__ */ s.jsx("span", { className: "underline text-sm", children: "U" })
-                }
-              ),
-              /* @__PURE__ */ s.jsx(h, {}),
-              /* @__PURE__ */ s.jsx(
-                d,
-                {
-                  onClick: () => v("justifyLeft"),
-                  title: "Align Left",
-                  isActive: R.justifyLeft,
-                  children: /* @__PURE__ */ s.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M3 5h18a1 1 0 1 0 0-2H3a1 1 0 1 0 0 2zm0 4h12a1 1 0 1 0 0-2H3a1 1 0 1 0 0 2zm0 4h18a1 1 0 1 0 0-2H3a1 1 0 1 0 0 2zm0 4h12a1 1 0 1 0 0-2H3a1 1 0 1 0 0 2zm0 4h18a1 1 0 1 0 0-2H3a1 1 0 1 0 0 2z" }) })
-                }
-              ),
-              /* @__PURE__ */ s.jsx(
-                d,
-                {
-                  onClick: () => v("justifyCenter"),
-                  title: "Align Center",
-                  isActive: R.justifyCenter,
-                  children: /* @__PURE__ */ s.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M3 5h18a1 1 0 1 0 0-2H3a1 1 0 1 0 0 2zm3 4h12a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2zm-3 4h18a1 1 0 1 0 0-2H3a1 1 0 1 0 0 2zm3 4h12a1 1 0 1 0 0-2H6a1 1 0 1 0 0 2zm-3 4h18a1 1 0 1 0 0-2H3a1 1 0 1 0 0 2z" }) })
-                }
-              ),
-              /* @__PURE__ */ s.jsx(
-                d,
-                {
-                  onClick: () => v("justifyRight"),
-                  title: "Align Right",
-                  isActive: R.justifyRight,
-                  children: /* @__PURE__ */ s.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M3 5h18a1 1 0 1 0 0-2H3a1 1 0 1 0 0 2zm9 4h9a1 1 0 1 0 0-2h-9a1 1 0 1 0 0 2zm9 4H3a1 1 0 1 0 0 2h18a1 1 0 1 0 0-2zm-9 4h9a1 1 0 1 0 0-2h-9a1 1 0 1 0 0 2zm9 4H3a1 1 0 1 0 0 2h18a1 1 0 1 0 0-2z" }) })
-                }
-              ),
-              /* @__PURE__ */ s.jsx(
-                d,
-                {
-                  onClick: () => v("justifyFull"),
-                  title: "Justify",
-                  isActive: R.justifyFull,
-                  children: /* @__PURE__ */ s.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M3 5h18a1 1 0 1 0 0-2H3a1 1 0 1 0 0 2zm0 4h18a1 1 0 1 0 0-2H3a1 1 0 1 0 0 2zm0 4h18a1 1 0 1 0 0-2H3a1 1 0 1 0 0 2zm0 4h18a1 1 0 1 0 0-2H3a1 1 0 1 0 0 2zm0 4h18a1 1 0 1 0 0-2H3a1 1 0 1 0 0 2z" }) })
-                }
-              ),
-              /* @__PURE__ */ s.jsx(h, {}),
-              /* @__PURE__ */ s.jsx(
-                k,
-                {
-                  colors: P,
-                  onColorSelect: f,
-                  isOpen: _,
-                  onToggle: () => {
-                    F(!_), I(!1);
-                  },
-                  buttonContent: /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col items-center", children: [
-                    /* @__PURE__ */ s.jsx("span", { className: "text-xs font-bold", children: "A" }),
-                    /* @__PURE__ */ s.jsx("div", { className: "w-3 h-1 bg-red-500 mt-[-2px]" })
-                  ] }),
-                  title: "Text Color"
-                }
-              ),
-              /* @__PURE__ */ s.jsx(
-                k,
-                {
-                  colors: B,
-                  onColorSelect: ee,
-                  isOpen: L,
-                  onToggle: () => {
-                    I(!L), F(!1);
-                  },
-                  buttonContent: /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col items-center", children: [
-                    /* @__PURE__ */ s.jsx("div", { className: "w-4 h-3 border border-gray-400 bg-yellow-200" }),
-                    /* @__PURE__ */ s.jsx("span", { className: "text-[8px] mt-[-2px]", children: "Bg" })
-                  ] }),
-                  title: "Background Color"
-                }
-              ),
-              /* @__PURE__ */ s.jsx(h, {}),
-              /* @__PURE__ */ s.jsx(
-                d,
-                {
-                  onClick: () => v("insertUnorderedList"),
-                  title: "Bulleted List",
-                  children: /* @__PURE__ */ s.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M4,3c0,1.1-0.9,2-2,2S0,4.1,0,3s0.9-2,2-2S4,1.9,4,3z M2,9c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S3.1,9,2,9z M2,17c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S3.1,17,2,17z M24,19c0-0.6-0.4-1-1-1H8c-0.6,0-1,0.4-1,1s0.4,1,1,1h15C23.6,20,24,19.6,24,19z M24,11c0-0.6-0.4-1-1-1H8c-0.6,0-1,0.4-1,1s0.4,1,1,1h15C23.6,12,24,11.6,24,11z M24,3c0-0.6-0.4-1-1-1H8C7.4,2,7,2.4,7,3s0.4,1,1,1h15C23.6,4,24,3.6,24,3z" }) })
-                }
-              ),
-              /* @__PURE__ */ s.jsx(
-                d,
-                {
-                  onClick: () => v("insertOrderedList"),
-                  title: "Numbered List",
-                  children: /* @__PURE__ */ s.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M10 3a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H11a1 1 0 0 1-1-1Zm13 9H11a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2Zm0 10H11a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2ZM4 2.41V9.5a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5V1A1 1 0 0 0 4.669.056L.925 1.37a.499.499 0 0 0-.306.637l.331.944a.5.5 0 0 0 .637.307l2.414-.846H4ZM1 24h6.5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5H2.287c.556-.938 1.787-1.578 2.532-1.965l.339-.177C6.425 19.195 8 18.372 8 15.813 8 13.971 6.393 12 4 12 1.363 12 .409 14.103.272 15.214c0 0-.039.284-.062.504-.023.22.151.483.416.54.265.055.797.094 1.015.13.218.034.5-.06.537-.387.025-.22.078-.533.078-.533C2.291 15.223 2.543 14 4 14c1.239 0 2 1.056 2 1.813 0 1.293-.542 1.631-1.769 2.272l-.333.174C2.632 18.916 0 20.282 0 23 0 23 0 24 1 24Z" }) })
-                }
-              ),
-              /* @__PURE__ */ s.jsx(h, {}),
-              /* @__PURE__ */ s.jsx(
-                d,
-                {
-                  onClick: () => v("formatBlock", "h1"),
-                  title: "Heading 1",
-                  children: /* @__PURE__ */ s.jsx("span", { className: "text-xs font-bold", children: "H1" })
-                }
-              ),
-              /* @__PURE__ */ s.jsx(
-                d,
-                {
-                  onClick: () => v("formatBlock", "h2"),
-                  title: "Heading 2",
-                  children: /* @__PURE__ */ s.jsx("span", { className: "text-xs font-bold", children: "H2" })
-                }
-              ),
-              /* @__PURE__ */ s.jsx(
-                d,
-                {
-                  onClick: () => v("formatBlock", "h3"),
-                  title: "Heading 3",
-                  children: /* @__PURE__ */ s.jsx("span", { className: "text-xs font-bold", children: "H3" })
-                }
-              ),
-              /* @__PURE__ */ s.jsx(h, {}),
-              /* @__PURE__ */ s.jsx(
-                d,
-                {
-                  onClick: () => v("formatBlock", "blockquote"),
-                  title: "Quote",
-                  children: /* @__PURE__ */ s.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M2 3v20a1 1 0 1 1-2 0V3a1 1 0 1 1 2 0Zm5 3h12a1 1 0 1 0 0 2H7a1 1 0 1 0 0 2Zm16 6H7a1 1 0 1 0 0 2h16a1 1 0 1 0 0-2Zm-4 8H7a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2Z" }) })
-                }
-              ),
-              /* @__PURE__ */ s.jsx(
-                d,
-                {
-                  onClick: () => v("formatBlock", "pre"),
-                  title: "Code Block",
-                  children: /* @__PURE__ */ s.jsx("svg", { width: "16", height: "16", viewBox: "0 0 32 32", fill: "currentColor", children: /* @__PURE__ */ s.jsx("path", { d: "M32 10v6a1 1 0 1 1-2 0v-6c0-2.206-1.794-4-4-4H6c-2.206 0-4 1.794-4 4v12c0 2.206 1.794 4 4 4h3a1 1 0 1 1 0 2H6c-3.309 0-6-2.691-6-6V10c0-3.309 2.691-6 6-6h20c3.309 0 6 2.691 6 6Zm-13.359 8.232a1 1 0 0 0-1.409.128l-5 6a1 1 0 0 0 0 1.28l5 6a1 1 0 0 0 1.538-1.28L14.303 25l4.467-5.36a1 1 0 0 0-.129-1.408Zm8.128.128a1 1 0 0 0-1.537 1.28L29.699 25l-4.467 5.36a1 1 0 1 0 1.538 1.28l5-6a1 1 0 0 0 0-1.28l-5.001-6Z" }) })
-                }
-              ),
-              /* @__PURE__ */ s.jsx(h, {}),
-              /* @__PURE__ */ s.jsx(d, { onClick: () => v("undo"), title: "Undo", children: /* @__PURE__ */ s.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: [
-                /* @__PURE__ */ s.jsx("path", { d: "M7.18 4.8a1 1 0 0 1 .77 1.84A7.8 7.8 0 1 0 16 12a1 1 0 1 1 2 0 9.8 9.8 0 1 1-9.37-9.88 1 1 0 0 1 .55.68Z" }),
-                /* @__PURE__ */ s.jsx("path", { d: "M11.29 7.71a1 1 0 0 1 0 1.42L9.41 11H17a1 1 0 1 1 0 2H9.41l1.88 1.88a1 1 0 0 1-1.42 1.41l-3.58-3.59a1 1 0 0 1 0-1.41l3.58-3.59a1 1 0 0 1 1.42 0Z" })
-              ] }) }),
-              /* @__PURE__ */ s.jsx(d, { onClick: () => v("redo"), title: "Redo", children: /* @__PURE__ */ s.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: [
-                /* @__PURE__ */ s.jsx("path", { d: "M16.82 4.8a1 1 0 0 0-.77 1.84A7.8 7.8 0 1 1 8 12a1 1 0 1 0-2 0 9.8 9.8 0 1 0 9.37-9.88 1 1 0 0 0-.55.68Z" }),
-                /* @__PURE__ */ s.jsx("path", { d: "M12.71 7.71a1 1 0 0 0 0 1.42L14.59 11H7a1 1 0 1 0 0 2h7.59l-1.88 1.88a1 1 0 1 0 1.42 1.41l3.58-3.59a1 1 0 0 0 0-1.41l-3.58-3.59a1 1 0 0 0-1.42 0Z" })
-              ] }) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ s.jsx(
-          "div",
-          {
-            ref: x,
-            className: pe(
-              "p-6 outline-none",
-              `
-    [&_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
-    [&_p]:mb-4 [&_p]:text-gray-700 [&_p]:leading-relaxed
-    [&_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
-    [&_a]:text-blue-600 [&_a]:hover:text-blue-800 [&_a]:underline [&_a]:transition-colors
-    [&_blockquote]:border-l-4 [&_blockquote]:border-blue-500 [&_blockquote]:pl-4 [&_blockquote]:italic [&_blockquote]:text-gray-600 [&_blockquote]:my-4
-    [&_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
-  `,
-              o ? "bg-transparent cursor-default" : "cursor-text bg-white",
-              "min-h-[500px]"
-            ),
-            contentEditable: !o,
-            suppressContentEditableWarning: !0,
-            onFocus: V,
-            onBlur: K,
-            onInput: m,
-            onKeyDown: (u) => {
-              u.key === "Tab" && (u.preventDefault(), v("indent"));
-            },
-            "data-placeholder": o ? "" : "Start typing...",
-            style: { minHeight: g }
-          }
-        ),
-        w && /* @__PURE__ */ s.jsxs("div", { className: "px-6 py-3 border-t border-gray-200 bg-gray-50 text-xs text-gray-500 flex justify-between", children: [
-          /* @__PURE__ */ s.jsxs("span", { children: [
-            "Words:",
-            " ",
-            x.current?.innerText?.split(/\s+/).filter((u) => u.length > 0).length || 0
+          ),
+          D && /* @__PURE__ */ h.jsx("div", { className: "px-6 py-2 text-sm text-red-600 bg-red-50", children: "Please fix validation errors before saving." }),
+          /* @__PURE__ */ h.jsx(
+            "div",
+            {
+              ref: F,
+              className: "p-6 outline-none overflow-y-auto min-h-[200px]",
+              contentEditable: !s,
+              suppressContentEditableWarning: !0,
+              onInput: (o) => Z(o.currentTarget.innerHTML),
+              onPaste: j,
+              onDrop: c,
+              onDragOver: (o) => o.preventDefault()
+            }
+          ),
+          p.pendingImages.length > 0 && /* @__PURE__ */ h.jsxs("div", { className: "p-4 text-sm text-blue-600 bg-blue-50 flex gap-2", children: [
+            /* @__PURE__ */ h.jsx(Ft, { size: 16 }),
+            p.pendingImages.length,
+            " image(s) pending upload"
           ] }),
-          /* @__PURE__ */ s.jsxs("span", { children: [
-            "Characters: ",
-            x.current?.innerText?.length || 0
-          ] })
-        ] })
-      ]
-    }
-  );
-};
+          i && /* @__PURE__ */ h.jsx(
+            Vt,
+            {
+              wordCount: p.wordCount,
+              characterCount: p.characterCount,
+              hasUnsavedChanges: p.hasUnsavedChanges,
+              pendingImagesCount: p.pendingImages.length
+            }
+          )
+        ]
+      }
+    );
+  }
+);
 export {
-  Tr as TextEditor
+  Qr as TextEditor
 };