@abraca/nuxt 0.1.0

package/dist/runtime/extensions/search-highlight.js

@@ -0,0 +1,129 @@
+import { Extension } from "@tiptap/core";
+import { Plugin, PluginKey } from "@tiptap/pm/state";
+import { Decoration, DecorationSet } from "@tiptap/pm/view";
+const searchHighlightKey = new PluginKey("searchHighlight");
+const docHighlightKey = new PluginKey("docHighlight");
+function buildDecorations(doc, term) {
+  if (!term || term.length < 2) return DecorationSet.empty;
+  const lower = term.toLowerCase();
+  const decorations = [];
+  doc.descendants((node, pos) => {
+    if (!node.isText || !node.text) return;
+    const text = node.text.toLowerCase();
+    let idx = text.indexOf(lower);
+    while (idx !== -1) {
+      decorations.push(
+        Decoration.inline(pos + idx, pos + idx + lower.length, {
+          class: "search-highlight"
+        })
+      );
+      idx = text.indexOf(lower, idx + 1);
+    }
+  });
+  return DecorationSet.create(doc, decorations);
+}
+export function findAllMatches(doc, term) {
+  if (!term || term.length < 2) return [];
+  const lower = term.toLowerCase();
+  const results = [];
+  doc.descendants((node, pos) => {
+    if (!node.isText || !node.text) return;
+    const text = node.text;
+    const textLower = text.toLowerCase();
+    let idx = textLower.indexOf(lower);
+    while (idx !== -1) {
+      const contextBefore = text.slice(Math.max(0, idx - 30), idx);
+      const contextAfter = text.slice(idx + lower.length, idx + lower.length + 30);
+      results.push({
+        from: pos + idx,
+        to: pos + idx + lower.length,
+        contextBefore,
+        contextAfter
+      });
+      idx = textLower.indexOf(lower, idx + 1);
+    }
+  });
+  return results;
+}
+export const SearchHighlight = Extension.create({
+  name: "searchHighlight",
+  addProseMirrorPlugins() {
+    return [
+      new Plugin({
+        key: docHighlightKey,
+        state: {
+          init() {
+            return DecorationSet.empty;
+          },
+          apply(tr, old) {
+            const meta = tr.getMeta(docHighlightKey);
+            if (meta === null) return DecorationSet.empty;
+            if (meta) {
+              return DecorationSet.create(tr.doc, [
+                Decoration.inline(meta.from, meta.to, { class: "doc-passage-highlight" })
+              ]);
+            }
+            return old.map(tr.mapping, tr.doc);
+          }
+        },
+        props: {
+          decorations(state) {
+            return docHighlightKey.getState(state);
+          }
+        }
+      }),
+      new Plugin({
+        key: searchHighlightKey,
+        state: {
+          init() {
+            return DecorationSet.empty;
+          },
+          apply(tr, old) {
+            const meta = tr.getMeta(searchHighlightKey);
+            if (meta !== void 0) {
+              return buildDecorations(tr.doc, meta);
+            }
+            return old.map(tr.mapping, tr.doc);
+          }
+        },
+        props: {
+          decorations(state) {
+            return searchHighlightKey.getState(state);
+          }
+        }
+      })
+    ];
+  },
+  addCommands() {
+    return {
+      setSearchHighlight: (term) => ({ tr, dispatch }) => {
+        if (dispatch) {
+          tr.setMeta(searchHighlightKey, term);
+          dispatch(tr);
+        }
+        return true;
+      },
+      clearSearchHighlight: () => ({ tr, dispatch }) => {
+        if (dispatch) {
+          tr.setMeta(searchHighlightKey, "");
+          dispatch(tr);
+        }
+        return true;
+      },
+      setDocHighlight: ({ from, to }) => ({ tr, dispatch }) => {
+        if (dispatch) {
+          tr.setMeta(docHighlightKey, { from, to });
+          dispatch(tr);
+        }
+        return true;
+      },
+      clearDocHighlight: () => ({ tr, dispatch }) => {
+        if (dispatch) {
+          tr.setMeta(docHighlightKey, null);
+          dispatch(tr);
+        }
+        return true;
+      }
+    };
+  }
+});

package/dist/runtime/extensions/steps.d.ts

@@ -0,0 +1,2 @@
+import { Node } from '@tiptap/core';
+export declare const Steps: Node<any, any>;

package/dist/runtime/extensions/steps.js

@@ -0,0 +1,32 @@
+import { Node, mergeAttributes } from "@tiptap/core";
+import { VueNodeViewRenderer } from "@tiptap/vue-3";
+import StepsView from "./views/StepsView.vue";
+export const Steps = Node.create({
+  name: "steps",
+  group: "block",
+  content: "block+",
+  addAttributes() {
+    return {
+      level: { default: 1 }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "div[data-steps]",
+        getAttrs: (el) => ({
+          level: parseInt(el.getAttribute("data-level") || "1", 10)
+        })
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", mergeAttributes({
+      "data-steps": "",
+      "data-level": HTMLAttributes.level
+    }), 0];
+  },
+  addNodeView() {
+    return VueNodeViewRenderer(StepsView);
+  }
+});

package/dist/runtime/extensions/tabs.d.ts

@@ -0,0 +1,3 @@
+import { Node } from '@tiptap/core';
+export declare const TabsItem: Node<any, any>;
+export declare const Tabs: Node<any, any>;

package/dist/runtime/extensions/tabs.js

@@ -0,0 +1,49 @@
+import { Node, mergeAttributes } from "@tiptap/core";
+import { VueNodeViewRenderer } from "@tiptap/vue-3";
+import TabsView from "./views/TabsView.vue";
+import TabsItemView from "./views/TabsItemView.vue";
+export const TabsItem = Node.create({
+  name: "tabsItem",
+  content: "block+",
+  addAttributes() {
+    return {
+      label: { default: "Tab" },
+      icon: { default: "" }
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "div[data-tabs-item]",
+        getAttrs: (el) => ({
+          label: el.getAttribute("data-label"),
+          icon: el.getAttribute("data-icon")
+        })
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", mergeAttributes({
+      "data-tabs-item": "",
+      "data-label": HTMLAttributes.label,
+      "data-icon": HTMLAttributes.icon
+    }), 0];
+  },
+  addNodeView() {
+    return VueNodeViewRenderer(TabsItemView);
+  }
+});
+export const Tabs = Node.create({
+  name: "tabs",
+  group: "block",
+  content: "tabsItem+",
+  parseHTML() {
+    return [{ tag: "div[data-tabs]" }];
+  },
+  renderHTML() {
+    return ["div", { "data-tabs": "" }, 0];
+  },
+  addNodeView() {
+    return VueNodeViewRenderer(TabsView);
+  }
+});

package/dist/runtime/extensions/views/AccordionItemView.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/extensions/views/AccordionItemView.vue

@@ -0,0 +1,41 @@
+<script setup>
+import { NodeViewWrapper, NodeViewContent } from "@tiptap/vue-3";
+const props = 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 }
+});
+const open = ref(false);
+const label = computed(() => props.node.attrs.label || "Item");
+const icon = computed(() => props.node.attrs.icon || "");
+</script>
+
+<template>
+  <NodeViewWrapper as="div" class="border-b border-(--ui-border) last:border-b-0">
+    <button
+      contenteditable="false"
+      class="group w-full flex-1 flex items-center gap-1.5 font-medium text-sm py-3.5 px-4 text-left text-(--ui-text-highlighted) focus-visible:outline-(--ui-primary) focus:outline-none min-w-0"
+      :data-state="open ? 'open' : 'closed'"
+      @click="open = !open"
+    >
+      <UIcon v-if="icon" :name="icon" class="shrink-0 size-5" />
+      <span class="text-start break-words flex-1">{{ label }}</span>
+      <UIcon
+        name="i-lucide-chevron-down"
+        class="shrink-0 size-5 ms-auto transition-transform duration-200"
+        :class="{ 'rotate-180': open }"
+      />
+    </button>
+    <div v-show="open" class="text-sm pb-3.5 px-4">
+      <NodeViewContent class="text-(--ui-text-muted) [&>*:first-child]:mt-0 [&>*:last-child]:mb-0 [&>*]:my-1.5" />
+    </div>
+  </NodeViewWrapper>
+</template>

package/dist/runtime/extensions/views/AccordionItemView.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/extensions/views/AccordionView.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/extensions/views/AccordionView.vue

@@ -0,0 +1,22 @@
+<script setup>
+import { NodeViewWrapper, NodeViewContent } 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>
+
+<template>
+  <NodeViewWrapper as="div" class="my-5 w-full">
+    <NodeViewContent />
+  </NodeViewWrapper>
+</template>

package/dist/runtime/extensions/views/AccordionView.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/extensions/views/BadgeView.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/extensions/views/BadgeView.vue

@@ -0,0 +1,23 @@
+<script setup>
+import { NodeViewWrapper } from "@tiptap/vue-3";
+const props = 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 }
+});
+const label = computed(() => props.node.attrs.label || "Badge");
+</script>
+
+<template>
+  <NodeViewWrapper as="span" class="inline">
+    <UBadge color="primary" variant="subtle" class="rounded-full">{{ label }}</UBadge>
+  </NodeViewWrapper>
+</template>

package/dist/runtime/extensions/views/BadgeView.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/extensions/views/CalloutView.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/extensions/views/CalloutView.vue

@@ -0,0 +1,43 @@
+<script setup>
+import { computed } from "vue";
+import { NodeViewWrapper, NodeViewContent } from "@tiptap/vue-3";
+const props = 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 }
+});
+const CONFIG = {
+  tip: { icon: "i-lucide-lightbulb", color: "success" },
+  note: { icon: "i-lucide-info", color: "info" },
+  info: { icon: "i-lucide-info", color: "info" },
+  callout: { icon: "i-lucide-info", color: "info" },
+  alert: { icon: "i-lucide-info", color: "info" },
+  warning: { icon: "i-lucide-triangle-alert", color: "warning" },
+  caution: { icon: "i-lucide-triangle-alert", color: "warning" },
+  danger: { icon: "i-lucide-circle-x", color: "error" }
+};
+const cfg = computed(() => CONFIG[props.node.attrs.type] ?? CONFIG["note"]);
+</script>
+
+<template>
+  <NodeViewWrapper as="div" class="my-3">
+    <UAlert
+      :color="cfg.color"
+      :icon="cfg.icon"
+      variant="soft"
+      :ui="{ description: '[&>*:first-child]:mt-0 [&>*:last-child]:mb-0' }"
+    >
+      <template #description>
+        <NodeViewContent />
+      </template>
+    </UAlert>
+  </NodeViewWrapper>
+</template>

package/dist/runtime/extensions/views/CalloutView.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/extensions/views/CardGroupView.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/extensions/views/CardGroupView.vue

@@ -0,0 +1,22 @@
+<script setup>
+import { NodeViewWrapper, NodeViewContent } 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>
+
+<template>
+  <NodeViewWrapper as="div" class="grid grid-cols-1 sm:grid-cols-2 gap-5 my-5 [&>*]:my-0">
+    <NodeViewContent />
+  </NodeViewWrapper>
+</template>

package/dist/runtime/extensions/views/CardGroupView.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/extensions/views/CardView.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/extensions/views/CardView.vue

@@ -0,0 +1,28 @@
+<script setup>
+import { NodeViewWrapper, NodeViewContent } from "@tiptap/vue-3";
+const props = 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 }
+});
+const title = computed(() => props.node.attrs.title || "");
+const icon = computed(() => props.node.attrs.icon || "");
+</script>
+
+<template>
+  <NodeViewWrapper as="div" class="group relative block my-5 p-4 sm:p-6 border border-(--ui-border) rounded-md bg-(--ui-bg) transition-colors">
+    <UIcon v-if="icon" :name="icon" class="size-6 mb-2 block text-(--ui-text-highlighted)" contenteditable="false" />
+    <p v-if="title" class="text-(--ui-text-highlighted) font-semibold" contenteditable="false">{{ title }}</p>
+    <div :class="['text-[15px] text-(--ui-text-muted) [&>*:first-child]:mt-0 [&>*:last-child]:mb-0 [&>*]:my-1', title ? 'mt-1' : '']">
+      <NodeViewContent />
+    </div>
+  </NodeViewWrapper>
+</template>

package/dist/runtime/extensions/views/CardView.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/extensions/views/CodeCollapseView.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/extensions/views/CodeCollapseView.vue

@@ -0,0 +1,45 @@
+<script setup>
+import { NodeViewWrapper, NodeViewContent } from "@tiptap/vue-3";
+const props = 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 }
+});
+const open = ref(props.node.attrs.open ?? false);
+function toggleOpen() {
+  open.value = !open.value;
+  props.updateAttributes({ open: open.value });
+}
+</script>
+
+<template>
+  <NodeViewWrapper
+    as="div"
+    class="relative my-5"
+    :class="open ? '[&_pre]:h-auto [&_pre]:min-h-[200px] [&_pre]:max-h-[80vh] [&_pre]:pb-12' : '[&_pre]:h-[200px] [&_pre]:overflow-hidden'"
+  >
+    <NodeViewContent class="[&>*]:my-0" />
+    <div
+      class="h-16 absolute inset-x-px bottom-px rounded-b-md flex items-center justify-center"
+      :class="!open ? 'bg-gradient-to-t from-(--ui-bg-muted)' : ''"
+      contenteditable="false"
+    >
+      <UButton
+        color="neutral"
+        variant="outline"
+        :icon="open ? 'i-lucide-chevron-up' : 'i-lucide-chevron-down'"
+        :data-state="open ? 'open' : 'closed'"
+        :label="open ? 'Collapse code' : 'Expand code'"
+        @click="toggleOpen"
+      />
+    </div>
+  </NodeViewWrapper>
+</template>

package/dist/runtime/extensions/views/CodeCollapseView.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/extensions/views/CodeGroupView.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/extensions/views/CodeGroupView.vue

@@ -0,0 +1,53 @@
+<script setup>
+import { NodeViewWrapper, NodeViewContent } from "@tiptap/vue-3";
+const props = 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 }
+});
+const activeIndex = ref(0);
+const tabs = computed(() => {
+  const result = [];
+  props.node.forEach((child, _offset, index) => {
+    const lang = child.attrs?.language || `Tab ${index + 1}`;
+    result.push(lang);
+  });
+  return result;
+});
+watch(() => props.node.childCount, () => {
+  if (activeIndex.value >= props.node.childCount) {
+    activeIndex.value = Math.max(0, props.node.childCount - 1);
+  }
+});
+</script>
+
+<template>
+  <NodeViewWrapper as="div" class="relative my-5 [&>*:not(:first-child)]:!my-0 [&>*:not(:first-child)]:!static">
+    <div
+      class="relative flex items-center gap-1 border border-(--ui-border-muted) bg-(--ui-bg) border-b-0 rounded-t-md overflow-x-auto p-2"
+      contenteditable="false"
+    >
+      <button
+        v-for="(tab, i) in tabs"
+        :key="i"
+        class="relative inline-flex items-center gap-1.5 px-2 py-1.5 text-sm rounded-md transition-colors"
+        :class="activeIndex === i ? 'text-(--ui-text-highlighted) bg-(--ui-bg-elevated) shadow-xs' : 'text-(--ui-text) hover:bg-(--ui-bg-elevated)/50'"
+        @click="activeIndex = i"
+      >
+        <span class="truncate">{{ tab }}</span>
+      </button>
+    </div>
+    <NodeViewContent
+      class="[&>*]:hidden [&>*]:!my-0 [&>*:first-child_pre]:rounded-t-none"
+      :class="`[&>*:nth-child(${activeIndex + 1})]:block`"
+    />
+  </NodeViewWrapper>
+</template>

package/dist/runtime/extensions/views/CodeGroupView.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/extensions/views/CollapsibleView.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;