rimelight-components 2.1.17 → 2.1.19

package/dist/runtime/components/nodes/LinkNode.vue.d.ts

@@ -1,8 +1,22 @@
-type __VLS_Props = {
+export interface LinkNodeProps {
     href: string;
     target?: string;
     content: 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>;
+    rc?: {
+        root?: string;
+    };
+}
+export interface LinkNodeEmits {
+}
+export interface LinkNodeSlots {
+}
+type __VLS_Slots = LinkNodeSlots;
+declare const __VLS_base: import("vue").DefineComponent<LinkNodeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<LinkNodeProps> & 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/nodes/TextNode.d.vue.ts

@@ -1,6 +1,20 @@
-type __VLS_Props = {
+export interface TextNodeProps {
     content: 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>;
+    rc?: {
+        root?: string;
+    };
+}
+export interface TextNodeEmits {
+}
+export interface TextNodeSlots {
+}
+type __VLS_Slots = TextNodeSlots;
+declare const __VLS_base: import("vue").DefineComponent<TextNodeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TextNodeProps> & 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/nodes/TextNode.vue

@@ -1,9 +1,21 @@
 <script setup>
-const { content } = defineProps({
-  content: { type: String, required: true }
+import { tv } from "../../utils/tv";
+import { useRC } from "../../composables/useRC";
+const { content, rc: rcProp } = defineProps({
+  content: { type: String, required: true },
+  rc: { type: Object, required: false }
 });
+const emit = defineEmits([]);
+const slots = defineSlots();
+const { rc } = useRC("TextNode", rcProp);
+const textNodeStyles = tv({
+  slots: {
+    root: ""
+  }
+});
+const { root } = textNodeStyles();
 </script>
 
 <template>
-  <span>{{ content }}</span>
+  <span :class="root({ class: rc.root })">{{ content }}</span>
 </template>

package/dist/runtime/components/nodes/TextNode.vue.d.ts

@@ -1,6 +1,20 @@
-type __VLS_Props = {
+export interface TextNodeProps {
     content: 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>;
+    rc?: {
+        root?: string;
+    };
+}
+export interface TextNodeEmits {
+}
+export interface TextNodeSlots {
+}
+type __VLS_Slots = TextNodeSlots;
+declare const __VLS_base: import("vue").DefineComponent<TextNodeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TextNodeProps> & 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/page/PageEditor.d.vue.ts

@@ -1,5 +1,5 @@
 import { type Page, type PageSurround, type PageDefinition } from "../../types/index.js";
-interface PageEditorProps {
+export interface PageEditorProps {
     isSaving: boolean;
     useSurround?: boolean;
     surround?: PageSurround | null;
@@ -8,24 +8,48 @@ interface PageEditorProps {
     pageDefinitions: Record<string, PageDefinition>;
     onCreatePage?: (page: Partial<Page>) => Promise<void>;
     onDeletePage?: (id: string) => Promise<void>;
+    rc?: {
+        header?: string;
+        headerGroup?: string;
+        splitContainer?: string;
+        editorColumn?: string;
+        container?: string;
+        grid?: string;
+        toc?: string;
+        properties?: string;
+        contentWrapper?: string;
+        banner?: string;
+        icon?: string;
+        title?: string;
+        surroundSkeleton?: string;
+        skeleton?: string;
+        metadata?: string;
+        resizer?: string;
+        previewColumn?: string;
+    };
 }
 type __VLS_Props = PageEditorProps;
+export interface PageEditorEmits {
+    save: [value: Page];
+}
+export interface PageEditorSlots {
+}
+type __VLS_Slots = PageEditorSlots;
 type __VLS_ModelProps = {
     modelValue: Page;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     undo: () => void;
     redo: () => void;
     canUndo: import("vue").ComputedRef<boolean>;
     canRedo: import("vue").ComputedRef<boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: {
+    save: (value: {
         type: "Default";
         properties: import("../../types/index.js").BasePageProperties;
     } & import("../../types/index.js").BasePage) => any;
-} & {
-    save: (value: {
+    "update:modelValue": (value: {
         type: "Default";
         properties: import("../../types/index.js").BasePageProperties;
     } & import("../../types/index.js").BasePage) => any;
@@ -39,5 +63,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
         properties: import("../../types/index.js").BasePageProperties;
     } & import("../../types/index.js").BasePage) => any) | undefined;
 }>, {}, {}, {}, {}, 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/page/PageEditor.vue

@@ -1,14 +1,20 @@
 <script setup>
 import { ref, computed, useTemplateRef, provide } from "vue";
 import {} from "../../types";
-import { usePageEditor, usePageRegistry } from "../../composables";
+import { usePageEditor, usePageRegistry, useRC } from "../../composables";
 import { getLocalizedContent } from "../../utils";
 import { useI18n } from "vue-i18n";
-const { getTypeLabelKey } = usePageRegistry();
-const { t, locale } = useI18n();
-const page = defineModel({ type: null, ...{ required: true } });
-const { undo, redo, canUndo, canRedo, captureSnapshot } = usePageEditor(page);
-const { isSaving, useSurround = false, surroundStatus = "idle", surround = null, resolvePage, onCreatePage, onDeletePage } = defineProps({
+import { tv } from "../../utils/tv";
+const {
+  isSaving,
+  useSurround = false,
+  surroundStatus = "idle",
+  surround = null,
+  resolvePage,
+  onCreatePage,
+  onDeletePage,
+  rc: rcProp
+} = defineProps({
   isSaving: { type: Boolean, required: true },
   useSurround: { type: Boolean, required: false },
   surround: { type: [Object, null], required: false },
@@ -16,9 +22,56 @@ const { isSaving, useSurround = false, surroundStatus = "idle", surround = null,
   resolvePage: { type: Function, required: true },
   pageDefinitions: { type: Object, required: true },
   onCreatePage: { type: Function, required: false },
-  onDeletePage: { type: Function, required: false }
+  onDeletePage: { type: Function, required: false },
+  rc: { type: Object, required: false }
 });
+const page = defineModel({ type: null, ...{ required: true } });
 const emit = defineEmits(["save"]);
+const slots = defineSlots();
+const { rc } = useRC("PageEditor", rcProp);
+const pageEditorStyles = tv({
+  slots: {
+    header: "h-12 w-full bg-muted",
+    headerGroup: "flex items-center gap-xs",
+    splitContainer: "flex w-full overflow-hidden",
+    editorColumn: "h-full overflow-y-auto",
+    container: "flex flex-col py-16",
+    grid: "grid grid-cols-1 lg:grid-cols-24 gap-xl items-start",
+    toc: "hidden lg:flex lg:col-span-4 sticky top-20 self-start",
+    properties: "order-1 lg:order-2 lg:col-span-6",
+    contentWrapper: "order-2 lg:order-1 lg:col-span-14 flex flex-col gap-xl",
+    banner: "rounded-xl w-full object-cover",
+    icon: "rounded-full w-12 h-12 object-cover",
+    title: "",
+    surroundSkeleton: "grid grid-cols-1 gap-md sm:grid-cols-2",
+    skeleton: "h-48 w-full rounded-xl",
+    metadata: "flex flex-col gap-xs text-xs text-dimmed p-xl",
+    resizer: "relative flex flex-col items-center justify-center w-6 cursor-col-resize group px-1 py-16",
+    previewColumn: "h-full overflow-y-auto"
+  }
+});
+const {
+  header,
+  headerGroup,
+  splitContainer,
+  editorColumn,
+  container,
+  grid,
+  toc,
+  properties,
+  contentWrapper,
+  banner,
+  icon,
+  title: titleClass,
+  surroundSkeleton,
+  skeleton,
+  metadata,
+  resizer,
+  previewColumn
+} = pageEditorStyles();
+const { getTypeLabelKey } = usePageRegistry();
+const { t, locale } = useI18n();
+const { undo, redo, canUndo, canRedo, captureSnapshot } = usePageEditor(page);
 const handleSave = () => {
   const dataToPersist = JSON.parse(JSON.stringify(page.value));
   emit("save", dataToPersist);
@@ -98,9 +151,9 @@ const handleDeleteConfirm = async () => {
 
 <template>
   <RCHeaderLayer id="editor-header" :order="3">
-    <UHeader class="h-12 w-full bg-muted">
+    <UHeader :class="header({ class: rc.header })">
       <template #left>
-        <div class="flex items-center gap-xs">
+        <div :class="headerGroup({ class: rc.headerGroup })">
           <UButton
             icon="lucide:rotate-ccw"
             variant="outline"
@@ -121,7 +174,7 @@ const handleDeleteConfirm = async () => {
       </template>
 
       <template #right>
-        <div class="flex items-center gap-xs">
+        <div :class="headerGroup({ class: rc.headerGroup })">
           <UButton
             :icon="showPreview ? 'lucide:eye-off' : 'lucide:eye'"
             label="Preview"
@@ -173,28 +226,28 @@ const handleDeleteConfirm = async () => {
 
   <div
     ref="split-container"
-    class="flex w-full overflow-hidden"
+    :class="splitContainer({ class: rc.splitContainer })"
   >
     <div
-      class="h-full overflow-y-auto"
+      :class="editorColumn({ class: rc.editorColumn })"
       :style="{ width: showPreview ? `${editorWidth}%` : '100%' }"
     >
-      <UContainer class="flex flex-col py-16">
-        <div class="grid grid-cols-1 lg:grid-cols-24 gap-xl items-start">
+      <UContainer :class="container({ class: rc.container })">
+        <div :class="grid({ class: rc.grid })">
           <RCPageTOC
             :page-blocks="page.blocks"
             :levels="[2, 3, 4]"
-            class="hidden lg:flex lg:col-span-4 sticky top-20 self-start"
+            :class="toc({ class: rc.toc })"
           >
               <template #bottom> </template>
             </RCPageTOC>
-          <RCPagePropertiesEditor v-model="page" class="order-1 lg:order-2 lg:col-span-6" />
-          <div class="order-2 lg:order-1 lg:col-span-14 flex flex-col gap-xl">
+          <RCPagePropertiesEditor v-model="page" :class="properties({ class: rc.properties })" />
+          <div :class="contentWrapper({ class: rc.contentWrapper })">
             <RCImage
               v-if="page.banner?.src"
               :src="page.banner?.src"
               :alt="page.banner?.alt"
-              class="rounded-xl w-full object-cover"
+              :class="banner({ class: rc.banner })"
             />
             <UPageHeader
               :headline="t(getTypeLabelKey(page.type))"
@@ -207,9 +260,9 @@ const handleDeleteConfirm = async () => {
                     v-if="page.icon?.src"
                     :src="page.icon?.src"
                     :alt="page.icon?.alt"
-                    class="rounded-full w-12 h-12 object-cover"
+                    :class="icon({ class: rc.icon })"
                   />
-                  <h1>{{ getLocalizedContent(page.title, locale) }}</h1>
+                  <h1 :class="titleClass({ class: rc.title })">{{ getLocalizedContent(page.title, locale) }}</h1>
                 </div>
               </template>
             </UPageHeader>
@@ -219,9 +272,9 @@ const handleDeleteConfirm = async () => {
               @mutation="captureSnapshot"
             />
             <template v-if="useSurround">
-              <div v-if="surroundStatus === 'pending'" class="grid grid-cols-1 gap-md sm:grid-cols-2">
-                <USkeleton class="h-48 w-full rounded-xl" />
-                <USkeleton class="h-48 w-full rounded-xl" />
+              <div v-if="surroundStatus === 'pending'" :class="surroundSkeleton({ class: rc.surroundSkeleton })">
+                <USkeleton :class="skeleton({ class: rc.skeleton })" />
+                <USkeleton :class="skeleton({ class: rc.skeleton })" />
               </div>
 
               <LazyRCPageSurround
@@ -238,7 +291,7 @@ const handleDeleteConfirm = async () => {
 
               <USeparator />
 
-              <div class="flex flex-col gap-xs text-xs text-dimmed p-xl">
+              <div :class="metadata({ class: rc.metadata })">
                 <h6>Metadata</h6>
                 <span>Page ID: {{ page.id }}</span>
                 <span
@@ -286,20 +339,16 @@ const handleDeleteConfirm = async () => {
 
     <div
       v-if="showPreview"
-      :class="cursorClass"
-      class="relative flex flex-col items-center justify-center w-6 cursor-col-resize group px-1 py-16"
+      :class="[cursorClass, resizer({ class: rc.resizer })]"
       @mousedown="startResizing"
       @dblclick="editorWidth = 50"
     >
-      <USeparator
-        orientation="vertical"
-        :ui="{}"
-      />
+      <USeparator orientation="vertical" />
     </div>
 
     <div
       v-if="showPreview"
-      class="h-full overflow-y-auto"
+      :class="previewColumn({ class: rc.previewColumn })"
       :style="{ width: `${100 - editorWidth}%` }"
     >
       <RCPageRenderer v-model="page" :resolve-page="resolvePage" />

package/dist/runtime/components/page/PageEditor.vue.d.ts

@@ -1,5 +1,5 @@
 import { type Page, type PageSurround, type PageDefinition } from "../../types/index.js";
-interface PageEditorProps {
+export interface PageEditorProps {
     isSaving: boolean;
     useSurround?: boolean;
     surround?: PageSurround | null;
@@ -8,24 +8,48 @@ interface PageEditorProps {
     pageDefinitions: Record<string, PageDefinition>;
     onCreatePage?: (page: Partial<Page>) => Promise<void>;
     onDeletePage?: (id: string) => Promise<void>;
+    rc?: {
+        header?: string;
+        headerGroup?: string;
+        splitContainer?: string;
+        editorColumn?: string;
+        container?: string;
+        grid?: string;
+        toc?: string;
+        properties?: string;
+        contentWrapper?: string;
+        banner?: string;
+        icon?: string;
+        title?: string;
+        surroundSkeleton?: string;
+        skeleton?: string;
+        metadata?: string;
+        resizer?: string;
+        previewColumn?: string;
+    };
 }
 type __VLS_Props = PageEditorProps;
+export interface PageEditorEmits {
+    save: [value: Page];
+}
+export interface PageEditorSlots {
+}
+type __VLS_Slots = PageEditorSlots;
 type __VLS_ModelProps = {
     modelValue: Page;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     undo: () => void;
     redo: () => void;
     canUndo: import("vue").ComputedRef<boolean>;
     canRedo: import("vue").ComputedRef<boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: {
+    save: (value: {
         type: "Default";
         properties: import("../../types/index.js").BasePageProperties;
     } & import("../../types/index.js").BasePage) => any;
-} & {
-    save: (value: {
+    "update:modelValue": (value: {
         type: "Default";
         properties: import("../../types/index.js").BasePageProperties;
     } & import("../../types/index.js").BasePage) => any;
@@ -39,5 +63,11 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
         properties: import("../../types/index.js").BasePageProperties;
     } & import("../../types/index.js").BasePage) => any) | undefined;
 }>, {}, {}, {}, {}, 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/page/PageMention.d.vue.ts

@@ -1,6 +1,23 @@
-interface PageMentionProps {
+export interface PageMentionProps {
     pageId: string;
+    rc?: {
+        link?: string;
+        icon?: string;
+        text?: string;
+        skeleton?: string;
+    };
 }
-declare const __VLS_export: import("vue").DefineComponent<PageMentionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PageMentionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export interface PageMentionEmits {
+}
+export interface PageMentionSlots {
+}
+type __VLS_Slots = PageMentionSlots;
+declare const __VLS_base: import("vue").DefineComponent<PageMentionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PageMentionProps> & 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/page/PageMention.vue

@@ -4,9 +4,24 @@ import { getLocalizedContent } from "../../utils";
 import { useI18n } from "vue-i18n";
 import {} from "../../types";
 import { useAsyncData } from "#imports";
-const { pageId } = defineProps({
-  pageId: { type: String, required: true }
+import { tv } from "../../utils/tv";
+import { useRC } from "../../composables/useRC";
+const { pageId, rc: rcProp } = defineProps({
+  pageId: { type: String, required: true },
+  rc: { type: Object, required: false }
 });
+const emit = defineEmits([]);
+const slots = defineSlots();
+const { rc } = useRC("PageMention", rcProp);
+const pageMentionStyles = tv({
+  slots: {
+    link: "inline-flex items-baseline gap-1 align-middle hover:text-primary transition-colors font-medium text-inherit",
+    icon: "w-4 h-4 rounded-full object-cover shrink-0",
+    text: "truncate font-medium",
+    skeleton: "h-3 w-24"
+  }
+});
+const { link, icon, text, skeleton } = pageMentionStyles();
 const { locale } = useI18n();
 const resolver = inject("page-resolver");
 const { data: linkedPage, status } = await useAsyncData(`page-mention-${pageId}`, async () => {
@@ -26,17 +41,17 @@ const { data: linkedPage, status } = await useAsyncData(`page-mention-${pageId}`
   <NuxtLink
     v-if="linkedPage"
     :to="`/${linkedPage.slug}`"
-    class="inline-flex items-baseline gap-1 align-middle hover:text-primary transition-colors font-medium text-inherit"
+    :class="link({ class: rc.link })"
   >
     <NuxtImg
       v-if="linkedPage.icon?.src"
       :src="linkedPage.icon.src"
       :alt="linkedPage.icon.alt"
-      class="w-4 h-4 rounded-full object-cover shrink-0"
+      :class="icon({ class: rc.icon })"
     />
-    <span class="truncate font-medium">
+    <span :class="text({ class: rc.text })">
       {{ getLocalizedContent(linkedPage.title, locale) }}
     </span>
   </NuxtLink>
-  <USkeleton v-else-if="status === 'pending'" class="h-3 w-24" />
+  <USkeleton v-else-if="status === 'pending'" :class="skeleton({ class: rc.skeleton })" />
 </template>

package/dist/runtime/components/page/PageMention.vue.d.ts

@@ -1,6 +1,23 @@
-interface PageMentionProps {
+export interface PageMentionProps {
     pageId: string;
+    rc?: {
+        link?: string;
+        icon?: string;
+        text?: string;
+        skeleton?: string;
+    };
 }
-declare const __VLS_export: import("vue").DefineComponent<PageMentionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PageMentionProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export interface PageMentionEmits {
+}
+export interface PageMentionSlots {
+}
+type __VLS_Slots = PageMentionSlots;
+declare const __VLS_base: import("vue").DefineComponent<PageMentionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PageMentionProps> & 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/page/PagePropertiesEditor.d.vue.ts

@@ -1,17 +1,45 @@
 import { type Page } from "../../types/index.js";
+export interface PagePropertiesEditorProps {
+    rc?: {
+        aside?: string;
+        icon?: string;
+        titleInput?: string;
+        type?: string;
+        tags?: string;
+        tabs?: string;
+        image?: string;
+        groupButton?: string;
+        details?: string;
+        field?: string;
+        links?: string;
+    };
+}
+type __VLS_Props = PagePropertiesEditorProps;
+export interface PagePropertiesEditorEmits {
+}
+export interface PagePropertiesEditorSlots {
+}
+type __VLS_Slots = PagePropertiesEditorSlots;
 type __VLS_ModelProps = {
     modelValue: Page;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: {
         type: "Default";
         properties: import("../../types/index.js").BasePageProperties;
     } & import("../../types/index.js").BasePage) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: {
         type: "Default";
         properties: import("../../types/index.js").BasePageProperties;
     } & import("../../types/index.js").BasePage) => any) | undefined;
 }>, {}, {}, {}, {}, 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};