@kopexa/tiptap 17.4.0 → 17.6.0

package/dist/{chunk-GL3RTIER.mjs → chunk-2UDCL55K.mjs}

@@ -18,9 +18,10 @@ function BubbleMenu({ editor }) {
     TiptapBubbleMenu,
     {
       editor,
-      shouldShow: ({ editor: e, state }) => {
+      shouldShow: ({ editor: e, state, view }) => {
         const { selection } = state;
         const { empty } = selection;
+        if (!view.hasFocus()) return false;
         if (empty) return false;
         if (e.isActive("codeBlock")) return false;
         if (e.isActive("link")) return false;

package/dist/{chunk-GDDWW2IQ.mjs → chunk-4JRYQZ4A.mjs}

@@ -7,10 +7,10 @@ import {
 } from "./chunk-DZLGLP7R.mjs";
 import {
   LinkBubble
-} from "./chunk-XNDXYI2N.mjs";
+} from "./chunk-XGAABDMW.mjs";
 import {
   BubbleMenu
-} from "./chunk-GL3RTIER.mjs";
+} from "./chunk-2UDCL55K.mjs";
 import {
   VariableSuggestion
 } from "./chunk-H7MS2UMO.mjs";
@@ -47,6 +47,7 @@ var BasicEditor = ({
   content,
   variables,
   variableValues,
+  showToolbar = true,
   ...options
 }) => {
   const editor = useCreateEditor({
@@ -65,9 +66,9 @@ var BasicEditor = ({
   const isBottomToolbar = variant === "field";
   const hasVariables = variables && variables.length > 0;
   const editorContent = /* @__PURE__ */ jsx(EditorUIProvider, { value: { styles }, children: /* @__PURE__ */ jsx("div", { className: styles.root(), "data-slot": "editor", children: /* @__PURE__ */ jsxs(EditorContext.Provider, { value: { editor }, children: [
-    !isBottomToolbar && /* @__PURE__ */ jsx(EditorHeader, { editor, variant }),
+    showToolbar && !isBottomToolbar && /* @__PURE__ */ jsx(EditorHeader, { editor, variant }),
     /* @__PURE__ */ jsx(EditorContentArea, { variant, variables }),
-    isBottomToolbar && /* @__PURE__ */ jsx(EditorHeader, { editor, variant })
+    showToolbar && isBottomToolbar && /* @__PURE__ */ jsx(EditorHeader, { editor, variant })
   ] }) }) });
   if (hasVariables) {
     return /* @__PURE__ */ jsx(VariableProvider, { variables, resolveVariable, children: editorContent });
@@ -79,29 +80,67 @@ var EditorContentArea = ({ variant, variables }) => {
   const { editor } = useContext(EditorContext);
   const { isDragging } = useUiEditorState(editor);
   useScrollToHash();
+  const handleKeyDown = useCallback(
+    (e) => {
+      if (!(editor == null ? void 0 : editor.isFocused)) return;
+      const isMod = e.metaKey || e.ctrlKey;
+      const key = e.key.toLowerCase();
+      const editorShortcuts = [
+        isMod && key === "b",
+        // Bold
+        isMod && key === "i",
+        // Italic
+        isMod && key === "u",
+        // Underline
+        isMod && e.shiftKey && key === "x",
+        // Strikethrough
+        isMod && key === "k",
+        // Link
+        isMod && key === "z",
+        // Undo
+        isMod && e.shiftKey && key === "z",
+        // Redo
+        isMod && key === "y",
+        // Redo (alternative)
+        isMod && key === "a",
+        // Select all
+        isMod && key === "e",
+        // Code
+        isMod && e.shiftKey && key === "e"
+        // Code block
+      ];
+      if (editorShortcuts.some(Boolean)) {
+        e.stopPropagation();
+      }
+    },
+    [editor]
+  );
   if (!editor) {
     return null;
   }
   const isEditable = editor.isEditable;
-  return /* @__PURE__ */ jsxs("div", { className: styles.wrapper(), children: [
-    /* @__PURE__ */ jsxs(
-      EditorContent,
-      {
-        editor,
-        role: "presentation",
-        className: styles.content(),
-        style: {
-          cursor: isDragging ? "grabbing" : "auto"
-        },
-        children: [
-          isEditable && /* @__PURE__ */ jsx(SlashDropdownMenu, {}),
-          isEditable && variables && variables.length > 0 && /* @__PURE__ */ jsx(VariableSuggestion, { editor, variables })
-        ]
-      }
-    ),
-    isEditable && /* @__PURE__ */ jsx(BubbleMenu, { editor }),
-    isEditable && /* @__PURE__ */ jsx(LinkBubble, { editor })
-  ] });
+  return (
+    // biome-ignore lint/a11y/noStaticElementInteractions: Wrapper intercepts keyboard shortcuts to prevent propagation
+    /* @__PURE__ */ jsxs("div", { className: styles.wrapper(), onKeyDown: handleKeyDown, children: [
+      /* @__PURE__ */ jsxs(
+        EditorContent,
+        {
+          editor,
+          role: "presentation",
+          className: styles.content(),
+          style: {
+            cursor: isDragging ? "grabbing" : "auto"
+          },
+          children: [
+            isEditable && /* @__PURE__ */ jsx(SlashDropdownMenu, {}),
+            isEditable && variables && variables.length > 0 && /* @__PURE__ */ jsx(VariableSuggestion, { editor, variables })
+          ]
+        }
+      ),
+      isEditable && /* @__PURE__ */ jsx(BubbleMenu, { editor }),
+      isEditable && /* @__PURE__ */ jsx(LinkBubble, { editor })
+    ] })
+  );
 };
 function LoadingSpinner({ text = "Connecting..." }) {
   const styles = editorSpinner();

package/dist/{chunk-XNDXYI2N.mjs → chunk-XGAABDMW.mjs}

@@ -64,7 +64,8 @@ function LinkBubble({ editor }) {
     {
       editor,
       pluginKey: "linkBubbleMenu",
-      shouldShow: ({ editor: e }) => {
+      shouldShow: ({ editor: e, view }) => {
+        if (!view.hasFocus()) return false;
         return e.isActive("link") && e.isEditable;
       },
       options: {

package/dist/index.js

@@ -4266,9 +4266,10 @@ function BubbleMenu({ editor }) {
     import_menus.BubbleMenu,
     {
       editor,
-      shouldShow: ({ editor: e, state }) => {
+      shouldShow: ({ editor: e, state, view }) => {
         const { selection } = state;
         const { empty } = selection;
+        if (!view.hasFocus()) return false;
         if (empty) return false;
         if (e.isActive("codeBlock")) return false;
         if (e.isActive("link")) return false;
@@ -4462,7 +4463,8 @@ function LinkBubble({ editor }) {
     {
       editor,
       pluginKey: "linkBubbleMenu",
-      shouldShow: ({ editor: e }) => {
+      shouldShow: ({ editor: e, view }) => {
+        if (!view.hasFocus()) return false;
         return e.isActive("link") && e.isEditable;
       },
       options: {
@@ -7087,6 +7089,7 @@ var BasicEditor = ({
   content,
   variables,
   variableValues,
+  showToolbar = true,
   ...options
 }) => {
   const editor = useCreateEditor({
@@ -7105,9 +7108,9 @@ var BasicEditor = ({
   const isBottomToolbar = variant === "field";
   const hasVariables = variables && variables.length > 0;
   const editorContent = /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(EditorUIProvider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: styles.root(), "data-slot": "editor", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react56.EditorContext.Provider, { value: { editor }, children: [
-    !isBottomToolbar && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(EditorHeader, { editor, variant }),
+    showToolbar && !isBottomToolbar && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(EditorHeader, { editor, variant }),
     /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(EditorContentArea, { variant, variables }),
-    isBottomToolbar && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(EditorHeader, { editor, variant })
+    showToolbar && isBottomToolbar && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(EditorHeader, { editor, variant })
   ] }) }) });
   if (hasVariables) {
     return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(VariableProvider, { variables, resolveVariable, children: editorContent });
@@ -7119,29 +7122,67 @@ var EditorContentArea = ({ variant, variables }) => {
   const { editor } = (0, import_react57.useContext)(import_react56.EditorContext);
   const { isDragging } = useUiEditorState(editor);
   useScrollToHash();
+  const handleKeyDown = (0, import_react57.useCallback)(
+    (e) => {
+      if (!(editor == null ? void 0 : editor.isFocused)) return;
+      const isMod = e.metaKey || e.ctrlKey;
+      const key = e.key.toLowerCase();
+      const editorShortcuts = [
+        isMod && key === "b",
+        // Bold
+        isMod && key === "i",
+        // Italic
+        isMod && key === "u",
+        // Underline
+        isMod && e.shiftKey && key === "x",
+        // Strikethrough
+        isMod && key === "k",
+        // Link
+        isMod && key === "z",
+        // Undo
+        isMod && e.shiftKey && key === "z",
+        // Redo
+        isMod && key === "y",
+        // Redo (alternative)
+        isMod && key === "a",
+        // Select all
+        isMod && key === "e",
+        // Code
+        isMod && e.shiftKey && key === "e"
+        // Code block
+      ];
+      if (editorShortcuts.some(Boolean)) {
+        e.stopPropagation();
+      }
+    },
+    [editor]
+  );
   if (!editor) {
     return null;
   }
   const isEditable = editor.isEditable;
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: styles.wrapper(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
-      import_react56.EditorContent,
-      {
-        editor,
-        role: "presentation",
-        className: styles.content(),
-        style: {
-          cursor: isDragging ? "grabbing" : "auto"
-        },
-        children: [
-          isEditable && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SlashDropdownMenu, {}),
-          isEditable && variables && variables.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(VariableSuggestion, { editor, variables })
-        ]
-      }
-    ),
-    isEditable && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(BubbleMenu, { editor }),
-    isEditable && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(LinkBubble, { editor })
-  ] });
+  return (
+    // biome-ignore lint/a11y/noStaticElementInteractions: Wrapper intercepts keyboard shortcuts to prevent propagation
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: styles.wrapper(), onKeyDown: handleKeyDown, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+        import_react56.EditorContent,
+        {
+          editor,
+          role: "presentation",
+          className: styles.content(),
+          style: {
+            cursor: isDragging ? "grabbing" : "auto"
+          },
+          children: [
+            isEditable && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(SlashDropdownMenu, {}),
+            isEditable && variables && variables.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(VariableSuggestion, { editor, variables })
+          ]
+        }
+      ),
+      isEditable && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(BubbleMenu, { editor }),
+      isEditable && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(LinkBubble, { editor })
+    ] })
+  );
 };
 function LoadingSpinner({ text = "Connecting..." }) {
   const styles = (0, import_theme9.editorSpinner)();

package/dist/index.mjs

@@ -4,13 +4,13 @@ import {
 } from "./chunk-QIELBKP3.mjs";
 import {
   BasicEditor
-} from "./chunk-GDDWW2IQ.mjs";
+} from "./chunk-4JRYQZ4A.mjs";
 import "./chunk-MNTOOEHA.mjs";
 import "./chunk-ERPGWXFK.mjs";
 import "./chunk-6552DQWB.mjs";
 import "./chunk-DZLGLP7R.mjs";
-import "./chunk-XNDXYI2N.mjs";
-import "./chunk-GL3RTIER.mjs";
+import "./chunk-XGAABDMW.mjs";
+import "./chunk-2UDCL55K.mjs";
 import {
   VariableSuggestion
 } from "./chunk-H7MS2UMO.mjs";

package/dist/presets/basic/index.d.mts

@@ -27,7 +27,12 @@ type BasicEditorProps = GetExtensionsOptions & EditorBasicVariants & {
      * Maps variable names to their resolved values.
      */
     variableValues?: Record<string, string>;
+    /**
+     * Whether to show the toolbar.
+     * @default true
+     */
+    showToolbar?: boolean;
 };
-declare const BasicEditor: ({ variant, bordered, content, variables, variableValues, ...options }: BasicEditorProps) => react_jsx_runtime.JSX.Element;
+declare const BasicEditor: ({ variant, bordered, content, variables, variableValues, showToolbar, ...options }: BasicEditorProps) => react_jsx_runtime.JSX.Element;
 
 export { BasicEditor, type BasicEditorProps };

package/dist/presets/basic/index.d.ts

@@ -27,7 +27,12 @@ type BasicEditorProps = GetExtensionsOptions & EditorBasicVariants & {
      * Maps variable names to their resolved values.
      */
     variableValues?: Record<string, string>;
+    /**
+     * Whether to show the toolbar.
+     * @default true
+     */
+    showToolbar?: boolean;
 };
-declare const BasicEditor: ({ variant, bordered, content, variables, variableValues, ...options }: BasicEditorProps) => react_jsx_runtime.JSX.Element;
+declare const BasicEditor: ({ variant, bordered, content, variables, variableValues, showToolbar, ...options }: BasicEditorProps) => react_jsx_runtime.JSX.Element;
 
 export { BasicEditor, type BasicEditorProps };

package/dist/presets/basic/index.js

@@ -3941,9 +3941,10 @@ function BubbleMenu({ editor }) {
     import_menus.BubbleMenu,
     {
       editor,
-      shouldShow: ({ editor: e, state }) => {
+      shouldShow: ({ editor: e, state, view }) => {
         const { selection } = state;
         const { empty } = selection;
+        if (!view.hasFocus()) return false;
         if (empty) return false;
         if (e.isActive("codeBlock")) return false;
         if (e.isActive("link")) return false;
@@ -4137,7 +4138,8 @@ function LinkBubble({ editor }) {
     {
       editor,
       pluginKey: "linkBubbleMenu",
-      shouldShow: ({ editor: e }) => {
+      shouldShow: ({ editor: e, view }) => {
+        if (!view.hasFocus()) return false;
         return e.isActive("link") && e.isEditable;
       },
       options: {
@@ -6762,6 +6764,7 @@ var BasicEditor = ({
   content,
   variables,
   variableValues,
+  showToolbar = true,
   ...options
 }) => {
   const editor = useCreateEditor({
@@ -6780,9 +6783,9 @@ var BasicEditor = ({
   const isBottomToolbar = variant === "field";
   const hasVariables = variables && variables.length > 0;
   const editorContent = /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(EditorUIProvider, { value: { styles }, children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: styles.root(), "data-slot": "editor", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react56.EditorContext.Provider, { value: { editor }, children: [
-    !isBottomToolbar && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(EditorHeader, { editor, variant }),
+    showToolbar && !isBottomToolbar && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(EditorHeader, { editor, variant }),
     /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(EditorContentArea, { variant, variables }),
-    isBottomToolbar && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(EditorHeader, { editor, variant })
+    showToolbar && isBottomToolbar && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(EditorHeader, { editor, variant })
   ] }) }) });
   if (hasVariables) {
     return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(VariableProvider, { variables, resolveVariable, children: editorContent });
@@ -6794,29 +6797,67 @@ var EditorContentArea = ({ variant, variables }) => {
   const { editor } = (0, import_react57.useContext)(import_react56.EditorContext);
   const { isDragging } = useUiEditorState(editor);
   useScrollToHash();
+  const handleKeyDown = (0, import_react57.useCallback)(
+    (e) => {
+      if (!(editor == null ? void 0 : editor.isFocused)) return;
+      const isMod = e.metaKey || e.ctrlKey;
+      const key = e.key.toLowerCase();
+      const editorShortcuts = [
+        isMod && key === "b",
+        // Bold
+        isMod && key === "i",
+        // Italic
+        isMod && key === "u",
+        // Underline
+        isMod && e.shiftKey && key === "x",
+        // Strikethrough
+        isMod && key === "k",
+        // Link
+        isMod && key === "z",
+        // Undo
+        isMod && e.shiftKey && key === "z",
+        // Redo
+        isMod && key === "y",
+        // Redo (alternative)
+        isMod && key === "a",
+        // Select all
+        isMod && key === "e",
+        // Code
+        isMod && e.shiftKey && key === "e"
+        // Code block
+      ];
+      if (editorShortcuts.some(Boolean)) {
+        e.stopPropagation();
+      }
+    },
+    [editor]
+  );
   if (!editor) {
     return null;
   }
   const isEditable = editor.isEditable;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: styles.wrapper(), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
-      import_react56.EditorContent,
-      {
-        editor,
-        role: "presentation",
-        className: styles.content(),
-        style: {
-          cursor: isDragging ? "grabbing" : "auto"
-        },
-        children: [
-          isEditable && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SlashDropdownMenu, {}),
-          isEditable && variables && variables.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(VariableSuggestion, { editor, variables })
-        ]
-      }
-    ),
-    isEditable && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(BubbleMenu, { editor }),
-    isEditable && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(LinkBubble, { editor })
-  ] });
+  return (
+    // biome-ignore lint/a11y/noStaticElementInteractions: Wrapper intercepts keyboard shortcuts to prevent propagation
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: styles.wrapper(), onKeyDown: handleKeyDown, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+        import_react56.EditorContent,
+        {
+          editor,
+          role: "presentation",
+          className: styles.content(),
+          style: {
+            cursor: isDragging ? "grabbing" : "auto"
+          },
+          children: [
+            isEditable && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(SlashDropdownMenu, {}),
+            isEditable && variables && variables.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(VariableSuggestion, { editor, variables })
+          ]
+        }
+      ),
+      isEditable && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(BubbleMenu, { editor }),
+      isEditable && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(LinkBubble, { editor })
+    ] })
+  );
 };
 function LoadingSpinner({ text = "Connecting..." }) {
   const styles = (0, import_theme9.editorSpinner)();

package/dist/presets/basic/index.mjs

@@ -2,13 +2,13 @@
 "use client";
 import {
   BasicEditor
-} from "../../chunk-GDDWW2IQ.mjs";
+} from "../../chunk-4JRYQZ4A.mjs";
 import "../../chunk-MNTOOEHA.mjs";
 import "../../chunk-ERPGWXFK.mjs";
 import "../../chunk-6552DQWB.mjs";
 import "../../chunk-DZLGLP7R.mjs";
-import "../../chunk-XNDXYI2N.mjs";
-import "../../chunk-GL3RTIER.mjs";
+import "../../chunk-XGAABDMW.mjs";
+import "../../chunk-2UDCL55K.mjs";
 import "../../chunk-H7MS2UMO.mjs";
 import "../../chunk-HLLA2HRV.mjs";
 import "../../chunk-L5RDMV3H.mjs";

package/dist/ui/bubble-menu/index.js

@@ -637,9 +637,10 @@ function BubbleMenu({ editor }) {
     import_menus.BubbleMenu,
     {
       editor,
-      shouldShow: ({ editor: e, state }) => {
+      shouldShow: ({ editor: e, state, view }) => {
         const { selection } = state;
         const { empty } = selection;
+        if (!view.hasFocus()) return false;
         if (empty) return false;
         if (e.isActive("codeBlock")) return false;
         if (e.isActive("link")) return false;

package/dist/ui/bubble-menu/index.mjs

@@ -3,7 +3,7 @@
 import {
   BubbleMenu,
   bubble_menu_default
-} from "../../chunk-GL3RTIER.mjs";
+} from "../../chunk-2UDCL55K.mjs";
 import "../../chunk-LNVWG34E.mjs";
 import "../../chunk-LVNUU67N.mjs";
 import "../../chunk-7VGROP26.mjs";

package/dist/ui/link-bubble/index.js

@@ -89,7 +89,8 @@ function LinkBubble({ editor }) {
     {
       editor,
       pluginKey: "linkBubbleMenu",
-      shouldShow: ({ editor: e }) => {
+      shouldShow: ({ editor: e, view }) => {
+        if (!view.hasFocus()) return false;
         return e.isActive("link") && e.isEditable;
       },
       options: {

package/dist/ui/link-bubble/index.mjs

@@ -3,7 +3,7 @@
 import {
   LinkBubble,
   link_bubble_default
-} from "../../chunk-XNDXYI2N.mjs";
+} from "../../chunk-XGAABDMW.mjs";
 export {
   LinkBubble,
   link_bubble_default as default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kopexa/tiptap",
-  "version": "17.4.0",
+  "version": "17.6.0",
   "description": "our tiptap components",
   "keywords": [
     "tiptap"
@@ -28,7 +28,7 @@
     "motion": ">=12.23.6",
     "react": ">=19.0.0-rc.0",
     "react-dom": ">=19.0.0-rc.0",
-    "@kopexa/theme": "17.13.0"
+    "@kopexa/theme": "17.14.0"
   },
   "dependencies": {
     "@floating-ui/dom": "^1.7.4",
@@ -62,28 +62,28 @@
     "markdown-it": "^14.1.0",
     "react-hotkeys-hook": "^5.2.3",
     "react-intl": "^7.1.14",
-    "@kopexa/chip": "17.1.22",
-    "@kopexa/callout": "17.0.25",
-    "@kopexa/dialog": "17.0.25",
-    "@kopexa/button": "17.0.25",
-    "@kopexa/dropdown-menu": "17.0.25",
-    "@kopexa/editor-utils": "17.0.25",
-    "@kopexa/extension-code": "17.0.25",
-    "@kopexa/extension-controlref": "17.1.7",
-    "@kopexa/extension-table": "17.0.25",
-    "@kopexa/icons": "17.3.7",
-    "@kopexa/input": "17.0.25",
-    "@kopexa/label": "17.0.25",
-    "@kopexa/popover": "17.0.25",
-    "@kopexa/select": "17.0.25",
-    "@kopexa/switch": "17.0.25",
-    "@kopexa/shared-utils": "17.0.25",
-    "@kopexa/separator": "17.0.25",
-    "@kopexa/toolbar": "17.0.25",
-    "@kopexa/use-composed-ref": "17.0.25",
-    "@kopexa/use-is-mobile": "17.0.25",
-    "@kopexa/tabs": "17.0.25",
-    "@kopexa/react-utils": "17.0.25"
+    "@kopexa/button": "17.0.27",
+    "@kopexa/callout": "17.0.27",
+    "@kopexa/chip": "17.1.24",
+    "@kopexa/dropdown-menu": "17.0.27",
+    "@kopexa/editor-utils": "17.0.27",
+    "@kopexa/extension-code": "17.0.27",
+    "@kopexa/dialog": "17.0.27",
+    "@kopexa/icons": "17.4.0",
+    "@kopexa/extension-table": "17.0.27",
+    "@kopexa/input": "17.0.27",
+    "@kopexa/label": "17.0.27",
+    "@kopexa/extension-controlref": "17.1.9",
+    "@kopexa/popover": "17.0.27",
+    "@kopexa/select": "17.0.27",
+    "@kopexa/switch": "17.0.27",
+    "@kopexa/separator": "17.0.27",
+    "@kopexa/react-utils": "17.0.27",
+    "@kopexa/shared-utils": "17.0.27",
+    "@kopexa/tabs": "17.0.27",
+    "@kopexa/use-composed-ref": "17.0.27",
+    "@kopexa/toolbar": "17.0.27",
+    "@kopexa/use-is-mobile": "17.0.27"
   },
   "clean-package": "../../../clean-package.config.json",
   "module": "dist/index.mjs",