@blokkli/editor 2.0.0-alpha.5 → 2.0.0-alpha.8

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "blokkli",
   "configKey": "blokkli",
-  "version": "2.0.0-alpha.5",
+  "version": "2.0.0-alpha.8",
   "compatibility": {
     "nuxt": "^3.15.0"
   },

package/dist/module.mjs

@@ -13,7 +13,7 @@ import { BK_VISIBLE_LANGUAGES, BK_HIDDEN_GLOBALLY } from '../dist/runtime/helper
 import fs from 'node:fs';
 import { defu, createDefu } from 'defu';
 
-const version = "2.0.0-alpha.5";
+const version = "2.0.0-alpha.8";
 
 function sortObjectKeys(obj) {
   if (Array.isArray(obj)) {
@@ -6356,7 +6356,7 @@ const styles = defineFileTemplate("styles.css", (ctx) => {
     "./runtime/css/output.css"
   );
   return `
-@import url("${relative(ctx.helper.paths.blokkliBuildDir, cssFilePath)}");
+@import url("${cssFilePath}");
 
 ${ctx.theme.css}
 `;

package/dist/runtime/blokkliPlugins/ContextMenu/index.vue.d.ts

@@ -1,30 +1,13 @@
 import type { ContextMenu } from '#blokkli/types';
-import ContextMenuMenu from './Menu/index.vue.js';
 type __VLS_Props = {
     id: string;
     menu: ContextMenu[];
     tag?: string;
 };
-declare const ui: import("../../helpers/uiProvider.js").UiProvider;
-declare const isVisible: import("vue").ComputedRef<boolean>;
-declare const x: import("vue").Ref<number, number>;
-declare const y: import("vue").Ref<number, number>;
-declare const onContextMenu: (e: MouseEvent) => void;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_10: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_10) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
-    ContextMenuMenu: typeof ContextMenuMenu;
-    ui: typeof ui;
-    isVisible: typeof isVisible;
-    x: typeof x;
-    y: typeof y;
-    onContextMenu: typeof onContextMenu;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    tag: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     tag: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/blokkliPlugins/DebugOverlay/index.vue.d.ts

@@ -2,15 +2,10 @@ type __VLS_Props = {
     id: string;
     title: string;
 };
-declare const isVisible: import("vue").ComputedRef<boolean | undefined>;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_5: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_5) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
-    isVisible: typeof isVisible;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: 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: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/blokkliPlugins/DroppableEdit/index.vue.d.ts

@@ -1,4 +1,3 @@
-import { FormOverlay } from '#blokkli/components';
 import type { BlokkliIcon } from '#blokkli-build/icons';
 import type { DroppableEntityField } from '#blokkli/types';
 type __VLS_Props = {
@@ -7,26 +6,10 @@ type __VLS_Props = {
     icon: BlokkliIcon;
     entityType: string;
 };
-declare const $t: import("../../helpers/textProvider.js").TextProvider;
-declare const isVisible: import("vue").Ref<boolean, boolean>;
-declare const onClose: () => void;
-declare const onSubmit: () => void;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_18: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_18) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
-    FormOverlay: typeof FormOverlay;
-    $t: typeof $t;
-    isVisible: typeof isVisible;
-    onClose: typeof onClose;
-    onSubmit: typeof onSubmit;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    save: (data: DroppableEntityField) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSave?: ((data: DroppableEntityField) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     save: (data: DroppableEntityField) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{

package/dist/runtime/blokkliPlugins/ItemAction/index.vue.d.ts

@@ -69,11 +69,12 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
 }> & Readonly<{
     onClick?: ((items: DraggableExistingBlock[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    icon?: ((props: {}) => any) | undefined;
-    default?: ((props: {
+    icon?: (props: {}) => any;
+} & {
+    default?: (props: {
         items: DraggableExistingBlock[];
         uuids: string[];
-    }) => any) | undefined;
+    }) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/blokkliPlugins/ItemDropdown/index.vue.d.ts

@@ -7,7 +7,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     title: string;
     enabled: boolean;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
+    default?: (props: {}) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/blokkliPlugins/MenuButton/index.vue.d.ts

@@ -22,7 +22,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
 }> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
+    default?: (props: {}) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/blokkliPlugins/Sidebar/Detached/index.vue.d.ts

@@ -1,4 +1,3 @@
-import { Icon, ViewportBlockingRect, ScrollBoundary } from '#blokkli/components';
 import type { BlokkliIcon } from '#blokkli-build/icons';
 type __VLS_Props = {
     id: string;
@@ -12,64 +11,16 @@ type __VLS_Props = {
     };
     isLeft?: boolean;
 };
-declare function onPointerMove(e: PointerEvent): void;
-declare const isMinimized: import("vue").WritableComputedRef<boolean, boolean>;
-declare const storageKey: import("vue").ComputedRef<string>;
-declare const focusedSidebar: import("vue").WritableComputedRef<string, string>;
-type MouseMode = 'move' | 'resize-right' | 'resize-bottom' | 'resize-bottom-right' | '';
-declare const isResizing: import("vue").ComputedRef<boolean>;
-declare const userWidth: import("vue").Ref<number, number>;
-declare const userHeight: import("vue").Ref<number, number>;
-declare const style: import("vue").ComputedRef<{
-    transform: string;
-    zIndex: number;
-}>;
-declare const innerStyle: import("vue").ComputedRef<{
-    width: string;
-    height: string | number;
-}>;
-declare const onFocus: () => void;
-declare const onMouseDown: (e: MouseEvent, mode: MouseMode) => void;
-declare const el: import("vue").Ref<HTMLDivElement | null, HTMLDivElement | null>;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_16: {}, __VLS_30: {
     width: number;
     height: number;
     isResizing: boolean;
 };
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     icon?: (props: typeof __VLS_16) => any;
 } & {
     default?: (props: typeof __VLS_30) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
-    Icon: typeof Icon;
-    ViewportBlockingRect: typeof ViewportBlockingRect;
-    ScrollBoundary: typeof ScrollBoundary;
-    onPointerMove: typeof onPointerMove;
-    isMinimized: typeof isMinimized;
-    storageKey: typeof storageKey;
-    focusedSidebar: typeof focusedSidebar;
-    isResizing: typeof isResizing;
-    userWidth: typeof userWidth;
-    userHeight: typeof userHeight;
-    style: typeof style;
-    innerStyle: typeof innerStyle;
-    onFocus: typeof onFocus;
-    onMouseDown: typeof onMouseDown;
-    el: typeof el;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClose?: ((...args: any[]) => any) | undefined;
-}>, {
-    size: {
-        width: number;
-        height: number;
-    };
-    minWidth: number;
-    minHeight: number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{

package/dist/runtime/blokkliPlugins/Sidebar/index.vue.d.ts

@@ -57,9 +57,13 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     minHeight: number;
     region: "left" | "right";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    icon?: (((props: {}) => any) & ((props: {}) => any)) | undefined;
-    badge?: ((props: {}) => any) | undefined;
-    default?: (((props: {
+    icon?: (props: {}) => any;
+} & {
+    badge?: (props: {}) => any;
+} & {
+    icon?: (props: {}) => any;
+} & {
+    default?: (props: {
         key: string;
         scrolledToEnd: boolean;
         isDetached: true;
@@ -67,7 +71,9 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
         height: number;
         toggleSidebar: () => void;
         isResizing: boolean;
-    }) => any) & ((props: {
+    }) => any;
+} & {
+    default?: (props: {
         key: string;
         scrolledToEnd: boolean;
         isDetached: false;
@@ -75,7 +81,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
         height: undefined;
         toggleSidebar: () => void;
         isResizing: boolean;
-    }) => any)) | undefined;
+    }) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/blokkliPlugins/ToolbarButton/index.vue.d.ts

@@ -38,7 +38,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
 }> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
+    default?: (props: {}) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/blokkliPlugins/TourItem/index.vue.d.ts

@@ -4,12 +4,10 @@ type __VLS_Props = {
     text: string;
     selector?: string;
 };
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
-}>;
-declare const __VLS_self: 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_component: 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: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/blokkliPlugins/ViewOption/index.vue.d.ts

@@ -26,10 +26,11 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
 }> & Readonly<{
     "onUpdate:modelValue"?: ((data: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    icon?: ((props: {}) => any) | undefined;
-    default?: ((props: {
+    icon?: (props: {}) => any;
+} & {
+    default?: (props: {
         isActive: boolean;
-    }) => any) | undefined;
+    }) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/BlokkliField.vue

@@ -152,11 +152,12 @@ function filterVisible(item) {
 const filteredList = computed(() => {
   if (mutatedFields && !isInReusable && editContext && fieldKey.value && (isPreview?.value || isEditing)) {
     return ((mutatedFields[fieldKey.value] || {}).list || []).map((v) => {
+      const mutatedOptions = editContext.mutatedOptions[v.uuid] || {};
       return {
         ...v,
         options: {
-          ...v.options
-          // ...mutatedOptions,
+          ...v.options,
+          ...mutatedOptions
         }
       };
     });

package/dist/runtime/components/Edit/BlokkliErrorBoundary.vue.d.ts

@@ -1,18 +1,7 @@
-import { Icon } from '#blokkli/components';
-declare const errors: import("vue").Ref<Error[], Error[]>;
-declare const $t: import("#blokkli/helpers/textProvider").TextProvider;
-declare const unique: import("vue").ComputedRef<Error[]>;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<{}, {
-    Icon: typeof Icon;
-    errors: typeof errors;
-    $t: typeof $t;
-    unique: typeof unique;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/Edit/Dialog/index.vue.d.ts

@@ -34,7 +34,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     submitLabel: string;
     canSubmit: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
+    default?: (props: {}) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/Edit/Features/DraggingOverlay/DropTargets/index.vue.d.ts

@@ -1,4 +1,4 @@
-import type { DropTargetEvent, BlokkliFieldElement, DraggableItem, Rectangle } from '#blokkli/types';
+import type { DropTargetEvent, DraggableItem, Rectangle } from '#blokkli/types';
 type __VLS_Props = {
     items: DraggableItem[];
     box: Rectangle;
@@ -6,142 +6,13 @@ type __VLS_Props = {
     mouseY: number;
     isTouch: boolean;
 };
-type Orientation = 'horizontal' | 'vertical';
-type FieldRectChild = Rectangle & {
-    id: string;
-    label: string;
-};
-type FieldRect = Rectangle & {
-    key: string;
-    field: BlokkliFieldElement;
-    label: string;
-    canAddChildren: boolean;
-    emptyChild?: FieldRectChild;
-    orientation: Orientation;
-    gap: number;
-    childrenElements: HTMLElement[];
-};
-type DrawnRect = Rectangle & {
-    id: string;
-    type: 'field' | 'drop-area' | 'active-area';
-    label: string;
-    color: string;
-    colorAlpha: string;
-    field?: FieldRect;
-    index: number;
-};
-declare const active: import("vue").Ref<{
-    width: number;
-    height: number;
-    x: number;
-    y: number;
-    id: string;
-    type: "field" | "drop-area" | "active-area";
-    label: string;
-    color: string;
-    colorAlpha: string;
-    field?: {
-        width: number;
-        height: number;
-        x: number;
-        y: number;
-        key: string;
-        field: {
-            key: string;
-            name: string;
-            label: string;
-            isNested: boolean;
-            nestingLevel: number;
-            fieldListType: import("#blokkli-build/generated-types").ValidFieldListTypes;
-            hostEntityType: string;
-            hostEntityBundle: string;
-            hostEntityUuid: string;
-            allowedBundles: string[];
-            allowedFragments: string[];
-            cardinality: number;
-            element: HTMLElement;
-            dropAlignment?: "vertical" | "horizontal" | undefined;
-        };
-        label: string;
-        canAddChildren: boolean;
-        emptyChild?: {
-            width: number;
-            height: number;
-            x: number;
-            y: number;
-            id: string;
-            label: string;
-        } | undefined;
-        orientation: Orientation;
-        gap: number;
-        childrenElements: HTMLElement[];
-    } | undefined;
-    index: number;
-} | null, DrawnRect | {
-    width: number;
-    height: number;
-    x: number;
-    y: number;
-    id: string;
-    type: "field" | "drop-area" | "active-area";
-    label: string;
-    color: string;
-    colorAlpha: string;
-    field?: {
-        width: number;
-        height: number;
-        x: number;
-        y: number;
-        key: string;
-        field: {
-            key: string;
-            name: string;
-            label: string;
-            isNested: boolean;
-            nestingLevel: number;
-            fieldListType: import("#blokkli-build/generated-types").ValidFieldListTypes;
-            hostEntityType: string;
-            hostEntityBundle: string;
-            hostEntityUuid: string;
-            allowedBundles: string[];
-            allowedFragments: string[];
-            cardinality: number;
-            element: HTMLElement;
-            dropAlignment?: "vertical" | "horizontal" | undefined;
-        };
-        label: string;
-        canAddChildren: boolean;
-        emptyChild?: {
-            width: number;
-            height: number;
-            x: number;
-            y: number;
-            id: string;
-            label: string;
-        } | undefined;
-        orientation: Orientation;
-        gap: number;
-        childrenElements: HTMLElement[];
-    } | undefined;
-    index: number;
-} | null>;
-declare const activeColorHex: import("vue").ComputedRef<string>;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_5: {
     color: string;
     label: string | undefined;
 };
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_5) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
-    active: typeof active;
-    activeColorHex: typeof activeColorHex;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    drop: (data: DropTargetEvent) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onDrop?: ((data: DropTargetEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     drop: (data: DropTargetEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{

package/dist/runtime/components/Edit/Features/Options/Form/Group.vue.d.ts

@@ -1,20 +1,11 @@
-import { Icon } from '#blokkli/components';
 type __VLS_Props = {
     label: string;
     isActive: boolean;
 };
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_5: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_5) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
-    Icon: typeof Icon;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    toggle: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onToggle?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     toggle: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{

package/dist/runtime/components/Edit/Features/ResponsivePreview/Frame/index.vue.d.ts

@@ -1,22 +1,11 @@
-import { Icon } from '#blokkli/components';
 type __VLS_Props = {
     detached?: boolean;
     isResizing?: boolean;
 };
-declare const isLoading: import("vue").Ref<boolean, boolean>;
-declare const iframe: import("vue").Ref<HTMLIFrameElement | null, HTMLIFrameElement | null>;
-declare const src: import("vue").ComputedRef<string>;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_5: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_5) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
-    Icon: typeof Icon;
-    isLoading: typeof isLoading;
-    iframe: typeof iframe;
-    src: typeof src;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: 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: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/Edit/Form/Group/index.vue.d.ts

@@ -2,14 +2,12 @@ type __VLS_Props = {
     title?: string;
     horizontal?: boolean;
 };
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {}, __VLS_3: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     addon?: (props: typeof __VLS_1) => any;
 } & {
     default?: (props: typeof __VLS_3) => any;
-}>;
-declare const __VLS_self: 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_component: 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: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/Edit/Form/Item/index.vue.d.ts

@@ -1,9 +1,7 @@
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+};
 declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/Edit/FormOverlay/index.vue.d.ts

@@ -14,8 +14,9 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
 }> & Readonly<{
     onClose?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
-    footer?: ((props: {}) => any) | undefined;
+    default?: (props: {}) => any;
+} & {
+    footer?: (props: {}) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/Edit/RelativeTime/index.vue.d.ts

@@ -3,9 +3,9 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     timestamp: number;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {
+    default?: (props: {
         formatted: string;
-    }) => any) | undefined;
+    }) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/Edit/Resizable/index.vue.d.ts

@@ -3,7 +3,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     id: string;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
+    default?: (props: {}) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/Edit/ScaleToFit/index.vue.d.ts

@@ -5,7 +5,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     width?: number;
     maxHeight?: number;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
+    default?: (props: {}) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/Edit/ScrollBoundary/index.vue.d.ts

@@ -4,15 +4,10 @@ type __VLS_Props = {
      */
     dragging?: boolean;
 };
-declare function onWheel(e: WheelEvent): void;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
-    onWheel: typeof onWheel;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: 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: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/runtime/components/Edit/Sortli/index.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     getDragItems?: (activeItem?: DraggableItem) => DraggableItem[] | null;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: ((props: {}) => any) | undefined;
+    default?: (props: {}) => any;
 }>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/runtime/components/Edit/ViewportBlockingRect/index.vue.d.ts

@@ -1,15 +1,10 @@
 type __VLS_Props = {
     id: string;
 };
-declare const el: import("vue").Ref<HTMLDivElement | null, HTMLDivElement | null>;
-declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {};
-type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
-}>;
-declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
-    el: typeof el;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+};
 declare const __VLS_component: 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: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blokkli/editor",
-  "version": "2.0.0-alpha.5",
+  "version": "2.0.0-alpha.8",
   "description": "Interactive page building experience for Nuxt",
   "repository": "blokkli/editor",
   "type": "module",
@@ -71,9 +71,9 @@
     "@ckeditor/ckeditor5-vue": "^7.0.0",
     "@nuxt/devtools": "latest",
     "@nuxt/eslint-config": "^1.3.0",
-    "@nuxt/kit": "^3.16.2",
+    "@nuxt/kit": "^3.17.2",
     "@nuxt/module-builder": "^1.0.1",
-    "@nuxt/schema": "^3.16.2",
+    "@nuxt/schema": "^3.17.2",
     "@nuxt/test-utils": "^3.14.2",
     "@nuxtjs/tailwindcss": "^6.12.1",
     "@tailwindcss/forms": "^0.5.9",
@@ -89,7 +89,7 @@
     "eslint-plugin-tailwindcss": "^3.18.0",
     "gettext-parser": "^8.0.0",
     "happy-dom": "^15.7.4",
-    "nuxt": "^3.16.2",
+    "nuxt": "^3.17.2",
     "nuxt-graphql-middleware": "^5.0.0-alpha.18",
     "nuxt-svg-icon-sprite": "^2.0.0-alpha.1",
     "openai": "^4.59.0",