@commercetools/nimbus 0.0.0-canary-20250903150359 → 0.0.0-canary-20250904053156

package/dist/chunks/{rich-text-input-CgrxAPHc.es.js → rich-text-input-9MdutxJr.es.js}

@@ -1,23 +1,23 @@
-import { jsx as o, jsxs as n } from "react/jsx-runtime";
-import { forwardRef as ae, useMemo as se, useCallback as M, useImperativeHandle as de, useState as G, useRef as ce, useEffect as he } from "react";
-import { defineSlotRecipe as ue, createSlotRecipeContext as pe, useSlotRecipe as fe } from "@chakra-ui/react";
-import { e as ge } from "./extractStyleProps-vA4cNUoc.es.js";
-import { h as _, j as W, O as N, P as j, k as me, w as ye, l as ve, r as xe, e as Se, g as be, L as we, m as Re, c as B, n as Te, o as Me, u as Y, b as V, f as q, t as De, v as Ie } from "./slate-helpers-DunxggA8.es.js";
-import { a as Ce, u as Z, c as Be, b as Le } from "./use-formatting-state-DdKYccZs.es.js";
-import { EDITOR_DEFAULTS as I, textStyles as Pe } from "../components/constants.es.js";
+import { jsx as r, jsxs as n } from "react/jsx-runtime";
+import { forwardRef as se, useMemo as de, useCallback as M, useImperativeHandle as ce, useState as G, useRef as ue, useEffect as he } from "react";
+import { defineSlotRecipe as pe, createSlotRecipeContext as fe, useSlotRecipe as ge } from "@chakra-ui/react";
+import { e as me } from "./extractStyleProps-CFQKiz8b.es.js";
+import { j as _, k as W, O as N, P as j, w as ye, l as ve, r as xe, e as Se, g as be, L as we, m as Re, c as P, n as Te, o as Me, u as Z, b as V, f as q, t as De, v as Ie } from "./slate-helpers-DsTiLoO8.es.js";
+import { a as Ce, u as $, c as Pe, b as Be } from "./use-formatting-state-B26nE9CO.es.js";
+import { EDITOR_DEFAULTS as I, textStyles as Le } from "../components/constants.es.js";
 import { B as b } from "./box-DuBoAZvq.es.js";
-import { D as X } from "./divider--BAm3ca4.es.js";
+import { D as X } from "./divider-BdtT_f-U.es.js";
 import { G as J } from "./group-CqfSQXe7.es.js";
-import { I as k } from "./icon-button-C20Gw8gQ.es.js";
-import { I as R } from "./icon-toggle-button-CgHQMDs3.es.js";
+import { I as k } from "./icon-button-DPtCLr1A.es.js";
+import { I as R } from "./icon-toggle-button-BItuQ_Lh.es.js";
 import { T as v } from "./text-DfQpupDi.es.js";
 import { b as d } from "./tooltip-B1YdruCE.es.js";
 import { V as T } from "./visually-hidden-BluyWhUI.es.js";
 import { T as Q } from "./toggle-button-group-jRdpdYyd.es.js";
-import { T as ze } from "./toolbar-hpBfKrTl.es.js";
-import { MoreHoriz as He, FormatStrikethrough as Ee, Code as Fe, KeyboardArrowDown as Oe, FormatBold as Ve, FormatItalic as Ae, FormatUnderlined as We, FormatListBulleted as Ne, FormatListNumbered as ke, Undo as Ke, Redo as Ue } from "@commercetools/nimbus-icons";
-import { M as g } from "./menu-8g9Hn1nm.es.js";
-const $ = /* @__PURE__ */ ue({
+import { T as Oe } from "./toolbar-Oxkd8pfI.es.js";
+import { MoreHoriz as ze, FormatStrikethrough as He, Code as Ee, KeyboardArrowDown as Fe, FormatBold as Ve, FormatItalic as Ae, FormatUnderlined as We, FormatListBulleted as Ne, FormatListNumbered as ke, Undo as Ke, Redo as Ue } from "@commercetools/nimbus-icons";
+import { M as g } from "./menu-aLEA43vB.es.js";
+const ee = /* @__PURE__ */ pe({
   slots: ["root", "toolbar", "editable"],
   className: "nimbus-rich-text-input",
   base: {
@@ -137,22 +137,35 @@ const $ = /* @__PURE__ */ ue({
     }
   },
   variants: {}
-}), { withProvider: Ge, withContext: ee } = /* @__PURE__ */ pe({
-  recipe: $
-}), _e = /* @__PURE__ */ Ge("div", "root"), je = /* @__PURE__ */ ee("div", "toolbar"), qe = /* @__PURE__ */ ee("div", "editable");
-var Xe = {
+}), { withProvider: Ge, withContext: te } = /* @__PURE__ */ fe({
+  recipe: ee
+}), _e = /* @__PURE__ */ Ge("div", "root"), je = /* @__PURE__ */ te("div", "toolbar"), qe = /* @__PURE__ */ te("div", "editable");
+/*!
+ * is-plain-object <https://github.com/jonschlinkert/is-plain-object>
+ *
+ * Copyright (c) 2014-2017, Jon Schlinkert.
+ * Released under the MIT License.
+ */
+function Y(e) {
+  return Object.prototype.toString.call(e) === "[object Object]";
+}
+function Xe(e) {
+  var t, o;
+  return Y(e) === !1 ? !1 : (t = e.constructor, t === void 0 ? !0 : (o = t.prototype, !(Y(o) === !1 || o.hasOwnProperty("isPrototypeOf") === !1)));
+}
+var Je = {
   /**
    * Check if a value is a `History` object.
    */
   isHistory(e) {
-    return me(e) && Array.isArray(e.redos) && Array.isArray(e.undos) && (e.redos.length === 0 || N.isOperationList(e.redos[0].operations)) && (e.undos.length === 0 || N.isOperationList(e.undos[0].operations));
+    return Xe(e) && Array.isArray(e.redos) && Array.isArray(e.undos) && (e.redos.length === 0 || N.isOperationList(e.redos[0].operations)) && (e.undos.length === 0 || N.isOperationList(e.undos[0].operations));
   }
 }, A = /* @__PURE__ */ new WeakMap(), S = /* @__PURE__ */ new WeakMap(), C = /* @__PURE__ */ new WeakMap(), m = {
   /**
    * Check if a value is a `HistoryEditor` object.
    */
   isHistoryEditor(e) {
-    return Xe.isHistory(e.history) && W.isEditor(e);
+    return Je.isHistory(e.history) && W.isEditor(e);
   },
   /**
    * Get the merge flag's current value.
@@ -192,8 +205,8 @@ var Xe = {
    * be merged into the previous history.
    */
   withMerging(e, t) {
-    var i = m.isMerging(e);
-    S.set(e, !0), t(), S.set(e, i);
+    var o = m.isMerging(e);
+    S.set(e, !0), t(), S.set(e, o);
   },
   /**
    * Apply a series of changes inside a synchronous `fn`, ensuring that the first
@@ -201,33 +214,33 @@ var Xe = {
    * merged as usual.
    */
   withNewBatch(e, t) {
-    var i = m.isMerging(e);
-    S.set(e, !0), C.set(e, !0), t(), S.set(e, i), C.delete(e);
+    var o = m.isMerging(e);
+    S.set(e, !0), C.set(e, !0), t(), S.set(e, o), C.delete(e);
   },
   /**
    * Apply a series of changes inside a synchronous `fn`, without merging any of
    * the new operations into previous save point in the history.
    */
   withoutMerging(e, t) {
-    var i = m.isMerging(e);
-    S.set(e, !1), t(), S.set(e, i);
+    var o = m.isMerging(e);
+    S.set(e, !1), t(), S.set(e, o);
   },
   /**
    * Apply a series of changes inside a synchronous `fn`, without saving any of
    * their operations into the history.
    */
   withoutSaving(e, t) {
-    var i = m.isSaving(e);
+    var o = m.isSaving(e);
     A.set(e, !1);
     try {
       t();
     } finally {
-      A.set(e, i);
+      A.set(e, o);
     }
   }
-}, Je = (e) => {
+}, Qe = (e) => {
   var t = e, {
-    apply: i
+    apply: o
   } = t;
   return t.history = {
     undos: [],
@@ -258,8 +271,8 @@ var Xe = {
       m.withoutSaving(t, () => {
         W.withoutNormalizing(t, () => {
           var c = s.operations.map(N.inverse).reverse();
-          for (var h of c)
-            t.apply(h);
+          for (var u of c)
+            t.apply(u);
           s.selectionBefore && _.setSelection(t, s.selectionBefore);
         });
       }), t.writeHistory("redos", s), a.undos.pop();
@@ -270,79 +283,79 @@ var Xe = {
       history: s
     } = t, {
       undos: c
-    } = s, h = c[c.length - 1], y = h && h.operations[h.operations.length - 1], f = m.isSaving(t), u = m.isMerging(t);
-    if (f == null && (f = Ye(a)), f) {
-      if (u == null && (h == null ? u = !1 : l.length !== 0 ? u = !0 : u = Qe(a, y)), m.isSplittingOnce(t) && (u = !1, m.setSplittingOnce(t, void 0)), h && u)
-        h.operations.push(a);
+    } = s, u = c[c.length - 1], y = u && u.operations[u.operations.length - 1], f = m.isSaving(t), h = m.isMerging(t);
+    if (f == null && (f = Ze(a)), f) {
+      if (h == null && (u == null ? h = !1 : l.length !== 0 ? h = !0 : h = Ye(a, y)), m.isSplittingOnce(t) && (h = !1, m.setSplittingOnce(t, void 0)), u && h)
+        u.operations.push(a);
       else {
-        var r = {
+        var i = {
           operations: [a],
           selectionBefore: t.selection
         };
-        t.writeHistory("undos", r);
+        t.writeHistory("undos", i);
       }
       for (; c.length > 100; )
         c.shift();
       s.redos = [];
     }
-    i(a);
+    o(a);
   }, t.writeHistory = (a, l) => {
     t.history[a].push(l);
   }, t;
-}, Qe = (e, t) => !!(t && e.type === "insert_text" && t.type === "insert_text" && e.offset === t.offset + t.text.length && j.equals(e.path, t.path) || t && e.type === "remove_text" && t.type === "remove_text" && e.offset + e.text.length === t.offset && j.equals(e.path, t.path)), Ye = (e, t) => e.type !== "set_selection";
-const te = /* @__PURE__ */ ae((e, t) => {
+}, Ye = (e, t) => !!(t && e.type === "insert_text" && t.type === "insert_text" && e.offset === t.offset + t.text.length && j.equals(e.path, t.path) || t && e.type === "remove_text" && t.type === "remove_text" && e.offset + e.text.length === t.offset && j.equals(e.path, t.path)), Ze = (e, t) => e.type !== "set_selection";
+const re = /* @__PURE__ */ se((e, t) => {
   const {
-    value: i,
+    value: o,
     onChange: a,
     onFocus: l,
     onBlur: s,
     placeholder: c = I.placeholder,
-    isDisabled: h = I.isDisabled,
+    isDisabled: u = I.isDisabled,
     isReadOnly: y = I.isReadOnly,
     autoFocus: f = I.autoFocus,
-    toolbar: u
-  } = e, r = se(() => {
+    toolbar: h
+  } = e, i = de(() => {
     const p = Me();
-    return ye(Je(ve(p)));
-  }, []), { handleKeyDown: L } = Ce({ editor: r }), P = M(
+    return ye(Qe(ve(p)));
+  }, []), { handleKeyDown: B } = Ce({ editor: i }), L = M(
     (p) => {
       l && l(p);
     },
     [l]
-  ), z = M(
+  ), O = M(
     (p) => {
       s && s(p);
     },
     [s]
   );
-  de(
+  ce(
     t,
     () => ({
-      focus: () => Se(r),
-      resetValue: (p) => xe(r, p)
+      focus: () => Se(i),
+      resetValue: (p) => xe(i, p)
     }),
-    [r]
+    [i]
   );
-  const H = M(
-    (p) => /* @__PURE__ */ o(be, { ...p }),
+  const z = M(
+    (p) => /* @__PURE__ */ r(be, { ...p }),
     []
-  ), E = M(
-    (p) => /* @__PURE__ */ o(we, { ...p }),
+  ), H = M(
+    (p) => /* @__PURE__ */ r(we, { ...p }),
     []
-  ), F = B(), O = Array.isArray(i) && i.length > 0 ? i : F;
-  return /* @__PURE__ */ n(Re, { editor: r, value: O, onChange: a, children: [
-    u && /* @__PURE__ */ o(je, { children: u }),
-    /* @__PURE__ */ o(qe, { asChild: !0, children: /* @__PURE__ */ o(
+  ), E = P(), F = Array.isArray(o) && o.length > 0 ? o : E;
+  return /* @__PURE__ */ n(Re, { editor: i, initialValue: F, onChange: a, children: [
+    h && /* @__PURE__ */ r(je, { children: h }),
+    /* @__PURE__ */ r(qe, { asChild: !0, children: /* @__PURE__ */ r(
       Te,
       {
-        renderElement: H,
-        renderLeaf: E,
+        renderElement: z,
+        renderLeaf: H,
         placeholder: c,
         autoFocus: f,
-        readOnly: y || h,
-        onKeyDown: L,
-        onFocus: P,
-        onBlur: z,
+        readOnly: y || u,
+        onKeyDown: B,
+        onFocus: L,
+        onBlur: O,
         "aria-label": "Rich text editor",
         role: "textbox",
         "aria-multiline": "true"
@@ -350,10 +363,10 @@ const te = /* @__PURE__ */ ae((e, t) => {
     ) })
   ] });
 });
-te.displayName = "RichTextEditor";
-const Ze = ({ isDisabled: e = !1 }) => {
-  const t = Y(), i = Z(t), { allSelectedKeys: a, handleAllSelectionChange: l } = Be({
-    withPreservedSelection: i
+re.displayName = "RichTextEditor";
+const $e = ({ isDisabled: e = !1 }) => {
+  const t = Z(), o = $(t), { allSelectedKeys: a, handleAllSelectionChange: l } = Pe({
+    withPreservedSelection: o
   });
   return /* @__PURE__ */ n(
     g.Root,
@@ -363,7 +376,7 @@ const Ze = ({ isDisabled: e = !1 }) => {
       onSelectionChange: l,
       children: [
         /* @__PURE__ */ n(d.Root, { delay: 0, closeDelay: 0, children: [
-          /* @__PURE__ */ o(g.Trigger, { asChild: !0, children: /* @__PURE__ */ o(
+          /* @__PURE__ */ r(g.Trigger, { asChild: !0, children: /* @__PURE__ */ r(
             k,
             {
               size: "xs",
@@ -371,27 +384,27 @@ const Ze = ({ isDisabled: e = !1 }) => {
               "aria-label": "More formatting options",
               isDisabled: e,
               onMouseDown: (s) => s.preventDefault(),
-              children: /* @__PURE__ */ o(He, {})
+              children: /* @__PURE__ */ r(ze, {})
             }
           ) }),
-          /* @__PURE__ */ o(d.Content, { placement: "top", children: "More styles" })
+          /* @__PURE__ */ r(d.Content, { placement: "top", children: "More styles" })
         ] }),
         /* @__PURE__ */ n(g.Content, { children: [
-          /* @__PURE__ */ o(g.Item, { id: "strikethrough", children: /* @__PURE__ */ n(b, { slot: "label", display: "flex", alignItems: "center", gap: "200", children: [
-            /* @__PURE__ */ o(Ee, {}),
-            /* @__PURE__ */ o(v, { textStyle: "sm", children: "Strikethrough" })
+          /* @__PURE__ */ r(g.Item, { id: "strikethrough", children: /* @__PURE__ */ n(b, { slot: "label", display: "flex", alignItems: "center", gap: "200", children: [
+            /* @__PURE__ */ r(He, {}),
+            /* @__PURE__ */ r(v, { textStyle: "sm", children: "Strikethrough" })
           ] }) }),
-          /* @__PURE__ */ o(g.Item, { id: "code", children: /* @__PURE__ */ n(b, { slot: "label", display: "flex", alignItems: "center", gap: "200", children: [
-            /* @__PURE__ */ o(Fe, {}),
-            /* @__PURE__ */ o(v, { textStyle: "sm", children: "Code" })
+          /* @__PURE__ */ r(g.Item, { id: "code", children: /* @__PURE__ */ n(b, { slot: "label", display: "flex", alignItems: "center", gap: "200", children: [
+            /* @__PURE__ */ r(Ee, {}),
+            /* @__PURE__ */ r(v, { textStyle: "sm", children: "Code" })
           ] }) }),
-          /* @__PURE__ */ o(g.Item, { id: "superscript", children: /* @__PURE__ */ n(b, { slot: "label", display: "flex", alignItems: "center", gap: "200", children: [
-            /* @__PURE__ */ o(v, { children: "X²" }),
-            /* @__PURE__ */ o(v, { textStyle: "sm", children: "Superscript" })
+          /* @__PURE__ */ r(g.Item, { id: "superscript", children: /* @__PURE__ */ n(b, { slot: "label", display: "flex", alignItems: "center", gap: "200", children: [
+            /* @__PURE__ */ r(v, { children: "X²" }),
+            /* @__PURE__ */ r(v, { textStyle: "sm", children: "Superscript" })
           ] }) }),
-          /* @__PURE__ */ o(g.Item, { id: "subscript", children: /* @__PURE__ */ n(b, { slot: "label", display: "flex", alignItems: "center", gap: "200", children: [
-            /* @__PURE__ */ o(v, { children: "X₂" }),
-            /* @__PURE__ */ o(v, { textStyle: "sm", children: "Subscript" })
+          /* @__PURE__ */ r(g.Item, { id: "subscript", children: /* @__PURE__ */ n(b, { slot: "label", display: "flex", alignItems: "center", gap: "200", children: [
+            /* @__PURE__ */ r(v, { children: "X₂" }),
+            /* @__PURE__ */ r(v, { textStyle: "sm", children: "Subscript" })
           ] }) })
         ] })
       ]
@@ -400,18 +413,18 @@ const Ze = ({ isDisabled: e = !1 }) => {
 }, oe = ({
   isDisabled: e = !1
 }) => {
-  const t = Y(), i = Z(t), {
+  const t = Z(), o = $(t), {
     currentTextStyle: a,
     selectedTextStyleLabel: l,
     handleTextStyleChange: s,
     handleListToggle: c,
-    selectedFormatKeys: h,
+    selectedFormatKeys: u,
     selectedListKeys: y,
     hasUndos: f,
-    hasRedos: u
-  } = Le({ withPreservedSelection: i });
+    hasRedos: h
+  } = Be({ withPreservedSelection: o });
   return /* @__PURE__ */ n(
-    ze,
+    Oe,
     {
       orientation: "horizontal",
       "aria-label": "Text formatting",
@@ -419,13 +432,13 @@ const Ze = ({ isDisabled: e = !1 }) => {
       overflow: "hidden",
       size: "xs",
       children: [
-        /* @__PURE__ */ o(J, { children: /* @__PURE__ */ n(
+        /* @__PURE__ */ r(J, { children: /* @__PURE__ */ n(
           g.Root,
           {
-            onAction: (r) => s(String(r)),
+            onAction: (i) => s(String(i)),
             children: [
               /* @__PURE__ */ n(d.Root, { delay: 0, closeDelay: 0, children: [
-                /* @__PURE__ */ o(
+                /* @__PURE__ */ r(
                   g.Trigger,
                   {
                     height: "800",
@@ -434,36 +447,36 @@ const Ze = ({ isDisabled: e = !1 }) => {
                     borderRadius: "200",
                     _hover: { bg: "primary.2" },
                     isDisabled: e,
-                    onMouseDown: (r) => r.preventDefault(),
+                    onMouseDown: (i) => i.preventDefault(),
                     "aria-label": "Text style menu",
                     children: /* @__PURE__ */ n(b, { display: "flex", alignItems: "center", gap: "200", px: "200", children: [
-                      /* @__PURE__ */ o(b, { display: "flex", alignItems: "center", gap: "200", flexGrow: "1", children: /* @__PURE__ */ o(v, { my: "auto", textStyle: "sm", fontWeight: "500", children: l }) }),
-                      /* @__PURE__ */ o(Oe, {})
+                      /* @__PURE__ */ r(b, { display: "flex", alignItems: "center", gap: "200", flexGrow: "1", children: /* @__PURE__ */ r(v, { my: "auto", textStyle: "sm", fontWeight: "500", children: l }) }),
+                      /* @__PURE__ */ r(Fe, {})
                     ] })
                   }
                 ),
-                /* @__PURE__ */ o(d.Content, { placement: "top", children: "Text style" })
+                /* @__PURE__ */ r(d.Content, { placement: "top", children: "Text style" })
               ] }),
-              /* @__PURE__ */ o(g.Content, { children: Pe.map((r) => /* @__PURE__ */ o(
+              /* @__PURE__ */ r(g.Content, { children: Le.map((i) => /* @__PURE__ */ r(
                 g.Item,
                 {
-                  id: r.id,
-                  ...a === r.id && {
+                  id: i.id,
+                  ...a === i.id && {
                     "data-state": "checked"
                   },
-                  children: /* @__PURE__ */ o(v, { ...r.props, children: r.label })
+                  children: /* @__PURE__ */ r(v, { ...i.props, children: i.label })
                 },
-                r.id
+                i.id
               )) })
             ]
           }
         ) }),
-        /* @__PURE__ */ o(X, { orientation: "vertical" }),
+        /* @__PURE__ */ r(X, { orientation: "vertical" }),
         /* @__PURE__ */ n(
           Q.Root,
           {
             selectionMode: "multiple",
-            selectedKeys: h,
+            selectedKeys: u,
             isDisabled: e,
             children: [
               /* @__PURE__ */ n(d.Root, { delay: 0, closeDelay: 0, children: [
@@ -475,15 +488,15 @@ const Ze = ({ isDisabled: e = !1 }) => {
                     variant: "ghost",
                     "aria-label": "Bold",
                     isDisabled: e,
-                    onMouseDown: (r) => r.preventDefault(),
-                    onPress: i(() => V(t, "bold")),
+                    onMouseDown: (i) => i.preventDefault(),
+                    onPress: o(() => V(t, "bold")),
                     children: [
-                      /* @__PURE__ */ o(Ve, {}),
-                      /* @__PURE__ */ o(T, { children: "Bold" })
+                      /* @__PURE__ */ r(Ve, {}),
+                      /* @__PURE__ */ r(T, { children: "Bold" })
                     ]
                   }
                 ),
-                /* @__PURE__ */ o(d.Content, { placement: "top", children: "Bold" })
+                /* @__PURE__ */ r(d.Content, { placement: "top", children: "Bold" })
               ] }),
               /* @__PURE__ */ n(d.Root, { delay: 0, closeDelay: 0, children: [
                 /* @__PURE__ */ n(
@@ -494,15 +507,15 @@ const Ze = ({ isDisabled: e = !1 }) => {
                     variant: "ghost",
                     "aria-label": "Italic",
                     isDisabled: e,
-                    onMouseDown: (r) => r.preventDefault(),
-                    onPress: i(() => V(t, "italic")),
+                    onMouseDown: (i) => i.preventDefault(),
+                    onPress: o(() => V(t, "italic")),
                     children: [
-                      /* @__PURE__ */ o(Ae, {}),
-                      /* @__PURE__ */ o(T, { children: "Italic" })
+                      /* @__PURE__ */ r(Ae, {}),
+                      /* @__PURE__ */ r(T, { children: "Italic" })
                     ]
                   }
                 ),
-                /* @__PURE__ */ o(d.Content, { placement: "top", children: "Italic" })
+                /* @__PURE__ */ r(d.Content, { placement: "top", children: "Italic" })
               ] }),
               /* @__PURE__ */ n(d.Root, { delay: 0, closeDelay: 0, children: [
                 /* @__PURE__ */ n(
@@ -513,23 +526,23 @@ const Ze = ({ isDisabled: e = !1 }) => {
                     variant: "ghost",
                     "aria-label": "Underline",
                     isDisabled: e,
-                    onMouseDown: (r) => r.preventDefault(),
-                    onPress: i(
+                    onMouseDown: (i) => i.preventDefault(),
+                    onPress: o(
                       () => V(t, "underline")
                     ),
                     children: [
-                      /* @__PURE__ */ o(We, {}),
-                      /* @__PURE__ */ o(T, { children: "Underline" })
+                      /* @__PURE__ */ r(We, {}),
+                      /* @__PURE__ */ r(T, { children: "Underline" })
                     ]
                   }
                 ),
-                /* @__PURE__ */ o(d.Content, { placement: "top", children: "Underline" })
+                /* @__PURE__ */ r(d.Content, { placement: "top", children: "Underline" })
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ o(Ze, { isDisabled: e }),
-        /* @__PURE__ */ o(X, { orientation: "vertical" }),
+        /* @__PURE__ */ r($e, { isDisabled: e }),
+        /* @__PURE__ */ r(X, { orientation: "vertical" }),
         /* @__PURE__ */ n(
           Q.Root,
           {
@@ -540,7 +553,7 @@ const Ze = ({ isDisabled: e = !1 }) => {
             isDisabled: e,
             children: [
               /* @__PURE__ */ n(d.Root, { delay: 0, closeDelay: 0, children: [
-                /* @__PURE__ */ o(
+                /* @__PURE__ */ r(
                   R,
                   {
                     id: "bulleted-list",
@@ -548,14 +561,14 @@ const Ze = ({ isDisabled: e = !1 }) => {
                     variant: "ghost",
                     "aria-label": "Bulleted List",
                     isDisabled: e,
-                    onMouseDown: (r) => r.preventDefault(),
-                    children: /* @__PURE__ */ o(Ne, {})
+                    onMouseDown: (i) => i.preventDefault(),
+                    children: /* @__PURE__ */ r(Ne, {})
                   }
                 ),
-                /* @__PURE__ */ o(d.Content, { placement: "top", children: "Bulleted list" })
+                /* @__PURE__ */ r(d.Content, { placement: "top", children: "Bulleted list" })
               ] }),
               /* @__PURE__ */ n(d.Root, { delay: 0, closeDelay: 0, children: [
-                /* @__PURE__ */ o(
+                /* @__PURE__ */ r(
                   R,
                   {
                     id: "numbered-list",
@@ -563,16 +576,16 @@ const Ze = ({ isDisabled: e = !1 }) => {
                     variant: "ghost",
                     "aria-label": "Numbered List",
                     isDisabled: e,
-                    onMouseDown: (r) => r.preventDefault(),
-                    children: /* @__PURE__ */ o(ke, {})
+                    onMouseDown: (i) => i.preventDefault(),
+                    children: /* @__PURE__ */ r(ke, {})
                   }
                 ),
-                /* @__PURE__ */ o(d.Content, { placement: "top", children: "Numbered list" })
+                /* @__PURE__ */ r(d.Content, { placement: "top", children: "Numbered list" })
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ o(b, { flexGrow: "1" }),
+        /* @__PURE__ */ r(b, { flexGrow: "1" }),
         /* @__PURE__ */ n(J, { children: [
           /* @__PURE__ */ n(d.Root, { delay: 0, closeDelay: 0, children: [
             /* @__PURE__ */ n(
@@ -582,15 +595,15 @@ const Ze = ({ isDisabled: e = !1 }) => {
                 variant: "ghost",
                 "aria-label": "Undo",
                 isDisabled: !f || e,
-                onPress: i(() => t.undo()),
-                onMouseDown: (r) => r.preventDefault(),
+                onPress: o(() => t.undo()),
+                onMouseDown: (i) => i.preventDefault(),
                 children: [
-                  /* @__PURE__ */ o(Ke, {}),
-                  /* @__PURE__ */ o(T, { children: "Undo" })
+                  /* @__PURE__ */ r(Ke, {}),
+                  /* @__PURE__ */ r(T, { children: "Undo" })
                 ]
               }
             ),
-            /* @__PURE__ */ o(d.Content, { placement: "top", children: "Undo" })
+            /* @__PURE__ */ r(d.Content, { placement: "top", children: "Undo" })
           ] }),
           /* @__PURE__ */ n(d.Root, { delay: 0, closeDelay: 0, children: [
             /* @__PURE__ */ n(
@@ -599,16 +612,16 @@ const Ze = ({ isDisabled: e = !1 }) => {
                 size: "xs",
                 variant: "ghost",
                 "aria-label": "Redo",
-                isDisabled: !u || e,
-                onPress: i(() => t.redo()),
-                onMouseDown: (r) => r.preventDefault(),
+                isDisabled: !h || e,
+                onPress: o(() => t.redo()),
+                onMouseDown: (i) => i.preventDefault(),
                 children: [
-                  /* @__PURE__ */ o(Ue, {}),
-                  /* @__PURE__ */ o(T, { children: "Redo" })
+                  /* @__PURE__ */ r(Ue, {}),
+                  /* @__PURE__ */ r(T, { children: "Redo" })
                 ]
               }
             ),
-            /* @__PURE__ */ o(d.Content, { placement: "top", children: "Redo" })
+            /* @__PURE__ */ r(d.Content, { placement: "top", children: "Redo" })
           ] })
         ] })
       ]
@@ -616,76 +629,76 @@ const Ze = ({ isDisabled: e = !1 }) => {
   );
 };
 oe.displayName = "RichTextToolbar";
-const $e = (e) => {
+const et = (e) => {
   const {
     ref: t,
-    value: i,
+    value: o,
     defaultValue: a,
     onChange: l,
     onFocus: s,
     onBlur: c,
-    placeholder: h = "",
+    placeholder: u = "",
     isDisabled: y = !1,
     isReadOnly: f = !1,
-    isInvalid: u = !1,
-    autoFocus: r = !1,
-    ...L
-  } = e, P = fe({ recipe: $ }), [z, H] = P.splitVariantProps({
+    isInvalid: h = !1,
+    autoFocus: i = !1,
+    ...B
+  } = e, L = ge({ recipe: ee }), [O, z] = L.splitVariantProps({
     // Only semantic variants go here (none currently defined)
-    ...L
-  }), [E, F] = ge(H), O = {
+    ...B
+  }), [H, E] = me(z), F = {
     "data-disabled": y ? "true" : void 0,
-    "data-invalid": u ? "true" : void 0,
+    "data-invalid": h ? "true" : void 0,
     "data-readonly": f ? "true" : void 0
   }, [p, K] = G(() => {
-    const x = i ?? a ?? "";
+    const x = o ?? a ?? "";
     try {
-      return x ? q(x) : B();
+      return x ? q(x) : P();
     } catch (w) {
-      return console.warn("Failed to parse initial HTML, using empty value:", w), B();
+      return console.warn("Failed to parse initial HTML, using empty value:", w), P();
     }
-  }), [D, U] = G(() => i ?? a ?? ""), re = ce(null);
+  }), [D, U] = G(() => o ?? a ?? ""), ie = ue(null);
   he(() => {
-    if (i !== void 0 && i !== D) {
-      const x = i ? q(i) : B();
-      K(x), U(i);
+    if (o !== void 0 && o !== D) {
+      const x = o ? q(o) : P();
+      K(x), U(o);
     }
-  }, [i, D]);
-  const ie = M(
+  }, [o, D]);
+  const ne = M(
     (x) => {
-      const w = De(x), le = w !== D;
-      K(x), U(w), le && l && l(w);
+      const w = De(x), ae = w !== D;
+      K(x), U(w), ae && l && l(w);
     },
     [D, l]
-  ), ne = Ie(p);
-  return /* @__PURE__ */ o(
+  ), le = Ie(p);
+  return /* @__PURE__ */ r(
     _e,
     {
-      ...z,
+      ...O,
+      ...H,
       ...E,
       ...F,
-      ...O,
       ref: t,
-      children: /* @__PURE__ */ o(
-        te,
+      children: /* @__PURE__ */ r(
+        re,
         {
-          ref: re,
-          value: ne,
-          onChange: ie,
+          ref: ie,
+          value: le,
+          onChange: ne,
           onFocus: s,
           onBlur: c,
-          placeholder: h,
+          placeholder: u,
           isDisabled: y,
           isReadOnly: f,
-          autoFocus: r,
-          toolbar: f ? null : /* @__PURE__ */ o(oe, { isDisabled: y })
+          autoFocus: i,
+          toolbar: f ? null : /* @__PURE__ */ r(oe, { isDisabled: y })
         }
       )
     }
   );
 };
-$e.displayName = "RichTextInput";
+et.displayName = "RichTextInput";
 export {
-  $e as R
+  et as R
 };
-//# sourceMappingURL=rich-text-input-CgrxAPHc.es.js.map
+//# sourceMappingURL=rich-text-input-9MdutxJr.es.js.map