@bitrix24/b24ui-nuxt 2.1.11 → 2.1.12

package/dist/shared/{b24ui-nuxt.Dh5A-7HA.mjs → b24ui-nuxt.C8MyFqPm.mjs}

@@ -8,7 +8,7 @@ import { globSync } from 'tinyglobby';
 import { defuFn } from 'defu';
 
 const name = "@bitrix24/b24ui-nuxt";
-const version = "2.1.11";
+const version = "2.1.12";
 
 function getDefaultConfig(theme) {
   return {
@@ -3035,6 +3035,182 @@ const dropdownMenu = {
   defaultVariants: {}
 };
 
+const editor = {
+  slots: {
+    root: "light",
+    content: "relative size-full flex-1",
+    base: [
+      "w-full outline-none *:my-5 *:first:mt-0 *:last:mb-0 sm:px-8 selection:bg-(--ui-color-design-selection-bg)",
+      // Placeholder
+      "[&_:is(p,h1,h2,h3,h4).is-empty]:before:content-[attr(data-placeholder)] [&_:is(p,h1,h2,h3,h4).is-empty]:before:text-(--b24ui-typography-label-color) [&_:is(p,h1,h2,h3,h4).is-empty]:before:float-left [&_:is(p,h1,h2,h3,h4).is-empty]:before:h-0 [&_:is(p,h1,h2,h3,h4).is-empty]:before:pointer-events-none",
+      "[&_li_.is-empty]:before:content-none",
+      // Paragraph
+      "[&_p]:leading-7",
+      // Links
+      "[&_a]:text-(--ui-color-accent-main-primary) [&_a]:border-b [&_a]:border-transparent [&_a]:hover:border-(--ui-color-accent-main-primary) [&_a]:font-(--ui-font-weight-medium)",
+      "[&_a]:transition-colors",
+      // Mentions
+      "[&_.mention]:text-(--ui-color-accent-main-primary) [&_.mention]:font-(--ui-font-weight-medium)",
+      // Headings - shared styles
+      "[&_:is(h1,h2,h3,h4)]:text-(--b24ui-typography-label-color) [&_:is(h1,h2,h3,h4)]:font-(--ui-font-weight-bold)",
+      // Headings - unique styles
+      "[&_h1]:text-3xl",
+      "[&_h2]:text-2xl",
+      "[&_h3]:text-xl",
+      "[&_h4]:text-lg",
+      // Code inside headings
+      "[&_:is(h1,h2,h3,h4)>code]:border-dashed [&_:is(h1,h2,h3,h4)>code]:font-(--ui-font-weight-bold)",
+      "[&_h2>code]:text-xl/6",
+      "[&_h3>code]:text-lg/5",
+      // Blockquote & HR
+      "[&_blockquote]:border-s-4 [&_blockquote]:border-(--ui-color-accent-soft-element-blue) [&_blockquote]:ps-4 [&_blockquote]:italic",
+      "[&_[data-type=horizontalRule]]:my-8 [&_[data-type=horizontalRule]]:py-2",
+      "[&_hr]:border-t [&_hr]:border-(--ui-color-divider-default)",
+      // Code blocks
+      "[&_pre]:text-sm/6 [&_pre]:border [&_pre]:border-(--ui-color-design-tinted-na-stroke) [&_pre]:bg-(--ui-color-design-tinted-na-bg) [&_pre]:rounded-md [&_pre]:px-4 [&_pre]:py-3 [&_pre]:whitespace-pre-wrap [&_pre]:break-words [&_pre]:overflow-x-auto",
+      "[&_pre_code]:p-0 [&_pre_code]:text-inherit [&_pre_code]:font-inherit [&_pre_code]:rounded-none [&_pre_code]:inline [&_pre_code]:border-0 [&_pre_code]:bg-transparent",
+      // Inline code
+      "[&_code]:px-1.5 [&_code]:py-0.5 [&_code]:text-sm [&_code]:font-[family-name:var(--ui-font-family-system-mono)] [&_code]:font-(--ui-font-weight-medium) [&_code]:rounded-md [&_code]:inline-block [&_code]:border [&_code]:border-(--ui-color-design-tinted-na-stroke) [&_code]:text-(--b24ui-typography-label-color) [&_code]:bg-(--ui-color-design-tinted-na-bg)",
+      // Lists
+      "[&_:is(ul,ol)]:ps-6",
+      "[&_ul]:list-disc [&_ul]:marker:text-(--ui-color-accent-soft-element-blue)",
+      "[&_ol]:list-decimal [&_ol]:marker:text-(--b24ui-typography-label-color)",
+      "[&_li]:my-1.5 [&_li]:ps-1.5",
+      // Images
+      "[&_img]:rounded-md [&_img]:block [&_img]:max-w-full [&_img.ProseMirror-selectednode]:outline-2 [&_img.ProseMirror-selectednode]:outline-(--ui-color-accent-main-primary)",
+      // Selected nodes
+      "[&_.ProseMirror-selectednode:not(img):not(pre):not([data-node-view-wrapper])]:bg-(--ui-color-design-selection-bg)"
+    ].join(" ")
+  }
+};
+
+const editorDragHandle = {
+  slots: {
+    root: "hidden sm:flex items-center justify-center transition-all duration-200 ease-out",
+    handle: "cursor-grab px-1"
+  }
+};
+
+const editorSuggestionMenu = {
+  slots: {
+    content: [
+      "light",
+      "bg-(--popup-window-background-color)",
+      "shadow-(--popup-window-box-shadow)",
+      "rounded-(--popup-window-border-radius) will-change-[opacity]",
+      "motion-safe:data-[state=open]:animate-[scale-in_100ms_ease-out] motion-safe:data-[state=closed]:animate-[scale-out_100ms_ease-in]",
+      "origin-(--reka-dropdown-menu-content-transform-origin)",
+      "font-[family-name:var(--ui-font-family-primary)]",
+      "relative",
+      "isolate",
+      "px-0 py-(--menu-popup-padding)",
+      "pointer-events-auto"
+    ].join(" "),
+    viewport: [
+      "relative",
+      "w-full max-h-[40vh] min-w-[120px] max-w-[192px]",
+      "overflow-x-hidden overflow-y-auto scrollbar-thin"
+      // scrollbar-transparent
+    ].join(" "),
+    group: "grid",
+    // p-1 isolate
+    label: [
+      "w-full h-(--popup-window-delimiter-section-height)",
+      // min-w-[195px]
+      "px-[18px] mt-(--menu-item-block-stack-space)",
+      "flex flex-row rtl:flex-row-reverse items-center",
+      "select-none outline-none whitespace-nowrap",
+      "text-start",
+      "text-(length:--popup-window-delimiter-font-size)",
+      "text-(--popup-window-delimiter-text-color)",
+      "font-(--popup-window-delimiter-font-weight)",
+      "after:ms-[10px] after:block after:flex-1 after:min-w-[15px] after:h-px after:bg-(--popup-window-delimiter-bg-color)"
+    ].join(" "),
+    item: [
+      "group",
+      "w-full h-[36px]",
+      // min-w-[195px]
+      "px-[18px] mt-(--menu-item-block-stack-space)",
+      "relative",
+      "flex flex-row rtl:flex-row-reverse items-center",
+      "select-none outline-none whitespace-nowrap",
+      "cursor-pointer",
+      "data-disabled:cursor-not-allowed data-disabled:opacity-30",
+      "text-start",
+      "text-(length:--menu-popup-item-font-size)",
+      "text-(--menu-popup-item-color) hover:text-(--menu-popup-item-color-hover)",
+      "data-highlighted:text-(--menu-popup-item-color-hover)",
+      "data-[state=open]:text-(--menu-popup-item-color-hover)",
+      "hover:bg-(--menu-popup-item-bg-color-hover)",
+      "data-highlighted:bg-(--menu-popup-item-bg-color-hover)",
+      "data-[state=open]:bg-(--menu-popup-item-bg-color-hover)",
+      "transition-colors"
+    ].join(" "),
+    itemLeadingIcon: [
+      "shrink-0",
+      "size-[18px]",
+      "text-(--ui-color-design-plain-content-icon-secondary)",
+      "group-data-highlighted:text-(--ui-color-accent-main-primary)",
+      "group-data-[state=open]:text-(--ui-color-accent-main-primary)",
+      "group-data-[state=checked]:text-(--ui-color-accent-main-primary)",
+      "transition-colors"
+    ].join(" "),
+    itemLeadingAvatar: "shrink-0 size-[16px] me-[8px]",
+    // @memo 18-2px
+    itemLeadingAvatarSize: "2xs",
+    // @memo this wrong
+    itemWrapper: "ms-[4px] flex-1 flex flex-col text-start min-w-0",
+    itemLabel: [
+      "max-w-[240px] truncate -mt-px",
+      "group-data-[state=checked]:text-(--ui-color-accent-main-primary)"
+    ].join(" "),
+    itemDescription: "max-w-[240px] truncate -mt-[6px] text-(--b24ui-typography-description-color) text-(length:--ui-font-size-sm)",
+    itemLabelExternalIcon: "inline-block size-[16px] text-(--ui-color-design-plain-content-icon-secondary)"
+  },
+  variants: {
+    active: {
+      true: {
+        item: [
+          "text-(--ui-color-accent-main-primary)",
+          "hover:text-(--ui-color-accent-main-primary)"
+        ].join(" "),
+        itemLeadingIcon: [
+          "text-(--ui-color-accent-main-primary)",
+          "hover:text-(--ui-color-accent-main-primary)",
+          "group-data-[state=open]:text-(--ui-color-accent-main-primary)"
+        ].join(" ")
+      },
+      false: {}
+    }
+  }
+};
+
+const editorEmojiMenu = () => editorSuggestionMenu;
+
+const editorMentionMenu = () => editorSuggestionMenu;
+
+const editorToolbar = {
+  slots: {
+    root: "focus:outline-none",
+    base: "flex items-stretch gap-1.5",
+    group: "flex items-center gap-0.5",
+    separator: "w-px self-stretch bg-(--ui-color-design-tinted-na-stroke)"
+  },
+  variants: {
+    layout: {
+      bubble: {
+        base: "bg-(--popup-window-background-color) border border-(--ui-color-divider-default) rounded-md p-1"
+      },
+      floating: {
+        base: "bg-(--popup-window-background-color) border border-(--ui-color-divider-default) rounded-md p-1"
+      },
+      fixed: {
+        base: ""
+      }
+    }
+  }
+};
+
 const empty = {
   slots: {
     root: [
@@ -9177,6 +9353,12 @@ const theme = {
   dashboardSearchButton: dashboardSearchButton,
   descriptionList: descriptionList,
   dropdownMenu: dropdownMenu,
+  editor: editor,
+  editorDragHandle: editorDragHandle,
+  editorEmojiMenu: editorEmojiMenu,
+  editorMentionMenu: editorMentionMenu,
+  editorSuggestionMenu: editorSuggestionMenu,
+  editorToolbar: editorToolbar,
   empty: empty,
   error: error,
   fieldGroup: fieldGroup$1,

package/dist/unplugin.mjs

@@ -3,7 +3,7 @@ import { join, normalize } from 'pathe';
 import { createUnplugin } from 'unplugin';
 import { defu } from 'defu';
 import tailwind from '@tailwindcss/vite';
-import { g as getTemplates, d as defaultOptions, a as getDefaultConfig } from './shared/b24ui-nuxt.Dh5A-7HA.mjs';
+import { g as getTemplates, d as defaultOptions, a as getDefaultConfig } from './shared/b24ui-nuxt.C8MyFqPm.mjs';
 import fs from 'node:fs';
 import path from 'node:path';
 import MagicString from 'magic-string';

package/dist/vite.mjs

@@ -4,7 +4,7 @@ import 'pathe';
 import 'unplugin';
 import 'defu';
 import '@tailwindcss/vite';
-import './shared/b24ui-nuxt.Dh5A-7HA.mjs';
+import './shared/b24ui-nuxt.C8MyFqPm.mjs';
 import 'scule';
 import 'knitwork';
 import '@nuxt/kit';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bitrix24/b24ui-nuxt",
   "description": "Bitrix24 UI-Kit for developing web applications REST API for NUXT & VUE",
-  "version": "2.1.11",
+  "version": "2.1.12",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bitrix24/b24ui.git"
@@ -118,6 +118,19 @@
     "@tailwindcss/vite": "^4.1.17",
     "@tanstack/vue-table": "^8.21.3",
     "@tanstack/vue-virtual": "^3.13.12",
+    "@tiptap/core": "3.13.0",
+    "@tiptap/extension-bubble-menu": "3.13.0",
+    "@tiptap/extension-drag-handle-vue-3": "3.13.0",
+    "@tiptap/extension-floating-menu": "3.13.0",
+    "@tiptap/extension-horizontal-rule": "3.13.0",
+    "@tiptap/extension-image": "3.13.0",
+    "@tiptap/extension-mention": "3.13.0",
+    "@tiptap/extension-placeholder": "3.13.0",
+    "@tiptap/markdown": "3.13.0",
+    "@tiptap/pm": "3.13.0",
+    "@tiptap/starter-kit": "3.13.0",
+    "@tiptap/suggestion": "3.13.0",
+    "@tiptap/vue-3": "3.13.0",
     "@unhead/vue": "^2.0.19",
     "@vueuse/core": "^14.1.0",
     "@vueuse/integrations": "^14.1.0",
@@ -155,14 +168,14 @@
   "devDependencies": {
     "@nuxt/eslint-config": "^1.11.0",
     "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/test-utils": "^3.20.1",
+    "@nuxt/test-utils": "^3.21.0",
     "@types/canvas-confetti": "^1.9.0",
     "@types/node": "^24.7.0",
     "esno": "^4.8.0",
     "nuxt-component-meta": "^0.14.2",
     "sharp": "^0.34.3",
     "@vue/test-utils": "^2.4.6",
-    "ai": "^5.0.105",
+    "ai": "^5.0.108",
     "embla-carousel": "^8.6.0",
     "eslint": "^9.39.1",
     "happy-dom": "^20.0.11",