@blokkli/editor 2.0.0-alpha.2 → 2.0.0-alpha.20

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/ScheduleDate/index.vue

@@ -0,0 +1,131 @@
+<template>
+  <div class="bk-schedule-date">
+    <div class="bk-schedule-date-picker">
+      <FormDatepicker
+        v-model="selectedDate"
+        :min="minDate"
+        :disabled="disabled"
+        :error="!!error"
+      />
+    </div>
+    <div v-if="selectedDate" class="bk-schedule-date-time">
+      <div v-if="formattedDateTime" class="bk-schedule-date-formatted">
+        {{ formattedDateTime }}
+      </div>
+      <div class="bk-schedule-date-time-input">
+        <input
+          id="schedule-time"
+          v-model="selectedTime"
+          type="time"
+          class="bk-form-input"
+          :disabled="disabled"
+          :class="{
+  'bk-is-invalid': error
+}"
+        />
+        <button
+          type="button"
+          class="bk-button bk-schedule-date-time-button bk-is-icon-only"
+          :disabled="disabled"
+          @click="decrementHour"
+        >
+          <Icon name="minus" />
+        </button>
+        <button
+          type="button"
+          class="bk-button bk-schedule-date-time-button bk-is-icon-only"
+          :disabled="disabled"
+          @click="incrementHour"
+        >
+          <Icon name="plus" />
+        </button>
+      </div>
+
+      <slot />
+      <div v-if="error" class="bk-schedule-date-error">
+        {{ error }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, watch, useBlokkli } from "#imports";
+import { FormDatepicker, Icon } from "#blokkli/components";
+const { ui } = useBlokkli();
+defineProps({
+  disabled: { type: Boolean, required: false },
+  error: { type: String, required: false }
+});
+const modelValue = defineModel({ type: String });
+const selectedDate = ref("");
+const selectedTime = ref("12:00");
+const formattedDateTime = computed(() => {
+  if (!selectedDate.value || !selectedTime.value) {
+    return "";
+  }
+  const dateTimeString = `${selectedDate.value}T${selectedTime.value}:00`;
+  const date = new Date(dateTimeString);
+  return ui.formatDate(date, {
+    weekday: "long",
+    year: "numeric",
+    month: "long",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit"
+  });
+});
+if (modelValue.value) {
+  const date = new Date(modelValue.value);
+  selectedDate.value = formatDate(date);
+  selectedTime.value = formatTime(date);
+}
+const minDate = computed(() => {
+  const today = /* @__PURE__ */ new Date();
+  return formatDate(today);
+});
+function formatDate(date) {
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  return `${year}-${month}-${day}`;
+}
+function formatTime(date) {
+  const hours = String(date.getHours()).padStart(2, "0");
+  const minutes = String(date.getMinutes()).padStart(2, "0");
+  return `${hours}:${minutes}`;
+}
+watch([selectedDate, selectedTime], () => {
+  if (!selectedDate.value) {
+    modelValue.value = void 0;
+    return;
+  }
+  const dateTimeString = `${selectedDate.value}T${selectedTime.value}:00`;
+  const date = new Date(dateTimeString);
+  modelValue.value = date.toISOString();
+});
+watch(modelValue, (newValue) => {
+  if (!newValue) {
+    selectedDate.value = "";
+    selectedTime.value = "12:00";
+    return;
+  }
+  const date = new Date(newValue);
+  const newDate = formatDate(date);
+  const newTime = formatTime(date);
+  if (newDate !== selectedDate.value || newTime !== selectedTime.value) {
+    selectedDate.value = newDate;
+    selectedTime.value = newTime;
+  }
+});
+function incrementHour() {
+  const [hours = 0, minutes = 0] = selectedTime.value.split(":").map(Number);
+  const newHours = minutes > 0 ? (hours + 1) % 24 : (hours + 1) % 24;
+  selectedTime.value = `${String(newHours).padStart(2, "0")}:00`;
+}
+function decrementHour() {
+  const [hours = 0, minutes = 0] = selectedTime.value.split(":").map(Number);
+  const newHours = minutes > 0 ? hours : hours === 0 ? 23 : hours - 1;
+  selectedTime.value = `${String(newHours).padStart(2, "0")}:00`;
+}
+</script>

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

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    disabled?: boolean;
+    error?: string;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: string;
+};
+declare var __VLS_13: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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/ShortcutIndicator/index.vue

@@ -2,7 +2,12 @@
   <kbd :title="label" class="bk-shortcut">
     <template v-if="meta"> <kbd>CTRL</kbd> + </template>
     <template v-if="shift"> <kbd>SHIFT</kbd> + </template>
-    <kbd>{{ keyLabel }}</kbd>
+    <kbd
+      :class="{
+  'bk-is-single': keyLabel.length === 1
+}"
+      >{{ keyLabel }}</kbd
+    >
   </kbd>
 </template>
 
@@ -19,7 +24,7 @@ const props = defineProps({
   label: { type: String, required: true }
 });
 const emit = defineEmits(["pressed"]);
-const { state } = useBlokkli();
+const { state, ui } = useBlokkli();
 const key = computed(
   () => [props.meta, props.shift, props.keyCode.toLowerCase()].join("-")
 );
@@ -49,12 +54,15 @@ if (!props.viewOnly) {
   });
 }
 onBlokkliEvent("keyPressed", (e) => {
+  if (ui.hasDialogOpen.value) {
+    return;
+  }
   const checkKey = [e.meta, e.shift, e.code.toLowerCase()].join("-");
   if (key.value !== checkKey) {
     return;
   }
   e.originalEvent.preventDefault();
-  if (state.isLoading.value) {
+  if (state.isLoading.value || ui.hasTransformOverlayOpen.value) {
     return;
   }
   emit("pressed");

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/SystemRequirements/index.vue

@@ -1,6 +1,6 @@
 <template>
   <Teleport v-if="showDialog" to="body">
-    <transition appear name="bk-slide-up">
+    <BlokkliTransition name="slide-up">
       <DialogModal
         :title="$t('systemRequirementsDialogTitle', 'System Requirements')"
         :width="700"
@@ -46,13 +46,13 @@
           }}
         </p>
       </DialogModal>
-    </transition>
+    </BlokkliTransition>
   </Teleport>
 </template>
 
 <script setup>
 import { useBlokkli, computed } from "#imports";
-import { DialogModal, Icon } from "#blokkli/components";
+import { DialogModal, Icon, BlokkliTransition } from "#blokkli/components";
 const { $t, storage, animation } = useBlokkli();
 const hasDismissed = storage.use("system_requirements_dismissed", false);
 const requirements = computed(() => {

package/dist/runtime/components/Edit/Toolbar/index.vue

@@ -13,7 +13,7 @@
       :class="{ 'bk-is-hidden': !sidebarVisible }"
     />
 
-    <Transition name="bk-toolbar">
+    <BlokkliTransition name="toolbar">
       <div v-show="showToolbar" class="bk bk-top">
         <div
           class="bk-toolbar bk-control"
@@ -48,13 +48,14 @@
           />
         </div>
       </div>
-    </Transition>
+    </BlokkliTransition>
   </Teleport>
 </template>
 
 <script setup>
 import onBlokkliEvent from "#blokkli/helpers/composables/onBlokkliEvent";
 import { onMounted, useBlokkli, onBeforeUnmount, computed } from "#imports";
+import { BlokkliTransition } from "#blokkli/components";
 const { ui, selection, storage } = useBlokkli();
 const showToolbar = computed(
   () => !ui.isMobile.value || !selection.isDragging.value && !selection.isMultiSelecting.value

package/dist/runtime/components/Edit/Transition/Height.vue

@@ -0,0 +1,95 @@
+<template>
+  <Transition :css="false" @enter="enterTransition" @leave="leaveTransition">
+    <slot />
+  </Transition>
+</template>
+
+<script setup>
+const props = defineProps({
+  duration: { type: Number, required: false, default: 200 },
+  opacity: { type: Boolean, required: false, default: false },
+  easingEnter: { type: String, required: false, default: "ease-in-out" },
+  easingLeave: { type: String, required: false, default: "ease-in-out" }
+});
+const getElementStyle = (element) => {
+  return {
+    height: element.style.height,
+    width: element.style.width,
+    position: element.style.position,
+    visibility: element.style.visibility,
+    overflow: element.style.overflow,
+    paddingTop: element.style.paddingTop,
+    paddingBottom: element.style.paddingBottom,
+    borderTopWidth: element.style.borderTopWidth,
+    borderBottomWidth: element.style.borderBottomWidth,
+    marginTop: element.style.marginTop,
+    marginBottom: element.style.marginBottom
+  };
+};
+const prepareElement = (element, initialStyle) => {
+  const { width } = getComputedStyle(element);
+  element.style.width = width;
+  element.style.position = "absolute";
+  element.style.visibility = "hidden";
+  element.style.height = "";
+  const { height } = getComputedStyle(element);
+  element.style.width = initialStyle.width;
+  element.style.position = initialStyle.position;
+  element.style.visibility = initialStyle.visibility;
+  element.style.height = "0px";
+  element.style.overflow = "hidden";
+  return initialStyle.height && initialStyle.height !== "0px" ? initialStyle.height : height;
+};
+const animateTransition = (element, initialStyle, done, keyframes, options) => {
+  const animation = element.animate(keyframes, options);
+  element.style.height = initialStyle.height;
+  animation.onfinish = () => {
+    element.style.overflow = initialStyle.overflow;
+    done();
+  };
+};
+const getEnterKeyframes = (height, initialStyle) => [
+  {
+    height: "0px",
+    opacity: props.opacity ? 0 : 1,
+    paddingTop: "0px",
+    paddingBottom: "0px",
+    borderTopWidth: "0px",
+    borderBottomWidth: "0px",
+    marginTop: "0px",
+    marginBottom: "0px"
+  },
+  {
+    height,
+    opacity: props.opacity ? 1 : 1,
+    paddingTop: initialStyle.paddingTop,
+    paddingBottom: initialStyle.paddingBottom,
+    borderTopWidth: initialStyle.borderTopWidth,
+    borderBottomWidth: initialStyle.borderBottomWidth,
+    marginTop: initialStyle.marginTop,
+    marginBottom: initialStyle.marginBottom
+  }
+];
+const enterTransition = (element, done) => {
+  if (!(element instanceof HTMLElement)) {
+    return done();
+  }
+  const initialStyle = getElementStyle(element);
+  const height = prepareElement(element, initialStyle);
+  const keyframes = getEnterKeyframes(height, initialStyle);
+  const options = { duration: props.duration, easing: props.easingEnter };
+  animateTransition(element, initialStyle, done, keyframes, options);
+};
+const leaveTransition = (element, done) => {
+  if (!(element instanceof HTMLElement)) {
+    return done();
+  }
+  const initialStyle = getElementStyle(element);
+  const { height } = getComputedStyle(element);
+  element.style.height = height;
+  element.style.overflow = "hidden";
+  const keyframes = getEnterKeyframes(height, initialStyle).reverse();
+  const options = { duration: props.duration, easing: props.easingLeave };
+  animateTransition(element, initialStyle, done, keyframes, options);
+};
+</script>

package/dist/runtime/components/Edit/Transition/Height.vue.d.ts

@@ -0,0 +1,36 @@
+type __VLS_Props = {
+    /**
+     * The duration of the transition.
+     */
+    duration?: number;
+    /**
+     * Whether to also transition the opacity.
+     * If set, the element is transitioned from 0 to 1 and vice versa.
+     */
+    opacity?: boolean;
+    /**
+     * The easing function when entering.
+     */
+    easingEnter?: string;
+    /**
+     * The easing function when leaving.
+     */
+    easingLeave?: string;
+};
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    opacity: boolean;
+    duration: number;
+    easingEnter: string;
+    easingLeave: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/Edit/Transition/index.vue

@@ -0,0 +1,41 @@
+<template>
+  <Transition :name :duration appear>
+    <slot />
+  </Transition>
+</template>
+
+<script setup>
+import { computed, useBlokkli } from "#imports";
+const props = defineProps({
+  name: { type: String, required: true },
+  enabled: { type: Boolean, required: false, default: true }
+});
+const { ui } = useBlokkli();
+const DURATION = {
+  "transform-overlay": 300,
+  fade: 200,
+  menu: 200,
+  toolbar: 200,
+  "context-menu": 200,
+  "drag-item": 200,
+  "slide-in": 300,
+  "slide-up": 300,
+  search: 300,
+  editable: 250,
+  "touch-bar": 200,
+  "command-palette": 100,
+  "caret-tooltip": 150
+};
+const name = computed(() => {
+  if (!ui.useAnimations.value || !props.enabled) {
+    return;
+  }
+  return "bk-" + props.name;
+});
+const duration = computed(() => {
+  if (!ui.useAnimations.value || !props.enabled) {
+    return;
+  }
+  return DURATION[props.name];
+});
+</script>

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

@@ -0,0 +1,19 @@
+type TransitionName = 'transform-overlay' | 'fade' | 'touch-bar' | 'drag-item' | 'editable' | 'menu' | 'loading' | 'toolbar' | 'slide-in' | 'slide-up' | 'search' | 'context-menu' | 'command-palette' | 'caret-tooltip';
+type __VLS_Props = {
+    name: TransitionName;
+    enabled?: boolean;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    enabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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/dist/runtime/components/Edit/index.d.ts

@@ -1,21 +1,34 @@
+import AddListItem from './AddListItem/index.vue.js';
+import AddListItemIcon from './AddListItemIcon/index.vue.js';
+import ArtboardTooltip from './ArtboardTooltip/index.vue.js';
+import BlokkliTransition from './Transition/index.vue.js';
+import TransitionHeight from './Transition/Height.vue.js';
+import ConfigForm from './PluginConfigForm/index.vue.js';
+import DialogModal from './Dialog/index.vue.js';
+import DiffViewerState from './DiffViewer/State.vue.js';
+import FormDatepicker from './Form/Datepicker/index.vue.js';
+import FormGroup from './Form/Group/index.vue.js';
+import FormItem from './Form/Item/index.vue.js';
+import FormOverlay from './FormOverlay/index.vue.js';
+import FormRadio from './Form/Radio/index.vue.js';
+import FormRadioTabs from './Form/RadioTabs/index.vue.js';
+import FormSelect from './Form/Select/index.vue.js';
+import FormText from './Form/Text/index.vue.js';
+import FormTextarea from './Form/Textarea/index.vue.js';
+import FormToggle from './Form/Toggle/index.vue.js';
+import Highlight from './Highlight/index.vue.js';
+import Icon from './Icon/index.vue.js';
+import InfoBox from './InfoBox/index.vue.js';
 import ItemIcon from './ItemIcon/index.vue.js';
-import ShortcutIndicator from './ShortcutIndicator/index.vue.js';
+import Loading from './Loading/index.vue.js';
+import Pagination from './Pagination/index.vue.js';
 import RelativeTime from './RelativeTime/index.vue.js';
 import Resizable from './Resizable/index.vue.js';
-import Icon from './Icon/index.vue.js';
-import DialogModal from './Dialog/index.vue.js';
 import ScaleToFit from './ScaleToFit/index.vue.js';
+import ScrollBoundary from './ScrollBoundary/index.vue.js';
+import ShortcutIndicator from './ShortcutIndicator/index.vue.js';
 import Sortli from './Sortli/index.vue.js';
-import FormOverlay from './FormOverlay/index.vue.js';
-import AddListItem from './AddListItem/index.vue.js';
-import Loading from './Loading/index.vue.js';
-import Highlight from './Highlight/index.vue.js';
+import Banner from './Banner/index.vue.js';
+import ScheduleDate from './ScheduleDate/index.vue.js';
 import ViewportBlockingRect from './ViewportBlockingRect/index.vue.js';
-import ScrollBoundary from './ScrollBoundary/index.vue.js';
-import InfoBox from './InfoBox/index.vue.js';
-import Pagination from './Pagination/index.vue.js';
-import FormToggle from './Form/Toggle/index.vue.js';
-import FormTextarea from './Form/Textarea/index.vue.js';
-import FormItem from './Form/Item/index.vue.js';
-import FormGroup from './Form/Group/index.vue.js';
-export { ItemIcon, ShortcutIndicator, RelativeTime, Icon, Resizable, DialogModal, ScaleToFit, Sortli, FormOverlay, AddListItem, Loading, Highlight, ViewportBlockingRect, ScrollBoundary, InfoBox, Pagination, FormToggle, FormTextarea, FormItem, FormGroup, };
+export { AddListItem, AddListItemIcon, ArtboardTooltip, BlokkliTransition, ConfigForm, DialogModal, DiffViewerState, FormDatepicker, FormGroup, FormItem, FormOverlay, FormRadio, FormRadioTabs, FormSelect, FormText, FormTextarea, FormToggle, Highlight, Icon, InfoBox, ItemIcon, Loading, Pagination, RelativeTime, Resizable, ScaleToFit, ScrollBoundary, ShortcutIndicator, Sortli, ViewportBlockingRect, Banner, ScheduleDate, TransitionHeight, };

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

@@ -1,42 +1,68 @@
+import AddListItem from "./AddListItem/index.vue";
+import AddListItemIcon from "./AddListItemIcon/index.vue";
+import ArtboardTooltip from "./ArtboardTooltip/index.vue";
+import BlokkliTransition from "./Transition/index.vue";
+import TransitionHeight from "./Transition/Height.vue";
+import ConfigForm from "./PluginConfigForm/index.vue";
+import DialogModal from "./Dialog/index.vue";
+import DiffViewerState from "./DiffViewer/State.vue";
+import FormDatepicker from "./Form/Datepicker/index.vue";
+import FormGroup from "./Form/Group/index.vue";
+import FormItem from "./Form/Item/index.vue";
+import FormOverlay from "./FormOverlay/index.vue";
+import FormRadio from "./Form/Radio/index.vue";
+import FormRadioTabs from "./Form/RadioTabs/index.vue";
+import FormSelect from "./Form/Select/index.vue";
+import FormText from "./Form/Text/index.vue";
+import FormTextarea from "./Form/Textarea/index.vue";
+import FormToggle from "./Form/Toggle/index.vue";
+import Highlight from "./Highlight/index.vue";
+import Icon from "./Icon/index.vue";
+import InfoBox from "./InfoBox/index.vue";
 import ItemIcon from "./ItemIcon/index.vue";
-import ShortcutIndicator from "./ShortcutIndicator/index.vue";
+import Loading from "./Loading/index.vue";
+import Pagination from "./Pagination/index.vue";
 import RelativeTime from "./RelativeTime/index.vue";
 import Resizable from "./Resizable/index.vue";
-import Icon from "./Icon/index.vue";
-import DialogModal from "./Dialog/index.vue";
 import ScaleToFit from "./ScaleToFit/index.vue";
+import ScrollBoundary from "./ScrollBoundary/index.vue";
+import ShortcutIndicator from "./ShortcutIndicator/index.vue";
 import Sortli from "./Sortli/index.vue";
-import FormOverlay from "./FormOverlay/index.vue";
-import AddListItem from "./AddListItem/index.vue";
-import Loading from "./Loading/index.vue";
-import Highlight from "./Highlight/index.vue";
+import Banner from "./Banner/index.vue";
+import ScheduleDate from "./ScheduleDate/index.vue";
 import ViewportBlockingRect from "./ViewportBlockingRect/index.vue";
-import ScrollBoundary from "./ScrollBoundary/index.vue";
-import InfoBox from "./InfoBox/index.vue";
-import Pagination from "./Pagination/index.vue";
-import FormToggle from "./Form/Toggle/index.vue";
-import FormTextarea from "./Form/Textarea/index.vue";
-import FormItem from "./Form/Item/index.vue";
-import FormGroup from "./Form/Group/index.vue";
 export {
+  AddListItem,
+  AddListItemIcon,
+  ArtboardTooltip,
+  BlokkliTransition,
+  ConfigForm,
+  DialogModal,
+  DiffViewerState,
+  FormDatepicker,
+  FormGroup,
+  FormItem,
+  FormOverlay,
+  FormRadio,
+  FormRadioTabs,
+  FormSelect,
+  FormText,
+  FormTextarea,
+  FormToggle,
+  Highlight,
+  Icon,
+  InfoBox,
   ItemIcon,
-  ShortcutIndicator,
+  Loading,
+  Pagination,
   RelativeTime,
-  Icon,
   Resizable,
-  DialogModal,
   ScaleToFit,
+  ScrollBoundary,
+  ShortcutIndicator,
   Sortli,
-  FormOverlay,
-  AddListItem,
-  Loading,
-  Highlight,
   ViewportBlockingRect,
-  ScrollBoundary,
-  InfoBox,
-  Pagination,
-  FormToggle,
-  FormTextarea,
-  FormItem,
-  FormGroup
+  Banner,
+  ScheduleDate,
+  TransitionHeight
 };