@revenexx/editor 0.1.0

package/dist/runtime/editor/components/BlokkliRootErrorBoundary.vue

@@ -0,0 +1,227 @@
+<template>
+  <slot />
+
+  <Teleport to="body">
+    <Transition name="bk-fade">
+      <div
+        v-if="errors.length"
+        class="bk bk-fatal-error-overlay"
+        @wheel.capture.passive.stop
+        @click.stop
+        @mousedown.stop
+        @touchstart.passive.stop
+        @mousemove.stop
+      >
+        <div class="bk-fatal-error-overlay-info">
+          <Icon name="bk_mdi_sentiment_worried" />
+          <div>
+            <h2>{{ $t("fatalErrorTitle", "bl\xF6kkli has stopped working") }}</h2>
+            <p>
+              {{
+                $t(
+  "fatalErrorText",
+  "Unfortunately bl\xF6kkli has encountered a fatal error which prevents it from working normally. You may be able to continue using it, but things may not work as expected."
+)
+              }}
+            </p>
+            <div class="bk-fatal-error-buttons">
+              <button class="bk-button bk-scheme-red" @click="errors = []">
+                {{ $t("fatalErrorButton", "Continue anyway", { more: true }) }}
+              </button>
+            </div>
+          </div>
+        </div>
+        <div class="bk-fatal-error-overlay-list">
+          <h3>{{ title }}</h3>
+          <button
+            class="bk-button bk-scheme-mono bk-is-light"
+            @click="downloadLogs"
+          >
+            {{ $t("downloadLogsButton", "Download Logs") }}
+          </button>
+        </div>
+      </div>
+    </Transition>
+  </Teleport>
+</template>
+
+<script setup>
+import { computed, ref, onErrorCaptured } from "#imports";
+import { Icon } from "#blokkli/editor/components";
+import textProvider from "#blokkli/editor/providers/texts";
+import { useGlobalBlokkliObject } from "#blokkli/editor/composables";
+const props = defineProps({
+  language: { type: String, required: true }
+});
+const errors = ref([]);
+const $t = await textProvider(props.language);
+const globalBlokkli = useGlobalBlokkliObject();
+onErrorCaptured((err) => {
+  errors.value.push(err);
+  if (import.meta.dev) {
+    console.error(err);
+  }
+  globalBlokkli.pushMessage({
+    type: "error",
+    name: "RootErrorBoundary",
+    date: (/* @__PURE__ */ new Date()).toISOString(),
+    message: err.message,
+    context: err.stack || ""
+  });
+  return false;
+});
+const title = computed(() => {
+  return errors.value.filter((value, index, self) => {
+    return self.findIndex((v) => v.name === value.name) === index;
+  }).map((v) => {
+    return v.name + " " + v.message;
+  }).join("");
+});
+function downloadLogs() {
+  const messages = globalBlokkli.getMessages();
+  const header = "Type,Logger,Timestamp,Message,Context\n";
+  const rows = messages.map((msg) => {
+    const escapeCsv = (str) => `"${str.replace(/"/g, '""')}"`;
+    return [
+      escapeCsv(msg.type),
+      escapeCsv(msg.name),
+      escapeCsv(msg.date),
+      escapeCsv(msg.message),
+      escapeCsv(msg.context ?? "")
+    ].join(",");
+  }).join("\n");
+  const csv = header + rows;
+  const blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = `blokkli-logs-${(/* @__PURE__ */ new Date()).toISOString()}.csv`;
+  link.click();
+  URL.revokeObjectURL(url);
+}
+</script>
+
+<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+.bk-fatal-error-overlay {
+  position: fixed;
+  top: 0px;
+  left: 0px;
+  height: 100%;
+  width: 100%;
+  overflow: auto;
+  --bk-tw-backdrop-blur: blur(var(--blur-3xl, 64px));
+  -webkit-backdrop-filter: var(--bk-tw-backdrop-blur,) var(--bk-tw-backdrop-brightness,) var(--bk-tw-backdrop-contrast,) var(--bk-tw-backdrop-grayscale,) var(--bk-tw-backdrop-hue-rotate,) var(--bk-tw-backdrop-invert,) var(--bk-tw-backdrop-opacity,) var(--bk-tw-backdrop-saturate,) var(--bk-tw-backdrop-sepia,);
+  backdrop-filter: var(--bk-tw-backdrop-blur,) var(--bk-tw-backdrop-brightness,) var(--bk-tw-backdrop-contrast,) var(--bk-tw-backdrop-grayscale,) var(--bk-tw-backdrop-hue-rotate,) var(--bk-tw-backdrop-invert,) var(--bk-tw-backdrop-opacity,) var(--bk-tw-backdrop-saturate,) var(--bk-tw-backdrop-sepia,);
+  z-index: 9999999999999;
+  background-color: rgb(var(--bk-theme-red-light) / 1);
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .bk-fatal-error-overlay {
+    background-color: color-mix(in oklab, rgb(var(--bk-theme-red-light) / 1) 95%, transparent);
+  }
+}
+.bk-fatal-error-overlay {
+  color: rgb(var(--bk-theme-mono-900) / 1);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding-inline: 20px;
+  padding-block: 40px;
+}
+.bk-fatal-error-overlay .bk-icon {
+  margin-bottom: 5px;
+  height: 200px;
+  width: 200px;
+}
+:is(.bk-fatal-error-overlay .bk-icon) svg {
+  fill: rgb(var(--bk-theme-red-normal) / 1);
+}
+.bk-fatal-error-overlay .bk-fatal-error-overlay-list {
+  margin-top: 20px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background-color: white;
+  padding: 20px;
+}
+@media (width >= 48rem) {
+  .bk-fatal-error-overlay .bk-fatal-error-overlay-list {
+    min-width: 500px;
+  }
+}
+.bk-fatal-error-overlay .bk-fatal-error-overlay-list {
+  border-radius: 4px;
+  --bk-tw-shadow: 0 20px 25px -5px var(--bk-tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--bk-tw-shadow-color, rgb(0 0 0 / 0.1));
+  box-shadow: var(--bk-tw-inset-shadow), var(--bk-tw-inset-ring-shadow), var(--bk-tw-ring-offset-shadow), var(--bk-tw-ring-shadow), var(--bk-tw-shadow);
+}
+:is(.bk-fatal-error-overlay .bk-fatal-error-overlay-list) h3 {
+  margin-bottom: 15px;
+  --bk-tw-font-weight: var(--font-weight-bold, 700);
+  font-weight: var(--font-weight-bold, 700);
+}
+@media (width >= 48rem) {
+  :is(.bk-fatal-error-overlay .bk-fatal-error-overlay-list) h3 {
+    margin-bottom: 20px;
+  }
+}
+@media (width >= 48rem) {
+  :is(.bk-fatal-error-overlay .bk-fatal-error-overlay-list) h3 {
+    font-size: var(--text-lg, 18px);
+    line-height: var(--bk-tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
+  }
+}
+@media (width >= 80rem) {
+  :is(.bk-fatal-error-overlay .bk-fatal-error-overlay-list) h3 {
+    font-size: var(--text-xl, 20px);
+    line-height: var(--bk-tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
+  }
+}
+.bk-fatal-error-overlay .bk-fatal-error-overlay-info {
+  margin-inline: auto;
+  margin-top: 10%;
+  display: flex;
+  max-width: var(--container-2xl, 672px);
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+:is(.bk-fatal-error-overlay .bk-fatal-error-overlay-info) h2 {
+  margin-bottom: 10px;
+  font-size: var(--text-5xl, 48px);
+  line-height: var(--bk-tw-leading, var(--text-5xl--line-height, 1));
+  --bk-tw-font-weight: var(--font-weight-bold, 700);
+  font-weight: var(--font-weight-bold, 700);
+  color: rgb(var(--bk-theme-red-normal) / 1);
+}
+:is(.bk-fatal-error-overlay .bk-fatal-error-overlay-info) p {
+  font-size: var(--text-2xl, 24px);
+  line-height: var(--bk-tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
+  color: rgb(var(--bk-theme-red-dark) / 1);
+}
+@supports (color: color-mix(in lab, red, red)) {
+  :is(.bk-fatal-error-overlay .bk-fatal-error-overlay-info) p {
+    color: color-mix(in oklab, rgb(var(--bk-theme-red-dark) / 1) 50%, transparent);
+  }
+}
+:is(.bk-fatal-error-overlay .bk-fatal-error-overlay-info) em {
+  --bk-tw-font-weight: var(--font-weight-bold, 700);
+  font-weight: var(--font-weight-bold, 700);
+  font-style: normal;
+}
+:is(.bk-fatal-error-overlay .bk-fatal-error-overlay-info) button {
+  margin-top: 30px;
+}
+@media (hover: hover) {
+  :is(:is(.bk-fatal-error-overlay .bk-fatal-error-overlay-info) button):hover {
+    background-color: rgb(var(--bk-theme-red-dark) / 1) !important;
+  }
+}
+.bk-fatal-error-overlay .bk-fatal-error-buttons {
+  margin-top: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+}
+</style>

package/dist/runtime/editor/components/BlokkliRootErrorBoundary.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    language: string;
+};
+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/BundleSelector/Group.d.vue.ts

@@ -0,0 +1,12 @@
+import type { Item } from './types.js';
+type __VLS_Props = {
+    label?: string;
+    items: Item[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (item: Item) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((item: Item) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/components/BundleSelector/Group.vue

@@ -0,0 +1,28 @@
+<template>
+  <div v-show="items.length" class="_bk_border-t _bk_border-mono-700 _bk_py-10">
+    <div
+      v-if="label"
+      class="_bk_flex _bk_items-center _bk_gap-8 _bk_text-mono-400 _bk_uppercase _bk_font-semibold _bk_text-xs _bk_tracking-wide _bk_!leading-none _bk_px-15"
+    >
+      <span>{{ label }}</span>
+    </div>
+    <div class="_bk_grid _bk_grid-cols-3">
+      <AddListItem
+        v-for="item in items"
+        :key="item.props.id"
+        v-bind="item.props"
+        class="_bk_px-20 _bk_py-10"
+        @click.prevent="$emit('select', item)"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { AddListItem } from "#blokkli/editor/components";
+defineProps({
+  label: { type: String, required: false },
+  items: { type: Array, required: true }
+});
+defineEmits(["select"]);
+</script>

package/dist/runtime/editor/components/BundleSelector/Group.vue.d.ts

@@ -0,0 +1,12 @@
+import type { Item } from './types.js';
+type __VLS_Props = {
+    label?: string;
+    items: Item[];
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (item: Item) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((item: Item) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,23 @@
+import type { Coord } from '#blokkli/editor/types/geometry';
+import type { BlokkliFieldElement } from '#blokkli/editor/types/field';
+type __VLS_Props = {
+    bundles: string[];
+    anchorEl?: HTMLElement;
+    anchorCoordinates?: Coord;
+    label: string;
+    hideActions?: boolean;
+    field?: BlokkliFieldElement;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (id: string) => void;
+    fragment: (id: string) => void;
+    action: (action: AddAction) => void;
+    close: () => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((id: string) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onAction?: ((action: AddAction) => any) | undefined;
+    onFragment?: ((id: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,287 @@
+<template>
+  <ArtboardTooltip
+    id="add-buttons"
+    :title="label"
+    :anchor-el
+    :anchor-coordinates
+    class="bk-bundle-selector"
+    @close="$emit('close')"
+  >
+    <div
+      ref="scrollEl"
+      class="bk-scrollbar-dark _bk_max-h-[60vh] _bk_overflow-auto _bk_lg:max-h-[500px]"
+    >
+      <div
+        v-if="allItems.length > 4"
+        class="bk-bundle-selector-form"
+        @pointerdown.stop
+        @keydown.capture.stop
+        @keyup.capture.stop
+      >
+        <form @submit.prevent.stop="onSubmitForm">
+          <FormTextDark
+            ref="inputEl"
+            v-model="searchText"
+            :placeholder="$t('searchBoxPlaceholder', 'Enter search term')"
+            clearable
+          />
+        </form>
+      </div>
+      <div
+        ref="wrapperEl"
+        :style="{
+  width,
+  height
+}"
+        @wheel.passive="onWheel"
+      >
+        <ItemGroup
+          :items="filteredBlocks"
+          @select="onClick"
+        />
+        <ItemGroup
+          :label="$t('actions', 'Actions')"
+          :items="filteredActions"
+          @select="onClick"
+        />
+        <ItemGroup
+          :label="$t('bundleSelectorFragmentsLabel', 'Fragments')"
+          :items="filteredFragments"
+          @select="onClick"
+        />
+      </div>
+    </div>
+  </ArtboardTooltip>
+</template>
+
+<script setup>
+import {
+  useTemplateRef,
+  useBlokkli,
+  computed,
+  ref,
+  shallowRef,
+  watch,
+  onMounted
+} from "#imports";
+import { ArtboardTooltip, FormTextDark } from "#blokkli/editor/components";
+import { isInternalBundle } from "#blokkli/editor/helpers/bundles";
+import { loadFzf } from "#blokkli/editor/libraries/fzf";
+import { fragmentBlockBundle } from "#blokkli-build/config";
+import ItemGroup from "./Group.vue";
+const props = defineProps({
+  bundles: { type: Array, required: true },
+  anchorEl: { type: null, required: false },
+  anchorCoordinates: { type: Object, required: false },
+  label: { type: String, required: true },
+  hideActions: { type: Boolean, required: false },
+  field: { type: Object, required: false }
+});
+const emit = defineEmits(["select", "fragment", "action", "close"]);
+const searchText = ref("");
+const width = ref("auto");
+const height = ref("auto");
+const wrapperEl = useTemplateRef("wrapperEl");
+const scrollEl = useTemplateRef("scrollEl");
+const inputEl = useTemplateRef("inputEl");
+let hasScrollbar = null;
+watch(
+  searchText,
+  () => {
+    if (wrapperEl.value) {
+      const rect = wrapperEl.value.getBoundingClientRect();
+      width.value = rect.width + "px";
+      height.value = rect.height + "px";
+    }
+  },
+  {
+    once: true
+  }
+);
+const { types, plugins, storage, $t, definitions, permissions, ui } = useBlokkli();
+const favorites = storage.use("blockFavorites", []);
+const blocks = computed(() => {
+  return props.bundles.filter((bundle) => !isInternalBundle(bundle)).map((bundle) => {
+    const definition = types.getBlockBundleDefinition(bundle);
+    return {
+      bundle,
+      label: definition?.label ?? bundle,
+      isAutoAdd: definitions.bundlesWithAutoAdd.value.includes(bundle),
+      description: definition?.description ?? "",
+      isFavorite: favorites.value.includes(bundle)
+    };
+  }).sort((a, b) => {
+    if (a.isFavorite && !b.isFavorite) return -1;
+    if (!a.isFavorite && b.isFavorite) return 1;
+    return a.label.localeCompare(b.label);
+  }).map((block) => {
+    return {
+      type: "block",
+      bundle: block.bundle,
+      label: block.label.toLowerCase(),
+      description: block.description,
+      props: {
+        id: block.bundle,
+        label: block.label,
+        bundle: block.bundle,
+        color: block.isFavorite ? "yellow" : void 0,
+        isAutoAdd: block.isAutoAdd,
+        context: "selection-add-buttons"
+      }
+    };
+  });
+});
+const fragments = computed(() => {
+  if (!props.field || !props.field.allowedFragments.length) {
+    return [];
+  }
+  if (!props.bundles.includes(fragmentBlockBundle)) {
+    return [];
+  }
+  if (!permissions.checkBlockBundlePermission(fragmentBlockBundle, "add")) {
+    return [];
+  }
+  return props.field.allowedFragments.map((name) => {
+    const definition = definitions.getFragmentDefinition(name);
+    if (!definition) {
+      return null;
+    }
+    return {
+      type: "fragment",
+      name,
+      label: definition.label,
+      description: definition.description ?? "",
+      props: {
+        id: "fragment:" + name,
+        label: definition.label,
+        color: "accent",
+        context: "selection-add-buttons",
+        icon: definition.editor?.icon ?? "bk_mdi_newspaper",
+        noContextMenu: true
+      }
+    };
+  }).filter((v) => v !== null);
+});
+const actions = computed(() => {
+  if (props.hideActions) {
+    return [];
+  }
+  return plugins.get("addAction").filter((action) => {
+    if (action.id === "fragment" && fragments.value.length) {
+      return false;
+    }
+    if (!action.itemBundle) {
+      return true;
+    }
+    return props.bundles.includes(action.itemBundle);
+  }).map((action) => {
+    return {
+      type: "action",
+      action,
+      label: action.title,
+      description: action.description ?? "",
+      props: {
+        id: action.id,
+        label: action.title,
+        color: action.color,
+        context: "selection-add-buttons",
+        icon: action.icon,
+        noContextMenu: true
+      }
+    };
+  });
+});
+const allItems = computed(() => {
+  return [...blocks.value, ...fragments.value, ...actions.value];
+});
+const fzf = shallowRef(null);
+onMounted(async () => {
+  const { Fzf } = await loadFzf();
+  fzf.value = new Fzf(allItems.value, {
+    selector: (item) => item.label + " " + item.description
+  });
+});
+function filterBySearch(items) {
+  const text = searchText.value.trim();
+  if (!text) {
+    return items;
+  }
+  const textLower = text.toLowerCase();
+  return items.filter(
+    (item) => item.label.toLowerCase().includes(textLower) || item.description.toLowerCase().includes(textLower)
+  );
+}
+const filteredBlocks = computed(() => {
+  const text = searchText.value.trim();
+  if (!text || !fzf.value) {
+    return blocks.value;
+  }
+  const results = fzf.value.find(text);
+  const textLower = text.toLowerCase();
+  return results.map((r) => r.item).filter((item) => item.type === "block").sort((a, b) => {
+    const aInLabel = a.label.toLowerCase().includes(textLower);
+    const bInLabel = b.label.toLowerCase().includes(textLower);
+    if (aInLabel && !bInLabel) return -1;
+    if (!aInLabel && bInLabel) return 1;
+    return 0;
+  });
+});
+const filteredFragments = computed(() => filterBySearch(fragments.value));
+const filteredActions = computed(() => filterBySearch(actions.value));
+const onWheel = (e) => {
+  if (hasScrollbar === null) {
+    const element = scrollEl.value;
+    hasScrollbar = element && element.scrollHeight > element.clientHeight;
+  }
+  if (hasScrollbar) {
+    if (!e.ctrlKey && !e.metaKey) {
+      e.stopPropagation();
+    }
+  }
+};
+function onClick(item) {
+  if (item.type === "block") {
+    emit("select", item.bundle);
+  } else if (item.type === "action") {
+    emit("action", item.action);
+  } else if (item.type === "fragment") {
+    emit("fragment", item.name);
+  }
+}
+function onSubmitForm() {
+  const firstResult = filteredBlocks.value[0] ?? filteredFragments.value[0] ?? filteredActions.value[0];
+  if (firstResult) {
+    onClick(firstResult);
+  }
+}
+onMounted(() => {
+  if (inputEl.value) {
+    inputEl.value.focus();
+  }
+  if (!ui.isMobile.value) {
+    requestAnimationFrame(() => {
+      if (!scrollEl.value) {
+        return;
+      }
+      const rect = scrollEl.value.getBoundingClientRect();
+      const available = window.innerHeight - rect.top - 30;
+      if (available > 0) {
+        scrollEl.value.style.maxHeight = Math.max(available, 200) + "px";
+      }
+    });
+  }
+});
+</script>
+
+<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+.bk.bk-bundle-selector {
+  --bk-bg: rgb(var(--bk-theme-mono-900) / 1);
+  --bk-header-bg: rgb(var(--bk-theme-mono-800) / 1);
+  --bk-header-hover: rgb(var(--bk-theme-mono-700) / 1);
+  --bk-header-text: rgb(var(--bk-theme-mono-100) / 1);
+  --bk-border: rgb(var(--bk-theme-mono-500) / 1);
+}
+.bk.bk-bundle-selector .bk-artboard-tooltip-inner {
+  color: white;
+}
+</style>

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

@@ -0,0 +1,23 @@
+import type { Coord } from '#blokkli/editor/types/geometry';
+import type { BlokkliFieldElement } from '#blokkli/editor/types/field';
+type __VLS_Props = {
+    bundles: string[];
+    anchorEl?: HTMLElement;
+    anchorCoordinates?: Coord;
+    label: string;
+    hideActions?: boolean;
+    field?: BlokkliFieldElement;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (id: string) => void;
+    fragment: (id: string) => void;
+    action: (action: AddAction) => void;
+    close: () => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSelect?: ((id: string) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onAction?: ((action: AddAction) => any) | undefined;
+    onFragment?: ((id: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/components/BundleSelector/types.d.ts

@@ -0,0 +1,21 @@
+import type { AddListItemProps } from '#blokkli/editor/components/AddListItem/index.vue';
+import type { AddAction } from '#blokkli/editor/types/actions';
+export type Item = {
+    type: 'block';
+    bundle: string;
+    label: string;
+    description: string;
+    props: AddListItemProps;
+} | {
+    type: 'action';
+    action: AddAction;
+    label: string;
+    description: string;
+    props: AddListItemProps;
+} | {
+    type: 'fragment';
+    name: string;
+    label: string;
+    description: string;
+    props: AddListItemProps;
+};

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

@@ -0,0 +1,29 @@
+import type { ThemeColorName } from './../../../../global/types/theme.js';
+type __VLS_Props = {
+    label?: string;
+    scheme?: ThemeColorName;
+    variant?: 'normal' | 'light' | 'dark' | 'outline' | 'outline-dark';
+    size?: 'normal' | 'small';
+    iconOnly?: boolean;
+    fullwidth?: boolean;
+    loading?: boolean;
+    disabled?: boolean;
+};
+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<{}>, {
+    label: string;
+    scheme: ThemeColorName;
+    size: "normal" | "small";
+    variant: "normal" | "light" | "dark" | "outline" | "outline-dark";
+}, {}, {}, {}, 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;
+    };
+};