@progress/kendo-react-layout 9.4.0-develop.6 → 9.4.0-develop.7

package/actionsheet/ActionSheet.js

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

package/actionsheet/ActionSheet.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as n from "react";
 import s from "prop-types";
 import { Animation as J } from "@progress/kendo-react-animation";

package/actionsheet/ActionSheetContent.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),r=require("prop-types"),i=require("@progress/kendo-react-common");function l(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const u=l(s),a="ActionSheetContent",n=e=>u.createElement("div",{className:i.classNames("k-actionsheet-content",{"!k-overflow-hidden":e.overflowHidden},e.className)},e.children);n.propTypes={className:r.string};n.displayName=a;n.propTypes={children:r.any};exports.ActionSheetContent=n;exports.contentDisplayName=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),r=require("prop-types"),i=require("@progress/kendo-react-common");function l(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const c=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,c.get?c:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const u=l(s),a="ActionSheetContent",n=e=>u.createElement("div",{className:i.classNames("k-actionsheet-content",{"!k-overflow-hidden":e.overflowHidden},e.className)},e.children);n.propTypes={className:r.string};n.displayName=a;n.propTypes={children:r.any};exports.ActionSheetContent=n;exports.contentDisplayName=a;

package/actionsheet/ActionSheetContent.mjs

@@ -5,14 +5,13 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as o from "react";
 import n from "prop-types";
-import { classNames as s } from "@progress/kendo-react-common";
-const a = "ActionSheetContent", t = (e) => /* @__PURE__ */ o.createElement(
+import { classNames as a } from "@progress/kendo-react-common";
+const s = "ActionSheetContent", t = (e) => /* @__PURE__ */ o.createElement(
   "div",
   {
-    className: s(
+    className: a(
       "k-actionsheet-content",
       { "!k-overflow-hidden": e.overflowHidden },
       e.className
@@ -23,11 +22,11 @@ const a = "ActionSheetContent", t = (e) => /* @__PURE__ */ o.createElement(
 t.propTypes = {
   className: n.string
 };
-t.displayName = a;
+t.displayName = s;
 t.propTypes = {
   children: n.any
 };
 export {
   t as ActionSheetContent,
-  a as contentDisplayName
+  s as contentDisplayName
 };

package/actionsheet/ActionSheetFooter.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),c=require("prop-types"),i=require("@progress/kendo-react-common");function l(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const u=l(s),a="ActionSheetFooter",o=e=>u.createElement("div",{className:i.classNames("k-actionsheet-footer",e.className)},e.children);o.propTypes={className:c.string};o.displayName=a;o.propTypes={children:c.any};exports.ActionSheetFooter=o;exports.footerDisplayName=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),c=require("prop-types"),i=require("@progress/kendo-react-common");function l(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const u=l(s),a="ActionSheetFooter",o=e=>u.createElement("div",{className:i.classNames("k-actionsheet-footer",e.className)},e.children);o.propTypes={className:c.string};o.displayName=a;o.propTypes={children:c.any};exports.ActionSheetFooter=o;exports.footerDisplayName=a;

package/actionsheet/ActionSheetFooter.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as r from "react";
 import t from "prop-types";
 import { classNames as s } from "@progress/kendo-react-common";

package/actionsheet/ActionSheetHeader.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),c=require("prop-types"),i=require("@progress/kendo-react-common");function l(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const u=l(s),o="ActionSheetHeader",a=e=>u.createElement("div",{className:i.classNames("k-actionsheet-titlebar",e.className)},e.children);a.propTypes={className:c.string};a.displayName=o;a.propTypes={children:c.any};exports.ActionSheetHeader=a;exports.headerDisplayName=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),c=require("prop-types"),i=require("@progress/kendo-react-common");function l(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const d=l(s),o="ActionSheetHeader",a=e=>d.createElement("div",{className:i.classNames("k-actionsheet-titlebar",e.className)},e.children);a.propTypes={className:c.string};a.displayName=o;a.propTypes={children:c.any};exports.ActionSheetHeader=a;exports.headerDisplayName=o;

package/actionsheet/ActionSheetHeader.mjs

@@ -5,19 +5,18 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
-import * as r from "react";
-import t from "prop-types";
+import * as t from "react";
+import r from "prop-types";
 import { classNames as s } from "@progress/kendo-react-common";
-const c = "ActionSheetHeader", e = (a) => /* @__PURE__ */ r.createElement("div", { className: s("k-actionsheet-titlebar", a.className) }, a.children);
+const o = "ActionSheetHeader", e = (a) => /* @__PURE__ */ t.createElement("div", { className: s("k-actionsheet-titlebar", a.className) }, a.children);
 e.propTypes = {
-  className: t.string
+  className: r.string
 };
-e.displayName = c;
+e.displayName = o;
 e.propTypes = {
-  children: t.any
+  children: r.any
 };
 export {
   e as ActionSheetHeader,
-  c as headerDisplayName
+  o as headerDisplayName
 };

package/actionsheet/ActionSheetItem.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"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","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;

package/actionsheet/ActionSheetItem.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as t from "react";
 import i from "prop-types";
 import { classNames as l } from "@progress/kendo-react-common";

package/appbar/AppBar.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react"),o=require("prop-types"),c=require("@progress/kendo-react-common"),C=require("../package-metadata.js");function h(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(s,a,n.get?n:{enumerable:!0,get:()=>e[a]})}}return s.default=e,Object.freeze(s)}const t=h(M),d=t.forwardRef((e,s)=>{c.validatePackage(C.packageMetadata);const{children:a,className:n,style:f,id:b}=e,r=t.useRef(null),m=t.useCallback(()=>{r.current&&c.focusFirstFocusableChild(r.current)},[]),k=t.useCallback(()=>({element:r.current,focus:m}),[m]);t.useImperativeHandle(s,k);const g=c.useId(),l=t.useMemo(()=>e.themeColor||u.themeColor,[e.themeColor]),p=t.useMemo(()=>e.position||u.position,[e.position]),i=t.useMemo(()=>e.positionMode||u.positionMode,[e.positionMode]),y=t.useMemo(()=>c.classNames("k-appbar",{"k-appbar-top":p==="top","k-appbar-bottom":p==="bottom","k-appbar-static":i==="static","k-appbar-sticky":i==="sticky","k-appbar-fixed":i==="fixed",[`k-appbar-${l}`]:!!l},n),[p,i,l,n]);return t.createElement("div",{className:y,style:f,id:b||g},a)});d.propTypes={children:o.any,className:o.string,style:o.object,id:o.string,themeColor:o.string,position:o.oneOf(["top","bottom"]),positionMode:o.oneOf(["static","sticky","fixed"])};const u={themeColor:"light",position:"top",positionMode:"static"};d.displayName="KendoAppBar";exports.AppBar=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("react"),o=require("prop-types"),c=require("@progress/kendo-react-common"),C=require("../package-metadata.js");function h(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(s,a,n.get?n:{enumerable:!0,get:()=>e[a]})}}return s.default=e,Object.freeze(s)}const t=h(M),d=t.forwardRef((e,s)=>{c.validatePackage(C.packageMetadata);const{children:a,className:n,style:f,id:b}=e,r=t.useRef(null),m=t.useCallback(()=>{r.current&&c.focusFirstFocusableChild(r.current)},[]),k=t.useCallback(()=>({element:r.current,focus:m}),[m]);t.useImperativeHandle(s,k);const g=c.useId(),l=t.useMemo(()=>e.themeColor||u.themeColor,[e.themeColor]),p=t.useMemo(()=>e.position||u.position,[e.position]),i=t.useMemo(()=>e.positionMode||u.positionMode,[e.positionMode]),y=t.useMemo(()=>c.classNames("k-appbar",{"k-appbar-top":p==="top","k-appbar-bottom":p==="bottom","k-appbar-static":i==="static","k-appbar-sticky":i==="sticky","k-appbar-fixed":i==="fixed",[`k-appbar-${l}`]:!!l},n),[p,i,l,n]);return t.createElement("div",{className:y,style:f,id:b||g},a)});d.propTypes={children:o.any,className:o.string,style:o.object,id:o.string,themeColor:o.string,position:o.oneOf(["top","bottom"]),positionMode:o.oneOf(["static","sticky","fixed"])};const u={themeColor:"light",position:"top",positionMode:"static"};d.displayName="KendoAppBar";exports.AppBar=d;

package/appbar/AppBar.mjs

@@ -5,37 +5,36 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as e from "react";
 import t from "prop-types";
 import { validatePackage as h, focusFirstFocusableChild as C, useId as y, classNames as g } from "@progress/kendo-react-common";
 import { packageMetadata as N } from "../package-metadata.mjs";
 const l = e.forwardRef((o, m) => {
   h(N);
-  const { children: d, className: r, style: u, id: f } = o, a = e.useRef(null), p = e.useCallback(() => {
-    a.current && C(a.current);
+  const { children: d, className: c, style: u, id: f } = o, s = e.useRef(null), p = e.useCallback(() => {
+    s.current && C(s.current);
   }, []), b = e.useCallback(
     () => ({
-      element: a.current,
+      element: s.current,
       focus: p
     }),
     [p]
   );
   e.useImperativeHandle(m, b);
-  const k = y(), i = e.useMemo(() => o.themeColor || c.themeColor, [o.themeColor]), n = e.useMemo(() => o.position || c.position, [o.position]), s = e.useMemo(() => o.positionMode || c.positionMode, [o.positionMode]), M = e.useMemo(
+  const k = y(), i = e.useMemo(() => o.themeColor || r.themeColor, [o.themeColor]), n = e.useMemo(() => o.position || r.position, [o.position]), a = e.useMemo(() => o.positionMode || r.positionMode, [o.positionMode]), M = e.useMemo(
     () => g(
       "k-appbar",
       {
         "k-appbar-top": n === "top",
         "k-appbar-bottom": n === "bottom",
-        "k-appbar-static": s === "static",
-        "k-appbar-sticky": s === "sticky",
-        "k-appbar-fixed": s === "fixed",
+        "k-appbar-static": a === "static",
+        "k-appbar-sticky": a === "sticky",
+        "k-appbar-fixed": a === "fixed",
         [`k-appbar-${i}`]: !!i
       },
-      r
+      c
     ),
-    [n, s, i, r]
+    [n, a, i, c]
   );
   return /* @__PURE__ */ e.createElement("div", { className: M, style: u, id: f || k }, d);
 });
@@ -48,7 +47,7 @@ l.propTypes = {
   position: t.oneOf(["top", "bottom"]),
   positionMode: t.oneOf(["static", "sticky", "fixed"])
 };
-const c = {
+const r = {
   themeColor: "light",
   position: "top",
   positionMode: "static"

package/appbar/AppBarSection.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),a=require("prop-types"),u=require("@progress/kendo-react-common");function d(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(c,n,s.get?s:{enumerable:!0,get:()=>e[n]})}}return c.default=e,Object.freeze(c)}const t=d(f),o=t.forwardRef((e,c)=>{const{children:n,className:s,style:i}=e,r=t.useRef(null),l=t.useCallback(()=>{r.current&&u.focusFirstFocusableChild(r.current)},[]),p=t.useCallback(()=>({element:r.current,focus:l}),[l]);t.useImperativeHandle(c,p);const m=t.useMemo(()=>u.classNames("k-appbar-section",s),[s]);return t.createElement("div",{className:m,style:i},n)});o.propTypes={children:a.any,className:a.string,style:a.object};o.displayName="KendoAppBarSection";exports.AppBarSection=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),a=require("prop-types"),u=require("@progress/kendo-react-common");function d(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(c,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return c.default=e,Object.freeze(c)}const t=d(f),o=t.forwardRef((e,c)=>{const{children:n,className:r,style:i}=e,s=t.useRef(null),l=t.useCallback(()=>{s.current&&u.focusFirstFocusableChild(s.current)},[]),p=t.useCallback(()=>({element:s.current,focus:l}),[l]);t.useImperativeHandle(c,p);const m=t.useMemo(()=>u.classNames("k-appbar-section",r),[r]);return t.createElement("div",{className:m,style:i},n)});o.propTypes={children:a.any,className:a.string,style:a.object};o.displayName="KendoAppBarSection";exports.AppBarSection=o;

package/appbar/AppBarSection.mjs

@@ -5,30 +5,29 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as e from "react";
 import t from "prop-types";
 import { focusFirstFocusableChild as u, classNames as f } from "@progress/kendo-react-common";
-const r = e.forwardRef((n, o) => {
-  const { children: l, className: a, style: i } = n, s = e.useRef(null), c = e.useCallback(() => {
+const c = e.forwardRef((o, n) => {
+  const { children: l, className: a, style: m } = o, s = e.useRef(null), r = e.useCallback(() => {
     s.current && u(s.current);
-  }, []), m = e.useCallback(
+  }, []), p = e.useCallback(
     () => ({
       element: s.current,
-      focus: c
+      focus: r
     }),
-    [c]
+    [r]
   );
-  e.useImperativeHandle(o, m);
-  const p = e.useMemo(() => f("k-appbar-section", a), [a]);
-  return /* @__PURE__ */ e.createElement("div", { className: p, style: i }, l);
+  e.useImperativeHandle(n, p);
+  const i = e.useMemo(() => f("k-appbar-section", a), [a]);
+  return /* @__PURE__ */ e.createElement("div", { className: i, style: m }, l);
 });
-r.propTypes = {
+c.propTypes = {
   children: t.any,
   className: t.string,
   style: t.object
 };
-r.displayName = "KendoAppBarSection";
+c.displayName = "KendoAppBarSection";
 export {
-  r as AppBarSection
+  c as AppBarSection
 };

package/appbar/AppBarSpacer.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),l=require("prop-types"),p=require("@progress/kendo-react-common");function b(s){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(a,r,c.get?c:{enumerable:!0,get:()=>s[r]})}}return a.default=s,Object.freeze(a)}const t=b(f),o=t.forwardRef((s,a)=>{const{children:r,className:c,style:e}=s,n=t.useRef(null),u=t.useCallback(()=>{n.current&&p.focusFirstFocusableChild(n.current)},[]),i=t.useCallback(()=>({element:n.current,focus:u}),[u]);t.useImperativeHandle(a,i);const d=t.useMemo(()=>p.classNames("k-appbar-spacer",{"k-appbar-spacer-sized":e&&e.width&&e.width!==null},c),[c,e]),m=t.useMemo(()=>({flexBasis:e&&e.width?e.width:void 0}),[e]);return t.createElement("span",{className:d,style:m},r)});o.propTypes={children:l.any,className:l.string,style:l.object};o.displayName="KendoAppBarSpacer";exports.AppBarSpacer=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),o=require("prop-types"),u=require("@progress/kendo-react-common");function b(r){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const s in r)if(s!=="default"){const c=Object.getOwnPropertyDescriptor(r,s);Object.defineProperty(a,s,c.get?c:{enumerable:!0,get:()=>r[s]})}}return a.default=r,Object.freeze(a)}const t=b(f),l=t.forwardRef((r,a)=>{const{children:s,className:c,style:e}=r,n=t.useRef(null),p=t.useCallback(()=>{n.current&&u.focusFirstFocusableChild(n.current)},[]),i=t.useCallback(()=>({element:n.current,focus:p}),[p]);t.useImperativeHandle(a,i);const d=t.useMemo(()=>u.classNames("k-appbar-spacer",{"k-appbar-spacer-sized":e&&e.width&&e.width!==null},c),[c,e]),m=t.useMemo(()=>({flexBasis:e&&e.width?e.width:void 0}),[e]);return t.createElement("span",{className:d,style:m},s)});l.propTypes={children:o.any,className:o.string,style:o.object};l.displayName="KendoAppBarSpacer";exports.AppBarSpacer=l;

package/appbar/AppBarSpacer.mjs

@@ -5,12 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as s from "react";
 import r from "prop-types";
 import { focusFirstFocusableChild as d, classNames as f } from "@progress/kendo-react-common";
-const l = s.forwardRef((n, p) => {
-  const { children: o, className: t, style: e } = n, a = s.useRef(null), c = s.useCallback(() => {
+const l = s.forwardRef((p, n) => {
+  const { children: o, className: t, style: e } = p, a = s.useRef(null), c = s.useCallback(() => {
     a.current && d(a.current);
   }, []), i = s.useCallback(
     () => ({
@@ -19,7 +18,7 @@ const l = s.forwardRef((n, p) => {
     }),
     [c]
   );
-  s.useImperativeHandle(p, i);
+  s.useImperativeHandle(n, i);
   const m = s.useMemo(
     () => f(
       "k-appbar-spacer",

package/bottomnavigation/BottomNavigation.js

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

package/bottomnavigation/BottomNavigation.mjs

@@ -5,25 +5,24 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
-import * as t from "react";
-import o from "prop-types";
+import * as o from "react";
+import t from "prop-types";
 import { validatePackage as T, focusFirstFocusableChild as $, useId as B, useDir as P, classNames as _, dispatchEvent as S, Keys as w } from "@progress/kendo-react-common";
 import { packageMetadata as L } from "../package-metadata.mjs";
 import { POSITION_MODE_CLASSES as A, ITEM_FLOW_CLASSES as H } from "./models/utils.mjs";
 import { BottomNavigationItem as j } from "./BottomNavigationItem.mjs";
-const I = t.forwardRef((a, p) => {
+const I = o.forwardRef((a, p) => {
   T(L);
-  const i = t.useRef(null), b = t.useCallback(() => {
+  const i = o.useRef(null), b = o.useCallback(() => {
     i.current && $(i.current);
-  }, []), c = t.useCallback(
+  }, []), c = o.useCallback(
     () => ({
       element: i.current,
       focus: b
     }),
     [b]
   );
-  t.useImperativeHandle(p, c);
+  o.useImperativeHandle(p, c);
   const {
     positionMode: v = s.positionMode,
     itemFlow: k = s.itemFlow,
@@ -37,7 +36,7 @@ const I = t.forwardRef((a, p) => {
     id: y,
     onSelect: f,
     onKeyDown: h
-  } = a, g = B(), F = P(i, a.dir), n = t.useMemo(() => a.fillMode === null || a.fill === null ? null : a.fill || a.fillMode || s.fillMode, [a.fillMode, a.fill]), u = t.useMemo(() => a.themeColor || s.themeColor, [a.themeColor]), D = t.useMemo(
+  } = a, g = B(), F = P(i, a.dir), n = o.useMemo(() => a.fillMode === null || a.fill === null ? null : a.fill || a.fillMode || s.fillMode, [a.fillMode, a.fill]), u = o.useMemo(() => a.themeColor || s.themeColor, [a.themeColor]), D = o.useMemo(
     () => _(
       "k-bottom-nav",
       A[v],
@@ -51,7 +50,7 @@ const I = t.forwardRef((a, p) => {
       M
     ),
     [v, u, n, k, C, m, M]
-  ), d = t.useCallback(
+  ), d = o.useCallback(
     (e, l) => {
       r && !r[l].disabled && f && S(f, e, c(), {
         itemTarget: r[l],
@@ -59,12 +58,12 @@ const I = t.forwardRef((a, p) => {
       });
     },
     [r, f]
-  ), R = t.useCallback(
+  ), R = o.useCallback(
     (e, l) => {
       d(e, l);
     },
     [d]
-  ), K = t.useCallback(
+  ), K = o.useCallback(
     (e, l) => {
       switch (e.keyCode) {
         case w.enter:
@@ -81,7 +80,7 @@ const I = t.forwardRef((a, p) => {
     },
     [d, h]
   );
-  return /* @__PURE__ */ t.createElement("nav", { ref: i, className: D, style: O, id: y || g, dir: F }, r && r.map((e, l) => /* @__PURE__ */ t.createElement(
+  return /* @__PURE__ */ o.createElement("nav", { ref: i, className: D, style: O, id: y || g, dir: F }, r && r.map((e, l) => /* @__PURE__ */ o.createElement(
     j,
     {
       ...e,
@@ -105,11 +104,11 @@ const I = t.forwardRef((a, p) => {
   border: !0
 };
 I.propTypes = {
-  className: o.string,
-  style: o.object,
-  id: o.string,
-  dir: o.string,
-  themeColor: o.oneOf([
+  className: t.string,
+  style: t.object,
+  id: t.string,
+  dir: t.string,
+  themeColor: t.oneOf([
     "primary",
     "secondary",
     "tertiary",
@@ -121,13 +120,13 @@ I.propTypes = {
     "light",
     "inverse"
   ]),
-  fill: o.oneOf(["solid", "flat"]),
-  fillMode: o.oneOf(["solid", "flat"]),
-  itemFlow: o.oneOf(["vertical", "horizontal"]),
-  border: o.bool,
-  disabled: o.bool,
-  selected: o.number,
-  onSelect: o.func
+  fill: t.oneOf(["solid", "flat"]),
+  fillMode: t.oneOf(["solid", "flat"]),
+  itemFlow: t.oneOf(["vertical", "horizontal"]),
+  border: t.bool,
+  disabled: t.bool,
+  selected: t.number,
+  onSelect: t.func
 };
 I.displayName = "KendoReactBottomNavigation";
 export {

package/bottomnavigation/BottomNavigationItem.js

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

package/bottomnavigation/BottomNavigationItem.mjs

@@ -5,19 +5,18 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as e from "react";
 import t from "prop-types";
 import { validatePackage as P, classNames as D, svgIconPropType as T, IconWrap as h } from "@progress/kendo-react-common";
 import { packageMetadata as B } from "../package-metadata.mjs";
-const g = e.forwardRef(
-  (i, f) => {
+const u = e.forwardRef(
+  (m, f) => {
     P(B);
-    const m = e.useRef(null);
+    const i = e.useRef(null);
     e.useImperativeHandle(
       f,
       () => ({
-        element: m.current
+        element: i.current
       })
     );
     const {
@@ -36,7 +35,7 @@ const g = e.forwardRef(
       onKeyDown: l,
       index: n,
       tabIndex: E = M.tabIndex
-    } = i, R = e.useMemo(
+    } = m, R = e.useMemo(
       () => D(
         "k-bottom-nav-item",
         {
@@ -56,10 +55,10 @@ const g = e.forwardRef(
         l && n !== void 0 && !a && l(c, n);
       },
       [l, n, a]
-    ), v = y, I = x, u = /* @__PURE__ */ e.createElement(
+    ), v = y, I = x, g = /* @__PURE__ */ e.createElement(
       "span",
       {
-        ref: m,
+        ref: i,
         className: R,
         style: k,
         role: "link",
@@ -72,12 +71,12 @@ const g = e.forwardRef(
       },
       I ? /* @__PURE__ */ e.createElement(I, { itemIndex: n, item: N }) : /* @__PURE__ */ e.createElement(e.Fragment, null, (d || b) && /* @__PURE__ */ e.createElement(h, { 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))
     );
-    return v !== void 0 ? v.call(void 0, u, i) : u;
+    return v !== void 0 ? v.call(void 0, g, m) : g;
   }
 ), M = {
   tabIndex: 0
 };
-g.propTypes = {
+u.propTypes = {
   className: t.string,
   style: t.object,
   id: t.string,
@@ -88,7 +87,7 @@ g.propTypes = {
   text: t.string,
   tabIndex: t.number
 };
-g.displayName = "KendoReactBottomNavigationItem";
+u.displayName = "KendoReactBottomNavigationItem";
 export {
-  g as BottomNavigationItem
+  u as BottomNavigationItem
 };

package/bottomnavigation/models/utils.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={vertical:"k-bottom-nav-item-flow-vertical",horizontal:"k-bottom-nav-item-flow-horizontal"},o={fixed:"k-pos-fixed",sticky:"k-pos-sticky"};exports.ITEM_FLOW_CLASSES=t;exports.POSITION_MODE_CLASSES=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t={vertical:"k-bottom-nav-item-flow-vertical",horizontal:"k-bottom-nav-item-flow-horizontal"},o={fixed:"k-pos-fixed",sticky:"k-pos-sticky"};exports.ITEM_FLOW_CLASSES=t;exports.POSITION_MODE_CLASSES=o;

package/bottomnavigation/models/utils.mjs

@@ -5,15 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
-const t = {
+const o = {
   vertical: "k-bottom-nav-item-flow-vertical",
   horizontal: "k-bottom-nav-item-flow-horizontal"
-}, o = {
+}, t = {
   fixed: "k-pos-fixed",
   sticky: "k-pos-sticky"
 };
 export {
-  t as ITEM_FLOW_CLASSES,
-  o as POSITION_MODE_CLASSES
+  o as ITEM_FLOW_CLASSES,
+  t as POSITION_MODE_CLASSES
 };

package/breadcrumb/Breadcrumb.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react"),a=require("prop-types"),M=require("../package-metadata.js"),l=require("@progress/kendo-react-common"),h=require("./BreadcrumbListItem.js"),T=require("./BreadcrumbDelimiter.js"),q=require("./BreadcrumbLink.js"),R=require("./BreadcrumbOrderedList.js");function w(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(s,i,n.get?n:{enumerable:!0,get:()=>e[i]})}}return s.default=e,Object.freeze(s)}const r=w(B),F=r.forwardRef((e,s)=>{l.validatePackage(M.packageMetadata);const i=r.useRef(null),n=r.useRef(null),y=r.useMemo(()=>e.breadcrumbOrderedList||R.BreadcrumbOrderedList,[e.breadcrumbOrderedList]),L=r.useMemo(()=>e.breadcrumbListItem||h.BreadcrumbListItem,[e.breadcrumbListItem]),O=r.useMemo(()=>e.breadcrumbDelimiter||T.BreadcrumbDelimiter,[e.breadcrumbDelimiter]),k=r.useMemo(()=>e.breadcrumbLink||q.BreadcrumbLink,[e.breadcrumbLink]),D=r.useCallback(()=>{n.current&&n.current.focus()},[n]),E=r.useMemo(()=>e.disabled||!1,[e.disabled]);r.useImperativeHandle(i,()=>({element:n.current,focus:D,props:e})),r.useImperativeHandle(s,()=>i.current);const g=l.useDir(n,e.dir),I=t=>{i.current&&l.dispatchEvent(e.onItemSelect,t,t.target,{id:t.target.id})},v=t=>{i.current&&l.dispatchEvent(e.onKeyDown,t,t.target,{id:t.target.id})},C=e.valueField||b.valueField,S=e.iconField||b.iconField,u=e.iconClassField||b.iconClassField,m=e.textField||b.textField,f=e.size||"medium";return r.createElement("nav",{"aria-label":e.ariaLabel,id:e.id,style:e.style,ref:n,dir:g,className:l.classNames("k-breadcrumb k-breadcrumb-wrap",{"k-rtl":g==="rtl","k-disabled":E,"k-breadcrumb-md":!e.size,[`k-breadcrumb-${l.kendoThemeMaps.sizeMap[f]||f}`]:f},e.className)},r.createElement(y,{rootItem:!0},r.createElement(r.Fragment,null,e.data.map((t,c,d)=>{const o=t[C];if(c===0)return r.createElement(L,{key:o,isFirstItem:!0,isLastItem:d.length-1===c},r.createElement(k,{isLast:d.length-1===c,isFirst:!0,id:String(o),icon:t[S]||void 0,iconClass:t[u]?String(t[u]):void 0,text:t[m]?String(t[m]):void 0,disabled:t.disabled||!1,onItemSelect:I,onKeyDown:v,...e}))}))),r.createElement(y,{rootItem:!1},r.createElement(r.Fragment,null,e.data.map((t,c,d)=>{const o=t[C];if(c!==0)return r.createElement(L,{key:o,isFirstItem:!1,isLastItem:d.length-1===c},r.createElement(O,{dir:g}),r.createElement(k,{isLast:d.length-1===c,isFirst:!1,id:String(o),icon:t[S]||void 0,iconClass:t[u]?String(t[u]):void 0,text:t[m]?String(t[m]):void 0,disabled:t.disabled||!1,onItemSelect:I,onKeyDown:v,...e}))}))))}),j={id:a.string,style:a.object,className:a.string,breadcrumbOrderedList:a.elementType,breadcrumbListItem:a.elementType,breadcrumbDelimiter:a.elementType,breadcrumbLink:a.elementType,data:a.arrayOf(a.shape({id:a.string,text:a.string,icon:a.any,iconClass:a.string})),dir:a.oneOf(["ltr","rtl"]),disabled:a.bool,valueField:a.string,textField:a.string,iconField:a.string,iconClassField:a.string,onItemSelect:a.func,ariaLabel:a.string},b={valueField:"id",textField:"text",iconField:"icon",iconClassField:"iconClass"};F.displayName="KendoReactBreadcrumb";F.propTypes=j;exports.Breadcrumb=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const B=require("react"),a=require("prop-types"),M=require("../package-metadata.js"),l=require("@progress/kendo-react-common"),h=require("./BreadcrumbListItem.js"),T=require("./BreadcrumbDelimiter.js"),q=require("./BreadcrumbLink.js"),R=require("./BreadcrumbOrderedList.js");function w(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(s,i,n.get?n:{enumerable:!0,get:()=>e[i]})}}return s.default=e,Object.freeze(s)}const r=w(B),F=r.forwardRef((e,s)=>{l.validatePackage(M.packageMetadata);const i=r.useRef(null),n=r.useRef(null),y=r.useMemo(()=>e.breadcrumbOrderedList||R.BreadcrumbOrderedList,[e.breadcrumbOrderedList]),L=r.useMemo(()=>e.breadcrumbListItem||h.BreadcrumbListItem,[e.breadcrumbListItem]),O=r.useMemo(()=>e.breadcrumbDelimiter||T.BreadcrumbDelimiter,[e.breadcrumbDelimiter]),k=r.useMemo(()=>e.breadcrumbLink||q.BreadcrumbLink,[e.breadcrumbLink]),D=r.useCallback(()=>{n.current&&n.current.focus()},[n]),E=r.useMemo(()=>e.disabled||!1,[e.disabled]);r.useImperativeHandle(i,()=>({element:n.current,focus:D,props:e})),r.useImperativeHandle(s,()=>i.current);const g=l.useDir(n,e.dir),I=t=>{i.current&&l.dispatchEvent(e.onItemSelect,t,t.target,{id:t.target.id})},v=t=>{i.current&&l.dispatchEvent(e.onKeyDown,t,t.target,{id:t.target.id})},C=e.valueField||b.valueField,S=e.iconField||b.iconField,u=e.iconClassField||b.iconClassField,m=e.textField||b.textField,f=e.size||"medium";return r.createElement("nav",{"aria-label":e.ariaLabel,id:e.id,style:e.style,ref:n,dir:g,className:l.classNames("k-breadcrumb k-breadcrumb-wrap",{"k-rtl":g==="rtl","k-disabled":E,"k-breadcrumb-md":!e.size,[`k-breadcrumb-${l.kendoThemeMaps.sizeMap[f]||f}`]:f},e.className)},r.createElement(y,{rootItem:!0},r.createElement(r.Fragment,null,e.data.map((t,c,d)=>{const o=t[C];if(c===0)return r.createElement(L,{key:o,isFirstItem:!0,isLastItem:d.length-1===c},r.createElement(k,{isLast:d.length-1===c,isFirst:!0,id:String(o),icon:t[S]||void 0,iconClass:t[u]?String(t[u]):void 0,text:t[m]?String(t[m]):void 0,disabled:t.disabled||!1,onItemSelect:I,onKeyDown:v,...e}))}))),r.createElement(y,{rootItem:!1},r.createElement(r.Fragment,null,e.data.map((t,c,d)=>{const o=t[C];if(c!==0)return r.createElement(L,{key:o,isFirstItem:!1,isLastItem:d.length-1===c},r.createElement(O,{dir:g}),r.createElement(k,{isLast:d.length-1===c,isFirst:!1,id:String(o),icon:t[S]||void 0,iconClass:t[u]?String(t[u]):void 0,text:t[m]?String(t[m]):void 0,disabled:t.disabled||!1,onItemSelect:I,onKeyDown:v,...e}))}))))}),j={id:a.string,style:a.object,className:a.string,breadcrumbOrderedList:a.elementType,breadcrumbListItem:a.elementType,breadcrumbDelimiter:a.elementType,breadcrumbLink:a.elementType,data:a.arrayOf(a.shape({id:a.string,text:a.string,icon:a.any,iconClass:a.string})),dir:a.oneOf(["ltr","rtl"]),disabled:a.bool,valueField:a.string,textField:a.string,iconField:a.string,iconClassField:a.string,onItemSelect:a.func,ariaLabel:a.string},b={valueField:"id",textField:"text",iconField:"icon",iconClassField:"iconClass"};F.displayName="KendoReactBreadcrumb";F.propTypes=j;exports.Breadcrumb=F;

package/breadcrumb/Breadcrumb.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as r from "react";
 import i from "prop-types";
 import { packageMetadata as M } from "../package-metadata.mjs";

package/breadcrumb/BreadcrumbDelimiter.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),c=require("prop-types"),o=require("@progress/kendo-react-common"),u=require("@progress/kendo-svg-icons"),d=require("../package-metadata.js");function m(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=m(s),i=r.forwardRef((e,n)=>{o.validatePackage(d.packageMetadata);const t=r.useRef(null),a=r.useRef(null);return r.useImperativeHandle(t,()=>{var l;return{element:((l=a.current)==null?void 0:l.element)||null,props:e}}),r.useImperativeHandle(n,()=>t.current),r.createElement(o.IconWrap,{ref:a,id:e.id,"aria-hidden":!0,tabIndex:e.tabIndex,style:e.style,name:e.dir==="rtl"?"chevron-left":"chevron-right",icon:e.dir==="rtl"?u.chevronLeftIcon:u.chevronRightIcon,className:"k-breadcrumb-delimiter-icon",size:"xsmall"})}),b={id:c.string,className:c.string,style:c.object,tabIndex:c.number,dir:c.string};i.displayName="KendoReactBreadcrumbDelimiter";i.propTypes=b;exports.BreadcrumbDelimiter=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react"),c=require("prop-types"),l=require("@progress/kendo-react-common"),u=require("@progress/kendo-svg-icons"),s=require("../package-metadata.js");function m(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const r=m(d),i=r.forwardRef((e,n)=>{l.validatePackage(s.packageMetadata);const t=r.useRef(null),a=r.useRef(null);return r.useImperativeHandle(t,()=>{var o;return{element:((o=a.current)==null?void 0:o.element)||null,props:e}}),r.useImperativeHandle(n,()=>t.current),r.createElement(l.IconWrap,{ref:a,id:e.id,"aria-hidden":!0,tabIndex:e.tabIndex,style:e.style,name:e.dir==="rtl"?"chevron-left":"chevron-right",icon:e.dir==="rtl"?u.chevronLeftIcon:u.chevronRightIcon,className:"k-breadcrumb-delimiter-icon",size:"xsmall"})}),b={id:c.string,className:c.string,style:c.object,tabIndex:c.number,dir:c.string};i.displayName="KendoReactBreadcrumbDelimiter";i.propTypes=b;exports.BreadcrumbDelimiter=i;