@eunomia/elements 1.0.0-beta.6 → 1.0.0-beta.7

package/dist/components/navigation/toolbar/toolbar.js

@@ -10,6 +10,7 @@ import { ChangeEvent } from "../../../events/change.event.js";
 import { DialogSurfaceMixin } from "../../../mixins/dialog-surface.mixin.js";
 import { EUNOMIA_BREAKPOINTS } from "../../../breakpoints.js";
 import { toolbarStyles } from "./toolbar.styles.js";
+import { LocalizableMixin } from "../../../mixins/localizable.mixin.js";
 /**
  * Tag name of the toolbar component.
  */
@@ -70,12 +71,12 @@ export const EunomiaToolbarTagName = "eun-toolbar";
  * @attr {string} panel-size - A custom open size for the mobile panel
  * @prop {boolean} [closeOnBackdrop=true] - Whether clicking outside the mobile panel closes it
  * @attr {boolean} [close-on-backdrop=true] - Whether clicking outside the mobile panel closes it
- * @prop {string} [ariaLabelMenuOpen='Open menu'] - The accessible label of the burger button while the panel is closed
- * @attr {string} [aria-label-menu-open='Open menu'] - The accessible label of the burger button while the panel is closed
- * @prop {string} [ariaLabelMenuClose='Close menu'] - The accessible label of the burger button while the panel is open
- * @attr {string} [aria-label-menu-close='Close menu'] - The accessible label of the burger button while the panel is open
- * @prop {string} [ariaLabelMenu='Menu'] - The accessible name of the mobile panel itself
- * @attr {string} [aria-label-menu='Menu'] - The accessible name of the mobile panel itself
+ * @prop {string} [menuOpenLabel] - The accessible label of the burger button while the panel is closed. Defaults to the localized string for the current locale (English: "Open menu")
+ * @attr {string} [menu-open-label] - The accessible label of the burger button while the panel is closed. Defaults to the localized string for the current locale (English: "Open menu")
+ * @prop {string} [menuCloseLabel] - The accessible label of the burger button while the panel is open. Defaults to the localized string for the current locale (English: "Close menu")
+ * @attr {string} [menu-close-label] - The accessible label of the burger button while the panel is open. Defaults to the localized string for the current locale (English: "Close menu")
+ * @prop {string} [menuLabel] - The accessible name of the mobile panel itself. Defaults to the localized string for the current locale (English: "Menu")
+ * @attr {string} [menu-label] - The accessible name of the mobile panel itself. Defaults to the localized string for the current locale (English: "Menu")
  * @attr {string} [aria-label='Main navigation'] - The accessible name of the toolbar's navigation landmark
  * @prop {boolean} [collapseOnScroll=false] - Enables the scroll-triggered collapse mode
  * @attr {boolean} [collapse-on-scroll=false] - Enables the scroll-triggered collapse mode
@@ -138,7 +139,7 @@ export const EunomiaToolbarTagName = "eun-toolbar";
  * @cssprop [--toolbar-skip-links-gap] - Sets the gap between skip links, with the divider centered in it
  * @element eun-toolbar
  */
-let EunomiaToolbar = class EunomiaToolbar extends DialogSurfaceMixin(LitElement) {
+let EunomiaToolbar = class EunomiaToolbar extends DialogSurfaceMixin(LocalizableMixin(LitElement)) {
     constructor() {
         super(...arguments);
         /**
@@ -167,21 +168,6 @@ let EunomiaToolbar = class EunomiaToolbar extends DialogSurfaceMixin(LitElement)
          * @default true
          */
         this.closeOnBackdrop = true;
-        /**
-         * Accessible label of the burger button while the panel is closed.
-         * @default Open menu
-         */
-        this.ariaLabelMenuOpen = "Open menu";
-        /**
-         * Accessible label of the burger button while the panel is open.
-         * @default Close menu
-         */
-        this.ariaLabelMenuClose = "Close menu";
-        /**
-         * Accessible name of the mobile panel itself.
-         * @default Menu
-         */
-        this.ariaLabelMenu = "Menu";
         /**
          * Enables the scroll-triggered collapse mode.
          * @default false
@@ -821,8 +807,8 @@ let EunomiaToolbar = class EunomiaToolbar extends DialogSurfaceMixin(LitElement)
         size="s"
         aria-expanded=${this.open}
         aria-label=${this.open
-            ? this.ariaLabelMenuClose
-            : this.ariaLabelMenuOpen}
+            ? (this.menuCloseLabel ?? this.dictionary.toolbar.menuClose)
+            : (this.menuOpenLabel ?? this.dictionary.toolbar.menuOpen)}
         @click=${() => this.toggle()}
       >
         <slot name=${slotName} @slotchange=${this.handleIconSlotChange}>
@@ -859,7 +845,7 @@ let EunomiaToolbar = class EunomiaToolbar extends DialogSurfaceMixin(LitElement)
         popover="manual"
         role="dialog"
         aria-modal="true"
-        aria-label=${this.ariaLabelMenu}
+        aria-label=${this.menuLabel ?? this.dictionary.toolbar.menu}
         data-direction=${this.panelDirection}
         tabindex="-1"
         @toggle=${this.handlePanelToggle}
@@ -896,7 +882,7 @@ let EunomiaToolbar = class EunomiaToolbar extends DialogSurfaceMixin(LitElement)
  */
 EunomiaToolbar.styles = toolbarStyles;
 __decorate([
-    property({ reflect: true })
+    property({ reflect: true, useDefault: true })
 ], EunomiaToolbar.prototype, "position", void 0);
 __decorate([
     property({ type: Number, attribute: "mobile-breakpoint" })
@@ -905,7 +891,7 @@ __decorate([
     property({ type: Boolean, reflect: true })
 ], EunomiaToolbar.prototype, "open", void 0);
 __decorate([
-    property({ reflect: true, attribute: "panel-direction" })
+    property({ reflect: true, attribute: "panel-direction", useDefault: true })
 ], EunomiaToolbar.prototype, "panelDirection", void 0);
 __decorate([
     property({ attribute: "panel-size" })
@@ -914,14 +900,14 @@ __decorate([
     property({ type: Boolean, attribute: "close-on-backdrop" })
 ], EunomiaToolbar.prototype, "closeOnBackdrop", void 0);
 __decorate([
-    property({ attribute: "aria-label-menu-open" })
-], EunomiaToolbar.prototype, "ariaLabelMenuOpen", void 0);
+    property({ attribute: "menu-open-label" })
+], EunomiaToolbar.prototype, "menuOpenLabel", void 0);
 __decorate([
-    property({ attribute: "aria-label-menu-close" })
-], EunomiaToolbar.prototype, "ariaLabelMenuClose", void 0);
+    property({ attribute: "menu-close-label" })
+], EunomiaToolbar.prototype, "menuCloseLabel", void 0);
 __decorate([
-    property({ attribute: "aria-label-menu" })
-], EunomiaToolbar.prototype, "ariaLabelMenu", void 0);
+    property({ attribute: "menu-label" })
+], EunomiaToolbar.prototype, "menuLabel", void 0);
 __decorate([
     property({ type: Boolean, attribute: "collapse-on-scroll" })
 ], EunomiaToolbar.prototype, "collapseOnScroll", void 0);
@@ -947,7 +933,7 @@ __decorate([
     property({ attribute: "adaptive-theme-selector" })
 ], EunomiaToolbar.prototype, "adaptiveThemeSelector", void 0);
 __decorate([
-    property({ reflect: true })
+    property({ reflect: true, useDefault: true })
 ], EunomiaToolbar.prototype, "theme", void 0);
 __decorate([
     property({ attribute: "default-theme" })

package/dist/features/scheduler/calendar/calendar.js

@@ -1103,7 +1103,7 @@ __decorate([
     property({ attribute: false })
 ], EunomiaCalendar.prototype, "events", void 0);
 __decorate([
-    property({ reflect: true })
+    property({ reflect: true, useDefault: true })
 ], EunomiaCalendar.prototype, "view", void 0);
 __decorate([
     property({ attribute: false })

package/dist/features/scheduler/scheduler/scheduler.d.ts

@@ -43,8 +43,8 @@ declare const EunomiaScheduler_base: import("../../../utils/constructor.type.js"
  * @prop {boolean} [noAnimation=false] - Disables the mobile swipe slide animation and the drawer or modal's own transitions
  * @prop {string} [todayLabel='Today'] - The label of the jump-to-today button
  * @prop {string} [newEventLabel='New event'] - The label of the create-a-new-event button
- * @prop {string} [ariaLabelPrevious='Previous period'] - The accessible label of the previous-period button
- * @prop {string} [ariaLabelNext='Next period'] - The accessible label of the next-period button
+ * @prop {string} [previousLabel] - The accessible label of the previous-period button. Defaults to the localized string for the current locale (English: "Previous period")
+ * @prop {string} [nextLabel] - The accessible label of the next-period button. Defaults to the localized string for the current locale (English: "Next period")
  * @prop {string} [viewDayLabel='Day'] - The label of the day view switcher option
  * @prop {string} [viewWeekLabel='Week'] - The label of the week view switcher option
  * @prop {string} [viewWorkWeekLabel='Work week'] - The label of the work week view switcher option
@@ -126,9 +126,9 @@ export declare class EunomiaScheduler extends EunomiaScheduler_base {
     /** @default New event */
     newEventLabel: string;
     /** @default Previous period */
-    ariaLabelPrevious: string;
+    previousLabel?: string;
     /** @default Next period */
-    ariaLabelNext: string;
+    nextLabel?: string;
     /** @default Day */
     viewDayLabel: string;
     /** @default Week */
@@ -142,7 +142,7 @@ export declare class EunomiaScheduler extends EunomiaScheduler_base {
     /** @default Apply */
     applyLabel: string;
     /** @default Cancel */
-    cancelLabel: string;
+    cancelLabel?: string;
     /** @default Delete */
     deleteLabel: string;
     /**
@@ -152,9 +152,9 @@ export declare class EunomiaScheduler extends EunomiaScheduler_base {
     editLabel: string;
     /**
      * Accessible label of the read-only event popover's close (✕) button.
-     * @default Close
+     * Falls back to the localized string for the current locale when unset.
      */
-    closeLabel: string;
+    closeLabel?: string;
     /** @default +{count} more */
     moreEventsLabel: string;
     /**

package/dist/features/scheduler/scheduler/scheduler.js

@@ -67,8 +67,8 @@ const VIEWS = [
  * @prop {boolean} [noAnimation=false] - Disables the mobile swipe slide animation and the drawer or modal's own transitions
  * @prop {string} [todayLabel='Today'] - The label of the jump-to-today button
  * @prop {string} [newEventLabel='New event'] - The label of the create-a-new-event button
- * @prop {string} [ariaLabelPrevious='Previous period'] - The accessible label of the previous-period button
- * @prop {string} [ariaLabelNext='Next period'] - The accessible label of the next-period button
+ * @prop {string} [previousLabel] - The accessible label of the previous-period button. Defaults to the localized string for the current locale (English: "Previous period")
+ * @prop {string} [nextLabel] - The accessible label of the next-period button. Defaults to the localized string for the current locale (English: "Next period")
  * @prop {string} [viewDayLabel='Day'] - The label of the day view switcher option
  * @prop {string} [viewWeekLabel='Week'] - The label of the week view switcher option
  * @prop {string} [viewWorkWeekLabel='Work week'] - The label of the work week view switcher option
@@ -143,10 +143,6 @@ let EunomiaScheduler = class EunomiaScheduler extends LocalizableMixin(AnchorPos
         this.todayLabel = "Today";
         /** @default New event */
         this.newEventLabel = "New event";
-        /** @default Previous period */
-        this.ariaLabelPrevious = "Previous period";
-        /** @default Next period */
-        this.ariaLabelNext = "Next period";
         /** @default Day */
         this.viewDayLabel = "Day";
         /** @default Week */
@@ -159,8 +155,6 @@ let EunomiaScheduler = class EunomiaScheduler extends LocalizableMixin(AnchorPos
         this.viewYearLabel = "Year";
         /** @default Apply */
         this.applyLabel = "Apply";
-        /** @default Cancel */
-        this.cancelLabel = "Cancel";
         /** @default Delete */
         this.deleteLabel = "Delete";
         /**
@@ -168,11 +162,6 @@ let EunomiaScheduler = class EunomiaScheduler extends LocalizableMixin(AnchorPos
          * @default Edit
          */
         this.editLabel = "Edit";
-        /**
-         * Accessible label of the read-only event popover's close (✕) button.
-         * @default Close
-         */
-        this.closeLabel = "Close";
         /** @default +{count} more */
         this.moreEventsLabel = "+{count} more";
         /**
@@ -285,7 +274,9 @@ let EunomiaScheduler = class EunomiaScheduler extends LocalizableMixin(AnchorPos
             if (!this.calendarEl) {
                 return;
             }
-            this.view = this.calendarEl.view;
+            if (this.view !== this.calendarEl.view) {
+                this.view = this.calendarEl.view;
+            }
             this.displayedDate = this.calendarEl.displayedDate;
         };
         /**
@@ -676,7 +667,7 @@ let EunomiaScheduler = class EunomiaScheduler extends LocalizableMixin(AnchorPos
         <eun-button
           appearance="ghost"
           size="s"
-          aria-label=${this.ariaLabelPrevious}
+          aria-label=${this.previousLabel ?? this.dictionary.scheduler.previous}
           @click=${this.handlePrevious}
         >
           <eun-icon name="chevron_left" size="18"></eun-icon>
@@ -687,7 +678,7 @@ let EunomiaScheduler = class EunomiaScheduler extends LocalizableMixin(AnchorPos
         <eun-button
           appearance="ghost"
           size="s"
-          aria-label=${this.ariaLabelNext}
+          aria-label=${this.nextLabel ?? this.dictionary.scheduler.next}
           @click=${this.handleNext}
         >
           <eun-icon name="chevron_right" size="18"></eun-icon>
@@ -820,7 +811,7 @@ let EunomiaScheduler = class EunomiaScheduler extends LocalizableMixin(AnchorPos
             : nothing}
           <span style="flex: 1 1 auto;"></span>
           <eun-button appearance="ghost" @click=${this.handleDrawerCancel}
-            >${this.cancelLabel}</eun-button
+            >${this.cancelLabel ?? this.dictionary.common.cancel}</eun-button
           >
           <eun-button color="primary" @click=${this.handleDrawerSave}
             >${this.applyLabel}</eun-button
@@ -855,7 +846,7 @@ let EunomiaScheduler = class EunomiaScheduler extends LocalizableMixin(AnchorPos
             : nothing}
           <span style="flex: 1 1 auto;"></span>
           <eun-button color="secondary" @click=${this.handleModalCancel}
-            >${this.cancelLabel}</eun-button
+            >${this.cancelLabel ?? this.dictionary.common.cancel}</eun-button
           >
           <eun-button color="primary" @click=${this.handleModalSave}
             >${this.applyLabel}</eun-button
@@ -870,7 +861,7 @@ let EunomiaScheduler = class EunomiaScheduler extends LocalizableMixin(AnchorPos
                 locale: this.locale,
                 editLabel: this.editLabel,
                 deleteLabel: this.deleteLabel,
-                closeLabel: this.closeLabel,
+                closeLabel: this.closeLabel ?? this.dictionary.common.close,
                 priorityLabels: {
                     low: "Low",
                     medium: "Medium",
@@ -916,7 +907,7 @@ __decorate([
     property({ attribute: false })
 ], EunomiaScheduler.prototype, "events", void 0);
 __decorate([
-    property({ reflect: true })
+    property({ reflect: true, useDefault: true })
 ], EunomiaScheduler.prototype, "view", void 0);
 __decorate([
     property({ attribute: false })
@@ -946,11 +937,11 @@ __decorate([
     property({ attribute: "new-event-label" })
 ], EunomiaScheduler.prototype, "newEventLabel", void 0);
 __decorate([
-    property({ attribute: "aria-label-previous" })
-], EunomiaScheduler.prototype, "ariaLabelPrevious", void 0);
+    property({ attribute: "previous-label" })
+], EunomiaScheduler.prototype, "previousLabel", void 0);
 __decorate([
-    property({ attribute: "aria-label-next" })
-], EunomiaScheduler.prototype, "ariaLabelNext", void 0);
+    property({ attribute: "next-label" })
+], EunomiaScheduler.prototype, "nextLabel", void 0);
 __decorate([
     property({ attribute: "view-day-label" })
 ], EunomiaScheduler.prototype, "viewDayLabel", void 0);

package/dist/features/scheduler/scheduler-event/scheduler-event.js

@@ -182,13 +182,13 @@ __decorate([
     property({ attribute: false })
 ], EunomiaSchedulerEventCard.prototype, "end", void 0);
 __decorate([
-    property({ reflect: true })
+    property({ reflect: true, useDefault: true })
 ], EunomiaSchedulerEventCard.prototype, "color", void 0);
 __decorate([
-    property({ reflect: true })
+    property({ reflect: true, useDefault: true })
 ], EunomiaSchedulerEventCard.prototype, "appearance", void 0);
 __decorate([
-    property({ reflect: true })
+    property({ reflect: true, useDefault: true })
 ], EunomiaSchedulerEventCard.prototype, "direction", void 0);
 __decorate([
     property()

package/dist/features/scheduler/scheduler-event/scheduler-event.styles.js

@@ -33,7 +33,7 @@ const base = css `
     --_accent: var(--eun-color-yellow-600, #e0e000);
     --_tintBase: var(--eun-color-yellow-500, #f0f050);
   }
-  :host([color="blue"]) {
+  :host(:is([color="blue"], :not([color]))) {
     --_accent: var(--eun-color-blue-600, #0aa5a8);
     --_tintBase: var(--eun-color-blue-500, #3bb3b9);
   }

package/dist/features/scheduler/scheduler-event-editor/scheduler-event-editor.d.ts

@@ -4,6 +4,7 @@ import { EunomiaSchedulerEvent, EunomiaSchedulerEventColor } from "../shared/sch
  * Tag name of the scheduler event editor component.
  */
 export declare const EunomiaSchedulerEventEditorTagName = "eun-scheduler-event-editor";
+declare const EunomiaSchedulerEventEditor_base: import("../../../utils/constructor.type.js").Constructor<import("../../../mixins/localizable.mixin.js").LocalizableMixinInterface> & typeof LitElement;
 /**
  * The create and edit form for a single scheduler event: title,
  * description, date, start and end time, location, notes, priority, and
@@ -49,7 +50,7 @@ export declare const EunomiaSchedulerEventEditorTagName = "eun-scheduler-event-e
  * @prop {string} [addGuestLabel='Add guest'] - The accessible label of the guest email input's add button
  * @prop {string} [removeGuestLabel='Remove'] - A prefix combined with the guest's email to build each guest chip's delete button accessible name, such as "Remove alice@example.com"
  * @prop {string} [saveLabel='Save'] - The label of the built-in save button
- * @prop {string} [cancelLabel='Cancel'] - The label of the built-in cancel button. Resets the form to its last-seeded values
+ * @prop {string} [cancelLabel] - The label of the built-in cancel button. Resets the form to its last-seeded values. Defaults to the localized string for the current locale (English: "Cancel")
  * @prop {string} [deleteLabel='Delete'] - The label of the built-in delete button. Only shown while editing an existing event
  * @fires {EventCreateEvent} euneventcreate - Fired on a valid save, in create mode
  * @fires {EventUpdateEvent} euneventupdate - Fired on a valid save, in edit mode
@@ -58,7 +59,7 @@ export declare const EunomiaSchedulerEventEditorTagName = "eun-scheduler-event-e
  * @cssprop [--scheduler-event-editor-gap] - Sets the gap between fields
  * @element eun-scheduler-event-editor
  */
-export declare class EunomiaSchedulerEventEditor extends LitElement {
+export declare class EunomiaSchedulerEventEditor extends EunomiaSchedulerEventEditor_base {
     /**
      * Styles to import to the component.
      *
@@ -133,14 +134,14 @@ export declare class EunomiaSchedulerEventEditor extends LitElement {
     /**
      * Prefix combined with the guest's email to build each guest chip's
      * delete button accessible name, forwarded as `eun-chip`'s own
-     * `ariaLabelRemove`.
+     * `removeLabel`.
      * @default Remove
      */
     removeGuestLabel: string;
     /** @default Save */
     saveLabel: string;
     /** @default Cancel */
-    cancelLabel: string;
+    cancelLabel?: string;
     /** @default Delete */
     deleteLabel: string;
     /** @internal */
@@ -321,3 +322,4 @@ declare global {
         [EunomiaSchedulerEventEditorTagName]: EunomiaSchedulerEventEditor;
     }
 }
+export {};

package/dist/features/scheduler/scheduler-event-editor/scheduler-event-editor.js

@@ -14,6 +14,7 @@ import { EventDeleteEvent } from "../../../events/event-delete.event.js";
 import { GuestInviteEvent } from "../../../events/event-guest-invite.event.js";
 import { addHours, endOfDay, startOfDay } from "../../../utils/date.utils.js";
 import { GUEST_STATUS_ICON, GUEST_STATUS_SEMANTIC_STATE, } from "../shared/scheduler.utils.js";
+import { LocalizableMixin } from "../../../mixins/localizable.mixin.js";
 /**
  * Tag name of the scheduler event editor component.
  */
@@ -96,7 +97,7 @@ const EMAIL_PATTERN = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
  * @prop {string} [addGuestLabel='Add guest'] - The accessible label of the guest email input's add button
  * @prop {string} [removeGuestLabel='Remove'] - A prefix combined with the guest's email to build each guest chip's delete button accessible name, such as "Remove alice@example.com"
  * @prop {string} [saveLabel='Save'] - The label of the built-in save button
- * @prop {string} [cancelLabel='Cancel'] - The label of the built-in cancel button. Resets the form to its last-seeded values
+ * @prop {string} [cancelLabel] - The label of the built-in cancel button. Resets the form to its last-seeded values. Defaults to the localized string for the current locale (English: "Cancel")
  * @prop {string} [deleteLabel='Delete'] - The label of the built-in delete button. Only shown while editing an existing event
  * @fires {EventCreateEvent} euneventcreate - Fired on a valid save, in create mode
  * @fires {EventUpdateEvent} euneventupdate - Fired on a valid save, in edit mode
@@ -105,7 +106,7 @@ const EMAIL_PATTERN = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
  * @cssprop [--scheduler-event-editor-gap] - Sets the gap between fields
  * @element eun-scheduler-event-editor
  */
-let EunomiaSchedulerEventEditor = class EunomiaSchedulerEventEditor extends LitElement {
+let EunomiaSchedulerEventEditor = class EunomiaSchedulerEventEditor extends LocalizableMixin(LitElement) {
     constructor() {
         super(...arguments);
         /**
@@ -164,14 +165,12 @@ let EunomiaSchedulerEventEditor = class EunomiaSchedulerEventEditor extends LitE
         /**
          * Prefix combined with the guest's email to build each guest chip's
          * delete button accessible name, forwarded as `eun-chip`'s own
-         * `ariaLabelRemove`.
+         * `removeLabel`.
          * @default Remove
          */
         this.removeGuestLabel = "Remove";
         /** @default Save */
         this.saveLabel = "Save";
-        /** @default Cancel */
-        this.cancelLabel = "Cancel";
         /** @default Delete */
         this.deleteLabel = "Delete";
         /** @internal */
@@ -676,7 +675,7 @@ let EunomiaSchedulerEventEditor = class EunomiaSchedulerEventEditor extends LitE
                           appearance="outline"
                           icon=${GUEST_STATUS_ICON[guest.status]}
                           .severity=${GUEST_STATUS_SEMANTIC_STATE[guest.status]}
-                          .ariaLabelRemove=${this.removeGuestLabel}
+                          .removeLabel=${this.removeGuestLabel}
                           @eunclose=${() => this.handleRemoveGuest(guest.email)}
                         >
                           ${guest.email}
@@ -748,7 +747,7 @@ let EunomiaSchedulerEventEditor = class EunomiaSchedulerEventEditor extends LitE
                 : nothing}
               <span class="spacer"></span>
               <eun-button appearance="ghost" @click=${this.handleCancelClick}>
-                ${this.cancelLabel}
+                ${this.cancelLabel ?? this.dictionary.common.cancel}
               </eun-button>
               <eun-button color="primary" @click=${this.handleSaveClick}>
                 ${this.saveLabel}

package/dist/i18n/en.d.ts

@@ -6,7 +6,15 @@
  * silent runtime fallback.
  */
 export declare const en: {
+    common: {
+        close: string;
+        cancel: string;
+        confirm: string;
+        noValue: string;
+        save: string;
+    };
     datePicker: {
+        openCalendar: string;
         previousMonth: string;
         chooseMonthYear: string;
         nextMonth: string;
@@ -19,6 +27,11 @@ export declare const en: {
         amPm: string;
         hour: string;
         minute: string;
+        day: string;
+        month: string;
+        year: string;
+        startDate: string;
+        endDate: string;
         heading: {
             day: {
                 single: string;
@@ -49,6 +62,7 @@ export declare const en: {
         };
     };
     timePicker: {
+        openClock: string;
         amPm: string;
         hour: string;
         minute: string;
@@ -58,6 +72,8 @@ export declare const en: {
         mustBeAtOrBefore: (time: string) => string;
     };
     scheduler: {
+        previous: string;
+        next: string;
         calendarView: string;
     };
     carousel: {
@@ -82,6 +98,11 @@ export declare const en: {
     chip: {
         remove: string;
     };
+    passwordStrength: {
+        label: string;
+        levels: string[];
+        caption: (label: string) => string;
+    };
     infiniteList: {
         loadingMore: string;
         itemsLoaded: (count: number) => string;
@@ -102,6 +123,53 @@ export declare const en: {
     link: {
         opensInNewTab: string;
     };
+    input: {
+        clear: string;
+        showPassword: string;
+        hidePassword: string;
+    };
+    search: {
+        panel: string;
+    };
+    counter: {
+        increment: string;
+        decrement: string;
+    };
+    inputFile: {
+        remove: string;
+        select: string;
+        open: string;
+    };
+    inputPhone: {
+        selectCountry: string;
+    };
+    colorPicker: {
+        noColor: string;
+    };
+    pagination: {
+        previous: string;
+        next: string;
+        first: string;
+        last: string;
+        page: string;
+    };
+    sidebar: {
+        expand: string;
+        collapse: string;
+        resize: string;
+    };
+    toolbar: {
+        menuOpen: string;
+        menuClose: string;
+        menu: string;
+    };
+    rating: {
+        label: string;
+        valueText: (value: string, max: string) => string;
+        summary: (label: string, valueText: string) => string;
+        noValue: string;
+        clear: string;
+    };
     validation: {
         valueMissing: string;
         tooShort: (min: number, length: number) => string;

package/dist/i18n/en.js

@@ -6,7 +6,15 @@
  * silent runtime fallback.
  */
 export const en = {
+    common: {
+        close: "Close",
+        cancel: "Cancel",
+        confirm: "Confirm",
+        noValue: "No value set",
+        save: "Save",
+    },
     datePicker: {
+        openCalendar: "Open calendar",
         previousMonth: "Previous month",
         chooseMonthYear: "Choose month and year",
         nextMonth: "Next month",
@@ -19,6 +27,11 @@ export const en = {
         amPm: "AM/PM",
         hour: "Hour",
         minute: "Minute",
+        day: "Day",
+        month: "Month",
+        year: "Year",
+        startDate: "Start date",
+        endDate: "End date",
         heading: {
             day: { single: "Select a date", range: "Select a date range" },
             month: { single: "Select a month", range: "Select a month range" },
@@ -31,6 +44,7 @@ export const en = {
         },
     },
     timePicker: {
+        openClock: "Open clock",
         amPm: "AM/PM",
         hour: "Hour",
         minute: "Minute",
@@ -40,6 +54,8 @@ export const en = {
         mustBeAtOrBefore: (time) => `Time must be at or before ${time}`,
     },
     scheduler: {
+        previous: "Previous period",
+        next: "Next period",
         calendarView: "Calendar view",
     },
     carousel: {
@@ -64,6 +80,11 @@ export const en = {
     chip: {
         remove: "Remove",
     },
+    passwordStrength: {
+        label: "Password strength",
+        levels: ["Weak", "Fair", "Good", "Strong"],
+        caption: (label) => `${label}:`,
+    },
     infiniteList: {
         loadingMore: "Loading more items…",
         itemsLoaded: (count) => `${count} more item${count > 1 ? "s" : ""} loaded`,
@@ -84,6 +105,53 @@ export const en = {
     link: {
         opensInNewTab: "opens in a new tab",
     },
+    input: {
+        clear: "Clear field",
+        showPassword: "Show password",
+        hidePassword: "Hide password",
+    },
+    search: {
+        panel: "Search",
+    },
+    counter: {
+        increment: "Increase value",
+        decrement: "Decrease value",
+    },
+    inputFile: {
+        remove: "Remove file",
+        select: "Select file",
+        open: "Open in a new tab",
+    },
+    inputPhone: {
+        selectCountry: "Select a country",
+    },
+    colorPicker: {
+        noColor: "No color selected",
+    },
+    pagination: {
+        previous: "Previous page",
+        next: "Next page",
+        first: "First page",
+        last: "Last page",
+        page: "Page",
+    },
+    sidebar: {
+        expand: "Expand sidebar",
+        collapse: "Collapse sidebar",
+        resize: "Resize sidebar",
+    },
+    toolbar: {
+        menuOpen: "Open menu",
+        menuClose: "Close menu",
+        menu: "Menu",
+    },
+    rating: {
+        label: "Rating",
+        valueText: (value, max) => `${value} out of ${max}`,
+        summary: (label, valueText) => `${label}: ${valueText}`,
+        noValue: "Not rated",
+        clear: "Clear rating",
+    },
     validation: {
         valueMissing: "This field is required",
         tooShort: (min, length) => `Please lengthen this text to ${min} characters or more (you are currently using ${length} characters).`,