@dss-kit/ui-kit 0.3.0 → 0.3.2

package/dist/components/controls/MarkdownTextEditor/components/EditorToolbar/TextSizeSelect/TextSizeSelect.js

@@ -0,0 +1,95 @@
+import { jsx as i } from "react/jsx-runtime";
+import { useLexicalComposerContext as x } from "@lexical/react/LexicalComposerContext";
+import { $createHeadingNode as b, $isHeadingNode as v } from "@lexical/rich-text";
+import { $getSelection as s, $isRangeSelection as c, $createParagraphNode as S } from "lexical";
+import { useState as C, useMemo as T, useCallback as p, useEffect as k } from "react";
+import { useMarkdownTextEditorLocale as w } from "../../../MarkdownTextEditor.locale.js";
+import { Select as E } from "../../../../Select/Select.js";
+import { Text as L } from "../../../../../builders/Text/Text.js";
+function B({ disabled: u = !1 }) {
+  const [d, h] = C(null), [o] = x(), n = w(), m = T(() => {
+    const e = n.toolbar.textSize;
+    return [
+      {
+        value: "paragraph",
+        label: e.paragraph,
+        textProps: {
+          variant: "body-2"
+        }
+      },
+      {
+        value: "h1",
+        label: e.h1,
+        textProps: {
+          fontWeight: "semibold",
+          variant: "headline-1"
+        }
+      },
+      {
+        value: "h2",
+        label: e.h2,
+        textProps: {
+          fontWeight: "semibold",
+          variant: "headline-2"
+        }
+      },
+      {
+        value: "h3",
+        label: e.h3,
+        textProps: {
+          fontWeight: "semibold",
+          variant: "headline-3"
+        }
+      }
+    ];
+  }, [n.toolbar.textSize]), g = p(
+    (e) => {
+      !e || Array.isArray(e) || o.update(() => {
+        const t = s();
+        if (!c(t))
+          return;
+        const r = t.anchor.getNode().getTopLevelElement();
+        if (!r)
+          return;
+        const a = e === "paragraph" ? S() : b(e);
+        r.getChildren().forEach((f) => {
+          a.append(f);
+        }), r.replace(a), a.selectEnd();
+      });
+    },
+    [o]
+  ), l = p(() => {
+    const e = s();
+    if (!c(e))
+      return null;
+    const t = e.anchor.getNode().getTopLevelElement();
+    return v(t) ? t.getTag() : "paragraph";
+  }, []);
+  return k(() => {
+    const e = o.registerUpdateListener(({ editorState: t }) => {
+      t.read(() => {
+        const r = l();
+        r && h(r);
+      });
+    });
+    return () => {
+      e();
+    };
+  }, [o, l]), /* @__PURE__ */ i(
+    E,
+    {
+      size: "xs",
+      items: m,
+      renderDropdownItem: (e) => /* @__PURE__ */ i(L, { whiteSpace: "nowrap", ...e.textProps, children: e.label }),
+      returnedValue: (e) => e.value,
+      renderSingleInputItem: (e) => e.label,
+      onChange: g,
+      disabled: u,
+      value: d,
+      showDefaultItem: !1
+    }
+  );
+}
+export {
+  B as TextSizeSelect
+};

package/dist/components/controls/MarkdownTextEditor/components/EditorToolbar/TextSizeSelect/TextSizeSelect.types.d.ts

@@ -9,4 +9,3 @@ export interface TextSizeSelectItem {
 export interface TextSizeSelectProps {
     disabled?: boolean;
 }
-//# sourceMappingURL=TextSizeSelect.types.d.ts.map

package/dist/components/controls/MarkdownTextEditor/components/EditorToolbar/TextSizeSelect/index.d.ts

@@ -1,3 +1,2 @@
 export * from './TextSizeSelect';
 export type * from './TextSizeSelect.types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/controls/MarkdownTextEditor/components/EditorToolbar/index.d.ts

@@ -1,2 +1 @@
 export * from './EditorToolbar';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/controls/MarkdownTextEditor/components/MarkdownField/MarkdownField.d.ts

@@ -1,3 +1,2 @@
 import { MarkdownFieldProps } from './MarkdownField.types';
 export declare function MarkdownField(props?: MarkdownFieldProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=MarkdownField.d.ts.map

package/dist/components/controls/MarkdownTextEditor/components/MarkdownField/MarkdownField.js

@@ -0,0 +1,59 @@
+import { jsx as r, Fragment as d } from "react/jsx-runtime";
+import { ContentEditable as u } from "@lexical/react/LexicalContentEditable";
+import { LexicalErrorBoundary as h } from "@lexical/react/LexicalErrorBoundary";
+import { RichTextPlugin as g } from "@lexical/react/LexicalRichTextPlugin";
+import { useRef as E, useCallback as i } from "react";
+import { placeholderContainerEventsStyle as b, contentEditableContainerStyle as x } from "./MarkdownField.styles.js";
+import { useToolbarStates as y } from "../../hooks/useToolbarStates/useToolbarStates.js";
+import { Text as w } from "../../../../builders/Text/Text.js";
+import { Box as c } from "../../../../builders/Box/Box.js";
+function S(m) {
+  const { placeholder: e, className: s } = m || {}, f = E(null), { alignment: l } = y(), a = i(
+    (o) => {
+      if (!e)
+        return null;
+      const t = typeof e == "string" || typeof e == "object" && e.hasWrapper, n = typeof e == "string" ? e : e.renderContent(o);
+      return t ? /* @__PURE__ */ r(w, { variant: "body-2", colorName: "tertiary", children: n }) : /* @__PURE__ */ r(d, { children: n });
+    },
+    [e]
+  ), p = i(
+    (o) => {
+      const t = a(o);
+      return t ? /* @__PURE__ */ r(
+        c,
+        {
+          absolute: !0,
+          w: "full",
+          top: 0,
+          left: 0,
+          alignItems: {
+            left: "flex-start",
+            center: "center",
+            right: "flex-end"
+          }[l],
+          className: b,
+          children: t
+        }
+      ) : null;
+    },
+    [a, l]
+  );
+  return /* @__PURE__ */ r(c, { relative: !0, row: !0, w: "full", flexGrow: 1, className: s, children: /* @__PURE__ */ r(
+    g,
+    {
+      contentEditable: /* @__PURE__ */ r(
+        u,
+        {
+          ref: f,
+          className: x,
+          "aria-placeholder": "markdown editor",
+          placeholder: p
+        }
+      ),
+      ErrorBoundary: h
+    }
+  ) });
+}
+export {
+  S as MarkdownField
+};

package/dist/components/controls/MarkdownTextEditor/components/MarkdownField/MarkdownField.styles.d.ts

@@ -1,3 +1,2 @@
 export declare const contentEditableContainerStyle: string;
 export declare const placeholderContainerEventsStyle: string;
-//# sourceMappingURL=MarkdownField.styles.d.ts.map

package/dist/components/controls/MarkdownTextEditor/components/MarkdownField/MarkdownField.styles.js

@@ -0,0 +1,10 @@
+import { css as t } from "@emotion/css";
+const n = t({
+  width: "100%"
+}), o = t({
+  pointerEvents: "none"
+});
+export {
+  n as contentEditableContainerStyle,
+  o as placeholderContainerEventsStyle
+};

package/dist/components/controls/MarkdownTextEditor/components/MarkdownField/MarkdownField.types.d.ts

@@ -24,4 +24,3 @@ export interface MarkdownFieldProps {
     className?: string;
 }
 export {};
-//# sourceMappingURL=MarkdownField.types.d.ts.map

package/dist/components/controls/MarkdownTextEditor/components/MarkdownField/index.d.ts

@@ -1,3 +1,2 @@
 export * from './MarkdownField';
 export type * from './MarkdownField.types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/controls/MarkdownTextEditor/components/MarkdownPreview/MarkdownPreview.d.ts

@@ -6,4 +6,3 @@ interface MarkdownPreviewProps {
 }
 export declare function MarkdownPreview({ className, lineClassName, }?: MarkdownPreviewProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=MarkdownPreview.d.ts.map

package/dist/components/controls/MarkdownTextEditor/components/MarkdownPreview/MarkdownPreview.js

@@ -0,0 +1,16 @@
+import { jsx as r } from "react/jsx-runtime";
+import { cx as t } from "@emotion/css";
+import { lineStyle as s, previewContainerStyle as a } from "./MarkdownPreview.styles.js";
+import { useEditorStates as l } from "../../contexts/EditorStateContext/EditorStateContext.hook.js";
+import { Text as c } from "../../../../builders/Text/Text.js";
+function S({
+  className: e,
+  lineClassName: o
+} = {}) {
+  const { markdownText: i } = l(), m = i.split(`
+`);
+  return /* @__PURE__ */ r("pre", { className: t(a, e), children: m.map((n, p) => /* @__PURE__ */ r(c, { tag: "span", className: t(s, o), children: n || " " }, p)) });
+}
+export {
+  S as MarkdownPreview
+};

package/dist/components/controls/MarkdownTextEditor/components/MarkdownPreview/MarkdownPreview.styles.d.ts

@@ -1,3 +1,2 @@
 export declare const previewContainerStyle: string;
 export declare const lineStyle: string;
-//# sourceMappingURL=MarkdownPreview.styles.d.ts.map

package/dist/components/controls/MarkdownTextEditor/components/MarkdownPreview/MarkdownPreview.styles.js

@@ -0,0 +1,21 @@
+import { css as e } from "@emotion/css";
+import { theme as t } from "../../../../../utils/theme/index.js";
+const { color: n, spacing: o } = t, i = e({
+  counterReset: "line"
+}), l = e({
+  display: "grid",
+  gridTemplateColumns: "3ch 1fr",
+  columnGap: o.sm,
+  whiteSpace: "pre-wrap",
+  ":before": {
+    counterIncrement: "line",
+    content: "counter(line)",
+    color: n.text.accent,
+    userSelect: "none",
+    textAlign: "right"
+  }
+});
+export {
+  l as lineStyle,
+  i as previewContainerStyle
+};

package/dist/components/controls/MarkdownTextEditor/components/MarkdownPreview/index.d.ts

@@ -1,2 +1 @@
 export * from './MarkdownPreview';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/controls/MarkdownTextEditor/components/index.d.ts

@@ -1,4 +1,3 @@
 export * from './EditorToolbar';
 export * from './MarkdownField';
 export * from './MarkdownPreview';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/controls/MarkdownTextEditor/configs/editor.config.d.ts

@@ -1,3 +1,2 @@
 import { InitialConfigType } from '@lexical/react/LexicalComposer';
 export declare function getEditorConfig(): InitialConfigType;
-//# sourceMappingURL=editor.config.d.ts.map

package/dist/components/controls/MarkdownTextEditor/configs/editor.config.js

@@ -0,0 +1,39 @@
+import { CodeNode as e } from "@lexical/code";
+import { HashtagNode as r } from "@lexical/hashtag";
+import { LinkNode as t, AutoLinkNode as m } from "@lexical/link";
+import { ListNode as i, ListItemNode as d } from "@lexical/list";
+import { HeadingNode as N, QuoteNode as a } from "@lexical/rich-text";
+import { TableNode as p, TableCellNode as f, TableRowNode as n } from "@lexical/table";
+import { ParagraphNode as g, TextNode as s } from "lexical";
+import { editorTheme as u } from "../themes/editor.theme.js";
+import { ImageRowNode as h } from "../nodes/ImageRowNode/ImageRowNode.js";
+import { CustomLinkNode as k } from "../nodes/CustomLinkNode/CustomLinkNode.js";
+function I() {
+  return {
+    namespace: "ui-kit-markdown-text-editor",
+    nodes: [
+      g,
+      s,
+      i,
+      d,
+      p,
+      f,
+      n,
+      h,
+      k,
+      r,
+      N,
+      a,
+      e,
+      t,
+      m
+    ],
+    onError(o) {
+      throw o;
+    },
+    theme: u
+  };
+}
+export {
+  I as getEditorConfig
+};

package/dist/components/controls/MarkdownTextEditor/configs/index.d.ts

@@ -1,2 +1 @@
 export * from './editor.config';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/controls/MarkdownTextEditor/contexts/EditorStateContext/EditorStateContext.d.ts

@@ -1,3 +1,2 @@
 import { IEditorStateContextValue } from './EditorStateContext.types';
 export declare const EditorStateContext: import('react').Context<IEditorStateContextValue | null>;
-//# sourceMappingURL=EditorStateContext.d.ts.map

package/dist/components/controls/MarkdownTextEditor/contexts/EditorStateContext/EditorStateContext.hook.d.ts

@@ -1,2 +1 @@
 export declare function useEditorStates(): import('./EditorStateContext.types').IEditorStateContextValue;
-//# sourceMappingURL=EditorStateContext.hook.d.ts.map

package/dist/components/controls/MarkdownTextEditor/contexts/EditorStateContext/EditorStateContext.hook.js

@@ -0,0 +1,11 @@
+import { useContext as o } from "react";
+import { EditorStateContext as r } from "./EditorStateContext.js";
+function n() {
+  const t = o(r);
+  if (!t)
+    throw new Error("useEditorStates must be used within EditorState Provider");
+  return t;
+}
+export {
+  n as useEditorStates
+};

package/dist/components/controls/MarkdownTextEditor/contexts/EditorStateContext/EditorStateContext.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+const e = t(null);
+export {
+  e as EditorStateContext
+};

package/dist/components/controls/MarkdownTextEditor/contexts/EditorStateContext/EditorStateContext.types.d.ts

@@ -5,4 +5,3 @@ export interface IEditorStateContextValue {
     setPreviewMode: Dispatch<SetStateAction<boolean>>;
     markdownText: string;
 }
-//# sourceMappingURL=EditorStateContext.types.d.ts.map

package/dist/components/controls/MarkdownTextEditor/contexts/EditorStateContext/index.d.ts

@@ -1,4 +1,3 @@
 export * from './EditorStateContext';
 export * from './EditorStateContext.hook';
 export type * from './EditorStateContext.types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/controls/MarkdownTextEditor/contexts/ToolbarContext/ToolbarContext.d.ts

@@ -1,3 +1,2 @@
 import { ToolbarContextValue } from './ToolbarContext.types';
 export declare const ToolbarContext: import('react').Context<ToolbarContextValue | null>;
-//# sourceMappingURL=ToolbarContext.d.ts.map

package/dist/components/controls/MarkdownTextEditor/contexts/ToolbarContext/ToolbarContext.hook.d.ts

@@ -1,2 +1 @@
 export declare function useToolbarContext(): import('./ToolbarContext.types').ToolbarContextValue;
-//# sourceMappingURL=ToolbarContext.hook.d.ts.map

package/dist/components/controls/MarkdownTextEditor/contexts/ToolbarContext/ToolbarContext.hook.js

@@ -0,0 +1,13 @@
+import { useContext as t } from "react";
+import { ToolbarContext as r } from "./ToolbarContext.js";
+function i() {
+  const o = t(r);
+  if (!o)
+    throw new Error(
+      "useToolbarContext must be used within ToolbarContext provider"
+    );
+  return o;
+}
+export {
+  i as useToolbarContext
+};

package/dist/components/controls/MarkdownTextEditor/contexts/ToolbarContext/ToolbarContext.js

@@ -0,0 +1,5 @@
+import { createContext as o } from "react";
+const e = o(null);
+export {
+  e as ToolbarContext
+};

package/dist/components/controls/MarkdownTextEditor/contexts/ToolbarContext/ToolbarContext.types.d.ts

@@ -2,4 +2,3 @@ import { ToolbarActionsGroup } from '../../hooks';
 export interface ToolbarContextValue {
     availableActions: ToolbarActionsGroup;
 }
-//# sourceMappingURL=ToolbarContext.types.d.ts.map

package/dist/components/controls/MarkdownTextEditor/contexts/ToolbarContext/index.d.ts

@@ -1,4 +1,3 @@
 export * from './ToolbarContext';
 export * from './ToolbarContext.hook';
 export type * from './ToolbarContext.types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/controls/MarkdownTextEditor/contexts/index.d.ts

@@ -1,3 +1,2 @@
 export * from './EditorStateContext';
 export * from './ToolbarContext';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/controls/MarkdownTextEditor/hooks/index.d.ts

@@ -1,3 +1,2 @@
 export * from './useToolbarActions';
 export * from './useToolbarStates';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/controls/MarkdownTextEditor/hooks/useToolbarActions/index.d.ts

@@ -1,4 +1,3 @@
 export * from './useToolbarActions';
 export * from './useToolbarActions.const';
 export type * from './useToolbarActions.types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/controls/MarkdownTextEditor/hooks/useToolbarActions/useToolbarActions.const.d.ts

@@ -12,4 +12,3 @@ export declare enum MarkdownToolbarAction {
     BULLET_LIST = "insert-bullet-list",
     NUMBERED_LIST = "insert-numbered-list"
 }
-//# sourceMappingURL=useToolbarActions.const.d.ts.map

package/dist/components/controls/MarkdownTextEditor/hooks/useToolbarActions/useToolbarActions.const.js

@@ -0,0 +1,4 @@
+var L = /* @__PURE__ */ ((e) => (e.BOLD = "font-bold", e.ITALIC = "font-italic", e.UNDERLINE = "font-underline", e.STRIKETHROUGH = "font-strikethrough", e.ALIGN_LEFT = "align-left", e.ALIGN_CENTER = "align-center", e.ALIGN_RIGHT = "align-right", e.LINK = "insert-link", e.IMAGE = "insert-image", e.TABLE = "insert-table", e.BULLET_LIST = "insert-bullet-list", e.NUMBERED_LIST = "insert-numbered-list", e))(L || {});
+export {
+  L as MarkdownToolbarAction
+};

package/dist/components/controls/MarkdownTextEditor/hooks/useToolbarActions/useToolbarActions.d.ts

@@ -3,4 +3,3 @@ export declare function useToolbarActions(): {
     availableActions: ToolbarAction[];
     availableActionGroups: ToolbarAction[][];
 };
-//# sourceMappingURL=useToolbarActions.d.ts.map

package/dist/components/controls/MarkdownTextEditor/hooks/useToolbarActions/useToolbarActions.js

@@ -0,0 +1,116 @@
+import { useMemo as n } from "react";
+import h from "../../../../../assets/svg/markdown/align-center.svg.js";
+import G from "../../../../../assets/svg/markdown/align-left.svg.js";
+import B from "../../../../../assets/svg/markdown/align-right.svg.js";
+import k from "../../../../../assets/svg/markdown/bold.svg.js";
+import U from "../../../../../assets/svg/markdown/image.svg.js";
+import _ from "../../../../../assets/svg/markdown/italic.svg.js";
+import M from "../../../../../assets/svg/markdown/link-alternative.svg.js";
+import D from "../../../../../assets/svg/markdown/list-bullet.svg.js";
+import H from "../../../../../assets/svg/markdown/list-numbered.svg.js";
+import x from "../../../../../assets/svg/markdown/strikethrough.svg.js";
+import K from "../../../../../assets/svg/markdown/table.svg.js";
+import O from "../../../../../assets/svg/markdown/underline.svg.js";
+import { useMarkdownTextEditorLocale as F } from "../../MarkdownTextEditor.locale.js";
+import { MarkdownToolbarAction as o } from "./useToolbarActions.const.js";
+import { useToolbarStates as w } from "../useToolbarStates/useToolbarStates.js";
+import { useToolbarContext as j } from "../../contexts/ToolbarContext/ToolbarContext.hook.js";
+function ct() {
+  const {
+    isBold: e,
+    isItalic: r,
+    isUnderline: l,
+    isStrikethrough: c,
+    isAlignLeft: a,
+    isAlignCenter: m,
+    isAlignRight: s
+  } = w(), t = F().toolbar.actions, { availableActions: A } = j(), L = n(() => ({
+    id: o.BOLD,
+    IconComponent: k,
+    label: t.bold,
+    isActive: e
+  }), [t.bold, e]), g = n(() => ({
+    id: o.ITALIC,
+    IconComponent: _,
+    label: t.italic,
+    isActive: r
+  }), [t.italic, r]), I = n(() => ({
+    id: o.UNDERLINE,
+    IconComponent: O,
+    label: t.underline,
+    isActive: l
+  }), [t.underline, l]), u = n(() => ({
+    id: o.STRIKETHROUGH,
+    IconComponent: x,
+    label: t.strikethrough,
+    isActive: c
+  }), [t.strikethrough, c]), b = n(() => ({
+    id: o.ALIGN_LEFT,
+    IconComponent: G,
+    label: t.alignLeft,
+    isActive: a
+  }), [t.alignLeft, a]), p = n(() => ({
+    id: o.ALIGN_CENTER,
+    IconComponent: h,
+    label: t.alignCenter,
+    isActive: m
+  }), [t.alignCenter, m]), d = n(() => ({
+    id: o.ALIGN_RIGHT,
+    IconComponent: B,
+    label: t.alignRight,
+    isActive: s
+  }), [t.alignRight, s]), f = n(() => ({
+    id: o.BULLET_LIST,
+    IconComponent: D,
+    label: t.bulletList
+  }), [t.bulletList]), T = n(() => ({
+    id: o.NUMBERED_LIST,
+    IconComponent: H,
+    label: t.numberedList
+  }), [t.numberedList]), v = n(() => ({
+    id: o.LINK,
+    IconComponent: M,
+    label: t.link
+  }), [t.link]), C = n(() => ({
+    id: o.IMAGE,
+    IconComponent: U,
+    label: t.image
+  }), [t.image]), E = n(() => ({
+    id: o.TABLE,
+    IconComponent: K,
+    label: t.table
+  }), [t.table]), S = n(() => ({
+    [o.BOLD]: L,
+    [o.ITALIC]: g,
+    [o.UNDERLINE]: I,
+    [o.STRIKETHROUGH]: u,
+    [o.ALIGN_LEFT]: b,
+    [o.ALIGN_CENTER]: p,
+    [o.ALIGN_RIGHT]: d,
+    [o.BULLET_LIST]: f,
+    [o.NUMBERED_LIST]: T,
+    [o.LINK]: v,
+    [o.IMAGE]: C,
+    [o.TABLE]: E
+  }), [
+    L,
+    g,
+    I,
+    u,
+    b,
+    p,
+    d,
+    f,
+    T,
+    v,
+    C,
+    E
+  ]), i = n(() => A.map((N) => N.map((R) => S[R])), [A, S]);
+  return {
+    availableActions: n(() => i.flat(), [i]),
+    availableActionGroups: i
+  };
+}
+export {
+  ct as useToolbarActions
+};

package/dist/components/controls/MarkdownTextEditor/hooks/useToolbarActions/useToolbarActions.types.d.ts

@@ -7,4 +7,3 @@ export interface ToolbarAction {
     isActive?: boolean;
 }
 export type ToolbarActionsGroup = MarkdownToolbarAction[][];
-//# sourceMappingURL=useToolbarActions.types.d.ts.map

package/dist/components/controls/MarkdownTextEditor/hooks/useToolbarStates/index.d.ts

@@ -1,2 +1 @@
 export * from './useToolbarStates';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/controls/MarkdownTextEditor/hooks/useToolbarStates/useToolbarStates.d.ts

@@ -9,4 +9,3 @@ export declare function useToolbarStates(): {
     isAlignCenter: boolean;
     isAlignRight: boolean;
 };
-//# sourceMappingURL=useToolbarStates.d.ts.map

package/dist/components/controls/MarkdownTextEditor/hooks/useToolbarStates/useToolbarStates.js

@@ -0,0 +1,69 @@
+import { useLexicalComposerContext as F } from "@lexical/react/LexicalComposerContext";
+import { mergeRegister as R } from "@lexical/utils";
+import { $getSelection as d, $isRangeSelection as g, $isElementNode as S, FORMAT_TEXT_COMMAND as y, COMMAND_PRIORITY_LOW as l, FORMAT_ELEMENT_COMMAND as L, SELECTION_CHANGE_COMMAND as b } from "lexical";
+import { useState as n, useCallback as c, useEffect as k } from "react";
+function $() {
+  const [t] = F(), [f, u] = n(!1), [h, p] = n(!1), [T, A] = n(!1), [C, E] = n(!1), [s, _] = n("left"), M = s === "left", N = s === "center", O = s === "right", a = c(() => {
+    const e = d();
+    g(e) && (u(e.hasFormat("bold")), p(e.hasFormat("italic")), A(e.hasFormat("underline")), E(e.hasFormat("strikethrough")));
+  }, []), i = c(
+    (e) => {
+      _(e);
+    },
+    []
+  ), m = c(() => {
+    const e = d();
+    if (!g(e))
+      return;
+    const o = e.anchor.getNode(), r = o.getKey() === "root" ? o : o.getTopLevelElementOrThrow();
+    if (S(r)) {
+      const I = r.getFormatType();
+      i(I);
+    }
+  }, [i]);
+  return k(() => {
+    const e = R(
+      t.registerCommand(
+        y,
+        (o, r) => (t.read(() => {
+          a();
+        }), !1),
+        l
+      ),
+      t.registerCommand(
+        L,
+        (o, r) => (t.read(() => {
+          i(o);
+        }), !1),
+        l
+      ),
+      t.registerCommand(
+        b,
+        (o, r) => (t.read(() => {
+          a(), m();
+        }), !1),
+        l
+      )
+    );
+    return () => {
+      e();
+    };
+  }, [
+    t,
+    a,
+    i,
+    m
+  ]), {
+    isBold: f,
+    isItalic: h,
+    isUnderline: T,
+    isStrikethrough: C,
+    alignment: s,
+    isAlignLeft: M,
+    isAlignCenter: N,
+    isAlignRight: O
+  };
+}
+export {
+  $ as useToolbarStates
+};

package/dist/components/controls/MarkdownTextEditor/index.d.ts

@@ -2,4 +2,3 @@ export { MarkdownToolbarAction } from './hooks';
 export * from './MarkdownTextEditor';
 export { MARKDOWN_TEXT_EDITOR_LOCALE_KEY } from './MarkdownTextEditor.locale';
 export type * from './MarkdownTextEditor.types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/controls/MarkdownTextEditor/nodes/CustomLinkNode/CustomLinkNode.const.d.ts

@@ -1,2 +1 @@
 export declare const CUSTOM_LINK_NODE_TYPE = "custom-link-node";
-//# sourceMappingURL=CustomLinkNode.const.d.ts.map

package/dist/components/controls/MarkdownTextEditor/nodes/CustomLinkNode/CustomLinkNode.const.js

@@ -0,0 +1,4 @@
+const o = "custom-link-node";
+export {
+  o as CUSTOM_LINK_NODE_TYPE
+};