rimelight-components 2.0.47 → 2.0.48

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "rimelight-components",
-  "version": "2.0.47",
+  "version": "2.0.48",
   "docs": "https://rimelight.com/tools/rimelight-components",
   "configKey": "rimelightComponents",
   "compatibility": {

package/dist/module.mjs

@@ -1,10 +1,10 @@
-import { addTemplate, defineNuxtModule, createResolver, addComponentsDir, addImportsDir } from '@nuxt/kit';
+import { addTemplate, defineNuxtModule, createResolver, installModule, addComponentsDir, addImportsDir } from '@nuxt/kit';
 import { defu } from 'defu';
 import { readdirSync } from 'node:fs';
 import { basename } from 'node:path';
 
 const name = "rimelight-components";
-const version = "2.0.47";
+const version = "2.0.48";
 const homepage = "https://rimelight.com/tools/rimelight-components";
 
 const defaultOptions = {
@@ -197,6 +197,8 @@ const module$1 = defineNuxtModule().with({
       nuxt.options.appConfig.rimelightComponents || {},
       options
     );
+    nuxt.options.build.transpile.push("@nuxt/ui");
+    installModule("@nuxt/ui");
     addComponentsDir({
       path: resolve("./runtime/components/"),
       pathPrefix: false,

package/dist/runtime/components/app/ScrollToTop.d.vue.ts

@@ -2,6 +2,9 @@ interface Props {
     circleStrokeWidth?: number;
     duration?: number;
 }
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    circleStrokeWidth: number;
+    duration: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/app/ScrollToTop.vue.d.ts

@@ -2,6 +2,9 @@ interface Props {
     circleStrokeWidth?: number;
     duration?: number;
 }
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    circleStrokeWidth: number;
+    duration: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/blocks/Block.d.vue.ts

@@ -1,25 +1,12 @@
 type __VLS_Props = {
     id: string;
+    type: string;
 };
-declare var __VLS_13: {};
+declare var __VLS_12: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_13) => any;
+    default?: (props: typeof __VLS_12) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    moveBlockUp: (id: string) => any;
-    moveBlockDown: (id: string) => any;
-    addBlockAbove: (id: string) => any;
-    addBlockBelow: (id: string) => any;
-    duplicateBlock: (id: string) => any;
-    deleteBlock: (id: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onMoveBlockUp?: ((id: string) => any) | undefined;
-    onMoveBlockDown?: ((id: string) => any) | undefined;
-    onAddBlockAbove?: ((id: string) => any) | undefined;
-    onAddBlockBelow?: ((id: string) => any) | undefined;
-    onDuplicateBlock?: ((id: string) => any) | undefined;
-    onDeleteBlock?: ((id: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/blocks/Block.vue

@@ -1,89 +1,68 @@
 <script setup>
-import { ref } from "vue";
-const {
-  id
-} = defineProps({
-  id: { type: String, required: true }
+import { inject, computed, ref } from "vue";
+const editorApi = inject("block-editor-api");
+if (!editorApi) {
+  throw new Error("RCBlock must be used within a BlockEditor component");
+}
+const { id, type } = defineProps({
+  id: { type: String, required: true },
+  type: { type: String, required: true }
 });
-const emit = defineEmits(["moveBlockUp", "moveBlockDown", "addBlockAbove", "addBlockBelow", "duplicateBlock", "deleteBlock"]);
-const handleMoveBlockUp = () => {
-  emit("moveBlockUp", id);
-  console.log(`Emitting 'moveBlockUp' for ID: ${id}`);
-};
-const handleMoveBlockDown = () => {
-  emit("moveBlockDown", id);
-  console.log(`Emitting 'moveBlockDown' for ID: ${id}`);
-};
-const handleAddBlockAbove = () => {
-  emit("addBlockAbove", id);
-  console.log(`Emitting 'addBlockAbove' for ID: ${id}`);
-};
-const handleAddBlockBelow = () => {
-  emit("addBlockBelow", id);
-  console.log(`Emitting 'addBlockBelow' for ID: ${id}`);
-};
-const handleDuplicateBlock = () => {
-  emit("duplicateBlock", id);
-  console.log(`Emitting 'duplicateBlock' for ID: ${id}`);
-};
-const handleDeleteBlock = () => {
-  emit("deleteBlock", id);
-  console.log(`Emitting 'deleteBlock' for ID: ${id}`);
-};
+const onDelete = () => editorApi.removeBlock(id);
+const onDuplicate = () => editorApi.duplicateBlock(id);
+const onMoveUp = () => editorApi.moveBlock(id, -1);
+const onMoveDown = () => editorApi.moveBlock(id, 1);
 const items = ref([
   [
     {
       icon: "lucide:arrow-up",
       label: "Move Block Up",
-      click: handleMoveBlockUp
+      click: onMoveUp
     },
     {
       icon: "lucide:arrow-down",
       label: "Move Block Down",
-      click: handleMoveBlockDown
+      click: onMoveDown
     }
   ],
   [
     {
       icon: "lucide:corner-right-up",
-      label: "Add Block Above",
-      click: handleAddBlockAbove
+      label: "Add Block Above"
+      //click: handleAddBlockAbove
     },
     {
       icon: "lucide:corner-right-down",
-      label: "Add Block Below",
-      click: handleAddBlockBelow
+      label: "Add Block Below"
+      //click: handleAddBlockBelow
     }
   ],
   [
     {
       icon: "lucide:copy-plus",
       label: "Duplicate Block",
-      click: handleDuplicateBlock
+      click: onDuplicate
     },
     {
       color: "error",
       icon: "lucide:trash-2",
       label: "Delete Block",
-      click: handleDeleteBlock
+      click: onDelete
     }
   ]
 ]);
 </script>
 
 <template>
-  <div class="relative group">
+  <div class="group relative">
     <div
-      class=" absolute top-0 -ms-10 left-0
-             z-10 opacity-0 group-hover:opacity-100 transition-opacity"
+      class="absolute top-0 left-0 z-10 -ms-10 opacity-0 transition-opacity group-hover:opacity-100"
     >
-      <UDropdownMenu
-        :items="items"
-      >
-        <UButton icon="lucide:grip-vertical" variant="ghost" color="neutral"/>
+      <UDropdownMenu :items="items">
+        <UButton icon="lucide:grip-vertical" variant="ghost" color="neutral" />
       </UDropdownMenu>
     </div>
 
-    <slot/>
+    <slot />
   </div>
 </template>

package/dist/runtime/components/blocks/Block.vue.d.ts

@@ -1,25 +1,12 @@
 type __VLS_Props = {
     id: string;
+    type: string;
 };
-declare var __VLS_13: {};
+declare var __VLS_12: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_13) => any;
+    default?: (props: typeof __VLS_12) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    moveBlockUp: (id: string) => any;
-    moveBlockDown: (id: string) => any;
-    addBlockAbove: (id: string) => any;
-    addBlockBelow: (id: string) => any;
-    duplicateBlock: (id: string) => any;
-    deleteBlock: (id: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onMoveBlockUp?: ((id: string) => any) | undefined;
-    onMoveBlockDown?: ((id: string) => any) | undefined;
-    onAddBlockAbove?: ((id: string) => any) | undefined;
-    onAddBlockBelow?: ((id: string) => any) | undefined;
-    onDuplicateBlock?: ((id: string) => any) | undefined;
-    onDeleteBlock?: ((id: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/blocks/BlockEditRenderer.vue

@@ -0,0 +1,55 @@
+<script setup>
+import {} from "vue";
+import { getBlockEditorComponent } from "../../utils/blockMapper";
+const { blocks } = defineProps({
+  blocks: { type: Array, required: true }
+});
+const getComponent = (block) => {
+  if (!block || !block.type || block.type.length === 0) {
+    console.error("Block object is missing the critical 'type' field.");
+    return null;
+  }
+  const resolvedComponent = getBlockEditorComponent(block.type);
+  if (!resolvedComponent) {
+    console.error(`Component resolution failed for block type: ${block.type}`);
+    return null;
+  }
+  return resolvedComponent;
+};
+</script>
+
+<template>
+  <div class="flex flex-col gap-lg w-full">
+    <UEmpty
+      v-if="!blocks || blocks.length === 0"
+      variant="naked"
+      icon="lucide:blocks"
+      title="No blocks found for this page."
+      description="It looks like there isn't any content added to this page yet."
+    />
+    <template v-else>
+      <template v-for="block in blocks" :key="block.id">
+        <template v-if="getComponent(block)">
+          <RCBlock :id="block.id" :type="block.type" class="w-full">
+            <component
+              :is="getComponent(block)"
+              :id="block.id"
+              v-bind="block.props"
+              :type="block.type"
+              class="w-full"
+            />
+          </RCBlock>
+        </template>
+        <template v-else>
+          <UAlert
+            color="error"
+            variant="subtle"
+            icon="lucide:octagon-alert"
+            title="Rendering Error"
+            :description="`Block component for type \'${block.type || 'UNKNOWN_OR_MISSING'}\' was not found. This block will be skipped or the type is invalid/empty.`"
+          />
+        </template>
+      </template>
+    </template>
+  </div>
+</template>

package/dist/runtime/components/blocks/BlockEditor.d.vue.ts

@@ -0,0 +1,15 @@
+import type { Block } from "../../types/blocks.js";
+type __VLS_ModelProps = {
+    modelValue: Block[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Block[]) => any;
+} & {
+    "update:modelValue": (value: Block[]) => any;
+    save: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Block[]) => any) | undefined;
+    onSave?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/blocks/BlockEditor.vue

@@ -0,0 +1,110 @@
+<script setup>
+import { provide, ref, computed } from "vue";
+import { useBlockEditor } from "../../composables/useBlockEditor";
+const blocks = defineModel({ type: Array, ...{ required: true } });
+const emit = defineEmits(["update:modelValue", "save"]);
+const {
+  removeBlock,
+  moveBlock,
+  duplicateBlock,
+  updateBlockProps,
+  insertBlock,
+  undo,
+  redo,
+  canUndo,
+  canRedo
+} = useBlockEditor(blocks);
+provide("block-editor-api", {
+  removeBlock,
+  moveBlock,
+  duplicateBlock,
+  updateBlockProps,
+  insertBlock,
+  canUndo,
+  canRedo,
+  undo,
+  redo
+});
+const handleSave = () => {
+  emit("save");
+};
+const showPreview = ref(false);
+const gridClass = computed(() => ({
+  // The base grid: transitions enable smooth resizing
+  "grid transition-[grid-template-columns] duration-300 ease-out": true,
+  // When hidden, use a single column (Editor takes full width)
+  "grid-cols-1": !showPreview.value,
+  // When visible, use two equal columns (Editor + Preview)
+  "grid-cols-2 gap-xl": showPreview.value
+}));
+const editorPanelClass = computed(() => ({
+  // When preview is visible, both editor/preview share 1/2 span.
+  "col-span-1 w-full": showPreview.value,
+  // When preview is hidden, the editor uses the full grid space.
+  "col-span-2 w-full": !showPreview.value
+}));
+const togglePreview = () => {
+  showPreview.value = !showPreview.value;
+};
+const undoAction = () => {
+  if (canUndo.value) {
+    undo();
+  }
+};
+const redoAction = () => {
+  if (canRedo.value) {
+    redo();
+  }
+};
+</script>
+
+<template>
+  <div class="mb-lg flex justify-between pr-8">
+
+    <div class="flex items-center gap-sm">
+      <UButton
+        icon="lucide:rotate-ccw"
+        label="Undo"
+        variant="outline"
+        color="neutral"
+        :disabled="!canUndo"
+        @click="undoAction"
+      />
+      <UButton
+        icon="lucide:rotate-cw"
+        label="Redo"
+        variant="outline"
+        color="neutral"
+        :disabled="!canRedo"
+        @click="redoAction"
+      />
+    </div>
+
+    <UButton
+      :icon="showPreview ? 'lucide:eye-off' : 'lucide:eye'"
+      :label="showPreview ? 'Hide Preview' : 'Show Preview'"
+      variant="outline"
+      color="neutral"
+      @click="togglePreview"
+    />
+  </div>
+
+  <div :class="gridClass">
+
+    <div :class="editorPanelClass">
+      <div class="pl-8">
+        <RCBlockEditRenderer :blocks="blocks" />
+      </div>
+    </div>
+
+    <div
+      v-if="showPreview"
+      class="col-span-1 w-full"
+    >
+      <RCBlockViewRenderer
+        :blocks="blocks"
+        class="transition duration-300 opacity-100"
+      />
+    </div>
+  </div>
+</template>

package/dist/runtime/components/blocks/BlockEditor.vue.d.ts

@@ -0,0 +1,15 @@
+import type { Block } from "../../types/blocks.js";
+type __VLS_ModelProps = {
+    modelValue: Block[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Block[]) => any;
+} & {
+    "update:modelValue": (value: Block[]) => any;
+    save: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Block[]) => any) | undefined;
+    onSave?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/{renderers/BlockRenderer.vue → blocks/BlockViewRenderer.vue}

@@ -27,24 +27,27 @@ const getComponent = (block) => {
       title="No blocks found for this page."
       description="It looks like there isn't any content added to this page yet."
     />
-    <template v-else v-for="block in blocks" :key="block.id">
-      <template v-if="getComponent(block)">
-        <component
-          :is="getComponent(block)"
-          v-bind="block.props"
-          :key="block.id"
-          :type="block.type"
-          class="block-container"
-        />
-      </template>
-      <template v-else>
-        <UAlert
-          color="error"
-          variant="subtle"
-          icon="lucide:octagon-alert"
-          title="Rendering Error"
-          :description="`Block component for type \'${block.type || 'UNKNOWN_OR_MISSING'}\' was not found. This block will be skipped or the type is invalid/empty.`"
-        />
+    <template v-else>
+      <template v-for="block in blocks" :key="block.id">
+        <template v-if="getComponent(block)">
+          <component
+            :is="getComponent(block)"
+            :id="block.id"
+            v-bind="block.props"
+            :key="block.id"
+            :type="block.type"
+            class="block-container"
+          />
+        </template>
+        <template v-else>
+          <UAlert
+            color="error"
+            variant="subtle"
+            icon="lucide:octagon-alert"
+            title="Rendering Error"
+            :description="`Block component for type \'${block.type || 'UNKNOWN_OR_MISSING'}\' was not found. This block will be skipped or the type is invalid/empty.`"
+          />
+        </template>
       </template>
     </template>
   </div>

package/dist/runtime/components/blocks/editor/CalloutBlockEditor.vue

@@ -9,6 +9,6 @@ const { variant, children, to, target } = defineProps({
 
 <template>
   <RCCallout :variant="variant" :to="to" :target="target">
-    <RCBlockEditor :blocks="children" />
+    <RCBlockViewRenderer :blocks="children" />
   </RCCallout>
 </template>

package/dist/runtime/components/blocks/editor/CardBlockEditor.vue

@@ -12,7 +12,7 @@ const { title, to, target, children } = defineProps({
   <NuxtLink :to="to" :target="target">
     <UCard class="flex h-full flex-col">
       <h3>{{ title }}</h3>
-      <RCBlockRenderer :blocks="children" />
+      <RCBlockEditRenderer :blocks="children" />
     </UCard>
   </NuxtLink>
 </template>

package/dist/runtime/components/blocks/editor/ParagraphBlockEditor.d.vue.ts

@@ -1,4 +1,7 @@
-import type { ParagraphBlockProps } from "~~/src/runtime/types/blocks";
-declare const __VLS_export: import("vue").DefineComponent<ParagraphBlockProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ParagraphBlockProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+import type { ParagraphBlockProps } from "../../../types/blocks.js";
+type __VLS_Props = ParagraphBlockProps & {
+    id: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/blocks/editor/ParagraphBlockEditor.vue

@@ -1,11 +1,59 @@
 <script setup>
-const { text } = defineProps({
-  text: { type: Array, required: true }
+import { inject, ref, watch, onMounted, nextTick } from "vue";
+import { richTextToHtml, parseHtmlToRichText } from "../../../utils/richTextHelpers";
+const editorApi = inject("block-editor-api");
+const props = defineProps({
+  text: { type: Array, required: true },
+  id: { type: String, required: true }
+});
+const editorRef = ref(null);
+const localHtml = ref(richTextToHtml(props.text));
+const isContentChanging = ref(false);
+const commitContentOnBlur = () => {
+  if (!editorRef.value || !editorApi) return;
+  const rawHtml = editorRef.value.innerText.trim();
+  const currentPropText = richTextToHtml(props.text);
+  if (rawHtml === currentPropText) {
+    return;
+  }
+  isContentChanging.value = true;
+  const newRichContent = parseHtmlToRichText(rawHtml);
+  editorApi.updateBlockProps(props.id, { text: newRichContent });
+  nextTick(() => {
+    isContentChanging.value = false;
+  });
+};
+watch(
+  () => props.text,
+  (newContent) => {
+    if (isContentChanging.value || !editorRef.value || document.activeElement === editorRef.value) {
+      return;
+    }
+    const newHtml = richTextToHtml(newContent);
+    if (editorRef.value.innerText !== newHtml) {
+      editorRef.value.innerHTML = newHtml;
+      localHtml.value = newHtml;
+    }
+  },
+  { deep: true, immediate: true }
+);
+onMounted(() => {
+  if (editorRef.value) {
+    editorRef.value.innerHTML = localHtml.value;
+  }
 });
 </script>
 
 <template>
-  <p>
-    <RCTextRenderer :content="text" />
-  </p>
+    <div
+        ref="editorRef"
+        contenteditable="true"
+        @blur="commitContentOnBlur"
+        :class="[
+  'p-2 outline-none min-h-6',
+  'focus:ring-2 focus:ring-blue-500 rounded-md transition duration-150',
+  'text-base'
+]"
+    >
+    </div>
 </template>

package/dist/runtime/components/blocks/editor/ParagraphBlockEditor.vue.d.ts

@@ -1,4 +1,7 @@
-import type { ParagraphBlockProps } from "~~/src/runtime/types/blocks";
-declare const __VLS_export: import("vue").DefineComponent<ParagraphBlockProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ParagraphBlockProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+import type { ParagraphBlockProps } from "../../../types/blocks.js";
+type __VLS_Props = ParagraphBlockProps & {
+    id: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/blocks/editor/SectionBlockEditor.d.vue.ts

@@ -1,4 +1,7 @@
-import type { SectionBlockProps } from "~~/src/runtime/types/blocks";
-declare const __VLS_export: import("vue").DefineComponent<SectionBlockProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<SectionBlockProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+import type { SectionBlockProps } from "../../../types/blocks.js";
+type __VLS_Props = SectionBlockProps & {
+    id: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;