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

package/stacklayout/StackLayout.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 j=require("react"),n=require("prop-types"),O=require("../package-metadata.js"),u=require("@progress/kendo-react-common");function z(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const c in t)if(c!=="default"){const l=Object.getOwnPropertyDescriptor(t,c);Object.defineProperty(s,c,l.get?l:{enumerable:!0,get:()=>t[c]})}}return s.default=t,Object.freeze(s)}const i=z(j),d=i.forwardRef((t,s)=>{u.validatePackage(O.packageMetadata);const c=i.useRef(null),l=i.useCallback(()=>({element:c.current}),[]);i.useImperativeHandle(s,l);const{className:m,style:y,id:f,children:k}=t,h=u.useId(),r=i.useMemo(()=>t.orientation||g.orientation,[t.orientation]),e=r==="horizontal",a=i.useMemo(()=>t.align&&t.align.horizontal?t.align.horizontal:g.hAlign,[t.align]),o=i.useMemo(()=>t.align&&t.align.vertical?t.align.vertical:g.vAlign,[t.align]),b=i.useMemo(()=>u.classNames("k-stack-layout",{"k-hstack":r==="horizontal","k-vstack":r==="vertical","k-justify-content-start":e&&a==="start"||!e&&o==="top","k-justify-content-center":e&&a==="center"||!e&&o==="middle","k-justify-content-end":e&&a==="end"||!e&&o==="bottom","k-justify-content-stretch":e&&a==="stretch"||!e&&o==="stretch","k-align-items-start":!e&&a==="start"||e&&o==="top","k-align-items-center":!e&&a==="center"||e&&o==="middle","k-align-items-end":!e&&a==="end"||e&&o==="bottom","k-align-items-stretch":!e&&a==="stretch"||e&&o==="stretch"},m),[r,e,a,o,m]),v={gap:`${typeof t.gap=="number"?t.gap+"px":t.gap}`,...y};return i.createElement("div",{ref:c,className:b,style:v,id:f||h},k)}),g={orientation:"horizontal",hAlign:"stretch",vAlign:"stretch"};d.propTypes={className:n.string,style:n.object,children:n.any,id:n.string,orientation:n.oneOf(["horizontal","vertical"]),gap:n.oneOfType([n.string,n.number]),align:n.shape({vertical:n.oneOf(["top","middle","bottom","stretch"]),horizontal:n.oneOf(["start","center","end","stretch"])})};d.displayName="KendoReactStackLayout";exports.StackLayout=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react"),n=require("prop-types"),O=require("../package-metadata.js"),u=require("@progress/kendo-react-common");function z(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const c in t)if(c!=="default"){const s=Object.getOwnPropertyDescriptor(t,c);Object.defineProperty(r,c,s.get?s:{enumerable:!0,get:()=>t[c]})}}return r.default=t,Object.freeze(r)}const i=z(j),d=i.forwardRef((t,r)=>{u.validatePackage(O.packageMetadata);const c=i.useRef(null),s=i.useCallback(()=>({element:c.current}),[]);i.useImperativeHandle(r,s);const{className:m,style:y,id:f,children:k}=t,h=u.useId(),l=i.useMemo(()=>t.orientation||g.orientation,[t.orientation]),e=l==="horizontal",a=i.useMemo(()=>t.align&&t.align.horizontal?t.align.horizontal:g.hAlign,[t.align]),o=i.useMemo(()=>t.align&&t.align.vertical?t.align.vertical:g.vAlign,[t.align]),b=i.useMemo(()=>u.classNames("k-stack-layout",{"k-hstack":l==="horizontal","k-vstack":l==="vertical","k-justify-content-start":e&&a==="start"||!e&&o==="top","k-justify-content-center":e&&a==="center"||!e&&o==="middle","k-justify-content-end":e&&a==="end"||!e&&o==="bottom","k-justify-content-stretch":e&&a==="stretch"||!e&&o==="stretch","k-align-items-start":!e&&a==="start"||e&&o==="top","k-align-items-center":!e&&a==="center"||e&&o==="middle","k-align-items-end":!e&&a==="end"||e&&o==="bottom","k-align-items-stretch":!e&&a==="stretch"||e&&o==="stretch"},m),[l,e,a,o,m]),v={gap:`${typeof t.gap=="number"?t.gap+"px":t.gap}`,...y};return i.createElement("div",{ref:c,className:b,style:v,id:f||h},k)}),g={orientation:"horizontal",hAlign:"stretch",vAlign:"stretch"};d.propTypes={className:n.string,style:n.object,children:n.any,id:n.string,orientation:n.oneOf(["horizontal","vertical"]),gap:n.oneOfType([n.string,n.number]),align:n.shape({vertical:n.oneOf(["top","middle","bottom","stretch"]),horizontal:n.oneOf(["start","center","end","stretch"])})};d.displayName="KendoReactStackLayout";exports.StackLayout=d;

package/stacklayout/StackLayout.mjs

@@ -5,7 +5,6 @@
  * 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 { packageMetadata as z } from "../package-metadata.mjs";
@@ -19,7 +18,7 @@ const m = o.forwardRef((e, g) => {
     []
   );
   o.useImperativeHandle(g, d);
-  const { className: r, style: u, id: h, children: k } = e, y = A(), s = o.useMemo(() => e.orientation || l.orientation, [e.orientation]), t = s === "horizontal", a = o.useMemo(
+  const { className: r, style: h, id: u, children: k } = e, y = A(), s = o.useMemo(() => e.orientation || l.orientation, [e.orientation]), t = s === "horizontal", a = o.useMemo(
     () => e.align && e.align.horizontal ? e.align.horizontal : l.hAlign,
     [e.align]
   ), i = o.useMemo(
@@ -45,9 +44,9 @@ const m = o.forwardRef((e, g) => {
     [s, t, a, i, r]
   ), v = {
     gap: `${typeof e.gap == "number" ? e.gap + "px" : e.gap}`,
-    ...u
+    ...h
   };
-  return /* @__PURE__ */ o.createElement("div", { ref: c, className: f, style: v, id: h || y }, k);
+  return /* @__PURE__ */ o.createElement("div", { ref: c, className: f, style: v, id: u || y }, k);
 }), l = {
   orientation: "horizontal",
   hAlign: "stretch",

package/stepper/Step.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 ee=require("react"),n=require("prop-types"),te=require("./context/StepperContext.js"),c=require("@progress/kendo-react-common"),ne=require("@progress/kendo-react-intl"),j=require("@progress/kendo-svg-icons"),D=require("./contants.js"),L=require("./messages/index.js");function ae(s){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const i in s)if(i!=="default"){const m=Object.getOwnPropertyDescriptor(s,i);Object.defineProperty(p,i,m.get?m:{enumerable:!0,get:()=>s[i]})}}return p.default=s,Object.freeze(p)}const e=ae(ee),y=e.forwardRef((s,p)=>{const{children:i,className:m,current:v,disabled:o,focused:O,icon:b,svgIcon:M,index:a,isValid:t,label:l,optional:k,style:T,tabIndex:oe=se.tabIndex,text:q,..._}=s,{animationDuration:I,isVertical:g,item:z,linear:P,mode:F,numOfSteps:r,value:d,onChange:N,onFocus:x,successIcon:V,errorIcon:w,successSVGIcon:H,errorSVGIcon:W}=e.useContext(te.StepperContext),f=e.useRef(null),R=e.useCallback(()=>{f.current&&c.focusFirstFocusableChild(f.current)},[]),E=e.useCallback(()=>({element:f.current,focus:R}),[R]);e.useImperativeHandle(p,E);const C=!P||a===d-1||a===d||a===d+1,S=F==="labels"||!!b&&!!l,$=ne.useLocalization(),B=(u=>$.toLanguageString(u,L.messages[u]))(L.optionalText),G=typeof I=="number"?I:I!==!1?D.DEFAULT_ANIMATION_DURATION:D.NO_ANIMATION,U=e.useCallback(u=>{N&&!o&&c.dispatchEvent(N,u,E(),{value:a})},[N,d,o]),K=e.useCallback(u=>{x&&!o&&c.dispatchEvent(x,u,E(),void 0)},[x,o]),J=e.useMemo(()=>c.classNames("k-step",{"k-step-first":a===0,"k-step-last":r&&a===r-1,"k-step-done":a<d,"k-step-current":v,"k-step-optional":k,"k-step-error":t!==void 0&&!t,"k-step-success":t,"k-disabled":o,"k-focus":O},m),[a,r,d,v,k,o,O,t,m]),Q=e.useMemo(()=>({maxWidth:g?void 0:`calc(100% / ${r})`,maxHeight:g?`calc(100% / ${r})`:void 0,pointerEvents:C?void 0:"none",...T}),[g,r,T,C]),A=t?V:w,h=A?e.createElement("span",{className:"k-step-indicator-icon "+A,"aria-hidden":"true"}):e.createElement(c.IconWrap,{className:"k-step-indicator-icon",name:t?"check-circle":"exclamation-circle",icon:t?H||j.checkOutlineIcon:W||j.exclamationCircleIcon}),X=e.createElement(e.Fragment,null,F!=="labels"?e.createElement("span",{className:"k-step-indicator","aria-hidden":!0,style:{transitionDuration:G+"ms"}},b||M?!S&&t!==void 0?h:e.createElement(c.IconWrap,{className:"k-step-indicator-icon",name:b&&c.toIconName(b),icon:M}):t!==void 0?h:e.createElement("span",{className:"k-step-indicator-text"},q||a+1)):null),Y=(l||S||k)&&e.createElement("span",{className:"k-step-label"},l&&e.createElement("span",{className:"k-step-text"},l),S&&t!==void 0&&h,k&&e.createElement("span",{className:"k-step-label-optional"},B)),Z=e.createElement(e.Fragment,null,X,Y);return e.createElement("li",{ref:f,className:J,style:Q,..._},e.createElement("a",{className:"k-step-link",title:l||void 0,onClick:U,onFocus:K,"aria-current":v?"step":void 0,"aria-disabled":o||!C||void 0,"aria-invalid":t!==void 0&&!t||void 0},z?i:Z))});y.propTypes={children:n.any,className:n.string,current:n.bool,disabled:n.bool,icon:n.string,index:n.number,isValid:n.bool,label:n.string,optional:n.bool,style:n.object,tabIndex:n.number,text:n.string};const se={tabIndex:0};y.displayName="KendoStep";exports.Step=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ee=require("react"),n=require("prop-types"),te=require("./context/StepperContext.js"),c=require("@progress/kendo-react-common"),ne=require("@progress/kendo-react-intl"),j=require("@progress/kendo-svg-icons"),D=require("./contants.js"),L=require("./messages/index.js");function ae(s){const p=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const i in s)if(i!=="default"){const m=Object.getOwnPropertyDescriptor(s,i);Object.defineProperty(p,i,m.get?m:{enumerable:!0,get:()=>s[i]})}}return p.default=s,Object.freeze(p)}const e=ae(ee),y=e.forwardRef((s,p)=>{const{children:i,className:m,current:v,disabled:o,focused:O,icon:b,svgIcon:M,index:a,isValid:t,label:l,optional:k,style:T,tabIndex:oe=se.tabIndex,text:q,..._}=s,{animationDuration:I,isVertical:g,item:z,linear:P,mode:F,numOfSteps:r,value:d,onChange:N,onFocus:x,successIcon:V,errorIcon:w,successSVGIcon:H,errorSVGIcon:W}=e.useContext(te.StepperContext),f=e.useRef(null),R=e.useCallback(()=>{f.current&&c.focusFirstFocusableChild(f.current)},[]),E=e.useCallback(()=>({element:f.current,focus:R}),[R]);e.useImperativeHandle(p,E);const C=!P||a===d-1||a===d||a===d+1,S=F==="labels"||!!b&&!!l,$=ne.useLocalization(),B=(u=>$.toLanguageString(u,L.messages[u]))(L.optionalText),G=typeof I=="number"?I:I!==!1?D.DEFAULT_ANIMATION_DURATION:D.NO_ANIMATION,U=e.useCallback(u=>{N&&!o&&c.dispatchEvent(N,u,E(),{value:a})},[N,d,o]),K=e.useCallback(u=>{x&&!o&&c.dispatchEvent(x,u,E(),void 0)},[x,o]),J=e.useMemo(()=>c.classNames("k-step",{"k-step-first":a===0,"k-step-last":r&&a===r-1,"k-step-done":a<d,"k-step-current":v,"k-step-optional":k,"k-step-error":t!==void 0&&!t,"k-step-success":t,"k-disabled":o,"k-focus":O},m),[a,r,d,v,k,o,O,t,m]),Q=e.useMemo(()=>({maxWidth:g?void 0:`calc(100% / ${r})`,maxHeight:g?`calc(100% / ${r})`:void 0,pointerEvents:C?void 0:"none",...T}),[g,r,T,C]),A=t?V:w,h=A?e.createElement("span",{className:"k-step-indicator-icon "+A,"aria-hidden":"true"}):e.createElement(c.IconWrap,{className:"k-step-indicator-icon",name:t?"check-circle":"exclamation-circle",icon:t?H||j.checkOutlineIcon:W||j.exclamationCircleIcon}),X=e.createElement(e.Fragment,null,F!=="labels"?e.createElement("span",{className:"k-step-indicator","aria-hidden":!0,style:{transitionDuration:G+"ms"}},b||M?!S&&t!==void 0?h:e.createElement(c.IconWrap,{className:"k-step-indicator-icon",name:b&&c.toIconName(b),icon:M}):t!==void 0?h:e.createElement("span",{className:"k-step-indicator-text"},q||a+1)):null),Y=(l||S||k)&&e.createElement("span",{className:"k-step-label"},l&&e.createElement("span",{className:"k-step-text"},l),S&&t!==void 0&&h,k&&e.createElement("span",{className:"k-step-label-optional"},B)),Z=e.createElement(e.Fragment,null,X,Y);return e.createElement("li",{ref:f,className:J,style:Q,..._},e.createElement("a",{className:"k-step-link",title:l||void 0,onClick:U,onFocus:K,"aria-current":v?"step":void 0,"aria-disabled":o||!C||void 0,"aria-invalid":t!==void 0&&!t||void 0},z?i:Z))});y.propTypes={children:n.any,className:n.string,current:n.bool,disabled:n.bool,icon:n.string,index:n.number,isValid:n.bool,label:n.string,optional:n.bool,style:n.object,tabIndex:n.number,text:n.string};const se={tabIndex:0};y.displayName="KendoStep";exports.Step=y;

package/stepper/Step.mjs

@@ -5,14 +5,13 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as e from "react";
 import a from "prop-types";
 import { StepperContext as Y } from "./context/StepperContext.mjs";
 import { focusFirstFocusableChild as Z, dispatchEvent as M, classNames as ee, IconWrap as T, toIconName as te } from "@progress/kendo-react-common";
 import { useLocalization as ae } from "@progress/kendo-react-intl";
-import { checkOutlineIcon as se, exclamationCircleIcon as ne } from "@progress/kendo-svg-icons";
-import { DEFAULT_ANIMATION_DURATION as oe, NO_ANIMATION as ce } from "./contants.mjs";
+import { checkOutlineIcon as se, exclamationCircleIcon as oe } from "@progress/kendo-svg-icons";
+import { DEFAULT_ANIMATION_DURATION as ne, NO_ANIMATION as ce } from "./contants.mjs";
 import { messages as le, optionalText as ie } from "./messages/index.mjs";
 const L = e.forwardRef((O, R) => {
   const {
@@ -20,13 +19,13 @@ const L = e.forwardRef((O, R) => {
     children: V,
     className: g,
     current: d,
-    disabled: n,
+    disabled: o,
     focused: E,
     icon: r,
     svgIcon: h,
     index: s,
     isValid: t,
-    label: o,
+    label: n,
     optional: m,
     style: C,
     tabIndex: me = re.tabIndex,
@@ -56,16 +55,16 @@ const L = e.forwardRef((O, R) => {
     [F]
   );
   e.useImperativeHandle(R, v);
-  const I = !H || s === l - 1 || s === l || s === l + 1, N = S === "labels" || !!r && !!o, P = ae(), U = ((i) => P.toLanguageString(i, le[i]))(ie), W = typeof u == "number" ? u : u !== !1 ? oe : ce, $ = e.useCallback(
+  const I = !H || s === l - 1 || s === l || s === l + 1, N = S === "labels" || !!r && !!n, P = ae(), U = ((i) => P.toLanguageString(i, le[i]))(ie), W = typeof u == "number" ? u : u !== !1 ? ne : ce, $ = e.useCallback(
     (i) => {
-      b && !n && M(b, i, v(), { value: s });
+      b && !o && M(b, i, v(), { value: s });
     },
-    [b, l, n]
+    [b, l, o]
   ), j = e.useCallback(
     (i) => {
-      f && !n && M(f, i, v(), void 0);
+      f && !o && M(f, i, v(), void 0);
     },
-    [f, n]
+    [f, o]
   ), K = e.useMemo(
     () => ee(
       "k-step",
@@ -77,12 +76,12 @@ const L = e.forwardRef((O, R) => {
         "k-step-optional": m,
         "k-step-error": t !== void 0 && !t,
         "k-step-success": t,
-        "k-disabled": n,
+        "k-disabled": o,
         "k-focus": E
       },
       g
     ),
-    [s, c, l, d, m, n, E, t, g]
+    [s, c, l, d, m, o, E, t, g]
   ), q = e.useMemo(
     () => ({
       maxWidth: k ? void 0 : `calc(100% / ${c})`,
@@ -96,7 +95,7 @@ const L = e.forwardRef((O, R) => {
     {
       className: "k-step-indicator-icon",
       name: t ? "check-circle" : "exclamation-circle",
-      icon: t ? B || se : G || ne
+      icon: t ? B || se : G || oe
     }
   ), J = /* @__PURE__ */ e.createElement(e.Fragment, null, S !== "labels" ? /* @__PURE__ */ e.createElement(
     "span",
@@ -113,16 +112,16 @@ const L = e.forwardRef((O, R) => {
         icon: h
       }
     ) : t !== void 0 ? x : /* @__PURE__ */ e.createElement("span", { className: "k-step-indicator-text" }, y || s + 1)
-  ) : null), Q = (o || N || m) && /* @__PURE__ */ e.createElement("span", { className: "k-step-label" }, o && /* @__PURE__ */ e.createElement("span", { className: "k-step-text" }, o), N && t !== void 0 && x, m && /* @__PURE__ */ e.createElement("span", { className: "k-step-label-optional" }, U)), X = /* @__PURE__ */ e.createElement(e.Fragment, null, J, Q);
+  ) : null), Q = (n || N || m) && /* @__PURE__ */ e.createElement("span", { className: "k-step-label" }, n && /* @__PURE__ */ e.createElement("span", { className: "k-step-text" }, n), N && t !== void 0 && x, m && /* @__PURE__ */ e.createElement("span", { className: "k-step-label-optional" }, U)), X = /* @__PURE__ */ e.createElement(e.Fragment, null, J, Q);
   return /* @__PURE__ */ e.createElement("li", { ref: p, className: K, style: q, ...z }, /* @__PURE__ */ e.createElement(
     "a",
     {
       className: "k-step-link",
-      title: o || void 0,
+      title: n || void 0,
       onClick: $,
       onFocus: j,
       "aria-current": d ? "step" : void 0,
-      "aria-disabled": n || !I || void 0,
+      "aria-disabled": o || !I || void 0,
       "aria-invalid": t !== void 0 && !t || void 0
     },
     D ? V : X

package/stepper/Stepper.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 te=require("react"),o=require("prop-types"),ne=require("./context/StepperContext.js"),d=require("@progress/kendo-react-common"),se=require("./Step.js"),oe=require("@progress/kendo-react-progressbars"),z=require("./contants.js"),re=require("../package-metadata.js"),ae=require("@progress/kendo-react-intl"),O=require("./messages/index.js");function ie(m){const k=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(m){for(const p in m)if(p!=="default"){const h=Object.getOwnPropertyDescriptor(m,p);Object.defineProperty(k,p,h.get?h:{enumerable:!0,get:()=>m[p]})}}return k.default=m,Object.freeze(k)}const e=ie(te),T=e.forwardRef((m,k)=>{d.validatePackage(re.packageMetadata);const{animationDuration:p,children:h,className:D,disabled:g,errorIcon:V,errorSVGIcon:j,item:P,items:b,linear:y,mode:_,orientation:S,selectOnFocus:E,style:w,successIcon:K,successSVGIcon:G,value:i=0,onChange:C,onFocus:N}=m,B=ae.useLocalization().toLanguageString(O.progBarAriaLabel,O.messages[O.progBarAriaLabel]),v=e.useRef(null),M=e.useCallback(()=>{v.current&&d.focusFirstFocusableChild(v.current)},[]),x=e.useCallback(()=>({element:v.current,focus:M}),[M]);e.useImperativeHandle(k,x);const[H,u]=e.useState(i),f=b?b.length:0,s=S==="vertical",R=d.useDir(v,m.dir),U=typeof p=="number"?p:p!==!1?z.DEFAULT_ANIMATION_DURATION:z.NO_ANIMATION;e.useEffect(()=>{u(i)},[i]);const q=e.useCallback((a,r)=>{const t=r===i-1,n=r===i,c=r===i+1;i!==r&&C&&!g&&(!y||t||n||c)&&(d.dispatchEvent(C,a,x(),{value:r}),u(r))},[i,y,C,g,u]),J=e.useCallback(a=>{const r=a.value,t=a.syntheticEvent;q(t,r)},[q]),Q=e.useCallback(a=>{N&&!g&&d.dispatchEvent(N,a.syntheticEvent,x(),void 0)},[N,g]),I=e.useMemo(()=>{const a=R==="rtl",r=b.length-1;return new d.Navigation({root:v,selectors:["ol.k-step-list li.k-step a.k-step-link"],tabIndex:0,keyboardEvents:{keydown:{Tab:(t,n,c)=>{c.preventDefault();const l=n.elements.indexOf(t),L=n.previous(t).children[0],A=n.next(t).children[0];c.shiftKey?!a&&l>0?(n.focusPrevious(t),u(l-1),E&&L.click()):a&&l<r&&(n.focusNext(t),u(l+1),E&&A.click()):!a&&l<r?(n.focusNext(t),u(l+1),E&&A.click()):a&&l>0&&(n.focusPrevious(t),u(l-1),E&&L.click())},Home:(t,n,c)=>{c.preventDefault(),n.focusElement(n.first,t),u(0)},End:(t,n,c)=>{c.preventDefault(),n.focusElement(n.last,t),u(r)},Space:(t,n,c)=>{c.preventDefault(),t.children[0].click()},Enter:(t,n,c)=>{c.preventDefault(),t.children[0].click()}}}})},[R,b.length,u,E]);e.useEffect(()=>(I.initializeRovingTab(i),()=>I.removeFocusListener()),[]);const W=e.useCallback(I.triggerKeyboardEvent.bind(I),[]),X=e.useMemo(()=>d.classNames("k-stepper",{"k-stepper-linear":y},D),[y,D]),Y=e.useMemo(()=>({display:"grid",gridTemplateColumns:s?void 0:"repeat("+f*2+", 1fr)",gridTemplateRows:s?"repeat("+f+", 1fr)":void 0,...w}),[s,f,w]),Z=e.useMemo(()=>d.classNames("k-step-list",{"k-step-list-horizontal":!s,"k-step-list-vertical":s}),[s]),$=e.useMemo(()=>({gridColumnStart:s?void 0:1,gridColumnEnd:s?void 0:-1,gridRowStart:s?1:void 0,gridRowEnd:s?-1:void 0}),[s]),ee=e.useMemo(()=>({gridColumnStart:s?void 0:2,gridColumnEnd:s?void 0:f*2,gridRowStart:s?1:void 0,gridRowEnd:s?f:void 0,top:s?17:void 0}),[s,f]),F=b&&b.map((a,r)=>{const t={index:r,disabled:g||a.disabled,focused:r===H,current:r===i,...a},n=P||se.Step;return e.createElement(n,{key:r,...t})});return e.createElement(ne.StepperContext.Provider,{value:{animationDuration:p,isVertical:s,item:P,linear:y,mode:_,numOfSteps:f,value:i,successIcon:K,successSVGIcon:G,errorIcon:V,errorSVGIcon:j,onChange:J,onFocus:Q}},e.createElement("nav",{className:X,style:Y,dir:R,role:"navigation",ref:v,onKeyDown:W},e.createElement("ol",{className:Z,style:$},F||h),e.createElement(oe.ProgressBar,{style:ee,labelPlacement:"start",animation:{duration:U},ariaLabel:B,"aria-hidden":!0,max:f-1,labelVisible:!1,orientation:S,reverse:S==="vertical",value:i,disabled:g,tabIndex:-1})))});T.propTypes={animationDuration:o.oneOfType([o.bool,o.number]),children:o.any,className:o.string,dir:o.string,disabled:o.bool,errorIcon:o.string,errorSVGIcon:d.svgIconPropType,item:o.any,items:o.any,linear:o.bool,mode:o.oneOf(["steps","labels"]),orientation:o.oneOf(["horizontal","vertical"]),style:o.object,successIcon:o.string,successSVGIcon:d.svgIconPropType,value:o.number.isRequired,onChange:o.func,onFocus:o.func};T.displayName="KendoStepper";exports.Stepper=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const te=require("react"),o=require("prop-types"),ne=require("./context/StepperContext.js"),d=require("@progress/kendo-react-common"),se=require("./Step.js"),oe=require("@progress/kendo-react-progressbars"),z=require("./contants.js"),re=require("../package-metadata.js"),ae=require("@progress/kendo-react-intl"),O=require("./messages/index.js");function ie(m){const k=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(m){for(const p in m)if(p!=="default"){const h=Object.getOwnPropertyDescriptor(m,p);Object.defineProperty(k,p,h.get?h:{enumerable:!0,get:()=>m[p]})}}return k.default=m,Object.freeze(k)}const e=ie(te),T=e.forwardRef((m,k)=>{d.validatePackage(re.packageMetadata);const{animationDuration:p,children:h,className:D,disabled:g,errorIcon:V,errorSVGIcon:j,item:P,items:b,linear:y,mode:_,orientation:S,selectOnFocus:E,style:w,successIcon:K,successSVGIcon:G,value:i=0,onChange:C,onFocus:N}=m,B=ae.useLocalization().toLanguageString(O.progBarAriaLabel,O.messages[O.progBarAriaLabel]),v=e.useRef(null),M=e.useCallback(()=>{v.current&&d.focusFirstFocusableChild(v.current)},[]),x=e.useCallback(()=>({element:v.current,focus:M}),[M]);e.useImperativeHandle(k,x);const[H,u]=e.useState(i),f=b?b.length:0,s=S==="vertical",R=d.useDir(v,m.dir),U=typeof p=="number"?p:p!==!1?z.DEFAULT_ANIMATION_DURATION:z.NO_ANIMATION;e.useEffect(()=>{u(i)},[i]);const q=e.useCallback((a,r)=>{const t=r===i-1,n=r===i,c=r===i+1;i!==r&&C&&!g&&(!y||t||n||c)&&(d.dispatchEvent(C,a,x(),{value:r}),u(r))},[i,y,C,g,u]),J=e.useCallback(a=>{const r=a.value,t=a.syntheticEvent;q(t,r)},[q]),Q=e.useCallback(a=>{N&&!g&&d.dispatchEvent(N,a.syntheticEvent,x(),void 0)},[N,g]),I=e.useMemo(()=>{const a=R==="rtl",r=b.length-1;return new d.Navigation({root:v,selectors:["ol.k-step-list li.k-step a.k-step-link"],tabIndex:0,keyboardEvents:{keydown:{Tab:(t,n,c)=>{c.preventDefault();const l=n.elements.indexOf(t),L=n.previous(t).children[0],A=n.next(t).children[0];c.shiftKey?!a&&l>0?(n.focusPrevious(t),u(l-1),E&&L.click()):a&&l<r&&(n.focusNext(t),u(l+1),E&&A.click()):!a&&l<r?(n.focusNext(t),u(l+1),E&&A.click()):a&&l>0&&(n.focusPrevious(t),u(l-1),E&&L.click())},Home:(t,n,c)=>{c.preventDefault(),n.focusElement(n.first,t),u(0)},End:(t,n,c)=>{c.preventDefault(),n.focusElement(n.last,t),u(r)},Space:(t,n,c)=>{c.preventDefault(),t.children[0].click()},Enter:(t,n,c)=>{c.preventDefault(),t.children[0].click()}}}})},[R,b.length,u,E]);e.useEffect(()=>(I.initializeRovingTab(i),()=>I.removeFocusListener()),[]);const W=e.useCallback(I.triggerKeyboardEvent.bind(I),[]),X=e.useMemo(()=>d.classNames("k-stepper",{"k-stepper-linear":y},D),[y,D]),Y=e.useMemo(()=>({display:"grid",gridTemplateColumns:s?void 0:"repeat("+f*2+", 1fr)",gridTemplateRows:s?"repeat("+f+", 1fr)":void 0,...w}),[s,f,w]),Z=e.useMemo(()=>d.classNames("k-step-list",{"k-step-list-horizontal":!s,"k-step-list-vertical":s}),[s]),$=e.useMemo(()=>({gridColumnStart:s?void 0:1,gridColumnEnd:s?void 0:-1,gridRowStart:s?1:void 0,gridRowEnd:s?-1:void 0}),[s]),ee=e.useMemo(()=>({gridColumnStart:s?void 0:2,gridColumnEnd:s?void 0:f*2,gridRowStart:s?1:void 0,gridRowEnd:s?f:void 0,top:s?17:void 0}),[s,f]),F=b&&b.map((a,r)=>{const t={index:r,disabled:g||a.disabled,focused:r===H,current:r===i,...a},n=P||se.Step;return e.createElement(n,{key:r,...t})});return e.createElement(ne.StepperContext.Provider,{value:{animationDuration:p,isVertical:s,item:P,linear:y,mode:_,numOfSteps:f,value:i,successIcon:K,successSVGIcon:G,errorIcon:V,errorSVGIcon:j,onChange:J,onFocus:Q}},e.createElement("nav",{className:X,style:Y,dir:R,role:"navigation",ref:v,onKeyDown:W},e.createElement("ol",{className:Z,style:$},F||h),e.createElement(oe.ProgressBar,{style:ee,labelPlacement:"start",animation:{duration:U},ariaLabel:B,"aria-hidden":!0,max:f-1,labelVisible:!1,orientation:S,reverse:S==="vertical",value:i,disabled:g,tabIndex:-1})))});T.propTypes={animationDuration:o.oneOfType([o.bool,o.number]),children:o.any,className:o.string,dir:o.string,disabled:o.bool,errorIcon:o.string,errorSVGIcon:d.svgIconPropType,item:o.any,items:o.any,linear:o.bool,mode:o.oneOf(["steps","labels"]),orientation:o.oneOf(["horizontal","vertical"]),style:o.object,successIcon:o.string,successSVGIcon:d.svgIconPropType,value:o.number.isRequired,onChange:o.func,onFocus:o.func};T.displayName="KendoStepper";exports.Stepper=T;

package/stepper/Stepper.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as e from "react";
 import n from "prop-types";
 import { StepperContext as oe } from "./context/StepperContext.mjs";

package/stepper/contants.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 A=400,N=0;exports.DEFAULT_ANIMATION_DURATION=A;exports.NO_ANIMATION=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=400,N=0;exports.DEFAULT_ANIMATION_DURATION=A;exports.NO_ANIMATION=N;

package/stepper/contants.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 const A = 400, N = 0;
 export {
   A as DEFAULT_ANIMATION_DURATION,

package/stepper/context/StepperContext.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 r=require("react");function c(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const a=c(r),l={linear:!1,mode:"steps",value:0},u=a.createContext(l);exports.StepperContext=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function c(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const a=c(r),l={linear:!1,mode:"steps",value:0},u=a.createContext(l);exports.StepperContext=u;

package/stepper/context/StepperContext.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as e from "react";
 const t = {
   linear: !1,

package/stepper/messages/index.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 e="stepper.optionalText",t="stepper.progBarAriaLabel",a={[e]:"(Optional)",[t]:"progressbar"};exports.messages=a;exports.optionalText=e;exports.progBarAriaLabel=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="stepper.optionalText",a="stepper.progBarAriaLabel",o={[e]:"(Optional)",[a]:"progressbar"};exports.messages=o;exports.optionalText=e;exports.progBarAriaLabel=a;

package/stepper/messages/index.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 const e = "stepper.optionalText", o = "stepper.progBarAriaLabel", r = {
   [e]: "(Optional)",
   [o]: "progressbar"

package/tabstrip/TabStrip.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 g=require("react"),a=require("prop-types"),m=require("./TabStripNavigation.js"),S=require("./TabStripContent.js"),p=require("@progress/kendo-react-common"),f=require("../package-metadata.js");function y(d){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const t in d)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(d,t);Object.defineProperty(o,t,s.get?s:{enumerable:!0,get:()=>d[t]})}}return o.default=d,Object.freeze(o)}const l=y(g),h=class h extends l.Component{constructor(o){super(o),this.tabStripRef=l.createRef(),this.showLicenseWatermark=!1,this.onSelect=t=>{this.props.selected!==t&&this.props.onSelect&&this.props.onSelect({selected:t})},this.onKeyDown=t=>{this.navigation.triggerKeyboardEvent(t)},this.onKeyboardSelect=t=>{const s=this.children();s&&s[t].props.disabled||this.onSelect(t)},this.renderContent=t=>{const{selected:s,children:n,tabContentStyle:e}=t,i=l.Children.count(n);return s<i&&s>-1?l.createElement(S.TabStripContent,{index:s,...t,style:e}):null},p.validatePackage(f.packageMetadata),this.showLicenseWatermark=p.shouldShowValidationUI(f.packageMetadata)}get contentPanelId(){return this.props.id+"-content-panel-id"}get navItemId(){return this.props.id+"-nav-item-id"}componentDidMount(){var s;const o=this.tabStripRef.current,t=o&&getComputedStyle(o).direction==="rtl"||!1;o&&(this.navigation=new p.Navigation({tabIndex:0,root:this.tabStripRef,rovingTabIndex:!0,focusClass:"k-focus",selectors:[".k-tabstrip .k-tabstrip-item"],keyboardEvents:{keydown:{ArrowLeft:(n,e,i)=>{i.preventDefault();const r=e.elements.indexOf(n),c=r!==0?r-1:e.elements.length-1,u=r!==e.elements.length-1?r+1:0;t?(e.focusNext(n),this.onKeyboardSelect(u)):(e.focusPrevious(n),this.onKeyboardSelect(c))},ArrowRight:(n,e,i)=>{i.preventDefault();const r=e.elements.indexOf(n),c=r!==0?r-1:e.elements.length-1,u=r!==e.elements.length-1?r+1:0;t?(e.focusPrevious(n),this.onKeyboardSelect(c)):(e.focusNext(n),this.onKeyboardSelect(u))},ArrowDown:(n,e,i)=>{i.preventDefault();const r=e.elements.indexOf(n),c=r!==e.elements.length-1?r+1:0;e.focusNext(n),this.onKeyboardSelect(c)},ArrowUp:(n,e,i)=>{i.preventDefault();const r=e.elements.indexOf(n),c=r!==0?r-1:e.elements.length-1;e.focusPrevious(n),this.onKeyboardSelect(c)},Home:(n,e,i)=>{i.preventDefault(),e.focusElement(e.first,n),this.onKeyboardSelect(0)},End:(n,e,i)=>{i.preventDefault(),e.focusElement(e.last,n),this.onKeyboardSelect(e.elements.length-1)}}}}),(s=this.navigation)==null||s.initializeRovingTab(this.props.selected))}componentWillUnmount(){var o;(o=this.navigation)==null||o.removeFocusListener()}render(){const o={...this.props,children:this.children(),contentPanelId:this.contentPanelId,renderAllContent:this.props.renderAllContent,navItemId:this.navItemId,onKeyDown:this.onKeyDown,onSelect:this.onSelect},{tabPosition:t,tabIndex:s}=o,n=t==="bottom",e=p.classNames("k-tabstrip k-pos-relative",{"k-tabstrip-left":t==="left","k-tabstrip-right":t==="right","k-tabstrip-bottom":t==="bottom","k-tabstrip-top":t==="top","k-tabstrip-scrollable":this.props.scrollable},this.props.className);return l.createElement("div",{id:this.props.id,ref:this.tabStripRef,dir:this.props.dir,className:e,style:this.props.style},!n&&l.createElement(m.TabStripNavigation,{...o,tabIndex:s}),this.renderContent(o),n&&l.createElement(m.TabStripNavigation,{...o,tabIndex:s}),this.showLicenseWatermark&&l.createElement(p.WatermarkOverlay,null))}children(){return l.Children.toArray(this.props.children).filter(o=>o)}};h.propTypes={animation:a.bool,children:a.node,onSelect:a.func,selected:a.number,style:a.object,tabContentStyle:a.object,tabPosition:a.string,tabAlignment:a.string,tabIndex:a.number,className:a.string,dir:a.string},h.defaultProps={animation:!0,tabPosition:"top",tabAlignment:"start",keepTabsMounted:!1,buttonScrollSpeed:100,scrollButtonsPosition:"around",mouseScrollSpeed:10,renderAllContent:!1};let b=h;exports.TabStrip=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),a=require("prop-types"),m=require("./TabStripNavigation.js"),S=require("./TabStripContent.js"),p=require("@progress/kendo-react-common"),f=require("../package-metadata.js");function y(d){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const t in d)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(d,t);Object.defineProperty(o,t,s.get?s:{enumerable:!0,get:()=>d[t]})}}return o.default=d,Object.freeze(o)}const l=y(g),h=class h extends l.Component{constructor(o){super(o),this.tabStripRef=l.createRef(),this.showLicenseWatermark=!1,this.onSelect=t=>{this.props.selected!==t&&this.props.onSelect&&this.props.onSelect({selected:t})},this.onKeyDown=t=>{this.navigation.triggerKeyboardEvent(t)},this.onKeyboardSelect=t=>{const s=this.children();s&&s[t].props.disabled||this.onSelect(t)},this.renderContent=t=>{const{selected:s,children:n,tabContentStyle:e}=t,i=l.Children.count(n);return s<i&&s>-1?l.createElement(S.TabStripContent,{index:s,...t,style:e}):null},p.validatePackage(f.packageMetadata),this.showLicenseWatermark=p.shouldShowValidationUI(f.packageMetadata)}get contentPanelId(){return this.props.id+"-content-panel-id"}get navItemId(){return this.props.id+"-nav-item-id"}componentDidMount(){var s;const o=this.tabStripRef.current,t=o&&getComputedStyle(o).direction==="rtl"||!1;o&&(this.navigation=new p.Navigation({tabIndex:0,root:this.tabStripRef,rovingTabIndex:!0,focusClass:"k-focus",selectors:[".k-tabstrip .k-tabstrip-item"],keyboardEvents:{keydown:{ArrowLeft:(n,e,i)=>{i.preventDefault();const r=e.elements.indexOf(n),c=r!==0?r-1:e.elements.length-1,u=r!==e.elements.length-1?r+1:0;t?(e.focusNext(n),this.onKeyboardSelect(u)):(e.focusPrevious(n),this.onKeyboardSelect(c))},ArrowRight:(n,e,i)=>{i.preventDefault();const r=e.elements.indexOf(n),c=r!==0?r-1:e.elements.length-1,u=r!==e.elements.length-1?r+1:0;t?(e.focusPrevious(n),this.onKeyboardSelect(c)):(e.focusNext(n),this.onKeyboardSelect(u))},ArrowDown:(n,e,i)=>{i.preventDefault();const r=e.elements.indexOf(n),c=r!==e.elements.length-1?r+1:0;e.focusNext(n),this.onKeyboardSelect(c)},ArrowUp:(n,e,i)=>{i.preventDefault();const r=e.elements.indexOf(n),c=r!==0?r-1:e.elements.length-1;e.focusPrevious(n),this.onKeyboardSelect(c)},Home:(n,e,i)=>{i.preventDefault(),e.focusElement(e.first,n),this.onKeyboardSelect(0)},End:(n,e,i)=>{i.preventDefault(),e.focusElement(e.last,n),this.onKeyboardSelect(e.elements.length-1)}}}}),(s=this.navigation)==null||s.initializeRovingTab(this.props.selected))}componentWillUnmount(){var o;(o=this.navigation)==null||o.removeFocusListener()}render(){const o={...this.props,children:this.children(),contentPanelId:this.contentPanelId,renderAllContent:this.props.renderAllContent,navItemId:this.navItemId,onKeyDown:this.onKeyDown,onSelect:this.onSelect},{tabPosition:t,tabIndex:s}=o,n=t==="bottom",e=p.classNames("k-tabstrip k-pos-relative",{"k-tabstrip-left":t==="left","k-tabstrip-right":t==="right","k-tabstrip-bottom":t==="bottom","k-tabstrip-top":t==="top","k-tabstrip-scrollable":this.props.scrollable},this.props.className);return l.createElement("div",{id:this.props.id,ref:this.tabStripRef,dir:this.props.dir,className:e,style:this.props.style},!n&&l.createElement(m.TabStripNavigation,{...o,tabIndex:s}),this.renderContent(o),n&&l.createElement(m.TabStripNavigation,{...o,tabIndex:s}),this.showLicenseWatermark&&l.createElement(p.WatermarkOverlay,null))}children(){return l.Children.toArray(this.props.children).filter(o=>o)}};h.propTypes={animation:a.bool,children:a.node,onSelect:a.func,selected:a.number,style:a.object,tabContentStyle:a.object,tabPosition:a.string,tabAlignment:a.string,tabIndex:a.number,className:a.string,dir:a.string},h.defaultProps={animation:!0,tabPosition:"top",tabAlignment:"start",keepTabsMounted:!1,buttonScrollSpeed:100,scrollButtonsPosition:"around",mouseScrollSpeed:10,renderAllContent:!1};let b=h;exports.TabStrip=b;

package/tabstrip/TabStrip.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as a from "react";
 import l from "prop-types";
 import { TabStripNavigation as h } from "./TabStripNavigation.mjs";
@@ -13,8 +12,8 @@ import { TabStripContent as b } from "./TabStripContent.mjs";
 import { validatePackage as u, shouldShowValidationUI as g, Navigation as S, classNames as y, WatermarkOverlay as x } from "@progress/kendo-react-common";
 import { packageMetadata as m } from "../package-metadata.mjs";
 const d = class d extends a.Component {
-  constructor(s) {
-    super(s), this.tabStripRef = a.createRef(), this.showLicenseWatermark = !1, this.onSelect = (n) => {
+  constructor(o) {
+    super(o), this.tabStripRef = a.createRef(), this.showLicenseWatermark = !1, this.onSelect = (n) => {
       this.props.selected !== n && this.props.onSelect && this.props.onSelect({
         selected: n
       });
@@ -37,8 +36,8 @@ const d = class d extends a.Component {
   /** @hidden */
   componentDidMount() {
     var i;
-    const s = this.tabStripRef.current, n = s && getComputedStyle(s).direction === "rtl" || !1;
-    s && (this.navigation = new S({
+    const o = this.tabStripRef.current, n = o && getComputedStyle(o).direction === "rtl" || !1;
+    o && (this.navigation = new S({
       tabIndex: 0,
       root: this.tabStripRef,
       rovingTabIndex: !0,
@@ -48,22 +47,22 @@ const d = class d extends a.Component {
         keydown: {
           ArrowLeft: (t, e, r) => {
             r.preventDefault();
-            const o = e.elements.indexOf(t), c = o !== 0 ? o - 1 : e.elements.length - 1, p = o !== e.elements.length - 1 ? o + 1 : 0;
+            const s = e.elements.indexOf(t), c = s !== 0 ? s - 1 : e.elements.length - 1, p = s !== e.elements.length - 1 ? s + 1 : 0;
             n ? (e.focusNext(t), this.onKeyboardSelect(p)) : (e.focusPrevious(t), this.onKeyboardSelect(c));
           },
           ArrowRight: (t, e, r) => {
             r.preventDefault();
-            const o = e.elements.indexOf(t), c = o !== 0 ? o - 1 : e.elements.length - 1, p = o !== e.elements.length - 1 ? o + 1 : 0;
+            const s = e.elements.indexOf(t), c = s !== 0 ? s - 1 : e.elements.length - 1, p = s !== e.elements.length - 1 ? s + 1 : 0;
             n ? (e.focusPrevious(t), this.onKeyboardSelect(c)) : (e.focusNext(t), this.onKeyboardSelect(p));
           },
           ArrowDown: (t, e, r) => {
             r.preventDefault();
-            const o = e.elements.indexOf(t), c = o !== e.elements.length - 1 ? o + 1 : 0;
+            const s = e.elements.indexOf(t), c = s !== e.elements.length - 1 ? s + 1 : 0;
             e.focusNext(t), this.onKeyboardSelect(c);
           },
           ArrowUp: (t, e, r) => {
             r.preventDefault();
-            const o = e.elements.indexOf(t), c = o !== 0 ? o - 1 : e.elements.length - 1;
+            const s = e.elements.indexOf(t), c = s !== 0 ? s - 1 : e.elements.length - 1;
             e.focusPrevious(t), this.onKeyboardSelect(c);
           },
           Home: (t, e, r) => {
@@ -78,14 +77,14 @@ const d = class d extends a.Component {
   }
   /** @hidden */
   componentWillUnmount() {
-    var s;
-    (s = this.navigation) == null || s.removeFocusListener();
+    var o;
+    (o = this.navigation) == null || o.removeFocusListener();
   }
   /**
    * @hidden
    */
   render() {
-    const s = {
+    const o = {
       ...this.props,
       children: this.children(),
       contentPanelId: this.contentPanelId,
@@ -93,7 +92,7 @@ const d = class d extends a.Component {
       navItemId: this.navItemId,
       onKeyDown: this.onKeyDown,
       onSelect: this.onSelect
-    }, { tabPosition: n, tabIndex: i } = s, t = n === "bottom", e = y(
+    }, { tabPosition: n, tabIndex: i } = o, t = n === "bottom", e = y(
       "k-tabstrip k-pos-relative",
       {
         "k-tabstrip-left": n === "left",
@@ -113,14 +112,14 @@ const d = class d extends a.Component {
         className: e,
         style: this.props.style
       },
-      !t && /* @__PURE__ */ a.createElement(h, { ...s, tabIndex: i }),
-      this.renderContent(s),
-      t && /* @__PURE__ */ a.createElement(h, { ...s, tabIndex: i }),
+      !t && /* @__PURE__ */ a.createElement(h, { ...o, tabIndex: i }),
+      this.renderContent(o),
+      t && /* @__PURE__ */ a.createElement(h, { ...o, tabIndex: i }),
       this.showLicenseWatermark && /* @__PURE__ */ a.createElement(x, null)
     );
   }
   children() {
-    return a.Children.toArray(this.props.children).filter((s) => s);
+    return a.Children.toArray(this.props.children).filter((o) => o);
   }
 };
 d.propTypes = {

package/tabstrip/TabStripContent.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 y=require("react"),i=require("prop-types"),h=require("@progress/kendo-react-animation"),u=require("@progress/kendo-react-common");function b(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>a[t]})}}return e.default=a,Object.freeze(e)}const r=b(y),c=class c extends r.Component{constructor(){super(...arguments),this.contentId=this.props.contentPanelId,this.childFactory=e=>r.cloneElement(e,{...e.props,in:e.props.children.props.id===String(this.contentId+this.props.selected)})}render(){const{children:e,selected:t,contentPanelId:n,keepTabsMounted:s,navItemId:o,renderAllContent:l}=this.props,d=e&&typeof t=="number"&&r.Children.toArray(e)[t],m=u.classNames("k-tabstrip-content","k-active",d&&d.props.contentClassName);return l?this.renderAllContent(e):r.createElement("div",{className:m,style:this.props.style,id:n,role:"tabpanel","aria-hidden":s,"aria-labelledby":`${o}-${(t==null?void 0:t.toString())||""}`,tabIndex:0},this.renderContent(e))}renderContent(e){return this.props.keepTabsMounted?r.Children.map(this.props.children,(t,n)=>this.renderChild(t,n)):this.renderChild(r.Children.toArray(e)[this.props.selected],this.props.selected)}renderAllContent(e){return r.Children.map(e,(t,n)=>{const s=t,o=n===this.props.selected,l=u.classNames("k-tabstrip-content",{"k-active":o},s.props.contentClassName);return r.createElement("div",{className:l,style:this.props.style,id:`${this.props.contentPanelId}-${n}`,role:"tabpanel","aria-hidden":!o,hidden:!o,"aria-labelledby":`${this.props.navItemId}-${n}`},this.props.animation?r.createElement(h.Fade,{key:`${n}-${o}`,appear:!0,enter:!0,exit:!1},s.props.children):s.props.children)})}renderChild(e,t){const n=t===this.props.selected,s={style:{display:n?void 0:"none"}},o={position:"initial",display:n?void 0:"none"};return e.props.disabled?null:this.props.animation?r.createElement(h.Fade,{appear:!0,exit:this.props.keepTabsMounted,style:o,childFactory:this.props.keepTabsMounted?this.childFactory:void 0},r.createElement("div",{...s,id:String(this.contentId+t),key:t},e.props.children)):r.createElement("div",{...s,key:t},e.props.children)}};c.propTypes={animation:i.bool,children:i.oneOfType([i.element,i.arrayOf(i.element)]),selected:i.number,style:i.object};let p=c;exports.TabStripContent=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),i=require("prop-types"),h=require("@progress/kendo-react-animation"),u=require("@progress/kendo-react-common");function b(a){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>a[t]})}}return e.default=a,Object.freeze(e)}const r=b(y),c=class c extends r.Component{constructor(){super(...arguments),this.contentId=this.props.contentPanelId,this.childFactory=e=>r.cloneElement(e,{...e.props,in:e.props.children.props.id===String(this.contentId+this.props.selected)})}render(){const{children:e,selected:t,contentPanelId:n,keepTabsMounted:s,navItemId:o,renderAllContent:l}=this.props,d=e&&typeof t=="number"&&r.Children.toArray(e)[t],m=u.classNames("k-tabstrip-content","k-active",d&&d.props.contentClassName);return l?this.renderAllContent(e):r.createElement("div",{className:m,style:this.props.style,id:n,role:"tabpanel","aria-hidden":s,"aria-labelledby":`${o}-${(t==null?void 0:t.toString())||""}`,tabIndex:0},this.renderContent(e))}renderContent(e){return this.props.keepTabsMounted?r.Children.map(this.props.children,(t,n)=>this.renderChild(t,n)):this.renderChild(r.Children.toArray(e)[this.props.selected],this.props.selected)}renderAllContent(e){return r.Children.map(e,(t,n)=>{const s=t,o=n===this.props.selected,l=u.classNames("k-tabstrip-content",{"k-active":o},s.props.contentClassName);return r.createElement("div",{className:l,style:this.props.style,id:`${this.props.contentPanelId}-${n}`,role:"tabpanel","aria-hidden":!o,hidden:!o,"aria-labelledby":`${this.props.navItemId}-${n}`},this.props.animation?r.createElement(h.Fade,{key:`${n}-${o}`,appear:!0,enter:!0,exit:!1},s.props.children):s.props.children)})}renderChild(e,t){const n=t===this.props.selected,s={style:{display:n?void 0:"none"}},o={position:"initial",display:n?void 0:"none"};return e.props.disabled?null:this.props.animation?r.createElement(h.Fade,{appear:!0,exit:this.props.keepTabsMounted,style:o,childFactory:this.props.keepTabsMounted?this.childFactory:void 0},r.createElement("div",{...s,id:String(this.contentId+t),key:t},e.props.children)):r.createElement("div",{...s,key:t},e.props.children)}};c.propTypes={animation:i.bool,children:i.oneOfType([i.element,i.arrayOf(i.element)]),selected:i.number,style:i.object};let p=c;exports.TabStripContent=p;

package/tabstrip/TabStripContent.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 i from "prop-types";
 import { Fade as d } from "@progress/kendo-react-animation";

package/tabstrip/TabStripNavigation.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 L=require("react"),f=require("prop-types"),M=require("./TabStripNavigationItem.js"),N=require("@progress/kendo-react-common"),E=require("@progress/kendo-react-buttons"),m=require("@progress/kendo-svg-icons"),y=require("@progress/kendo-react-intl"),v=require("./messages/index.js");function z(h){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(h){for(const t in h)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(h,t);Object.defineProperty(s,t,r.get?r:{enumerable:!0,get:()=>h[t]})}}return s.default=h,Object.freeze(s)}const a=z(L),O=h=>Array.apply(null,Array(h)),W=h=>h.preventDefault(),S="smooth",p="prev",g="next",k=class k extends a.Component{constructor(s){super(s),this.itemsNavRef=a.createRef(),this.isRtl=()=>this.props.dir==="rtl",this.onWheel=t=>{t.stopPropagation();const r=t.deltaY<0?p:g;this.setNewScrollPosition(r,t)},this.arrowClickPrev=t=>{this.handleArrowClick(p,t)},this.arrowClickNext=t=>{this.handleArrowClick(g,t)},this.handleArrowClick=(t,r)=>{this.setNewScrollPosition(t,r)},this.setNewScrollPosition=(t,r)=>{const e=this.itemsNavRef.current;if(!e)return;const c=this.horizontalScroll(),n=c?e.scrollWidth-e.offsetWidth:e.scrollHeight-e.offsetHeight,l=(r.type==="click"?this.props.buttonScrollSpeed:this.props.mouseScrollSpeed)||0;let o=c?e.scrollLeft:e.scrollTop,i=c?e.scrollWidth-e.scrollLeft:e.scrollHeight-e.scrollTop,b=e.scrollWidth-e.scrollLeft*-1;this.isRtl()&&this.horizontalScroll()?(t===p&&o<0&&(o+=l,b+=l),t===g&&o<n&&(o-=l,b-=l),o=Math.min(0,Math.min(n,o))):(t===p&&o>0&&(o-=l,i+=l),t===g&&o<n&&(o+=l,i-=l),o=Math.max(0,Math.min(n,o)));const d=o===0,T=r.type==="click"?S:void 0;if(c){const w=this.isRtl()?Math.round(b)<=e.clientWidth||Math.floor(b)<=e.clientWidth:Math.round(i)<=e.clientWidth||Math.floor(i)<=e.clientWidth;this.setState({disabledPrev:d,disabledNext:w}),e.scrollTo({left:o,behavior:T})}else this.setState({disabledPrev:d,disabledNext:Math.round(i)<=e.clientHeight||Math.floor(i)<=e.clientHeight}),e.scrollTo({top:o,behavior:T})},this.renderArrow=(t,r)=>{const e=this.horizontalScroll(),c=y.provideLocalizationService(this),n={prev:{arrowTab:"k-tabstrip-prev",fontIcon:e?this.isRtl()?"caret-alt-right":"caret-alt-left":"caret-alt-up",svgIcon:e?this.isRtl()?m.caretAltRightIcon:m.caretAltLeftIcon:m.caretAltUpIcon,title:c.toLanguageString(v.prevArrowTitle,v.messages[v.prevArrowTitle])},next:{arrowTab:"k-tabstrip-next",fontIcon:e?this.isRtl()?"caret-alt-left":"caret-alt-right":"caret-alt-down",svgIcon:e?this.isRtl()?m.caretAltLeftIcon:m.caretAltRightIcon:m.caretAltDownIcon,title:c.toLanguageString(v.nextArrowTitle,v.messages[v.nextArrowTitle])}},l=(t===p?this.props.prevButton:this.props.nextButton)||E.Button,o=t===p?this.arrowClickPrev:this.arrowClickNext;return a.createElement(l,{disabled:r,className:`${n[t].arrowTab}`,onClick:o,icon:n[t].fontIcon,svgIcon:n[t].svgIcon,onMouseDown:W,tabIndex:-1,fillMode:"flat",title:n[t].title})},this.state={disabledPrev:this.props.selected===0,disabledNext:this.props.selected===a.Children.count(this.props.children)-1}}componentDidMount(){this.props.scrollable&&this.scrollToSelected()}componentDidUpdate(s){const{scrollable:t,selected:r}=this.props;t&&s.selected!==r&&(this.scrollToSelected(),this.setState({disabledPrev:r===0,disabledNext:r===a.Children.count(this.props.children)-1}))}render(){const{selected:s,tabPosition:t,tabAlignment:r,children:e,onSelect:c,onKeyDown:n,navItemId:l,contentPanelId:o,renderAllContent:i,scrollable:b,scrollButtonsPosition:d}=this.props,T=a.Children.count(e),w=a.Children.toArray(e);let I;e&&(I=O(T).map((D,u,x)=>{const C={active:s===u,disabled:w[u].props.disabled,index:u,title:w[u].props.title,first:u===0,last:u===x.length-1,contentPanelId:o,renderAllContent:i,id:l,onSelect:c};return a.createElement(M.TabStripNavigationItem,{key:u,...C})}));const R=N.classNames("k-tabstrip-items-wrapper",{"k-hstack":t==="top"||t==="bottom","k-vstack":t==="left"||t==="right"}),A=N.classNames("k-tabstrip-items","k-reset",`k-tabstrip-items-${r}`);return a.createElement("div",{className:R},b?a.createElement(a.Fragment,null,(d==="around"||d==="before")&&this.renderArrow(p,this.state.disabledPrev),d==="before"&&this.renderArrow(g,this.state.disabledNext),a.createElement("ul",{ref:this.itemsNavRef,className:A,role:"tablist",tabIndex:this.props.tabIndex,onKeyDown:n,onWheel:this.onWheel,"aria-orientation":t==="left"||t==="right"?"vertical":void 0},I),d==="after"&&this.renderArrow(p,this.state.disabledPrev),(d==="around"||d==="after")&&this.renderArrow(g,this.state.disabledNext)):a.createElement("ul",{className:A,role:"tablist",tabIndex:this.props.tabIndex,onKeyDown:n},I))}scrollToSelected(){const s=this.itemsNavRef.current,t=s&&s.children[this.props.selected||0];if(t instanceof HTMLElement&&s instanceof HTMLElement){const r=this.horizontalScroll(),e=r?s.offsetWidth:s.offsetHeight,c=r?t.offsetWidth:t.offsetHeight,n=r?"left":"top";let l=r?s.scrollLeft:s.scrollTop,o=0;if(this.isRtl()){const i=t.offsetLeft;l=l*-1,i<0?(o=i-c+s.offsetLeft,s.scrollTo({[n]:o,behavior:S})):i+c>e-l&&(o=l+i-c,s.scrollTo({[n]:o,behavior:S}))}else{const i=r?t.offsetLeft-s.offsetLeft:t.offsetTop-s.offsetTop;l+e<i+c?(o=i+c-e,s.scrollTo({[n]:o,behavior:S})):l>i&&(o=i,s.scrollTo({[n]:o,behavior:S}))}}}horizontalScroll(){return/top|bottom/.test(this.props.tabPosition||"top")}};k.propTypes={children:f.oneOfType([f.element,f.arrayOf(f.element)]),onSelect:f.func,onKeyDown:f.func,selected:f.number,tabIndex:f.number};let P=k;exports.TabStripNavigation=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const L=require("react"),f=require("prop-types"),M=require("./TabStripNavigationItem.js"),N=require("@progress/kendo-react-common"),E=require("@progress/kendo-react-buttons"),m=require("@progress/kendo-svg-icons"),y=require("@progress/kendo-react-intl"),v=require("./messages/index.js");function z(h){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(h){for(const t in h)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(h,t);Object.defineProperty(s,t,r.get?r:{enumerable:!0,get:()=>h[t]})}}return s.default=h,Object.freeze(s)}const a=z(L),O=h=>Array.apply(null,Array(h)),W=h=>h.preventDefault(),S="smooth",p="prev",g="next",k=class k extends a.Component{constructor(s){super(s),this.itemsNavRef=a.createRef(),this.isRtl=()=>this.props.dir==="rtl",this.onWheel=t=>{t.stopPropagation();const r=t.deltaY<0?p:g;this.setNewScrollPosition(r,t)},this.arrowClickPrev=t=>{this.handleArrowClick(p,t)},this.arrowClickNext=t=>{this.handleArrowClick(g,t)},this.handleArrowClick=(t,r)=>{this.setNewScrollPosition(t,r)},this.setNewScrollPosition=(t,r)=>{const e=this.itemsNavRef.current;if(!e)return;const c=this.horizontalScroll(),n=c?e.scrollWidth-e.offsetWidth:e.scrollHeight-e.offsetHeight,l=(r.type==="click"?this.props.buttonScrollSpeed:this.props.mouseScrollSpeed)||0;let o=c?e.scrollLeft:e.scrollTop,i=c?e.scrollWidth-e.scrollLeft:e.scrollHeight-e.scrollTop,u=e.scrollWidth-e.scrollLeft*-1;this.isRtl()&&this.horizontalScroll()?(t===p&&o<0&&(o+=l,u+=l),t===g&&o<n&&(o-=l,u-=l),o=Math.min(0,Math.min(n,o))):(t===p&&o>0&&(o-=l,i+=l),t===g&&o<n&&(o+=l,i-=l),o=Math.max(0,Math.min(n,o)));const d=o===0,T=r.type==="click"?S:void 0;if(c){const w=this.isRtl()?Math.round(u)<=e.clientWidth||Math.floor(u)<=e.clientWidth:Math.round(i)<=e.clientWidth||Math.floor(i)<=e.clientWidth;this.setState({disabledPrev:d,disabledNext:w}),e.scrollTo({left:o,behavior:T})}else this.setState({disabledPrev:d,disabledNext:Math.round(i)<=e.clientHeight||Math.floor(i)<=e.clientHeight}),e.scrollTo({top:o,behavior:T})},this.renderArrow=(t,r)=>{const e=this.horizontalScroll(),c=y.provideLocalizationService(this),n={prev:{arrowTab:"k-tabstrip-prev",fontIcon:e?this.isRtl()?"caret-alt-right":"caret-alt-left":"caret-alt-up",svgIcon:e?this.isRtl()?m.caretAltRightIcon:m.caretAltLeftIcon:m.caretAltUpIcon,title:c.toLanguageString(v.prevArrowTitle,v.messages[v.prevArrowTitle])},next:{arrowTab:"k-tabstrip-next",fontIcon:e?this.isRtl()?"caret-alt-left":"caret-alt-right":"caret-alt-down",svgIcon:e?this.isRtl()?m.caretAltLeftIcon:m.caretAltRightIcon:m.caretAltDownIcon,title:c.toLanguageString(v.nextArrowTitle,v.messages[v.nextArrowTitle])}},l=(t===p?this.props.prevButton:this.props.nextButton)||E.Button,o=t===p?this.arrowClickPrev:this.arrowClickNext;return a.createElement(l,{disabled:r,className:`${n[t].arrowTab}`,onClick:o,icon:n[t].fontIcon,svgIcon:n[t].svgIcon,onMouseDown:W,tabIndex:-1,fillMode:"flat",title:n[t].title})},this.state={disabledPrev:this.props.selected===0,disabledNext:this.props.selected===a.Children.count(this.props.children)-1}}componentDidMount(){this.props.scrollable&&this.scrollToSelected()}componentDidUpdate(s){const{scrollable:t,selected:r}=this.props;t&&s.selected!==r&&(this.scrollToSelected(),this.setState({disabledPrev:r===0,disabledNext:r===a.Children.count(this.props.children)-1}))}render(){const{selected:s,tabPosition:t,tabAlignment:r,children:e,onSelect:c,onKeyDown:n,navItemId:l,contentPanelId:o,renderAllContent:i,scrollable:u,scrollButtonsPosition:d}=this.props,T=a.Children.count(e),w=a.Children.toArray(e);let I;e&&(I=O(T).map((D,b,x)=>{const C={active:s===b,disabled:w[b].props.disabled,index:b,title:w[b].props.title,first:b===0,last:b===x.length-1,contentPanelId:o,renderAllContent:i,id:l,onSelect:c};return a.createElement(M.TabStripNavigationItem,{key:b,...C})}));const R=N.classNames("k-tabstrip-items-wrapper",{"k-hstack":t==="top"||t==="bottom","k-vstack":t==="left"||t==="right"}),A=N.classNames("k-tabstrip-items","k-reset",`k-tabstrip-items-${r}`);return a.createElement("div",{className:R},u?a.createElement(a.Fragment,null,(d==="around"||d==="before")&&this.renderArrow(p,this.state.disabledPrev),d==="before"&&this.renderArrow(g,this.state.disabledNext),a.createElement("ul",{ref:this.itemsNavRef,className:A,role:"tablist",tabIndex:this.props.tabIndex,onKeyDown:n,onWheel:this.onWheel,"aria-orientation":t==="left"||t==="right"?"vertical":void 0},I),d==="after"&&this.renderArrow(p,this.state.disabledPrev),(d==="around"||d==="after")&&this.renderArrow(g,this.state.disabledNext)):a.createElement("ul",{className:A,role:"tablist",tabIndex:this.props.tabIndex,onKeyDown:n},I))}scrollToSelected(){const s=this.itemsNavRef.current,t=s&&s.children[this.props.selected||0];if(t instanceof HTMLElement&&s instanceof HTMLElement){const r=this.horizontalScroll(),e=r?s.offsetWidth:s.offsetHeight,c=r?t.offsetWidth:t.offsetHeight,n=r?"left":"top";let l=r?s.scrollLeft:s.scrollTop,o=0;if(this.isRtl()){const i=t.offsetLeft;l=l*-1,i<0?(o=i-c+s.offsetLeft,s.scrollTo({[n]:o,behavior:S})):i+c>e-l&&(o=l+i-c,s.scrollTo({[n]:o,behavior:S}))}else{const i=r?t.offsetLeft-s.offsetLeft:t.offsetTop-s.offsetTop;l+e<i+c?(o=i+c-e,s.scrollTo({[n]:o,behavior:S})):l>i&&(o=i,s.scrollTo({[n]:o,behavior:S}))}}}horizontalScroll(){return/top|bottom/.test(this.props.tabPosition||"top")}};k.propTypes={children:f.oneOfType([f.element,f.arrayOf(f.element)]),onSelect:f.func,onKeyDown:f.func,selected:f.number,tabIndex:f.number};let P=k;exports.TabStripNavigation=P;

package/tabstrip/TabStripNavigation.mjs

@@ -5,7 +5,6 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";
 import * as a from "react";
 import f from "prop-types";
 import { TabStripNavigationItem as W } from "./TabStripNavigationItem.mjs";
@@ -18,22 +17,22 @@ const B = (w) => Array.apply(null, Array(w)), O = (w) => w.preventDefault(), u =
   constructor(s) {
     super(s), this.itemsNavRef = a.createRef(), this.isRtl = () => this.props.dir === "rtl", this.onWheel = (t) => {
       t.stopPropagation();
-      const l = t.deltaY < 0 ? d : b;
-      this.setNewScrollPosition(l, t);
+      const r = t.deltaY < 0 ? d : b;
+      this.setNewScrollPosition(r, t);
     }, this.arrowClickPrev = (t) => {
       this.handleArrowClick(d, t);
     }, this.arrowClickNext = (t) => {
       this.handleArrowClick(b, t);
-    }, this.handleArrowClick = (t, l) => {
-      this.setNewScrollPosition(t, l);
-    }, this.setNewScrollPosition = (t, l) => {
+    }, this.handleArrowClick = (t, r) => {
+      this.setNewScrollPosition(t, r);
+    }, this.setNewScrollPosition = (t, r) => {
       const e = this.itemsNavRef.current;
       if (!e)
         return;
-      const c = this.horizontalScroll(), n = c ? e.scrollWidth - e.offsetWidth : e.scrollHeight - e.offsetHeight, r = (l.type === "click" ? this.props.buttonScrollSpeed : this.props.mouseScrollSpeed) || 0;
+      const c = this.horizontalScroll(), n = c ? e.scrollWidth - e.offsetWidth : e.scrollHeight - e.offsetHeight, l = (r.type === "click" ? this.props.buttonScrollSpeed : this.props.mouseScrollSpeed) || 0;
       let o = c ? e.scrollLeft : e.scrollTop, i = c ? e.scrollWidth - e.scrollLeft : e.scrollHeight - e.scrollTop, m = e.scrollWidth - e.scrollLeft * -1;
-      this.isRtl() && this.horizontalScroll() ? (t === d && o < 0 && (o += r, m += r), t === b && o < n && (o -= r, m -= r), o = Math.min(0, Math.min(n, o))) : (t === d && o > 0 && (o -= r, i += r), t === b && o < n && (o += r, i -= r), o = Math.max(0, Math.min(n, o)));
-      const h = o === 0, v = l.type === "click" ? u : void 0;
+      this.isRtl() && this.horizontalScroll() ? (t === d && o < 0 && (o += l, m += l), t === b && o < n && (o -= l, m -= l), o = Math.min(0, Math.min(n, o))) : (t === d && o > 0 && (o -= l, i += l), t === b && o < n && (o += l, i -= l), o = Math.max(0, Math.min(n, o)));
+      const h = o === 0, v = r.type === "click" ? u : void 0;
       if (c) {
         const S = this.isRtl() ? Math.round(m) <= e.clientWidth || Math.floor(m) <= e.clientWidth : Math.round(i) <= e.clientWidth || Math.floor(i) <= e.clientWidth;
         this.setState({
@@ -45,7 +44,7 @@ const B = (w) => Array.apply(null, Array(w)), O = (w) => w.preventDefault(), u =
           disabledPrev: h,
           disabledNext: Math.round(i) <= e.clientHeight || Math.floor(i) <= e.clientHeight
         }), e.scrollTo({ top: o, behavior: v });
-    }, this.renderArrow = (t, l) => {
+    }, this.renderArrow = (t, r) => {
       const e = this.horizontalScroll(), c = y(this), n = {
         prev: {
           arrowTab: "k-tabstrip-prev",
@@ -59,11 +58,11 @@ const B = (w) => Array.apply(null, Array(w)), O = (w) => w.preventDefault(), u =
           svgIcon: e ? this.isRtl() ? A : k : H,
           title: c.toLanguageString(C, x[C])
         }
-      }, r = (t === d ? this.props.prevButton : this.props.nextButton) || z, o = t === d ? this.arrowClickPrev : this.arrowClickNext;
+      }, l = (t === d ? this.props.prevButton : this.props.nextButton) || z, o = t === d ? this.arrowClickPrev : this.arrowClickNext;
       return /* @__PURE__ */ a.createElement(
-        r,
+        l,
         {
-          disabled: l,
+          disabled: r,
           className: `${n[t].arrowTab}`,
           onClick: o,
           icon: n[t].fontIcon,
@@ -89,10 +88,10 @@ const B = (w) => Array.apply(null, Array(w)), O = (w) => w.preventDefault(), u =
    * @hidden
    */
   componentDidUpdate(s) {
-    const { scrollable: t, selected: l } = this.props;
-    t && s.selected !== l && (this.scrollToSelected(), this.setState({
-      disabledPrev: l === 0,
-      disabledNext: l === a.Children.count(this.props.children) - 1
+    const { scrollable: t, selected: r } = this.props;
+    t && s.selected !== r && (this.scrollToSelected(), this.setState({
+      disabledPrev: r === 0,
+      disabledNext: r === a.Children.count(this.props.children) - 1
     }));
   }
   /**
@@ -102,11 +101,11 @@ const B = (w) => Array.apply(null, Array(w)), O = (w) => w.preventDefault(), u =
     const {
       selected: s,
       tabPosition: t,
-      tabAlignment: l,
+      tabAlignment: r,
       children: e,
       onSelect: c,
       onKeyDown: n,
-      navItemId: r,
+      navItemId: l,
       contentPanelId: o,
       renderAllContent: i,
       scrollable: m,
@@ -123,7 +122,7 @@ const B = (w) => Array.apply(null, Array(w)), O = (w) => w.preventDefault(), u =
         last: p === M.length - 1,
         contentPanelId: o,
         renderAllContent: i,
-        id: r,
+        id: l,
         onSelect: c
       };
       return /* @__PURE__ */ a.createElement(W, { key: p, ...E });
@@ -131,7 +130,7 @@ const B = (w) => Array.apply(null, Array(w)), O = (w) => w.preventDefault(), u =
     const L = I("k-tabstrip-items-wrapper", {
       "k-hstack": t === "top" || t === "bottom",
       "k-vstack": t === "left" || t === "right"
-    }), P = I("k-tabstrip-items", "k-reset", `k-tabstrip-items-${l}`);
+    }), P = I("k-tabstrip-items", "k-reset", `k-tabstrip-items-${r}`);
     return /* @__PURE__ */ a.createElement("div", { className: L }, m ? /* @__PURE__ */ a.createElement(a.Fragment, null, (h === "around" || h === "before") && this.renderArrow(d, this.state.disabledPrev), h === "before" && this.renderArrow(b, this.state.disabledNext), /* @__PURE__ */ a.createElement(
       "ul",
       {
@@ -149,14 +148,14 @@ const B = (w) => Array.apply(null, Array(w)), O = (w) => w.preventDefault(), u =
   scrollToSelected() {
     const s = this.itemsNavRef.current, t = s && s.children[this.props.selected || 0];
     if (t instanceof HTMLElement && s instanceof HTMLElement) {
-      const l = this.horizontalScroll(), e = l ? s.offsetWidth : s.offsetHeight, c = l ? t.offsetWidth : t.offsetHeight, n = l ? "left" : "top";
-      let r = l ? s.scrollLeft : s.scrollTop, o = 0;
+      const r = this.horizontalScroll(), e = r ? s.offsetWidth : s.offsetHeight, c = r ? t.offsetWidth : t.offsetHeight, n = r ? "left" : "top";
+      let l = r ? s.scrollLeft : s.scrollTop, o = 0;
       if (this.isRtl()) {
         const i = t.offsetLeft;
-        r = r * -1, i < 0 ? (o = i - c + s.offsetLeft, s.scrollTo({ [n]: o, behavior: u })) : i + c > e - r && (o = r + i - c, s.scrollTo({ [n]: o, behavior: u }));
+        l = l * -1, i < 0 ? (o = i - c + s.offsetLeft, s.scrollTo({ [n]: o, behavior: u })) : i + c > e - l && (o = l + i - c, s.scrollTo({ [n]: o, behavior: u }));
       } else {
-        const i = l ? t.offsetLeft - s.offsetLeft : t.offsetTop - s.offsetTop;
-        r + e < i + c ? (o = i + c - e, s.scrollTo({ [n]: o, behavior: u })) : r > i && (o = i, s.scrollTo({ [n]: o, behavior: u }));
+        const i = r ? t.offsetLeft - s.offsetLeft : t.offsetTop - s.offsetTop;
+        l + e < i + c ? (o = i + c - e, s.scrollTo({ [n]: o, behavior: u })) : l > i && (o = i, s.scrollTo({ [n]: o, behavior: u }));
       }
     }
   }

package/tabstrip/TabStripNavigationItem.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 k=require("react"),e=require("prop-types"),R=require("@progress/kendo-react-common");function g(s){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:()=>s[t]})}}return n.default=s,Object.freeze(n)}const o=g(k),l=class l extends o.Component{constructor(){super(...arguments),this.itemRef=null,this.focus=()=>{this.itemRef&&this.itemRef.focus()},this.blur=()=>{this.itemRef&&this.itemRef.blur()},this.onClick=()=>{this.props.onSelect&&this.props.onSelect(this.props.index),this.itemRef&&(this.itemRef.tabIndex=0,this.itemRef.focus())}}render(){const{id:n,active:t,disabled:i,title:d="Untitled",index:c,renderAllContent:f,first:u,last:p}=this.props,a=f?`${this.props.contentPanelId}-${c.toString()}`:this.props.contentPanelId,m={id:`${n}-${c.toString()}`,"aria-selected":t,"aria-controls":t?a:void 0,"aria-disabled":i,role:"tab",onClick:i?void 0:this.onClick},b=R.classNames("k-item","k-tabstrip-item",{"k-disabled":i,"k-active":t,"k-first":u,"k-last":p});return o.createElement("li",{...m,className:b,ref:h=>this.itemRef=h,onBlur:this.blur,"aria-controls":a},o.createElement("span",{className:"k-link"},d))}};l.propTypes={active:e.bool,disabled:e.bool,index:e.number,onSelect:e.func,title:e.oneOfType([e.string,e.element]),first:e.bool,last:e.bool};let r=l;exports.TabStripNavigationItem=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const k=require("react"),e=require("prop-types"),R=require("@progress/kendo-react-common");function g(s){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const t in s)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(s,t);Object.defineProperty(n,t,i.get?i:{enumerable:!0,get:()=>s[t]})}}return n.default=s,Object.freeze(n)}const o=g(k),l=class l extends o.Component{constructor(){super(...arguments),this.itemRef=null,this.focus=()=>{this.itemRef&&this.itemRef.focus()},this.blur=()=>{this.itemRef&&this.itemRef.blur()},this.onClick=()=>{this.props.onSelect&&this.props.onSelect(this.props.index),this.itemRef&&(this.itemRef.tabIndex=0,this.itemRef.focus())}}render(){const{id:n,active:t,disabled:i,title:d="Untitled",index:c,renderAllContent:f,first:p,last:u}=this.props,a=f?`${this.props.contentPanelId}-${c.toString()}`:this.props.contentPanelId,m={id:`${n}-${c.toString()}`,"aria-selected":t,"aria-controls":t?a:void 0,"aria-disabled":i,role:"tab",onClick:i?void 0:this.onClick},b=R.classNames("k-item","k-tabstrip-item",{"k-disabled":i,"k-active":t,"k-first":p,"k-last":u});return o.createElement("li",{...m,className:b,ref:h=>this.itemRef=h,onBlur:this.blur,"aria-controls":a},o.createElement("span",{className:"k-link"},d))}};l.propTypes={active:e.bool,disabled:e.bool,index:e.number,onSelect:e.func,title:e.oneOfType([e.string,e.element]),first:e.bool,last:e.bool};let r=l;exports.TabStripNavigationItem=r;