@vkzstudio/muza-ui 1.0.9 → 1.0.11

package/dist/components/Reorderable/Reorderable.js

@@ -1,9 +1,9 @@
 import { jsx as u } from "react/jsx-runtime";
-import { forwardRef as y, useContext as P, useRef as _, useCallback as A, createContext as E } from "react";
+import { forwardRef as I, useContext as P, useRef as _, useCallback as A, createContext as E } from "react";
 import { useMuzaTranslations as K } from "../../translations/TranslationContext.js";
 import { useDragControls as S } from "../../node_modules/framer-motion/dist/es/gestures/drag/use-drag-controls.js";
 import { motion as O } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
-import { cn as I } from "../../utils/cn.js";
+import { cn as x } from "../../utils/cn.js";
 import { ReorderGroup as U } from "../../node_modules/framer-motion/dist/es/components/Reorder/Group.js";
 import { ReorderItem as Y } from "../../node_modules/framer-motion/dist/es/components/Reorder/Item.js";
 const k = E({}), z = 50, N = 3, M = () => P(k), H = E(null), j = () => {
@@ -13,19 +13,19 @@ const k = E({}), z = 50, N = 3, M = () => P(k), H = E(null), j = () => {
   return r;
 }, V = ({
   values: r,
-  onReorder: s,
+  onReorder: a,
   axis: l = "y",
   as: c = "ol",
   disabled: o = !1,
   layoutScroll: b = !1,
-  style: w,
-  className: D,
-  children: g
-}, n) => {
-  const m = K(), f = {
+  style: D,
+  className: g,
+  children: y
+}, m) => {
+  const s = K(), f = {
     disabled: o,
     values: r,
-    onReorder: o ? void 0 : s,
+    onReorder: o ? void 0 : a,
     axis: l
   };
   return /* @__PURE__ */ u(
@@ -35,124 +35,126 @@ const k = E({}), z = 50, N = 3, M = () => P(k), H = E(null), j = () => {
       children: /* @__PURE__ */ u(
         U,
         {
-          ref: n,
+          ref: m,
           axis: l,
           values: r,
           onReorder: o ? () => {
-          } : s,
+          } : a,
           as: c,
           layoutScroll: b,
-          style: w,
+          style: D,
           role: "list",
-          "aria-label": m.reorderableTable.listAriaLabel,
-          className: I(D),
-          children: g
+          "aria-label": s.reorderableTable.listAriaLabel,
+          className: x(g),
+          children: y
         }
       )
     }
   );
-}, Z = y(V);
+}, Z = I(V);
 Z.displayName = "ReorderableGroup";
 const q = ({
   value: r,
-  as: s = "li",
+  as: a = "li",
   disabled: l = !1,
   dragListenerDisabled: c = !1,
   whileDrag: o,
   className: b,
-  children: w
-}, D) => {
+  children: D,
+  style: g
+}, y) => {
   const {
-    disabled: g,
-    values: n,
-    onReorder: m,
-    axis: f
-  } = M(), v = S(), t = l || g, a = !t && !c, R = A(
-    (d) => {
-      if (!n || !m) return;
-      const i = n.indexOf(r);
-      if (i === -1) return;
-      const e = i + d;
-      if (e < 0 || e >= n.length) return;
-      const p = [...n];
-      p.splice(i, 1), p.splice(e, 0, r), m(p);
+    disabled: m,
+    values: s,
+    onReorder: f,
+    axis: p
+  } = M(), t = S(), v = l || m, d = !v && !c, w = A(
+    (n) => {
+      if (!s || !f) return;
+      const e = s.indexOf(r);
+      if (e === -1) return;
+      const i = e + n;
+      if (i < 0 || i >= s.length) return;
+      const R = [...s];
+      R.splice(e, 1), R.splice(i, 0, r), f(R);
     },
-    [n, m, r]
-  ), x = A(
-    (d) => {
-      if (!a) return;
-      const i = f === "y" ? "ArrowUp" : "ArrowLeft", e = f === "y" ? "ArrowDown" : "ArrowRight";
-      d.key === i ? (d.preventDefault(), R(-1)) : d.key === e && (d.preventDefault(), R(1));
+    [s, f, r]
+  ), h = A(
+    (n) => {
+      if (!d) return;
+      const e = p === "y" ? "ArrowUp" : "ArrowLeft", i = p === "y" ? "ArrowDown" : "ArrowRight";
+      n.key === e ? (n.preventDefault(), w(-1)) : n.key === i && (n.preventDefault(), w(1));
     },
-    [a, f, R]
+    [d, p, w]
   );
   return /* @__PURE__ */ u(
     H.Provider,
     {
-      value: { dragControls: v, dragListenerDisabled: c, moveItem: R },
+      value: { dragControls: t, dragListenerDisabled: c, moveItem: w },
       children: /* @__PURE__ */ u(
         Y,
         {
-          ref: D,
+          ref: y,
           value: r,
-          as: s,
-          dragControls: v,
-          dragListener: a,
-          tabIndex: a ? 0 : void 0,
+          as: a,
+          dragControls: t,
+          dragListener: d,
+          tabIndex: d ? 0 : void 0,
           role: "listitem",
-          "aria-disabled": t,
-          onKeyDown: x,
-          className: I(
-            a && "cursor-grab active:cursor-grabbing",
-            a && "focus-visible-default",
+          "aria-disabled": v,
+          onKeyDown: h,
+          className: x(
+            d && "cursor-grab active:cursor-grabbing",
+            d && "focus-visible-default",
             b
           ),
+          style: g,
           whileDrag: {
             zIndex: z,
             position: "relative",
             ...o
           },
-          children: w
+          children: D
         }
       )
     }
   );
-}, B = y(q);
+}, B = I(q);
 B.displayName = "ReorderableItem";
-const F = y(
+const F = I(
   ({
     as: r = "button",
-    disabled: s = !1,
+    disabled: a = !1,
     "aria-label": l,
     className: c,
     children: o
   }, b) => {
-    const w = K(), D = l ?? w.reorderableTable.dragHandleAriaLabel, { disabled: g, axis: n } = M(), { dragControls: m, dragListenerDisabled: f, moveItem: v } = j(), t = f && !g && !s, a = _(!1), R = (e) => {
+    const D = K(), g = l ?? D.reorderableTable.dragHandleAriaLabel, { disabled: y, axis: m } = M(), { dragControls: s, dragListenerDisabled: f, moveItem: p } = j(), t = f && !y && !a, v = _(!1), d = (e) => {
       if (!t) return;
-      a.current = !1;
-      const p = e.clientX, h = e.clientY, L = (G) => {
-        const T = Math.abs(G.clientX - p), X = Math.abs(G.clientY - h);
-        (T > N || X > N) && (a.current = !0);
+      v.current = !1;
+      const i = e.clientX, R = e.clientY, L = (G) => {
+        const T = Math.abs(G.clientX - i), X = Math.abs(G.clientY - R);
+        (T > N || X > N) && (v.current = !0);
       }, C = () => {
         document.removeEventListener("pointermove", L), document.removeEventListener("pointerup", C);
       };
-      document.addEventListener("pointermove", L), document.addEventListener("pointerup", C), m.start(e);
-    }, x = (e) => {
-      a.current && (e.stopPropagation(), a.current = !1);
-    }, d = A(
+      document.addEventListener("pointermove", L), document.addEventListener("pointerup", C), s.start(e);
+    }, w = (e) => {
+      v.current && (e.stopPropagation(), v.current = !1);
+    }, h = A(
       (e) => {
         if (!t) return;
-        const p = n === "y" ? "ArrowUp" : "ArrowLeft", h = n === "y" ? "ArrowDown" : "ArrowRight";
-        e.key === p ? (e.preventDefault(), v(-1)) : e.key === h && (e.preventDefault(), v(1));
+        const i = m === "y" ? "ArrowUp" : "ArrowLeft", R = m === "y" ? "ArrowDown" : "ArrowRight";
+        e.key === i ? (e.preventDefault(), p(-1)) : e.key === R && (e.preventDefault(), p(1));
       },
-      [t, n, v]
-    ), i = {
-      "aria-label": D,
+      [t, m, p]
+    ), n = {
+      "aria-label": g,
       "aria-roledescription": "sortable",
-      onPointerDown: R,
-      onKeyDown: d,
-      onClick: x,
-      className: I(
+      onPointerDown: d,
+      onKeyDown: h,
+      onClick: w,
+      className: x(
         "touch-none select-none",
         t && "cursor-grab active:cursor-grabbing",
         !t && "cursor-default",
@@ -160,13 +162,13 @@ const F = y(
         c
       )
     };
-    return r === "button" ? /* @__PURE__ */ u("button", { ref: b, type: "button", disabled: s, ...i, children: o }) : r === "div" ? /* @__PURE__ */ u(
+    return r === "button" ? /* @__PURE__ */ u("button", { ref: b, type: "button", disabled: a, ...n, children: o }) : r === "div" ? /* @__PURE__ */ u(
       "div",
       {
         ref: b,
         tabIndex: t ? 0 : void 0,
         role: t ? "button" : void 0,
-        ...i,
+        ...n,
         children: o
       }
     ) : /* @__PURE__ */ u(
@@ -175,17 +177,17 @@ const F = y(
         ref: b,
         tabIndex: t ? 0 : void 0,
         role: t ? "button" : void 0,
-        ...i,
+        ...n,
         children: o
       }
     );
   }
 );
 F.displayName = "ReorderableHandle";
-const J = ({ as: r = "li", className: s, children: l }, c) => {
+const J = ({ as: r = "li", className: a, children: l }, c) => {
   const o = O[r];
-  return /* @__PURE__ */ u(o, { ref: c, layout: !0, role: "listitem", className: I(s), children: l });
-}, Q = y(J);
+  return /* @__PURE__ */ u(o, { ref: c, layout: !0, role: "listitem", className: x(a), children: l });
+}, Q = I(J);
 Q.displayName = "ReorderableStaticItem";
 export {
   Z as ReorderableGroup,

package/dist/components/ReorderableTable/ReorderableTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReorderableTable.d.ts","sourceRoot":"","sources":["../../../src/components/ReorderableTable/ReorderableTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAA;AAWrE,MAAM,WAAW,sBAAsB,CAAC,CAAC;IACvC,2BAA2B;IAC3B,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,yBAAyB;IACzB,KAAK,EAAE,SAAS,CAAA;IAChB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,GAAG,CAAC,GAAG,CAAC,CAAA;IAC3B,4BAA4B;IAC5B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAA;CACxE;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CACtE,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAChE,2DAA2D;IAC3D,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,uCAAuC;IACvC,SAAS,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,IAAI,CAAA;IAClC,yBAAyB;IACzB,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAA;IACpC,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAA;IACzD,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAkND,QAAA,MAAM,gBAAgB,EAAwC,CAC5D,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAEjC,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAA;CAAE,KACvE,KAAK,CAAC,YAAY,CACtB;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAA"}
+{"version":3,"file":"ReorderableTable.d.ts","sourceRoot":"","sources":["../../../src/components/ReorderableTable/ReorderableTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAA;AAWrE,MAAM,WAAW,sBAAsB,CAAC,CAAC;IACvC,2BAA2B;IAC3B,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,yBAAyB;IACzB,KAAK,EAAE,SAAS,CAAA;IAChB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,+DAA+D;IAC/D,SAAS,CAAC,EAAE,OAAO,GAAG,CAAC,GAAG,CAAC,CAAA;IAC3B,4BAA4B;IAC5B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,SAAS,CAAA;CACxE;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CACtE,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAChE,2DAA2D;IAC3D,IAAI,EAAE,CAAC,EAAE,CAAA;IACT,uCAAuC;IACvC,SAAS,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,IAAI,CAAA;IAClC,yBAAyB;IACzB,OAAO,EAAE,sBAAsB,CAAC,CAAC,CAAC,EAAE,CAAA;IACpC,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,OAAO,CAAA;IACzD,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAiOD,QAAA,MAAM,gBAAgB,EAAwC,CAC5D,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAEjC,KAAK,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAA;CAAE,KACvE,KAAK,CAAC,YAAY,CACtB;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/ReorderableTable/ReorderableTable.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReorderableTable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ReorderableTable/ReorderableTable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAM3D,OAAO,EACL,gBAAgB,EAEjB,MAAM,oBAAoB,CAAA;AAE3B,UAAU,QAAQ;IAChB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAA;CAC9B;AAyCD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CA6DvC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAA;AAExD,eAAO,MAAM,OAAO,EAAE,KAkHrB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAsG3B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA2G7B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAkG3B,CAAA"}
+{"version":3,"file":"ReorderableTable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ReorderableTable/ReorderableTable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAM3D,OAAO,EACL,gBAAgB,EAEjB,MAAM,oBAAoB,CAAA;AAE3B,UAAU,QAAQ;IAChB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,QAAQ,GAAG,UAAU,CAAA;CAC9B;AAyCD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,gBAAgB,CAuEvC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAA;AAExD,eAAO,MAAM,OAAO,EAAE,KAkHrB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAsG3B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KA2G7B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAkG3B,CAAA"}

package/dist/components/TextEditor/EditorToolbar.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { Editor } from '@tiptap/react';
+import { TextEditorTranslations } from '../../translations/types';
+import { TextEditorToolbarConfig } from './TextEditor';
+export interface EditorToolbarProps {
+    editor: Editor | null;
+    toolbarConfig: Required<TextEditorToolbarConfig>;
+    disabled: boolean;
+    translations: TextEditorTranslations;
+    onLinkClick: () => void;
+    toolbarExtra?: ReactNode;
+}
+/**
+ * Internal toolbar component for TextEditor.
+ * Renders toolbar buttons based on the provided configuration.
+ */
+export declare const EditorToolbar: ({ editor, toolbarConfig, disabled, translations: t, onLinkClick, toolbarExtra, }: EditorToolbarProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EditorToolbar.d.ts.map

package/dist/components/TextEditor/EditorToolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/TextEditor/EditorToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAA;AAgBlE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAA;AAI3D,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,aAAa,EAAE,QAAQ,CAAC,uBAAuB,CAAC,CAAA;IAChD,QAAQ,EAAE,OAAO,CAAA;IACjB,YAAY,EAAE,sBAAsB,CAAA;IACpC,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,YAAY,CAAC,EAAE,SAAS,CAAA;CACzB;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,kFAO3B,kBAAkB,4CAoLpB,CAAA"}

package/dist/components/TextEditor/EditorToolbar.js

@@ -0,0 +1,175 @@
+import { jsxs as u, Fragment as m, jsx as n } from "react/jsx-runtime";
+import { ToolbarButton as h } from "./ToolbarButton.js";
+import { ToolbarSeparator as e } from "./ToolbarSeparator.js";
+import { Flex as v } from "../Flex/Flex.js";
+import { TextH1 as B, TextH2 as L, TextH3 as A, BulletList as T, NumberList as i } from "../Icons/CustomIcons.js";
+import { UndoLeftBold as H, UndoRightBold as y, TextBoldBold as F, TextItalicBold as w, TextCrossBold as I, LinkRoundBold as N, EraserBold as S } from "@solar-icons/react-perf";
+const O = ({
+  editor: l,
+  toolbarConfig: c,
+  disabled: a,
+  translations: s,
+  onLinkClick: x,
+  toolbarExtra: p
+}) => {
+  const g = (k, f) => typeof k == "boolean" ? k : k.includes(f);
+  return /* @__PURE__ */ u(
+    v,
+    {
+      wrap: "wrap",
+      align: "center",
+      gap: "md",
+      padding: { px: "2xl", py: "md" },
+      className: "border-b border-comp-texteditor-stroke-def",
+      children: [
+        c.history !== !1 && /* @__PURE__ */ u(m, { children: [
+          /* @__PURE__ */ u(v, { align: "center", gap: "3xs", children: [
+            g(c.history, "undo") && /* @__PURE__ */ n(
+              h,
+              {
+                icon: /* @__PURE__ */ n(H, {}),
+                onClick: () => l == null ? void 0 : l.chain().focus().undo().run(),
+                disabled: a || !(l != null && l.can().undo()),
+                label: s.undo
+              }
+            ),
+            g(c.history, "redo") && /* @__PURE__ */ n(
+              h,
+              {
+                icon: /* @__PURE__ */ n(y, {}),
+                onClick: () => l == null ? void 0 : l.chain().focus().redo().run(),
+                disabled: a || !(l != null && l.can().redo()),
+                label: s.redo
+              }
+            )
+          ] }),
+          /* @__PURE__ */ n(e, {})
+        ] }),
+        c.headings !== !1 && /* @__PURE__ */ u(m, { children: [
+          /* @__PURE__ */ u(v, { align: "center", gap: "3xs", children: [
+            g(c.headings, 1) && /* @__PURE__ */ n(
+              h,
+              {
+                icon: /* @__PURE__ */ n(B, {}),
+                onClick: () => l == null ? void 0 : l.chain().focus().toggleHeading({ level: 1 }).run(),
+                active: l == null ? void 0 : l.isActive("heading", { level: 1 }),
+                disabled: a,
+                label: s.heading1
+              }
+            ),
+            g(c.headings, 2) && /* @__PURE__ */ n(
+              h,
+              {
+                icon: /* @__PURE__ */ n(L, {}),
+                onClick: () => l == null ? void 0 : l.chain().focus().toggleHeading({ level: 2 }).run(),
+                active: l == null ? void 0 : l.isActive("heading", { level: 2 }),
+                disabled: a,
+                label: s.heading2
+              }
+            ),
+            g(c.headings, 3) && /* @__PURE__ */ n(
+              h,
+              {
+                icon: /* @__PURE__ */ n(A, {}),
+                onClick: () => l == null ? void 0 : l.chain().focus().toggleHeading({ level: 3 }).run(),
+                active: l == null ? void 0 : l.isActive("heading", { level: 3 }),
+                disabled: a,
+                label: s.heading3
+              }
+            )
+          ] }),
+          /* @__PURE__ */ n(e, {})
+        ] }),
+        c.formatting !== !1 && /* @__PURE__ */ u(m, { children: [
+          /* @__PURE__ */ u(v, { align: "center", gap: "3xs", children: [
+            g(c.formatting, "bold") && /* @__PURE__ */ n(
+              h,
+              {
+                icon: /* @__PURE__ */ n(F, {}),
+                onClick: () => l == null ? void 0 : l.chain().focus().toggleBold().run(),
+                active: l == null ? void 0 : l.isActive("bold"),
+                disabled: a,
+                label: s.bold
+              }
+            ),
+            g(c.formatting, "italic") && /* @__PURE__ */ n(
+              h,
+              {
+                icon: /* @__PURE__ */ n(w, {}),
+                onClick: () => l == null ? void 0 : l.chain().focus().toggleItalic().run(),
+                active: l == null ? void 0 : l.isActive("italic"),
+                disabled: a,
+                label: s.italic
+              }
+            ),
+            g(c.formatting, "strikethrough") && /* @__PURE__ */ n(
+              h,
+              {
+                icon: /* @__PURE__ */ n(I, {}),
+                onClick: () => l == null ? void 0 : l.chain().focus().toggleStrike().run(),
+                active: l == null ? void 0 : l.isActive("strike"),
+                disabled: a,
+                label: s.strikethrough
+              }
+            )
+          ] }),
+          /* @__PURE__ */ n(e, {})
+        ] }),
+        c.lists !== !1 && /* @__PURE__ */ u(m, { children: [
+          /* @__PURE__ */ u(v, { align: "center", gap: "3xs", children: [
+            g(c.lists, "bullet") && /* @__PURE__ */ n(
+              h,
+              {
+                icon: /* @__PURE__ */ n(T, {}),
+                onClick: () => l == null ? void 0 : l.chain().focus().toggleBulletList().run(),
+                active: l == null ? void 0 : l.isActive("bulletList"),
+                disabled: a,
+                label: s.bulletList
+              }
+            ),
+            g(c.lists, "ordered") && /* @__PURE__ */ n(
+              h,
+              {
+                icon: /* @__PURE__ */ n(i, {}),
+                onClick: () => l == null ? void 0 : l.chain().focus().toggleOrderedList().run(),
+                active: l == null ? void 0 : l.isActive("orderedList"),
+                disabled: a,
+                label: s.orderedList
+              }
+            )
+          ] }),
+          /* @__PURE__ */ n(e, {})
+        ] }),
+        c.link && /* @__PURE__ */ u(m, { children: [
+          /* @__PURE__ */ n(
+            h,
+            {
+              icon: /* @__PURE__ */ n(N, {}),
+              onClick: x,
+              active: l == null ? void 0 : l.isActive("link"),
+              disabled: a,
+              label: s.insertLink
+            }
+          ),
+          /* @__PURE__ */ n(e, {})
+        ] }),
+        c.clearFormatting && /* @__PURE__ */ u(m, { children: [
+          /* @__PURE__ */ n(
+            h,
+            {
+              icon: /* @__PURE__ */ n(S, {}),
+              onClick: () => l == null ? void 0 : l.chain().focus().unsetAllMarks().clearNodes().run(),
+              disabled: a,
+              label: s.clearFormatting
+            }
+          ),
+          p && /* @__PURE__ */ n(e, {})
+        ] }),
+        p
+      ]
+    }
+  );
+};
+export {
+  O as EditorToolbar
+};

package/dist/components/TextEditor/LinkBubbleMenu.d.ts

@@ -0,0 +1,52 @@
+import { Editor } from '@tiptap/react';
+/**
+ * Translations for the LinkBubbleMenu component.
+ * @internal
+ */
+export interface LinkBubbleMenuTranslations {
+    /** Text for the save button */
+    saveButton: string;
+    /** Text for the cancel button */
+    cancelButton: string;
+    /** Aria label for the edit button */
+    editButton: string;
+    /** Aria label for the remove button */
+    removeButton: string;
+}
+/**
+ * Props for the LinkBubbleMenu component.
+ * @internal
+ */
+export interface LinkBubbleMenuProps {
+    /** The TipTap editor instance */
+    editor: Editor;
+    /** Current URL value in the input */
+    linkUrl: string;
+    /** Whether the edit input is visible */
+    isEditingLink: boolean;
+    /** Fires when the URL input value changes */
+    onUrlChange: (url: string) => void;
+    /** Fires when the edit button is clicked */
+    onEdit: () => void;
+    /** Fires when the save button is clicked or Enter is pressed */
+    onSave: () => void;
+    /** Fires when the remove button is clicked */
+    onRemove: () => void;
+    /** Fires when the cancel button is clicked or Escape is pressed */
+    onCancel: () => void;
+    /** Translation strings */
+    translations: LinkBubbleMenuTranslations;
+}
+/**
+ * Bubble menu for editing links in the TextEditor.
+ *
+ * Shows when a link is selected, displaying either:
+ * - View mode: Link URL with edit/remove buttons
+ * - Edit mode: Input field with save/cancel buttons
+ *
+ * Supports keyboard shortcuts: Enter to save, Escape to cancel.
+ *
+ * @internal
+ */
+export declare const LinkBubbleMenu: ({ editor, linkUrl, isEditingLink, onUrlChange, onEdit, onSave, onRemove, onCancel, translations, }: LinkBubbleMenuProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LinkBubbleMenu.d.ts.map

package/dist/components/TextEditor/LinkBubbleMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkBubbleMenu.d.ts","sourceRoot":"","sources":["../../../src/components/TextEditor/LinkBubbleMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,MAAM,EAAE,MAAM,eAAe,CAAA;AAKvD;;;GAGG;AACH,MAAM,WAAW,0BAA0B;IACzC,+BAA+B;IAC/B,UAAU,EAAE,MAAM,CAAA;IAClB,iCAAiC;IACjC,YAAY,EAAE,MAAM,CAAA;IACpB,qCAAqC;IACrC,UAAU,EAAE,MAAM,CAAA;IAClB,uCAAuC;IACvC,YAAY,EAAE,MAAM,CAAA;CACrB;AAED;;;GAGG;AACH,MAAM,WAAW,mBAAmB;IAClC,iCAAiC;IACjC,MAAM,EAAE,MAAM,CAAA;IACd,qCAAqC;IACrC,OAAO,EAAE,MAAM,CAAA;IACf,wCAAwC;IACxC,aAAa,EAAE,OAAO,CAAA;IACtB,6CAA6C;IAC7C,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,4CAA4C;IAC5C,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,gEAAgE;IAChE,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,8CAA8C;IAC9C,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,mEAAmE;IACnE,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,0BAA0B;IAC1B,YAAY,EAAE,0BAA0B,CAAA;CACzC;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,cAAc,GAAI,oGAU5B,mBAAmB,4CAmFrB,CAAA"}

package/dist/components/TextEditor/LinkBubbleMenu.js

@@ -0,0 +1,97 @@
+import { jsx as e, jsxs as n, Fragment as f } from "react/jsx-runtime";
+import { BubbleMenu as b } from "../../node_modules/@tiptap/react/dist/index.js";
+import { Flex as a } from "../Flex/Flex.js";
+import { Button as s } from "../Button/Button.js";
+import { Pen2Bold as h, TrashBinTrashBold as x } from "@solar-icons/react-perf";
+const N = ({
+  editor: o,
+  linkUrl: c,
+  isEditingLink: u,
+  onUrlChange: p,
+  onEdit: d,
+  onSave: l,
+  onRemove: m,
+  onCancel: i,
+  translations: r
+}) => /* @__PURE__ */ e(
+  b,
+  {
+    editor: o,
+    tippyOptions: {
+      duration: 150,
+      placement: "top",
+      popperOptions: {
+        modifiers: [
+          {
+            name: "flip",
+            options: {
+              fallbackPlacements: ["top"]
+            }
+          }
+        ]
+      }
+    },
+    shouldShow: ({ editor: t }) => t.isActive("link"),
+    children: /* @__PURE__ */ e(
+      a,
+      {
+        direction: "column",
+        className: "gap-2 rounded-xl bg-surface-base-secondary p-3 shadow-lg",
+        children: u ? /* @__PURE__ */ n(f, { children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              type: "text",
+              value: c,
+              onChange: (t) => p(t.target.value),
+              onKeyDown: (t) => {
+                t.key === "Enter" && (t.preventDefault(), l()), t.key === "Escape" && i();
+              },
+              placeholder: "https://...",
+              className: "w-64 rounded-lg border border-comp-input-stroke-def bg-comp-input-fill-def px-3 py-2 text-sm outline-none focus:border-comp-input-stroke-focused",
+              autoFocus: !0
+            }
+          ),
+          /* @__PURE__ */ n(a, { justify: "end", className: "w-full gap-2", children: [
+            /* @__PURE__ */ e(s, { size: "xs", variant: "secondary", ghost: !0, onClick: i, children: r.cancelButton }),
+            /* @__PURE__ */ e(s, { size: "xs", onClick: l, children: r.saveButton })
+          ] })
+        ] }) : /* @__PURE__ */ n(a, { align: "center", className: "gap-2", children: [
+          /* @__PURE__ */ e(
+            "a",
+            {
+              href: o.getAttributes("link").href,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "max-w-48 flex-1 truncate text-sm text-text-brand-def hover:underline",
+              children: o.getAttributes("link").href
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onClick: d,
+              className: "cursor-pointer rounded p-1 text-text-brand-def hover:bg-surface-base-tertiary",
+              "aria-label": r.editButton,
+              children: /* @__PURE__ */ e(h, { className: "size-icon-xsmall" })
+            }
+          ),
+          /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              onClick: m,
+              className: "cursor-pointer rounded p-1 text-text-brand-def hover:bg-surface-base-tertiary",
+              "aria-label": r.removeButton,
+              children: /* @__PURE__ */ e(x, { className: "size-icon-xsmall" })
+            }
+          )
+        ] })
+      }
+    )
+  }
+);
+export {
+  N as LinkBubbleMenu
+};