@blokkli/editor 2.0.0-alpha.58 → 2.0.0-alpha.59

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

@@ -6,10 +6,15 @@
         :id="'popup-' + id"
         class="bk bk-popup"
         :class="['bk-is-' + position, 'bk-is-' + id]"
+        :data-test-popup="id"
       >
         <div class="bk-popup-title">
           <h2>{{ title }}</h2>
-          <button class="_bk_p-20 _bk_hover:bg-mono-50 _bk_text-mono-500" @click="onClose">
+          <button
+            class="_bk_p-20 _bk_hover:bg-mono-50 _bk_text-mono-500"
+            :data-test-popup-close="id"
+            @click="onClose"
+          >
             <Icon name="bk_mdi_close" class="_bk_size-20" />
           </button>
         </div>
@@ -21,7 +26,7 @@
             </slot>
           </div>
 
-          <button class="bk-button" :class="'bk-is-' + theme" @click="onSubmit">
+          <button class="bk-button" :class="themeClass" @click="onSubmit">
             {{ cta }}
           </button>
         </div>
@@ -36,7 +41,7 @@ import {
   ViewportBlockingRect,
   BlokkliTransition
 } from "#blokkli/editor/components";
-import { onBeforeUnmount, onMounted, ref, useBlokkli } from "#imports";
+import { computed, onBeforeUnmount, onMounted, ref, useBlokkli } from "#imports";
 const props = defineProps({
   id: { type: String, required: true },
   title: { type: String, required: true },
@@ -45,6 +50,20 @@ const props = defineProps({
   theme: { type: String, required: true },
   position: { type: String, required: true }
 });
+const themeClass = computed(() => {
+  switch (props.theme) {
+    case "primary":
+      return "bk-scheme-accent";
+    case "danger":
+      return "bk-scheme-red";
+    case "warning":
+      return "bk-scheme-yellow";
+    case "lime":
+      return "bk-scheme-lime";
+    default:
+      return "bk-scheme-mono";
+  }
+});
 const { ui, storage } = useBlokkli();
 const hasClosed = storage.use(`popup:${props.id}:closed`, false);
 const shouldRender = ref(false);
@@ -81,77 +100,67 @@ onBeforeUnmount(() => {
 });
 </script>
 
-<style>
+<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
 .bk.bk-popup {
   position: relative;
   width: 100%;
+  background-color: white;
+  -webkit-hyphens: auto;
   hyphens: auto;
-  --bk-tw-bg-opacity: 1;
-  background-color: rgb(255 255 255 / var(--bk-tw-bg-opacity, 1));
-  --bk-tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
-  --bk-tw-shadow-colored: 0 20px 25px -5px var(--bk-tw-shadow-color), 0 8px 10px -6px var(--bk-tw-shadow-color);
-  box-shadow: var(--bk-tw-ring-offset-shadow, 0 0 #0000), var(--bk-tw-ring-shadow, 0 0 #0000), var(--bk-tw-shadow);
+  --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);
   pointer-events: auto;
   z-index: calc(var(--bk-z-index-base) + 210000) /* "tour-popup" */;
   overflow: hidden;
+  border-style: var(--bk-tw-border-style);
   border-width: 1px;
-  --bk-tw-border-opacity: 1;
-  border-color: rgb(var(--bk-theme-mono-200) / var(--bk-tw-border-opacity, 1));
-  grid-area: viewport
+  border-color: rgb(var(--bk-theme-mono-200) / 1);
+  grid-area: viewport;
 }
-
-  .bk.bk-popup.bk-is-top-left {
+.bk.bk-popup.bk-is-top-left {
   align-self: flex-start;
-  justify-self: start
+  justify-self: flex-start;
 }
-
-  .bk.bk-popup.bk-is-bottom-right {
+.bk.bk-popup.bk-is-bottom-right {
   align-self: flex-end;
-  justify-self: end
+  justify-self: flex-end;
 }
-
-  @media (min-width: 1024px) {
-.bk.bk-popup {
+@media (width >= 64rem) {
+  .bk.bk-popup {
     margin: 20px;
     width: 360px;
-    border-radius: 8px
-  }
-  }
-
-  @media (min-width: 1280px) {
-.bk.bk-popup {
-    width: 400px
+    border-radius: 4px;
   }
+}
+@media (width >= 80rem) {
+  .bk.bk-popup {
+    width: 400px;
   }
-
-  .bk.bk-popup h2 {
-  font-weight: 700
 }
-
-  @media (min-width: 1024px) {
-
+.bk.bk-popup h2 {
+  --bk-tw-font-weight: var(--font-weight-bold, 700);
+  font-weight: var(--font-weight-bold, 700);
+}
+@media (width >= 64rem) {
   .bk.bk-popup h2 {
-    font-size: 20px;
-    line-height: 28px
+    font-size: var(--text-xl, 20px);
+    line-height: var(--bk-tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
   }
 }
-
-  .bk.bk-popup .bk-button {
+.bk.bk-popup .bk-button {
   margin-top: 20px;
-  width: 100%
+  width: 100%;
 }
-
-  .bk.bk-popup .bk-popup-title {
+.bk.bk-popup .bk-popup-title {
   display: flex;
   align-items: center;
   justify-content: space-between;
+  border-bottom-style: var(--bk-tw-border-style);
   border-bottom-width: 1px;
-  --bk-tw-border-opacity: 1;
-  border-bottom-color: rgb(var(--bk-theme-mono-200) / var(--bk-tw-border-opacity, 1));
-  padding-left: 20px
+  border-bottom-color: rgb(var(--bk-theme-mono-200) / 1);
+  padding-left: 20px;
 }
-
-  .bk.bk-popup .bk-popup-content {
-  padding: 20px
+.bk.bk-popup .bk-popup-content {
+  padding: 20px;
 }
 </style>

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

@@ -197,9 +197,9 @@ onBeforeUnmount(() => {
 });
 </script>
 
-<style>
+<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
 .bk-body-preview {
-    overflow: hidden;
-    overflow-y: auto
+  overflow: hidden;
+  overflow-y: auto;
 }
 </style>

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

@@ -0,0 +1,53 @@
+declare const __VLS_export: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
+        /**
+         * The list to render. The component does not mutate it.
+         */
+        items: T[];
+        /**
+         * Property used as the stable `:key`. Falls back to the index.
+         */
+        keyField?: keyof T;
+        /**
+         * Render the list through the shared list transition so reordering, adding
+         * and removing items animate.
+         */
+        transition?: boolean;
+    } & {
+        onReorder?: ((payload: {
+            from: number;
+            to: number;
+        }) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {
+            key: PropertyKey;
+            item: T;
+            index: number;
+            isDragging: boolean;
+            handleProps: {
+                draggable: boolean;
+                style: string;
+                onDragstart: (e: DragEvent) => void;
+                onDragend: () => void;
+            };
+        }) => any;
+    };
+    emit: (e: "reorder", payload: {
+        from: number;
+        to: number;
+    }) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

@@ -0,0 +1,123 @@
+<template>
+  <div
+    ref="container"
+    class="_bk_relative"
+    @dragover="onDragOver"
+    @dragenter.prevent
+    @drop.prevent="onDrop"
+  >
+    <component :is="transition ? TransitionList : 'div'">
+      <slot
+        v-for="(item, index) in items"
+        :key="keyField ? item[keyField] : index"
+        :item
+        :index
+        :is-dragging="dragIndex === index"
+        :handle-props="handlePropsFor(index)"
+      />
+    </component>
+    <div
+      v-if="dropIndex !== null"
+      data-reorder-indicator
+      class="_bk_absolute _bk_left-0 _bk_right-0 _bk_h-2 _bk_bg-accent-600 _bk_rounded-full _bk_pointer-events-none"
+      :style="{ top: indicatorTop + 'px' }"
+    />
+  </div>
+</template>
+
+<script setup>
+import { ref, useTemplateRef } from "#imports";
+import TransitionList from "#blokkli/editor/components/Transition/List/index.vue";
+defineProps({
+  items: { type: Array, required: true },
+  keyField: { type: null, required: false },
+  transition: { type: Boolean, required: false }
+});
+const emit = defineEmits(["reorder"]);
+const container = useTemplateRef("container");
+const dragIndex = ref(null);
+const dropIndex = ref(null);
+const indicatorTop = ref(0);
+function handlePropsFor(index) {
+  return {
+    draggable: true,
+    style: "cursor: grab; touch-action: none;",
+    onDragstart: (e) => onDragStart(e, index),
+    onDragend: () => reset()
+  };
+}
+function getListEl() {
+  const el = container.value?.firstElementChild;
+  return el instanceof HTMLElement ? el : null;
+}
+function getRows() {
+  return Array.from(getListEl()?.children ?? []).filter(
+    (el) => el instanceof HTMLElement
+  );
+}
+function rowFromTarget(target) {
+  const listEl = getListEl();
+  let el = target instanceof HTMLElement ? target : null;
+  while (el && el.parentElement !== listEl) {
+    el = el.parentElement;
+  }
+  return el;
+}
+function onDragStart(e, index) {
+  dragIndex.value = index;
+  if (!e.dataTransfer) {
+    return;
+  }
+  e.dataTransfer.effectAllowed = "move";
+  e.dataTransfer.setData("text/plain", String(index));
+  const row = rowFromTarget(e.target);
+  if (row) {
+    const rect = row.getBoundingClientRect();
+    e.dataTransfer.setDragImage(
+      row,
+      e.clientX - rect.left,
+      e.clientY - rect.top
+    );
+  }
+}
+function onDragOver(e) {
+  if (dragIndex.value === null) {
+    return;
+  }
+  e.preventDefault();
+  if (e.dataTransfer) {
+    e.dataTransfer.dropEffect = "move";
+  }
+  const rows = getRows();
+  const containerTop = container.value?.getBoundingClientRect().top ?? 0;
+  let target = rows.length;
+  for (let i = 0; i < rows.length; i++) {
+    const rect = rows[i].getBoundingClientRect();
+    if (e.clientY < rect.top + rect.height / 2) {
+      target = i;
+      break;
+    }
+  }
+  dropIndex.value = target;
+  indicatorTop.value = target >= rows.length ? (rows[rows.length - 1]?.getBoundingClientRect().bottom ?? containerTop) - containerTop : rows[target].getBoundingClientRect().top - containerTop;
+}
+function onDrop() {
+  const from = dragIndex.value;
+  let to = dropIndex.value;
+  reset();
+  if (from === null || to === null) {
+    return;
+  }
+  if (to > from) {
+    to -= 1;
+  }
+  if (to === from) {
+    return;
+  }
+  emit("reorder", { from, to });
+}
+function reset() {
+  dragIndex.value = null;
+  dropIndex.value = null;
+}
+</script>

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

@@ -0,0 +1,53 @@
+declare const __VLS_export: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<{
+        /**
+         * The list to render. The component does not mutate it.
+         */
+        items: T[];
+        /**
+         * Property used as the stable `:key`. Falls back to the index.
+         */
+        keyField?: keyof T;
+        /**
+         * Render the list through the shared list transition so reordering, adding
+         * and removing items animate.
+         */
+        transition?: boolean;
+    } & {
+        onReorder?: ((payload: {
+            from: number;
+            to: number;
+        }) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        default?: (props: {
+            key: PropertyKey;
+            item: T;
+            index: number;
+            isDragging: boolean;
+            handleProps: {
+                draggable: boolean;
+                style: string;
+                onDragstart: (e: DragEvent) => void;
+                onDragend: () => void;
+            };
+        }) => any;
+    };
+    emit: (e: "reorder", payload: {
+        from: number;
+        to: number;
+    }) => void;
+}>) => import("vue").VNode & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

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

@@ -2,9 +2,17 @@ declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     id: string;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    minWidth?: number;
+    maxWidth?: number;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    done: () => any;
+}, string, import("vue").PublicProps, Readonly<{
     id: string;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    minWidth?: number;
+    maxWidth?: number;
+}> & Readonly<{
+    onDone?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -19,8 +19,11 @@
 import { ref, useBlokkli, computed, onBeforeUnmount } from "#imports";
 const { storage, ui } = useBlokkli();
 const props = defineProps({
-  id: { type: String, required: true }
+  id: { type: String, required: true },
+  minWidth: { type: Number, required: false },
+  maxWidth: { type: Number, required: false }
 });
+const emit = defineEmits(["done"]);
 const storageKey = computed(() => "resizable:width:" + props.id);
 const persistedWidth = storage.use(storageKey, 600);
 const width = ref(persistedWidth.value);
@@ -42,9 +45,9 @@ function onMouseMove(e) {
   width.value = Math.max(
     Math.min(
       startWidth.value + (startX.value - e.clientX),
-      window.innerWidth - 200
+      props.maxWidth ?? window.innerWidth - 200
     ),
-    350
+    props.minWidth ?? 350
   );
 }
 function onMouseUp(e) {
@@ -57,6 +60,7 @@ function onMouseUp(e) {
   window.removeEventListener("mousemove", onMouseMove);
   window.removeEventListener("mouseup", onMouseUp);
   persistedWidth.value = width.value;
+  emit("done");
 }
 function onMouseDown(e) {
   if (ui.isMobile.value || e.button !== 0) {
@@ -82,91 +86,92 @@ export default {
 };
 </script>
 
-<style>
+<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
 .bk-vars.bk-resizable {
-position: absolute;
-left: 0px;
-width: 100%;
-}
-  @media (min-width: 768px) {
-.bk-vars.bk-resizable {
-position: relative;
-width: auto;
+  position: absolute;
+  left: 0px;
+  width: 100%;
 }
+@media (width >= 48rem) {
+  .bk-vars.bk-resizable {
+    position: relative;
+    width: auto;
   }
-  .bk-vars.bk-resizable.bk-is-resizing {
-cursor: ew-resize;
 }
-  .bk-vars.bk-resizable.bk-is-resizing .bk-resizable-inner {
-pointer-events: none;
+.bk-vars.bk-resizable.bk-is-resizing {
+  cursor: ew-resize;
 }
-  .bk-vars.bk-resizable.bk-is-resizing .bk-resizable-handle {
-opacity: 1;
+.bk-vars.bk-resizable.bk-is-resizing .bk-resizable-inner {
+  pointer-events: none;
+}
+.bk-vars.bk-resizable.bk-is-resizing .bk-resizable-handle {
+  opacity: 100%;
 }
-
 .bk-vars .bk-resizable-handle {
-opacity: 0.5;
-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-transition-duration: 150ms;
+  opacity: 0%;
+  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --bk-tw-gradient-from, --bk-tw-gradient-via, --bk-tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
+  transition-timing-function: var(--bk-tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
+  transition-duration: var(--bk-tw-duration, var(--default-transition-duration, 150ms));
 }
-
-.bk-vars .bk-resizable-handle:hover {
-opacity: 1;
+@media (hover: hover) {
+  :is(.bk-vars .bk-resizable-handle):hover {
+    opacity: 100%;
+  }
 }
-
-.bk-vars .bk-resizable-handle:hover:before {
-background-color: rgb(var(--bk-theme-mono-400) / 0.4) !important;
+:is(.bk-vars .bk-resizable-handle):hover:before {
+  background-color: rgb(var(--bk-theme-mono-400) / 1) !important;
 }
-
-.bk-vars .bk-resizable-handle:before {
-      content: '';
-      position: absolute;
-      background-color: rgb(var(--bk-theme-mono-400) / 0.25);
-    }
-
-.bk-vars .bk-resizable-handle:after {
-      content: '';
-      pointer-events: none;
-      position: absolute;
-      --bk-tw-bg-opacity: 1;
-      background-color: rgb(var(--bk-theme-mono-100) / var(--bk-tw-bg-opacity, 1));
-    }
-
-.bk-vars .bk-resizable-handle.bk-is-vertical {
-display: none;
+@supports (color: color-mix(in lab, red, red)) {
+  :is(.bk-vars .bk-resizable-handle):hover:before {
+    background-color: color-mix(in oklab, rgb(var(--bk-theme-mono-400) / 1) 40%, transparent) !important;
+  }
+}
+:is(.bk-vars .bk-resizable-handle):before {
+  content: '';
+  position: absolute;
+  background-color: rgb(var(--bk-theme-mono-400) / 1);
+}
+@supports (color: color-mix(in lab, red, red)) {
+  :is(.bk-vars .bk-resizable-handle):before {
+    background-color: color-mix(in oklab, rgb(var(--bk-theme-mono-400) / 1) 25%, transparent);
+  }
+}
+:is(.bk-vars .bk-resizable-handle):after {
+  content: '';
+  pointer-events: none;
+  position: absolute;
+  background-color: rgb(var(--bk-theme-mono-100) / 1);
+}
+.bk-is-vertical:is(.bk-vars .bk-resizable-handle) {
+  display: none;
+}
+@media (width >= 48rem) {
+  .bk-is-vertical:is(.bk-vars .bk-resizable-handle) {
+    display: block;
+    position: absolute;
+    top: 0px;
+    left: calc(10px * -1);
+    z-index: calc(var(--bk-z-index-base) + 300000) /* "resizable" */;
+    height: 100%;
+    width: 20px;
+    cursor: ew-resize;
+  }
+  .bk-is-vertical:is(.bk-vars .bk-resizable-handle):before {
+    top: 0px;
+    left: 10px;
+    height: 100%;
+    width: 12px;
+  }
+  .bk-is-vertical:is(.bk-vars .bk-resizable-handle):after {
+    top: calc(1 / 2 * 100%);
+    left: 13px;
+    height: 100px;
+    width: 5px;
+    --bk-tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
+    translate: var(--bk-tw-translate-x) var(--bk-tw-translate-y);
+    border-inline-style: var(--bk-tw-border-style);
+    border-inline-width: 2px;
+    border-inline-color: rgb(var(--bk-theme-mono-400) / 1);
+  }
 }
-
-@media (min-width: 768px) {
-
-.bk-vars .bk-resizable-handle.bk-is-vertical {
-display: block;
-position: absolute;
-top: 0px;
-left: -10px;
-z-index: calc(var(--bk-z-index-base) + 300000) /* "resizable" */;
-height: 100%;
-width: 20px;
-cursor: ew-resize;
-}
-        .bk-vars .bk-resizable-handle.bk-is-vertical:before {
-top: 0px;
-left: 10px;
-height: 100%;
-width: 12px;
-}
-        .bk-vars .bk-resizable-handle.bk-is-vertical:after {
-top: 50%;
-left: 13px;
-height: 100px;
-width: 5px;
---bk-tw-translate-y: -50%;
-transform: translate(var(--bk-tw-translate-x), var(--bk-tw-translate-y)) rotate(var(--bk-tw-rotate)) skewX(var(--bk-tw-skew-x)) skewY(var(--bk-tw-skew-y)) scaleX(var(--bk-tw-scale-x)) scaleY(var(--bk-tw-scale-y));
-border-left-width: 2px;
-border-right-width: 2px;
---bk-tw-border-opacity: 1;
-border-left-color: rgb(var(--bk-theme-mono-400) / var(--bk-tw-border-opacity, 1));
-border-right-color: rgb(var(--bk-theme-mono-400) / var(--bk-tw-border-opacity, 1));
-}
-      }
 </style>

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

@@ -2,9 +2,17 @@ declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     id: string;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    minWidth?: number;
+    maxWidth?: number;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    done: () => any;
+}, string, import("vue").PublicProps, Readonly<{
     id: string;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    minWidth?: number;
+    maxWidth?: number;
+}> & Readonly<{
+    onDone?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?: (props: {}) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -0,0 +1,26 @@
+type __VLS_Props = {
+    id: string;
+    minWidthLeft?: number;
+    minWidthRight?: number;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_13: {};
+type __VLS_Slots = {} & {
+    toolbar?: (props: typeof __VLS_1) => any;
+} & {
+    left?: (props: typeof __VLS_3) => any;
+} & {
+    right?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "after-resize": () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onAfter-resize"?: (() => 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;
+    };
+};