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

package/dist/runtime/editor/components/ArtboardTooltip/index.d.vue.ts

@@ -0,0 +1,35 @@
+import { type PlacementVertical, type PlacementHorizontal } from '#blokkli/editor/composables/useStickyToolbar';
+import type { BlokkliIcon } from '#blokkli-build/icons';
+import type { Coord } from '#blokkli/editor/types/geometry';
+type __VLS_Props = {
+    id: string;
+    title: string;
+    anchorEl?: HTMLElement | null;
+    anchorCoordinates?: Coord | null;
+    placementY?: PlacementVertical;
+    placementX?: PlacementHorizontal;
+    closeIcon?: BlokkliIcon;
+};
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    anchorEl: HTMLElement | null;
+    anchorCoordinates: Coord | null;
+    placementY: PlacementVertical;
+    placementX: PlacementHorizontal;
+    closeIcon: BlokkliIcon;
+}, {}, {}, {}, 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/editor/components/ArtboardTooltip/index.vue

@@ -0,0 +1,90 @@
+<template>
+  <div
+    ref="el"
+    class="bk bk-artboard-tooltip"
+    :class="['bk-is-y-' + placementY, 'bk-is-x-' + placementX]"
+    :style="{
+  '--bk-caret-x': caretX
+}"
+    @keydown="onKeyDown"
+  >
+    <div class="bk bk-artboard-tooltip-inner bk-caret-tooltip-inner">
+      <div class="bk-artboard-tooltip-header">
+        <div v-html="title" />
+        <button @click="$emit('close')">
+          <Icon :name="closeIcon" />
+        </button>
+      </div>
+      <slot />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import {
+  useStickyToolbar
+} from "#blokkli/editor/composables/useStickyToolbar";
+import {
+  useTemplateRef,
+  useBlokkli,
+  onMounted,
+  onBeforeUnmount,
+  watch
+} from "#imports";
+import { Icon } from "#blokkli/editor/components";
+import { onBlokkliEvent, useFocusTrap } from "#blokkli/editor/composables";
+const props = defineProps({
+  id: { type: String, required: true },
+  title: { type: String, required: true },
+  anchorEl: { type: null, required: false, default: null },
+  anchorCoordinates: { type: [Object, null], required: false, default: null },
+  placementY: { type: String, required: false, default: "auto" },
+  placementX: { type: String, required: false, default: "center" },
+  closeIcon: { type: null, required: false, default: "bk_mdi_close" }
+});
+const emit = defineEmits(["close"]);
+const el = useTemplateRef("el");
+const { onKeyDown } = useFocusTrap({
+  container: el,
+  debugLabel: "ArtboardTooltip: " + props.id
+});
+const { ui } = useBlokkli();
+const { placementY, placementX, caretX } = useStickyToolbar(el, {
+  getAnchorElement() {
+    return props.anchorEl ?? null;
+  },
+  getAnchorCoordinates() {
+    return props.anchorCoordinates ?? null;
+  },
+  getPlacementY() {
+    return props.placementY;
+  },
+  getPlacementX() {
+    return props.placementX;
+  },
+  getCaretWidth() {
+    return 30;
+  }
+});
+watch(ui.openTooltip, (id) => {
+  if (id !== props.id) {
+    emit("close");
+  }
+});
+onBlokkliEvent("keyPressed", (e) => {
+  if (ui.hasDialogOpen.value) {
+    return;
+  }
+  if (e.code === "Escape") {
+    emit("close");
+  }
+});
+onMounted(() => {
+  ui.openTooltip.value = props.id;
+});
+onBeforeUnmount(() => {
+  if (ui.openTooltip.value === props.id) {
+    ui.openTooltip.value = "";
+  }
+});
+</script>

package/dist/runtime/editor/components/ArtboardTooltip/index.vue.d.ts

@@ -0,0 +1,35 @@
+import { type PlacementVertical, type PlacementHorizontal } from '#blokkli/editor/composables/useStickyToolbar';
+import type { BlokkliIcon } from '#blokkli-build/icons';
+import type { Coord } from '#blokkli/editor/types/geometry';
+type __VLS_Props = {
+    id: string;
+    title: string;
+    anchorEl?: HTMLElement | null;
+    anchorCoordinates?: Coord | null;
+    placementY?: PlacementVertical;
+    placementX?: PlacementHorizontal;
+    closeIcon?: BlokkliIcon;
+};
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+}>, {
+    anchorEl: HTMLElement | null;
+    anchorCoordinates: Coord | null;
+    placementY: PlacementVertical;
+    placementX: PlacementHorizontal;
+    closeIcon: BlokkliIcon;
+}, {}, {}, {}, 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/editor/components/AutoHeight/index.d.vue.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    anchor: 'top' | 'bottom';
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/editor/components/AutoHeight/index.vue

@@ -0,0 +1,32 @@
+<template>
+  <div
+    class="bk-auto-height"
+    :class="'bk-is-' + anchor"
+    :style="{ height: height + 'px' }"
+  >
+    <div ref="inner" class="bk-auto-height-inner">
+      <slot />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { useTemplateRef, ref, onMounted, onBeforeUnmount } from "#imports";
+defineProps({
+  anchor: { type: String, required: true }
+});
+const inner = useTemplateRef("inner");
+const height = ref(0);
+let observer = null;
+onMounted(() => {
+  const el = inner.value;
+  if (!el) return;
+  observer = new ResizeObserver(() => {
+    height.value = el.scrollHeight;
+  });
+  observer.observe(el);
+});
+onBeforeUnmount(() => {
+  observer?.disconnect();
+});
+</script>

package/dist/runtime/editor/components/AutoHeight/index.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    anchor: 'top' | 'bottom';
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/editor/components/Banner/index.d.vue.ts

@@ -0,0 +1,30 @@
+import type { BlokkliIcon } from '#blokkli-build/icons';
+import type { ThemeColorName } from './../../../../global/types/theme.js';
+type __VLS_Props = {
+    id: string;
+    icon: BlokkliIcon;
+    text?: string;
+    button?: string;
+    scheme?: ThemeColorName;
+};
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    text: string;
+    button: string;
+    scheme: ThemeColorName;
+}, {}, {}, {}, 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/editor/components/Banner/index.vue

@@ -0,0 +1,53 @@
+<template>
+  <div
+    ref="el"
+    class="bk bk-banner"
+    :class="scheme ? 'bk-scheme-' + scheme : void 0"
+  >
+    <Icon :name="icon" />
+    <slot>
+      <p v-if="text" v-html="text" />
+    </slot>
+    <button v-if="button" class="bk-banner-close" @click="$emit('click')">
+      {{ button }}
+      <Icon name="bk_mdi_close" />
+    </button>
+  </div>
+</template>
+
+<script setup>
+import { Icon } from "#blokkli/editor/components";
+import {
+  onBeforeUnmount,
+  onMounted,
+  useTemplateRef,
+  useBlokkli
+} from "#imports";
+const props = defineProps({
+  id: { type: String, required: true },
+  icon: { type: null, required: true },
+  text: { type: String, required: false, default: void 0 },
+  button: { type: String, required: false, default: void 0 },
+  scheme: { type: String, required: false, default: "accent" }
+});
+defineEmits(["click"]);
+const { ui } = useBlokkli();
+const el = useTemplateRef("el");
+const observer = new ResizeObserver((entries) => {
+  const entry = entries.at(0);
+  if (!entry) {
+    return;
+  }
+  const height = Math.ceil(entry.borderBoxSize.at(0)?.blockSize ?? 0);
+  ui.setBannerHeight(props.id, height);
+});
+onMounted(() => {
+  if (el.value) {
+    observer.observe(el.value);
+  }
+});
+onBeforeUnmount(() => {
+  observer.disconnect();
+  ui.removeBanner(props.id);
+});
+</script>

package/dist/runtime/editor/components/Banner/index.vue.d.ts

@@ -0,0 +1,30 @@
+import type { BlokkliIcon } from '#blokkli-build/icons';
+import type { ThemeColorName } from './../../../../global/types/theme.js';
+type __VLS_Props = {
+    id: string;
+    icon: BlokkliIcon;
+    text?: string;
+    button?: string;
+    scheme?: ThemeColorName;
+};
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    click: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    text: string;
+    button: string;
+    scheme: ThemeColorName;
+}, {}, {}, {}, 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/editor/components/BlockPreviewItem/index.d.vue.ts

@@ -0,0 +1,18 @@
+import type { FieldListItem } from '#blokkli/types';
+type __VLS_Props = {
+    items?: FieldListItem[] | FieldListItem;
+    title: string;
+    description?: string;
+    bundle?: string;
+    maxHeight?: number;
+    noPreview?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    bundle: string;
+    description: string;
+    noPreview: boolean;
+    items: FieldListItem[] | FieldListItem;
+    maxHeight: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/components/BlockPreviewItem/index.vue

@@ -0,0 +1,83 @@
+<template>
+  <div class="bk-block-preview-item" :class="backgroundClass">
+    <div class="bk bk-block-preview-item-header">
+      <div v-if="bundle" class="bk-blokkli-item-label">
+        <div class="bk-blokkli-item-label-icon">
+          <ItemIcon :bundle="bundle" />
+        </div>
+        <span>{{ bundleLabel }}: {{ title }}</span>
+      </div>
+      <template v-else>
+        <h3>{{ title }}</h3>
+        <p v-if="description">{{ description }}</p>
+      </template>
+    </div>
+    <div
+      v-if="renderPreview"
+      class="bk-block-preview-item-inner"
+      :class="backgroundClass"
+    >
+      <div
+        v-for="item in normalizedItems"
+        :key="item.uuid"
+        class="bk-block-preview-item-block"
+      >
+        <ScaleToFit :width="previewWidth" :max-height="maxHeight">
+          <BlokkliItem v-bind="item" parent-type="nested" />
+        </ScaleToFit>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed, provide, useBlokkli } from "#imports";
+import { ItemIcon, ScaleToFit } from "#blokkli/editor/components";
+import {
+  INJECT_FIELD_LIST_BLOCKS,
+  INJECT_FIELD_LIST_TYPE,
+  INJECT_IS_EDITING,
+  INJECT_IS_IN_REUSABLE,
+  INJECT_PROVIDER_BLOCKS
+} from "#blokkli/helpers/injections";
+const props = defineProps({
+  items: { type: [Array, Object], required: false, default: () => [] },
+  title: { type: String, required: true },
+  description: { type: String, required: false, default: void 0 },
+  bundle: { type: String, required: false, default: void 0 },
+  maxHeight: { type: Number, required: false, default: 400 },
+  noPreview: { type: Boolean, required: false, default: false }
+});
+const { types, definitions } = useBlokkli();
+const normalizedItems = computed(() => {
+  if (!props.items) {
+    return [];
+  }
+  return Array.isArray(props.items) ? props.items : [props.items];
+});
+const bundleLabel = computed(
+  () => props.bundle ? types.getBlockBundleDefinition(props.bundle)?.label || props.bundle : ""
+);
+const firstBundle = computed(
+  () => props.bundle || normalizedItems.value[0]?.bundle
+);
+const definition = computed(
+  () => firstBundle.value ? definitions.getDefaultDefinition(firstBundle.value) : null
+);
+const previewWidth = computed(
+  () => definition.value?.editor?.previewWidth || 400
+);
+const renderPreview = computed(
+  () => !props.noPreview && definition.value?.editor?.noPreview !== true
+);
+const backgroundClass = computed(
+  () => definition.value?.editor?.previewBackgroundClass || ""
+);
+const blocks = computed(() => []);
+const fieldListType = computed(() => "default");
+provide(INJECT_IS_IN_REUSABLE, true);
+provide(INJECT_IS_EDITING, false);
+provide(INJECT_FIELD_LIST_BLOCKS, blocks);
+provide(INJECT_PROVIDER_BLOCKS, blocks);
+provide(INJECT_FIELD_LIST_TYPE, fieldListType);
+</script>

package/dist/runtime/editor/components/BlockPreviewItem/index.vue.d.ts

@@ -0,0 +1,18 @@
+import type { FieldListItem } from '#blokkli/types';
+type __VLS_Props = {
+    items?: FieldListItem[] | FieldListItem;
+    title: string;
+    description?: string;
+    bundle?: string;
+    maxHeight?: number;
+    noPreview?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    bundle: string;
+    description: string;
+    noPreview: boolean;
+    items: FieldListItem[] | FieldListItem;
+    maxHeight: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/components/BlockPreviewRenderer/Item.d.vue.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    uuid: string;
+    maxHeight?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "background-color": (color: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onBackground-color"?: ((color: string) => any) | undefined;
+}>, {
+    maxHeight: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/components/BlockPreviewRenderer/Item.vue

@@ -0,0 +1,50 @@
+<template>
+  <div class="bk-block-preview-renderer-item">
+    <ScaleToFit :width="width" :max-height="maxHeight">
+      <div ref="itemEl" />
+    </ScaleToFit>
+  </div>
+</template>
+
+<script setup>
+import { ref, useBlokkli, onMounted, useTemplateRef } from "#imports";
+import { ScaleToFit } from "#blokkli/editor/components";
+const props = defineProps({
+  uuid: { type: String, required: true },
+  maxHeight: { type: Number, required: false, default: 400 }
+});
+const emit = defineEmits(["background-color"]);
+const { dom, blocks } = useBlokkli();
+const itemEl = useTemplateRef("itemEl");
+const width = ref(400);
+onMounted(() => {
+  if (!itemEl.value) {
+    return;
+  }
+  const item = blocks.getBlock(props.uuid);
+  if (!item) {
+    return;
+  }
+  const element = dom.getDragElement(item);
+  if (!element) {
+    return;
+  }
+  width.value = element.getBoundingClientRect().width;
+  const markup = dom.getDropElementMarkup(item);
+  itemEl.value.innerHTML = markup;
+  const computedStyle = window.getComputedStyle(element);
+  let bgColor = computedStyle.backgroundColor;
+  if (bgColor === "rgba(0, 0, 0, 0)" || bgColor === "transparent") {
+    let parent = element.parentElement;
+    while (parent) {
+      const parentBg = window.getComputedStyle(parent).backgroundColor;
+      if (parentBg !== "rgba(0, 0, 0, 0)" && parentBg !== "transparent") {
+        bgColor = parentBg;
+        break;
+      }
+      parent = parent.parentElement;
+    }
+  }
+  emit("background-color", bgColor);
+});
+</script>

package/dist/runtime/editor/components/BlockPreviewRenderer/Item.vue.d.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    uuid: string;
+    maxHeight?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "background-color": (color: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onBackground-color"?: ((color: string) => any) | undefined;
+}>, {
+    maxHeight: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/components/BlockPreviewRenderer/index.d.vue.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    uuids: string[];
+    backgroundClass?: string;
+    maxHeight?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    maxHeight: number;
+    backgroundClass: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/components/BlockPreviewRenderer/index.vue

@@ -0,0 +1,33 @@
+<template>
+  <div
+    class="bk-block-preview-renderer"
+    :class="[backgroundClass, { 'bk-default-bg': !backgroundClass }]"
+    :style="backgroundClass ? {} : { backgroundColor }"
+  >
+    <div class="bk-block-preview-renderer-items">
+      <BlockPreviewRendererItem
+        v-for="uuid in uuids"
+        :key="uuid"
+        :uuid="uuid"
+        :max-height="maxHeight"
+        @background-color="onBackgroundColor"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from "#imports";
+import BlockPreviewRendererItem from "./Item.vue";
+defineProps({
+  uuids: { type: Array, required: true },
+  backgroundClass: { type: String, required: false, default: "" },
+  maxHeight: { type: Number, required: false, default: 400 }
+});
+const backgroundColor = ref("");
+function onBackgroundColor(color) {
+  if (!backgroundColor.value) {
+    backgroundColor.value = color;
+  }
+}
+</script>

package/dist/runtime/editor/components/BlockPreviewRenderer/index.vue.d.ts

@@ -0,0 +1,11 @@
+type __VLS_Props = {
+    uuids: string[];
+    backgroundClass?: string;
+    maxHeight?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    maxHeight: number;
+    backgroundClass: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/components/BlockProxy/index.d.vue.ts

@@ -0,0 +1,11 @@
+import type { BlockBundleWithNested, ValidFieldListTypes } from '#blokkli-build/generated-types';
+type __VLS_Props = {
+    uuid: string;
+    bundle: string;
+    fieldListType: ValidFieldListTypes;
+    parentType: BlockBundleWithNested;
+    itemProps?: any;
+};
+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;