@hywax/cms 3.6.1 → 3.7.0

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

@@ -1,13 +1,10 @@
 import type { AppConfig } from '@nuxt/schema';
-import type { ComponentConfig, ImageFormat, ImageSize } from '../../types';
+import type { ComponentConfig } from '../../types';
+import type { UploraImageProps } from '../UploraImage.vue';
 import theme from '#build/cms/prose/uplora-image';
 export type ProseUploraImage = ComponentConfig<typeof theme, AppConfig, 'uploraImage', 'cms.prose'>;
-export interface ProseUploraImageProps {
-    image: string;
-    formats?: ImageFormat[];
-    alt?: string;
-    color?: string;
-    sizes?: ImageSize[];
+export interface ProseUploraImageProps extends Pick<UploraImageProps, 'alt' | 'color' | 'formats' | 'sizes' | 'aspect' | 'width' | 'height'> {
+    image?: string;
     class?: any;
     ui?: ProseUploraImage['slots'];
 }

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

@@ -1,5 +1,6 @@
 <template>
   <DialogRoot
+    v-if="image"
     v-slot="{ close }"
     v-model:open="open"
     :modal="false"
@@ -7,11 +8,13 @@
     <DialogTrigger as-child>
       <Motion :layout-id="layoutId" as-child :transition="{ type: 'spring', bounce: 0.15, duration: 0.5, ease: 'easeInOut' }">
         <BaseUploraImage
-          v-if="image"
           :image="image"
           :class="ui.base({ class: [props.ui?.base, props.class] })"
           :alt="alt"
           :color="color"
+          :aspect="aspect"
+          :width="width"
+          :height="height"
         />
       </Motion>
     </DialogTrigger>
@@ -54,23 +57,26 @@ import BaseUploraImage from "../UploraImage.vue";
 
 <script setup>
 const props = defineProps({
-  image: { type: String, required: true },
-  formats: { type: Array, required: false },
+  image: { type: String, required: false },
+  class: { type: null, required: false },
+  ui: { type: null, required: false },
   alt: { type: String, required: false },
   color: { type: String, required: false },
+  formats: { type: Array, required: false },
   sizes: { type: Array, required: false },
-  class: { type: null, required: false },
-  ui: { type: null, required: false }
+  aspect: { type: String, required: false },
+  width: { type: [Number, String], required: false },
+  height: { type: [Number, String], required: false }
 });
 const appConfig = useAppConfig();
 const cmsConfig = useCmsConfig();
 const layoutId = computed(() => `${props.image}::${useId()}`);
 const open = ref(false);
-const image = computed(() => buildUploraImage({
+const image = computed(() => props.image ? buildUploraImage({
   id: props.image,
   formats: props.formats ?? cmsConfig?.components?.uploraImage?.formats,
   sizes: props.sizes ?? cmsConfig?.components?.prose?.uploraImage?.sizes
-}));
+}) : void 0);
 const ui = computed(() => tv({ extend: tv(theme), ...appConfig.cms?.prose?.uploraImage || {} })({
   open: open.value
 }));

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

@@ -1,13 +1,10 @@
 import type { AppConfig } from '@nuxt/schema';
-import type { ComponentConfig, ImageFormat, ImageSize } from '../../types';
+import type { ComponentConfig } from '../../types';
+import type { UploraImageProps } from '../UploraImage.vue';
 import theme from '#build/cms/prose/uplora-image';
 export type ProseUploraImage = ComponentConfig<typeof theme, AppConfig, 'uploraImage', 'cms.prose'>;
-export interface ProseUploraImageProps {
-    image: string;
-    formats?: ImageFormat[];
-    alt?: string;
-    color?: string;
-    sizes?: ImageSize[];
+export interface ProseUploraImageProps extends Pick<UploraImageProps, 'alt' | 'color' | 'formats' | 'sizes' | 'aspect' | 'width' | 'height'> {
+    image?: string;
     class?: any;
     ui?: ProseUploraImage['slots'];
 }

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

@@ -0,0 +1,19 @@
+import type { AppConfig } from '@nuxt/schema';
+import type { ComponentConfig } from '../../types';
+import theme from '#build/cms/prose/uplora-image-gallery';
+export type ProseUploraImageGallery = ComponentConfig<typeof theme, AppConfig, 'uploraImageGallery', 'cms.prose'>;
+export interface ProseUploraImageGalleryProps {
+    columns: 'two-columns' | 'three-columns';
+    class?: any;
+    ui?: ProseUploraImageGallery['slots'];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseUploraImageGalleryProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseUploraImageGalleryProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/prose/UploraImageGallery.vue

@@ -0,0 +1,24 @@
+<template>
+  <div :class="ui.base({ class: [props.ui?.base, props.class] })">
+    <slot />
+  </div>
+</template>
+
+<script>
+import theme from "#build/cms/prose/uplora-image-gallery";
+import { useAppConfig } from "#imports";
+import { computed } from "vue";
+import { tv } from "../../tv";
+</script>
+
+<script setup>
+const props = defineProps({
+  columns: { type: String, required: true },
+  class: { type: null, required: false },
+  ui: { type: null, required: false }
+});
+const appConfig = useAppConfig();
+const ui = computed(() => tv({ extend: tv(theme), ...appConfig.cms?.prose?.uploraImageGallery || {} })({
+  columns: props.columns
+}));
+</script>

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

@@ -0,0 +1,19 @@
+import type { AppConfig } from '@nuxt/schema';
+import type { ComponentConfig } from '../../types';
+import theme from '#build/cms/prose/uplora-image-gallery';
+export type ProseUploraImageGallery = ComponentConfig<typeof theme, AppConfig, 'uploraImageGallery', 'cms.prose'>;
+export interface ProseUploraImageGalleryProps {
+    columns: 'two-columns' | 'three-columns';
+    class?: any;
+    ui?: ProseUploraImageGallery['slots'];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<ProseUploraImageGalleryProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ProseUploraImageGalleryProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -13,12 +13,6 @@ export declare function useEditorSuggestions<T extends EditorCustomHandlers>(_cu
         icon: any;
         type?: undefined;
         level?: undefined;
-    } | {
-        kind: "heading";
-        level: 1;
-        label: string;
-        icon: any;
-        type?: undefined;
     } | {
         kind: "heading";
         level: 2;
@@ -55,6 +49,30 @@ export declare function useEditorSuggestions<T extends EditorCustomHandlers>(_cu
         icon: any;
         type?: undefined;
         level?: undefined;
+    } | {
+        kind: "note";
+        label: string;
+        icon: any;
+        type?: undefined;
+        level?: undefined;
+    } | {
+        kind: "tip";
+        label: string;
+        icon: any;
+        type?: undefined;
+        level?: undefined;
+    } | {
+        kind: "warning";
+        label: string;
+        icon: any;
+        type?: undefined;
+        level?: undefined;
+    } | {
+        kind: "caution";
+        label: string;
+        icon: any;
+        type?: undefined;
+        level?: undefined;
     })[] | ({
         type: "label";
         label: string;
@@ -70,5 +88,10 @@ export declare function useEditorSuggestions<T extends EditorCustomHandlers>(_cu
         label: string;
         icon: any;
         type?: undefined;
+    } | {
+        kind: "uplora-image-gallery";
+        label: string;
+        icon: any;
+        type?: undefined;
     })[])[];
 };

package/dist/runtime/composables/useEditorSuggestions.js

@@ -5,18 +5,22 @@ export function useEditorSuggestions(_customHandlers) {
     [
       { 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 }
+      { kind: "codeBlock", label: "\u0411\u043B\u043E\u043A \u043A\u043E\u0434\u0430", icon: appConfig.ui.icons.codeBlock },
+      { kind: "note", label: "\u0417\u0430\u043C\u0435\u0442\u043A\u0430", icon: appConfig.ui.icons.info },
+      { kind: "tip", label: "\u0421\u043E\u0432\u0435\u0442", icon: appConfig.ui.icons.tip },
+      { kind: "warning", label: "\u041F\u0440\u0435\u0434\u0443\u043F\u0440\u0435\u0436\u0434\u0435\u043D\u0438\u0435", icon: appConfig.ui.icons.warning },
+      { kind: "caution", label: "\u0412\u043D\u0438\u043C\u0430\u043D\u0438\u0435", icon: appConfig.ui.icons.caution }
     ],
     [
       { 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 },
-      { kind: "uplora-image", label: "\u0418\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435", icon: appConfig.ui.icons.image }
+      { kind: "uplora-image", label: "\u0418\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435", icon: appConfig.ui.icons.image },
+      { kind: "uplora-image-gallery", label: "\u0413\u0430\u043B\u0435\u0440\u0435\u044F", icon: appConfig.ui.icons.images }
     ]
   ];
   return {

package/dist/runtime/editor/caution/EditorCaution.d.ts

@@ -0,0 +1,18 @@
+import type { Editor } from '@tiptap/vue-3';
+import { Node } from '@tiptap/core';
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        caution: {
+            insertCaution: () => ReturnType;
+        };
+    }
+}
+export declare const CautionHandlers: {
+    caution: {
+        canExecute: (editor: Editor) => boolean;
+        execute: (editor: Editor) => import("@tiptap/core").ChainedCommands;
+        isActive: (editor: Editor) => boolean;
+        isDisabled: undefined;
+    };
+};
+export declare const Caution: Node<any, any>;

package/dist/runtime/editor/caution/EditorCaution.js

@@ -0,0 +1,36 @@
+import { mergeAttributes, Node } from "@tiptap/core";
+import { VueNodeViewRenderer } from "@tiptap/vue-3";
+import { createBlockMarkdownSpec } from "../utils/index.js";
+import EditorCautionNodeComponent from "./EditorCautionNode.vue";
+export const CautionHandlers = {
+  caution: {
+    canExecute: (editor) => editor.can().insertContent({ type: "caution" }),
+    execute: (editor) => editor.chain().focus().insertContent({ type: "caution" }),
+    isActive: (editor) => editor.isActive("caution"),
+    isDisabled: void 0
+  }
+};
+export const Caution = Node.create({
+  name: "caution",
+  group: "block",
+  content: "inline*",
+  ...createBlockMarkdownSpec({ name: "caution", content: "inline" }),
+  parseHTML() {
+    return [{
+      tag: 'div[data-type="caution"]'
+    }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", mergeAttributes(HTMLAttributes, { "data-type": "caution" })];
+  },
+  addNodeView() {
+    return VueNodeViewRenderer(EditorCautionNodeComponent);
+  },
+  addCommands() {
+    return {
+      insertCaution: () => ({ commands }) => {
+        return commands.insertContent({ type: this.name });
+      }
+    };
+  }
+});

package/dist/runtime/editor/caution/EditorCautionNode.d.vue.ts

@@ -0,0 +1,4 @@
+import type { NodeViewProps } from '@tiptap/vue-3';
+declare const __VLS_export: import("vue").DefineComponent<NodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/caution/EditorCautionNode.vue

@@ -0,0 +1,22 @@
+<template>
+  <NodeViewWrapper class="relative px-4 py-1 rounded-md text-sm border border-error/25 bg-error/10 text-error-600 dark:text-error-300">
+    <NodeViewContent class="py-1" />
+  </NodeViewWrapper>
+</template>
+
+<script setup>
+import { NodeViewContent, NodeViewWrapper } from "@tiptap/vue-3";
+defineProps({
+  decorations: { type: Array, required: true },
+  selected: { type: Boolean, required: true },
+  updateAttributes: { type: Function, required: true },
+  deleteNode: { type: Function, required: true },
+  node: { type: null, required: true },
+  view: { type: null, required: true },
+  getPos: { type: null, required: true },
+  innerDecorations: { type: null, required: true },
+  editor: { type: Object, required: true },
+  extension: { type: Object, required: true },
+  HTMLAttributes: { type: Object, required: true }
+});
+</script>

package/dist/runtime/editor/caution/EditorCautionNode.vue.d.ts

@@ -0,0 +1,4 @@
+import type { NodeViewProps } from '@tiptap/vue-3';
+declare const __VLS_export: import("vue").DefineComponent<NodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/note/EditorNote.d.ts

@@ -0,0 +1,18 @@
+import type { Editor } from '@tiptap/vue-3';
+import { Node } from '@tiptap/core';
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        note: {
+            insertNote: () => ReturnType;
+        };
+    }
+}
+export declare const NoteHandlers: {
+    note: {
+        canExecute: (editor: Editor) => boolean;
+        execute: (editor: Editor) => import("@tiptap/core").ChainedCommands;
+        isActive: (editor: Editor) => boolean;
+        isDisabled: undefined;
+    };
+};
+export declare const Note: Node<any, any>;

package/dist/runtime/editor/note/EditorNote.js

@@ -0,0 +1,36 @@
+import { mergeAttributes, Node } from "@tiptap/core";
+import { VueNodeViewRenderer } from "@tiptap/vue-3";
+import { createBlockMarkdownSpec } from "../utils/index.js";
+import EditorNoteNodeComponent from "./EditorNoteNode.vue";
+export const NoteHandlers = {
+  note: {
+    canExecute: (editor) => editor.can().insertContent({ type: "note" }),
+    execute: (editor) => editor.chain().focus().insertContent({ type: "note" }),
+    isActive: (editor) => editor.isActive("note"),
+    isDisabled: void 0
+  }
+};
+export const Note = Node.create({
+  name: "note",
+  group: "block",
+  content: "inline*",
+  ...createBlockMarkdownSpec({ name: "note", content: "inline" }),
+  parseHTML() {
+    return [{
+      tag: 'div[data-type="note"]'
+    }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", mergeAttributes(HTMLAttributes, { "data-type": "note" })];
+  },
+  addNodeView() {
+    return VueNodeViewRenderer(EditorNoteNodeComponent);
+  },
+  addCommands() {
+    return {
+      insertNote: () => ({ commands }) => {
+        return commands.insertContent({ type: this.name });
+      }
+    };
+  }
+});

package/dist/runtime/editor/note/EditorNoteNode.d.vue.ts

@@ -0,0 +1,4 @@
+import type { NodeViewProps } from '@tiptap/vue-3';
+declare const __VLS_export: import("vue").DefineComponent<NodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/note/EditorNoteNode.vue

@@ -0,0 +1,22 @@
+<template>
+  <NodeViewWrapper class="relative px-4 py-1 rounded-md text-sm border border-info/25 bg-info/10 text-info-600 dark:text-info-300">
+    <NodeViewContent class="py-1" />
+  </NodeViewWrapper>
+</template>
+
+<script setup>
+import { NodeViewContent, NodeViewWrapper } from "@tiptap/vue-3";
+defineProps({
+  decorations: { type: Array, required: true },
+  selected: { type: Boolean, required: true },
+  updateAttributes: { type: Function, required: true },
+  deleteNode: { type: Function, required: true },
+  node: { type: null, required: true },
+  view: { type: null, required: true },
+  getPos: { type: null, required: true },
+  innerDecorations: { type: null, required: true },
+  editor: { type: Object, required: true },
+  extension: { type: Object, required: true },
+  HTMLAttributes: { type: Object, required: true }
+});
+</script>

package/dist/runtime/editor/note/EditorNoteNode.vue.d.ts

@@ -0,0 +1,4 @@
+import type { NodeViewProps } from '@tiptap/vue-3';
+declare const __VLS_export: import("vue").DefineComponent<NodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/tip/EditorTip.d.ts

@@ -0,0 +1,18 @@
+import type { Editor } from '@tiptap/vue-3';
+import { Node } from '@tiptap/core';
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        tip: {
+            insertTip: () => ReturnType;
+        };
+    }
+}
+export declare const TipHandlers: {
+    tip: {
+        canExecute: (editor: Editor) => boolean;
+        execute: (editor: Editor) => import("@tiptap/core").ChainedCommands;
+        isActive: (editor: Editor) => boolean;
+        isDisabled: undefined;
+    };
+};
+export declare const Tip: Node<any, any>;

package/dist/runtime/editor/tip/EditorTip.js

@@ -0,0 +1,36 @@
+import { mergeAttributes, Node } from "@tiptap/core";
+import { VueNodeViewRenderer } from "@tiptap/vue-3";
+import { createBlockMarkdownSpec } from "../utils/index.js";
+import EditorTipNodeComponent from "./EditorTipNode.vue";
+export const TipHandlers = {
+  tip: {
+    canExecute: (editor) => editor.can().insertContent({ type: "tip" }),
+    execute: (editor) => editor.chain().focus().insertContent({ type: "tip" }),
+    isActive: (editor) => editor.isActive("tip"),
+    isDisabled: void 0
+  }
+};
+export const Tip = Node.create({
+  name: "tip",
+  group: "block",
+  content: "inline*",
+  ...createBlockMarkdownSpec({ name: "tip", content: "inline" }),
+  parseHTML() {
+    return [{
+      tag: 'div[data-type="tip"]'
+    }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", mergeAttributes(HTMLAttributes, { "data-type": "tip" })];
+  },
+  addNodeView() {
+    return VueNodeViewRenderer(EditorTipNodeComponent);
+  },
+  addCommands() {
+    return {
+      insertTip: () => ({ commands }) => {
+        return commands.insertContent({ type: this.name });
+      }
+    };
+  }
+});

package/dist/runtime/editor/tip/EditorTipNode.d.vue.ts

@@ -0,0 +1,4 @@
+import type { NodeViewProps } from '@tiptap/vue-3';
+declare const __VLS_export: import("vue").DefineComponent<NodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/tip/EditorTipNode.vue

@@ -0,0 +1,22 @@
+<template>
+  <NodeViewWrapper class="relative px-4 py-1 rounded-md text-sm border border-success/25 bg-success/10 text-success-600 dark:text-success-300">
+    <NodeViewContent class="py-1" />
+  </NodeViewWrapper>
+</template>
+
+<script setup>
+import { NodeViewContent, NodeViewWrapper } from "@tiptap/vue-3";
+defineProps({
+  decorations: { type: Array, required: true },
+  selected: { type: Boolean, required: true },
+  updateAttributes: { type: Function, required: true },
+  deleteNode: { type: Function, required: true },
+  node: { type: null, required: true },
+  view: { type: null, required: true },
+  getPos: { type: null, required: true },
+  innerDecorations: { type: null, required: true },
+  editor: { type: Object, required: true },
+  extension: { type: Object, required: true },
+  HTMLAttributes: { type: Object, required: true }
+});
+</script>

package/dist/runtime/editor/tip/EditorTipNode.vue.d.ts

@@ -0,0 +1,4 @@
+import type { NodeViewProps } from '@tiptap/vue-3';
+declare const __VLS_export: import("vue").DefineComponent<NodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/uplora-image/EditorUploraImage.js

@@ -1,6 +1,6 @@
 import { mergeAttributes, Node } from "@tiptap/core";
 import { VueNodeViewRenderer } from "@tiptap/vue-3";
-import { createAtomBlockMarkdownSpec } from "../utils.js";
+import { createAtomBlockMarkdownSpec } from "../utils/index.js";
 import EditorUploraImageNodeComponent from "./EditorUploraImageNode.vue";
 export const UploraImageHandlers = {
   "uplora-image": {
@@ -13,12 +13,18 @@ export const UploraImageHandlers = {
 export const UploraImage = Node.create({
   name: "uplora-image",
   group: "block",
+  draggable: true,
+  isolating: true,
   atom: true,
   addAttributes() {
     return {
-      image: {},
-      alt: {},
-      color: {}
+      image: { default: void 0 },
+      alt: { default: void 0 },
+      width: { default: void 0 },
+      height: { default: void 0 },
+      // lqip: { default: undefined },
+      color: { default: void 0 },
+      aspect: { default: void 0 }
     };
   },
   ...createAtomBlockMarkdownSpec({ name: "uplora-image" }),

package/dist/runtime/editor/uplora-image/EditorUploraImageNode.d.vue.ts

@@ -1,9 +1,4 @@
 import type { NodeViewProps } from '@tiptap/vue-3';
-export interface EditorUploraImageNodeAttrs {
-    image?: string;
-    alt?: string;
-    color?: string;
-}
 declare const __VLS_export: import("vue").DefineComponent<NodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/editor/uplora-image/EditorUploraImageNode.vue

@@ -1,6 +1,6 @@
 <template>
-  <NodeViewWrapper>
-    <FormUploraImage v-model="attrs" :nested="false" />
+  <NodeViewWrapper draggable="true" data-drag-handle>
+    <FormUploraImage v-model="attrs" :nested="false" @delete="deleteNode()" />
   </NodeViewWrapper>
 </template>
 

package/dist/runtime/editor/uplora-image/EditorUploraImageNode.vue.d.ts

@@ -1,9 +1,4 @@
 import type { NodeViewProps } from '@tiptap/vue-3';
-export interface EditorUploraImageNodeAttrs {
-    image?: string;
-    alt?: string;
-    color?: string;
-}
 declare const __VLS_export: import("vue").DefineComponent<NodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/editor/uplora-image-gallery/EditorUploraImageGallery.d.ts

@@ -0,0 +1,18 @@
+import type { Editor } from '@tiptap/vue-3';
+import { Node } from '@tiptap/core';
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        uploraImageGallery: {
+            insertUploraImageGallery: () => ReturnType;
+        };
+    }
+}
+export declare const UploraImageGalleryHandlers: {
+    'uplora-image-gallery': {
+        canExecute: (editor: Editor) => boolean;
+        execute: (editor: Editor) => import("@tiptap/core").ChainedCommands;
+        isActive: (editor: Editor) => boolean;
+        isDisabled: undefined;
+    };
+};
+export declare const UploraImageGallery: Node<any, any>;