@blokkli/editor 2.0.0-alpha.63 → 2.0.0-alpha.65

package/dist/modules/charts/index.d.mts

@@ -1,4 +1,4 @@
-import { B as BlokkliModule } from '../../shared/editor.D28NbXr3.mjs';
+import { B as BlokkliModule } from '../../shared/editor.S5sA3rij.mjs';
 import 'nuxt/schema';
 import 'consola';
 import '../../../dist/global/types/definitions.js';
@@ -14,6 +14,19 @@ type ChartsModuleOptions = {
      * @todo not yet implemented
      */
     chartRenderComponent?: string;
+    /**
+     * Number format settings for the chart editor.
+     */
+    numberFormat?: {
+        /**
+         * Override the locales offered in the number-format editor.
+         *
+         * Provide an array of BCP-47 locale ids (e.g. `['de-CH', 'en-US']`) to
+         * restrict the selectable locales. When omitted, blökkli ships a default
+         * set. The label for each locale is derived automatically from its id.
+         */
+        locales?: string[];
+    };
 };
 
 declare const _default: (options?: ChartsModuleOptions | undefined) => BlokkliModule<ChartsModuleOptions>;

package/dist/modules/charts/index.mjs

@@ -3,7 +3,7 @@ import { defineBlokkliModule } from '../index.mjs';
 import { fileURLToPath } from 'node:url';
 import * as path from 'node:path';
 import * as fs from 'node:fs';
-import { C as Collector, a as CollectedFile, e as extractFirstStringArg } from '../../shared/editor.Gu7mgJ5Q.mjs';
+import { C as Collector, a as CollectedFile, b as extractFirstStringArg } from '../../shared/editor.BGemL1Oh.mjs';
 import { d as defineCodeTemplate } from '../../shared/editor.6D5vApr0.mjs';
 import 'typescript';
 import 'oxc-walker';
@@ -223,6 +223,31 @@ export const chartTypeIllustrations: Partial<Record<ChartTypeId, Component>>
   );
 }
 
+const DEFAULT_NUMBER_FORMAT_LOCALES = [
+  "de-CH",
+  "fr-CH",
+  "it-CH",
+  "de-DE",
+  "en-US",
+  "en-GB",
+  "fr-FR"
+];
+function createConfigTemplate(options) {
+  const numberFormatLocales = options?.numberFormat?.locales ?? DEFAULT_NUMBER_FORMAT_LOCALES;
+  return defineCodeTemplate(
+    "charts-config",
+    () => `export const chartsConfig = {
+  numberFormatLocales: ${JSON.stringify(numberFormatLocales)},
+}
+`,
+    () => `export const chartsConfig: {
+  numberFormatLocales: string[]
+}
+`,
+    { write: true }
+  );
+}
+
 const resolve = createResolver(
   fileURLToPath(new URL("./", import.meta.url))
 ).resolve;
@@ -231,7 +256,16 @@ const index = defineBlokkliModule({
     options.blokkliDirs ??= [];
     options.blokkliDirs.push(resolve("./runtime/blokkli"));
   },
-  setup({ context, helper, $t }) {
+  setup({ context, helper, $t }, options) {
+    helper.addPackageDependency(
+      "echarts/core",
+      "echarts/renderers",
+      "echarts/charts",
+      "echarts/components",
+      "vue-echarts",
+      "json5",
+      "zod"
+    );
     helper.addAlias("#blokkli/charts/types", resolve("./runtime/types"));
     helper.addAlias(
       "#blokkli/charts/definition",
@@ -261,6 +295,7 @@ const index = defineBlokkliModule({
     context.addTemplate(createDefinitionsTemplate(chartTypes));
     context.addTemplate(createComponentsTemplate(chartTypes));
     context.addTemplate(createIllustrationsTemplate(chartTypes));
+    context.addTemplate(createConfigTemplate(options));
     helper.addAppTsInclude(projectChartsDir);
     for (const dir of moduleBlokkliDirs) {
       helper.addAppTsInclude(path.join(dir, "chart-types"));

package/dist/modules/charts/runtime/features/charts/Editor/AdvancedConfigPanel/index.vue

@@ -121,7 +121,7 @@ function openExamples() {
 }
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-advanced-config-error {
   border-radius: 4px;
   border-style: var(--bk-tw-border-style);

package/dist/modules/charts/runtime/features/charts/Editor/ChartTypeOptions/Field.vue

@@ -1,16 +1,16 @@
 <template>
   <FormToggle
     v-if="option.type === 'checkbox'"
-    :label="option.label"
-    :description="option.description"
+    :label
+    :description
     :model-value="!!(value ?? option.default)"
     @update:model-value="$emit('update', $event)"
   />
   <FormRadio
     v-else-if="option.type === 'radios'"
     :id="`chart-option-${optionKey}`"
-    :label="option.label"
-    :description="option.description"
+    :label
+    :description
     inline
     :options="radioOptions"
     :model-value="String(value ?? option.default ?? '')"
@@ -19,8 +19,8 @@
   <FormNumber
     v-else-if="option.type === 'number'"
     :id="`chart-option-${optionKey}`"
-    :label="option.label"
-    :description="option.description"
+    :label
+    :description
     :min="numberMin"
     :max="numberMax"
     :nullable="option.nullable"
@@ -31,8 +31,8 @@
   <FormText
     v-else-if="option.type === 'text'"
     :id="`chart-option-${optionKey}`"
-    :label="option.label"
-    :description="option.description"
+    :label
+    :description
     :model-value="String(value ?? option.default ?? '')"
     lazy
     @update:model-value="$emit('update', $event ?? '')"
@@ -40,7 +40,7 @@
 </template>
 
 <script setup>
-import { computed } from "#imports";
+import { computed, useBlokkli } from "#imports";
 import {
   FormToggle,
   FormRadio,
@@ -53,6 +53,16 @@ const props = defineProps({
   value: { type: null, required: true }
 });
 defineEmits(["update"]);
+const { definitions } = useBlokkli();
+const label = computed(() => {
+  return definitions.resolveDefinitionString(props.option.label);
+});
+const description = computed(() => {
+  if (props.option.description) {
+    return definitions.resolveDefinitionString(props.option.description);
+  }
+  return void 0;
+});
 const radioOptions = computed(() => {
   if (props.option.type !== "radios") {
     return [];

package/dist/modules/charts/runtime/features/charts/Editor/CsvImport/OutputPreviewTable/index.vue

@@ -102,7 +102,7 @@ function onDragEnd() {
 }
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-csv-preview-table th,.bk-csv-preview-table td {
   border-right-style: var(--bk-tw-border-style);
   border-right-width: 1px;

package/dist/modules/charts/runtime/features/charts/Editor/DataTable/index.vue

@@ -10,11 +10,15 @@
         <th />
         <th v-for="(s, si) in series" :key="si">
           <div class="bk-chart-data-table-series-header">
-            <ColorDropdown
+            <span
               v-if="hasSeriesColors"
-              :color-id="s.color"
-              @select="updateSeriesColor(si, $event)"
-            />
+              class="_bk_contents"
+            >
+              <ColorDropdown
+                :color-id="s.color"
+                @select="updateSeriesColor(si, $event)"
+              />
+            </span>
             <input
               type="text"
               :value="s.name"
@@ -52,11 +56,15 @@
       <tr v-for="(cat, ci) in categories" :key="ci">
         <td>
           <div class="bk-chart-data-table-category-cell">
-            <ColorDropdown
+            <span
               v-if="hasCategoryColors"
-              :color-id="categoryColors[ci] || ''"
-              @select="updateCategoryColor(ci, $event)"
-            />
+              class="_bk_contents"
+            >
+              <ColorDropdown
+                :color-id="categoryColors[ci] || ''"
+                @select="updateCategoryColor(ci, $event)"
+              />
+            </span>
             <input
               type="text"
               class="bk-chart-data-table-input _bk_font-semibold"

package/dist/modules/charts/runtime/features/charts/Editor/NumberFormatEditor/index.vue

@@ -69,6 +69,7 @@ import { computed, useBlokkli } from "#imports";
 import { createNumberFormatter } from "../../../../helpers/numberFormat";
 import { FormSelect, FormText, FormRadio } from "#blokkli/editor/components";
 import PanelSection from "#blokkli/editor/components/Panel/Section/index.vue";
+import { chartsConfig } from "#blokkli-build/charts-config";
 const { $t } = useBlokkli();
 const props = defineProps({
   format: { type: Object, required: true }
@@ -83,15 +84,30 @@ function update(key, value) {
   }
   emit("update:format", next);
 }
+function deriveLocaleLabel(id) {
+  let name = id;
+  try {
+    name = new Intl.DisplayNames([id], {
+      type: "language",
+      languageDisplay: "standard"
+    }).of(id) ?? id;
+  } catch {
+  }
+  try {
+    const example = new Intl.NumberFormat(id, {
+      minimumFractionDigits: 2
+    }).format(1234.5);
+    return `${name} \u2014 ${example}`;
+  } catch {
+    return name;
+  }
+}
 const localeOptions = computed(() => [
   { value: "", label: $t("chartsNumberFormatLocaleAuto", "Auto (browser)") },
-  { value: "de-CH", label: "Deutsch (Schweiz) \u2014 1\u2019234.50" },
-  { value: "fr-CH", label: "Fran\xE7ais (Suisse) \u2014 1 234,50" },
-  { value: "it-CH", label: "Italiano (Svizzera) \u2014 1\u2019234,50" },
-  { value: "de-DE", label: "Deutsch (Deutschland) \u2014 1.234,50" },
-  { value: "en-US", label: "English (US) \u2014 1,234.50" },
-  { value: "en-GB", label: "English (UK) \u2014 1,234.50" },
-  { value: "fr-FR", label: "Fran\xE7ais (France) \u2014 1 234,50" }
+  ...chartsConfig.numberFormatLocales.map((id) => ({
+    value: id,
+    label: deriveLocaleLabel(id)
+  }))
 ]);
 const decimalsOptions = computed(() => [
   { value: "", label: $t("auto", "Auto") },

package/dist/modules/charts/runtime/features/charts/Editor/index.vue

@@ -239,9 +239,11 @@ import "#blokkli/charts/adapter";
 import {
   categoriesAreDates,
   categoriesAreNumeric,
+  getColorIdAtIndex,
   getDefaultChartData,
   getFirstColorId
 } from "../../../helpers";
+import { isColorIdValid } from "#blokkli/helpers/colors";
 import { getChartType, getDefaultTypeOptions } from "../../../chart-types";
 import { useChartEditorState } from "./useChartEditorState";
 import { useChartDataSourcePreview } from "./useChartDataSourcePreview";
@@ -283,24 +285,21 @@ function getCurrentData() {
     const hasSeries = Array.isArray(parsed?.series) && parsed.series.length > 0;
     if (parsed && (isAdvanced2 || hasSeries)) {
       if (!isAdvanced2) {
-        const validIds = new Set(colorOptions.map((c) => c.id));
         const fallbackId = getFirstColorId(colorOptions);
         for (const series of parsed.series) {
-          if (!validIds.has(series.color)) {
+          if (!isColorIdValid(series.color, colorOptions)) {
             series.color = fallbackId;
           }
         }
         if (Array.isArray(parsed.categoryColors)) {
           for (let i = 0; i < parsed.categoryColors.length; i++) {
-            if (!validIds.has(parsed.categoryColors[i])) {
+            if (!isColorIdValid(parsed.categoryColors[i], colorOptions)) {
               parsed.categoryColors[i] = fallbackId;
             }
           }
         } else {
           parsed.categoryColors = parsed.categories.map(
-            (_, i) => {
-              return colorOptions[i % colorOptions.length]?.id || fallbackId;
-            }
+            (_, i) => getColorIdAtIndex(i, colorOptions)
           );
         }
       } else {

package/dist/modules/drupal/graphql/base/fragment.paragraphsBlokkliEditState.graphql

@@ -4,6 +4,11 @@ fragment paragraphsBlokkliEditState on ParagraphsBlokkliEditState {
   }
 
   currentIndex
+  changedRawField {
+    first {
+      value
+    }
+  }
   currentUserIsOwner
   ownerName
   user: uid {

package/dist/modules/drupal/index.d.mts

@@ -1,4 +1,4 @@
-import { B as BlokkliModule } from '../../shared/editor.D28NbXr3.mjs';
+import { B as BlokkliModule } from '../../shared/editor.S5sA3rij.mjs';
 import 'nuxt/schema';
 import 'consola';
 import '../../../dist/global/types/definitions.js';

package/dist/modules/drupal/runtime/adapter/index.js

@@ -216,6 +216,8 @@ export default defineBlokkliEditAdapter(
       const mutations = (state?.mutations || []).filter(falsy);
       const currentUserIsOwner = !!state?.currentUserIsOwner;
       const ownerName = state?.ownerName || "";
+      const lastChangedRaw = state?.changedRawField?.first?.value;
+      const lastChanged = lastChangedRaw ? parseInt(lastChangedRaw) : void 0;
       const fields = state?.mutatedState?.fields || [];
       const violations = state.mutatedState?.violations || [];
       const entity = state.entity;
@@ -255,6 +257,7 @@ export default defineBlokkliEditAdapter(
         mutations,
         currentUserIsOwner,
         ownerName,
+        lastChanged,
         ownerId: state.user?.id,
         mutatedState: {
           fields,

package/dist/modules/iframes/index.d.mts

@@ -1,4 +1,4 @@
-import { B as BlokkliModule } from '../../shared/editor.D28NbXr3.mjs';
+import { B as BlokkliModule } from '../../shared/editor.S5sA3rij.mjs';
 import 'nuxt/schema';
 import 'consola';
 import '../../../dist/global/types/definitions.js';

package/dist/modules/index.d.mts

@@ -1,4 +1,4 @@
-export { b as Blokkli, B as BlokkliModule, d as defineBlokkliModule } from '../shared/editor.D28NbXr3.mjs';
+export { b as Blokkli, B as BlokkliModule, d as defineBlokkliModule } from '../shared/editor.S5sA3rij.mjs';
 import 'nuxt/schema';
 import 'consola';
 import '../../dist/global/types/definitions.js';

package/dist/modules/readability/index.d.mts

@@ -1,4 +1,4 @@
-import { B as BlokkliModule } from '../../shared/editor.D28NbXr3.mjs';
+import { B as BlokkliModule } from '../../shared/editor.S5sA3rij.mjs';
 import 'nuxt/schema';
 import 'consola';
 import '../../../dist/global/types/definitions.js';

package/dist/modules/readability/index.mjs

@@ -6,7 +6,8 @@ const resolve = createResolver(
   fileURLToPath(new URL("./", import.meta.url))
 ).resolve;
 const index = defineBlokkliModule({
-  setup({ context }) {
+  setup({ context, helper }) {
+    helper.addPackageDependency("syllable");
     context.registerAdapterExtension(
       "@blokkli/readability",
       resolve("./runtime/adapter-extension")

package/dist/modules/table-of-contents/index.d.mts

@@ -1,4 +1,4 @@
-import { B as BlokkliModule } from '../../shared/editor.D28NbXr3.mjs';
+import { B as BlokkliModule } from '../../shared/editor.S5sA3rij.mjs';
 import 'nuxt/schema';
 import 'consola';
 import '../../../dist/global/types/definitions.js';

package/dist/runtime/components/Blocks/NotImplemented/index.vue

@@ -23,7 +23,7 @@ const text = computed(() => {
 useBlockRegistration(dom, props.uuid);
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-block-not-implemented {
   background-color: rgb(var(--bk-theme-red-light) / 1);
   padding-block: 15px;

package/dist/runtime/editor/components/Actions/Title/index.vue

@@ -50,7 +50,7 @@
         />
         <div
           v-if="itemBundle?.id === fromLibraryBlockBundle"
-          class="_bk_absolute _bk_z-50 _bk_-top-[7px] _bk_-right-[7px] _bk_bg-lime-dark _bk_size-20 _bk_flex _bk_items-center _bk_justify-center _bk_rounded-full _bk_border _bk_border-lime-normal _bk_shadow-lg"
+          class="_bk_absolute _bk_z-50 _bk_top-[-7px] _bk_right-[-7px] _bk_bg-lime-dark _bk_size-20 _bk_flex _bk_items-center _bk_justify-center _bk_rounded-full _bk_border _bk_border-lime-normal _bk_shadow-lg"
         >
           <Icon name="reusable" class="_bk_size-[12px] _bk_fill-lime-light" />
         </div>

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

@@ -111,7 +111,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-blokkli-item-actions-inner {
   backface-visibility: hidden;
   bottom: var(--bk-root-offset-bottom);

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

@@ -25,6 +25,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onClose?: (() => any) | undefined;
 }>, {
     anchorEl: HTMLElement | null;
+    buttonLabel: string;
     anchorCoordinates: Coord | null;
     placementY: PlacementVertical;
     placementX: PlacementHorizontal;

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

@@ -46,7 +46,7 @@ const props = defineProps({
   id: { type: String, required: true },
   title: { type: String, required: true },
   anchorEl: { type: null, required: false, default: null },
-  buttonLabel: { type: String, required: false },
+  buttonLabel: { type: String, required: false, default: void 0 },
   anchorCoordinates: { type: [Object, null], required: false, default: null },
   placementY: { type: String, required: false, default: "auto" },
   placementX: { type: String, required: false, default: "center" },
@@ -104,7 +104,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-artboard-tooltip {
   --bk-gap: 15px;
   --bk-caret-size: 10px;

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

@@ -25,6 +25,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onClose?: (() => any) | undefined;
 }>, {
     anchorEl: HTMLElement | null;
+    buttonLabel: string;
     anchorCoordinates: Coord | null;
     placementY: PlacementVertical;
     placementX: PlacementHorizontal;

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

@@ -98,7 +98,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-avatar-image:before {
   content: '';
   position: absolute;

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

@@ -88,7 +88,7 @@ provide(INJECT_PROVIDER_BLOCKS, blocks);
 provide(INJECT_FIELD_LIST_TYPE, fieldListType);
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-vars.bk-block-preview-item {
   display: flex;
   height: 100%;

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

@@ -32,7 +32,7 @@ function onBackgroundColor(color) {
 }
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-vars.bk-block-preview-renderer {
   min-height: 200px;
   overflow: hidden;

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

@@ -87,7 +87,7 @@ const fieldLayout = computed(() => {
 useBlockRegistration(dom, props.uuid);
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-vars.bk-block-proxy {
   flex: 1;
   color: rgb(var(--bk-theme-mono-900) / 1);

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

@@ -101,7 +101,7 @@ function downloadLogs() {
 }
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-fatal-error-overlay {
   position: fixed;
   top: 0px;

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

@@ -273,7 +273,7 @@ onMounted(() => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | 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);

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

@@ -36,7 +36,7 @@
             class="_bk_rounded-full _bk_block _bk_relative _bk_outline-2 _bk_outline-offset-2 _bk_outline-transparent _bk_size-30"
             :class="[
   item.isMain && [
-    '_bk_before:content-empty _bk_before:absolute _bk_before:size-8 _bk_before:rounded-full _bk_before:left-1/2 _bk_before:top-1/2 _bk_before:-translate-x-1/2 _bk_before:-translate-y-1/2',
+    '_bk_before:bk-content-empty _bk_before:absolute _bk_before:size-8 _bk_before:rounded-full _bk_before:left-1/2 _bk_before:top-1/2 _bk_before:-translate-x-1/2 _bk_before:-translate-y-1/2',
     item.isLightBg ? '_bk_before:bg-black' : '_bk_before:bg-white'
   ],
   isSelected(item.colorId) ? '_bk_outline-mono-900!' : '_bk_group-hover:outline-mono-300'

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

@@ -151,7 +151,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-dialog {
   pointer-events: none;
   position: fixed;

package/dist/runtime/editor/components/DiffApproval/Toolbar/index.vue

@@ -172,7 +172,7 @@ function onReasonInput(event) {
 }
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-diff-approval-toolbar-hint {
   grid-area: mode;
 }

package/dist/runtime/editor/components/DiffApproval/types.js

@@ -3,9 +3,7 @@ export function unitsFromItems(items) {
   const units = [];
   for (const item of items) {
     if (item.segments) {
-      const atoms = flattenSegments(item.segments).filter(
-        (s) => s.status !== "matched" || s.beforeHtml !== s.afterHtml
-      );
+      const atoms = flattenSegments(item.segments).filter((s) => s.changed);
       for (const segment of atoms) {
         units.push({
           kind: "segment",

package/dist/runtime/editor/components/DiffViewer/State.vue

@@ -248,7 +248,7 @@ function scrollToBlock(uuid) {
 }
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk.bk-diff-sidebar-pane {
   position: absolute;
   top: 0px;

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

@@ -148,7 +148,7 @@ if (import.meta.hot) {
 }
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk-vars.bk-draggable-list-container .bk-list-item {
   border-radius: 0 !important;
   background-color: white;

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

@@ -18,6 +18,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     disabled: boolean;
     position: DropdownPosition;
+    buttonClass: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -49,7 +49,7 @@ import { INJECT_POPUP_HOST } from "#blokkli/editor/helpers/injections";
 const props = defineProps({
   position: { type: String, required: false, default: "bottom-left" },
   disabled: { type: Boolean, required: false, default: false },
-  buttonClass: { type: String, required: false }
+  buttonClass: { type: String, required: false, default: void 0 }
 });
 const popupHostRef = inject(INJECT_POPUP_HOST, null);
 const teleport = computed(() => popupHostRef?.value ?? null);
@@ -169,7 +169,7 @@ onBeforeUnmount(() => {
 defineExpose({ close });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk .bk-dropdown-menu-trigger {
   appearance: none;
 }

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

@@ -18,6 +18,7 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     disabled: boolean;
     position: DropdownPosition;
+    buttonClass: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -17,7 +17,7 @@ defineProps({
 defineEmits(["click"]);
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 .bk .bk-dropdown-menu-item {
   display: flex;
   width: 100%;

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

@@ -176,7 +176,7 @@ onBeforeUnmount(() => {
 });
 </script>
 
-<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+<style>/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 :root {
   --bk-edit-indicator-color: 5 80 230;
   --bk-edit-indicator-z-index: 1000000;