@hywax/cms 0.0.23 → 1.1.0

package/dist/runtime/components/UploraImage.d.vue.ts

@@ -0,0 +1,35 @@
+import type { AppConfig } from '@nuxt/schema';
+import type { ImgHTMLAttributes } from 'vue';
+import type { ComponentConfig, ImageFormat, ImageSize } from '../types';
+import theme from '#build/cms/uplora-image';
+export type UploraImage = ComponentConfig<typeof theme, AppConfig, 'uploraImage'>;
+export interface UploraImageProps {
+    image: string;
+    alt: string;
+    formats?: ImageFormat[];
+    sizes?: ImageSize[];
+    lqip?: string;
+    loading?: 'lazy' | 'eager';
+    preload?: boolean | {
+        fetchPriority: 'auto' | 'high' | 'low';
+    };
+    nonce?: string;
+    imgAttrs?: ImgHTMLAttributes;
+    class?: any;
+    ui?: UploraImage['slots'];
+}
+export interface UploraImageEmits {
+    load: [Event];
+    error: [string | Event];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<UploraImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (args_0: string | Event) => any;
+    load: (args_0: Event) => any;
+}, string, import("vue").PublicProps, Readonly<UploraImageProps> & Readonly<{
+    onError?: ((args_0: string | Event) => any) | undefined;
+    onLoad?: ((args_0: Event) => any) | undefined;
+}>, {
+    loading: "lazy" | "eager";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/UploraImage.vue.d.ts

@@ -22,7 +22,9 @@ export interface UploraImageEmits {
     load: [Event];
     error: [string | Event];
 }
-declare const _default: import("vue").DefineComponent<UploraImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<UploraImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: (args_0: string | Event) => any;
     load: (args_0: Event) => any;
 }, string, import("vue").PublicProps, Readonly<UploraImageProps> & Readonly<{
@@ -31,4 +33,3 @@ declare const _default: import("vue").DefineComponent<UploraImageProps, {}, {},
 }>, {
     loading: "lazy" | "eager";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;

package/dist/runtime/components/prose/UploraImage.d.vue.ts

@@ -0,0 +1,14 @@
+import type { AppConfig } from '@nuxt/schema';
+import type { ComponentConfig } from '../../types';
+import theme from '#build/cms/prose/uplora-image';
+export type ProseUploraImage = ComponentConfig<typeof theme, AppConfig, 'uploraImage', 'cms.prose'>;
+export interface ProseUploraImageProps {
+    image: string;
+    alt: string;
+    lqip?: string;
+    class?: any;
+    ui?: ProseUploraImage['slots'];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<ProseUploraImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseUploraImageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/prose/UploraImage.vue.d.ts

@@ -9,5 +9,6 @@ export interface ProseUploraImageProps {
     class?: any;
     ui?: ProseUploraImage['slots'];
 }
-declare const _default: import("vue").DefineComponent<ProseUploraImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseUploraImageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;
+declare const __VLS_export: import("vue").DefineComponent<ProseUploraImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseUploraImageProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/composables/useAdmin.d.ts

@@ -1,4 +1,4 @@
-import type { Ref } from '#imports';
+import type { Ref } from 'vue';
 export interface UseAdminReturn {
     isSidebarOpen: Ref<boolean>;
     isSidebarCollapsed: Ref<boolean>;

package/dist/runtime/composables/useAdmin.js

@@ -1,4 +1,5 @@
-import { createSharedComposable, ref, useRoute, watch } from "#imports";
+import { createSharedComposable, useRoute } from "#imports";
+import { ref, watch } from "vue";
 export const useAdmin = createSharedComposable(() => {
   const route = useRoute();
   const isSidebarOpen = ref(false);

package/dist/runtime/composables/useApi.d.ts

@@ -1,10 +1,10 @@
 import type { AvailableRouterMethod, NitroFetchRequest } from 'nitropack';
 import type { AsyncData, FetchResult, UseFetchOptions } from 'nuxt/app';
-import type { DefaultAsyncDataValue } from 'nuxt/app/defaults';
 import type { FetchError } from 'ofetch';
 import type { Ref } from 'vue';
 type PickFrom<T, K extends Array<string>> = T extends Array<any> ? T : T extends Record<string, any> ? keyof T extends K[number] ? T : K[number] extends never ? T : Pick<T, K[number]> : T;
 type KeysOf<T> = Array<T extends T ? (keyof T extends string ? keyof T : never) : never>;
+type DefaultAsyncDataValue = undefined;
 /**
  * На данный момент нет возможности использовать `useFetch` со своим $fetch,
  * поэтому приходится использовать костыль.

package/dist/runtime/composables/useAsyncHandler.d.ts

@@ -1,5 +1,5 @@
 import type { AsyncDataRequestStatus } from '#app';
-import type { Ref } from '#imports';
+import type { Ref } from 'vue';
 type AsyncHandler<D> = (...args: any[]) => Promise<D> | D;
 export interface UseAsyncHandlerResult<D, E> {
     status: Ref<AsyncDataRequestStatus>;

package/dist/runtime/composables/useAsyncHandler.js

@@ -1,4 +1,4 @@
-import { ref } from "#imports";
+import { ref } from "vue";
 export function useAsyncHandler(handler) {
   const status = ref("idle");
   const data = ref();

package/dist/runtime/composables/useEditorDragHandle.d.ts

@@ -0,0 +1,16 @@
+import type { DropdownMenuItem, EditorCustomHandlers } from '@nuxt/ui';
+import type { Editor, JSONContent } from '@tiptap/vue-3';
+export declare function useEditorDragHandle<T extends EditorCustomHandlers>(customHandlers?: T): {
+    selectedNode: import("vue").Ref<{
+        node: JSONContent | null;
+        pos: number;
+    } | undefined, {
+        node: JSONContent | null;
+        pos: number;
+    } | undefined>;
+    getItems: (editor: Editor) => DropdownMenuItem[][];
+    onNodeChange: (event: {
+        node: JSONContent | null;
+        pos: number;
+    }) => void;
+};

package/dist/runtime/composables/useEditorDragHandle.js

@@ -0,0 +1,95 @@
+import { useAppConfig } from "#imports";
+import { mapEditorItems } from "@nuxt/ui/utils/editor";
+import { upperFirst } from "scule";
+import { ref } from "vue";
+export function useEditorDragHandle(customHandlers) {
+  const appConfig = useAppConfig();
+  const selectedNode = ref();
+  const getItems = (editor) => {
+    if (!selectedNode.value?.node?.type) {
+      return [];
+    }
+    return mapEditorItems(editor, [
+      [
+        {
+          type: "label",
+          label: upperFirst(selectedNode.value.node.type)
+        },
+        {
+          label: "\u0417\u0430\u043C\u0435\u043D\u0438\u0442\u044C",
+          icon: appConfig.ui.icons.repeat,
+          children: [
+            { kind: "paragraph", label: "\u041F\u0430\u0440\u0430\u0433\u0440\u0430\u0444", icon: appConfig.ui.icons.paragraph },
+            { kind: "heading", level: 1, label: "\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A 1", icon: appConfig.ui.icons.heading1 },
+            { kind: "heading", level: 2, label: "\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A 2", icon: appConfig.ui.icons.heading2 },
+            { kind: "heading", level: 3, label: "\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A 3", icon: appConfig.ui.icons.heading3 },
+            { kind: "heading", level: 4, label: "\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A 4", icon: appConfig.ui.icons.heading4 },
+            { kind: "bulletList", label: "\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u0430\u043D\u043D\u044B\u0439 \u0441\u043F\u0438\u0441\u043E\u043A", icon: appConfig.ui.icons.list },
+            { kind: "orderedList", label: "\u041D\u0443\u043C\u0435\u0440\u043E\u0432\u0430\u043D\u043D\u044B\u0439 \u0441\u043F\u0438\u0441\u043E\u043A", icon: appConfig.ui.icons.listOrdered },
+            { kind: "blockquote", label: "\u0426\u0438\u0442\u0430\u0442\u0430", icon: appConfig.ui.icons.blockquote },
+            { kind: "codeBlock", label: "\u0411\u043B\u043E\u043A \u043A\u043E\u0434\u0430", icon: appConfig.ui.icons.codeBlock }
+          ]
+        },
+        {
+          kind: "clearFormatting",
+          pos: selectedNode.value?.pos,
+          label: "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C \u0444\u043E\u0440\u043C\u0430\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u0435",
+          icon: appConfig.ui.icons.reload
+        }
+      ],
+      [
+        {
+          kind: "duplicate",
+          pos: selectedNode.value?.pos,
+          label: "\u0414\u0443\u0431\u043B\u0438\u0440\u043E\u0432\u0430\u0442\u044C",
+          icon: appConfig.ui.icons.copy
+        },
+        {
+          label: "\u0421\u043A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C",
+          icon: appConfig.ui.icons.clipboard,
+          onSelect: async () => {
+            if (!selectedNode.value) {
+              return;
+            }
+            const pos = selectedNode.value.pos;
+            const node = editor.state.doc.nodeAt(pos);
+            if (node) {
+              await navigator.clipboard.writeText(node.textContent);
+            }
+          }
+        }
+      ],
+      [
+        {
+          kind: "moveUp",
+          pos: selectedNode.value?.pos,
+          label: "\u041F\u0435\u0440\u0435\u043C\u0435\u0441\u0442\u0438\u0442\u044C \u0432\u0432\u0435\u0440\u0445",
+          icon: appConfig.ui.icons.arrowUp
+        },
+        {
+          kind: "moveDown",
+          pos: selectedNode.value?.pos,
+          label: "\u041F\u0435\u0440\u0435\u043C\u0435\u0441\u0442\u0438\u0442\u044C \u0432\u043D\u0438\u0437",
+          icon: appConfig.ui.icons.arrowDown
+        }
+      ],
+      [
+        {
+          kind: "delete",
+          pos: selectedNode.value?.pos,
+          label: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C",
+          color: "error",
+          icon: appConfig.ui.icons.trash
+        }
+      ]
+    ], customHandlers);
+  };
+  const onNodeChange = (event) => {
+    selectedNode.value = event;
+  };
+  return {
+    selectedNode,
+    getItems,
+    onNodeChange
+  };
+}

package/dist/runtime/composables/useEditorSuggestions.d.ts

@@ -0,0 +1,68 @@
+import type { EditorCustomHandlers } from '@nuxt/ui';
+export declare function useEditorSuggestions<T extends EditorCustomHandlers>(_customHandlers?: T): {
+    items: (({
+        type: "label";
+        label: string;
+        kind?: undefined;
+        icon?: undefined;
+        level?: undefined;
+    } | {
+        kind: "paragraph";
+        label: string;
+        icon: any;
+        type?: undefined;
+        level?: undefined;
+    } | {
+        kind: "heading";
+        level: 1;
+        label: string;
+        icon: any;
+        type?: undefined;
+    } | {
+        kind: "heading";
+        level: 2;
+        label: string;
+        icon: any;
+        type?: undefined;
+    } | {
+        kind: "heading";
+        level: 3;
+        label: string;
+        icon: any;
+        type?: undefined;
+    } | {
+        kind: "bulletList";
+        label: string;
+        icon: any;
+        type?: undefined;
+        level?: undefined;
+    } | {
+        kind: "orderedList";
+        label: string;
+        icon: any;
+        type?: undefined;
+        level?: undefined;
+    } | {
+        kind: "blockquote";
+        label: string;
+        icon: any;
+        type?: undefined;
+        level?: undefined;
+    } | {
+        kind: "codeBlock";
+        label: string;
+        icon: any;
+        type?: undefined;
+        level?: undefined;
+    })[] | ({
+        type: "label";
+        label: string;
+        kind?: undefined;
+        icon?: undefined;
+    } | {
+        kind: "horizontalRule";
+        label: string;
+        icon: any;
+        type?: undefined;
+    })[])[];
+};

package/dist/runtime/composables/useEditorSuggestions.js

@@ -0,0 +1,24 @@
+import { useAppConfig } from "#imports";
+export function useEditorSuggestions(_customHandlers) {
+  const appConfig = useAppConfig();
+  const items = [
+    [
+      { type: "label", label: "\u0422\u0438\u043F" },
+      { kind: "paragraph", label: "\u041F\u0430\u0440\u0430\u0433\u0440\u0430\u0444", icon: appConfig.ui.icons.paragraph },
+      { kind: "heading", level: 1, label: "\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A 1", icon: appConfig.ui.icons.heading1 },
+      { kind: "heading", level: 2, label: "\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A 2", icon: appConfig.ui.icons.heading2 },
+      { kind: "heading", level: 3, label: "\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A 3", icon: appConfig.ui.icons.heading3 },
+      { kind: "bulletList", label: "\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u0430\u043D\u043D\u044B\u0439 \u0441\u043F\u0438\u0441\u043E\u043A", icon: appConfig.ui.icons.list },
+      { kind: "orderedList", label: "\u041D\u0443\u043C\u0435\u0440\u043E\u0432\u0430\u043D\u043D\u044B\u0439 \u0441\u043F\u0438\u0441\u043E\u043A", icon: appConfig.ui.icons.listOrdered },
+      { kind: "blockquote", label: "\u0426\u0438\u0442\u0430\u0442\u0430", icon: appConfig.ui.icons.blockquote },
+      { kind: "codeBlock", label: "\u0411\u043B\u043E\u043A \u043A\u043E\u0434\u0430", icon: appConfig.ui.icons.codeBlock }
+    ],
+    [
+      { type: "label", label: "\u0412\u0441\u0442\u0430\u0432\u0438\u0442\u044C" },
+      { kind: "horizontalRule", label: "\u0413\u043E\u0440\u0438\u0437\u043E\u043D\u0442\u0430\u043B\u044C\u043D\u0430\u044F \u043B\u0438\u043D\u0438\u044F", icon: appConfig.ui.icons.horizontalRule }
+    ]
+  ];
+  return {
+    items
+  };
+}

package/dist/runtime/composables/useEditorToolbar.d.ts

@@ -0,0 +1,120 @@
+import type { EditorCustomHandlers, EditorToolbarItem } from '@nuxt/ui';
+import type { Editor } from '@tiptap/vue-3';
+export declare function useEditorToolbar<T extends EditorCustomHandlers>(_customHandlers?: T): {
+    toolbarItems: EditorToolbarItem<T>[][];
+    bubbleToolbarItems: import("vue").ComputedRef<({
+        label: string;
+        trailingIcon: any;
+        activeColor: "neutral";
+        activeVariant: "ghost";
+        tooltip: {
+            text: string;
+        };
+        content: {
+            align: "start";
+        };
+        ui: {
+            label: string;
+        };
+        items: ({
+            type: "label";
+            label: string;
+            kind?: undefined;
+            icon?: undefined;
+            level?: undefined;
+        } | {
+            kind: "paragraph";
+            label: string;
+            icon: any;
+            type?: undefined;
+            level?: undefined;
+        } | {
+            kind: "heading";
+            level: 1;
+            icon: any;
+            label: string;
+            type?: undefined;
+        } | {
+            kind: "heading";
+            level: 2;
+            icon: any;
+            label: string;
+            type?: undefined;
+        } | {
+            kind: "heading";
+            level: 3;
+            icon: any;
+            label: string;
+            type?: undefined;
+        } | {
+            kind: "heading";
+            level: 4;
+            icon: any;
+            label: string;
+            type?: undefined;
+        } | {
+            kind: "bulletList";
+            icon: any;
+            label: string;
+            type?: undefined;
+            level?: undefined;
+        } | {
+            kind: "orderedList";
+            icon: any;
+            label: string;
+            type?: undefined;
+            level?: undefined;
+        } | {
+            kind: "blockquote";
+            icon: any;
+            label: string;
+            type?: undefined;
+            level?: undefined;
+        } | {
+            kind: "codeBlock";
+            icon: any;
+            label: string;
+            type?: undefined;
+            level?: undefined;
+        })[];
+    }[] | ({
+        kind: "mark";
+        mark: "bold";
+        icon: any;
+        tooltip: {
+            text: string;
+        };
+    } | {
+        kind: "mark";
+        mark: "italic";
+        icon: any;
+        tooltip: {
+            text: string;
+        };
+    } | {
+        kind: "mark";
+        mark: "underline";
+        icon: any;
+        tooltip: {
+            text: string;
+        };
+    } | {
+        kind: "mark";
+        mark: "strike";
+        icon: any;
+        tooltip: {
+            text: string;
+        };
+    } | {
+        kind: "mark";
+        mark: "code";
+        icon: any;
+        tooltip: {
+            text: string;
+        };
+    })[] | {
+        slot: "link";
+        icon: any;
+    }[])[]>;
+    getImageToolbarItems: (editor: Editor) => EditorToolbarItem<T>[][];
+};

package/dist/runtime/composables/useEditorToolbar.js

@@ -0,0 +1,87 @@
+import { useAppConfig } from "#imports";
+import { computed } from "vue";
+export function useEditorToolbar(_customHandlers) {
+  const appConfig = useAppConfig();
+  const toolbarItems = [];
+  const bubbleToolbarItems = computed(() => [
+    [
+      {
+        label: "\u041F\u0440\u0435\u043E\u0431\u0440\u0430\u0437\u043E\u0432\u0430\u0442\u044C",
+        trailingIcon: appConfig.ui.icons.chevronDown,
+        activeColor: "neutral",
+        activeVariant: "ghost",
+        tooltip: { text: "\u041F\u0440\u0435\u043E\u0431\u0440\u0430\u0437\u043E\u0432\u0430\u0442\u044C" },
+        content: { align: "start" },
+        ui: { label: "text-xs" },
+        items: [
+          { type: "label", label: "\u041F\u0440\u0435\u043E\u0431\u0440\u0430\u0437\u043E\u0432\u0430\u0442\u044C" },
+          { kind: "paragraph", label: "\u041F\u0430\u0440\u0430\u0433\u0440\u0430\u0444", icon: appConfig.ui.icons.paragraph },
+          { kind: "heading", level: 1, icon: appConfig.ui.icons.heading1, label: "\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A 1" },
+          { kind: "heading", level: 2, icon: appConfig.ui.icons.heading2, label: "\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A 2" },
+          { kind: "heading", level: 3, icon: appConfig.ui.icons.heading3, label: "\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A 3" },
+          { kind: "heading", level: 4, icon: appConfig.ui.icons.heading4, label: "\u0417\u0430\u0433\u043E\u043B\u043E\u0432\u043E\u043A 4" },
+          { kind: "bulletList", icon: appConfig.ui.icons.list, label: "\u041C\u0430\u0440\u043A\u0438\u0440\u043E\u0432\u0430\u043D\u043D\u044B\u0439 \u0441\u043F\u0438\u0441\u043E\u043A" },
+          { kind: "orderedList", icon: appConfig.ui.icons.listOrdered, label: "\u041D\u0443\u043C\u0435\u0440\u043E\u0432\u0430\u043D\u043D\u044B\u0439 \u0441\u043F\u0438\u0441\u043E\u043A" },
+          { kind: "blockquote", icon: appConfig.ui.icons.blockquote, label: "\u0426\u0438\u0442\u0430\u0442\u0430" },
+          { kind: "codeBlock", icon: appConfig.ui.icons.codeBlock, label: "\u0411\u043B\u043E\u043A \u043A\u043E\u0434\u0430" }
+        ]
+      }
+    ],
+    [
+      { kind: "mark", mark: "bold", icon: appConfig.ui.icons.bold, tooltip: { text: "\u0416\u0438\u0440\u043D\u044B\u0439" } },
+      { kind: "mark", mark: "italic", icon: appConfig.ui.icons.italic, tooltip: { text: "\u041A\u0443\u0440\u0441\u0438\u0432" } },
+      { kind: "mark", mark: "underline", icon: appConfig.ui.icons.underline, tooltip: { text: "\u041F\u043E\u0434\u0447\u0435\u0440\u043A\u043D\u0443\u0442\u044B\u0439" } },
+      { kind: "mark", mark: "strike", icon: appConfig.ui.icons.strikethrough, tooltip: { text: "\u0417\u0430\u0447\u0435\u0440\u043A\u043D\u0443\u0442\u044B\u0439" } },
+      { kind: "mark", mark: "code", icon: appConfig.ui.icons.code, tooltip: { text: "\u041A\u043E\u0434" } }
+    ],
+    [
+      { slot: "link", icon: appConfig.ui.icons.link }
+    ]
+  ]);
+  const getImageToolbarItems = (editor) => {
+    const node = editor.state.doc.nodeAt(editor.state.selection.from);
+    return [
+      [
+        {
+          icon: appConfig.ui.icons.download,
+          to: node?.attrs?.src,
+          download: true,
+          tooltip: { text: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C" }
+        },
+        {
+          icon: appConfig.ui.icons.reload,
+          tooltip: { text: "\u0417\u0430\u043C\u0435\u043D\u0438\u0442\u044C" },
+          onClick: () => {
+            const { state } = editor;
+            const { selection } = state;
+            const pos = selection.from;
+            const node2 = state.doc.nodeAt(pos);
+            if (node2 && node2.type.name === "image") {
+              editor.chain().focus().deleteRange({ from: pos, to: pos + node2.nodeSize }).insertContentAt(pos, { type: "imageUpload" }).run();
+            }
+          }
+        }
+      ],
+      [
+        {
+          icon: appConfig.ui.icons.trash,
+          tooltip: { text: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C" },
+          onClick: () => {
+            const { state } = editor;
+            const { selection } = state;
+            const pos = selection.from;
+            const node2 = state.doc.nodeAt(pos);
+            if (node2 && node2.type.name === "image") {
+              editor.chain().focus().deleteRange({ from: pos, to: pos + node2.nodeSize }).run();
+            }
+          }
+        }
+      ]
+    ];
+  };
+  return {
+    toolbarItems,
+    bubbleToolbarItems,
+    getImageToolbarItems
+  };
+}

package/dist/runtime/composables/useFormState.d.ts

@@ -0,0 +1,12 @@
+import type { FormData, FormSchema, FormSubmitEvent, InferInput } from '@nuxt/ui';
+import type { MaybeRefOrGetter } from 'vue';
+export declare function useFormState<S extends FormSchema>(schema: MaybeRefOrGetter<S>, source?: MaybeRefOrGetter<Partial<InferInput<S>>>, options?: {
+    success?: string;
+}): {
+    schema: import("vue").ComputedRef<S>;
+    state: import("vue").Ref<Partial<InferInput<S>>, Partial<InferInput<S>>>;
+    isModified: import("vue").Ref<boolean, boolean>;
+    isLoading: import("vue").Ref<boolean, boolean>;
+    reset: () => void;
+    onSubmit: (fn: Parameters<import("@vueuse/shared").EventHookOn<FormSubmitEvent<import("@nuxt/ui").InferOutput<S>>>>[0]) => (event: FormSubmitEvent<FormData<S>>) => Promise<void>;
+};

package/dist/runtime/composables/useFormState.js

@@ -0,0 +1,33 @@
+import { createEventHook, useCloned } from "@vueuse/core";
+import clone from "fast-copy";
+import { computed, ref, toValue } from "vue";
+import { useNotification } from "./useNotification.js";
+export function useFormState(schema, source = {}, options) {
+  const notification = useNotification();
+  const submitHook = createEventHook();
+  const { cloned: state, isModified, sync: reset } = useCloned(source, { clone });
+  const isLoading = ref(false);
+  const onSubmit = async (event) => {
+    isLoading.value = true;
+    try {
+      await submitHook.trigger(event);
+    } catch {
+      return;
+    } finally {
+      isLoading.value = false;
+    }
+    options?.success && notification.success(options.success);
+  };
+  const onSubmitWrapper = (fn) => {
+    submitHook.on(fn);
+    return onSubmit;
+  };
+  return {
+    schema: computed(() => toValue(schema)),
+    state,
+    isModified,
+    isLoading,
+    reset,
+    onSubmit: onSubmitWrapper
+  };
+}

package/dist/runtime/composables/useLogout.d.ts

@@ -1,5 +1,5 @@
-import type { Ref } from '#imports';
 import type { EventHookOn } from '@vueuse/shared';
+import type { Ref } from 'vue';
 export interface UseLogoutResult {
     isLoading: Ref<boolean>;
     logout: () => Promise<void>;

package/dist/runtime/composables/useLogout.js

@@ -1,4 +1,6 @@
-import { clearNuxtData, createEventHook, createSharedComposable, ref, useUserSession } from "#imports";
+import { createEventHook, createSharedComposable, useUserSession } from "#imports";
+import { clearNuxtData } from "nuxt/app";
+import { ref } from "vue";
 export const useLogout = createSharedComposable(() => {
   const isLoading = ref(false);
   const { clear } = useUserSession();

package/dist/runtime/composables/useNotification.d.ts

@@ -0,0 +1,12 @@
+import type { StringOrVNode, ToastProps } from '@nuxt/ui';
+type NotificationOptions = Omit<ToastProps, 'title' | 'icon' | 'color' | 'defaultOpen'> & {
+    onClick?: (toast: Omit<ToastProps, 'defaultOpen'>) => void;
+};
+export declare function useNotification(): {
+    success: (message: string, options?: NotificationOptions) => import("@nuxt/ui/runtime/composables/useToast.js").Toast;
+    error: (message: string, options?: NotificationOptions) => import("@nuxt/ui/runtime/composables/useToast.js").Toast;
+    warning: (message: StringOrVNode, options?: NotificationOptions) => import("@nuxt/ui/runtime/composables/useToast.js").Toast;
+    notify: (toast: Partial<import("@nuxt/ui/runtime/composables/useToast.js").Toast>) => import("@nuxt/ui/runtime/composables/useToast.js").Toast;
+    info: (message: StringOrVNode, options?: NotificationOptions) => import("@nuxt/ui/runtime/composables/useToast.js").Toast;
+};
+export {};

package/dist/runtime/composables/useNotification.js

@@ -0,0 +1,46 @@
+import { useAppConfig, useToast } from "#imports";
+export function useNotification() {
+  const { add: notify } = useToast();
+  const appConfig = useAppConfig();
+  const success = (message, options) => {
+    return notify({
+      title: message,
+      icon: appConfig.ui.icons.success,
+      color: "success",
+      ...options
+    });
+  };
+  const error = (message, options) => {
+    return notify({
+      title: "\u041E\u0448\u0438\u0431\u043A\u0430",
+      description: message,
+      color: "error",
+      icon: appConfig.ui.icons.error,
+      ...options
+    });
+  };
+  const warning = (message, options) => {
+    return notify({
+      title: "\u0412\u043D\u0438\u043C\u0430\u043D\u0438\u0435",
+      description: message,
+      color: "warning",
+      icon: appConfig.ui.icons.warning,
+      ...options
+    });
+  };
+  const info = (message, options) => {
+    return notify({
+      title: message,
+      color: "info",
+      icon: appConfig.ui.icons.info,
+      ...options
+    });
+  };
+  return {
+    success,
+    error,
+    warning,
+    notify,
+    info
+  };
+}