laif-ds 0.2.73 → 0.2.75

package/dist/components/editor/editor-hooks/use-update-toolbar.js

@@ -1,20 +1,20 @@
 "use client";
-import { useEffect as r } from "react";
 import { useLexicalComposerContext as n } from "../../../node_modules/@lexical/react/LexicalComposerContext.prod.js";
-import { SELECTION_CHANGE_COMMAND as m, $getSelection as i, COMMAND_PRIORITY_CRITICAL as f } from "../../../node_modules/lexical/Lexical.prod.js";
+import { SELECTION_CHANGE_COMMAND as m, $getSelection as r, COMMAND_PRIORITY_CRITICAL as f } from "../../../node_modules/lexical/Lexical.prod.js";
+import { useEffect as i } from "react";
 import { useToolbarContext as C } from "../context/toolbar-context.js";
 function c(t) {
   const [s] = n(), { activeEditor: o } = C();
-  r(() => o.registerCommand(
+  i(() => o.registerCommand(
     m,
     () => {
-      const e = i();
+      const e = r();
       return e && t(e), !1;
     },
     f
-  ), [s, t]), r(() => {
+  ), [s, t, o]), i(() => {
     o.getEditorState().read(() => {
-      const e = i();
+      const e = r();
       e && t(e);
     });
   }, [o, t]);

package/dist/components/editor/plugins/actions/counter-character-plugin.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsxs as o } from "react/jsx-runtime";
-import { useState as a, useEffect as u } from "react";
-import { useLexicalComposerContext as d } from "../../../../node_modules/@lexical/react/LexicalComposerContext.prod.js";
-import { $rootTextContent as f } from "../../../../node_modules/@lexical/text/LexicalText.prod.js";
+import { useLexicalComposerContext as a } from "../../../../node_modules/@lexical/react/LexicalComposerContext.prod.js";
+import { $rootTextContent as u } from "../../../../node_modules/@lexical/text/LexicalText.prod.js";
+import { useState as d, useEffect as f } from "react";
 let s = null;
 function h() {
   return window.TextEncoder === void 0 ? null : (s === null && (s = new window.TextEncoder()), s);
@@ -24,14 +24,14 @@ const c = (t, e) => {
 function T({
   charset: t = "UTF-16"
 }) {
-  const [e] = d(), [n, l] = a(() => {
-    const r = e.getEditorState().read(f);
+  const [e] = a(), [n, l] = d(() => {
+    const r = e.getEditorState().read(u);
     return {
       characters: c(r, t),
       words: i(r)
     };
   });
-  return u(() => e.registerTextContentListener((r) => {
+  return f(() => e.registerTextContentListener((r) => {
     l({
       characters: c(r, t),
       words: i(r)

package/dist/components/editor/plugins/toolbar/block-format/block-format-data.js

@@ -8,7 +8,7 @@ import s from "../../../../../node_modules/lucide-react/dist/esm/icons/list-orde
 import c from "../../../../../node_modules/lucide-react/dist/esm/icons/heading-3.js";
 import m from "../../../../../node_modules/lucide-react/dist/esm/icons/heading-2.js";
 import r from "../../../../../node_modules/lucide-react/dist/esm/icons/heading-1.js";
-import t from "../../../../../node_modules/lucide-react/dist/esm/icons/text.js";
+import t from "../../../../../node_modules/lucide-react/dist/esm/icons/text-align-start.js";
 const h = {
   paragraph: {
     label: "Paragrafo",

package/dist/components/editor/plugins/toolbar/font-format-toolbar-plugin.js

@@ -1,44 +1,44 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
-import { useState as m } from "react";
-import { $isTableSelection as l } from "../../../../node_modules/@lexical/table/LexicalTable.prod.js";
-import { FORMAT_TEXT_COMMAND as n, $isRangeSelection as d } from "../../../../node_modules/lexical/Lexical.prod.js";
+import { $isTableSelection as m } from "../../../../node_modules/@lexical/table/LexicalTable.prod.js";
+import { FORMAT_TEXT_COMMAND as l, $isRangeSelection as n } from "../../../../node_modules/lexical/Lexical.prod.js";
+import { useState as d } from "react";
 import { useToolbarContext as c } from "../../context/toolbar-context.js";
 import { useUpdateToolbarHandler as p } from "../../editor-hooks/use-update-toolbar.js";
 import { Toggle as f } from "../../../ui/toggle.js";
 import u from "../../../../node_modules/lucide-react/dist/esm/icons/code.js";
 import T from "../../../../node_modules/lucide-react/dist/esm/icons/strikethrough.js";
-import b from "../../../../node_modules/lucide-react/dist/esm/icons/underline.js";
-import g from "../../../../node_modules/lucide-react/dist/esm/icons/italic.js";
-import h from "../../../../node_modules/lucide-react/dist/esm/icons/bold.js";
+import h from "../../../../node_modules/lucide-react/dist/esm/icons/underline.js";
+import b from "../../../../node_modules/lucide-react/dist/esm/icons/italic.js";
+import g from "../../../../node_modules/lucide-react/dist/esm/icons/bold.js";
 const C = {
-  bold: h,
-  italic: g,
-  underline: b,
+  bold: g,
+  italic: b,
+  underline: h,
   strikethrough: T,
   code: u
 };
 function R({
-  format: o
+  format: r
 }) {
-  const { activeEditor: a } = c(), [r, t] = m(!1);
-  p((e) => {
-    (d(e) || l(e)) && t(e.hasFormat(o));
+  const { activeEditor: a } = c(), [e, t] = d(!1);
+  p((o) => {
+    (n(o) || m(o)) && "hasFormat" in o && t(o.hasFormat(r));
   });
-  const s = C[o];
+  const s = C[r];
   return /* @__PURE__ */ i(
     f,
     {
       "aria-label": "Toggle bold",
       variant: "outline",
       size: "sm",
-      defaultPressed: r,
-      pressed: r,
+      defaultPressed: e,
+      pressed: e,
       onPressedChange: t,
       onClick: () => {
         a.dispatchCommand(
-          n,
-          o
+          l,
+          r
         );
       },
       children: /* @__PURE__ */ i(s, { className: "h-4 w-4" })

package/dist/components/editor/plugins/toolbar/history-toolbar-plugin.js

@@ -1,16 +1,16 @@
 "use client";
 import { jsxs as f, jsx as o } from "react/jsx-runtime";
-import { useState as s, useEffect as u } from "react";
-import { useLexicalComposerContext as N } from "../../../../node_modules/@lexical/react/LexicalComposerContext.prod.js";
-import { mergeRegister as b } from "../../../../node_modules/@lexical/utils/LexicalUtils.prod.js";
-import { CAN_REDO_COMMAND as R, COMMAND_PRIORITY_CRITICAL as n, CAN_UNDO_COMMAND as M, UNDO_COMMAND as O, REDO_COMMAND as D } from "../../../../node_modules/lexical/Lexical.prod.js";
+import { useLexicalComposerContext as u } from "../../../../node_modules/@lexical/react/LexicalComposerContext.prod.js";
+import { mergeRegister as N } from "../../../../node_modules/@lexical/utils/LexicalUtils.prod.js";
+import { CAN_REDO_COMMAND as b, COMMAND_PRIORITY_CRITICAL as n, CAN_UNDO_COMMAND as R, UNDO_COMMAND as M, REDO_COMMAND as O } from "../../../../node_modules/lexical/Lexical.prod.js";
+import { useState as s, useEffect as D } from "react";
 import { useToolbarContext as g } from "../../context/toolbar-context.js";
 import { Button as d } from "../../../ui/button.js";
 import x from "../../../../node_modules/lucide-react/dist/esm/icons/undo.js";
 import A from "../../../../node_modules/lucide-react/dist/esm/icons/redo.js";
 function j() {
-  const [i] = N(), { activeEditor: t, $updateToolbar: a } = g(), [r, l] = s(i.isEditable()), [m, c] = s(!1), [C, p] = s(!1);
-  return u(() => b(
+  const [i] = u(), { activeEditor: t, $updateToolbar: a } = g(), [r, l] = s(i.isEditable()), [m, c] = s(!1), [C, p] = s(!1);
+  return D(() => N(
     i.registerEditableListener((e) => {
       l(e);
     }),
@@ -20,12 +20,12 @@ function j() {
       });
     }),
     t.registerCommand(
-      M,
+      R,
       (e) => (c(e), !1),
       n
     ),
     t.registerCommand(
-      R,
+      b,
       (e) => (p(e), !1),
       n
     )
@@ -35,7 +35,7 @@ function j() {
       {
         disabled: !m || !r,
         onClick: () => {
-          t.dispatchCommand(O, void 0);
+          t.dispatchCommand(M, void 0);
         },
         title: "Undo (⌘Z)",
         type: "button",
@@ -51,7 +51,7 @@ function j() {
       {
         disabled: !C || !r,
         onClick: () => {
-          t.dispatchCommand(D, void 0);
+          t.dispatchCommand(O, void 0);
         },
         title: "Redo (⇧⌘Z)",
         type: "button",

package/dist/components/editor/plugins/toolbar/toolbar-plugin.js

@@ -1,23 +1,23 @@
 "use client";
 import { jsxs as p } from "react/jsx-runtime";
-import { useState as e, useEffect as d } from "react";
-import { useLexicalComposerContext as u } from "../../../../node_modules/@lexical/react/LexicalComposerContext.prod.js";
-import { SELECTION_CHANGE_COMMAND as f, COMMAND_PRIORITY_CRITICAL as C } from "../../../../node_modules/lexical/Lexical.prod.js";
+import { useLexicalComposerContext as d } from "../../../../node_modules/@lexical/react/LexicalComposerContext.prod.js";
+import { SELECTION_CHANGE_COMMAND as u, COMMAND_PRIORITY_CRITICAL as f } from "../../../../node_modules/lexical/Lexical.prod.js";
+import { useState as e, useEffect as C } from "react";
 import { ToolbarContext as T } from "../../context/toolbar-context.js";
 import { useEditorModal as E } from "../../editor-hooks/use-modal.js";
 function O({
   children: s
 }) {
-  const [o] = u(), [t, a] = e(o), [r, i] = e("paragraph"), [m, n] = E(), l = () => {
+  const [t] = d(), [o, a] = e(t), [r, i] = e("paragraph"), [m, n] = E(), l = () => {
   };
-  return d(() => t.registerCommand(
-    f,
+  return C(() => o.registerCommand(
+    u,
     (M, c) => (a(c), !1),
-    C
-  ), [o]), /* @__PURE__ */ p(
+    f
+  ), [t, o]), /* @__PURE__ */ p(
     T,
     {
-      activeEditor: t,
+      activeEditor: o,
       $updateToolbar: l,
       blockType: r,
       setBlockType: i,

package/dist/components/ui/app-checkbox.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsxs as s, jsx as e, Fragment as $ } from "react/jsx-runtime";
+import * as A from "react";
 import { designTokens as v } from "../design-tokens.js";
 import { cn as r } from "../../lib/utils.js";
-import * as A from "react";
 import { Checkbox as H } from "./checkbox.js";
 import { Icon as L } from "./icon.js";
 import { Label as R } from "./label.js";

package/dist/components/ui/app-dialog.js

@@ -1,12 +1,12 @@
 "use client";
-import { jsx as l, jsxs as a } from "react/jsx-runtime";
-import { DialogTitle as N, DialogDescription as C } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
-import { cva as b } from "../../node_modules/class-variance-authority/dist/index.js";
-import { Button as y } from "./button.js";
-import { Dialog as z, DialogTrigger as j, DialogContent as T, DialogHeader as A, DialogClose as B, DialogFooter as V } from "./dialog.js";
-import { Typo as d } from "./typo.js";
-import { cn as s } from "../../lib/utils.js";
-const k = b(
+import { jsx as l, jsxs as i } from "react/jsx-runtime";
+import { DialogTitle as C, DialogDescription as b } from "../../node_modules/@radix-ui/react-dialog/dist/index.js";
+import { cva as z } from "../../node_modules/class-variance-authority/dist/index.js";
+import { Button as j } from "./button.js";
+import { Dialog as T, DialogTrigger as A, DialogContent as B, DialogHeader as E, DialogClose as I, DialogFooter as K } from "./dialog.js";
+import { Typo as c } from "./typo.js";
+import { cn as f } from "../../lib/utils.js";
+const V = z(
   [
     "flex flex-col justify-between gap-2 w-full h-dvh max-w-[initial] p-6",
     "max-sm:rounded-none max-sm:px-2 max-sm:py-3 max-sm:min-w-full max-sm:min-h-full max-sm:w-full max-sm:h-full max-sm:max-w-full max-sm:max-h-full"
@@ -26,90 +26,96 @@ const k = b(
     }
   }
 );
-function J({
-  children: o,
-  trigger: e,
-  title: n,
-  description: m,
-  footer: i,
-  size: u = "default",
-  open: r,
-  defaultOpen: c,
-  onOpenChange: f,
-  triggerClassName: t,
-  headerClassName: w,
-  bodyClassName: p,
-  footerClassName: g,
-  disabled: x = !1,
-  asChild: v = !1,
-  preventClose: F,
-  ...h
+function G({
+  children: r,
+  trigger: m,
+  title: t,
+  description: o,
+  footer: s,
+  size: w = "default",
+  open: u,
+  defaultOpen: p,
+  onOpenChange: x,
+  triggerClassName: d,
+  headerClassName: D,
+  bodyClassName: g,
+  footerClassName: v,
+  disabled: h = !1,
+  asChild: N = !1,
+  preventClose: n,
+  ...e
 }) {
-  const D = r !== void 0;
-  return x ? /* @__PURE__ */ l("div", { className: t, children: e }) : /* @__PURE__ */ a(
-    z,
+  const y = u !== void 0;
+  return h ? /* @__PURE__ */ l("div", { className: d, children: m }) : /* @__PURE__ */ i(
+    T,
     {
-      open: D ? r : void 0,
-      defaultOpen: c,
-      onOpenChange: f,
+      open: y ? u : void 0,
+      defaultOpen: p,
+      onOpenChange: x,
       children: [
-        e && /* @__PURE__ */ l(
-          j,
+        m && /* @__PURE__ */ l(
+          A,
           {
-            asChild: v,
-            className: t,
-            disabled: x,
-            children: e
+            asChild: N,
+            className: d,
+            disabled: h,
+            children: m
           }
         ),
-        /* @__PURE__ */ a(
-          T,
+        /* @__PURE__ */ i(
+          B,
           {
-            ...h,
-            className: s(
-              k({
-                size: u
+            ...e,
+            className: f(
+              V({
+                size: w
               }),
-              h.className
+              e.className
             ),
+            onInteractOutside: (a) => {
+              e.onInteractOutside?.(a), (n === "overlay" || n === "all") && a.preventDefault();
+            },
+            onEscapeKeyDown: (a) => {
+              e.onEscapeKeyDown?.(a), n === "all" && a.preventDefault();
+            },
             showCloseButton: !1,
             children: [
-              /* @__PURE__ */ a(A, { className: s("gap-1", w), children: [
-                /* @__PURE__ */ a("div", { className: "flex w-full flex-row items-start gap-2", children: [
-                  /* @__PURE__ */ l(N, { asChild: !0, children: /* @__PURE__ */ l(d, { variant: "h5", className: "flex flex-1", children: n }) }),
-                  /* @__PURE__ */ l(B, { asChild: !0, children: /* @__PURE__ */ l(
-                    y,
+              /* @__PURE__ */ i(E, { className: f("gap-1", D), children: [
+                /* @__PURE__ */ i("div", { className: "flex w-full flex-row items-start gap-2", children: [
+                  /* @__PURE__ */ l(C, { asChild: !0, children: /* @__PURE__ */ l(c, { variant: "h5", className: "flex flex-1", children: t }) }),
+                  /* @__PURE__ */ l(I, { asChild: !0, children: /* @__PURE__ */ l(
+                    j,
                     {
                       iconLeft: "X",
                       variant: "ghost",
                       size: "icon",
                       className: "size-7",
-                      onClick: () => f?.(!1)
+                      onClick: () => x?.(!1)
                     }
                   ) })
                 ] }),
-                m && /* @__PURE__ */ l(C, { asChild: !0, children: /* @__PURE__ */ l(
-                  d,
+                o && /* @__PURE__ */ l(b, { asChild: !0, children: /* @__PURE__ */ l(
+                  c,
                   {
                     variant: "caption",
                     className: "text-d-secondary-foreground flex flex-1",
-                    children: m
+                    children: o
                   }
                 ) })
               ] }),
-              o && /* @__PURE__ */ l(
+              r && /* @__PURE__ */ l(
                 "div",
                 {
-                  className: s(
+                  className: f(
                     "border-d-border flex min-h-0 w-full flex-1 flex-col gap-2 overflow-auto py-2",
-                    (!!n || !!m) && "border-t",
-                    !!i && "border-b",
-                    p
+                    (!!t || !!o) && "border-t",
+                    !!s && "border-b",
+                    g
                   ),
-                  children: o
+                  children: r
                 }
               ),
-              i && /* @__PURE__ */ l(V, { className: g, children: i })
+              s && /* @__PURE__ */ l(K, { className: v, children: s })
             ]
           }
         )
@@ -118,7 +124,7 @@ function J({
   );
 }
 export {
-  J as AppDialog,
-  B as AppDialogClose,
-  J as default
+  G as AppDialog,
+  I as AppDialogClose,
+  G as default
 };

package/dist/components/ui/app-editor.js

@@ -1,32 +1,32 @@
 "use client";
 import { jsx as r, jsxs as t, Fragment as s } from "react/jsx-runtime";
-import { LexicalComposer as w } from "../../node_modules/@lexical/react/LexicalComposer.prod.js";
-import { OnChangePlugin as L } from "../../node_modules/@lexical/react/LexicalOnChangePlugin.prod.js";
-import { LexicalErrorBoundary as S } from "../../node_modules/@lexical/react/LexicalErrorBoundary.prod.js";
-import { RichTextPlugin as T } from "../../node_modules/@lexical/react/LexicalRichTextPlugin.prod.js";
-import { HeadingNode as j, QuoteNode as A } from "../../node_modules/@lexical/rich-text/LexicalRichText.prod.js";
+import { ListNode as w, ListItemNode as L } from "../../node_modules/@lexical/list/LexicalList.prod.js";
+import { $convertToMarkdownString as S, $convertFromMarkdownString as T, TRANSFORMERS as C } from "../../node_modules/@lexical/markdown/LexicalMarkdown.prod.js";
+import { CheckListPlugin as j } from "../../node_modules/@lexical/react/LexicalCheckListPlugin.prod.js";
+import { ClearEditorPlugin as A } from "../../node_modules/@lexical/react/LexicalClearEditorPlugin.prod.js";
+import { LexicalComposer as B } from "../../node_modules/@lexical/react/LexicalComposer.prod.js";
+import { useLexicalComposerContext as H } from "../../node_modules/@lexical/react/LexicalComposerContext.prod.js";
+import { LexicalErrorBoundary as R } from "../../node_modules/@lexical/react/LexicalErrorBoundary.prod.js";
+import { HistoryPlugin as $ } from "../../node_modules/@lexical/react/LexicalHistoryPlugin.prod.js";
+import { ListPlugin as O } from "../../node_modules/@lexical/react/LexicalListPlugin.prod.js";
+import { OnChangePlugin as z } from "../../node_modules/@lexical/react/LexicalOnChangePlugin.prod.js";
+import { RichTextPlugin as D } from "../../node_modules/@lexical/react/LexicalRichTextPlugin.prod.js";
+import { HeadingNode as I, QuoteNode as M } from "../../node_modules/@lexical/rich-text/LexicalRichText.prod.js";
 import { ParagraphNode as d, TextNode as p, $getRoot as f } from "../../node_modules/lexical/Lexical.prod.js";
-import { $convertToMarkdownString as B, $convertFromMarkdownString as H, TRANSFORMERS as C } from "../../node_modules/@lexical/markdown/LexicalMarkdown.prod.js";
-import { useState as R, useEffect as $ } from "react";
-import { useLexicalComposerContext as O } from "../../node_modules/@lexical/react/LexicalComposerContext.prod.js";
-import { HistoryPlugin as z } from "../../node_modules/@lexical/react/LexicalHistoryPlugin.prod.js";
-import { ContentEditable as D } from "../editor/editor-ui/content-editable.js";
-import { ActionsPlugin as I } from "../editor/plugins/actions/actions-plugin.js";
-import { ClearEditorActionPlugin as _ } from "../editor/plugins/actions/clear-editor-plugin.js";
-import { ClearEditorPlugin as M } from "../../node_modules/@lexical/react/LexicalClearEditorPlugin.prod.js";
-import { CounterCharacterPlugin as Q } from "../editor/plugins/actions/counter-character-plugin.js";
-import { ToolbarPlugin as c } from "../editor/plugins/toolbar/toolbar-plugin.js";
-import { BlockFormatDropDown as J } from "../editor/plugins/toolbar/block-format-toolbar-plugin.js";
-import { FormatParagraph as U } from "../editor/plugins/toolbar/block-format/format-paragraph.js";
-import { FormatHeading as q } from "../editor/plugins/toolbar/block-format/format-heading.js";
-import { FormatNumberedList as G } from "../editor/plugins/toolbar/block-format/format-numbered-list.js";
+import { useState as Q, useEffect as _ } from "react";
+import { ContentEditable as J } from "../editor/editor-ui/content-editable.js";
+import { ActionsPlugin as U } from "../editor/plugins/actions/actions-plugin.js";
+import { ClearEditorActionPlugin as q } from "../editor/plugins/actions/clear-editor-plugin.js";
+import { CounterCharacterPlugin as G } from "../editor/plugins/actions/counter-character-plugin.js";
 import { FormatBulletedList as K } from "../editor/plugins/toolbar/block-format/format-bulleted-list.js";
 import { FormatCheckList as W } from "../editor/plugins/toolbar/block-format/format-check-list.js";
-import { FormatQuote as X } from "../editor/plugins/toolbar/block-format/format-quote.js";
+import { FormatHeading as X } from "../editor/plugins/toolbar/block-format/format-heading.js";
+import { FormatNumberedList as Y } from "../editor/plugins/toolbar/block-format/format-numbered-list.js";
+import { FormatParagraph as Z } from "../editor/plugins/toolbar/block-format/format-paragraph.js";
+import { FormatQuote as V } from "../editor/plugins/toolbar/block-format/format-quote.js";
+import { BlockFormatDropDown as rr } from "../editor/plugins/toolbar/block-format-toolbar-plugin.js";
 import { FontFormatToolbarPlugin as l } from "../editor/plugins/toolbar/font-format-toolbar-plugin.js";
-import { ListPlugin as Y } from "../../node_modules/@lexical/react/LexicalListPlugin.prod.js";
-import { CheckListPlugin as Z } from "../../node_modules/@lexical/react/LexicalCheckListPlugin.prod.js";
-import { ListNode as V, ListItemNode as rr } from "../../node_modules/@lexical/list/LexicalList.prod.js";
+import { ToolbarPlugin as c } from "../editor/plugins/toolbar/toolbar-plugin.js";
 import { editorTheme as or } from "../editor/themes/editor-theme.js";
 import { TooltipProvider as tr } from "./tooltip.js";
 import { HistoryToolbarPlugin as er } from "../editor/plugins/toolbar/history-toolbar-plugin.js";
@@ -35,10 +35,10 @@ function nr({
   defaultValue: o,
   onlyMarkdown: i
 }) {
-  const [n] = O();
-  return $(() => {
+  const [n] = H();
+  return _(() => {
     o && n.update(() => {
-      i ? H(o, C) : f().append(
+      i ? T(o, C) : f().append(
         new d().append(new p(o))
       );
       const a = f();
@@ -46,7 +46,7 @@ function nr({
     });
   }, [n, o, i]), null;
 }
-function zr({
+function Or({
   defaultValue: o,
   onMarkdownEdit: i,
   plugins: n = [],
@@ -55,16 +55,16 @@ function zr({
   onlyMarkdown: h = !0,
   className: F = "overflow-hidden rounded-lg border border-d-border"
 }) {
-  const [ar, P] = R(null), y = {
+  const [, P] = Q(null), y = {
     namespace: "AppEditor",
     theme: or,
     nodes: [
-      j,
+      I,
       d,
       p,
-      A,
-      V,
-      rr
+      M,
+      w,
+      L
     ],
     onError: (e) => {
       console.error(e);
@@ -77,7 +77,7 @@ function zr({
       }
     } : {}
   }, u = (e) => n.includes(e), m = (e) => a.includes(e), g = u("clear"), v = u("counter"), b = m("block-format"), E = m("font-format"), x = m("history");
-  return /* @__PURE__ */ r("div", { className: "bg-d-background", children: /* @__PURE__ */ r(w, { initialConfig: y, children: /* @__PURE__ */ t(tr, { children: [
+  return /* @__PURE__ */ r("div", { className: "bg-d-background", children: /* @__PURE__ */ r(B, { initialConfig: y, children: /* @__PURE__ */ t(tr, { children: [
     o && /* @__PURE__ */ r(
       nr,
       {
@@ -87,13 +87,13 @@ function zr({
     ),
     /* @__PURE__ */ t("div", { className: "border-d-border flex items-center border-b", children: [
       x && /* @__PURE__ */ r(c, { children: () => /* @__PURE__ */ r("div", { className: "vertical-align-middle sticky top-0 z-10 flex gap-2 overflow-auto p-1", children: /* @__PURE__ */ r(er, {}) }) }),
-      b && /* @__PURE__ */ r(c, { children: () => /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r("div", { className: "vertical-align-middle sticky top-0 z-10 flex gap-2 overflow-auto p-1", children: /* @__PURE__ */ t(J, { children: [
-        /* @__PURE__ */ r(U, {}),
-        /* @__PURE__ */ r(q, { levels: ["h1", "h2", "h3"] }),
-        /* @__PURE__ */ r(G, {}),
+      b && /* @__PURE__ */ r(c, { children: () => /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r("div", { className: "vertical-align-middle sticky top-0 z-10 flex gap-2 overflow-auto p-1", children: /* @__PURE__ */ t(rr, { children: [
+        /* @__PURE__ */ r(Z, {}),
+        /* @__PURE__ */ r(X, { levels: ["h1", "h2", "h3"] }),
+        /* @__PURE__ */ r(Y, {}),
         /* @__PURE__ */ r(K, {}),
         /* @__PURE__ */ r(W, {}),
-        /* @__PURE__ */ r(X, {})
+        /* @__PURE__ */ r(V, {})
       ] }) }) }) }),
       E && /* @__PURE__ */ r(c, { children: () => /* @__PURE__ */ t("div", { className: "vertical-align-middle sticky top-0 z-10 flex gap-2 overflow-auto p-1", children: [
         /* @__PURE__ */ r(l, { format: "bold" }),
@@ -103,13 +103,13 @@ function zr({
       ] }) })
     ] }),
     /* @__PURE__ */ t("div", { className: "relative", children: [
-      x && /* @__PURE__ */ r(z, {}),
+      x && /* @__PURE__ */ r($, {}),
       /* @__PURE__ */ r(
-        T,
+        D,
         {
-          ErrorBoundary: S,
+          ErrorBoundary: R,
           contentEditable: /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r("div", { ref: P, children: /* @__PURE__ */ r(
-            D,
+            J,
             {
               placeholder: N,
               className: `ContentEditable__root relative block h-72 min-h-full overflow-auto px-8 py-4 focus:outline-none ${F}`
@@ -118,26 +118,26 @@ function zr({
         }
       ),
       b && /* @__PURE__ */ t(s, { children: [
-        /* @__PURE__ */ r(Y, {}),
-        /* @__PURE__ */ r(Z, {})
+        /* @__PURE__ */ r(O, {}),
+        /* @__PURE__ */ r(j, {})
       ] }),
-      (g || v) && /* @__PURE__ */ r(I, { children: /* @__PURE__ */ t("div", { className: "clear-both flex items-center justify-between gap-2 p-1", children: [
+      (g || v) && /* @__PURE__ */ r(U, { children: /* @__PURE__ */ t("div", { className: "clear-both flex items-center justify-between gap-2 p-1", children: [
         /* @__PURE__ */ r("div", { className: "flex flex-1 justify-start" }),
-        /* @__PURE__ */ r("div", { children: v && /* @__PURE__ */ r(Q, { charset: "UTF-16" }) }),
+        /* @__PURE__ */ r("div", { children: v && /* @__PURE__ */ r(G, { charset: "UTF-16" }) }),
         /* @__PURE__ */ r("div", { className: "flex flex-1 justify-end gap-2", children: g && /* @__PURE__ */ t(s, { children: [
-          /* @__PURE__ */ r(_, {}),
-          /* @__PURE__ */ r(M, {})
+          /* @__PURE__ */ r(q, {}),
+          /* @__PURE__ */ r(A, {})
         ] }) })
       ] }) })
     ] }),
     /* @__PURE__ */ r(
-      L,
+      z,
       {
         ignoreSelectionChange: !0,
         onChange: (e) => {
           if (!i) return;
           const k = e.read(
-            () => B(C)
+            () => S(C)
           );
           i(k);
         }
@@ -146,5 +146,5 @@ function zr({
   ] }) }) });
 }
 export {
-  zr as AppEditor
+  Or as AppEditor
 };