@progress/kendo-react-layout 14.5.0-develop.9 → 15.0.0-develop.2

package/MenuMcpWrapper.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { MenuHandle } from './menu/components/Menu.js';
+import { MenuProps } from './menu/MenuProps';
+/**
+ * Menu wrapper that integrates the Web MCP hook.
+ *
+ * @hidden
+ */
+import * as React from 'react';
+/** @hidden */
+export declare const MenuWrapper: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<MenuHandle>>;

package/MenuMcpWrapper.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),i=require("./menu/components/Menu.js"),c=require("@progress/kendo-react-common");function s(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const o=s(a),f=c.withIdHOC(i.Menu),u=o.forwardRef((e,n)=>{const[t,r]=c.useMergedRef(n);return c.useWebMcpRegister("menu",t,e,e.webMcp),o.createElement(f,{...e,ref:r})});u.displayName="KendoReactMenu";exports.MenuWrapper=u;

package/MenuMcpWrapper.mjs

@@ -0,0 +1,18 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as r from "react";
+import { Menu as o } from "./menu/components/Menu.mjs";
+import { useMergedRef as f, useWebMcpRegister as a, withIdHOC as c } from "@progress/kendo-react-common";
+const i = c(o), u = r.forwardRef((e, t) => {
+  const [n, m] = f(t);
+  return a("menu", n, e, e.webMcp), /* @__PURE__ */ r.createElement(i, { ...e, ref: m });
+});
+u.displayName = "KendoReactMenu";
+export {
+  u as MenuWrapper
+};

package/README.md

@@ -1,4 +1,4 @@
-[![KendoReact NPM Banner](https://raw.githubusercontent.com/telerik/kendo-react/master/images/kendoreact-github-banner.png)](https://www.telerik.com/kendo-react-ui/components/free?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout&utm_content=banner)
+[![KendoReact NPM Banner](https://raw.githubusercontent.com/telerik/kendo-react/master/images/kendoreact-github-banner.png)](https://www.telerik.com/kendo-react-ui/components/getting-started/free-vs-premium?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout&utm_content=banner)
 
 # KendoReact Layout Library for React
 
@@ -6,7 +6,7 @@
 >
 > -   This package is а part of [KendoReact](https://www.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout)—an enterprise-grade UI library with 120+ free and premium components.
 > -   It contains both free and premium KendoReact components and tools. To use the premium components, you must install a license key file, whether you are on a paid license or a 30-day free trial. To receive a license key, either [purchase a license](https://www.telerik.com/kendo-react-ui/pricing) or start a [free trial](https://www.telerik.com/download-login-v2-kendo-react-ui). You can use the free components without having to sign up or get a license key.
-> -   If you're looking for free React components, check out [Get Started with KendoReact Free](https://www.telerik.com/kendo-react-ui/components/free).
+> -   If you're looking for free React components, check out [Get Started with KendoReact Free](https://www.telerik.com/kendo-react-ui/components/getting-started).
 > -   If you have an active license, visit the [KendoReact My License page](https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout) to learn how to configure your KendoReact licensing.
 > -   Installing and working with this package indicates that you [accept the KendoReact License Agreement](https://www.telerik.com/purchase/license-agreement/progress-kendoreact?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout).
 > -   The 30-day free trial gives you access to all KendoReact components and their full functionality. Additionally, for the period of your trial, you can use our legendary technical support provided directly by the KendoReact dev team!
@@ -558,7 +558,7 @@ import { Timeline } from '@progress/kendo-react-layout';
 
 The following table outlines the key resources available with KendoReact and KendoReact Free.
 
-|                                  | [KendoReact Free](https://www.telerik.com/kendo-react-ui/components/free)                                                                                                                                | [KendoReact](https://www.telerik.com/kendo-react-ui)                                                                                                                                                     |
+|                                  | [KendoReact Free](https://www.telerik.com/kendo-react-ui/components/getting-started/free-vs-premium)                                                                                                     | [KendoReact](https://www.telerik.com/kendo-react-ui)                                                                                                                                                     |
 | -------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | React components                 | 50+                                                                                                                                                                                                      | 120+                                                                                                                                                                                                     |
 | Four professional themes         | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z" stroke="white" stroke-width="2"/></svg> | <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M20.285 2l-11.285 11.567-5.286-5.011-3.714 3.716 9 8.728 15-15.285z" stroke="white" stroke-width="2"/></svg> |
@@ -581,7 +581,7 @@ For any issues you might encounter while working with the KendoReact Layout, use
 ## Resources
 
 -   [Getting Started with KendoReact](https://www.telerik.com/kendo-react-ui/components/getting-started/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout)
--   [Get Started with KendoReact Free](https://www.telerik.com/kendo-react-ui/components/free)
+-   [Get Started with KendoReact Free](https://www.telerik.com/kendo-react-ui/components/getting-started)
 -   [Getting Started with the KendoReact Layout](https://www.telerik.com/kendo-react-ui/components/layout/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout)
 -   [API Reference of the KendoReact Layout](https://www.telerik.com/kendo-react-ui/components/layout/api/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout)
 -   [KendoReact Roadmap](https://www.telerik.com/support/whats-new/kendo-react-ui/roadmap?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout)

package/actionsheet/ActionSheet.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const X=require("react"),Y=require("react-dom"),r=require("prop-types"),Z=require("@progress/kendo-react-animation"),k=require("@progress/kendo-react-common"),K=require("./ActionSheetItem.js"),F=require("./ActionSheetHeader.js"),p=require("./ActionSheetFooter.js"),ee=require("./ActionSheetContent.js"),H=require("./ActionSheetView.js");function V(e){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const m in e)if(m!=="default"){const f=Object.getOwnPropertyDescriptor(e,m);Object.defineProperty(d,m,f.get?f:{enumerable:!0,get:()=>e[m]})}}return d.default=e,Object.freeze(d)}const n=V(X),te=V(Y),R=n.forwardRef((e,d)=>{var _,M;const{navigatableElements:m=N.navigatableElements,navigatable:f=N.navigatable,position:L=N.position,animationDuration:l=300,prefixActions:g,suffixActions:D,filter:w}=e,$=(t,a,i)=>{i.preventDefault(),i.shiftKey?a.focusPrevious(t):a.focusNext(t)},B=(t,a,i)=>{if(t.ariaDisabled)return;const c=t.className&&t.className.indexOf?t.className.indexOf("k-actionsheet-item")!==-1:!1,A=a.elements.filter(y=>y.className.indexOf("k-actionsheet-item")!==-1);if(c&&e.onItemSelect){i.preventDefault();const y=e.items[A.indexOf(t)];e.onItemSelect.call(void 0,{syntheticEvent:i,item:y,title:y&&y.title})}e.animation||h()},U=(t,a,i)=>{e.onClose&&(i.preventDefault(),e.onClose.call(void 0,i)),e.animation||h()},h=()=>{b({show:!1})},z=t=>{f&&v.current.triggerKeyboardEvent(t)},G=t=>{e.onClose&&e.onClose.call(void 0,t),e.animation||h()},O=t=>{e.onItemSelect&&e.onItemSelect.call(void 0,t),e.animation||h()},J=t=>{const a={},i=[];return n.Children.forEach(t,c=>{c&&(c.type.displayName===H.ActionSheetViewDisplayName?i.push(c):a[c.type.displayName]=c)}),i.length>0?i:a},T=n.useRef(null),E=n.useRef(null);n.useImperativeHandle(T,()=>({props:e,element:E.current})),n.useImperativeHandle(d,()=>T.current);const v=n.useRef(void 0),x=n.useRef({bottom:"0",width:"100%"}),C=n.useRef(void 0),[o,Q]=n.useState({show:!1,slide:!1}),b=t=>{Q(a=>({...a,...t}))};n.useEffect(()=>{e.expand&&!o.show&&b({show:!0})},[]),n.useEffect(()=>{const t=E.current;if(e.expand&&!o.show&&b({show:!0}),e.expand&&o.show&&!o.slide&&b({slide:!0}),!e.expand&&o.show&&o.slide&&b({slide:!1}),C!==o&&o.slide&&t&&!e.className&&(t.style.setProperty("--kendo-actionsheet-height","auto"),t.style.setProperty("--kendo-actionsheet-max-height","none")),t&&f){const i=[".k-actionsheet-item",...[".k-actionsheet-footer",".k-actionsheet-content",".k-actionsheet-view",".k-actionsheet-titlebar"].map(c=>k.FOCUSABLE_ELEMENTS.concat(m).map(A=>`${c} ${A}`)).flat()];v.current=new k.Navigation({tabIndex:e.tabIndex||0,root:E,rovingTabIndex:!1,selectors:i,keyboardEvents:{keydown:{Tab:$,Enter:B,Escape:U}}}),v.current.focusElement(v.current.first,null)}C.current={...o}});const I="k-actionsheet-title",P=I,s=(_=e.items)==null?void 0:_.filter(t=>!t.group||t.group==="top"),S=(M=e.items)==null?void 0:M.filter(t=>t.group==="bottom"),W=s&&s.length>0&&S&&S.length>0,u=J(e.children),q=o.slide&&n.createElement("div",{className:k.classNames(`k-actionsheet k-actionsheet-${L}`,e.className),role:"dialog","aria-modal":"true",style:e.style,"aria-hidden":!1,"aria-labelledby":P,ref:E,onKeyDown:z},Array.isArray(u)?n.createElement(n.Fragment,null,u.map(t=>t)):n.createElement(H.ActionSheetView,null,u[F.headerDisplayName]&&!e.title&&!e.subTitle&&u[F.headerDisplayName],(e.title||e.subTitle||g||D||w)&&n.createElement("div",{className:"k-actionsheet-titlebar"},n.createElement("div",{className:"k-actionsheet-titlebar-group"},g&&n.createElement("div",{className:"k-actionsheet-actions"},g),n.createElement("div",{className:I,id:P},n.createElement("div",{className:"k-text-center"},e.title),e.subTitle&&n.createElement("div",{className:"k-actionsheet-subtitle k-text-center"},e.subTitle)),D&&n.createElement("div",{className:"k-actionsheet-actions"},D)),w&&n.createElement("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter"},w)),u[ee.contentDisplayName]||n.createElement("div",{className:"k-actionsheet-content"},n.createElement("div",{className:"k-list-ul",role:"group"},s&&s.map((t,a)=>n.createElement(K.ActionSheetItem,{...t,id:a,key:a,item:t,onClick:O})),W&&n.createElement("hr",{className:"k-hr"}),S&&S.map((t,a)=>n.createElement(K.ActionSheetItem,{...t,id:a+((s==null?void 0:s.length)||0),key:a,item:t,onClick:O})))),u[p.footerDisplayName])),j=n.createElement(n.Fragment,null,e.expand||o.show?n.createElement("div",{className:"k-actionsheet-container"},n.createElement("div",{className:"k-overlay",onClick:G}),e.animation?n.createElement(Z.Animation,{transitionName:o.slide?"slide-up":"slide-down",onExited:h,transitionEnterDuration:typeof l=="object"&&Object.keys(l).length>0&&l.openDuration?Number(l.openDuration):Number(l),transitionExitDuration:typeof l=="object"&&Object.keys(l).length>0&&l.closeDuration?Number(l.closeDuration):Number(l),animationEnteringStyle:e.animationStyles||x.current,animationEnteredStyle:e.animationStyles||x.current,animationExitingStyle:e.animationStyles||x.current,exit:!0,enter:!0,appear:!1},q):q):null);return e.appendTo&&k.canUseDOM?te.createPortal(j,e.appendTo):j}),N={navigatable:!0,navigatableElements:[],position:"bottom"};R.propTypes={items:r.array,subTitle:r.node,title:r.node,navigatable:r.bool,navigatableElements:r.array,position:r.oneOf(["top","bottom","left","right","fullscreen"]),appendTo:r.any};R.displayName="KendoReactActionSheet";exports.ActionSheet=R;exports.actionSheetDefaultProps=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const X=require("react"),Y=require("react-dom"),r=require("prop-types"),Z=require("@progress/kendo-react-animation"),N=require("@progress/kendo-react-common"),K=require("./ActionSheetItem.js"),F=require("./ActionSheetHeader.js"),p=require("./ActionSheetFooter.js"),ee=require("./ActionSheetContent.js"),H=require("./ActionSheetView.js");function V(e){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const m in e)if(m!=="default"){const f=Object.getOwnPropertyDescriptor(e,m);Object.defineProperty(d,m,f.get?f:{enumerable:!0,get:()=>e[m]})}}return d.default=e,Object.freeze(d)}const n=V(X),te=V(Y),R=n.forwardRef((e,d)=>{var _,M;const{navigatableElements:m=g.navigatableElements,navigatable:f=g.navigatable,position:L=g.position,animationDuration:l=300,prefixActions:D,suffixActions:w,filter:x}=e,$=(t,a,i)=>{i.preventDefault(),i.shiftKey?a.focusPrevious(t):a.focusNext(t)},B=(t,a,i)=>{if(t.ariaDisabled)return;const c=t.className&&t.className.indexOf?t.className.indexOf("k-actionsheet-item")!==-1:!1,A=a.elements.filter(b=>b.className.indexOf("k-actionsheet-item")!==-1);if(c&&e.onItemSelect){i.preventDefault();const b=e.items[A.indexOf(t)];e.onItemSelect.call(void 0,{syntheticEvent:i,item:b,title:b&&b.title})}e.animation||h()},U=(t,a,i)=>{e.onClose&&(i.preventDefault(),e.onClose.call(void 0,i)),e.animation||h()},h=()=>{y({show:!1})},z=t=>{f&&v.current.triggerKeyboardEvent(t)},G=t=>{e.onClose&&e.onClose.call(void 0,t),e.animation||h()},O=t=>{e.onItemSelect&&e.onItemSelect.call(void 0,t),e.animation||h()},J=t=>{const a={},i=[];return n.Children.forEach(t,c=>{c&&(c.type.displayName===H.ActionSheetViewDisplayName?i.push(c):a[c.type.displayName]=c)}),i.length>0?i:a},T=n.useRef(null),E=n.useRef(null);n.useImperativeHandle(T,()=>({props:e,element:E.current})),n.useImperativeHandle(d,()=>T.current);const v=n.useRef(void 0),k=n.useRef({bottom:"0",width:"100%"}),C=n.useRef(void 0),[o,Q]=n.useState({show:!1,slide:!1}),y=t=>{Q(a=>({...a,...t}))};n.useEffect(()=>{e.expand&&!o.show&&y({show:!0})},[]),n.useEffect(()=>{const t=E.current;if(e.expand&&!o.show&&y({show:!0}),e.expand&&o.show&&!o.slide&&y({slide:!0}),!e.expand&&o.show&&o.slide&&y({slide:!1}),C!==o&&o.slide&&t&&!e.className&&(t.style.setProperty("--kendo-actionsheet-height","auto"),t.style.setProperty("--kendo-actionsheet-max-height","none")),t&&f){const i=[".k-actionsheet-item",...[".k-actionsheet-footer",".k-actionsheet-content",".k-actionsheet-view",".k-actionsheet-titlebar"].map(c=>N.FOCUSABLE_ELEMENTS.concat(m).map(A=>`${c} ${A}`)).flat()];v.current=new N.Navigation({tabIndex:e.tabIndex||0,root:E,rovingTabIndex:!1,selectors:i,keyboardEvents:{keydown:{Tab:$,Enter:B,Escape:U}}}),v.current.focusElement(v.current.first,null)}C.current={...o}});const I="k-actionsheet-title",P=I,s=(_=e.items)==null?void 0:_.filter(t=>!t.group||t.group==="top"),S=(M=e.items)==null?void 0:M.filter(t=>t.group==="bottom"),W=s&&s.length>0&&S&&S.length>0,u=J(e.children),q=o.slide&&n.createElement("div",{className:N.classNames(`k-actionsheet k-actionsheet-${L}`,e.className),role:"dialog","aria-modal":"true",style:e.style,"aria-labelledby":P,ref:E,onKeyDown:z},Array.isArray(u)?n.createElement(n.Fragment,null,u.map(t=>t)):n.createElement(H.ActionSheetView,null,u[F.headerDisplayName]&&!e.title&&!e.subTitle&&u[F.headerDisplayName],(e.title||e.subTitle||D||w||x)&&n.createElement("div",{className:"k-actionsheet-titlebar"},n.createElement("div",{className:"k-actionsheet-titlebar-group"},D&&n.createElement("div",{className:"k-actionsheet-actions"},D),n.createElement("div",{className:I,id:P},n.createElement("div",{className:"k-text-center"},e.title),e.subTitle&&n.createElement("div",{className:"k-actionsheet-subtitle k-text-center"},e.subTitle)),w&&n.createElement("div",{className:"k-actionsheet-actions"},w)),x&&n.createElement("div",{className:"k-actionsheet-titlebar-group k-actionsheet-filter"},x)),u[ee.contentDisplayName]||n.createElement("div",{className:"k-actionsheet-content"},n.createElement("div",{className:"k-list-ul"},s&&s.map((t,a)=>n.createElement(K.ActionSheetItem,{...t,id:a,key:a,item:t,onClick:O})),W&&n.createElement("hr",{className:"k-hr"}),S&&S.map((t,a)=>n.createElement(K.ActionSheetItem,{...t,id:a+((s==null?void 0:s.length)||0),key:a,item:t,onClick:O})))),u[p.footerDisplayName])),j=n.createElement(n.Fragment,null,e.expand||o.show?n.createElement("div",{className:"k-actionsheet-container"},n.createElement("div",{className:"k-overlay",onClick:G}),e.animation?n.createElement(Z.Animation,{transitionName:o.slide?"slide-up":"slide-down",onExited:h,transitionEnterDuration:typeof l=="object"&&Object.keys(l).length>0&&l.openDuration?Number(l.openDuration):Number(l),transitionExitDuration:typeof l=="object"&&Object.keys(l).length>0&&l.closeDuration?Number(l.closeDuration):Number(l),animationEnteringStyle:e.animationStyles||k.current,animationEnteredStyle:e.animationStyles||k.current,animationExitingStyle:e.animationStyles||k.current,exit:!0,enter:!0,appear:!1},q):n.createElement("div",{className:"k-animation-container k-animation-container-shown"},n.createElement("div",{className:"k-child-animation-container",style:e.animationStyles||k.current},q))):null);return e.appendTo&&N.canUseDOM?te.createPortal(j,e.appendTo):j}),g={navigatable:!0,navigatableElements:[],position:"bottom"};R.propTypes={items:r.array,subTitle:r.node,title:r.node,navigatable:r.bool,navigatableElements:r.array,position:r.oneOf(["top","bottom","left","right","fullscreen"]),appendTo:r.any};R.displayName="KendoReactActionSheet";exports.ActionSheet=R;exports.actionSheetDefaultProps=g;

package/actionsheet/ActionSheet.mjs

@@ -19,12 +19,12 @@ const _ = n.forwardRef((e, F) => {
   var O, P;
   const {
     navigatableElements: H = g.navigatableElements,
-    navigatable: x = g.navigatable,
+    navigatable: w = g.navigatable,
     position: L = g.position,
     animationDuration: l = 300,
-    prefixActions: b,
-    suffixActions: v,
-    filter: k
+    prefixActions: v,
+    suffixActions: k,
+    filter: N
   } = e, M = (t, a, i) => {
     i.preventDefault(), i.shiftKey ? a.focusPrevious(t) : a.focusNext(t);
   }, V = (t, a, i) => {
@@ -46,10 +46,10 @@ const _ = n.forwardRef((e, F) => {
   }, f = () => {
     d({ show: !1 });
   }, B = (t) => {
-    x && E.current.triggerKeyboardEvent(t);
+    w && E.current.triggerKeyboardEvent(t);
   }, U = (t) => {
     e.onClose && e.onClose.call(void 0, t), e.animation || f();
-  }, w = (t) => {
+  }, x = (t) => {
     e.onItemSelect && e.onItemSelect.call(void 0, t), e.animation || f();
   }, q = (t) => {
     const a = {}, i = [];
@@ -64,14 +64,14 @@ const _ = n.forwardRef((e, F) => {
     F,
     () => D.current
   );
-  const E = n.useRef(void 0), N = n.useRef({ bottom: "0", width: "100%" }), R = n.useRef(void 0), [o, z] = n.useState({ show: !1, slide: !1 }), d = (t) => {
+  const E = n.useRef(void 0), y = n.useRef({ bottom: "0", width: "100%" }), R = n.useRef(void 0), [o, z] = n.useState({ show: !1, slide: !1 }), d = (t) => {
     z((a) => ({ ...a, ...t }));
   };
   n.useEffect(() => {
     e.expand && !o.show && d({ show: !0 });
   }, []), n.useEffect(() => {
     const t = h.current;
-    if (e.expand && !o.show && d({ show: !0 }), e.expand && o.show && !o.slide && d({ slide: !0 }), !e.expand && o.show && o.slide && d({ slide: !1 }), R !== o && o.slide && t && !e.className && (t.style.setProperty("--kendo-actionsheet-height", "auto"), t.style.setProperty("--kendo-actionsheet-max-height", "none")), t && x) {
+    if (e.expand && !o.show && d({ show: !0 }), e.expand && o.show && !o.slide && d({ slide: !0 }), !e.expand && o.show && o.slide && d({ slide: !1 }), R !== o && o.slide && t && !e.className && (t.style.setProperty("--kendo-actionsheet-height", "auto"), t.style.setProperty("--kendo-actionsheet-max-height", "none")), t && w) {
       const i = [".k-actionsheet-item", ...[
         ".k-actionsheet-footer",
         ".k-actionsheet-content",
@@ -98,37 +98,36 @@ const _ = n.forwardRef((e, F) => {
   });
   const T = "k-actionsheet-title", C = T, c = (O = e.items) == null ? void 0 : O.filter(
     (t) => !t.group || t.group === "top"
-  ), y = (P = e.items) == null ? void 0 : P.filter(
+  ), b = (P = e.items) == null ? void 0 : P.filter(
     (t) => t.group === "bottom"
-  ), G = c && c.length > 0 && y && y.length > 0, m = q(e.children), I = o.slide && /* @__PURE__ */ n.createElement(
+  ), G = c && c.length > 0 && b && b.length > 0, m = q(e.children), I = o.slide && /* @__PURE__ */ n.createElement(
     "div",
     {
       className: Y(`k-actionsheet k-actionsheet-${L}`, e.className),
       role: "dialog",
       "aria-modal": "true",
       style: e.style,
-      "aria-hidden": !1,
       "aria-labelledby": C,
       ref: h,
       onKeyDown: B
     },
-    Array.isArray(m) ? /* @__PURE__ */ n.createElement(n.Fragment, null, m.map((t) => t)) : /* @__PURE__ */ n.createElement(te, null, m[j] && !e.title && !e.subTitle && m[j], (e.title || e.subTitle || b || v || k) && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-titlebar" }, /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-titlebar-group" }, b && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-actions" }, b), /* @__PURE__ */ n.createElement("div", { className: T, id: C }, /* @__PURE__ */ n.createElement("div", { className: "k-text-center" }, e.title), e.subTitle && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-subtitle k-text-center" }, e.subTitle)), v && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-actions" }, v)), k && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-titlebar-group k-actionsheet-filter" }, k)), m[ee] || /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-content" }, /* @__PURE__ */ n.createElement("div", { className: "k-list-ul", role: "group" }, c && c.map((t, a) => /* @__PURE__ */ n.createElement(
+    Array.isArray(m) ? /* @__PURE__ */ n.createElement(n.Fragment, null, m.map((t) => t)) : /* @__PURE__ */ n.createElement(te, null, m[j] && !e.title && !e.subTitle && m[j], (e.title || e.subTitle || v || k || N) && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-titlebar" }, /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-titlebar-group" }, v && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-actions" }, v), /* @__PURE__ */ n.createElement("div", { className: T, id: C }, /* @__PURE__ */ n.createElement("div", { className: "k-text-center" }, e.title), e.subTitle && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-subtitle k-text-center" }, e.subTitle)), k && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-actions" }, k)), N && /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-titlebar-group k-actionsheet-filter" }, N)), m[ee] || /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-content" }, /* @__PURE__ */ n.createElement("div", { className: "k-list-ul" }, c && c.map((t, a) => /* @__PURE__ */ n.createElement(
       K,
       {
         ...t,
         id: a,
         key: a,
         item: t,
-        onClick: w
+        onClick: x
       }
-    )), G && /* @__PURE__ */ n.createElement("hr", { className: "k-hr" }), y && y.map((t, a) => /* @__PURE__ */ n.createElement(
+    )), G && /* @__PURE__ */ n.createElement("hr", { className: "k-hr" }), b && b.map((t, a) => /* @__PURE__ */ n.createElement(
       K,
       {
         ...t,
         id: a + ((c == null ? void 0 : c.length) || 0),
         key: a,
         item: t,
-        onClick: w
+        onClick: x
       }
     )))), m[p])
   ), A = /* @__PURE__ */ n.createElement(n.Fragment, null, e.expand || o.show ? /* @__PURE__ */ n.createElement("div", { className: "k-actionsheet-container" }, /* @__PURE__ */ n.createElement("div", { className: "k-overlay", onClick: U }), e.animation ? /* @__PURE__ */ n.createElement(
@@ -138,15 +137,15 @@ const _ = n.forwardRef((e, F) => {
       onExited: f,
       transitionEnterDuration: typeof l == "object" && Object.keys(l).length > 0 && l.openDuration ? Number(l.openDuration) : Number(l),
       transitionExitDuration: typeof l == "object" && Object.keys(l).length > 0 && l.closeDuration ? Number(l.closeDuration) : Number(l),
-      animationEnteringStyle: e.animationStyles || N.current,
-      animationEnteredStyle: e.animationStyles || N.current,
-      animationExitingStyle: e.animationStyles || N.current,
+      animationEnteringStyle: e.animationStyles || y.current,
+      animationEnteredStyle: e.animationStyles || y.current,
+      animationExitingStyle: e.animationStyles || y.current,
       exit: !0,
       enter: !0,
       appear: !1
     },
     I
-  ) : I) : null);
+  ) : /* @__PURE__ */ n.createElement("div", { className: "k-animation-container k-animation-container-shown" }, /* @__PURE__ */ n.createElement("div", { className: "k-child-animation-container", style: e.animationStyles || y.current }, I))) : null);
   return e.appendTo && Z ? J.createPortal(A, e.appendTo) : A;
 }), g = {
   navigatable: !0,

package/actionsheet/ActionSheetItem.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),c=require("prop-types"),o=require("@progress/kendo-react-common");function m(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const a=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(n,i,a.get?a:{enumerable:!0,get:()=>e[i]})}}return n.default=e,Object.freeze(n)}const t=m(s),l=e=>{const n=t.useRef(null),i=t.useCallback(a=>{e.onClick&&e.onClick.call(void 0,{syntheticEvent:a,item:e.item,title:e.title})},[e.item,e.title,e.onClick]);return t.useEffect(()=>{n.current&&e.focused&&n.current.focus()},[e.focused]),t.createElement("span",{style:e.style,tabIndex:e.tabIndex,className:o.classNames("k-actionsheet-item","k-cursor-pointer",e.disabled&&"k-disabled",e.className),ref:n,role:"button","aria-disabled":e.disabled,onClick:i},t.createElement("span",{className:"k-actionsheet-action"},e.icon&&t.createElement("span",{className:"k-icon-wrap"},e.icon),(e.title||e.description)&&t.createElement("span",{className:"k-actionsheet-item-text"},e.title&&t.createElement("span",{className:"k-actionsheet-item-title"},e.title),e.description&&t.createElement("span",{className:"k-actionsheet-item-description"},e.description))))};l.propTypes={className:c.string,style:c.object,description:c.string,disabled:c.bool,group:c.oneOf(["top","bottom"]),icon:c.element,title:c.string};exports.ActionSheetItem=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),c=require("prop-types"),o=require("@progress/kendo-react-common");function m(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const a=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(n,i,a.get?a:{enumerable:!0,get:()=>e[i]})}}return n.default=e,Object.freeze(n)}const t=m(s),l=e=>{const n=t.useRef(null),i=t.useCallback(a=>{e.onClick&&e.onClick.call(void 0,{syntheticEvent:a,item:e.item,title:e.title})},[e.item,e.title,e.onClick]);return t.useEffect(()=>{n.current&&e.focused&&n.current.focus()},[e.focused]),t.createElement("span",{style:e.style,tabIndex:e.tabIndex,className:o.classNames("k-actionsheet-item",e.disabled&&"k-disabled",e.className),ref:n,"aria-disabled":e.disabled||void 0,onClick:i},t.createElement("span",{className:"k-actionsheet-action"},e.icon&&t.createElement("span",{className:"k-icon-wrap"},e.icon),(e.title||e.description)&&t.createElement("span",{className:"k-actionsheet-item-text"},e.title&&t.createElement("span",{className:"k-actionsheet-item-title"},e.title),e.description&&t.createElement("span",{className:"k-actionsheet-item-description"},e.description))))};l.propTypes={className:c.string,style:c.object,description:c.string,disabled:c.bool,group:c.oneOf(["top","bottom"]),icon:c.element,title:c.string};exports.ActionSheetItem=l;

package/actionsheet/ActionSheetItem.mjs

@@ -28,13 +28,11 @@ const s = (e) => {
       tabIndex: e.tabIndex,
       className: l(
         "k-actionsheet-item",
-        "k-cursor-pointer",
         e.disabled && "k-disabled",
         e.className
       ),
       ref: a,
-      role: "button",
-      "aria-disabled": e.disabled,
+      "aria-disabled": e.disabled || void 0,
       onClick: c
     },
     /* @__PURE__ */ t.createElement("span", { className: "k-actionsheet-action" }, e.icon && /* @__PURE__ */ t.createElement("span", { className: "k-icon-wrap" }, e.icon), (e.title || e.description) && /* @__PURE__ */ t.createElement("span", { className: "k-actionsheet-item-text" }, e.title && /* @__PURE__ */ t.createElement("span", { className: "k-actionsheet-item-title" }, e.title), e.description && /* @__PURE__ */ t.createElement("span", { className: "k-actionsheet-item-description" }, e.description)))

package/bottomnavigation/BottomNavigation.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react"),l=require("prop-types"),r=require("@progress/kendo-react-common"),N=require("./models/utils.js"),j=require("./BottomNavigationItem.js");function B(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const c=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(i,n,c.get?c:{enumerable:!0,get:()=>e[n]})}}return i.default=e,Object.freeze(i)}const o=B(_),g=o.forwardRef((e,i)=>{const n=o.useRef(null),c=o.useCallback(()=>{n.current&&r.focusFirstFocusableChild(n.current)},[]),m=o.useCallback(()=>({element:n.current,focus:c}),[c]);o.useImperativeHandle(i,m);const{positionMode:C=d.positionMode,itemFlow:M=d.itemFlow,border:S=d.border,className:k,items:s,item:I,itemRender:w,disabled:f,style:E,id:h,onSelect:b,onKeyDown:p}=e,O=r.useId(),D=r.useDir(n,e.dir),v=o.useMemo(()=>e.fillMode===null?null:e.fillMode||d.fillMode,[e.fillMode]),y=o.useMemo(()=>e.themeColor||d.themeColor,[e.themeColor]),R=o.useMemo(()=>r.classNames("k-bottom-nav",N.POSITION_MODE_CLASSES[C],N.ITEM_FLOW_CLASSES[M],{[`k-bottom-nav-${v}`]:v,[`k-bottom-nav-${y}`]:!!y,"k-bottom-nav-border":S,"k-disabled":f},k),[C,y,v,M,S,f,k]),u=o.useCallback((t,a)=>{s&&!s[a].disabled&&b&&r.dispatchEvent(b,t,m(),{itemTarget:s[a],itemIndex:a})},[s,b]),F=o.useCallback((t,a)=>{u(t,a)},[u]),T=o.useCallback((t,a)=>{switch(t.keyCode){case r.Keys.enter:case r.Keys.space:u(t,a),t.preventDefault();break}r.dispatchEvent(p,t,m(),void 0)},[u,p]);return o.createElement("nav",{ref:n,className:R,style:E,id:h||O,dir:D},s&&s.map((t,a)=>o.createElement(j.BottomNavigationItem,{...t,key:a,index:a,id:`${h||O}-${a}`,disabled:f||t.disabled,selected:t.selected,dataItem:t,item:I,render:w,onSelect:F,onKeyDown:T})))}),d={themeColor:void 0,fillMode:void 0,itemFlow:"vertical",positionMode:"fixed",border:!0};g.propTypes={className:l.string,style:l.object,id:l.string,dir:l.string,themeColor:l.oneOf(["base","primary","secondary","tertiary","inverse"]),fillMode:l.oneOf(["solid","flat"]),itemFlow:l.oneOf(["vertical","horizontal"]),border:l.bool,disabled:l.bool,selected:l.number,onSelect:l.func};g.displayName="KendoReactBottomNavigation";exports.BottomNavigation=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react"),n=require("prop-types"),l=require("@progress/kendo-react-common"),I=require("./models/utils.js"),B=require("./BottomNavigationItem.js"),K=require("@progress/kendo-react-intl"),y=require("./messages/index.js");function P(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const c=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(s,i,c.get?c:{enumerable:!0,get:()=>e[i]})}}return s.default=e,Object.freeze(s)}const o=P(j),C=o.forwardRef((e,s)=>{const i=o.useRef(null),c=o.useCallback(()=>{i.current&&l.focusFirstFocusableChild(i.current)},[]),m=o.useCallback(()=>({element:i.current,focus:c}),[c]);o.useImperativeHandle(s,m);const{positionMode:M=d.positionMode,itemFlow:S=d.itemFlow,border:k=d.border,className:h,items:r,item:w,itemRender:E,disabled:b,style:R,id:p,onSelect:f,onKeyDown:N}=e,D=K.useLocalization(),O=l.useId(),L=l.useDir(i,e.dir),v=o.useMemo(()=>e.fillMode===null?null:e.fillMode||d.fillMode,[e.fillMode]),g=o.useMemo(()=>e.themeColor||d.themeColor,[e.themeColor]),q=o.useMemo(()=>l.classNames("k-bottom-nav",I.POSITION_MODE_CLASSES[M],I.ITEM_FLOW_CLASSES[S],{[`k-bottom-nav-${v}`]:v,[`k-bottom-nav-${g}`]:!!g,"k-bottom-nav-border":k,"k-disabled":b},h),[M,g,v,S,k,b,h]),u=o.useCallback((t,a)=>{r&&!r[a].disabled&&f&&l.dispatchEvent(f,t,m(),{itemTarget:r[a],itemIndex:a})},[r,f]),F=o.useCallback((t,a)=>{u(t,a)},[u]),T=o.useCallback((t,a)=>{switch(t.keyCode){case l.Keys.enter:case l.Keys.space:u(t,a),t.preventDefault();break}l.dispatchEvent(N,t,m(),void 0)},[u,N]),_=D.toLanguageString(y.bottomNavigationAriaLabel,y.messages[y.bottomNavigationAriaLabel]);return o.createElement("nav",{ref:i,className:q,style:R,id:p||O,dir:L,"aria-label":_},r&&r.map((t,a)=>o.createElement(B.BottomNavigationItem,{...t,key:a,index:a,id:`${p||O}-${a}`,disabled:b||t.disabled,selected:t.selected,dataItem:t,item:w,render:E,onSelect:F,onKeyDown:T})))}),d={themeColor:void 0,fillMode:void 0,itemFlow:"vertical",positionMode:"fixed",border:!0};C.propTypes={className:n.string,style:n.object,id:n.string,dir:n.string,themeColor:n.oneOf(["base","primary","secondary","tertiary","inverse"]),fillMode:n.oneOf(["solid","flat"]),itemFlow:n.oneOf(["vertical","horizontal"]),border:n.bool,disabled:n.bool,selected:n.number,onSelect:n.func};C.displayName="KendoReactBottomNavigation";exports.BottomNavigation=C;

package/bottomnavigation/BottomNavigation.mjs

@@ -6,115 +6,131 @@
  *-------------------------------------------------------------------------------------------
  */
 import * as o from "react";
-import l from "prop-types";
-import { focusFirstFocusableChild as T, useId as B, useDir as _, classNames as $, dispatchEvent as S, Keys as I } from "@progress/kendo-react-common";
-import { POSITION_MODE_CLASSES as L, ITEM_FLOW_CLASSES as P } from "./models/utils.mjs";
-import { BottomNavigationItem as A } from "./BottomNavigationItem.mjs";
-const w = o.forwardRef((a, E) => {
-  const s = o.useRef(null), b = o.useCallback(() => {
-    s.current && T(s.current);
-  }, []), d = o.useCallback(
+import a from "prop-types";
+import { focusFirstFocusableChild as B, useId as _, useDir as $, classNames as z, dispatchEvent as k, Keys as S } from "@progress/kendo-react-common";
+import { POSITION_MODE_CLASSES as P, ITEM_FLOW_CLASSES as H } from "./models/utils.mjs";
+import { BottomNavigationItem as j } from "./BottomNavigationItem.mjs";
+import { useLocalization as W } from "@progress/kendo-react-intl";
+import { bottomNavigationAriaLabel as I, messages as q } from "./messages/index.mjs";
+const N = o.forwardRef((l, w) => {
+  const r = o.useRef(null), b = o.useCallback(() => {
+    r.current && B(r.current);
+  }, []), c = o.useCallback(
     () => ({
-      element: s.current,
+      element: r.current,
       focus: b
     }),
     [b]
   );
-  o.useImperativeHandle(E, d);
+  o.useImperativeHandle(w, c);
   const {
-    positionMode: v = i.positionMode,
-    itemFlow: C = i.itemFlow,
-    border: M = i.border,
-    className: y,
-    items: r,
-    item: N,
-    itemRender: g,
-    disabled: c,
-    style: F,
-    id: h,
+    positionMode: v = s.positionMode,
+    itemFlow: C = s.itemFlow,
+    border: M = s.border,
+    className: g,
+    items: i,
+    item: E,
+    itemRender: F,
+    disabled: d,
+    style: L,
+    id: p,
     onSelect: m,
-    onKeyDown: k
-  } = a, p = B(), O = _(s, a.dir), f = o.useMemo(() => a.fillMode === null ? null : a.fillMode || i.fillMode, [a.fillMode]), u = o.useMemo(() => a.themeColor || i.themeColor, [a.themeColor]), D = o.useMemo(
-    () => $(
+    onKeyDown: y
+  } = l, O = W(), h = _(), D = $(r, l.dir), f = o.useMemo(() => l.fillMode === null ? null : l.fillMode || s.fillMode, [l.fillMode]), u = o.useMemo(() => l.themeColor || s.themeColor, [l.themeColor]), R = o.useMemo(
+    () => z(
       "k-bottom-nav",
-      L[v],
-      P[C],
+      P[v],
+      H[C],
       {
         [`k-bottom-nav-${f}`]: f,
         [`k-bottom-nav-${u}`]: !!u,
         "k-bottom-nav-border": M,
-        "k-disabled": c
+        "k-disabled": d
       },
-      y
+      g
     ),
-    [v, u, f, C, M, c, y]
+    [v, u, f, C, M, d, g]
   ), n = o.useCallback(
     (e, t) => {
-      r && !r[t].disabled && m && S(m, e, d(), {
-        itemTarget: r[t],
+      i && !i[t].disabled && m && k(m, e, c(), {
+        itemTarget: i[t],
         itemIndex: t
       });
     },
-    [r, m]
-  ), R = o.useCallback(
+    [i, m]
+  ), K = o.useCallback(
     (e, t) => {
       n(e, t);
     },
     [n]
-  ), K = o.useCallback(
+  ), T = o.useCallback(
     (e, t) => {
       switch (e.keyCode) {
-        case I.enter:
-        case I.space:
+        case S.enter:
+        case S.space:
           n(e, t), e.preventDefault();
           break;
       }
-      S(
-        k,
+      k(
+        y,
         e,
-        d(),
+        c(),
         void 0
       );
     },
-    [n, k]
+    [n, y]
+  ), A = O.toLanguageString(
+    I,
+    q[I]
   );
-  return /* @__PURE__ */ o.createElement("nav", { ref: s, className: D, style: F, id: h || p, dir: O }, r && r.map((e, t) => /* @__PURE__ */ o.createElement(
-    A,
+  return /* @__PURE__ */ o.createElement(
+    "nav",
     {
-      ...e,
-      key: t,
-      index: t,
-      id: `${h || p}-${t}`,
-      disabled: c || e.disabled,
-      selected: e.selected,
-      dataItem: e,
-      item: N,
-      render: g,
-      onSelect: R,
-      onKeyDown: K
-    }
-  )));
-}), i = {
+      ref: r,
+      className: R,
+      style: L,
+      id: p || h,
+      dir: D,
+      "aria-label": A
+    },
+    i && i.map((e, t) => /* @__PURE__ */ o.createElement(
+      j,
+      {
+        ...e,
+        key: t,
+        index: t,
+        id: `${p || h}-${t}`,
+        disabled: d || e.disabled,
+        selected: e.selected,
+        dataItem: e,
+        item: E,
+        render: F,
+        onSelect: K,
+        onKeyDown: T
+      }
+    ))
+  );
+}), s = {
   themeColor: void 0,
   fillMode: void 0,
   itemFlow: "vertical",
   positionMode: "fixed",
   border: !0
 };
-w.propTypes = {
-  className: l.string,
-  style: l.object,
-  id: l.string,
-  dir: l.string,
-  themeColor: l.oneOf(["base", "primary", "secondary", "tertiary", "inverse"]),
-  fillMode: l.oneOf(["solid", "flat"]),
-  itemFlow: l.oneOf(["vertical", "horizontal"]),
-  border: l.bool,
-  disabled: l.bool,
-  selected: l.number,
-  onSelect: l.func
+N.propTypes = {
+  className: a.string,
+  style: a.object,
+  id: a.string,
+  dir: a.string,
+  themeColor: a.oneOf(["base", "primary", "secondary", "tertiary", "inverse"]),
+  fillMode: a.oneOf(["solid", "flat"]),
+  itemFlow: a.oneOf(["vertical", "horizontal"]),
+  border: a.bool,
+  disabled: a.bool,
+  selected: a.number,
+  onSelect: a.func
 };
-w.displayName = "KendoReactBottomNavigation";
+N.displayName = "KendoReactBottomNavigation";
 export {
-  w as BottomNavigation
+  N as BottomNavigation
 };

package/bottomnavigation/BottomNavigationItem.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),n=require("prop-types"),u=require("@progress/kendo-react-common");function D(t){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(c,o,l.get?l:{enumerable:!0,get:()=>t[o]})}}return c.default=t,Object.freeze(c)}const e=D(w),b=e.forwardRef((t,c)=>{const o=e.useRef(null);e.useImperativeHandle(c,()=>({element:o.current}));const{className:l,style:k,selected:r,disabled:a,item:N,render:x,dataItem:C,icon:g,svgIcon:p,text:f,id:R,onSelect:i,onKeyDown:m,index:s,tabIndex:j=E.tabIndex}=t,O=e.useMemo(()=>u.classNames("k-bottom-nav-item",{"k-selected":r,"k-disabled":a},l),[r,a,l]),P=e.useCallback(d=>{i&&s!==void 0&&!a&&i(d,s)},[i,s,a]),S=e.useCallback(d=>{m&&s!==void 0&&!a&&m(d,s)},[m,s,a]),v=x,I=N,y=e.createElement("span",{ref:o,className:O,style:k,role:"link",id:R,tabIndex:j,onClick:P,onKeyDown:S,"aria-current":r,"aria-disabled":a},I?e.createElement(I,{itemIndex:s,item:C}):e.createElement(e.Fragment,null,(g||p)&&e.createElement(u.IconWrap,{className:"k-bottom-nav-item-icon",name:g,icon:p,size:"xlarge"}),f&&e.createElement("span",{className:"k-bottom-nav-item-text",style:{userSelect:"none"}},f)));return v!==void 0?v.call(void 0,y,t):y}),E={tabIndex:0};b.propTypes={className:n.string,style:n.object,id:n.string,disabled:n.bool,selected:n.bool,icon:n.string,svgIcon:u.svgIconPropType,text:n.string,tabIndex:n.number};b.displayName="KendoReactBottomNavigationItem";exports.BottomNavigationItem=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("react"),n=require("prop-types"),f=require("@progress/kendo-react-common");function D(t){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(c,o,l.get?l:{enumerable:!0,get:()=>t[o]})}}return c.default=t,Object.freeze(c)}const e=D(w),g=e.forwardRef((t,c)=>{const o=e.useRef(null);e.useImperativeHandle(c,()=>({element:o.current}));const{className:l,style:k,selected:i,disabled:a,item:N,render:x,dataItem:C,icon:m,svgIcon:r,text:d,id:R,onSelect:u,onKeyDown:b,index:s,tabIndex:j=E.tabIndex}=t,O=e.useMemo(()=>f.classNames("k-bottom-nav-item",{"k-selected":i,"k-disabled":a},l),[i,a,l]),P=e.useCallback(p=>{u&&s!==void 0&&!a&&u(p,s)},[u,s,a]),S=e.useCallback(p=>{b&&s!==void 0&&!a&&b(p,s)},[b,s,a]),v=x,y=N,I=e.createElement("span",{ref:o,className:O,style:k,role:"link",id:R,tabIndex:j,onClick:P,onKeyDown:S,"aria-current":i,"aria-disabled":a,"aria-label":d?void 0:(r==null?void 0:r.name)||m||void 0},y?e.createElement(y,{itemIndex:s,item:C}):e.createElement(e.Fragment,null,(m||r)&&e.createElement(f.IconWrap,{className:"k-bottom-nav-item-icon",name:m,icon:r,size:"xlarge"}),d&&e.createElement("span",{className:"k-bottom-nav-item-text",style:{userSelect:"none"}},d)));return v!==void 0?v.call(void 0,I,t):I}),E={tabIndex:0};g.propTypes={className:n.string,style:n.object,id:n.string,disabled:n.bool,selected:n.bool,icon:n.string,svgIcon:f.svgIconPropType,text:n.string,tabIndex:n.number};g.displayName="KendoReactBottomNavigationItem";exports.BottomNavigationItem=g;

package/bottomnavigation/BottomNavigationItem.mjs

@@ -9,67 +9,68 @@ import * as e from "react";
 import t from "prop-types";
 import { classNames as D, IconWrap as P, svgIconPropType as T } from "@progress/kendo-react-common";
 const f = e.forwardRef(
-  (m, g) => {
-    const i = e.useRef(null);
+  (d, x) => {
+    const b = e.useRef(null);
     e.useImperativeHandle(
-      g,
+      x,
       () => ({
-        element: i.current
+        element: b.current
       })
     );
     const {
-      className: r,
-      style: x,
-      selected: a,
-      disabled: n,
-      item: k,
-      render: y,
-      dataItem: N,
-      icon: d,
-      svgIcon: b,
-      text: p,
+      className: p,
+      style: k,
+      selected: s,
+      disabled: a,
+      item: y,
+      render: N,
+      dataItem: g,
+      icon: l,
+      svgIcon: o,
+      text: i,
       id: C,
-      onSelect: s,
-      onKeyDown: l,
-      index: o,
+      onSelect: m,
+      onKeyDown: r,
+      index: n,
       tabIndex: E = h.tabIndex
-    } = m, R = e.useMemo(
+    } = d, R = e.useMemo(
       () => D(
         "k-bottom-nav-item",
         {
-          "k-selected": a,
-          "k-disabled": n
+          "k-selected": s,
+          "k-disabled": a
         },
-        r
+        p
       ),
-      [a, n, r]
+      [s, a, p]
     ), w = e.useCallback(
       (c) => {
-        s && o !== void 0 && !n && s(c, o);
+        m && n !== void 0 && !a && m(c, n);
       },
-      [s, o, n]
+      [m, n, a]
     ), K = e.useCallback(
       (c) => {
-        l && o !== void 0 && !n && l(c, o);
+        r && n !== void 0 && !a && r(c, n);
       },
-      [l, o, n]
-    ), I = y, v = k, u = /* @__PURE__ */ e.createElement(
+      [r, n, a]
+    ), v = N, u = y, I = /* @__PURE__ */ e.createElement(
       "span",
       {
-        ref: i,
+        ref: b,
         className: R,
-        style: x,
+        style: k,
         role: "link",
         id: C,
         tabIndex: E,
         onClick: w,
         onKeyDown: K,
-        "aria-current": a,
-        "aria-disabled": n
+        "aria-current": s,
+        "aria-disabled": a,
+        "aria-label": i ? void 0 : (o == null ? void 0 : o.name) || l || void 0
       },
-      v ? /* @__PURE__ */ e.createElement(v, { itemIndex: o, item: N }) : /* @__PURE__ */ e.createElement(e.Fragment, null, (d || b) && /* @__PURE__ */ e.createElement(P, { className: "k-bottom-nav-item-icon", name: d, icon: b, size: "xlarge" }), p && /* @__PURE__ */ e.createElement("span", { className: "k-bottom-nav-item-text", style: { userSelect: "none" } }, p))
+      u ? /* @__PURE__ */ e.createElement(u, { itemIndex: n, item: g }) : /* @__PURE__ */ e.createElement(e.Fragment, null, (l || o) && /* @__PURE__ */ e.createElement(P, { className: "k-bottom-nav-item-icon", name: l, icon: o, size: "xlarge" }), i && /* @__PURE__ */ e.createElement("span", { className: "k-bottom-nav-item-text", style: { userSelect: "none" } }, i))
     );
-    return I !== void 0 ? I.call(void 0, u, m) : u;
+    return v !== void 0 ? v.call(void 0, I, d) : I;
   }
 ), h = {
   tabIndex: 0