@abduljebar/text-editor 2.2.3 → 2.2.5

package/dist/index.js

@@ -1,4 +1,4 @@
-import He, { useRef as be, useState as le, useEffect as ve, useCallback as D } from "react";
+import De, { useRef as be, useState as le, useEffect as ve, useCallback as G } from "react";
 var ue = { exports: {} }, ie = {};
 /**
  * @license React
@@ -9,17 +9,17 @@ var ue = { exports: {} }, ie = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var _e;
+var Ce;
 function $e() {
-  if (_e) return ie;
-  _e = 1;
-  var e = Symbol.for("react.transitional.element"), a = Symbol.for("react.fragment");
-  function n(t, o, b) {
+  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 y in o)
-        y !== "key" && (b[y] = o[y]);
+      for (var w in o)
+        w !== "key" && (b[w] = o[w]);
     } else b = o;
     return o = b.ref, {
       $$typeof: e,
@@ -29,7 +29,7 @@ function $e() {
       props: b
     };
   }
-  return ie.Fragment = a, ie.jsx = n, ie.jsxs = n, ie;
+  return ie.Fragment = l, ie.jsx = a, ie.jsxs = a, ie;
 }
 var ce = {};
 /**
@@ -41,24 +41,24 @@ var ce = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ce;
+var je;
 function Ve() {
-  return Ce || (Ce = 1, process.env.NODE_ENV !== "production" && (function() {
+  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 z:
+        case L:
           return "Fragment";
         case $:
           return "Profiler";
-        case L:
+        case I:
           return "StrictMode";
-        case F:
+        case T:
           return "Suspense";
-        case R:
+        case A:
           return "SuspenseList";
         case X:
           return "Activity";
@@ -67,53 +67,53 @@ function Ve() {
         switch (typeof r.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), r.$$typeof) {
-          case T:
+          case F:
             return "Portal";
-          case B:
+          case R:
             return r.displayName || "Context";
           case U:
             return (r._context.displayName || "Context") + ".Consumer";
-          case G:
-            var g = r.render;
-            return r = r.displayName, r || (r = g.displayName || g.name || "", r = r !== "" ? "ForwardRef(" + r + ")" : "ForwardRef"), r;
-          case u:
-            return g = r.displayName || null, g !== null ? g : e(r.type) || "Memo";
-          case A:
-            g = r._payload, r = r._init;
+          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;
             try {
-              return e(r(g));
+              return e(r(h));
             } catch {
             }
         }
       return null;
     }
-    function a(r) {
+    function l(r) {
       return "" + r;
     }
-    function n(r) {
+    function a(r) {
       try {
-        a(r);
-        var g = !1;
+        l(r);
+        var h = !1;
       } catch {
-        g = !0;
+        h = !0;
       }
-      if (g) {
-        g = console;
-        var f = g.error, w = typeof Symbol == "function" && Symbol.toStringTag && r[Symbol.toStringTag] || r.constructor.name || "Object";
-        return f.call(
-          g,
+      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,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          w
-        ), a(r);
+          k
+        ), l(r);
       }
     }
     function t(r) {
-      if (r === z) return "<>";
-      if (typeof r == "object" && r !== null && r.$$typeof === A)
+      if (r === L) return "<>";
+      if (typeof r == "object" && r !== null && r.$$typeof === z)
         return "<...>";
       try {
-        var g = e(r);
-        return g ? "<" + g + ">" : "<...>";
+        var h = e(r);
+        return h ? "<" + h + ">" : "<...>";
       } catch {
         return "<...>";
       }
@@ -127,40 +127,40 @@ function Ve() {
     }
     function p(r) {
       if (K.call(r, "key")) {
-        var g = Object.getOwnPropertyDescriptor(r, "key").get;
-        if (g && g.isReactWarning) return !1;
+        var h = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (h && h.isReactWarning) return !1;
       }
       return r.key !== void 0;
     }
-    function y(r, g) {
-      function f() {
-        M || (M = !0, console.error(
+    function w(r, h) {
+      function d() {
+        P || (P = !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)",
-          g
+          h
         ));
       }
-      f.isReactWarning = !0, Object.defineProperty(r, "key", {
-        get: f,
+      d.isReactWarning = !0, Object.defineProperty(r, "key", {
+        get: d,
         configurable: !0
       });
     }
-    function h() {
+    function g() {
       var r = e(this.type);
-      return O[r] || (O[r] = !0, console.error(
+      return B[r] || (B[r] = !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;
     }
-    function x(r, g, f, w, W, d) {
-      var s = f.ref;
+    function x(r, h, d, k, q, u) {
+      var n = d.ref;
       return r = {
-        $$typeof: E,
+        $$typeof: _,
         type: r,
-        key: g,
-        props: f,
-        _owner: w
-      }, (s !== void 0 ? s : null) !== null ? Object.defineProperty(r, "ref", {
+        key: h,
+        props: d,
+        _owner: k
+      }, (n !== void 0 ? n : null) !== null ? Object.defineProperty(r, "ref", {
         enumerable: !1,
-        get: h
+        get: g
       }) : Object.defineProperty(r, "ref", { enumerable: !1, value: null }), r._store = {}, Object.defineProperty(r._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -175,182 +175,182 @@ function Ve() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: W
+        value: q
       }), Object.defineProperty(r, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: d
+        value: u
       }), Object.freeze && (Object.freeze(r.props), Object.freeze(r)), r;
     }
-    function _(r, g, f, w, W, d) {
-      var s = g.children;
-      if (s !== void 0)
-        if (w)
-          if (v(s)) {
-            for (w = 0; w < s.length; w++)
-              S(s[w]);
-            Object.freeze && Object.freeze(s);
+    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);
           } 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(s);
-      if (K.call(g, "key")) {
-        s = e(r);
-        var j = Object.keys(g).filter(function(q) {
-          return q !== "key";
+        else S(n);
+      if (K.call(h, "key")) {
+        n = e(r);
+        var E = Object.keys(h).filter(function(W) {
+          return W !== "key";
         });
-        w = 0 < j.length ? "{key: someKey, " + j.join(": ..., ") + ": ...}" : "{key: someKey}", re[s + w] || (j = 0 < j.length ? "{" + j.join(": ..., ") + ": ...}" : "{}", console.error(
+        k = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", re[n + k] || (E = 0 < E.length ? "{" + E.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} />`,
-          w,
-          s,
-          j,
-          s
-        ), re[s + w] = !0);
+          k,
+          n,
+          E,
+          n
+        ), re[n + k] = !0);
       }
-      if (s = null, f !== void 0 && (n(f), s = "" + f), p(g) && (n(g.key), s = "" + g.key), "key" in g) {
-        f = {};
-        for (var N in g)
-          N !== "key" && (f[N] = g[N]);
-      } else f = g;
-      return s && y(
-        f,
+      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,
-        s,
-        f,
+        n,
+        d,
         o(),
-        W,
-        d
+        q,
+        u
       );
     }
     function S(r) {
-      H(r) ? r._store && (r._store.validated = 1) : typeof r == "object" && r !== null && r.$$typeof === A && (r._payload.status === "fulfilled" ? H(r._payload.value) && r._payload.value._store && (r._payload.value._store.validated = 1) : r._store && (r._store.validated = 1));
+      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 H(r) {
-      return typeof r == "object" && r !== null && r.$$typeof === E;
+    function D(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === _;
     }
-    var P = He, E = Symbol.for("react.transitional.element"), T = Symbol.for("react.portal"), z = Symbol.for("react.fragment"), L = Symbol.for("react.strict_mode"), $ = Symbol.for("react.profiler"), U = Symbol.for("react.consumer"), B = Symbol.for("react.context"), G = Symbol.for("react.forward_ref"), F = Symbol.for("react.suspense"), R = Symbol.for("react.suspense_list"), u = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), X = Symbol.for("react.activity"), Q = Symbol.for("react.client.reference"), V = P.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, K = Object.prototype.hasOwnProperty, v = Array.isArray, I = console.createTask ? console.createTask : function() {
+    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() {
       return null;
     };
-    P = {
+    N = {
       react_stack_bottom_frame: function(r) {
         return r();
       }
     };
-    var M, O = {}, m = P.react_stack_bottom_frame.bind(
-      P,
+    var P, B = {}, f = N.react_stack_bottom_frame.bind(
+      N,
       b
-    )(), ee = I(t(b)), re = {};
-    ce.Fragment = z, ce.jsx = function(r, g, f) {
-      var w = 1e4 > V.recentlyCreatedOwnerStacks++;
-      return _(
+    )(), ee = H(t(b)), re = {};
+    ce.Fragment = L, ce.jsx = function(r, h, d) {
+      var k = 1e4 > V.recentlyCreatedOwnerStacks++;
+      return C(
         r,
-        g,
-        f,
+        h,
+        d,
         !1,
-        w ? Error("react-stack-top-frame") : m,
-        w ? I(t(r)) : ee
+        k ? Error("react-stack-top-frame") : f,
+        k ? H(t(r)) : ee
       );
-    }, ce.jsxs = function(r, g, f) {
-      var w = 1e4 > V.recentlyCreatedOwnerStacks++;
-      return _(
+    }, ce.jsxs = function(r, h, d) {
+      var k = 1e4 > V.recentlyCreatedOwnerStacks++;
+      return C(
         r,
-        g,
-        f,
+        h,
+        d,
         !0,
-        w ? Error("react-stack-top-frame") : m,
-        w ? I(t(r)) : ee
+        k ? Error("react-stack-top-frame") : f,
+        k ? H(t(r)) : ee
       );
     };
   })()), ce;
 }
-var Ee;
-function We() {
-  return Ee || (Ee = 1, process.env.NODE_ENV === "production" ? ue.exports = $e() : ue.exports = Ve()), ue.exports;
+var _e;
+function qe() {
+  return _e || (_e = 1, process.env.NODE_ENV === "production" ? ue.exports = $e() : ue.exports = Ve()), ue.exports;
 }
-var c = We();
-const ye = "-", qe = (e) => {
-  const a = Ye(e), {
-    conflictingClassGroups: n,
+var s = qe();
+const we = "-", We = (e) => {
+  const l = Ye(e), {
+    conflictingClassGroups: a,
     conflictingClassGroupModifiers: t
   } = e;
   return {
     getClassGroupId: (p) => {
-      const y = p.split(ye);
-      return y[0] === "" && y.length !== 1 && y.shift(), Se(y, a) || Ue(p);
+      const w = p.split(we);
+      return w[0] === "" && w.length !== 1 && w.shift(), Ae(w, l) || Ue(p);
     },
-    getConflictingClassGroupIds: (p, y) => {
-      const h = n[p] || [];
-      return y && t[p] ? [...h, ...t[p]] : h;
+    getConflictingClassGroupIds: (p, w) => {
+      const g = a[p] || [];
+      return w && t[p] ? [...g, ...t[p]] : g;
     }
   };
-}, Se = (e, a) => {
+}, Ae = (e, l) => {
   if (e.length === 0)
-    return a.classGroupId;
-  const n = e[0], t = a.nextPart.get(n), o = t ? Se(e.slice(1), t) : void 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 (a.validators.length === 0)
+  if (l.validators.length === 0)
     return;
-  const b = e.join(ye);
-  return a.validators.find(({
+  const b = e.join(we);
+  return l.validators.find(({
     validator: p
   }) => p(b))?.classGroupId;
-}, je = /^\[(.+)\]$/, Ue = (e) => {
-  if (je.test(e)) {
-    const a = je.exec(e)[1], n = a?.substring(0, a.indexOf(":"));
-    if (n)
-      return "arbitrary.." + n;
+}, Ee = /^\[(.+)\]$/, Ue = (e) => {
+  if (Ee.test(e)) {
+    const l = Ee.exec(e)[1], a = l?.substring(0, l.indexOf(":"));
+    if (a)
+      return "arbitrary.." + a;
   }
 }, Ye = (e) => {
   const {
-    theme: a,
-    classGroups: n
+    theme: l,
+    classGroups: a
   } = e, t = {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  for (const o in n)
-    xe(n[o], t, o, a);
+  for (const o in a)
+    xe(a[o], t, o, l);
   return t;
-}, xe = (e, a, n, t) => {
+}, xe = (e, l, a, t) => {
   e.forEach((o) => {
     if (typeof o == "string") {
-      const b = o === "" ? a : Te(a, o);
-      b.classGroupId = n;
+      const b = o === "" ? l : Fe(l, o);
+      b.classGroupId = a;
       return;
     }
     if (typeof o == "function") {
       if (Ze(o)) {
-        xe(o(t), a, n, t);
+        xe(o(t), l, a, t);
         return;
       }
-      a.validators.push({
+      l.validators.push({
         validator: o,
-        classGroupId: n
+        classGroupId: a
       });
       return;
     }
     Object.entries(o).forEach(([b, p]) => {
-      xe(p, Te(a, b), n, t);
+      xe(p, Fe(l, b), a, t);
     });
   });
-}, Te = (e, a) => {
-  let n = e;
-  return a.split(ye).forEach((t) => {
-    n.nextPart.has(t) || n.nextPart.set(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: []
-    }), n = n.nextPart.get(t);
-  }), n;
+    }), a = a.nextPart.get(t);
+  }), a;
 }, Ze = (e) => e.isThemeGetter, Je = (e) => {
   if (e < 1)
     return {
@@ -359,54 +359,54 @@ const ye = "-", qe = (e) => {
       set: () => {
       }
     };
-  let a = 0, n = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map();
+  let l = 0, a = /* @__PURE__ */ new Map(), t = /* @__PURE__ */ new Map();
   const o = (b, p) => {
-    n.set(b, p), a++, a > e && (a = 0, t = n, n = /* @__PURE__ */ new Map());
+    a.set(b, p), l++, l > e && (l = 0, t = a, a = /* @__PURE__ */ new Map());
   };
   return {
     get(b) {
-      let p = n.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;
     },
     set(b, p) {
-      n.has(b) ? n.set(b, p) : o(b, p);
+      a.has(b) ? a.set(b, p) : o(b, p);
     }
   };
-}, ke = "!", we = ":", Xe = we.length, Qe = (e) => {
+}, ye = "!", ke = ":", Xe = ke.length, Qe = (e) => {
   const {
-    prefix: a,
-    experimentalParseClassName: n
+    prefix: l,
+    experimentalParseClassName: a
   } = e;
   let t = (o) => {
     const b = [];
-    let p = 0, y = 0, h = 0, x;
-    for (let E = 0; E < o.length; E++) {
-      let T = o[E];
-      if (p === 0 && y === 0) {
-        if (T === we) {
-          b.push(o.slice(h, E)), h = E + Xe;
+    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;
           continue;
         }
-        if (T === "/") {
-          x = E;
+        if (F === "/") {
+          x = _;
           continue;
         }
       }
-      T === "[" ? p++ : T === "]" ? p-- : T === "(" ? y++ : T === ")" && y--;
+      F === "[" ? p++ : F === "]" ? p-- : F === "(" ? w++ : F === ")" && w--;
     }
-    const _ = b.length === 0 ? o : o.substring(h), S = Ke(_), H = S !== _, P = x && x > h ? x - h : void 0;
+    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: H,
+      hasImportantModifier: D,
       baseClassName: S,
-      maybePostfixModifierPosition: P
+      maybePostfixModifierPosition: N
     };
   };
-  if (a) {
-    const o = a + we, b = t;
+  if (l) {
+    const o = l + ke, b = t;
     t = (p) => p.startsWith(o) ? b(p.substring(o.length)) : {
       isExternal: !0,
       modifiers: [],
@@ -415,122 +415,122 @@ const ye = "-", qe = (e) => {
       maybePostfixModifierPosition: void 0
     };
   }
-  if (n) {
+  if (a) {
     const o = t;
-    t = (b) => n({
+    t = (b) => a({
       className: b,
       parseClassName: o
     });
   }
   return t;
-}, Ke = (e) => e.endsWith(ke) ? e.substring(0, e.length - 1) : e.startsWith(ke) ? e.substring(1) : e, er = (e) => {
-  const a = Object.fromEntries(e.orderSensitiveModifiers.map((t) => [t, !0]));
+}, 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] === "[" || a[p] ? (o.push(...b.sort(), p), b = []) : b.push(p);
+      p[0] === "[" || l[p] ? (o.push(...b.sort(), p), b = []) : b.push(p);
     }), o.push(...b.sort()), o;
   };
 }, rr = (e) => ({
   cache: Je(e.cacheSize),
   parseClassName: Qe(e),
   sortModifiers: er(e),
-  ...qe(e)
-}), tr = /\s+/, or = (e, a) => {
+  ...We(e)
+}), tr = /\s+/, or = (e, l) => {
   const {
-    parseClassName: n,
+    parseClassName: a,
     getClassGroupId: t,
     getConflictingClassGroupIds: o,
     sortModifiers: b
-  } = a, p = [], y = e.trim().split(tr);
-  let h = "";
-  for (let x = y.length - 1; x >= 0; x -= 1) {
-    const _ = y[x], {
+  } = 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: H,
-      hasImportantModifier: P,
-      baseClassName: E,
-      maybePostfixModifierPosition: T
-    } = n(_);
+      modifiers: D,
+      hasImportantModifier: N,
+      baseClassName: _,
+      maybePostfixModifierPosition: F
+    } = a(C);
     if (S) {
-      h = _ + (h.length > 0 ? " " + h : h);
+      g = C + (g.length > 0 ? " " + g : g);
       continue;
     }
-    let z = !!T, L = t(z ? E.substring(0, T) : E);
-    if (!L) {
-      if (!z) {
-        h = _ + (h.length > 0 ? " " + h : h);
+    let L = !!F, I = t(L ? _.substring(0, F) : _);
+    if (!I) {
+      if (!L) {
+        g = C + (g.length > 0 ? " " + g : g);
         continue;
       }
-      if (L = t(E), !L) {
-        h = _ + (h.length > 0 ? " " + h : h);
+      if (I = t(_), !I) {
+        g = C + (g.length > 0 ? " " + g : g);
         continue;
       }
-      z = !1;
+      L = !1;
     }
-    const $ = b(H).join(":"), U = P ? $ + ke : $, B = U + L;
-    if (p.includes(B))
+    const $ = b(D).join(":"), U = N ? $ + ye : $, R = U + I;
+    if (p.includes(R))
       continue;
-    p.push(B);
-    const G = o(L, z);
-    for (let F = 0; F < G.length; ++F) {
-      const R = G[F];
-      p.push(U + R);
+    p.push(R);
+    const O = o(I, L);
+    for (let T = 0; T < O.length; ++T) {
+      const A = O[T];
+      p.push(U + A);
     }
-    h = _ + (h.length > 0 ? " " + h : h);
+    g = C + (g.length > 0 ? " " + g : g);
   }
-  return h;
+  return g;
 };
 function sr() {
-  let e = 0, a, n, t = "";
+  let e = 0, l, a, t = "";
   for (; e < arguments.length; )
-    (a = arguments[e++]) && (n = Ae(a)) && (t && (t += " "), t += n);
+    (l = arguments[e++]) && (a = Se(l)) && (t && (t += " "), t += a);
   return t;
 }
-const Ae = (e) => {
+const Se = (e) => {
   if (typeof e == "string")
     return e;
-  let a, n = "";
+  let l, a = "";
   for (let t = 0; t < e.length; t++)
-    e[t] && (a = Ae(e[t])) && (n && (n += " "), n += a);
-  return n;
+    e[t] && (l = Se(e[t])) && (a && (a += " "), a += l);
+  return a;
 };
-function nr(e, ...a) {
-  let n, t, o, b = p;
-  function p(h) {
-    const x = a.reduce((_, S) => S(_), e());
-    return n = rr(x), t = n.cache.get, o = n.cache.set, b = y, y(h);
+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 y(h) {
-    const x = t(h);
+  function w(g) {
+    const x = t(g);
     if (x)
       return x;
-    const _ = or(h, n);
-    return o(h, _), _;
+    const C = or(g, a);
+    return o(g, C), C;
   }
   return function() {
     return b(sr.apply(null, arguments));
   };
 }
-const C = (e) => {
-  const a = (n) => n[e] || [];
-  return a.isThemeGetter = !0, a;
-}, Ne = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Pe = /^\((?:(\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), k = (e) => !!e && !Number.isNaN(Number(e)), J = (e) => !!e && Number.isInteger(Number(e)), ge = (e) => e.endsWith("%") && k(e.slice(0, -1)), Z = (e) => lr.test(e), mr = () => !0, fr = (e) => (
+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) => (
   // `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)
-), Me = () => !1, pr = (e) => dr.test(e), br = (e) => ur.test(e), gr = (e) => !l(e) && !i(e), hr = (e) => ne(e, Ie, Me), l = (e) => Ne.test(e), oe = (e) => ne(e, Be, fr), he = (e) => ne(e, vr, k), Fe = (e) => ne(e, ze, Me), xr = (e) => ne(e, Le, br), me = (e) => ne(e, Oe, pr), i = (e) => Pe.test(e), de = (e) => ae(e, Be), kr = (e) => ae(e, _r), Re = (e) => ae(e, ze), wr = (e) => ae(e, Ie), yr = (e) => ae(e, Le), fe = (e) => ae(e, Oe, !0), ne = (e, a, n) => {
-  const t = Ne.exec(e);
-  return t ? t[1] ? a(t[1]) : n(t[2]) : !1;
-}, ae = (e, a, n = !1) => {
-  const t = Pe.exec(e);
-  return t ? t[1] ? a(t[1]) : n : !1;
-}, ze = (e) => e === "position" || e === "percentage", Le = (e) => e === "image" || e === "url", Ie = (e) => e === "length" || e === "size" || e === "bg-size", Be = (e) => e === "length", vr = (e) => e === "number", _r = (e) => e === "family-name", Oe = (e) => e === "shadow", Cr = () => {
-  const e = C("color"), a = C("font"), n = C("text"), t = C("font-weight"), o = C("tracking"), b = C("leading"), p = C("breakpoint"), y = C("container"), h = C("spacing"), x = C("radius"), _ = C("shadow"), S = C("inset-shadow"), H = C("text-shadow"), P = C("drop-shadow"), E = C("blur"), T = C("perspective"), z = C("aspect"), L = C("ease"), $ = C("animate"), U = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], B = () => [
+), 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 = () => [
     "center",
     "top",
     "bottom",
@@ -548,30 +548,30 @@ const C = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], G = () => [...B(), i, l], F = () => ["auto", "hidden", "clip", "visible", "scroll"], R = () => ["auto", "contain", "none"], u = () => [i, l, h], A = () => [se, "full", "auto", ...u()], X = () => [J, "none", "subgrid", i, l], Q = () => ["auto", {
-    span: ["full", J, i, l]
-  }, J, i, l], V = () => [J, "auto", i, l], K = () => ["auto", "min", "max", "fr", i, l], v = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], I = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], M = () => ["auto", ...u()], O = () => [se, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...u()], m = () => [e, i, l], ee = () => [...B(), Re, Fe, {
-    position: [i, l]
+  ], 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", {
     repeat: ["", "x", "y", "space", "round"]
-  }], r = () => ["auto", "cover", "contain", wr, hr, {
-    size: [i, l]
-  }], g = () => [ge, de, oe], f = () => [
+  }], r = () => ["auto", "cover", "contain", kr, gr, {
+    size: [c, i]
+  }], h = () => [he, de, oe], d = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
     x,
-    i,
-    l
-  ], w = () => ["", k, de, oe], W = () => ["solid", "dashed", "dotted", "double"], d = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], s = () => [k, ge, Re, Fe], j = () => [
+    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 = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    E,
-    i,
-    l
-  ], N = () => ["none", k, i, l], q = () => ["none", k, i, l], te = () => [k, i, l], Y = () => [se, "full", ...u()];
+    _,
+    c,
+    i
+  ], M = () => ["none", y, c, i], W = () => ["none", y, c, i], te = () => [y, c, i], Y = () => [se, "full", ...m()];
   return {
     cacheSize: 500,
     theme: {
@@ -583,14 +583,14 @@ const C = (e) => {
       container: [Z],
       "drop-shadow": [Z],
       ease: ["in", "out", "in-out"],
-      font: [gr],
+      font: [hr],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
       "inset-shadow": [Z],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
       radius: [Z],
       shadow: [Z],
-      spacing: ["px", k],
+      spacing: ["px", y],
       text: [Z],
       "text-shadow": [Z],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
@@ -604,7 +604,7 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", se, l, i, z]
+        aspect: ["auto", "square", se, i, c, L]
       }],
       /**
        * Container
@@ -617,7 +617,7 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [k, l, i, y]
+        columns: [y, i, c, w]
       }],
       /**
        * Break After
@@ -695,49 +695,49 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: G()
+        object: O()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: F()
+        overflow: T()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": F()
+        "overflow-x": T()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": F()
+        "overflow-y": T()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: R()
+        overscroll: A()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": R()
+        "overscroll-x": A()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": R()
+        "overscroll-y": A()
       }],
       /**
        * Position
@@ -749,63 +749,63 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: A()
+        inset: z()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": A()
+        "inset-x": z()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": A()
+        "inset-y": z()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: A()
+        start: z()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: A()
+        end: z()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: A()
+        top: z()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: A()
+        right: z()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: A()
+        bottom: z()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: A()
+        left: z()
       }],
       /**
        * Visibility
@@ -817,7 +817,7 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [J, "auto", i, l]
+        z: [J, "auto", c, i]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -827,7 +827,7 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [se, "full", "auto", y, ...u()]
+        basis: [se, "full", "auto", w, ...m()]
       }],
       /**
        * Flex Direction
@@ -848,28 +848,28 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [k, se, "auto", "initial", "none", l]
+        flex: [y, se, "auto", "initial", "none", i]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", k, i, l]
+        grow: ["", y, c, i]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", k, i, l]
+        shrink: ["", y, c, i]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [J, "first", "last", "none", i, l]
+        order: [J, "first", "last", "none", c, i]
       }],
       /**
        * Grid Template Columns
@@ -953,21 +953,21 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: u()
+        gap: m()
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": u()
+        "gap-x": m()
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": u()
+        "gap-y": m()
       }],
       /**
        * Justify Content
@@ -981,14 +981,14 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...I(), "normal"]
+        "justify-items": [...H(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...I()]
+        "justify-self": ["auto", ...H()]
       }],
       /**
        * Align Content
@@ -1002,7 +1002,7 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...I(), {
+        items: [...H(), {
           baseline: ["", "last"]
         }]
       }],
@@ -1011,7 +1011,7 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...I(), {
+        self: ["auto", ...H(), {
           baseline: ["", "last"]
         }]
       }],
@@ -1027,14 +1027,14 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...I(), "baseline"]
+        "place-items": [...H(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...I()]
+        "place-self": ["auto", ...H()]
       }],
       // Spacing
       /**
@@ -1042,133 +1042,133 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: u()
+        p: m()
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: u()
+        px: m()
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: u()
+        py: m()
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: u()
+        ps: m()
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: u()
+        pe: m()
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: u()
+        pt: m()
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: u()
+        pr: m()
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: u()
+        pb: m()
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: u()
+        pl: m()
       }],
       /**
        * Margin
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: M()
+        m: P()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: M()
+        mx: P()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: M()
+        my: P()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: M()
+        ms: P()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: M()
+        me: P()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: M()
+        mt: P()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: M()
+        mr: P()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: M()
+        mb: P()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: M()
+        ml: P()
       }],
       /**
        * Space Between X
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-x": [{
-        "space-x": u()
+        "space-x": m()
       }],
       /**
        * Space Between X Reverse
@@ -1180,7 +1180,7 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/margin#adding-space-between-children
        */
       "space-y": [{
-        "space-y": u()
+        "space-y": m()
       }],
       /**
        * Space Between Y Reverse
@@ -1195,14 +1195,14 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: O()
+        size: B()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [y, "screen", ...O()]
+        w: [w, "screen", ...B()]
       }],
       /**
        * Min-Width
@@ -1210,11 +1210,11 @@ const C = (e) => {
        */
       "min-w": [{
         "min-w": [
-          y,
+          w,
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...O()
+          ...B()
         ]
       }],
       /**
@@ -1223,7 +1223,7 @@ const C = (e) => {
        */
       "max-w": [{
         "max-w": [
-          y,
+          w,
           "screen",
           "none",
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
@@ -1232,7 +1232,7 @@ const C = (e) => {
           {
             screen: [p]
           },
-          ...O()
+          ...B()
         ]
       }],
       /**
@@ -1240,21 +1240,21 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...O()]
+        h: ["screen", "lh", ...B()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...O()]
+        "min-h": ["screen", "lh", "none", ...B()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...O()]
+        "max-h": ["screen", "lh", ...B()]
       }],
       // ------------------
       // --- Typography ---
@@ -1264,7 +1264,7 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", n, de, oe]
+        text: ["base", a, de, oe]
       }],
       /**
        * Font Smoothing
@@ -1281,21 +1281,21 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [t, i, he]
+        font: [t, c, ge]
       }],
       /**
        * 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", ge, l]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", he, i]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [kr, l, a]
+        font: [yr, i, l]
       }],
       /**
        * Font Variant Numeric
@@ -1332,14 +1332,14 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [o, i, l]
+        tracking: [o, c, i]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [k, "none", i, he]
+        "line-clamp": [y, "none", c, ge]
       }],
       /**
        * Line Height
@@ -1349,7 +1349,7 @@ const C = (e) => {
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           b,
-          ...u()
+          ...m()
         ]
       }],
       /**
@@ -1357,7 +1357,7 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", i, l]
+        "list-image": ["none", c, i]
       }],
       /**
        * List Style Position
@@ -1371,7 +1371,7 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", i, l]
+        list: ["disc", "decimal", "none", c, i]
       }],
       /**
        * Text Alignment
@@ -1386,14 +1386,14 @@ const C = (e) => {
        * @see https://v3.tailwindcss.com/docs/placeholder-color
        */
       "placeholder-color": [{
-        placeholder: m()
+        placeholder: f()
       }],
       /**
        * Text Color
        * @see https://tailwindcss.com/docs/text-color
        */
       "text-color": [{
-        text: m()
+        text: f()
       }],
       /**
        * Text Decoration
@@ -1405,28 +1405,28 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...W(), "wavy"]
+        decoration: [...q(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [k, "from-font", "auto", i, oe]
+        decoration: [y, "from-font", "auto", c, oe]
       }],
       /**
        * Text Decoration Color
        * @see https://tailwindcss.com/docs/text-decoration-color
        */
       "text-decoration-color": [{
-        decoration: m()
+        decoration: f()
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [k, "auto", i, l]
+        "underline-offset": [y, "auto", c, i]
       }],
       /**
        * Text Transform
@@ -1450,14 +1450,14 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: u()
+        indent: m()
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", i, l]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", c, i]
       }],
       /**
        * Whitespace
@@ -1492,7 +1492,7 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", i, l]
+        content: ["none", c, i]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -1547,59 +1547,59 @@ const C = (e) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, J, i, l],
-          radial: ["", i, l],
-          conic: [J, i, l]
-        }, yr, xr]
+          }, J, c, i],
+          radial: ["", c, i],
+          conic: [J, c, i]
+        }, wr, xr]
       }],
       /**
        * Background Color
        * @see https://tailwindcss.com/docs/background-color
        */
       "bg-color": [{
-        bg: m()
+        bg: f()
       }],
       /**
        * Gradient Color Stops From Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: g()
+        from: h()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: g()
+        via: h()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: g()
+        to: h()
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: m()
+        from: f()
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: m()
+        via: f()
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: m()
+        to: f()
       }],
       // ---------------
       // --- Borders ---
@@ -1609,175 +1609,175 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: f()
+        rounded: d()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": f()
+        "rounded-s": d()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": f()
+        "rounded-e": d()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": f()
+        "rounded-t": d()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": f()
+        "rounded-r": d()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": f()
+        "rounded-b": d()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": f()
+        "rounded-l": d()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": f()
+        "rounded-ss": d()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": f()
+        "rounded-se": d()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": f()
+        "rounded-ee": d()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": f()
+        "rounded-es": d()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": f()
+        "rounded-tl": d()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": f()
+        "rounded-tr": d()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": f()
+        "rounded-br": d()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": f()
+        "rounded-bl": d()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: w()
+        border: k()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": w()
+        "border-x": k()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": w()
+        "border-y": k()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": w()
+        "border-s": k()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": w()
+        "border-e": k()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": w()
+        "border-t": k()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": w()
+        "border-r": k()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": w()
+        "border-b": k()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": w()
+        "border-l": k()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": w()
+        "divide-x": k()
       }],
       /**
        * Divide Width X Reverse
@@ -1789,7 +1789,7 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": w()
+        "divide-y": k()
       }],
       /**
        * Divide Width Y Reverse
@@ -1801,112 +1801,112 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...W(), "hidden", "none"]
+        border: [...q(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...W(), "hidden", "none"]
+        divide: [...q(), "hidden", "none"]
       }],
       /**
        * Border Color
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color": [{
-        border: m()
+        border: f()
       }],
       /**
        * Border Color X
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-x": [{
-        "border-x": m()
+        "border-x": f()
       }],
       /**
        * Border Color Y
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-y": [{
-        "border-y": m()
+        "border-y": f()
       }],
       /**
        * Border Color S
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-s": [{
-        "border-s": m()
+        "border-s": f()
       }],
       /**
        * Border Color E
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-e": [{
-        "border-e": m()
+        "border-e": f()
       }],
       /**
        * Border Color Top
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-t": [{
-        "border-t": m()
+        "border-t": f()
       }],
       /**
        * Border Color Right
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-r": [{
-        "border-r": m()
+        "border-r": f()
       }],
       /**
        * Border Color Bottom
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-b": [{
-        "border-b": m()
+        "border-b": f()
       }],
       /**
        * Border Color Left
        * @see https://tailwindcss.com/docs/border-color
        */
       "border-color-l": [{
-        "border-l": m()
+        "border-l": f()
       }],
       /**
        * Divide Color
        * @see https://tailwindcss.com/docs/divide-color
        */
       "divide-color": [{
-        divide: m()
+        divide: f()
       }],
       /**
        * Outline Style
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...W(), "none", "hidden"]
+        outline: [...q(), "none", "hidden"]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [k, i, l]
+        "outline-offset": [y, c, i]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", k, de, oe]
+        outline: ["", y, de, oe]
       }],
       /**
        * Outline Color
        * @see https://tailwindcss.com/docs/outline-color
        */
       "outline-color": [{
-        outline: m()
+        outline: f()
       }],
       // ---------------
       // --- Effects ---
@@ -1920,7 +1920,7 @@ const C = (e) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          _,
+          C,
           fe,
           me
         ]
@@ -1930,7 +1930,7 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-shadow-color
        */
       "shadow-color": [{
-        shadow: m()
+        shadow: f()
       }],
       /**
        * Inset Box Shadow
@@ -1944,14 +1944,14 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-shadow-color
        */
       "inset-shadow-color": [{
-        "inset-shadow": m()
+        "inset-shadow": f()
       }],
       /**
        * Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: w()
+        ring: k()
       }],
       /**
        * Ring Width Inset
@@ -1965,7 +1965,7 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-ring-color
        */
       "ring-color": [{
-        ring: m()
+        ring: f()
       }],
       /**
        * Ring Offset Width
@@ -1974,7 +1974,7 @@ const C = (e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [k, oe]
+        "ring-offset": [y, oe]
       }],
       /**
        * Ring Offset Color
@@ -1983,56 +1983,56 @@ const C = (e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-color": [{
-        "ring-offset": m()
+        "ring-offset": f()
       }],
       /**
        * Inset Ring Width
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": w()
+        "inset-ring": k()
       }],
       /**
        * Inset Ring Color
        * @see https://tailwindcss.com/docs/box-shadow#setting-the-inset-ring-color
        */
       "inset-ring-color": [{
-        "inset-ring": m()
+        "inset-ring": f()
       }],
       /**
        * Text Shadow
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", H, fe, me]
+        "text-shadow": ["none", D, fe, me]
       }],
       /**
        * Text Shadow Color
        * @see https://tailwindcss.com/docs/text-shadow#setting-the-shadow-color
        */
       "text-shadow-color": [{
-        "text-shadow": m()
+        "text-shadow": f()
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [k, i, l]
+        opacity: [y, c, i]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...d(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...u(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": d()
+        "bg-blend": u()
       }],
       /**
        * Mask Clip
@@ -2053,106 +2053,106 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [k]
+        "mask-linear": [y]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": s()
+        "mask-linear-from": n()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": s()
+        "mask-linear-to": n()
       }],
       "mask-image-linear-from-color": [{
-        "mask-linear-from": m()
+        "mask-linear-from": f()
       }],
       "mask-image-linear-to-color": [{
-        "mask-linear-to": m()
+        "mask-linear-to": f()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": s()
+        "mask-t-from": n()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": s()
+        "mask-t-to": n()
       }],
       "mask-image-t-from-color": [{
-        "mask-t-from": m()
+        "mask-t-from": f()
       }],
       "mask-image-t-to-color": [{
-        "mask-t-to": m()
+        "mask-t-to": f()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": s()
+        "mask-r-from": n()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": s()
+        "mask-r-to": n()
       }],
       "mask-image-r-from-color": [{
-        "mask-r-from": m()
+        "mask-r-from": f()
       }],
       "mask-image-r-to-color": [{
-        "mask-r-to": m()
+        "mask-r-to": f()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": s()
+        "mask-b-from": n()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": s()
+        "mask-b-to": n()
       }],
       "mask-image-b-from-color": [{
-        "mask-b-from": m()
+        "mask-b-from": f()
       }],
       "mask-image-b-to-color": [{
-        "mask-b-to": m()
+        "mask-b-to": f()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": s()
+        "mask-l-from": n()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": s()
+        "mask-l-to": n()
       }],
       "mask-image-l-from-color": [{
-        "mask-l-from": m()
+        "mask-l-from": f()
       }],
       "mask-image-l-to-color": [{
-        "mask-l-to": m()
+        "mask-l-to": f()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": s()
+        "mask-x-from": n()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": s()
+        "mask-x-to": n()
       }],
       "mask-image-x-from-color": [{
-        "mask-x-from": m()
+        "mask-x-from": f()
       }],
       "mask-image-x-to-color": [{
-        "mask-x-to": m()
+        "mask-x-to": f()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": s()
+        "mask-y-from": n()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": s()
+        "mask-y-to": n()
       }],
       "mask-image-y-from-color": [{
-        "mask-y-from": m()
+        "mask-y-from": f()
       }],
       "mask-image-y-to-color": [{
-        "mask-y-to": m()
+        "mask-y-to": f()
       }],
       "mask-image-radial": [{
-        "mask-radial": [i, l]
+        "mask-radial": [c, i]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": s()
+        "mask-radial-from": n()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": s()
+        "mask-radial-to": n()
       }],
       "mask-image-radial-from-color": [{
-        "mask-radial-from": m()
+        "mask-radial-from": f()
       }],
       "mask-image-radial-to-color": [{
-        "mask-radial-to": m()
+        "mask-radial-to": f()
       }],
       "mask-image-radial-shape": [{
         "mask-radial": ["circle", "ellipse"]
@@ -2164,22 +2164,22 @@ const C = (e) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": B()
+        "mask-radial-at": R()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [k]
+        "mask-conic": [y]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": s()
+        "mask-conic-from": n()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": s()
+        "mask-conic-to": n()
       }],
       "mask-image-conic-from-color": [{
-        "mask-conic-from": m()
+        "mask-conic-from": f()
       }],
       "mask-image-conic-to-color": [{
-        "mask-conic-to": m()
+        "mask-conic-to": f()
       }],
       /**
        * Mask Mode
@@ -2228,7 +2228,7 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", i, l]
+        mask: ["none", c, i]
       }],
       // ---------------
       // --- Filters ---
@@ -2242,8 +2242,8 @@ const C = (e) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          i,
-          l
+          c,
+          i
         ]
       }],
       /**
@@ -2251,21 +2251,21 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: j()
+        blur: E()
       }],
       /**
        * Brightness
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [k, i, l]
+        brightness: [y, c, i]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [k, i, l]
+        contrast: [y, c, i]
       }],
       /**
        * Drop Shadow
@@ -2276,7 +2276,7 @@ const C = (e) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          P,
+          N,
           fe,
           me
         ]
@@ -2286,42 +2286,42 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/filter-drop-shadow#setting-the-shadow-color
        */
       "drop-shadow-color": [{
-        "drop-shadow": m()
+        "drop-shadow": f()
       }],
       /**
        * Grayscale
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", k, i, l]
+        grayscale: ["", y, c, i]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [k, i, l]
+        "hue-rotate": [y, c, i]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", k, i, l]
+        invert: ["", y, c, i]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [k, i, l]
+        saturate: [y, c, i]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", k, i, l]
+        sepia: ["", y, c, i]
       }],
       /**
        * Backdrop Filter
@@ -2332,8 +2332,8 @@ const C = (e) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          i,
-          l
+          c,
+          i
         ]
       }],
       /**
@@ -2341,63 +2341,63 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": j()
+        "backdrop-blur": E()
       }],
       /**
        * Backdrop Brightness
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [k, i, l]
+        "backdrop-brightness": [y, c, i]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [k, i, l]
+        "backdrop-contrast": [y, c, i]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", k, i, l]
+        "backdrop-grayscale": ["", y, c, i]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [k, i, l]
+        "backdrop-hue-rotate": [y, c, i]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", k, i, l]
+        "backdrop-invert": ["", y, c, i]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [k, i, l]
+        "backdrop-opacity": [y, c, i]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [k, i, l]
+        "backdrop-saturate": [y, c, i]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", k, i, l]
+        "backdrop-sepia": ["", y, c, i]
       }],
       // --------------
       // --- Tables ---
@@ -2414,21 +2414,21 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing": [{
-        "border-spacing": u()
+        "border-spacing": m()
       }],
       /**
        * Border Spacing X
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-x": [{
-        "border-spacing-x": u()
+        "border-spacing-x": m()
       }],
       /**
        * Border Spacing Y
        * @see https://tailwindcss.com/docs/border-spacing
        */
       "border-spacing-y": [{
-        "border-spacing-y": u()
+        "border-spacing-y": m()
       }],
       /**
        * Table Layout
@@ -2452,7 +2452,7 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", i, l]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", c, i]
       }],
       /**
        * Transition Behavior
@@ -2466,28 +2466,28 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [k, "initial", i, l]
+        duration: [y, "initial", c, i]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", L, i, l]
+        ease: ["linear", "initial", I, c, i]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [k, i, l]
+        delay: [y, c, i]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", $, i, l]
+        animate: ["none", $, c, i]
       }],
       // ------------------
       // --- Transforms ---
@@ -2504,70 +2504,70 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [T, i, l]
+        perspective: [F, c, i]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": G()
+        "perspective-origin": O()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: N()
+        rotate: M()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": N()
+        "rotate-x": M()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": N()
+        "rotate-y": M()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": N()
+        "rotate-z": M()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: q()
+        scale: W()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": q()
+        "scale-x": W()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": q()
+        "scale-y": W()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": q()
+        "scale-z": W()
       }],
       /**
        * Scale 3D
@@ -2600,14 +2600,14 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [i, l, "", "none", "gpu", "cpu"]
+        transform: [c, i, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: G()
+        origin: O()
       }],
       /**
        * Transform Style
@@ -2657,7 +2657,7 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/accent-color
        */
       accent: [{
-        accent: m()
+        accent: f()
       }],
       /**
        * Appearance
@@ -2671,7 +2671,7 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
        */
       "caret-color": [{
-        caret: m()
+        caret: f()
       }],
       /**
        * Color Scheme
@@ -2685,7 +2685,7 @@ const C = (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", i, l]
+        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]
       }],
       /**
        * Field Sizing
@@ -2720,126 +2720,126 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": u()
+        "scroll-m": m()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": u()
+        "scroll-mx": m()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": u()
+        "scroll-my": m()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": u()
+        "scroll-ms": m()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": u()
+        "scroll-me": m()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": u()
+        "scroll-mt": m()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": u()
+        "scroll-mr": m()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": u()
+        "scroll-mb": m()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": u()
+        "scroll-ml": m()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": u()
+        "scroll-p": m()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": u()
+        "scroll-px": m()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": u()
+        "scroll-py": m()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": u()
+        "scroll-ps": m()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": u()
+        "scroll-pe": m()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": u()
+        "scroll-pt": m()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": u()
+        "scroll-pr": m()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": u()
+        "scroll-pb": m()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": u()
+        "scroll-pl": m()
       }],
       /**
        * Scroll Snap Align
@@ -2907,7 +2907,7 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", i, l]
+        "will-change": ["auto", "scroll", "contents", "transform", c, i]
       }],
       // -----------
       // --- SVG ---
@@ -2917,21 +2917,21 @@ const C = (e) => {
        * @see https://tailwindcss.com/docs/fill
        */
       fill: [{
-        fill: ["none", ...m()]
+        fill: ["none", ...f()]
       }],
       /**
        * Stroke Width
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [k, de, oe, he]
+        stroke: [y, de, oe, ge]
       }],
       /**
        * Stroke
        * @see https://tailwindcss.com/docs/stroke
        */
       stroke: [{
-        stroke: ["none", ...m()]
+        stroke: ["none", ...f()]
       }],
       // ---------------------
       // --- Accessibility ---
@@ -2999,158 +2999,170 @@ const C = (e) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, Er = /* @__PURE__ */ nr(Cr);
-function Ge(e) {
-  var a, n, t = "";
+}, _r = /* @__PURE__ */ nr(jr);
+function Oe(e) {
+  var l, a, t = "";
   if (typeof e == "string" || typeof e == "number") t += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var o = e.length;
-    for (a = 0; a < o; a++) e[a] && (n = Ge(e[a])) && (t && (t += " "), t += n);
-  } else for (n in e) e[n] && (t && (t += " "), t += n);
+    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;
 }
-function jr() {
-  for (var e, a, n = 0, t = "", o = arguments.length; n < o; n++) (e = arguments[n]) && (a = Ge(e)) && (t && (t += " "), t += a);
+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 pe(...e) {
-  return Er(jr(e));
+  return _r(Er(e));
 }
-const Fr = ({
+const Tr = ({
   initialContent: e = "",
-  onChange: a,
-  onSave: n,
+  onChange: l,
+  onSave: a,
   onExport: t,
   readOnly: o = !1,
   showButtons: b = !1,
   showSaveTitle: p = !1,
-  showStatusBar: y = !1,
-  height: h = "500px"
+  showStatusBar: w = !1,
+  height: g = "500px"
 }) => {
-  const x = be(null), _ = be(null), S = be(null), [H, P] = le(!1), [E, T] = le(!1), [z, L] = le(!1), [$, U] = le("Untitled Document"), [B, G] = le({
+  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
+    strikeThrough: !1,
+    justifyLeft: !1,
+    justifyCenter: !1,
+    justifyRight: !1,
+    justifyFull: !1
   });
   ve(() => {
-    x.current && e && (x.current.innerHTML = e, F());
+    x.current && e && (x.current.innerHTML = e, T());
   }, [e]);
-  const F = D(() => {
+  const T = G(() => {
     if (!x.current) return;
-    const d = (s) => {
-      switch (s.tagName.toLowerCase()) {
+    const u = (n) => {
+      switch (n.tagName.toLowerCase()) {
         case "h1":
-          s.classList.add("text-3xl", "font-bold", "mt-6", "mb-4", "text-gray-800", "border-b", "pb-2");
+          n.classList.add("text-3xl", "font-bold", "mt-6", "mb-4", "text-gray-800", "border-b", "pb-2");
           break;
         case "h2":
-          s.classList.add("text-2xl", "font-bold", "mt-5", "mb-3", "text-gray-800");
+          n.classList.add("text-2xl", "font-bold", "mt-5", "mb-3", "text-gray-800");
           break;
         case "h3":
-          s.classList.add("text-xl", "font-bold", "mt-4", "mb-2", "text-gray-800");
+          n.classList.add("text-xl", "font-bold", "mt-4", "mb-2", "text-gray-800");
           break;
         case "p":
-          s.classList.add("mb-4", "text-gray-700", "leading-relaxed");
+          n.classList.add("mb-4", "text-gray-700", "leading-relaxed");
           break;
         case "ul":
-          s.classList.add("list-disc", "list-inside", "mb-4", "ml-4", "space-y-1");
+          n.classList.add("list-disc", "list-inside", "mb-4", "ml-4", "space-y-1");
           break;
         case "ol":
-          s.classList.add("list-decimal", "list-inside", "mb-4", "ml-4", "space-y-1");
+          n.classList.add("list-decimal", "list-inside", "mb-4", "ml-4", "space-y-1");
           break;
         case "li":
-          s.classList.add("mb-1");
+          n.classList.add("mb-1");
           break;
         case "a":
-          s.classList.add("text-blue-600", "hover:text-blue-800", "underline", "transition-colors");
+          n.classList.add("text-blue-600", "hover:text-blue-800", "underline", "transition-colors");
           break;
         case "blockquote":
-          s.classList.add("border-l-4", "border-blue-500", "pl-4", "italic", "text-gray-600", "my-4");
+          n.classList.add("border-l-4", "border-blue-500", "pl-4", "italic", "text-gray-600", "my-4");
           break;
         case "code":
-          s.parentElement?.tagName.toLowerCase() !== "pre" && s.classList.add("bg-gray-100", "px-2", "py-1", "rounded", "text-sm", "font-mono");
+          n.parentElement?.tagName.toLowerCase() !== "pre" && n.classList.add("bg-gray-100", "px-2", "py-1", "rounded", "text-sm", "font-mono");
           break;
         case "pre":
-          s.classList.add("bg-gray-800", "text-gray-100", "p-4", "rounded-lg", "overflow-x-auto", "my-4");
+          n.classList.add("bg-gray-800", "text-gray-100", "p-4", "rounded-lg", "overflow-x-auto", "my-4");
           break;
       }
-      Array.from(s.children).forEach(d);
+      Array.from(n.children).forEach(u);
     };
-    Array.from(x.current.children).forEach(d);
-  }, []), R = D(() => {
+    Array.from(x.current.children).forEach(u);
+  }, []), A = G(() => {
     if (!(o || !x.current))
       try {
-        const d = window.getSelection();
-        d && d.rangeCount > 0 && d.toString().length > 0 ? G({
+        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")
-        }) : G({
+          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
+          strikeThrough: !1,
+          justifyLeft: !1,
+          justifyCenter: !1,
+          justifyRight: !1,
+          justifyFull: !1
         });
-      } catch (d) {
-        console.warn("Format state detection not available:", d);
+      } catch (u) {
+        console.warn("Format state detection not available:", u);
       }
-  }, [o]), u = D(() => {
+  }, [o]), m = G(() => {
     if (!x.current) return;
-    const d = x.current.innerHTML || "", s = x.current.innerText || "";
-    a?.(s, d, $), F(), R();
-  }, [a, $, F, R]), A = (d) => {
-    const s = d.target.value;
-    U(s);
-    const j = x.current?.innerHTML || "", N = x.current?.innerText || "";
-    a?.(N, j, s);
-  }, X = D((d) => {
+    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, `<${d}>`), setTimeout(F, 10), u(), R();
-      } catch (s) {
-        console.warn(`Format block ${d} failed:`, s);
+        x.current.focus(), document.execCommand("formatBlock", !1, `<${u}>`), setTimeout(T, 10), m(), A();
+      } catch (n) {
+        console.warn(`Format block ${u} failed:`, n);
       }
-  }, [o, F, u, R]), Q = D((d) => {
+  }, [o, T, m, A]), Q = G((u) => {
     if (!(o || !x.current))
       try {
-        x.current.focus(), document.execCommand(d, !1, void 0), setTimeout(F, 10), u(), R();
-      } catch (s) {
-        console.warn(`List command ${d} failed:`, s);
+        x.current.focus(), document.execCommand(u, !1, void 0), setTimeout(T, 10), m(), A();
+      } catch (n) {
+        console.warn(`List command ${u} failed:`, n);
       }
-  }, [o, F, u, R]);
+  }, [o, T, m, A]);
   ve(() => {
-    const d = (s) => {
-      S.current && !S.current.contains(s.target) && (P(!1), T(!1), L(!1));
+    const u = (n) => {
+      S.current && !S.current.contains(n.target) && (N(!1), F(!1), I(!1));
     };
     if (!o)
-      return document.addEventListener("mousedown", d), () => document.removeEventListener("mousedown", d);
+      return document.addEventListener("mousedown", u), () => document.removeEventListener("mousedown", u);
   }, [o]);
   const V = () => {
-    o || P(!0);
+    o || N(!0);
   }, K = () => {
-    o || setTimeout(() => P(!1), 200);
-  }, v = D(
-    (d, s) => {
+    o || setTimeout(() => N(!1), 200);
+  }, v = G(
+    (u, n) => {
       if (!o)
         try {
-          if (x.current?.focus(), d === "formatBlock") {
-            X(s || "p");
+          if (x.current?.focus(), u === "formatBlock") {
+            X(n || "p");
             return;
-          } else if (d === "insertUnorderedList" || d === "insertOrderedList") {
-            Q(d);
+          } else if (u === "insertUnorderedList" || u === "insertOrderedList") {
+            Q(u);
             return;
           } else
-            document.execCommand(d, !1, s);
-          u(), R();
-        } catch (j) {
-          console.warn(`Command ${d} failed:`, j);
+            document.execCommand(u, !1, n);
+          m(), A();
+        } catch (E) {
+          console.warn(`Command ${u} failed:`, E);
         }
     },
-    [o, X, Q, u, R]
-  ), I = D((d) => (s) => {
-    s.preventDefault(), d();
-  }, []), M = [
+    [o, X, Q, m, A]
+  ), H = G((u) => (n) => {
+    n.preventDefault(), u();
+  }, []), P = [
     "#000000",
     "#FFFFFF",
     "#FF0000",
@@ -3171,7 +3183,7 @@ const Fr = ({
     "#FFD700",
     "#90EE90",
     "#ADD8E6"
-  ], O = [
+  ], B = [
     "#FFFFFF",
     "#000000",
     "#FF0000",
@@ -3197,59 +3209,59 @@ const Fr = ({
     "#F0E68C",
     "#F5DEB3",
     "#D3D3D3"
-  ], m = D((d) => {
-    v("foreColor", d);
-  }, [v]), ee = D((d) => {
-    v("hiliteColor", d);
-  }, [v]), re = D(() => {
-    const d = x.current?.innerHTML || "", s = x.current?.innerText || "";
-    n?.(s, d);
-  }, [n]), r = D(() => {
-    const d = x.current?.innerHTML || "";
-    t?.(d);
-  }, [t]), g = () => /* @__PURE__ */ c.jsx("div", { className: "w-px h-6 bg-gray-300 mx-1" }), f = ({ onClick: d, title: s, children: j, isActive: N = !1, className: q = "" }) => /* @__PURE__ */ c.jsx(
+  ], 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",
-        N && "bg-blue-100 text-blue-600 border border-blue-300",
-        q
+        M && "bg-blue-100 text-blue-600 border border-blue-300",
+        W
       ),
       onMouseDown: (te) => te.preventDefault(),
-      onClick: I(d),
-      title: s,
+      onClick: H(u),
+      title: n,
       type: "button",
       disabled: o,
-      children: j
+      children: E
     }
-  ), w = ({ colors: d, onColorSelect: s, isOpen: j, onToggle: N, buttonContent: q, title: te }) => /* @__PURE__ */ c.jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ c.jsxs(
-      f,
+  ), k = ({ colors: u, onColorSelect: n, isOpen: E, onToggle: M, buttonContent: W, title: te }) => /* @__PURE__ */ s.jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ s.jsxs(
+      d,
       {
-        onClick: N,
+        onClick: M,
         title: te,
         className: "relative",
         children: [
-          q,
-          /* @__PURE__ */ c.jsx("span", { className: "absolute -bottom-1 -right-1 text-[8px]", children: "▼" })
+          W,
+          /* @__PURE__ */ s.jsx("span", { className: "absolute -bottom-1 -right-1 text-[8px]", children: "▼" })
         ]
       }
     ),
-    j && /* @__PURE__ */ c.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: d.map((Y) => /* @__PURE__ */ c.jsx(
+    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: (De) => De.preventDefault(),
-        onClick: I(() => {
-          s(Y), N();
+        onMouseDown: (Ge) => Ge.preventDefault(),
+        onClick: H(() => {
+          n(Y), M();
         })
       },
       Y
     )) })
   ] });
-  return /* @__PURE__ */ c.jsxs(
+  return /* @__PURE__ */ s.jsxs(
     "div",
     {
       ref: S,
@@ -3258,7 +3270,7 @@ const Fr = ({
         o && "pointer-events-none opacity-80"
       ),
       children: [
-        p && /* @__PURE__ */ c.jsx("div", { className: "p-6 border-b border-gray-200 bg-gray-50", children: /* @__PURE__ */ c.jsx(
+        p && /* @__PURE__ */ s.jsx("div", { className: "p-6 border-b border-gray-200 bg-gray-50", children: /* @__PURE__ */ s.jsx(
           "input",
           {
             type: "text",
@@ -3267,13 +3279,13 @@ const Fr = ({
               o && "cursor-default"
             ),
             value: $,
-            onChange: A,
+            onChange: z,
             placeholder: "Document Title",
             readOnly: o
           }
         ) }),
-        b && /* @__PURE__ */ c.jsxs("div", { className: "border-b border-gray-200 bg-gray-50 px-4 py-2 flex items-center gap-2", children: [
-          /* @__PURE__ */ c.jsx(
+        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",
             {
               onClick: re,
@@ -3282,7 +3294,7 @@ const Fr = ({
               children: "Save"
             }
           ),
-          /* @__PURE__ */ c.jsx(
+          /* @__PURE__ */ s.jsx(
             "button",
             {
               onClick: r,
@@ -3291,144 +3303,181 @@ const Fr = ({
             }
           )
         ] }),
-        !o && H && /* @__PURE__ */ c.jsxs(
+        !o && D && /* @__PURE__ */ s.jsxs(
           "div",
           {
-            ref: _,
+            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__ */ c.jsx(
-                f,
+              /* @__PURE__ */ s.jsx(
+                d,
                 {
                   onClick: () => v("bold"),
                   title: "Bold",
-                  isActive: B.bold,
-                  children: /* @__PURE__ */ c.jsx("span", { className: "font-bold text-sm", children: "B" })
+                  isActive: R.bold,
+                  children: /* @__PURE__ */ s.jsx("span", { className: "font-bold text-sm", children: "B" })
                 }
               ),
-              /* @__PURE__ */ c.jsx(
-                f,
+              /* @__PURE__ */ s.jsx(
+                d,
                 {
                   onClick: () => v("italic"),
                   title: "Italic",
-                  isActive: B.italic,
-                  children: /* @__PURE__ */ c.jsx("span", { className: "italic text-sm", children: "I" })
+                  isActive: R.italic,
+                  children: /* @__PURE__ */ s.jsx("span", { className: "italic text-sm", children: "I" })
                 }
               ),
-              /* @__PURE__ */ c.jsx(
-                f,
+              /* @__PURE__ */ s.jsx(
+                d,
                 {
                   onClick: () => v("underline"),
                   title: "Underline",
-                  isActive: B.underline,
-                  children: /* @__PURE__ */ c.jsx("span", { className: "underline text-sm", children: "U" })
+                  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__ */ c.jsx(g, {}),
-              /* @__PURE__ */ c.jsx(
-                w,
+              /* @__PURE__ */ s.jsx(h, {}),
+              /* @__PURE__ */ s.jsx(
+                k,
                 {
-                  colors: M,
-                  onColorSelect: m,
-                  isOpen: E,
+                  colors: P,
+                  onColorSelect: f,
+                  isOpen: _,
                   onToggle: () => {
-                    T(!E), L(!1);
+                    F(!_), I(!1);
                   },
-                  buttonContent: /* @__PURE__ */ c.jsxs("div", { className: "flex flex-col items-center", children: [
-                    /* @__PURE__ */ c.jsx("span", { className: "text-xs font-bold", children: "A" }),
-                    /* @__PURE__ */ c.jsx("div", { className: "w-3 h-1 bg-red-500 mt-[-2px]" })
+                  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__ */ c.jsx(
-                w,
+              /* @__PURE__ */ s.jsx(
+                k,
                 {
-                  colors: O,
+                  colors: B,
                   onColorSelect: ee,
-                  isOpen: z,
+                  isOpen: L,
                   onToggle: () => {
-                    L(!z), T(!1);
+                    I(!L), F(!1);
                   },
-                  buttonContent: /* @__PURE__ */ c.jsxs("div", { className: "flex flex-col items-center", children: [
-                    /* @__PURE__ */ c.jsx("div", { className: "w-4 h-3 border border-gray-400 bg-yellow-200" }),
-                    /* @__PURE__ */ c.jsx("span", { className: "text-[8px] mt-[-2px]", children: "Bg" })
+                  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__ */ c.jsx(g, {}),
-              /* @__PURE__ */ c.jsx(
-                f,
+              /* @__PURE__ */ s.jsx(h, {}),
+              /* @__PURE__ */ s.jsx(
+                d,
                 {
                   onClick: () => v("insertUnorderedList"),
                   title: "Bulleted List",
-                  children: /* @__PURE__ */ c.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ c.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" }) })
+                  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__ */ c.jsx(
-                f,
+              /* @__PURE__ */ s.jsx(
+                d,
                 {
                   onClick: () => v("insertOrderedList"),
                   title: "Numbered List",
-                  children: /* @__PURE__ */ c.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ c.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" }) })
+                  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__ */ c.jsx(g, {}),
-              /* @__PURE__ */ c.jsx(
-                f,
+              /* @__PURE__ */ s.jsx(h, {}),
+              /* @__PURE__ */ s.jsx(
+                d,
                 {
                   onClick: () => v("formatBlock", "h1"),
                   title: "Heading 1",
-                  children: /* @__PURE__ */ c.jsx("span", { className: "text-xs font-bold", children: "H1" })
+                  children: /* @__PURE__ */ s.jsx("span", { className: "text-xs font-bold", children: "H1" })
                 }
               ),
-              /* @__PURE__ */ c.jsx(
-                f,
+              /* @__PURE__ */ s.jsx(
+                d,
                 {
                   onClick: () => v("formatBlock", "h2"),
                   title: "Heading 2",
-                  children: /* @__PURE__ */ c.jsx("span", { className: "text-xs font-bold", children: "H2" })
+                  children: /* @__PURE__ */ s.jsx("span", { className: "text-xs font-bold", children: "H2" })
                 }
               ),
-              /* @__PURE__ */ c.jsx(
-                f,
+              /* @__PURE__ */ s.jsx(
+                d,
                 {
                   onClick: () => v("formatBlock", "h3"),
                   title: "Heading 3",
-                  children: /* @__PURE__ */ c.jsx("span", { className: "text-xs font-bold", children: "H3" })
+                  children: /* @__PURE__ */ s.jsx("span", { className: "text-xs font-bold", children: "H3" })
                 }
               ),
-              /* @__PURE__ */ c.jsx(g, {}),
-              /* @__PURE__ */ c.jsx(
-                f,
+              /* @__PURE__ */ s.jsx(h, {}),
+              /* @__PURE__ */ s.jsx(
+                d,
                 {
                   onClick: () => v("formatBlock", "blockquote"),
                   title: "Quote",
-                  children: /* @__PURE__ */ c.jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ c.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" }) })
+                  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__ */ c.jsx(
-                f,
+              /* @__PURE__ */ s.jsx(
+                d,
                 {
                   onClick: () => v("formatBlock", "pre"),
                   title: "Code Block",
-                  children: /* @__PURE__ */ c.jsx("svg", { width: "16", height: "16", viewBox: "0 0 32 32", fill: "currentColor", children: /* @__PURE__ */ c.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" }) })
+                  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__ */ c.jsx(g, {}),
-              /* @__PURE__ */ c.jsx(f, { onClick: () => v("undo"), title: "Undo", children: /* @__PURE__ */ c.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: [
-                /* @__PURE__ */ c.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__ */ c.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(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__ */ c.jsx(f, { onClick: () => v("redo"), title: "Redo", children: /* @__PURE__ */ c.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "currentColor", children: [
-                /* @__PURE__ */ c.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__ */ c.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(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__ */ c.jsx(
+        /* @__PURE__ */ s.jsx(
           "div",
           {
             ref: x,
@@ -3455,21 +3504,21 @@ const Fr = ({
             suppressContentEditableWarning: !0,
             onFocus: V,
             onBlur: K,
-            onInput: u,
-            onKeyDown: (d) => {
-              d.key === "Tab" && (d.preventDefault(), v("indent"));
+            onInput: m,
+            onKeyDown: (u) => {
+              u.key === "Tab" && (u.preventDefault(), v("indent"));
             },
             "data-placeholder": o ? "" : "Start typing...",
-            style: { minHeight: h }
+            style: { minHeight: g }
           }
         ),
-        y && /* @__PURE__ */ c.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__ */ c.jsxs("span", { children: [
+        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((d) => d.length > 0).length || 0
+            x.current?.innerText?.split(/\s+/).filter((u) => u.length > 0).length || 0
           ] }),
-          /* @__PURE__ */ c.jsxs("span", { children: [
+          /* @__PURE__ */ s.jsxs("span", { children: [
             "Characters: ",
             x.current?.innerText?.length || 0
           ] })
@@ -3479,5 +3528,5 @@ const Fr = ({
   );
 };
 export {
-  Fr as TextEditor
+  Tr as TextEditor
 };