@blokkli/editor 2.0.0-alpha.62 → 2.0.0-alpha.64

package/dist/runtime/editor/components/Form/Search/index.vue

@@ -146,7 +146,7 @@ import { loadFzf } from "#blokkli/editor/libraries/fzf";
 import { modulo } from "#blokkli/editor/helpers/math";
 const props = defineProps({
   id: { type: String, required: true },
-  label: { type: String, required: false },
+  label: { type: String, required: false, default: void 0 },
   description: { type: String, required: false, default: void 0 },
   required: { type: Boolean, required: false },
   disabled: { type: Boolean, required: false },
@@ -280,7 +280,7 @@ defineExpose({
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk .bk-form-search-result + .bk-form-search-result {
   border-top-style: var(--bk-tw-border-style);
   border-top-width: 1px;

package/dist/runtime/editor/components/Form/Search/index.vue.d.ts

@@ -69,6 +69,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     onClear?: (() => any) | undefined;
     "onUpdate:query"?: ((value: string) => any) | undefined;
 }>, {
+    label: string;
     description: string;
     icon: BlokkliIcon;
     mode: "fzf" | "async";

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

@@ -54,7 +54,7 @@ export default {
 };
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-form-overlay-footer {
   position: sticky;
   bottom: 0px;

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

@@ -38,7 +38,7 @@ export default {
 };
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-icon svg {
   fill: currentcolor;
 }

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

@@ -1,10 +1,23 @@
 <template>
   <Teleport to="#bk-canvas-overlay">
-    <div id="bk-indicators" class="bk bk-indicators" :style>
-      <div id="bk-indicators-left" />
+    <div
+      id="bk-indicators"
+      class="bk bk-indicators _bk_absolute _bk_top-0 _bk_left-0 _bk_pointer-events-none _bk_origin-top-left _bk_z-interaction-overlay"
+      :style
+    >
+      <div
+        id="bk-indicators-left"
+        class="_bk_absolute _bk_right-full _bk_top-0 _bk_whitespace-nowrap _bk_h-full"
+      />
       <div id="bk-indicators-right" />
-      <div class="bk-indicators-hovered" :style="hoveredStyle" />
-      <div class="bk-indicators-highlighted" :style="highlightedStyle" />
+      <div
+        class="bk-indicators-hovered _bk_absolute _bk_top-0 _bk_left-0 _bk_bg-red-normal/30 _bk_rounded _bk_border-3 _bk_border-red-normal"
+        :style="hoveredStyle"
+      />
+      <div
+        class="bk-indicators-highlighted _bk_absolute _bk_top-0 _bk_left-0 _bk_rounded _bk_border-3 _bk_border-accent-500 _bk_ring-4 _bk_ring-accent-300 _bk_outline _bk_outline-white"
+        :style="highlightedStyle"
+      />
     </div>
   </Teleport>
 </template>
@@ -54,10 +67,11 @@ const highlightedStyle = computed(() => {
   };
 });
 const HEIGHT = 30;
+const STICKY_RESERVED = 35;
 function snapToAnchorGrid(y) {
   return Math.ceil(y / HEIGHT) * HEIGHT;
 }
-const prevRects = /* @__PURE__ */ new Map();
+const prevTransforms = /* @__PURE__ */ new Map();
 let lastFullUpdate = 0;
 onBlokkliEvent("animationFrame", function(ctx) {
   if (!hasIndicators.value) {
@@ -66,6 +80,10 @@ onBlokkliEvent("animationFrame", function(ctx) {
   const items = indicators.indicators.value;
   const taken = /* @__PURE__ */ new Set();
   const forceRefresh = ctx.time - lastFullUpdate > 1e3;
+  const stickyX = Math.max(
+    0,
+    (ui.visibleViewport.value.x - ui.artboardOffset.value.x) / ui.artboardScale.value + STICKY_RESERVED
+  );
   for (let i = 0; i < items.length; i++) {
     const item = items[i];
     if (!item) {
@@ -73,7 +91,7 @@ onBlokkliEvent("animationFrame", function(ctx) {
     }
     const rect = dom.getBlockRect(item.uuid, forceRefresh);
     if (!rect) {
-      prevRects.delete(item.uuid);
+      prevTransforms.delete(item.uuid);
       continue;
     }
     let y = snapToAnchorGrid(Math.round(rect.y));
@@ -81,9 +99,10 @@ onBlokkliEvent("animationFrame", function(ctx) {
       y += HEIGHT;
     }
     taken.add(y);
-    const style2 = `translateY(${y}px)`;
-    if (prevRects.get(item.uuid) !== y) {
-      prevRects.set(item.uuid, y);
+    const x = item.sticky && item.position === "left" ? stickyX : 0;
+    const style2 = `translate(${x}px, ${y}px)`;
+    if (prevTransforms.get(item.uuid) !== style2) {
+      prevTransforms.set(item.uuid, style2);
       item.element.style.transform = style2;
     }
   }
@@ -92,10 +111,10 @@ onBlokkliEvent("animationFrame", function(ctx) {
   }
 });
 onBlokkliEvent("view-option:toggle", () => {
-  prevRects.clear();
+  prevTransforms.clear();
 });
 onBlokkliEvent("state:reloaded", () => {
-  prevRects.clear();
+  prevTransforms.clear();
 });
 function highlightElement(element) {
   if (artboardElement.contains(element)) {
@@ -125,97 +144,9 @@ onBlokkliEvent("window:clickAway", function() {
   highlighted.value = null;
 });
 watch(indicators.indicators, function() {
-  prevRects.clear();
+  prevTransforms.clear();
 });
 watch(selection.uuids, function() {
   highlighted.value = null;
 });
 </script>
-
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
-.bk.bk-indicators {
-  pointer-events: none;
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  z-index: calc(var(--bk-z-index-base) + 50000) /* "interaction-overlay" */;
-  transform-origin: 0 0;
-}
-.bk.bk-indicators #bk-indicators-left {
-  position: absolute;
-  top: 0px;
-  right: 100%;
-  height: 100%;
-  white-space: nowrap;
-}
-:is(.bk.bk-indicators #bk-indicators-left) .bk-indicator-item {
-  right: 0px;
-  padding-right: 10px;
-}
-.bk.bk-indicators .bk-indicator-item {
-  pointer-events: auto;
-  position: absolute;
-  top: 0px;
-  display: flex;
-  height: 30px;
-  cursor: pointer;
-  align-items: center;
-  color: rgb(var(--bk-theme-mono-500) / 1);
-}
-:is(.bk.bk-indicators .bk-indicator-item) .bk-icon {
-  width: 20px;
-  height: 20px;
-  border-radius: calc(infinity * 1px);
-  background-color: rgb(var(--bk-theme-red-normal) / 1);
-  padding: 2px;
-  color: white;
-}
-:is(:is(.bk.bk-indicators .bk-indicator-item) .bk-icon) svg {
-  fill: white;
-}
-:is(.bk.bk-indicators .bk-indicator-item):hover {
-  color: rgb(var(--bk-theme-mono-950) / 1);
-}
-:is(.bk.bk-indicators .bk-indicator-item):hover .bk-icon {
-  background-color: rgb(var(--bk-theme-red-dark) / 1);
-}
-.bk.bk-indicators .bk-indicator-item-inner {
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  font-size: var(--text-xs, 12px);
-  line-height: var(--bk-tw-leading, var(--text-xs--line-height, calc(1 / 0.75)));
-  --bk-tw-font-weight: var(--font-weight-medium, 500);
-  font-weight: var(--font-weight-medium, 500);
-}
-.bk.bk-indicators .bk-indicators-hovered {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  border-radius: 4px;
-  border-style: var(--bk-tw-border-style);
-  border-width: 3px;
-  border-color: rgb(var(--bk-theme-red-normal) / 1);
-  background-color: rgb(var(--bk-theme-red-normal) / 1);
-}
-@supports (color: color-mix(in lab, red, red)) {
-  .bk.bk-indicators .bk-indicators-hovered {
-    background-color: color-mix(in oklab, rgb(var(--bk-theme-red-normal) / 1) 30%, transparent);
-  }
-}
-.bk.bk-indicators .bk-indicators-highlighted {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  border-radius: 4px;
-  border-style: var(--bk-tw-border-style);
-  border-width: 3px;
-  border-color: rgb(var(--bk-theme-accent-500) / 1);
-  --bk-tw-ring-shadow: var(--bk-tw-ring-inset,) 0 0 0 calc(4px + var(--bk-tw-ring-offset-width)) var(--bk-tw-ring-color, currentcolor);
-  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);
-  --bk-tw-ring-color: rgb(var(--bk-theme-accent-300) / 1);
-  outline-style: var(--bk-tw-outline-style);
-  outline-width: 1px;
-  outline-color: white;
-}
-</style>

package/dist/runtime/editor/components/Konami/Game/index.vue

@@ -750,7 +750,7 @@ onBlokkliEvent("canvas:draw", (e) => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-konami {
   --bg: #859018;
   position: fixed;

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

@@ -43,7 +43,7 @@ export default {
 };
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 @keyframes bk-message-timer {
   from {
     transform: scaleX(1);

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

@@ -1,6 +1,7 @@
 import type { BlokkliIcon } from '#blokkli-build/icons';
 import type { ThemeColorName } from '../../../../global/types/theme.js';
 export type NestedEditorOverlayProps = {
+    id: string;
     url?: string;
     uuid: string;
     title: string;
@@ -10,9 +11,9 @@ export type NestedEditorOverlayProps = {
     element?: HTMLElement | null;
     autoSave?: boolean;
 };
-declare var __VLS_38: {};
+declare var __VLS_44: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_38) => any;
+    default?: (props: typeof __VLS_44) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<NestedEditorOverlayProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (...args: any[]) => void;

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

@@ -35,7 +35,7 @@
       @after-leave="onAfterLeave"
       @leave-cancelled="onAfterLeave"
     >
-      <div
+      <PopupHost
         v-show="isLoaded"
         class="bk bk-library-edit-overlay _bk_fixed _bk_top-40 _bk_3xl:top-50 _bk_left-0 _bk_w-screen _bk_bottom-0 _bk_flex _bk_flex-col _bk_pointer-events-auto _bk_z-nested-editor-overlay-iframe"
         :class="'bk-is-' + theme"
@@ -56,7 +56,7 @@
             </div>
           </slot>
         </div>
-      </div>
+      </PopupHost>
     </Transition>
   </Teleport>
 </template>
@@ -71,9 +71,10 @@ import {
   useBlokkli,
   useTemplateRef
 } from "#imports";
-import { Icon, NotEditStateInfo } from "#blokkli/editor/components";
+import { Icon, NotEditStateInfo, PopupHost } from "#blokkli/editor/components";
 import { onBroadcastEvent } from "#blokkli/editor/composables";
 const props = defineProps({
+  id: { type: String, required: true },
   url: { type: String, required: false },
   uuid: { type: String, required: true },
   title: { type: String, required: true },
@@ -317,7 +318,7 @@ onBroadcastEvent("closeEditor", onClosed);
 onBroadcastEvent("editorLoaded", onEditorLoaded);
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-use-animations .bk-library-edit-header-enter-active,.bk-use-animations .bk-library-edit-header-leave-active {
   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)));

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

@@ -1,6 +1,7 @@
 import type { BlokkliIcon } from '#blokkli-build/icons';
 import type { ThemeColorName } from '../../../../global/types/theme.js';
 export type NestedEditorOverlayProps = {
+    id: string;
     url?: string;
     uuid: string;
     title: string;
@@ -10,9 +11,9 @@ export type NestedEditorOverlayProps = {
     element?: HTMLElement | null;
     autoSave?: boolean;
 };
-declare var __VLS_38: {};
+declare var __VLS_44: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_38) => any;
+    default?: (props: typeof __VLS_44) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<NestedEditorOverlayProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (...args: any[]) => void;

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

@@ -74,7 +74,7 @@ function onDoubleClick() {
 }
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-overlay {
   pointer-events: auto;
   position: fixed;

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

@@ -18,7 +18,7 @@ defineProps({
 const page = defineModel({ type: Number, ...{ default: 0 } });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk .bk-pagination {
   display: flex;
   min-height: 60px;

package/dist/runtime/editor/components/Panel/Section/index.vue

@@ -74,7 +74,7 @@ defineOptions({
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-panel-section {
   container-type: inline-size;
 }

package/dist/runtime/editor/components/Panel/Tabs/index.d.vue.ts

@@ -15,7 +15,7 @@ declare const __VLS_export: <T extends string = string>(__VLS_props: NonNullable
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {};
-    emit: (evt: "update:modelValue", value: T) => void;
+    emit: (event: "update:modelValue", value: T) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/editor/components/Panel/Tabs/index.vue.d.ts

@@ -15,7 +15,7 @@ declare const __VLS_export: <T extends string = string>(__VLS_props: NonNullable
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {};
-    emit: (evt: "update:modelValue", value: T) => void;
+    emit: (event: "update:modelValue", value: T) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -63,7 +63,7 @@ defineExpose({
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk .bk-plugin-config-form {
   display: flex;
   flex-wrap: wrap;

package/dist/runtime/editor/components/PluginConfigFormInline/FilterSelect/index.vue

@@ -162,7 +162,7 @@ onBeforeUnmount(() => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk .bk-config-filter-select {
   position: relative;
   height: 100%;

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

@@ -53,7 +53,7 @@ defineProps({
 const emit = defineEmits(["update:modelValue"]);
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk .bk-plugin-config-form-inline {
   position: relative;
   z-index: 5000;

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

@@ -98,7 +98,7 @@ onBeforeUnmount(() => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-popup {
   position: relative;
   width: 100%;

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

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/PopupHost/index.vue

@@ -0,0 +1,12 @@
+<template>
+  <div ref="root">
+    <slot />
+  </div>
+</template>
+
+<script setup>
+import { provide, useTemplateRef } from "#imports";
+import { INJECT_POPUP_HOST } from "#blokkli/editor/helpers/injections";
+const root = useTemplateRef("root");
+provide(INJECT_POPUP_HOST, root);
+</script>

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

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/PreviewProvider.vue

@@ -47,10 +47,11 @@ const context = computed(() => {
     language: props.language
   };
 });
+const interfaceLanguage = computed(() => context.value.language);
 const adapter = await getAdapter(context);
 const router = useRouter();
 const broadcast = broadcastProvider();
-const definitions = definitionProvider(props.providerType);
+const definitions = definitionProvider(props.providerType, interfaceLanguage);
 let timeout = null;
 let lastChanged = 0;
 const mutatedFieldsMap = reactive({});
@@ -197,7 +198,7 @@ onBeforeUnmount(() => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-body-preview {
   overflow: hidden;
   overflow-y: auto;

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

@@ -10,7 +10,7 @@ import { ref, computed, onMounted, onBeforeUnmount, useBlokkli } from "#imports"
 const props = defineProps({
   timestamp: { type: [Number, String], required: true }
 });
-const { ui } = useBlokkli();
+const { ui, $t } = useBlokkli();
 const date = computed(() => {
   const dateArg = typeof props.timestamp === "number" ? props.timestamp * 1e3 : props.timestamp;
   const parsedDate = new Date(dateArg);
@@ -22,17 +22,11 @@ const formattedDate = computed(() => {
 function getRelativeTimeString(date2, lang = navigator.language) {
   const timeMs = typeof date2 === "number" ? date2 : date2.getTime();
   const deltaSeconds = Math.round((timeMs - Date.now()) / 1e3);
-  const cutoffs = [
-    60,
-    3600,
-    86400,
-    86400 * 7,
-    86400 * 30,
-    86400 * 365,
-    Infinity
-  ];
+  if (Math.abs(deltaSeconds) < 60) {
+    return $t("relativeTimeJustNow", "just now");
+  }
+  const cutoffs = [3600, 86400, 86400 * 7, 86400 * 30, 86400 * 365, Infinity];
   const units = [
-    "second",
     "minute",
     "hour",
     "day",
@@ -43,9 +37,9 @@ function getRelativeTimeString(date2, lang = navigator.language) {
   const unitIndex = cutoffs.findIndex(
     (cutoff) => cutoff > Math.abs(deltaSeconds)
   );
-  const divisor = unitIndex ? cutoffs[unitIndex - 1] : 1;
+  const divisor = unitIndex ? cutoffs[unitIndex - 1] : 60;
   const rtf = new Intl.RelativeTimeFormat(lang, { numeric: "auto" });
-  return rtf.format(Math.floor(deltaSeconds / divisor), units[unitIndex]);
+  return rtf.format(Math.trunc(deltaSeconds / divisor), units[unitIndex]);
 }
 const incrementToggle = ref(0);
 let interval = null;

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

@@ -86,7 +86,7 @@ export default {
 };
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-vars.bk-resizable {
   position: absolute;
   left: 0px;

package/dist/runtime/editor/components/RichText/Editor/index.vue

@@ -353,7 +353,7 @@ export default {
 };
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-richtext-panel-enter-active,
 .bk-richtext-panel-leave-active {
   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;

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

@@ -69,7 +69,7 @@ export default {
 };
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-vars.bk-scale-to-fit {
   position: relative;
 }

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

@@ -155,7 +155,7 @@ onBeforeUnmount(() => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk .bk-command-palette {
   pointer-events: auto;
   position: fixed;

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

@@ -23,7 +23,7 @@ defineProps({
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-sidebar-floater:before {
   content: '';
   position: absolute;

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

@@ -30,7 +30,7 @@ export default {
 };
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk .bk-status-icon {
   display: flex;
   width: 20px;

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

@@ -1,6 +1,6 @@
 <template>
   <span
-    class="_bk_size-[0.9em] _bk_inline-block _bk_rounded-full _bk_shrink-0 _bk_mr-[0.3em] _bk_align-middle"
+    class="_bk_size-[0.9em] _bk_inline-block _bk_rounded-full _bk_shrink-0 _bk_align-middle"
     :class="{
   '_bk_bg-red-normal': status === 'error',
   '_bk_bg-lime-normal': status === 'success',

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

@@ -84,7 +84,7 @@ function dismiss() {
 }
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk ul.bk-system-requirements {
   margin-bottom: 15px;
   display: grid;

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

@@ -18,7 +18,7 @@ declare const __VLS_export: <T extends string = string>(__VLS_props: NonNullable
     slots: {
         default?: (props: {}) => any;
     };
-    emit: (evt: "update:modelValue", value: T) => void;
+    emit: (event: "update:modelValue", value: T) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

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

@@ -18,7 +18,7 @@ declare const __VLS_export: <T extends string = string>(__VLS_props: NonNullable
     slots: {
         default?: (props: {}) => any;
     };
-    emit: (evt: "update:modelValue", value: T) => void;
+    emit: (event: "update:modelValue", value: T) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/runtime/editor/components/Toolbar/ViewOptions/List/Button/index.vue

@@ -36,7 +36,8 @@ const props = defineProps({
   icon: { type: null, required: true },
   keyCode: { type: String, required: false },
   tourText: { type: String, required: false },
-  weight: { type: Number, required: false }
+  weight: { type: Number, required: false },
+  default: { type: Boolean, required: false }
 });
 const { storage, eventBus, $t } = useBlokkli();
 const buttonEl = useTemplateRef("buttonEl");