@lowdefy/blocks-antd 5.2.0 → 5.4.0

package/dist/blocks/MobileMenu/meta.js

@@ -224,58 +224,58 @@
                                                 default: false,
                                                 description: 'Whether the divider line is dashed.'
                                             }
-                                        },
-                                        links: {
-                                            type: 'array',
-                                            items: {
-                                                type: 'object',
-                                                required: [
-                                                    'id',
-                                                    'type'
-                                                ],
+                                        }
+                                    },
+                                    links: {
+                                        type: 'array',
+                                        items: {
+                                            type: 'object',
+                                            required: [
+                                                'id',
+                                                'type'
+                                            ],
+                                            properties: {
+                                                id: {
+                                                    type: 'string',
+                                                    description: 'Menu item id.'
+                                                },
+                                                type: {
+                                                    type: 'string',
+                                                    enum: [
+                                                        'MenuDivider',
+                                                        'MenuLink'
+                                                    ],
+                                                    default: 'MenuLink',
+                                                    description: 'Menu item type.'
+                                                },
+                                                style: {
+                                                    type: 'object',
+                                                    description: 'Css style to applied to sub-link.',
+                                                    docs: {
+                                                        displayType: 'yaml'
+                                                    }
+                                                },
+                                                pageId: {
+                                                    type: 'string',
+                                                    description: 'Page to link to.'
+                                                },
                                                 properties: {
-                                                    id: {
-                                                        type: 'string',
-                                                        description: 'Menu item id.'
-                                                    },
-                                                    type: {
-                                                        type: 'string',
-                                                        enum: [
-                                                            'MenuDivider',
-                                                            'MenuLink'
-                                                        ],
-                                                        default: 'MenuLink',
-                                                        description: 'Menu item type.'
-                                                    },
-                                                    style: {
-                                                        type: 'object',
-                                                        description: 'Css style to applied to sub-link.',
-                                                        docs: {
-                                                            displayType: 'yaml'
-                                                        }
-                                                    },
-                                                    pageId: {
-                                                        type: 'string',
-                                                        description: 'Page to link to.'
-                                                    },
+                                                    type: 'object',
+                                                    description: 'properties from menu item.',
                                                     properties: {
-                                                        type: 'object',
-                                                        description: 'properties from menu item.',
-                                                        properties: {
-                                                            title: {
-                                                                type: 'string',
-                                                                description: 'Menu item title.'
-                                                            },
-                                                            danger: {
-                                                                type: 'boolean',
-                                                                default: false,
-                                                                description: 'Apply danger style to menu item.'
-                                                            },
-                                                            dashed: {
-                                                                type: 'boolean',
-                                                                default: false,
-                                                                description: 'Whether the divider line is dashed.'
-                                                            }
+                                                        title: {
+                                                            type: 'string',
+                                                            description: 'Menu item title.'
+                                                        },
+                                                        danger: {
+                                                            type: 'boolean',
+                                                            default: false,
+                                                            description: 'Apply danger style to menu item.'
+                                                        },
+                                                        dashed: {
+                                                            type: 'boolean',
+                                                            default: false,
+                                                            description: 'Whether the divider line is dashed.'
                                                         }
                                                     }
                                                 }

package/dist/blocks/Modal/Modal.js

@@ -59,14 +59,14 @@ const ModalBlock = ({ blockId, classNames = {}, content, events, methods, proper
                 name: 'afterClose'
             }),
         cancelButtonProps: properties.cancelButtonProps,
-        cancelText: properties.cancelText ?? 'Cancel',
+        cancelText: properties.cancelText,
         centered: !!properties.centered,
         closable: properties.closable !== undefined ? properties.closable : true,
         confirmLoading: get(events, 'onOk.loading'),
         mask: properties.mask !== undefined ? properties.mask : true,
         maskClosable: properties.maskClosable !== undefined ? properties.maskClosable : true,
         okButtonProps: properties.okButtonProps,
-        okText: properties.okText ?? 'Ok',
+        okText: properties.okText,
         okType: properties.okButtonType ?? 'primary',
         title: renderHtml({
             html: properties.title,

package/dist/blocks/Modal/meta.js

@@ -70,8 +70,7 @@
             },
             okText: {
                 type: 'string',
-                default: 'Ok',
-                description: 'Text of the Ok button.'
+                description: 'Text of the Ok button. When unset, antd uses the localized default from ConfigProvider locale.'
             },
             okButtonProps: {
                 type: 'object',
@@ -82,8 +81,7 @@
             },
             cancelText: {
                 type: 'string',
-                default: 'Cancel',
-                description: 'Text of the Cancel button.'
+                description: 'Text of the Cancel button. When unset, antd uses the localized default from ConfigProvider locale.'
             },
             cancelButtonProps: {
                 type: 'object',

package/dist/blocks/MonthSelector/MonthSelector.js

@@ -16,7 +16,7 @@
 import { DatePicker } from 'antd';
 import dayjs from 'dayjs';
 import utc from 'dayjs/plugin/utc.js';
-import { type } from '@lowdefy/helpers';
+import { getLocaleDateFormat, type } from '@lowdefy/helpers';
 import { withBlockDefaults } from '@lowdefy/block-utils';
 import Label from '../Label/Label.js';
 import withTheme from '../withTheme.js';
@@ -26,6 +26,7 @@ const MonthSelector = ({ blockId, classNames = {}, components: { Icon }, events,
     const [elementId] = useState((0 | Math.random() * 9e2) + 1e2);
     return /*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
+        methods: methods,
         classNames: classNames,
         components: {
             Icon
@@ -59,9 +60,9 @@ const MonthSelector = ({ blockId, classNames = {}, components: { Icon }, events,
                     },
                     disabled: properties.disabled || loading,
                     disabledDate: disabledDate(properties.disabledDates),
-                    format: properties.format ?? 'YYYY-MM',
+                    format: properties.format ?? getLocaleDateFormat(methods.getLocale?.(), 'month') ?? 'YYYY-MM',
                     getPopupContainer: ()=>document.getElementById(`${blockId}_${elementId}_popup`),
-                    placeholder: properties.placeholder ?? 'Select Month',
+                    placeholder: properties.placeholder,
                     size: properties.size,
                     status: validation.status,
                     value: type.isDate(value) ? dayjs.utc(value).startOf('month') : null,

package/dist/blocks/MonthSelector/meta.js

@@ -38,7 +38,8 @@ export default {
             event: {
                 value: 'The selected month value.'
             }
-        }
+        },
+        onTooltipClick: 'Trigger actions when the tooltip icon is clicked.'
     },
     properties: {
         type: 'object',
@@ -68,12 +69,10 @@ export default {
             disabledDates,
             format: {
                 type: 'string',
-                default: 'YYYY-MM',
-                description: 'Format in which to format the date value, eg. "MMMM YYYY" will format a date value of 1999-12-31 as "December 1999". The format has to conform to dayjs formats.'
+                description: 'Format in which to format the date value, eg. "MMMM YYYY" will format a date value of 1999-12-31 as "December 1999". The format has to conform to dayjs formats. Defaults to the active locale\'s month format, or "YYYY-MM" when no locale is configured.'
             },
             placeholder: {
-                ...placeholder,
-                default: 'Select Month'
+                ...placeholder
             },
             showToday: {
                 type: 'boolean',

package/dist/blocks/MultipleSelector/MultipleSelector.js

@@ -16,14 +16,25 @@
 import { renderHtml, withBlockDefaults } from '@lowdefy/block-utils';
 import { get, type } from '@lowdefy/helpers';
 import { Select } from 'antd';
-import getUniqueValues from '../../getUniqueValues.js';
-import getValueIndex from '../../getValueIndex.js';
+import useSelectorOptions from '../../useSelectorOptions.js';
+import getSelectedIndex from '../../getSelectedIndex.js';
+import getContrastTextColor from '../../getContrastTextColor.js';
+import getOptionColorStyle from '../../getOptionColorStyle.js';
 import Label from '../Label/Label.js';
 import withTheme from '../withTheme.js';
 import Tag from '../Tag/Tag.js';
 const Option = Select.Option;
-const tagRender = (props, option, methods, components)=>{
+const tagRender = (props, option, methods, components, isOutline)=>{
     const { label, closable, onClose } = props;
+    // An explicit tag.color wins; otherwise the per-option color drives the pill.
+    const color = option?.tag?.color ?? option?.color;
+    const contrast = getContrastTextColor(color);
+    // Hex color → explicit solid/outlined pill (dark-mode safe), following the
+    // input variant. Preset name (or none) → antd's Tag color handling.
+    const colorStyle = contrast ? getOptionColorStyle({
+        color,
+        isOutline
+    }) : {};
     return /*#__PURE__*/ React.createElement(Tag, {
         components: components,
         methods: methods,
@@ -31,12 +42,14 @@ const tagRender = (props, option, methods, components)=>{
         styles: {
             element: {
                 marginRight: 3,
+                ...colorStyle,
                 ...option?.tag?.style ?? {}
             }
         },
         properties: {
             title: label ?? '',
             ...option?.tag ?? {},
+            color: contrast ? undefined : color,
             closable
         }
     });
@@ -44,9 +57,22 @@ const tagRender = (props, option, methods, components)=>{
 const MultipleSelector = ({ blockId, classNames = {}, components: { Icon, ShortcutBadge }, events, loading, methods, properties, required, styles = {}, validation, value })=>{
     const [fetchState, setFetch] = useState(false);
     const [elementId] = useState((0 | Math.random() * 9e2) + 1e2);
-    const uniqueValueOptions = getUniqueValues(properties.options ?? []);
+    const uniqueValueOptions = useSelectorOptions({
+        properties,
+        methods
+    });
+    // Auto-enable custom tag rendering when any option carries a color/tag, so
+    // per-option pill colors work without requiring renderTags.
+    const hasTagStyling = uniqueValueOptions.some((opt)=>!type.isPrimitive(opt) && (opt.color || opt.tag));
+    // `outlined` → outlined colored tags; `solid` (or default) → filled colored tags.
+    const isOutline = properties.variant === 'outlined';
+    // `solid` is not a valid antd Select input variant — use outlined for the frame.
+    let antdVariant = properties.variant;
+    if (properties.variant === 'solid') antdVariant = 'outlined';
+    if (properties.bordered === false) antdVariant = 'borderless';
     return /*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
+        methods: methods,
         classNames: classNames,
         components: {
             Icon
@@ -71,7 +97,7 @@ const MultipleSelector = ({ blockId, classNames = {}, components: { Icon, Shortc
                     allowClear: properties.allowClear !== false,
                     autoClearSearchValue: properties.autoClearSearchValue,
                     autoFocus: properties.autoFocus,
-                    variant: properties.bordered === false ? 'borderless' : properties.variant,
+                    variant: antdVariant,
                     className: classNames.element,
                     classNames: {
                         content: classNames.selector
@@ -86,10 +112,10 @@ const MultipleSelector = ({ blockId, classNames = {}, components: { Icon, Shortc
                     disabled: properties.disabled || loading,
                     getPopupContainer: ()=>document.getElementById(`${blockId}_${elementId}_popup`),
                     mode: "multiple",
-                    tagRender: properties.renderTags && ((props)=>tagRender(props, uniqueValueOptions[props.value], methods, {
+                    tagRender: (properties.renderTags || hasTagStyling) && ((props)=>tagRender(props, uniqueValueOptions[props.value], methods, {
                             Icon,
                             ShortcutBadge
-                        })),
+                        }, isOutline)),
                     maxTagCount: properties.maxTagCount,
                     notFoundContent: fetchState ? properties.loadingPlaceholder || 'Loading' : properties.notFoundContent || 'Not found',
                     placeholder: loading ? 'Loading...' : get(properties, 'placeholder', {
@@ -100,7 +126,10 @@ const MultipleSelector = ({ blockId, classNames = {}, components: { Icon, Shortc
                     }),
                     size: properties.size,
                     status: validation.status,
-                    value: loading ? [] : getValueIndex(value, uniqueValueOptions, true),
+                    value: loading ? [] : getSelectedIndex(value, uniqueValueOptions, {
+                        properties,
+                        multiple: true
+                    }),
                     suffixIcon: properties.suffixIcon && /*#__PURE__*/ React.createElement(Icon, {
                         blockId: `${blockId}_suffixIcon`,
                         classNames: {
@@ -184,7 +213,10 @@ const MultipleSelector = ({ blockId, classNames = {}, components: { Icon, Shortc
                     })) : /*#__PURE__*/ React.createElement(Option, {
                         style: {
                             ...styles.options,
-                            ...opt.style
+                            ...opt.style,
+                            ...opt.color ? {
+                                color: opt.color
+                            } : {}
                         },
                         className: classNames.options,
                         disabled: opt.disabled,

package/dist/blocks/MultipleSelector/meta.js

@@ -15,6 +15,7 @@
 */ import LabelMeta from '../Label/meta.js';
 import label from '../../schemas/label.js';
 import icon from '../../schemas/icon.js';
+import { data, html, valueKey, primaryKey } from '../../schemas/dataOptions.js';
 import { disabled, autoFocus, variant, bordered, allowClear, sizeSmallDefaultLarge } from '../../schemas/inputProperties.js';
 export default {
     category: 'input',
@@ -46,7 +47,8 @@ export default {
             event: {
                 value: 'The search input value.'
             }
-        }
+        },
+        onTooltipClick: 'Trigger actions when the tooltip icon is clicked.'
     },
     properties: {
         type: 'object',
@@ -74,6 +76,10 @@ export default {
             },
             disabled,
             label,
+            data,
+            html,
+            valueKey,
+            primaryKey,
             options: {
                 default: [],
                 oneOf: [
@@ -103,9 +109,6 @@ export default {
                         description: 'Options can either be an array of primitive values, on an array of label, value pairs.',
                         items: {
                             type: 'object',
-                            required: [
-                                'value'
-                            ],
                             properties: {
                                 label: {
                                     type: 'string',
@@ -150,6 +153,13 @@ export default {
                                         displayType: 'yaml'
                                     }
                                 },
+                                color: {
+                                    type: 'string',
+                                    description: 'Color applied when this option is selected: drives the tag/pill color in the input and tints the option in the dropdown. An explicit `tag.color` takes precedence.',
+                                    docs: {
+                                        displayType: 'color'
+                                    }
+                                },
                                 tag: {
                                     type: 'object',
                                     properties: {
@@ -220,7 +230,16 @@ export default {
                 type: 'string',
                 description: 'Multiple selector label title - supports html.'
             },
-            variant,
+            variant: {
+                type: 'string',
+                enum: [
+                    'solid',
+                    'outlined',
+                    'filled',
+                    'borderless'
+                ],
+                description: 'Tag/input variant. `solid` renders filled colored tags; `outlined` renders outlined colored tags. `filled`/`borderless` are the antd input styles.'
+            },
             renderTags: {
                 type: 'boolean',
                 description: 'When true, the selected option labels are rendered as tags in the selector input. This field must be true to render option tag values.'

package/dist/blocks/NumberInput/NumberInput.js

@@ -14,12 +14,14 @@
   limitations under the License.
 */ import React from 'react';
 import { InputNumber } from 'antd';
+import { getLocaleDecimalSeparator } from '@lowdefy/helpers';
 import { withBlockDefaults } from '@lowdefy/block-utils';
 import Label from '../Label/Label.js';
 import withTheme from '../withTheme.js';
 const NumberInput = ({ blockId, classNames = {}, events, components, loading, methods, properties, required, styles = {}, validation, value })=>{
     return /*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
+        methods: methods,
         classNames: classNames,
         components: components,
         events: events,
@@ -43,7 +45,7 @@ const NumberInput = ({ blockId, classNames = {}, events, components, loading, me
                         ...styles.element
                     },
                     controls: properties.controls,
-                    decimalSeparator: properties.decimalSeparator,
+                    decimalSeparator: properties.decimalSeparator ?? getLocaleDecimalSeparator(methods.getLocale?.()) ?? '.',
                     disabled: properties.disabled || loading,
                     formatter: properties.formatter,
                     keyboard: properties.keyboard,

package/dist/blocks/NumberInput/meta.js

@@ -36,7 +36,8 @@ export default {
             }
         },
         onFocus: 'Trigger action when number input gets focus.',
-        onPressEnter: 'Trigger actions when input is focused and enter is pressed.'
+        onPressEnter: 'Trigger actions when input is focused and enter is pressed.',
+        onTooltipClick: 'Trigger actions when the tooltip icon is clicked.'
     },
     properties: {
         type: 'object',
@@ -87,8 +88,7 @@ export default {
             },
             decimalSeparator: {
                 type: 'string',
-                default: '.',
-                description: 'Separator between number and decimal places.'
+                description: 'Separator between number and decimal places. Defaults to the active locale\'s decimal separator (e.g. "," for de-DE, "." for en-US), or "." when no locale is configured.'
             },
             precision: {
                 type: 'integer',

package/dist/blocks/PageHeaderMenu/PageHeaderMenu.js

@@ -22,10 +22,11 @@ import Header from '../Header/Header.js';
 import Layout from '../Layout/Layout.js';
 import Menu from '../Menu/Menu.js';
 import MobileMenu from '../MobileMenu/MobileMenu.js';
-import { getDarkMode, renderHeaderActions, registerDarkModeMethod } from '../headerActions.js';
+import { getDarkMode, renderHeaderActions, registerDarkModeMethod, registerLocaleMethod } from '../headerActions.js';
 const PageHeaderMenu = ({ basePath, blockId, classNames = {}, components: { Icon, Link, ShortcutBadge }, content, events, menus, methods, pageId, properties, styles = {} })=>{
     useEffect(()=>{
         registerDarkModeMethod(methods);
+        registerLocaleMethod(methods);
     });
     return /*#__PURE__*/ React.createElement(Layout, {
         blockId: blockId,
@@ -59,7 +60,8 @@ const PageHeaderMenu = ({ basePath, blockId, classNames = {}, components: { Icon
                     styles: {
                         element: mergeObjects([
                             {
-                                background: 'var(--ant-color-bg-container)'
+                                background: 'var(--ant-color-bg-container)',
+                                borderBottom: '1px solid var(--ant-color-border)'
                             },
                             styles.header
                         ])
@@ -103,9 +105,16 @@ const PageHeaderMenu = ({ basePath, blockId, classNames = {}, components: { Icon
                                     properties.menuLg
                                 ]),
                                 styles: {
+                                    // Size the menu's line box to the header height minus its 1px bottom
+                                    // border, so the active item's underline lands exactly on that border
+                                    // (antd offsets horizontal items down by 1px expecting the menu's own
+                                    // border below them; reserving the border's 1px here makes the underline
+                                    // and the header divider coincide as a single line). borderBottom is left
+                                    // to the Header so the divider spans the full width, including the logo.
                                     element: mergeObjects([
                                         {
-                                            borderBottom: 'none'
+                                            borderBottom: 'none',
+                                            lineHeight: 'calc(var(--ant-layout-header-height, 64px) - 1px)'
                                         },
                                         styles.menu
                                     ])

package/dist/blocks/PageHeaderMenu/meta.js

@@ -45,6 +45,8 @@ export default {
         profileAvatar: 'The profile avatar element.',
         profileMenu: 'The profile dropdown menu popup.',
         darkModeToggle: 'The PageHeaderMenu dark mode toggle button.',
+        localeSelector: 'The PageHeaderMenu locale selector trigger.',
+        localeSelectorMenu: 'The PageHeaderMenu locale selector dropdown popup.',
         mobileMenu: 'The PageHeaderMenu mobile menu.',
         menu: 'The PageHeaderMenu menu.',
         content: 'The PageHeaderMenu content.',
@@ -348,7 +350,7 @@ export default {
                                         },
                                         shortcut: {
                                             type: 'string',
-                                            description: 'Keyboard shortcut. Renders a shortcut badge next to the label. Use "mod" for Cmd/Ctrl.'
+                                            description: 'Keyboard shortcut. Renders a kbd badge floated to the far right and wires the key handler. Use "mod" for Cmd/Ctrl.'
                                         }
                                     }
                                 },
@@ -408,6 +410,11 @@ export default {
                 default: false,
                 description: 'Show a dark mode toggle button in the header. Toggles the Ant Design dark theme for the entire page. Preference is persisted to localStorage.'
             },
+            localeSelector: {
+                type: 'boolean',
+                default: false,
+                description: 'Show a locale picker dropdown in the header. Lists locales declared in `config.i18n.locales` and dispatches `SetLocale` on selection. Renders nothing when `config.i18n` is not configured.'
+            },
             theme: {
                 type: 'object',
                 description: 'Antd design token overrides for this block. See <a href="https://ant.design/components/overview#design-token">antd design tokens</a>.',

package/dist/blocks/PageSidebarLayout/PageSidebarLayout.js

@@ -25,7 +25,7 @@ import Layout from '../Layout/Layout.js';
 import Menu from '../Menu/Menu.js';
 import MobileMenu from '../MobileMenu/MobileMenu.js';
 import Sider from '../Sider/Sider.js';
-import { getDarkMode, renderHeaderActions, registerDarkModeMethod } from '../headerActions.js';
+import { getDarkMode, renderHeaderActions, registerDarkModeMethod, registerLocaleMethod } from '../headerActions.js';
 function getInitialSiderState({ properties }) {
     const storageKey = `lf-${properties.siderStorageKey ?? 'sider'}-open`;
     try {
@@ -63,6 +63,7 @@ const PageSidebarLayout = ({ basePath, blockId, classNames = {}, components: { I
     }, []);
     useEffect(()=>{
         registerDarkModeMethod(methods);
+        registerLocaleMethod(methods);
         methods.registerMethod('toggleSiderOpen', ()=>{
             const next = !openSiderState;
             methods._toggleSiderOpen({

package/dist/blocks/PageSidebarLayout/meta.js

@@ -55,6 +55,8 @@ export default {
         profileAvatar: 'The profile avatar element.',
         profileMenu: 'The profile dropdown menu popup.',
         darkModeToggle: 'The dark mode toggle button.',
+        localeSelector: 'The locale selector trigger.',
+        localeSelectorMenu: 'The locale selector dropdown popup.',
         content: 'The PageSidebarLayout content.',
         breadcrumb: 'The PageSidebarLayout breadcrumb.',
         footer: 'The PageSidebarLayout footer.',
@@ -454,7 +456,7 @@ export default {
                                         },
                                         shortcut: {
                                             type: 'string',
-                                            description: 'Keyboard shortcut. Renders a shortcut badge next to the label. Use "mod" for Cmd/Ctrl.'
+                                            description: 'Keyboard shortcut. Renders a kbd badge floated to the far right and wires the key handler. Use "mod" for Cmd/Ctrl.'
                                         }
                                     }
                                 },
@@ -514,6 +516,11 @@ export default {
                 default: false,
                 description: 'Show a dark mode toggle button in the sider and mobile header. Toggles the Ant Design dark theme for the entire page. Preference is persisted to localStorage.'
             },
+            localeSelector: {
+                type: 'boolean',
+                default: false,
+                description: 'Show a locale picker dropdown in the sider and mobile header. Lists locales declared in `config.i18n.locales` and dispatches `SetLocale` on selection. Renders nothing when `config.i18n` is not configured.'
+            },
             iconsColor: {
                 type: 'string',
                 description: 'Color for notification and dark mode toggle icons.',

package/dist/blocks/PageSiderMenu/PageSiderMenu.js

@@ -25,7 +25,7 @@ import Layout from '../Layout/Layout.js';
 import Menu from '../Menu/Menu.js';
 import MobileMenu from '../MobileMenu/MobileMenu.js';
 import Sider from '../Sider/Sider.js';
-import { getDarkMode, renderHeaderActions, registerDarkModeMethod } from '../headerActions.js';
+import { getDarkMode, renderHeaderActions, registerDarkModeMethod, registerLocaleMethod } from '../headerActions.js';
 function getInitialSiderState({ properties }) {
     const storageKey = `lf-${properties.siderStorageKey ?? 'sider'}-open`;
     try {
@@ -51,6 +51,7 @@ const PageSiderMenu = ({ basePath, blockId, classNames = {}, components: { Icon,
         }));
     useEffect(()=>{
         registerDarkModeMethod(methods);
+        registerLocaleMethod(methods);
         methods.registerMethod('toggleSiderOpen', ()=>{
             const next = !openSiderState;
             methods._setSiderOpen({

package/dist/blocks/PageSiderMenu/meta.js

@@ -48,6 +48,8 @@ export default {
         profileAvatar: 'The profile avatar element.',
         profileMenu: 'The profile dropdown menu popup.',
         darkModeToggle: 'The PageSiderMenu dark mode toggle button.',
+        localeSelector: 'The PageSiderMenu locale selector trigger.',
+        localeSelectorMenu: 'The PageSiderMenu locale selector dropdown popup.',
         mobileMenu: 'The PageSiderMenu mobile menu.',
         layout: 'The PageSiderMenu inner layout.',
         sider: 'The PageSiderMenu sider.',
@@ -414,7 +416,7 @@ export default {
                                         },
                                         shortcut: {
                                             type: 'string',
-                                            description: 'Keyboard shortcut. Renders a shortcut badge next to the label. Use "mod" for Cmd/Ctrl.'
+                                            description: 'Keyboard shortcut. Renders a kbd badge floated to the far right and wires the key handler. Use "mod" for Cmd/Ctrl.'
                                         }
                                     }
                                 },
@@ -474,6 +476,11 @@ export default {
                 default: false,
                 description: 'Show a dark mode toggle button in the header. Toggles the Ant Design dark theme for the entire page. Preference is persisted to localStorage.'
             },
+            localeSelector: {
+                type: 'boolean',
+                default: false,
+                description: 'Show a locale picker dropdown in the header. Lists locales declared in `config.i18n.locales` and dispatches `SetLocale` on selection. Renders nothing when `config.i18n` is not configured.'
+            },
             theme: {
                 type: 'object',
                 description: 'Antd design token overrides for this block. See <a href="https://ant.design/components/overview#design-token">antd design tokens</a>.',

package/dist/blocks/PasswordInput/PasswordInput.js

@@ -21,6 +21,7 @@ import useRunAfterUpdate from '../../useRunAfterUpdate.js';
 const PasswordInput = ({ blockId, classNames = {}, components, events, loading, methods, properties, required, styles = {}, validation, value })=>{
     return /*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
+        methods: methods,
         classNames: classNames,
         components: components,
         events: events,

package/dist/blocks/PasswordInput/meta.js

@@ -36,7 +36,8 @@ export default {
             }
         },
         onFocus: 'Trigger action when text input gets focus.',
-        onPressEnter: 'Trigger action when enter is pressed while text input is focused.'
+        onPressEnter: 'Trigger action when enter is pressed while text input is focused.',
+        onTooltipClick: 'Trigger actions when the tooltip icon is clicked.'
     },
     properties: {
         type: 'object',

package/dist/blocks/PhoneNumberInput/PhoneNumberInput.js

@@ -130,6 +130,7 @@ const PhoneNumberInput = ({ blockId, classNames = {}, components: { Icon, Link }
     }
     return /*#__PURE__*/ React.createElement(Label, {
         blockId: blockId,
+        methods: methods,
         classNames: classNames,
         components: {
             Icon,

package/dist/blocks/PhoneNumberInput/meta.js

@@ -43,7 +43,8 @@ export default {
         },
         onBlur: 'Trigger action event occurs when input loses focus.',
         onFocus: 'Trigger action when input gets focus.',
-        onPressEnter: 'Trigger action when enter is pressed while text input is focused.'
+        onPressEnter: 'Trigger action when enter is pressed while text input is focused.',
+        onTooltipClick: 'Trigger actions when the tooltip icon is clicked.'
     },
     properties: {
         type: 'object',