rimelight-components 2.1.89 → 2.1.91

package/dist/module.json

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

package/dist/module.mjs

@@ -4,7 +4,7 @@ import { readdirSync } from 'node:fs';
 import { basename } from 'node:path';
 
 const name = "rimelight-components";
-const version = "2.1.89";
+const version = "2.1.91";
 const homepage = "https://rimelight.com/tools/rimelight-components";
 
 const defaultOptions = {

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

@@ -0,0 +1,36 @@
+import { type BlockDefinition } from "../../utils/blocks.js";
+export interface AddBlockModalProps {
+    open?: boolean;
+    rc?: {
+        header?: string;
+        headerTitle?: string;
+        closeButton?: string;
+        body?: string;
+        search?: string;
+        categoryList?: string;
+        categoryHeader?: string;
+        blockGrid?: string;
+        blockItem?: string;
+        blockIcon?: string;
+        blockLabel?: string;
+        blockDescription?: string;
+        footer?: string;
+    };
+}
+type __VLS_Props = AddBlockModalProps;
+export interface AddBlockModalEmits {
+    select: [definition: BlockDefinition];
+}
+type __VLS_ModelProps = {
+    "open"?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    select: (definition: BlockDefinition) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onSelect?: ((definition: BlockDefinition) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,155 @@
+<script setup>
+import { ref, computed } from "vue";
+import { BLOCK_DEFINITIONS, CATEGORY_ORDER } from "../../utils/blocks";
+import { useRC } from "../../composables";
+import { useI18n } from "vue-i18n";
+import { tv } from "../../internal/tv";
+const open = defineModel("open", { type: Boolean, ...{ default: false } });
+const { rc: rcProp } = defineProps({
+  open: { type: Boolean, required: false },
+  rc: { type: Object, required: false }
+});
+const emit = defineEmits(["select"]);
+const { rc } = useRC("AddBlockModal", rcProp);
+const addBlockModalStyles = tv({
+  slots: {
+    header: "flex items-center justify-between px-4 py-3 border-b border-neutral-200 dark:border-neutral-800",
+    headerTitle: "text-base font-semibold leading-6",
+    closeButton: "-my-1",
+    body: "p-0 max-h-[70vh] flex flex-col",
+    search: "p-4 border-b border-neutral-100 dark:border-neutral-900",
+    categoryList: "overflow-y-auto flex-1 p-4 space-y-6",
+    categoryHeader: "text-xs font-bold text-dimmed uppercase tracking-wider mb-3",
+    blockGrid: "flex flex-col gap-2",
+    blockItem: "flex items-start gap-3 p-3 rounded-lg border border-neutral-200 dark:border-neutral-800 hover:border-primary-500 dark:hover:border-primary-500 hover:bg-primary-50 dark:hover:bg-primary-950/20 transition-all cursor-pointer text-left",
+    blockIcon: "w-10 h-10 flex items-center justify-center rounded-md bg-neutral-100 dark:bg-neutral-900 text-neutral-500 group-hover:text-primary-500",
+    blockLabel: "font-medium text-sm block",
+    blockDescription: "text-xs text-dimmed",
+    footer: "flex justify-end gap-2 p-4 border-t border-neutral-200 dark:border-neutral-800"
+  }
+});
+const {
+  header: headerClass,
+  headerTitle,
+  closeButton,
+  body,
+  search: searchClass,
+  categoryList,
+  categoryHeader,
+  blockGrid,
+  blockItem,
+  blockIcon,
+  blockLabel,
+  blockDescription,
+  footer
+} = addBlockModalStyles();
+const { t } = useI18n();
+const searchQuery = ref("");
+const filteredBlocks = computed(() => {
+  if (!searchQuery.value) return BLOCK_DEFINITIONS;
+  const query = searchQuery.value.toLowerCase();
+  return BLOCK_DEFINITIONS.filter(
+    (block) => block.label.toLowerCase().includes(query) || block.type.toLowerCase().includes(query) || block.category.toLowerCase().includes(query) || block.description?.toLowerCase().includes(query)
+  );
+});
+const groupedBlocks = computed(() => {
+  const groups = {};
+  filteredBlocks.value.forEach((block) => {
+    const category = block.category;
+    if (!groups[category]) {
+      groups[category] = [];
+    }
+    groups[category].push(block);
+  });
+  const sortedGroups = {};
+  CATEGORY_ORDER.forEach((category) => {
+    if (groups[category]) {
+      sortedGroups[category] = groups[category];
+    }
+  });
+  Object.keys(groups).forEach((category) => {
+    if (!sortedGroups[category]) {
+      sortedGroups[category] = groups[category];
+    }
+  });
+  return sortedGroups;
+});
+const handleSelect = (block) => {
+  emit("select", block);
+  open.value = false;
+};
+</script>
+
+<template>
+  <UModal v-model:open="open">
+    <template #content>
+      <UCard :ui="{ body: 'p-0' }">
+        <template #header>
+          <div :class="headerClass({ class: rc.header })">
+            <h3 :class="headerTitle({ class: rc.headerTitle })">{{ t("page_editor.add_block") }}</h3>
+            <UButton
+              color="neutral"
+              variant="ghost"
+              icon="lucide:x"
+              :class="closeButton({ class: rc.closeButton })"
+              @click="open = false"
+            />
+          </div>
+        </template>
+
+        <div :class="body({ class: rc.body })">
+          <div :class="searchClass({ class: rc.search })">
+            <UInput
+              v-model="searchQuery"
+              icon="lucide:search"
+              :placeholder="t('page_editor.search_blocks')"
+              autofocus
+              color="neutral"
+              variant="subtle"
+              class="w-full"
+            />
+          </div>
+
+          <div :class="categoryList({ class: rc.categoryList })">
+            <template v-if="Object.keys(groupedBlocks).length > 0">
+              <div v-for="(blocks, category) in groupedBlocks" :key="category">
+                <h4 :class="categoryHeader({ class: rc.categoryHeader })">{{ category }}</h4>
+                <div :class="blockGrid({ class: rc.blockGrid })">
+                  <button
+                    v-for="block in blocks"
+                    :key="block.type"
+                    :class="blockItem({ class: rc.blockItem })"
+                    @click="handleSelect(block)"
+                  >
+                    <div :class="blockIcon({ class: rc.blockIcon })">
+                      <UIcon :name="block.icon" size="20" />
+                    </div>
+                    <div class="flex-1">
+                      <div class="flex items-center justify-between gap-2">
+                        <span :class="blockLabel({ class: rc.blockLabel })">{{ block.label }}</span>
+                        <span class="text-[10px] font-mono text-dimmed px-1.5 py-0.5 bg-neutral-100 dark:bg-neutral-900 rounded">{{ block.type }}</span>
+                      </div>
+                      <p v-if="block.description" :class="blockDescription({ class: rc.blockDescription })">
+                        {{ block.description }}
+                      </p>
+                    </div>
+                  </button>
+                </div>
+              </div>
+            </template>
+            <div v-else class="flex flex-col items-center justify-center py-12 text-center">
+              <UIcon name="lucide:search-slash" size="40" class="text-neutral-400 mb-4" />
+              <p class="text-dimmed">{{ t("page_editor.no_blocks_found") }}</p>
+            </div>
+          </div>
+        </div>
+
+        <template #footer>
+          <div :class="footer({ class: rc.footer })">
+            <UButton color="neutral" variant="ghost" :label="t('common.cancel')" @click="open = false" />
+          </div>
+        </template>
+      </UCard>
+    </template>
+  </UModal>
+</template>

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

@@ -0,0 +1,36 @@
+import { type BlockDefinition } from "../../utils/blocks.js";
+export interface AddBlockModalProps {
+    open?: boolean;
+    rc?: {
+        header?: string;
+        headerTitle?: string;
+        closeButton?: string;
+        body?: string;
+        search?: string;
+        categoryList?: string;
+        categoryHeader?: string;
+        blockGrid?: string;
+        blockItem?: string;
+        blockIcon?: string;
+        blockLabel?: string;
+        blockDescription?: string;
+        footer?: string;
+    };
+}
+type __VLS_Props = AddBlockModalProps;
+export interface AddBlockModalEmits {
+    select: [definition: BlockDefinition];
+}
+type __VLS_ModelProps = {
+    "open"?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    select: (definition: BlockDefinition) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onSelect?: ((definition: BlockDefinition) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -25,6 +25,8 @@ const onDelete = () => editorApi.removeBlock(id);
 const onDuplicate = () => editorApi.duplicateBlock(id);
 const onMoveUp = () => editorApi.moveBlock(id, -1);
 const onMoveDown = () => editorApi.moveBlock(id, 1);
+const onAddAbove = () => editorApi.openAddBlockModal(id, "before");
+const onAddBelow = () => editorApi.openAddBlockModal(id, "after");
 const items = ref([
   [
     {
@@ -41,13 +43,13 @@ const items = ref([
   [
     {
       icon: "lucide:corner-right-up",
-      label: "Add Block Above"
-      //onSelect: handleAddBlockAbove
+      label: "Add Block Above",
+      onSelect: onAddAbove
     },
     {
       icon: "lucide:corner-right-down",
-      label: "Add Block Below"
-      //onSelect: handleAddBlockBelow
+      label: "Add Block Below",
+      onSelect: onAddBelow
     }
   ],
   [

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

@@ -8,14 +8,11 @@ export interface BlockEditorEmits {
     save: [];
     mutation: [];
 }
-export interface BlockEditorSlots {
-}
-type __VLS_Slots = BlockEditorSlots;
 type __VLS_ModelProps = {
     modelValue: Block[];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     undo: () => void;
     redo: () => void;
     canUndo: import("vue").ComputedRef<boolean>;
@@ -29,11 +26,5 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     onMutation?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: Block[]) => 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/blocks/BlockEditor.vue

@@ -1,25 +1,15 @@
 <script setup>
-import { provide, computed } from "vue";
-import { useBlockEditor } from "../../composables";
-import { tv } from "../../internal/tv";
-import { useRC } from "../../composables";
+import { provide, ref } from "vue";
+import { useBlockEditor, useRC } from "../../composables";
+import {} from "../../utils/blocks";
+import { useI18n } from "vue-i18n";
 const { historyLimit, rc: rcProp } = defineProps({
   historyLimit: { type: Number, required: false },
   rc: { type: Object, required: false }
 });
 const blocks = defineModel({ type: Array, ...{ required: true } });
 const emit = defineEmits(["save", "mutation"]);
-const slots = defineSlots();
-const blockTypes = [
-  { label: "Paragraph", value: "ParagraphBlock", icon: "i-lucide-pilcrow" },
-  { label: "Section", value: "SectionBlock", icon: "i-lucide-heading" },
-  { label: "Image", value: "ImageBlock", icon: "i-lucide-image" },
-  { label: "Callout", value: "CalloutBlock", icon: "i-lucide-info" },
-  { label: "Quote", value: "QuoteBlock", icon: "i-lucide-quote" },
-  { label: "List", value: "UnorderedListBlock", icon: "i-lucide-list" },
-  { label: "Card", value: "CardBlock", icon: "i-lucide-square" },
-  { label: "Collapsible Card", value: "CollapsibleCardBlock", icon: "i-lucide-chevron-right-square" }
-];
+const { t } = useI18n();
 const { rc } = useRC("BlockEditor", rcProp);
 const {
   removeBlock,
@@ -32,13 +22,15 @@ const {
   canUndo,
   canRedo
 } = useBlockEditor(blocks, { maxHistorySize: historyLimit, onMutation: () => emit("mutation") });
-const dropdownItems = computed(() => [
-  blockTypes.map((type) => ({
-    label: type.label,
-    icon: type.icon,
-    onSelect: () => insertBlock(type.value)
-  }))
-]);
+const isAddBlockModalOpen = ref(false);
+const addBlockTarget = ref({ id: null, position: "after" });
+const openAddBlockModal = (targetId = null, position = "after") => {
+  addBlockTarget.value = { id: targetId, position };
+  isAddBlockModalOpen.value = true;
+};
+const handleBlockSelect = (definition) => {
+  insertBlock(definition.type, addBlockTarget.value.id, addBlockTarget.value.position);
+};
 provide("block-editor-api", {
   removeBlock,
   moveBlock,
@@ -48,7 +40,8 @@ provide("block-editor-api", {
   canUndo,
   canRedo,
   undo,
-  redo
+  redo,
+  openAddBlockModal
 });
 defineExpose({ undo, redo, canUndo, canRedo });
 </script>
@@ -58,18 +51,19 @@ defineExpose({ undo, redo, canUndo, canRedo });
     <RCBlockEditRenderer :blocks="blocks" />
 
     <div class="flex flex-col items-center justify-center p-4 border-t border-neutral-200 dark:border-neutral-800 border-dashed rounded-lg">
-      <span class="text-sm text-dimmed mb-2">Append new block to page</span>
-      <UDropdownMenu
-        :items="dropdownItems"
-      >
-        <UButton
-          color="neutral"
-          label="Add Block"
-          trailing-icon="i-heroicons-chevron-down-20-solid"
-          variant="outline"
-          icon="i-lucide-plus"
-        />
-      </UDropdownMenu>
+      <span class="text-sm text-dimmed mb-2">{{ t("page_editor.append_new_block") }}</span>
+      <UButton
+        color="neutral"
+        :label="t('page_editor.add_block', 'Add Block')"
+        variant="outline"
+        icon="i-lucide-plus"
+        @click="openAddBlockModal()"
+      />
     </div>
+
+    <RCAddBlockModal
+      v-model:open="isAddBlockModalOpen"
+      @select="handleBlockSelect"
+    />
   </div>
 </template>

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

@@ -8,14 +8,11 @@ export interface BlockEditorEmits {
     save: [];
     mutation: [];
 }
-export interface BlockEditorSlots {
-}
-type __VLS_Slots = BlockEditorSlots;
 type __VLS_ModelProps = {
     modelValue: Block[];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
     undo: () => void;
     redo: () => void;
     canUndo: import("vue").ComputedRef<boolean>;
@@ -29,11 +26,5 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     onMutation?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: Block[]) => 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/blocks/index.d.ts

@@ -3,5 +3,6 @@ export { default as BlockEditRenderer } from './BlockEditRenderer.vue.js';
 export { default as BlockEditor } from './BlockEditor.vue.js';
 export { default as BlockViewRenderer } from './BlockViewRenderer.vue.js';
 export { default as TextRenderer } from './TextRenderer.vue.js';
+export { default as AddBlockModal } from './AddBlockModal.vue.js';
 export * from './editor/index.js';
 export * from './renderer/index.js';

package/dist/runtime/components/blocks/index.js

@@ -3,5 +3,6 @@ export { default as BlockEditRenderer } from "./BlockEditRenderer.vue";
 export { default as BlockEditor } from "./BlockEditor.vue";
 export { default as BlockViewRenderer } from "./BlockViewRenderer.vue";
 export { default as TextRenderer } from "./TextRenderer.vue";
+export { default as AddBlockModal } from "./AddBlockModal.vue";
 export * from "./editor/index.js";
 export * from "./renderer/index.js";

package/dist/runtime/components/blocks/index.mjs

@@ -3,5 +3,6 @@ export { default as BlockEditRenderer } from "./BlockEditRenderer.vue";
 export { default as BlockEditor } from "./BlockEditor.vue";
 export { default as BlockViewRenderer } from "./BlockViewRenderer.vue";
 export { default as TextRenderer } from "./TextRenderer.vue";
+export { default as AddBlockModal } from "./AddBlockModal.vue";
 export * from "./editor/index.mjs";
 export * from "./renderer/index.mjs";

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

@@ -38,6 +38,8 @@ type __VLS_Props = PageEditorProps;
 export interface PageEditorEmits {
     save: [value: Page];
     'version-navigate': [version: PageVersion];
+    'version-approved': [version: PageVersion];
+    'version-reverted': [version: PageVersion];
 }
 export interface PageEditorSlots {
     'header-actions'?: (props: {}) => any;
@@ -64,6 +66,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
         properties: import("../../types/index.js").BasePageProperties;
     } & import("../../types/index.js").BasePage) => any;
     "version-navigate": (version: PageVersion) => any;
+    "version-approved": (version: PageVersion) => any;
+    "version-reverted": (version: PageVersion) => any;
     "update:currentVersionId": (value: string | null) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onSave?: ((value: {
@@ -75,6 +79,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
         properties: import("../../types/index.js").BasePageProperties;
     } & import("../../types/index.js").BasePage) => any) | undefined;
     "onVersion-navigate"?: ((version: PageVersion) => any) | undefined;
+    "onVersion-approved"?: ((version: PageVersion) => any) | undefined;
+    "onVersion-reverted"?: ((version: PageVersion) => any) | undefined;
     "onUpdate:currentVersionId"?: ((value: string | null) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -40,7 +40,7 @@ const {
 });
 const page = defineModel({ type: null, ...{ required: true } });
 const versionId = defineModel("currentVersionId", { type: [String, null], ...{ default: null } });
-const emit = defineEmits(["save", "version-navigate"]);
+const emit = defineEmits(["save", "version-navigate", "version-approved", "version-reverted"]);
 const slots = defineSlots();
 const { rc } = useRC("PageEditor", rcProp);
 const pageEditorStyles = tv({
@@ -291,22 +291,22 @@ const handleTreeNavigate = (slug) => {
             :page-id="page.id"
             :is-admin="isAdmin"
             @version-selected="(v) => emit('version-navigate', v)"
+            @version-approved="(v) => emit('version-approved', v)"
+            @version-reverted="(v) => emit('version-reverted', v)"
           />
           <slot name="header-actions" />
           <RCCreatePageModal
-            :is-open="isCreateModalOpen"
+            v-model:open="isCreateModalOpen"
             :definitions="pageDefinitions"
             :loading="isCreating"
-            @close="isCreateModalOpen = false"
             @confirm="handleCreateConfirm"
           >
             <UButton icon="lucide:file-plus" :label="t('page_editor.create_page')" color="primary" size="xs" />
           </RCCreatePageModal>
           <RCDeletePageModal
-            :is-open="isDeleteModalOpen"
+            v-model:open="isDeleteModalOpen"
             :loading="isDeleting"
             :page-title="getLocalizedContent(page.title, locale)"
-            @close="isDeleteModalOpen = false"
             @confirm="handleDeleteConfirm"
           >
             <UButton icon="lucide:file-plus" :label="t('page_editor.delete_page')" color="error" size="xs" />

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

@@ -38,6 +38,8 @@ type __VLS_Props = PageEditorProps;
 export interface PageEditorEmits {
     save: [value: Page];
     'version-navigate': [version: PageVersion];
+    'version-approved': [version: PageVersion];
+    'version-reverted': [version: PageVersion];
 }
 export interface PageEditorSlots {
     'header-actions'?: (props: {}) => any;
@@ -64,6 +66,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
         properties: import("../../types/index.js").BasePageProperties;
     } & import("../../types/index.js").BasePage) => any;
     "version-navigate": (version: PageVersion) => any;
+    "version-approved": (version: PageVersion) => any;
+    "version-reverted": (version: PageVersion) => any;
     "update:currentVersionId": (value: string | null) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onSave?: ((value: {
@@ -75,6 +79,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
         properties: import("../../types/index.js").BasePageProperties;
     } & import("../../types/index.js").BasePage) => any) | undefined;
     "onVersion-navigate"?: ((version: PageVersion) => any) | undefined;
+    "onVersion-approved"?: ((version: PageVersion) => any) | undefined;
+    "onVersion-reverted"?: ((version: PageVersion) => any) | undefined;
     "onUpdate:currentVersionId"?: ((value: string | null) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -11,15 +11,15 @@ export interface PageVersionSelectorProps {
     };
 }
 declare const __VLS_export: import("vue").DefineComponent<PageVersionSelectorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:currentVersionId": (value: string | null) => any;
-    "version-selected": (version: PageVersion) => any;
     "version-approved": (version: PageVersion) => any;
     "version-reverted": (version: PageVersion) => any;
+    "update:currentVersionId": (value: string | null) => any;
+    "version-selected": (version: PageVersion) => any;
 }, string, import("vue").PublicProps, Readonly<PageVersionSelectorProps> & Readonly<{
-    "onUpdate:currentVersionId"?: ((value: string | null) => any) | undefined;
-    "onVersion-selected"?: ((version: PageVersion) => any) | undefined;
     "onVersion-approved"?: ((version: PageVersion) => any) | undefined;
     "onVersion-reverted"?: ((version: PageVersion) => any) | undefined;
+    "onUpdate:currentVersionId"?: ((value: string | null) => any) | undefined;
+    "onVersion-selected"?: ((version: PageVersion) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -11,15 +11,15 @@ export interface PageVersionSelectorProps {
     };
 }
 declare const __VLS_export: import("vue").DefineComponent<PageVersionSelectorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:currentVersionId": (value: string | null) => any;
-    "version-selected": (version: PageVersion) => any;
     "version-approved": (version: PageVersion) => any;
     "version-reverted": (version: PageVersion) => any;
+    "update:currentVersionId": (value: string | null) => any;
+    "version-selected": (version: PageVersion) => any;
 }, string, import("vue").PublicProps, Readonly<PageVersionSelectorProps> & Readonly<{
-    "onUpdate:currentVersionId"?: ((value: string | null) => any) | undefined;
-    "onVersion-selected"?: ((version: PageVersion) => any) | undefined;
     "onVersion-approved"?: ((version: PageVersion) => any) | undefined;
     "onVersion-reverted"?: ((version: PageVersion) => any) | undefined;
+    "onUpdate:currentVersionId"?: ((value: string | null) => any) | undefined;
+    "onVersion-selected"?: ((version: PageVersion) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/page/modals/CreatePageModal.vue

@@ -85,9 +85,9 @@ watch(open, (isOpen) => {
             <UButton
               color="neutral"
               variant="ghost"
-              icon="i-heroicons-x-mark-20-solid"
+              icon="lucide:x"
               :class="closeButton({ class: rc.closeButton })"
-              @click="emit('close')"
+              @click="open = false"
             />
           </div>
         </template>
@@ -113,7 +113,7 @@ watch(open, (isOpen) => {
 
         <template #footer>
           <div :class="footer({ class: rc.footer })">
-            <UButton color="neutral" variant="ghost" :label="t('common.cancel')" @click="emit('close')" />
+            <UButton color="neutral" variant="ghost" :label="t('common.cancel')" @click="open = false" />
             <UButton
               color="primary"
               :label="t('page_properties.create_and_edit')"

package/dist/runtime/components/page/modals/DeletePageModal.d.vue.ts

@@ -1,5 +1,4 @@
 export interface DeletePageModalProps {
-    isOpen: boolean;
     loading?: boolean;
     pageTitle: string;
     rc?: {
@@ -10,6 +9,7 @@ export interface DeletePageModalProps {
         footer?: string;
     };
 }
+type __VLS_Props = DeletePageModalProps;
 export interface DeletePageModalEmits {
     close: [];
     confirm: [];
@@ -18,11 +18,17 @@ export interface DeletePageModalSlots {
     default: (props: {}) => any;
 }
 type __VLS_Slots = DeletePageModalSlots;
-declare const __VLS_base: import("vue").DefineComponent<DeletePageModalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+type __VLS_ModelProps = {
+    "open"?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
+    "update:open": (value: boolean) => any;
     confirm: () => any;
-}, string, import("vue").PublicProps, Readonly<DeletePageModalProps> & Readonly<{
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClose?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onConfirm?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;