@cahyo-dimas/freeday 1.38.0 → 1.40.0

package/CHANGELOG.md

@@ -3,6 +3,65 @@
 Semua perubahan penting dicatat di sini. Format longgar mengikuti
 [Keep a Changelog](https://keepachangelog.com/); tiap versi = git tag.
 
+## [1.40.0] — 2026-08-19
+One note from the back-office app (IDU_EMATE_APPL_WEB, #017).
+### Fixed
+- **A picker inside a `.fdy-field` now fills it.** `.fdy-field`, `.fdy-combo` and
+  `.fdy-input-group` all cap at 22rem; `.fdy-datepicker` capped at 14rem and `.fdy-timepicker`
+  at 11rem. In a two-column form grid that left a **224px** date box beside a **319px** combo —
+  measured, not eyeballed — and the row read as ragged with no fix available to the consuming
+  app, because the cap sits on the component. `.fdy-field > .fdy-datepicker` / `> .fdy-timepicker`
+  / `> .fdy-daterange` drop the cap; a picker standing on its own keeps its narrower width, which
+  is right for a short value.
+
+### Added — guards
+- **The enhancer string contract is asserted in a real browser** (#016). 1.39.0 moved every
+  user-facing string in **nine** enhancers into a `TEXT` table read through `textOf()`, and only
+  **one of the nine** — upload — had any browser coverage at all. The node guard proves the
+  literals *sit* in the table; it reads the source as text and cannot prove the wiring *runs*, so a
+  `zone` out of scope or a `getAttribute` on a non-element would have thrown at init with all 51
+  node tests still green. `browser/text-override.mjs` initialises table, stepper, mask, carousel,
+  cascade, form and toast on real markup and asserts **both halves**: the documented Indonesian
+  default still renders, and `data-fdy-text-*` wins. The default is a contract too — an enhancer
+  that quietly turned English would be a breaking change wearing a bugfix's clothes.
+  Mutation-tested: making `textOf()` ignore the attribute fails it by name and value.
+
+## [1.39.0] — 2026-08-19
+The sweep #013 §2 filed and #015 restated: the vanilla enhancers' strings are reachable now.
+### Added
+- **Every enhancer string is overridable with `data-fdy-text-<key>`** (#016). The defaults stay
+  Indonesian — that is documented and deliberate for the raw path, and changing it would break
+  every app that adopted it — but they were also *unreachable*, and that is the half that was
+  wrong. A Blazor app meets these enhancers through `FreedayBlazor.initAll`, which runs every one
+  of them, while COMPONENTS.md promises Blazor is English throughout; both promises can only hold
+  if the default stays and the string can be changed. Each enhancer now keeps its strings in one
+  `TEXT` table read through `textOf()`. `{n}`, `{from}`, `{to}`, `{total}`, `{name}`, `{max}` and
+  `{label}` are substituted where the string supports them. Validation messages take the same shape
+  on the `<form>`, narrower than the per-field `data-fdy-msg-<alias>` that still wins;
+  `Freeday.toast()` takes `closeLabel`.
+- **34 strings across 9 files**, not the 19 across 7 a word-list scan had counted — `carousel`
+  (`Slide {n}`), `cascade` (`Kembali satu tingkat`), `mask` (`Tampilkan kata sandi`), `stepper`
+  (`Selesai` / `Lanjut`) and four upload status strings were all invisible to it. #015 had just
+  finished making this point about `\bcari\b` and `pencarian`; the recount was found by scanning
+  by SINK — what lands in a `textContent`, an `aria-label`, a `title` or a `placeholder` — which
+  cannot be fooled by an affix.
+### Fixed
+- **Blazor's `FdyCascade` rendered Indonesian** (#016). `Label` and `Placeholder` were `string?`
+  with no default, so an app that did not set them emitted `data-label=""` and the enhancer fell
+  back to `Pilih` / `Pilih…`. Vue and React have defaulted to `Select` / `Select…` since #015 —
+  same drift as #009 and #015, third time, and the parameter existing is what made it invisible.
+  They are non-nullable with English defaults now, and `BackLabel` / `SubmenuLabel` reach the two
+  strings the enhancer builds itself, which had no route from .NET at all.
+- **`Freeday.toast()` from Blazor labelled its close button `Tutup`.** `FreedayBlazor.toast` now
+  defaults `closeLabel` to `Close` — in the bridge, not the enhancer, so a hand-written page still
+  gets the documented Indonesian.
+### Added — guards
+- **An enhancer string is overridable, not hard-coded** (#016). `npm test` asserts that a literal
+  reaching a `textContent`, `aria-label`, `title` or `placeholder` lives in that file's `TEXT`
+  table. Scoped by SINK rather than by a word list, deliberately: a second word list would have the
+  same hole one affix over, and this one is also blind to no language. Mutation-tested — putting
+  `'Tutup'` back into the toast fails it by file and line.
+
 ## [1.38.0] — 2026-08-19
 One note from the back-office app (IDU_EMATE_APPL_WEB, #015).
 ### Fixed

package/COMPONENTS.md

@@ -759,14 +759,29 @@ pagination. Needs `freeday-table.js`. Wrap the whole thing in `.fdy-datatable` +
   offer) carrying `data-fdy-table-page-size`; the enhancer only wires it, and listens for both
   `change` and the `fdy-change` a `.fdy-combo` emits, so either kind works.
 - Sort values: put the raw value in `data-sort-value` when the cell text is formatted.
-- **Language caveat:** every user-visible string the **vanilla enhancers** write is Indonesian —
-  the table's footer and bulk count (`Menampilkan 1–5 dari 7`, `N dipilih`), its pager and filter
-  UI (`Sebelumnya`, `Berikutnya`, `Filter kolom`, `Berisi teks`, `Reset`, `Tutup`), and the same
-  applies elsewhere (`Bulan berikutnya`, `Format tidak valid.`). There is no override hook. The
+- **Language caveat:** every user-visible string the **vanilla enhancers** write is Indonesian by
+  default — the table's footer and bulk count (`Menampilkan 1–5 dari 7`, `N dipilih`), its pager and
+  filter UI (`Sebelumnya`, `Berikutnya`, `Filter kolom`, `Berisi teks`, `Reset`, `Tutup`), and the
+  same elsewhere (`Format tidak valid.`, `Tampilkan kata sandi`, `Menunggu server…`). The
   Vue/React/Blazor components are English throughout, so **an English app should use the typed
-  wrapper**, not the enhancer. For an English static page, render the footer/bulk nodes yourself
-  from the `fdy-table-change` event instead of using `data-fdy-table-info` /
-  `data-fdy-table-bulk-count`; the filter button's `aria-label` has no such escape today.
+  wrapper**.
+- **Overriding an enhancer's strings.** Each enhancer keeps its strings in one `TEXT` table and
+  reads them through `textOf()`, so any of them can be replaced per element with
+  **`data-fdy-text-<key>`** — no forking, and no rendering the nodes yourself:
+
+  ```html
+  <div data-fdy-table
+       data-fdy-text-info="Showing {from}–{to} of {total}"
+       data-fdy-text-selected="{n} selected"
+       data-fdy-text-filter="Column filter">…</div>
+  ```
+
+  `{n}`, `{from}`, `{to}`, `{total}`, `{name}`, `{max}` and `{label}` are substituted where the
+  string supports them. Validation messages take the same shape on the `<form>`
+  (`data-fdy-text-required`, `data-fdy-text-type`, …), narrower than the per-field
+  `data-fdy-msg-<alias>` that still wins. `Freeday.toast()` takes `closeLabel` in its options
+  object. `npm test` asserts no enhancer string is written outside its `TEXT` table, so a new one
+  arrives overridable or not at all.
 
 **Testing note:** a column's filter button and the dialog it opens deliberately share one
 accessible name (`Filter <column>`) — a dialog named after its trigger is the normal pattern. In a

package/adapters/blazor/FdyCascade.razor

@@ -9,7 +9,9 @@
      data-label="@Label"
      data-value="@Value"
      data-placeholder="@Placeholder"
-     data-separator="@Separator">
+     data-separator="@Separator"
+     data-fdy-text-back="@BackLabel"
+     data-fdy-text-submenu="@SubmenuLabel">
     <ul>
         @foreach (FdyCascadeNode node in Nodes)
         {

package/adapters/blazor/FdyCascade.razor.cs

@@ -12,12 +12,20 @@ public partial class FdyCascade
     [Parameter] public string? Value { get; set; }
     [Parameter] public EventCallback<string?> ValueChanged { get; set; }
 
-    [Parameter] public string? Label { get; set; }
-    [Parameter] public string? Placeholder { get; set; }
+    /// <summary>Trigger label. English by default, matching Vue and React.</summary>
+    [Parameter] public string Label { get; set; } = "Select";
+    /// <summary>Empty-value placeholder. English by default, matching Vue and React.</summary>
+    [Parameter] public string Placeholder { get; set; } = "Select…";
 
     /// <summary>Separator between labels in the displayed path (default " / ").</summary>
     [Parameter] public string Separator { get; set; } = " / ";
 
+    /// <summary>aria-label for the button that goes up one level. Matches Vue and React.</summary>
+    [Parameter] public string BackLabel { get; set; } = "Back one level";
+
+    /// <summary>aria-label for a branch row. <c>{label}</c> is replaced with the node label.</summary>
+    [Parameter] public string SubmenuLabel { get; set; } = "{label}, submenu";
+
     protected override ValueTask HydrateAsync() => JS.InvokeVoidAsync("FreedayCascade.init", Root);
 
     protected override async ValueTask OnHydratedAsync()

package/adapters/blazor/freeday-blazor.js

@@ -99,6 +99,11 @@
 
   // Passthrough to the Freeday toast API.
   function toast(options) {
+    /* The enhancer's own default is Indonesian — deliberate for the raw path, wrong for a Blazor
+     * app, which COMPONENTS.md promises is English throughout. Defaulted here so the promise is
+     * kept without changing what a hand-written page gets. */
+    options = options || {};
+    if (options.closeLabel == null || options.closeLabel === '') options.closeLabel = 'Close';
     if (window.Freeday && typeof window.Freeday.toast === 'function') window.Freeday.toast(options);
   }
 

package/dist/freeday-carousel.js

@@ -17,6 +17,22 @@
 (function () {
   'use strict';
 
+
+  /* User-facing strings. Indonesian by default — documented and deliberate for the raw enhancer
+   * path — and every one overridable per element, so a host that speaks another language (the
+   * Blazor adapters, an English app on the raw path) supplies its own without forking this file.
+   * Keeping them in ONE table is also what lets a guard prove none is hard-coded further down. */
+  var TEXT = {
+    position: '{n} dari {total}',
+    slide: 'Slide {n}'
+  };
+  function textOf(root, key, vars) {
+    var custom = root && root.getAttribute ? root.getAttribute('data-fdy-text-' + key) : null;
+    var s = custom != null && custom !== '' ? custom : TEXT[key];
+    if (vars) for (var k in vars) if (Object.prototype.hasOwnProperty.call(vars, k)) s = s.split('{' + k + '}').join(vars[k]);
+    return s;
+  }
+
   function initCarousel(root) {
     if (root.dataset.fdyCarouselReady === '1') return;
     root.dataset.fdyCarouselReady = '1';
@@ -30,7 +46,7 @@
     var index = 0;
 
     slides.forEach(function (s, i) {
-      if (!s.hasAttribute('aria-label')) s.setAttribute('aria-label', (i + 1) + ' dari ' + slides.length);
+      if (!s.hasAttribute('aria-label')) s.setAttribute('aria-label', textOf(root, 'position', { n: i + 1, total: slides.length }));
     });
 
     var dots = [];
@@ -39,7 +55,7 @@
         var b = document.createElement('button');
         b.type = 'button';
         b.className = 'fdy-carousel__dot';
-        b.setAttribute('aria-label', 'Slide ' + (i + 1));
+        b.setAttribute('aria-label', textOf(root, 'slide', { n: i + 1 }));
         b.addEventListener('click', function () { goTo(i); });
         dotsWrap.appendChild(b);
         dots.push(b);

package/dist/freeday-cascade.js

@@ -53,6 +53,22 @@
     return null;
   }
 
+
+  /* User-facing strings. Indonesian by default — documented and deliberate for the raw enhancer
+   * path — and every one overridable per element, so a host that speaks another language (the
+   * Blazor adapters, an English app on the raw path) supplies its own without forking this file.
+   * Keeping them in ONE table is also what lets a guard prove none is hard-coded further down. */
+  var TEXT = {
+    back: 'Kembali satu tingkat',
+    submenu: '{label}, submenu'
+  };
+  function textOf(root, key, vars) {
+    var custom = root && root.getAttribute ? root.getAttribute('data-fdy-text-' + key) : null;
+    var s = custom != null && custom !== '' ? custom : TEXT[key];
+    if (vars) for (var k in vars) if (Object.prototype.hasOwnProperty.call(vars, k)) s = s.split('{' + k + '}').join(vars[k]);
+    return s;
+  }
+
   function initCascade(wrap) {
     if (wrap.dataset.fdyCascadeReady === '1') return;
     wrap.dataset.fdyCascadeReady = '1';
@@ -84,7 +100,7 @@
     var back = document.createElement('button');
     back.type = 'button';
     back.className = 'fdy-cascade__back';
-    back.setAttribute('aria-label', 'Kembali satu tingkat');
+    back.setAttribute('aria-label', textOf(wrap, 'back'));
     back.innerHTML = BACK;
     back.hidden = true;
     var crumb = document.createElement('span');
@@ -124,7 +140,7 @@
         li.setAttribute('data-index', String(i));
         var isBranch = !!node.children;
         li.setAttribute('aria-selected', (!isBranch && node.value === selectedValue) ? 'true' : 'false');
-        if (isBranch) li.setAttribute('aria-label', node.label + ', submenu');
+        if (isBranch) li.setAttribute('aria-label', textOf(wrap, 'submenu', { label: node.label }));
         var lbl = document.createElement('span');
         lbl.className = 'fdy-cascade__opt-label';
         lbl.textContent = node.label;

package/dist/freeday-cfl.js

@@ -33,6 +33,21 @@
       .toLowerCase();
   }
 
+
+  /* User-facing strings. Indonesian by default — documented and deliberate for the raw enhancer
+   * path — and every one overridable per element, so a host that speaks another language (the
+   * Blazor adapters, an English app on the raw path) supplies its own without forking this file.
+   * Keeping them in ONE table is also what lets a guard prove none is hard-coded further down. */
+  var TEXT = {
+    selected: '{n} dipilih'
+  };
+  function textOf(root, key, vars) {
+    var custom = root && root.getAttribute ? root.getAttribute('data-fdy-text-' + key) : null;
+    var s = custom != null && custom !== '' ? custom : TEXT[key];
+    if (vars) for (var k in vars) if (Object.prototype.hasOwnProperty.call(vars, k)) s = s.split('{' + k + '}').join(vars[k]);
+    return s;
+  }
+
   function initDialog(dialog) {
     if (dialog.dataset.fdyCflReady === '1') return;
     dialog.dataset.fdyCflReady = '1';
@@ -70,7 +85,7 @@
     function updateCount() {
       if (!countEl) return;
       var n = rows.filter(function (r) { return r.getAttribute('aria-selected') === 'true'; }).length;
-      countEl.textContent = n + ' dipilih';
+      countEl.textContent = textOf(dialog, 'selected', { n: n });
     }
 
     function fillGroup(detail) {

package/dist/freeday-form.js

@@ -38,7 +38,12 @@
     badInput: 'type',
     customError: 'mismatch'
   };
-  var DEFAULTS = {
+  /* User-facing strings. Indonesian by default — documented and deliberate for the raw enhancer
+   * path — and overridable at three levels, narrowest first: `data-fdy-msg-<alias>` on the field,
+   * `data-fdy-msg` on the field, then `data-fdy-text-<alias>` on the FORM. The form level is what
+   * a host in another language needs: it sets nine messages once instead of on every input.
+   * Keeping them in ONE table is also what lets a guard prove none is hard-coded further down. */
+  var TEXT = {
     required: 'Wajib diisi.',
     type: 'Format tidak valid.',
     pattern: 'Format tidak sesuai.',
@@ -47,8 +52,13 @@
     min: 'Nilai terlalu kecil.',
     max: 'Nilai terlalu besar.',
     step: 'Nilai tidak sesuai kelipatan.',
-    mismatch: 'Nilai tidak cocok.'
+    mismatch: 'Nilai tidak cocok.',
+    invalid: 'Tidak valid.'
   };
+  function textOf(root, key) {
+    var custom = root && root.getAttribute ? root.getAttribute('data-fdy-text-' + key) : null;
+    return custom != null && custom !== '' ? custom : TEXT[key];
+  }
   var VALIDITY_KEYS = ['valueMissing', 'typeMismatch', 'patternMismatch', 'tooShort', 'tooLong', 'rangeUnderflow', 'rangeOverflow', 'stepMismatch', 'badInput'];
 
   function isCandidate(el) {
@@ -82,7 +92,7 @@
     if (matchSel) {
       var other = document.querySelector(matchSel);
       if (other && el.value !== other.value) {
-        el.setCustomValidity(el.getAttribute('data-fdy-msg-mismatch') || el.getAttribute('data-fdy-msg') || DEFAULTS.mismatch);
+        el.setCustomValidity(el.getAttribute('data-fdy-msg-mismatch') || el.getAttribute('data-fdy-msg') || textOf(el.form || el.closest('form'), 'mismatch'));
       }
     }
     if (el.validity.valid) return '';
@@ -93,7 +103,8 @@
       }
     }
     var custom = alias ? el.getAttribute('data-fdy-msg-' + alias) : null;
-    return custom || el.getAttribute('data-fdy-msg') || (alias && DEFAULTS[alias]) || el.validationMessage || 'Tidak valid.';
+    var form = el.form || el.closest('form');
+    return custom || el.getAttribute('data-fdy-msg') || (alias && textOf(form, alias)) || el.validationMessage || textOf(form, 'invalid');
   }
 
   function paint(el, message) {

package/dist/freeday-mask.js

@@ -50,6 +50,22 @@
     return out;
   }
 
+
+  /* User-facing strings. Indonesian by default — documented and deliberate for the raw enhancer
+   * path — and every one overridable per element, so a host that speaks another language (the
+   * Blazor adapters, an English app on the raw path) supplies its own without forking this file.
+   * Keeping them in ONE table is also what lets a guard prove none is hard-coded further down. */
+  var TEXT = {
+    show: 'Tampilkan kata sandi',
+    hide: 'Sembunyikan kata sandi'
+  };
+  function textOf(root, key, vars) {
+    var custom = root && root.getAttribute ? root.getAttribute('data-fdy-text-' + key) : null;
+    var s = custom != null && custom !== '' ? custom : TEXT[key];
+    if (vars) for (var k in vars) if (Object.prototype.hasOwnProperty.call(vars, k)) s = s.split('{' + k + '}').join(vars[k]);
+    return s;
+  }
+
   function initMask(el) {
     if (el.dataset.fdyMaskReady === '1') return;
     el.dataset.fdyMaskReady = '1';
@@ -85,13 +101,13 @@
     btn.type = 'button';
     btn.className = 'fdy-input-group__btn';
     btn.setAttribute('aria-pressed', 'false');
-    btn.setAttribute('aria-label', 'Tampilkan kata sandi');
+    btn.setAttribute('aria-label', textOf(input, 'show'));
     btn.innerHTML = EYE;
     btn.addEventListener('click', function () {
       var reveal = input.type === 'password';
       input.type = reveal ? 'text' : 'password';
       btn.setAttribute('aria-pressed', reveal ? 'true' : 'false');
-      btn.setAttribute('aria-label', reveal ? 'Sembunyikan kata sandi' : 'Tampilkan kata sandi');
+      btn.setAttribute('aria-label', reveal ? textOf(input, 'hide') : textOf(input, 'show'));
       btn.innerHTML = reveal ? EYE_OFF : EYE;
       input.focus();
     });

package/dist/freeday-stepper.js

@@ -18,6 +18,22 @@
 
   var CHECK = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>';
 
+
+  /* User-facing strings. Indonesian by default — documented and deliberate for the raw enhancer
+   * path — and every one overridable per element, so a host that speaks another language (the
+   * Blazor adapters, an English app on the raw path) supplies its own without forking this file.
+   * Keeping them in ONE table is also what lets a guard prove none is hard-coded further down. */
+  var TEXT = {
+    done: 'Selesai',
+    next: 'Lanjut'
+  };
+  function textOf(root, key, vars) {
+    var custom = root && root.getAttribute ? root.getAttribute('data-fdy-text-' + key) : null;
+    var s = custom != null && custom !== '' ? custom : TEXT[key];
+    if (vars) for (var k in vars) if (Object.prototype.hasOwnProperty.call(vars, k)) s = s.split('{' + k + '}').join(vars[k]);
+    return s;
+  }
+
   function initStepper(root) {
     if (root.dataset.fdyStepperReady === '1') return;
     root.dataset.fdyStepperReady = '1';
@@ -52,7 +68,7 @@
       });
       panels.forEach(function (p, i) { p.hidden = i !== active; });
       if (prevBtn) prevBtn.disabled = active === 0;
-      if (nextBtn) nextBtn.textContent = active === steps.length - 1 ? 'Selesai' : (nextLabel || 'Lanjut');
+      if (nextBtn) nextBtn.textContent = active === steps.length - 1 ? textOf(root, 'done') : (nextLabel || textOf(root, 'next'));
       root.dispatchEvent(new CustomEvent('fdy-step-change', { bubbles: true, detail: { index: active } }));
     }
 

package/dist/freeday-table.js

@@ -33,6 +33,32 @@
       : cell.textContent).trim();
   }
 
+
+  /* User-facing strings. Indonesian by default — documented and deliberate for the raw enhancer
+   * path — and every one overridable per element, so a host that speaks another language (the
+   * Blazor adapters, an English app on the raw path) supplies its own without forking this file.
+   * Keeping them in ONE table is also what lets a guard prove none is hard-coded further down. */
+  var TEXT = {
+    prev: 'Sebelumnya',
+    next: 'Berikutnya',
+    selected: '{n} dipilih',
+    filter: 'Filter kolom',
+    filterText: 'Berisi teks',
+    filterTextPlaceholder: 'Berisi…',
+    filterEnum: 'Tampilkan nilai',
+    filterRange: 'Rentang nilai',
+    reset: 'Reset',
+    close: 'Tutup',
+    rows: '{n} baris',
+    info: 'Menampilkan {from}–{to} dari {total}'
+  };
+  function textOf(root, key, vars) {
+    var custom = root && root.getAttribute ? root.getAttribute('data-fdy-text-' + key) : null;
+    var s = custom != null && custom !== '' ? custom : TEXT[key];
+    if (vars) for (var k in vars) if (Object.prototype.hasOwnProperty.call(vars, k)) s = s.split('{' + k + '}').join(vars[k]);
+    return s;
+  }
+
   function initTable(root) {
     if (root.dataset.fdyTableReady === '1') return;
     var table = root.querySelector('table.fdy-table');
@@ -157,7 +183,7 @@
         ul.appendChild(li);
       }
 
-      addBtn('‹', page - 1, { disabled: page === 1, label: 'Sebelumnya' });
+      addBtn('‹', page - 1, { disabled: page === 1, label: textOf(root, 'prev') });
       var pages = [];
       for (var p = 1; p <= totalPages; p++) {
         if (p === 1 || p === totalPages || (p >= page - 1 && p <= page + 1)) pages.push(p);
@@ -167,7 +193,7 @@
         if (p === '…') addEllipsis();
         else addBtn(String(p), p, { current: p === page });
       });
-      addBtn('›', page + 1, { disabled: page === totalPages, label: 'Berikutnya' });
+      addBtn('›', page + 1, { disabled: page === totalPages, label: textOf(root, 'next') });
       pagerEl.appendChild(ul);
     }
 
@@ -182,7 +208,7 @@
       if (!bulkBar) return;
       var n = selectedRows().length;
       bulkBar.hidden = n === 0;
-      if (bulkCount) bulkCount.textContent = n + ' dipilih';
+      if (bulkCount) bulkCount.textContent = textOf(root, 'selected', { n: n });
     }
     function clearSelection() {
       allRows.forEach(function (r) {
@@ -238,15 +264,15 @@
       var pop = document.createElement('div');
       pop.className = 'fdy-filter';
       pop.setAttribute('role', 'dialog');
-      pop.setAttribute('aria-label', 'Filter kolom');
+      pop.setAttribute('aria-label', textOf(root, 'filter'));
       var f = colFilters[idx] || { type: type };
 
       if (type === 'text') {
-        pop.appendChild(filterTitle('Berisi teks'));
+        pop.appendChild(filterTitle(textOf(root, 'filterText')));
         var inp = document.createElement('input');
         inp.className = 'fdy-input';
         inp.type = 'search';
-        inp.placeholder = 'Berisi…';
+        inp.placeholder = textOf(root, 'filterTextPlaceholder');
         inp.value = f.text || '';
         inp.addEventListener('input', function () {
           f.text = inp.value.trim();
@@ -256,7 +282,7 @@
         });
         pop.appendChild(inp);
       } else if (type === 'enum') {
-        pop.appendChild(filterTitle('Tampilkan nilai'));
+        pop.appendChild(filterTitle(textOf(root, 'filterEnum')));
         var list = document.createElement('div');
         list.className = 'fdy-filter__list';
         var set = f.set || new Set();
@@ -279,7 +305,7 @@
         });
         pop.appendChild(list);
       } else if (type === 'number') {
-        pop.appendChild(filterTitle('Rentang nilai'));
+        pop.appendChild(filterTitle(textOf(root, 'filterRange')));
         var range = document.createElement('div');
         range.className = 'fdy-filter__range';
         var minI = numberInput('Min', f.min);
@@ -304,7 +330,7 @@
       var reset = document.createElement('button');
       reset.type = 'button';
       reset.className = 'fdy-btn fdy-btn--ghost fdy-btn--sm';
-      reset.textContent = 'Reset';
+      reset.textContent = textOf(root, 'reset');
       reset.addEventListener('click', function () {
         delete colFilters[idx];
         markActive(btn, false);
@@ -314,7 +340,7 @@
       var done = document.createElement('button');
       done.type = 'button';
       done.className = 'fdy-btn fdy-btn--sm';
-      done.textContent = 'Tutup';
+      done.textContent = textOf(root, 'close');
       done.addEventListener('click', function () { closePopover(true); });
       foot.appendChild(reset); foot.appendChild(done);
       pop.appendChild(foot);
@@ -339,7 +365,7 @@
         btn.className = 'fdy-table__filterbtn';
         btn.setAttribute('aria-haspopup', 'dialog');
         btn.setAttribute('aria-pressed', 'false');
-        btn.setAttribute('aria-label', 'Filter kolom');
+        btn.setAttribute('aria-label', textOf(root, 'filter'));
         btn.innerHTML = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 5h18l-7 8v5l-4 2v-7z"></path></svg>';
         btn.addEventListener('click', function (e) {
           e.stopPropagation();
@@ -370,8 +396,8 @@
 
       var shownFrom = total === 0 ? 0 : start + 1;
       var shownTo = start + slice.length;
-      if (countEl) countEl.textContent = total + ' baris';
-      if (infoEl) infoEl.textContent = 'Menampilkan ' + shownFrom + '–' + shownTo + ' dari ' + total;
+      if (countEl) countEl.textContent = textOf(root, 'rows', { n: total });
+      if (infoEl) infoEl.textContent = textOf(root, 'info', { from: shownFrom, to: shownTo, total: total });
       buildPager(totalPages);
       syncSelectAll(slice);
       updateBulk();

package/dist/freeday-toast.js

@@ -48,6 +48,21 @@
     setTimeout(finish, 400); // fallback if transitionend never fires
   }
 
+
+  /* User-facing strings. Indonesian by default — documented and deliberate for the raw enhancer
+   * path — and every one overridable per element, so a host that speaks another language (the
+   * Blazor adapters, an English app on the raw path) supplies its own without forking this file.
+   * Keeping them in ONE table is also what lets a guard prove none is hard-coded further down. */
+  var TEXT = {
+    close: 'Tutup'
+  };
+  function textOf(root, key, vars) {
+    var custom = root && root.getAttribute ? root.getAttribute('data-fdy-text-' + key) : null;
+    var s = custom != null && custom !== '' ? custom : TEXT[key];
+    if (vars) for (var k in vars) if (Object.prototype.hasOwnProperty.call(vars, k)) s = s.split('{' + k + '}').join(vars[k]);
+    return s;
+  }
+
   function el(tag, className, text) {
     var node = document.createElement(tag);
     if (className) node.className = className;
@@ -69,7 +84,7 @@
 
     var close = el('button', 'fdy-toast__close');
     close.type = 'button';
-    close.setAttribute('aria-label', 'Tutup');
+    close.setAttribute('aria-label', opts.closeLabel || TEXT.close);
     close.innerHTML = '×';
     close.addEventListener('click', function () { dismiss(node); });
 

package/dist/freeday-upload.js

@@ -50,6 +50,27 @@
     });
   }
 
+
+  /* User-facing strings. Indonesian by default — documented and deliberate for the raw enhancer
+   * path — and every one overridable per element, so a host that speaks another language (the
+   * Blazor adapters, an English app on the raw path) supplies its own without forking this file.
+   * Keeping them in ONE table is also what lets a guard prove none is hard-coded further down. */
+  var TEXT = {
+    remove: 'Hapus {name}',
+    progress: 'Progres unggah {name}',
+    uploading: 'Mengunggah…',
+    waiting: 'Menunggu server…',
+    done: 'Terunggah',
+    badType: 'Tipe berkas tidak didukung.',
+    tooBig: 'Ukuran melebihi batas ({max}).'
+  };
+  function textOf(root, key, vars) {
+    var custom = root && root.getAttribute ? root.getAttribute('data-fdy-text-' + key) : null;
+    var s = custom != null && custom !== '' ? custom : TEXT[key];
+    if (vars) for (var k in vars) if (Object.prototype.hasOwnProperty.call(vars, k)) s = s.split('{' + k + '}').join(vars[k]);
+    return s;
+  }
+
   function makeRow(file, zone) {
     var el = document.createElement('div');
     el.className = 'fdy-file';
@@ -69,7 +90,7 @@
     var remove = document.createElement('button');
     remove.type = 'button';
     remove.className = 'fdy-file__remove';
-    remove.setAttribute('aria-label', 'Hapus ' + file.name);
+    remove.setAttribute('aria-label', textOf(zone, 'remove', { name: file.name }));
     remove.innerHTML = '×';
     remove.addEventListener('click', function () {
       /* Dispatched on the ZONE, not on the row — the same target as fdy-upload-add, so one listener
@@ -96,7 +117,7 @@
       progressEl.setAttribute('role', 'progressbar');
       progressEl.setAttribute('aria-valuemin', '0');
       progressEl.setAttribute('aria-valuemax', '100');
-      progressEl.setAttribute('aria-label', 'Progres unggah ' + file.name);
+      progressEl.setAttribute('aria-label', textOf(zone, 'progress', { name: file.name }));
       bar = document.createElement('div');
       bar.className = 'fdy-progress__bar';
       bar.style.width = '0%';
@@ -129,7 +150,7 @@
       uploading: function () {
         el.classList.remove('fdy-file--error', 'fdy-file--success');
         icon.innerHTML = FILE_ICON;
-        sub.textContent = fmtSize(file.size) + ' · Mengunggah…';
+        sub.textContent = fmtSize(file.size) + ' · ' + textOf(zone, 'uploading');
         ensureProgress();
         determinate();
       },
@@ -149,7 +170,7 @@
       waiting: function (label) {
         el.classList.remove('fdy-file--error', 'fdy-file--success');
         icon.innerHTML = FILE_ICON;
-        sub.textContent = fmtSize(file.size) + ' · ' + (label || 'Menunggu server…');
+        sub.textContent = fmtSize(file.size) + ' · ' + (label || textOf(zone, 'waiting'));
         ensureProgress();
         progressEl.classList.add('fdy-progress--indeterminate');
         /* The modifier styles .fdy-progress__bar, so it must sit on the CONTAINER, and the inline
@@ -163,7 +184,7 @@
         el.classList.add('fdy-file--success');
         el.classList.remove('fdy-file--error');
         icon.innerHTML = OK_ICON;
-        sub.textContent = fmtSize(file.size) + ' · Terunggah';
+        sub.textContent = fmtSize(file.size) + ' · ' + textOf(zone, 'done');
         dropProgress();
       },
       fail: function (msg) {
@@ -231,8 +252,8 @@
       if (!fileList) return;
       Array.prototype.slice.call(fileList).forEach(function (file) {
         var reason = null;
-        if (!accepts(file, acceptAttr)) reason = 'Tipe berkas tidak didukung.';
-        else if (maxSize && file.size > maxSize) reason = 'Ukuran melebihi batas (' + fmtSize(maxSize) + ').';
+        if (!accepts(file, acceptAttr)) reason = textOf(zone, 'badType');
+        else if (maxSize && file.size > maxSize) reason = textOf(zone, 'tooBig', { max: fmtSize(maxSize) });
         var row = makeRow(file, zone);
         if (list) list.appendChild(row.el);
         if (reason) {

package/dist/freeday.bundle.css

@@ -1112,6 +1112,12 @@ a { color: var(--color-primary); }
 /* Freeday — Date picker (input-styled trigger + calendar popover).
  * Built by freeday-datepicker.js from an empty [data-fdy-datepicker] wrapper. */
 .fdy-datepicker{position:relative;display:inline-block;width:100%;max-width:14rem;}
+/* Inside a labelled field, a picker fills the field like every other control.
+   The 14rem/11rem caps above suit a picker standing on its own; in a form grid
+   they leave the date box visibly short of the combo beside it — 224px against
+   319px in a two-column layout — and the row reads as ragged. The field's own
+   max-width is what should govern there. */
+.fdy-field>.fdy-datepicker,.fdy-field>.fdy-timepicker,.fdy-field>.fdy-daterange{max-width:none;}
 .fdy-datepicker__trigger{display:inline-flex;align-items:center;gap:var(--space-2);width:100%;height:var(--control-h);padding:0 var(--space-3);text-align:left;cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-control-border);border-radius:var(--radius-md);box-shadow:inset 0 1px 2px rgba(16,14,30,.06);transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);}
 .fdy-datepicker__trigger:hover{border-color:var(--color-text-muted);}
 .fdy-datepicker__trigger:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:inset 0 1px 2px rgba(16,14,30,.04),0 0 0 3px color-mix(in srgb,var(--color-primary) 26%,transparent);}

package/dist/freeday.css

@@ -729,6 +729,12 @@ a { color: var(--color-primary); }
 /* Freeday — Date picker (input-styled trigger + calendar popover).
  * Built by freeday-datepicker.js from an empty [data-fdy-datepicker] wrapper. */
 .fdy-datepicker{position:relative;display:inline-block;width:100%;max-width:14rem;}
+/* Inside a labelled field, a picker fills the field like every other control.
+   The 14rem/11rem caps above suit a picker standing on its own; in a form grid
+   they leave the date box visibly short of the combo beside it — 224px against
+   319px in a two-column layout — and the row reads as ragged. The field's own
+   max-width is what should govern there. */
+.fdy-field>.fdy-datepicker,.fdy-field>.fdy-timepicker,.fdy-field>.fdy-daterange{max-width:none;}
 .fdy-datepicker__trigger{display:inline-flex;align-items:center;gap:var(--space-2);width:100%;height:var(--control-h);padding:0 var(--space-3);text-align:left;cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-control-border);border-radius:var(--radius-md);box-shadow:inset 0 1px 2px rgba(16,14,30,.06);transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);}
 .fdy-datepicker__trigger:hover{border-color:var(--color-text-muted);}
 .fdy-datepicker__trigger:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:inset 0 1px 2px rgba(16,14,30,.04),0 0 0 3px color-mix(in srgb,var(--color-primary) 26%,transparent);}

package/dist/freeday.js

@@ -210,6 +210,22 @@
 (function () {
   'use strict';
 
+
+  /* User-facing strings. Indonesian by default — documented and deliberate for the raw enhancer
+   * path — and every one overridable per element, so a host that speaks another language (the
+   * Blazor adapters, an English app on the raw path) supplies its own without forking this file.
+   * Keeping them in ONE table is also what lets a guard prove none is hard-coded further down. */
+  var TEXT = {
+    position: '{n} dari {total}',
+    slide: 'Slide {n}'
+  };
+  function textOf(root, key, vars) {
+    var custom = root && root.getAttribute ? root.getAttribute('data-fdy-text-' + key) : null;
+    var s = custom != null && custom !== '' ? custom : TEXT[key];
+    if (vars) for (var k in vars) if (Object.prototype.hasOwnProperty.call(vars, k)) s = s.split('{' + k + '}').join(vars[k]);
+    return s;
+  }
+
   function initCarousel(root) {
     if (root.dataset.fdyCarouselReady === '1') return;
     root.dataset.fdyCarouselReady = '1';
@@ -223,7 +239,7 @@
     var index = 0;
 
     slides.forEach(function (s, i) {
-      if (!s.hasAttribute('aria-label')) s.setAttribute('aria-label', (i + 1) + ' dari ' + slides.length);
+      if (!s.hasAttribute('aria-label')) s.setAttribute('aria-label', textOf(root, 'position', { n: i + 1, total: slides.length }));
     });
 
     var dots = [];
@@ -232,7 +248,7 @@
         var b = document.createElement('button');
         b.type = 'button';
         b.className = 'fdy-carousel__dot';
-        b.setAttribute('aria-label', 'Slide ' + (i + 1));
+        b.setAttribute('aria-label', textOf(root, 'slide', { n: i + 1 }));
         b.addEventListener('click', function () { goTo(i); });
         dotsWrap.appendChild(b);
         dots.push(b);
@@ -361,6 +377,22 @@
     return null;
   }
 
+
+  /* User-facing strings. Indonesian by default — documented and deliberate for the raw enhancer
+   * path — and every one overridable per element, so a host that speaks another language (the
+   * Blazor adapters, an English app on the raw path) supplies its own without forking this file.
+   * Keeping them in ONE table is also what lets a guard prove none is hard-coded further down. */
+  var TEXT = {
+    back: 'Kembali satu tingkat',
+    submenu: '{label}, submenu'
+  };
+  function textOf(root, key, vars) {
+    var custom = root && root.getAttribute ? root.getAttribute('data-fdy-text-' + key) : null;
+    var s = custom != null && custom !== '' ? custom : TEXT[key];
+    if (vars) for (var k in vars) if (Object.prototype.hasOwnProperty.call(vars, k)) s = s.split('{' + k + '}').join(vars[k]);
+    return s;
+  }
+
   function initCascade(wrap) {
     if (wrap.dataset.fdyCascadeReady === '1') return;
     wrap.dataset.fdyCascadeReady = '1';
@@ -392,7 +424,7 @@
     var back = document.createElement('button');
     back.type = 'button';
     back.className = 'fdy-cascade__back';
-    back.setAttribute('aria-label', 'Kembali satu tingkat');
+    back.setAttribute('aria-label', textOf(wrap, 'back'));
     back.innerHTML = BACK;
     back.hidden = true;
     var crumb = document.createElement('span');
@@ -432,7 +464,7 @@
         li.setAttribute('data-index', String(i));
         var isBranch = !!node.children;
         li.setAttribute('aria-selected', (!isBranch && node.value === selectedValue) ? 'true' : 'false');
-        if (isBranch) li.setAttribute('aria-label', node.label + ', submenu');
+        if (isBranch) li.setAttribute('aria-label', textOf(wrap, 'submenu', { label: node.label }));
         var lbl = document.createElement('span');
         lbl.className = 'fdy-cascade__opt-label';
         lbl.textContent = node.label;
@@ -601,6 +633,21 @@
       .toLowerCase();
   }
 
+
+  /* User-facing strings. Indonesian by default — documented and deliberate for the raw enhancer
+   * path — and every one overridable per element, so a host that speaks another language (the
+   * Blazor adapters, an English app on the raw path) supplies its own without forking this file.
+   * Keeping them in ONE table is also what lets a guard prove none is hard-coded further down. */
+  var TEXT = {
+    selected: '{n} dipilih'
+  };
+  function textOf(root, key, vars) {
+    var custom = root && root.getAttribute ? root.getAttribute('data-fdy-text-' + key) : null;
+    var s = custom != null && custom !== '' ? custom : TEXT[key];
+    if (vars) for (var k in vars) if (Object.prototype.hasOwnProperty.call(vars, k)) s = s.split('{' + k + '}').join(vars[k]);
+    return s;
+  }
+
   function initDialog(dialog) {
     if (dialog.dataset.fdyCflReady === '1') return;
     dialog.dataset.fdyCflReady = '1';
@@ -638,7 +685,7 @@
     function updateCount() {
       if (!countEl) return;
       var n = rows.filter(function (r) { return r.getAttribute('aria-selected') === 'true'; }).length;
-      countEl.textContent = n + ' dipilih';
+      countEl.textContent = textOf(dialog, 'selected', { n: n });
     }
 
     function fillGroup(detail) {
@@ -2030,7 +2077,12 @@
     badInput: 'type',
     customError: 'mismatch'
   };
-  var DEFAULTS = {
+  /* User-facing strings. Indonesian by default — documented and deliberate for the raw enhancer
+   * path — and overridable at three levels, narrowest first: `data-fdy-msg-<alias>` on the field,
+   * `data-fdy-msg` on the field, then `data-fdy-text-<alias>` on the FORM. The form level is what
+   * a host in another language needs: it sets nine messages once instead of on every input.
+   * Keeping them in ONE table is also what lets a guard prove none is hard-coded further down. */
+  var TEXT = {
     required: 'Wajib diisi.',
     type: 'Format tidak valid.',
     pattern: 'Format tidak sesuai.',
@@ -2039,8 +2091,13 @@
     min: 'Nilai terlalu kecil.',
     max: 'Nilai terlalu besar.',
     step: 'Nilai tidak sesuai kelipatan.',
-    mismatch: 'Nilai tidak cocok.'
+    mismatch: 'Nilai tidak cocok.',
+    invalid: 'Tidak valid.'
   };
+  function textOf(root, key) {
+    var custom = root && root.getAttribute ? root.getAttribute('data-fdy-text-' + key) : null;
+    return custom != null && custom !== '' ? custom : TEXT[key];
+  }
   var VALIDITY_KEYS = ['valueMissing', 'typeMismatch', 'patternMismatch', 'tooShort', 'tooLong', 'rangeUnderflow', 'rangeOverflow', 'stepMismatch', 'badInput'];
 
   function isCandidate(el) {
@@ -2074,7 +2131,7 @@
     if (matchSel) {
       var other = document.querySelector(matchSel);
       if (other && el.value !== other.value) {
-        el.setCustomValidity(el.getAttribute('data-fdy-msg-mismatch') || el.getAttribute('data-fdy-msg') || DEFAULTS.mismatch);
+        el.setCustomValidity(el.getAttribute('data-fdy-msg-mismatch') || el.getAttribute('data-fdy-msg') || textOf(el.form || el.closest('form'), 'mismatch'));
       }
     }
     if (el.validity.valid) return '';
@@ -2085,7 +2142,8 @@
       }
     }
     var custom = alias ? el.getAttribute('data-fdy-msg-' + alias) : null;
-    return custom || el.getAttribute('data-fdy-msg') || (alias && DEFAULTS[alias]) || el.validationMessage || 'Tidak valid.';
+    var form = el.form || el.closest('form');
+    return custom || el.getAttribute('data-fdy-msg') || (alias && textOf(form, alias)) || el.validationMessage || textOf(form, 'invalid');
   }
 
   function paint(el, message) {
@@ -2227,6 +2285,22 @@
     return out;
   }
 
+
+  /* User-facing strings. Indonesian by default — documented and deliberate for the raw enhancer
+   * path — and every one overridable per element, so a host that speaks another language (the
+   * Blazor adapters, an English app on the raw path) supplies its own without forking this file.
+   * Keeping them in ONE table is also what lets a guard prove none is hard-coded further down. */
+  var TEXT = {
+    show: 'Tampilkan kata sandi',
+    hide: 'Sembunyikan kata sandi'
+  };
+  function textOf(root, key, vars) {
+    var custom = root && root.getAttribute ? root.getAttribute('data-fdy-text-' + key) : null;
+    var s = custom != null && custom !== '' ? custom : TEXT[key];
+    if (vars) for (var k in vars) if (Object.prototype.hasOwnProperty.call(vars, k)) s = s.split('{' + k + '}').join(vars[k]);
+    return s;
+  }
+
   function initMask(el) {
     if (el.dataset.fdyMaskReady === '1') return;
     el.dataset.fdyMaskReady = '1';
@@ -2262,13 +2336,13 @@
     btn.type = 'button';
     btn.className = 'fdy-input-group__btn';
     btn.setAttribute('aria-pressed', 'false');
-    btn.setAttribute('aria-label', 'Tampilkan kata sandi');
+    btn.setAttribute('aria-label', textOf(input, 'show'));
     btn.innerHTML = EYE;
     btn.addEventListener('click', function () {
       var reveal = input.type === 'password';
       input.type = reveal ? 'text' : 'password';
       btn.setAttribute('aria-pressed', reveal ? 'true' : 'false');
-      btn.setAttribute('aria-label', reveal ? 'Sembunyikan kata sandi' : 'Tampilkan kata sandi');
+      btn.setAttribute('aria-label', reveal ? textOf(input, 'hide') : textOf(input, 'show'));
       btn.innerHTML = reveal ? EYE_OFF : EYE;
       input.focus();
     });
@@ -2892,6 +2966,22 @@
 
   var CHECK = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20 6 9 17l-5-5"></path></svg>';
 
+
+  /* User-facing strings. Indonesian by default — documented and deliberate for the raw enhancer
+   * path — and every one overridable per element, so a host that speaks another language (the
+   * Blazor adapters, an English app on the raw path) supplies its own without forking this file.
+   * Keeping them in ONE table is also what lets a guard prove none is hard-coded further down. */
+  var TEXT = {
+    done: 'Selesai',
+    next: 'Lanjut'
+  };
+  function textOf(root, key, vars) {
+    var custom = root && root.getAttribute ? root.getAttribute('data-fdy-text-' + key) : null;
+    var s = custom != null && custom !== '' ? custom : TEXT[key];
+    if (vars) for (var k in vars) if (Object.prototype.hasOwnProperty.call(vars, k)) s = s.split('{' + k + '}').join(vars[k]);
+    return s;
+  }
+
   function initStepper(root) {
     if (root.dataset.fdyStepperReady === '1') return;
     root.dataset.fdyStepperReady = '1';
@@ -2926,7 +3016,7 @@
       });
       panels.forEach(function (p, i) { p.hidden = i !== active; });
       if (prevBtn) prevBtn.disabled = active === 0;
-      if (nextBtn) nextBtn.textContent = active === steps.length - 1 ? 'Selesai' : (nextLabel || 'Lanjut');
+      if (nextBtn) nextBtn.textContent = active === steps.length - 1 ? textOf(root, 'done') : (nextLabel || textOf(root, 'next'));
       root.dispatchEvent(new CustomEvent('fdy-step-change', { bubbles: true, detail: { index: active } }));
     }
 
@@ -3001,6 +3091,32 @@
       : cell.textContent).trim();
   }
 
+
+  /* User-facing strings. Indonesian by default — documented and deliberate for the raw enhancer
+   * path — and every one overridable per element, so a host that speaks another language (the
+   * Blazor adapters, an English app on the raw path) supplies its own without forking this file.
+   * Keeping them in ONE table is also what lets a guard prove none is hard-coded further down. */
+  var TEXT = {
+    prev: 'Sebelumnya',
+    next: 'Berikutnya',
+    selected: '{n} dipilih',
+    filter: 'Filter kolom',
+    filterText: 'Berisi teks',
+    filterTextPlaceholder: 'Berisi…',
+    filterEnum: 'Tampilkan nilai',
+    filterRange: 'Rentang nilai',
+    reset: 'Reset',
+    close: 'Tutup',
+    rows: '{n} baris',
+    info: 'Menampilkan {from}–{to} dari {total}'
+  };
+  function textOf(root, key, vars) {
+    var custom = root && root.getAttribute ? root.getAttribute('data-fdy-text-' + key) : null;
+    var s = custom != null && custom !== '' ? custom : TEXT[key];
+    if (vars) for (var k in vars) if (Object.prototype.hasOwnProperty.call(vars, k)) s = s.split('{' + k + '}').join(vars[k]);
+    return s;
+  }
+
   function initTable(root) {
     if (root.dataset.fdyTableReady === '1') return;
     var table = root.querySelector('table.fdy-table');
@@ -3125,7 +3241,7 @@
         ul.appendChild(li);
       }
 
-      addBtn('‹', page - 1, { disabled: page === 1, label: 'Sebelumnya' });
+      addBtn('‹', page - 1, { disabled: page === 1, label: textOf(root, 'prev') });
       var pages = [];
       for (var p = 1; p <= totalPages; p++) {
         if (p === 1 || p === totalPages || (p >= page - 1 && p <= page + 1)) pages.push(p);
@@ -3135,7 +3251,7 @@
         if (p === '…') addEllipsis();
         else addBtn(String(p), p, { current: p === page });
       });
-      addBtn('›', page + 1, { disabled: page === totalPages, label: 'Berikutnya' });
+      addBtn('›', page + 1, { disabled: page === totalPages, label: textOf(root, 'next') });
       pagerEl.appendChild(ul);
     }
 
@@ -3150,7 +3266,7 @@
       if (!bulkBar) return;
       var n = selectedRows().length;
       bulkBar.hidden = n === 0;
-      if (bulkCount) bulkCount.textContent = n + ' dipilih';
+      if (bulkCount) bulkCount.textContent = textOf(root, 'selected', { n: n });
     }
     function clearSelection() {
       allRows.forEach(function (r) {
@@ -3206,15 +3322,15 @@
       var pop = document.createElement('div');
       pop.className = 'fdy-filter';
       pop.setAttribute('role', 'dialog');
-      pop.setAttribute('aria-label', 'Filter kolom');
+      pop.setAttribute('aria-label', textOf(root, 'filter'));
       var f = colFilters[idx] || { type: type };
 
       if (type === 'text') {
-        pop.appendChild(filterTitle('Berisi teks'));
+        pop.appendChild(filterTitle(textOf(root, 'filterText')));
         var inp = document.createElement('input');
         inp.className = 'fdy-input';
         inp.type = 'search';
-        inp.placeholder = 'Berisi…';
+        inp.placeholder = textOf(root, 'filterTextPlaceholder');
         inp.value = f.text || '';
         inp.addEventListener('input', function () {
           f.text = inp.value.trim();
@@ -3224,7 +3340,7 @@
         });
         pop.appendChild(inp);
       } else if (type === 'enum') {
-        pop.appendChild(filterTitle('Tampilkan nilai'));
+        pop.appendChild(filterTitle(textOf(root, 'filterEnum')));
         var list = document.createElement('div');
         list.className = 'fdy-filter__list';
         var set = f.set || new Set();
@@ -3247,7 +3363,7 @@
         });
         pop.appendChild(list);
       } else if (type === 'number') {
-        pop.appendChild(filterTitle('Rentang nilai'));
+        pop.appendChild(filterTitle(textOf(root, 'filterRange')));
         var range = document.createElement('div');
         range.className = 'fdy-filter__range';
         var minI = numberInput('Min', f.min);
@@ -3272,7 +3388,7 @@
       var reset = document.createElement('button');
       reset.type = 'button';
       reset.className = 'fdy-btn fdy-btn--ghost fdy-btn--sm';
-      reset.textContent = 'Reset';
+      reset.textContent = textOf(root, 'reset');
       reset.addEventListener('click', function () {
         delete colFilters[idx];
         markActive(btn, false);
@@ -3282,7 +3398,7 @@
       var done = document.createElement('button');
       done.type = 'button';
       done.className = 'fdy-btn fdy-btn--sm';
-      done.textContent = 'Tutup';
+      done.textContent = textOf(root, 'close');
       done.addEventListener('click', function () { closePopover(true); });
       foot.appendChild(reset); foot.appendChild(done);
       pop.appendChild(foot);
@@ -3307,7 +3423,7 @@
         btn.className = 'fdy-table__filterbtn';
         btn.setAttribute('aria-haspopup', 'dialog');
         btn.setAttribute('aria-pressed', 'false');
-        btn.setAttribute('aria-label', 'Filter kolom');
+        btn.setAttribute('aria-label', textOf(root, 'filter'));
         btn.innerHTML = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 5h18l-7 8v5l-4 2v-7z"></path></svg>';
         btn.addEventListener('click', function (e) {
           e.stopPropagation();
@@ -3338,8 +3454,8 @@
 
       var shownFrom = total === 0 ? 0 : start + 1;
       var shownTo = start + slice.length;
-      if (countEl) countEl.textContent = total + ' baris';
-      if (infoEl) infoEl.textContent = 'Menampilkan ' + shownFrom + '–' + shownTo + ' dari ' + total;
+      if (countEl) countEl.textContent = textOf(root, 'rows', { n: total });
+      if (infoEl) infoEl.textContent = textOf(root, 'info', { from: shownFrom, to: shownTo, total: total });
       buildPager(totalPages);
       syncSelectAll(slice);
       updateBulk();
@@ -3768,6 +3884,21 @@
     setTimeout(finish, 400); // fallback if transitionend never fires
   }
 
+
+  /* User-facing strings. Indonesian by default — documented and deliberate for the raw enhancer
+   * path — and every one overridable per element, so a host that speaks another language (the
+   * Blazor adapters, an English app on the raw path) supplies its own without forking this file.
+   * Keeping them in ONE table is also what lets a guard prove none is hard-coded further down. */
+  var TEXT = {
+    close: 'Tutup'
+  };
+  function textOf(root, key, vars) {
+    var custom = root && root.getAttribute ? root.getAttribute('data-fdy-text-' + key) : null;
+    var s = custom != null && custom !== '' ? custom : TEXT[key];
+    if (vars) for (var k in vars) if (Object.prototype.hasOwnProperty.call(vars, k)) s = s.split('{' + k + '}').join(vars[k]);
+    return s;
+  }
+
   function el(tag, className, text) {
     var node = document.createElement(tag);
     if (className) node.className = className;
@@ -3789,7 +3920,7 @@
 
     var close = el('button', 'fdy-toast__close');
     close.type = 'button';
-    close.setAttribute('aria-label', 'Tutup');
+    close.setAttribute('aria-label', opts.closeLabel || TEXT.close);
     close.innerHTML = '&times;';
     close.addEventListener('click', function () { dismiss(node); });
 
@@ -3974,6 +4105,27 @@
     });
   }
 
+
+  /* User-facing strings. Indonesian by default — documented and deliberate for the raw enhancer
+   * path — and every one overridable per element, so a host that speaks another language (the
+   * Blazor adapters, an English app on the raw path) supplies its own without forking this file.
+   * Keeping them in ONE table is also what lets a guard prove none is hard-coded further down. */
+  var TEXT = {
+    remove: 'Hapus {name}',
+    progress: 'Progres unggah {name}',
+    uploading: 'Mengunggah…',
+    waiting: 'Menunggu server…',
+    done: 'Terunggah',
+    badType: 'Tipe berkas tidak didukung.',
+    tooBig: 'Ukuran melebihi batas ({max}).'
+  };
+  function textOf(root, key, vars) {
+    var custom = root && root.getAttribute ? root.getAttribute('data-fdy-text-' + key) : null;
+    var s = custom != null && custom !== '' ? custom : TEXT[key];
+    if (vars) for (var k in vars) if (Object.prototype.hasOwnProperty.call(vars, k)) s = s.split('{' + k + '}').join(vars[k]);
+    return s;
+  }
+
   function makeRow(file, zone) {
     var el = document.createElement('div');
     el.className = 'fdy-file';
@@ -3993,7 +4145,7 @@
     var remove = document.createElement('button');
     remove.type = 'button';
     remove.className = 'fdy-file__remove';
-    remove.setAttribute('aria-label', 'Hapus ' + file.name);
+    remove.setAttribute('aria-label', textOf(zone, 'remove', { name: file.name }));
     remove.innerHTML = '&times;';
     remove.addEventListener('click', function () {
       /* Dispatched on the ZONE, not on the row — the same target as fdy-upload-add, so one listener
@@ -4020,7 +4172,7 @@
       progressEl.setAttribute('role', 'progressbar');
       progressEl.setAttribute('aria-valuemin', '0');
       progressEl.setAttribute('aria-valuemax', '100');
-      progressEl.setAttribute('aria-label', 'Progres unggah ' + file.name);
+      progressEl.setAttribute('aria-label', textOf(zone, 'progress', { name: file.name }));
       bar = document.createElement('div');
       bar.className = 'fdy-progress__bar';
       bar.style.width = '0%';
@@ -4053,7 +4205,7 @@
       uploading: function () {
         el.classList.remove('fdy-file--error', 'fdy-file--success');
         icon.innerHTML = FILE_ICON;
-        sub.textContent = fmtSize(file.size) + ' · Mengunggah…';
+        sub.textContent = fmtSize(file.size) + ' · ' + textOf(zone, 'uploading');
         ensureProgress();
         determinate();
       },
@@ -4073,7 +4225,7 @@
       waiting: function (label) {
         el.classList.remove('fdy-file--error', 'fdy-file--success');
         icon.innerHTML = FILE_ICON;
-        sub.textContent = fmtSize(file.size) + ' · ' + (label || 'Menunggu server…');
+        sub.textContent = fmtSize(file.size) + ' · ' + (label || textOf(zone, 'waiting'));
         ensureProgress();
         progressEl.classList.add('fdy-progress--indeterminate');
         /* The modifier styles .fdy-progress__bar, so it must sit on the CONTAINER, and the inline
@@ -4087,7 +4239,7 @@
         el.classList.add('fdy-file--success');
         el.classList.remove('fdy-file--error');
         icon.innerHTML = OK_ICON;
-        sub.textContent = fmtSize(file.size) + ' · Terunggah';
+        sub.textContent = fmtSize(file.size) + ' · ' + textOf(zone, 'done');
         dropProgress();
       },
       fail: function (msg) {
@@ -4155,8 +4307,8 @@
       if (!fileList) return;
       Array.prototype.slice.call(fileList).forEach(function (file) {
         var reason = null;
-        if (!accepts(file, acceptAttr)) reason = 'Tipe berkas tidak didukung.';
-        else if (maxSize && file.size > maxSize) reason = 'Ukuran melebihi batas (' + fmtSize(maxSize) + ').';
+        if (!accepts(file, acceptAttr)) reason = textOf(zone, 'badType');
+        else if (maxSize && file.size > maxSize) reason = textOf(zone, 'tooBig', { max: fmtSize(maxSize) });
         var row = makeRow(file, zone);
         if (list) list.appendChild(row.el);
         if (reason) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cahyo-dimas/freeday",
-  "version": "1.38.0",
+  "version": "1.40.0",
   "description": "Freeday — token-driven, framework-agnostic UI KIT (design source-of-truth).",
   "type": "module",
   "license": "MIT",
@@ -92,7 +92,7 @@
   "scripts": {
     "build": "node tokens/build.mjs",
     "test": "node --test",
-    "test:browser": "node --test browser/vanilla.mjs browser/adapter.mjs browser/layout.mjs browser/theme.mjs browser/state.mjs browser/root-init.mjs browser/upload-states.mjs browser/number.mjs browser/card-stretch.mjs",
+    "test:browser": "node --test browser/vanilla.mjs browser/adapter.mjs browser/layout.mjs browser/theme.mjs browser/state.mjs browser/root-init.mjs browser/upload-states.mjs browser/number.mjs browser/card-stretch.mjs browser/text-override.mjs",
     "prepack": "node tokens/build.mjs",
     "version": "node tokens/build.mjs && git add dist",
     "typecheck:react": "tsc -p adapters/react/tsconfig.json --noEmit"

package/src/components/datepicker.css

@@ -1,6 +1,12 @@
 /* Freeday — Date picker (input-styled trigger + calendar popover).
  * Built by freeday-datepicker.js from an empty [data-fdy-datepicker] wrapper. */
 .fdy-datepicker{position:relative;display:inline-block;width:100%;max-width:14rem;}
+/* Inside a labelled field, a picker fills the field like every other control.
+   The 14rem/11rem caps above suit a picker standing on its own; in a form grid
+   they leave the date box visibly short of the combo beside it — 224px against
+   319px in a two-column layout — and the row reads as ragged. The field's own
+   max-width is what should govern there. */
+.fdy-field>.fdy-datepicker,.fdy-field>.fdy-timepicker,.fdy-field>.fdy-daterange{max-width:none;}
 .fdy-datepicker__trigger{display:inline-flex;align-items:center;gap:var(--space-2);width:100%;height:var(--control-h);padding:0 var(--space-3);text-align:left;cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1.5px solid var(--color-control-border);border-radius:var(--radius-md);box-shadow:inset 0 1px 2px rgba(16,14,30,.06);transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);}
 .fdy-datepicker__trigger:hover{border-color:var(--color-text-muted);}
 .fdy-datepicker__trigger:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:inset 0 1px 2px rgba(16,14,30,.04),0 0 0 3px color-mix(in srgb,var(--color-primary) 26%,transparent);}