@pienter/ui 0.19.0 → 0.20.0

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 ## Unreleased
 
+## 0.20.0 - 2026-09-16
+
+### Added
+
+- `BlockEditor` takes `hint`, `emptyText` and `addLabel(typeLabel)`, the
+  three visible strings it used to hard-code in English: the reorder hint
+  above the list, the edit-mode empty message under the `empty` slot, and the
+  add-button label built from each block type's `label`. The English defaults
+  are unchanged, so a Dutch consumer can pass `Tekst toevoegen` and a Dutch
+  hint without CSS overrides or replacing the add row. The aria-only labels
+  and announcements are still English.
+
 ## 0.19.0 - 2026-09-16
 
 ### Added

package/components/form/block-editor/BlockEditor.vue

@@ -24,6 +24,12 @@ const props = withDefaults(
         /** Heading level of each block title: `3` sits under a level-2 `Panel` title. */
         level?: 2 | 3 | 4 | 5 | 6;
         blockLabel?: (block: T, index: number) => string;
+        /** Label of each add button, given the block type's `label`. */
+        addLabel?: (typeLabel: string) => string;
+        /** Reorder hint shown above the list in edit mode. */
+        hint?: string;
+        /** Empty-list message in edit mode; the `empty` slot replaces it entirely. */
+        emptyText?: string;
     }>(),
     {
         disabled: false,
@@ -32,6 +38,9 @@ const props = withDefaults(
         label: 'Content blocks',
         level: 3,
         blockLabel: undefined,
+        addLabel: (typeLabel: string) => `Add ${typeLabel}`,
+        hint: 'Use the move buttons to reorder, or drag with a pointer.',
+        emptyText: 'No blocks yet. Add a block to start writing.',
     },
 );
 
@@ -317,7 +326,7 @@ onBeforeUnmount(stopDrag);
         :data-readonly="readonly ? 'true' : undefined"
     >
         <p v-if="!readonly" :id="`${id}-hint`" class="pui-block-editor__hint">
-            Use the move buttons to reorder, or drag with a pointer.
+            {{ hint }}
         </p>
         <ol
             v-if="modelValue.length"
@@ -448,9 +457,7 @@ onBeforeUnmount(stopDrag);
         </ol>
         <div v-else class="pui-block-editor__empty">
             <slot name="empty">{{
-                readonly
-                    ? 'No content blocks.'
-                    : 'No blocks yet. Add a block to start writing.'
+                readonly ? 'No content blocks.' : emptyText
             }}</slot>
         </div>
         <div v-if="!readonly" :id="`${id}-add`" class="pui-block-editor__add">
@@ -461,7 +468,7 @@ onBeforeUnmount(stopDrag);
                 size="sm"
                 :disabled="disabled"
                 @click="add(type)"
-                >Add {{ type.label }}</Button
+                >{{ addLabel(type.label) }}</Button
             >
         </div>
     </div>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pienter/ui",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "description": "Shared Pienter UI components, styles, icons, and browser utilities.",
   "type": "module",
   "license": "MIT",