@progress/kendo-react-layout 7.0.2-develop.1 → 7.0.2-develop.3

package/index.mjs

@@ -4,71 +4,70 @@
 *-------------------------------------------------------------------------------------------*/
 "use client";
 import * as t from "react";
-import * as r from "prop-types";
-import { Keys as C, classNames as k, IconWrap as Q, getActiveElement as jt, validatePackage as V, dispatchEvent as q, shouldShowValidationUI as Fe, WatermarkOverlay as Be, Draggable as ct, svgIconPropType as Oe, kendoThemeMaps as Xe, toIconName as Vt, getTabIndex as Pe, useDir as ke, focusFirstFocusableChild as ye, useRtl as qt, useId as Ie, canUseDOM as Gt, getter as Gn, FOCUSABLE_ELEMENTS as Xn, Navigation as dt, SvgIcon as Ye, useAsyncFocusBlur as Yn, withIdHOC as Xt } from "@progress/kendo-react-common";
-import { Popup as Yt } from "@progress/kendo-react-popup";
-import { caretAltLeftIcon as ae, caretAltRightIcon as oe, caretAltDownIcon as ze, caretAltUpIcon as Ze, chevronUpIcon as Zt, chevronDownIcon as Jt, checkOutlineIcon as Zn, exclamationCircleIcon as Jn, chevronLeftIcon as Qn, chevronRightIcon as Qt } from "@progress/kendo-svg-icons";
-import { Button as es } from "@progress/kendo-react-buttons";
-import { Fade as ts, Reveal as en, Animation as ns } from "@progress/kendo-react-animation";
-import { provideLocalizationService as ss, useLocalization as tn, useInternationalization as nn } from "@progress/kendo-react-intl";
-import { ProgressBar as is } from "@progress/kendo-react-progressbars";
-import { validatePackage as le } from "@progress/kendo-licensing";
-const X = "", Ke = "0", ie = "_";
-function De(e, s) {
+import r from "prop-types";
+import { Keys as C, classNames as k, IconWrap as Q, getActiveElement as Ut, validatePackage as W, dispatchEvent as q, shouldShowValidationUI as ze, WatermarkOverlay as Fe, Draggable as lt, svgIconPropType as De, kendoThemeMaps as Ge, toIconName as jt, getTabIndex as Oe, useDir as ve, focusFirstFocusableChild as ke, useRtl as Vt, useId as ye, canUseDOM as qt, getter as qn, FOCUSABLE_ELEMENTS as Gn, Navigation as ct, SvgIcon as Xe, useAsyncFocusBlur as Xn, withIdHOC as Gt } from "@progress/kendo-react-common";
+import { Popup as Xt } from "@progress/kendo-react-popup";
+import { caretAltLeftIcon as ae, caretAltRightIcon as oe, caretAltDownIcon as Ae, caretAltUpIcon as Ye, chevronUpIcon as Yt, chevronDownIcon as Zt, checkOutlineIcon as Yn, exclamationCircleIcon as Zn, chevronLeftIcon as Jn, chevronRightIcon as Jt } from "@progress/kendo-svg-icons";
+import { Button as Qn } from "@progress/kendo-react-buttons";
+import { Fade as es, Reveal as Qt, Animation as ts } from "@progress/kendo-react-animation";
+import { provideLocalizationService as ns, useLocalization as en, useInternationalization as tn } from "@progress/kendo-react-intl";
+import { ProgressBar as ss } from "@progress/kendo-react-progressbars";
+const X = "", Be = "0", ie = "_";
+function Re(e, s) {
   if (J(e))
     return s[Number(e)];
   {
-    const n = s[Number(be(e))];
-    return n.items ? De(rs(e), n.items) : void 0;
+    const n = s[Number(ge(e))];
+    return n.items ? Re(is(e), n.items) : void 0;
   }
 }
-function be(e) {
-  return ve(e) ? e : e.split(ie)[0];
+function ge(e) {
+  return be(e) ? e : e.split(ie)[0];
 }
-function rs(e) {
-  if (ve(e))
+function is(e) {
+  if (be(e))
     return e;
   {
     const s = e.indexOf(ie);
     return e.substring(s + 1);
   }
 }
-function At(e) {
-  return He("0", e);
+function Lt(e) {
+  return Ke("0", e);
 }
-function as(e, s) {
+function rs(e, s) {
   return s.indexOf(e) === 0 ? s.length === e.length || s.charAt(e.length) === ie : !1;
 }
-function He(e, s) {
+function Ke(e, s) {
   return s ? s + ie + e : e;
 }
-function fe(e) {
+function pe(e) {
   const s = e.lastIndexOf(ie);
   return s < 0 ? X : e.substring(0, s);
 }
-function ve(e) {
+function be(e) {
   return e === X || e.indexOf(ie) < 0;
 }
 function J(e) {
   return e !== X && e.indexOf(ie) < 0;
 }
-function os(e) {
-  return cs(e) === 1;
+function as(e) {
+  return ls(e) === 1;
 }
-function ls(e) {
-  return Je(e) === Ke;
+function os(e) {
+  return Ze(e) === Be;
 }
-function Je(e) {
+function Ze(e) {
   const s = e.lastIndexOf(ie);
   return s < 0 ? e : e.substring(s + 1);
 }
-function zt(e, s, n) {
+function At(e, s, n) {
   return J(s) ? e ? Number(s) < n - 1 ? (Number(s) + 1).toString() : "0" : Number(s) > 0 ? (Number(s) - 1).toString() : (n - 1).toString() : s;
 }
-function cs(e) {
+function ls(e) {
   return e.split(ie).length - 1;
 }
-class sn extends t.Component {
+class nn extends t.Component {
   /**
    * @hidden
    */
@@ -76,7 +75,7 @@ class sn extends t.Component {
     return null;
   }
 }
-sn.propTypes = {
+nn.propTypes = {
   text: r.string,
   url: r.string,
   icon: r.string,
@@ -88,53 +87,53 @@ sn.propTypes = {
   contentRender: r.any,
   data: r.any
 };
-function ds(e, s) {
+function cs(e, s) {
   if (e && e.length > 0)
     return {
-      items: et(e),
+      items: Qe(e),
       inputItems: e
     };
-  if (Qe(s).length > 0) {
-    const n = an(Qe(s));
-    return { items: et(n), inputItems: n };
+  if (Je(s).length > 0) {
+    const n = rn(Je(s));
+    return { items: Qe(n), inputItems: n };
   } else
     return { items: [], inputItems: [] };
 }
-function rn(e, s) {
+function sn(e, s) {
   let n = {};
   const { text: i, url: a, icon: o, svgIcon: l, disabled: c, cssClass: d, cssStyle: u, render: m, linkRender: h, contentRender: p, data: g } = e || s.props;
   return i !== void 0 && (n.text = i), a !== void 0 && (n.url = a), o !== void 0 && (n.icon = o), l !== void 0 && (n.svgIcon = l), c !== void 0 && (n.disabled = c), d !== void 0 && (n.cssClass = d), u !== void 0 && (n.cssStyle = u), m !== void 0 && (n.render = m), h !== void 0 && (n.linkRender = h), p !== void 0 && (n.contentRender = p), g !== void 0 && (n.data = g), n;
 }
-function Qe(e) {
-  return t.Children.toArray(e).filter((s) => s && s.type === sn);
+function Je(e) {
+  return t.Children.toArray(e).filter((s) => s && s.type === nn);
 }
-function an(e) {
+function rn(e) {
   const s = [];
   for (let n = 0; n < e.length; n++) {
-    const i = e[n], a = rn(void 0, i), o = an(Qe(i.props.children));
+    const i = e[n], a = sn(void 0, i), o = rn(Je(i.props.children));
     o.length > 0 && (a.items = o), s.push(a);
   }
   return s;
 }
-function et(e, s) {
+function Qe(e, s) {
   const n = [];
   for (let i = 0; i < e.length; i++) {
-    const a = e[i], o = rn(a);
-    o.id = He(i.toString(), s), o.isLastFromSiblings = i === e.length - 1, o.items = us(a, o), n.push(o);
+    const a = e[i], o = sn(a);
+    o.id = Ke(i.toString(), s), o.isLastFromSiblings = i === e.length - 1, o.items = ds(a, o), n.push(o);
   }
   return n;
 }
-function us(e, s) {
+function ds(e, s) {
   return e.contentRender ? [{
     contentParentItemId: s.id,
-    id: He(Ke, s.id),
+    id: Ke(Be, s.id),
     isLastFromSiblings: !0,
     contentRender: e.contentRender,
     items: []
-  }] : e.items ? et(e.items, s.id) : [];
+  }] : e.items ? Qe(e.items, s.id) : [];
 }
-const ms = /\S/;
-function hs(e, s, n, i, a, o) {
+const us = /\S/;
+function ms(e, s, n, i, a, o) {
   const l = O();
   switch (n) {
     case C.left:
@@ -170,7 +169,7 @@ function hs(e, s, n, i, a, o) {
     return a ? D() : J(s) ? w() : D();
   }
   function h() {
-    return l.disabled ? s : A() ? At(s) : be(s);
+    return l.disabled ? s : A() ? Lt(s) : ge(s);
   }
   function p() {
     return G()[0].id;
@@ -180,26 +179,26 @@ function hs(e, s, n, i, a, o) {
     return x[x.length - 1].id;
   }
   function b() {
-    return J(s) ? s : fe(s);
+    return J(s) ? s : pe(s);
   }
   function y() {
-    const x = i.toLowerCase(), M = G(), U = Number(Je(s)), Z = M.slice(U + 1).concat(M.slice(0, U + 1)).find((re) => (re.text || "").toLowerCase().startsWith(x));
+    const x = i.toLowerCase(), M = G(), j = Number(Ze(s)), Z = M.slice(j + 1).concat(M.slice(0, j + 1)).find((re) => (re.text || "").toLowerCase().startsWith(x));
     return Z ? Z.id : s;
   }
   function E() {
-    return J(s) ? D() : os(s) ? v(D(be(s))) : fe(s);
+    return J(s) ? D() : as(s) ? v(D(ge(s))) : pe(s);
   }
   function N() {
-    return J(s) ? w() : fe(s);
+    return J(s) ? w() : pe(s);
   }
   function f() {
     return J(s) ? L() : v(
-      A() ? s : L(be(s))
+      A() ? s : L(ge(s))
     );
   }
   function R() {
     return v(
-      J(s) || A() ? s : L(be(s))
+      J(s) || A() ? s : L(ge(s))
     );
   }
   function v(x) {
@@ -209,108 +208,108 @@ function hs(e, s, n, i, a, o) {
     return ee(!1, x);
   }
   function S() {
-    return i.length === 1 && ms.test(i);
+    return i.length === 1 && us.test(i);
   }
   function O(x, M) {
-    return x === void 0 && (x = s), M === void 0 && (M = e), De(x, M);
+    return x === void 0 && (x = s), M === void 0 && (M = e), Re(x, M);
   }
   function A(x) {
     return O(x).items.length > 0;
   }
   function D(x) {
-    return W(!1, x);
+    return $(!1, x);
   }
   function L(x) {
-    return W(!0, x);
+    return $(!0, x);
   }
   function B(x) {
     const M = O(x).items;
     return M[M.length - 1].id;
   }
   function G() {
-    return J(s) ? e : O(fe(s), e).items;
+    return J(s) ? e : O(pe(s), e).items;
   }
   function ee(x, M) {
     M === void 0 && (M = s);
-    const U = O(M);
-    return A(M) && !U.disabled ? x ? At(M) : B(M) : M;
+    const j = O(M);
+    return A(M) && !j.disabled ? x ? Lt(M) : B(M) : M;
   }
-  function W(x, M) {
+  function $(x, M) {
     if (M === void 0 && (M = s), J(M))
-      return zt(x, M, e.length);
+      return At(x, M, e.length);
     {
-      const U = fe(M), Y = Je(M), Z = O(U).items.length;
-      return He(zt(x, Y, Z), U);
+      const j = pe(M), Y = Ze(M), Z = O(j).items.length;
+      return Ke(At(x, Y, Z), j);
     }
   }
 }
-function ps(e) {
+function hs(e) {
   return e.hoverOpenDelay !== void 0 ? e.hoverOpenDelay : e.openOnClick ? 0 : 100;
 }
-function fs(e) {
+function ps(e) {
   return e.hoverCloseDelay !== void 0 ? e.hoverCloseDelay : 100;
 }
-const Ft = {
+const zt = {
   vertical: "top",
   horizontal: "left"
-}, Bt = {
+}, Ft = {
   vertical: "top",
   horizontal: "right"
-}, on = {
+}, an = {
   vertical: "flip",
   horizontal: "fit"
-}, ln = {
+}, on = {
   vertical: "fit",
   horizontal: "flip"
-}, Kt = {
+}, Bt = {
   downward: {
     anchorAlign: {
       vertical: "bottom",
       horizontal: "right"
     },
-    popupAlign: Bt,
-    collision: on
+    popupAlign: Ft,
+    collision: an
   },
   leftward: {
     anchorAlign: {
       vertical: "top",
       horizontal: "left"
     },
-    popupAlign: Bt,
-    collision: ln
+    popupAlign: Ft,
+    collision: on
   }
-}, Ht = {
+}, Kt = {
   downward: {
     anchorAlign: {
       vertical: "bottom",
       horizontal: "left"
     },
-    popupAlign: Ft,
-    collision: on
+    popupAlign: zt,
+    collision: an
   },
   rightward: {
     anchorAlign: {
       vertical: "top",
       horizontal: "right"
     },
-    popupAlign: Ft,
-    collision: ln
+    popupAlign: zt,
+    collision: on
   }
 };
-function gs(e, s, n) {
-  const i = cn(e, s, n);
-  return n ? i === "downward" ? Kt.downward : Kt.leftward : i === "downward" ? Ht.downward : Ht.rightward;
+function fs(e, s, n) {
+  const i = ln(e, s, n);
+  return n ? i === "downward" ? Bt.downward : Bt.leftward : i === "downward" ? Kt.downward : Kt.rightward;
 }
-function cn(e, s, n) {
+function ln(e, s, n) {
   return J(e) ? s ? n ? "leftward" : "rightward" : "downward" : n ? "leftward" : "rightward";
 }
-function _t(e) {
+function Ht(e) {
   return e ? "rtl" : "ltr";
 }
-function tt(e, s) {
+function et(e, s) {
   return `${e}_${s}`;
 }
-class dn extends t.Component {
+class cn extends t.Component {
   /**
    * @hidden
    */
@@ -345,12 +344,12 @@ class dn extends t.Component {
     );
   }
 }
-dn.propTypes = {
+cn.propTypes = {
   opened: r.bool,
   url: r.string
 };
-const bs = "caret-alt-down", vs = "caret-alt-right", ks = "caret-alt-left";
-class un extends t.Component {
+const gs = "caret-alt-down", bs = "caret-alt-right", vs = "caret-alt-left";
+class dn extends t.Component {
   /**
    * @hidden
    */
@@ -358,28 +357,28 @@ class un extends t.Component {
     return /* @__PURE__ */ t.createElement(Q, { "aria-hidden": !0, ...this.getIcon() });
   }
   getIcon() {
-    switch (cn(
+    switch (ln(
       this.props.itemId,
       this.props.verticalMenu === !0,
       this.props.dir === "rtl"
     )) {
       case "downward":
-        return { name: bs, icon: ze };
+        return { name: gs, icon: Ae };
       case "rightward":
-        return { name: vs, icon: oe };
+        return { name: bs, icon: oe };
       case "leftward":
-        return { name: ks, icon: ae };
+        return { name: vs, icon: ae };
       default:
         return {};
     }
   }
 }
-un.propTypes = {
+dn.propTypes = {
   itemId: r.string,
   dir: r.string,
   verticalMenu: r.bool
 };
-class mn extends t.Component {
+class un extends t.Component {
   constructor() {
     super(...arguments), this.onMouseOver = (s) => {
       this.props.onMouseOver(this.props.parentItemId), s.stopPropagation();
@@ -394,7 +393,7 @@ class mn extends t.Component {
       {
         className: this.props.className,
         role: this.props.role ? this.props.role : s !== void 0 ? "menu" : "menubar",
-        id: s !== void 0 ? tt(this.props.menuGuid, s) : void 0,
+        id: s !== void 0 ? et(this.props.menuGuid, s) : void 0,
         onMouseOver: s !== void 0 ? this.onMouseOver : void 0,
         onMouseLeave: s !== void 0 ? this.onMouseLeave : void 0,
         "aria-orientation": this.props["aria-orientation"]
@@ -404,7 +403,7 @@ class mn extends t.Component {
   }
   renderChildItems() {
     return this.props.items.length > 0 ? this.props.items.map((s, n) => /* @__PURE__ */ t.createElement(
-      ys,
+      ks,
       {
         item: s,
         isMenuVertical: this.props.isMenuVertical,
@@ -427,7 +426,7 @@ class mn extends t.Component {
     )) : null;
   }
 }
-class ys extends t.Component {
+class ks extends t.Component {
   constructor(s) {
     super(s), this.isFirstRender = !0, this.onMouseOver = (n) => {
       this.props.onMouseOver(this.props.item.id), n.stopPropagation();
@@ -442,16 +441,16 @@ class ys extends t.Component {
   componentDidUpdate(s) {
     const n = this.props.focusedItemId, i = this.props.item.id;
     if (n) {
-      const a = jt(document);
+      const a = Ut(document);
       s.focusedItemId !== n && n === i && !this.itemElement.contains(a) && this.itemElement.focus();
     }
   }
   render() {
-    const s = this.props.item, n = s.id, i = tt(this.props.menuGuid, n);
+    const s = this.props.item, n = s.id, i = et(this.props.menuGuid, n);
     return /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(
       "li",
       {
-        id: tt(this.props.menuGuid, n),
+        id: et(this.props.menuGuid, n),
         className: this.getMenuItemClassName(s),
         style: s.cssStyle,
         tabIndex: n === this.props.tabbableItemId ? 0 : -1,
@@ -486,19 +485,19 @@ class ys extends t.Component {
           item: this.props.onOriginalItemNeeded(s.id),
           itemId: s.id,
           opened: this.Opened,
-          dir: _t(this.props.isDirectionRightToLeft)
+          dir: Ht(this.props.isDirectionRightToLeft)
         }
       );
     {
       const n = this.itemRender ? /* @__PURE__ */ t.createElement(this.itemRender, { item: this.props.onOriginalItemNeeded(s.id), itemId: s.id, key: "1" }) : /* @__PURE__ */ t.createElement("span", { className: "k-menu-link-text" }, s.text);
-      return /* @__PURE__ */ t.createElement(dn, { url: s.url, opened: this.Opened }, this.renderMenuIconIfApplicable(), n, this.renderArrowIfApplicable());
+      return /* @__PURE__ */ t.createElement(cn, { url: s.url, opened: this.Opened }, this.renderMenuIconIfApplicable(), n, this.renderArrowIfApplicable());
     }
   }
   renderPopupIfOpened() {
     if (this.Opened) {
-      const s = this.props.item.id, { anchorAlign: n, popupAlign: i, collision: a } = gs(s, this.props.isMenuVertical, this.props.isDirectionRightToLeft);
+      const s = this.props.item.id, { anchorAlign: n, popupAlign: i, collision: a } = fs(s, this.props.isMenuVertical, this.props.isDirectionRightToLeft);
       return /* @__PURE__ */ t.createElement(
-        Yt,
+        Xt,
         {
           anchor: this.itemElement,
           show: !0,
@@ -510,7 +509,7 @@ class ys extends t.Component {
           key: "1"
         },
         /* @__PURE__ */ t.createElement(
-          mn,
+          un,
           {
             parentItemId: s,
             items: this.props.item.items,
@@ -542,11 +541,11 @@ class ys extends t.Component {
   }
   renderArrowIfApplicable() {
     return this.props.item.items.length > 0 ? /* @__PURE__ */ t.createElement("span", { className: "k-menu-expand-arrow", "aria-hidden": !0 }, /* @__PURE__ */ t.createElement(
-      un,
+      dn,
       {
         itemId: this.props.item.id,
         verticalMenu: this.props.isMenuVertical,
-        dir: _t(this.props.isDirectionRightToLeft),
+        dir: Ht(this.props.isDirectionRightToLeft),
         key: "2"
       }
     )) : null;
@@ -562,7 +561,7 @@ class ys extends t.Component {
   }
   get Opened() {
     const s = this.props;
-    return s.item.items.length > 0 && as(s.item.id, s.lastItemIdToBeOpened) && // HACK: Wait for the second render because otherwise the scenario of
+    return s.item.items.length > 0 && rs(s.item.id, s.lastItemIdToBeOpened) && // HACK: Wait for the second render because otherwise the scenario of
     // popup inside popup throws an error (for example, hover of item with id '0_0').
     !this.isFirstRender;
   }
@@ -574,7 +573,7 @@ class ys extends t.Component {
       "k-item",
       "k-menu-item",
       {
-        "k-first": ls(s.id),
+        "k-first": os(s.id),
         "k-last": s.isLastFromSiblings,
         "k-disabled": s.disabled
       },
@@ -582,7 +581,7 @@ class ys extends t.Component {
     );
   }
 }
-class Is {
+class ys {
   constructor() {
     this.phase = "Initialized";
   }
@@ -596,7 +595,7 @@ class Is {
     return this.phase === "NewValueReceived" ? this.previousIsDirectionRightToLeft !== this.isDirectionRightToLeft : !1;
   }
 }
-class Es {
+class Is {
   constructor(s, n, i) {
     this.openOnClick = s, this.resetMenu = n, this.openItem = i, this.mouseDown = !1, this.openOnClick = s, this.isMouseOverEnabled = !s;
   }
@@ -623,21 +622,21 @@ const K = {
   name: "@progress/kendo-react-layout",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1702479961,
+  publishDate: 1702640646,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
-}, Wt = {
+}, _t = {
   focusedItemId: X,
   hoveredItemId: X,
-  tabbableItemId: Ke
+  tabbableItemId: Be
 };
-let _e = class extends t.Component {
+let He = class extends t.Component {
   constructor(s) {
-    super(s), this.menuWrapperEl = null, this.directionHolder = new Is(), this.inputItems = [], this.items = [], this.reset = () => {
-      this.clearItemHoverAndLeaveRequestsIfApplicable(), this.setState(Wt);
+    super(s), this.menuWrapperEl = null, this.directionHolder = new ys(), this.inputItems = [], this.items = [], this.reset = () => {
+      this.clearItemHoverAndLeaveRequestsIfApplicable(), this.setState(_t);
     }, this.onKeyDown = (n) => {
       if (this.state.focusedItemId !== X) {
-        const i = De(this.state.focusedItemId, this.items), a = hs(
+        const i = Re(this.state.focusedItemId, this.items), a = ms(
           this.items,
           i.id,
           n.keyCode,
@@ -653,21 +652,21 @@ let _e = class extends t.Component {
         () => {
           this.setHoveredItemId(n), this.itemHoverRequest = null;
         },
-        ps(this.props)
+        hs(this.props)
       ));
     }, this.onItemMouseLeave = (n) => {
       this.mouseOverHandler.IsMouseOverEnabled && this.isItemWithDefaultClose(n) && (this.clearItemHoverAndLeaveRequestsIfApplicable(), this.itemLeaveRequest = window.setTimeout(
         () => {
           this.setHoveredItemId(X), this.itemLeaveRequest = null;
         },
-        fs(this.props)
+        ps(this.props)
       ));
     }, this.onItemMouseDown = () => {
       this.mouseOverHandler.handleItemMouseDown();
     }, this.onItemFocus = (n) => {
       this.setFocusedItemId(n), this.mouseOverHandler.handleItemFocus();
     }, this.onItemClick = (n, i) => {
-      const a = De(i, this.items);
+      const a = Re(i, this.items);
       a.disabled || (this.setFocusedItemId(i), this.mouseOverHandler.handleItemClick(i, this.isItemWithDefaultClose(i)), this.dispatchSelectEventIfWired(n, i), !n.isDefaultPrevented() && a.url && window.location.assign(a.url));
     }, this.onItemBlur = (n, i) => {
       if (this.isItemWithDefaultClose(n) && this.setFocusedItemId(X), i.relatedTarget && i.relatedTarget.nodeName === "LI") {
@@ -676,7 +675,7 @@ let _e = class extends t.Component {
           return;
       }
       this.props.onClose && this.props.onClose.call(void 0, i);
-    }, this.getInputItem = (n) => De(n, this.inputItems), V(K), this.mouseOverHandler = new Es(this.props.openOnClick, this.reset, this.onItemMouseOver), this.state = Object.assign({}, Wt, { isFirstRender: !0 });
+    }, this.getInputItem = (n) => Re(n, this.inputItems), W(K), this.mouseOverHandler = new Is(this.props.openOnClick, this.reset, this.onItemMouseOver), this.state = Object.assign({}, _t, { isFirstRender: !0 });
   }
   get menuItemId() {
     return this.props.id;
@@ -689,7 +688,7 @@ let _e = class extends t.Component {
    */
   render() {
     this.prepareItems(), this.state.isFirstRender || this.directionHolder.setIsDirectionRightToLeft(this.checkIsDirectionRightToLeft());
-    let s = this.state.hoveredItemId ? this.state.hoveredItemId : this.state.focusedItemId ? fe(this.state.focusedItemId) : X;
+    let s = this.state.hoveredItemId ? this.state.hoveredItemId : this.state.focusedItemId ? pe(this.state.focusedItemId) : X;
     return /* @__PURE__ */ t.createElement(
       "div",
       {
@@ -700,7 +699,7 @@ let _e = class extends t.Component {
         ref: (n) => this.menuWrapperEl = n
       },
       /* @__PURE__ */ t.createElement(
-        mn,
+        un,
         {
           className: this.getMenuClassName(),
           "aria-orientation": this.props.vertical ? "vertical" : void 0,
@@ -745,16 +744,16 @@ let _e = class extends t.Component {
   }
   setFocusedItemId(s) {
     this.setState((n) => {
-      const i = s === X ? n.tabbableItemId : be(s);
-      return { hoveredItemId: s === X || ve(n.hoveredItemId) && ve(s) ? n.hoveredItemId : X, focusedItemId: s, tabbableItemId: i };
+      const i = s === X ? n.tabbableItemId : ge(s);
+      return { hoveredItemId: s === X || be(n.hoveredItemId) && be(s) ? n.hoveredItemId : X, focusedItemId: s, tabbableItemId: i };
     });
   }
   setHoveredItemId(s) {
-    this.setState((n) => ve(s) && ve(n.focusedItemId) ? {
+    this.setState((n) => be(s) && be(n.focusedItemId) ? {
       hoveredItemId: s,
       focusedItemId: n.focusedItemId,
       tabbableItemId: n.tabbableItemId
-    } : { hoveredItemId: s, focusedItemId: X, tabbableItemId: Ke });
+    } : { hoveredItemId: s, focusedItemId: X, tabbableItemId: Be });
   }
   getMenuClassName() {
     return k(
@@ -776,14 +775,14 @@ let _e = class extends t.Component {
     return !!(this.props.dir !== void 0 ? this.props.dir === "rtl" : this.menuWrapperEl && getComputedStyle(this.menuWrapperEl).direction === "rtl");
   }
   prepareItems() {
-    const { items: s, inputItems: n } = ds(this.props.items, this.props.children);
+    const { items: s, inputItems: n } = cs(this.props.items, this.props.children);
     this.items = s, this.inputItems = n;
   }
   dispatchSelectEventIfWired(s, n) {
     q(this.props.onSelect, s, this, { item: this.getInputItem(n), itemId: n });
   }
 };
-_e.propTypes = {
+He.propTypes = {
   vertical: r.bool,
   items: r.arrayOf(r.object),
   style: r.object,
@@ -797,8 +796,8 @@ _e.propTypes = {
   onSelect: r.func,
   role: r.string
 };
-_e.defaultProps = { vertical: !1 };
-class hn extends t.Component {
+He.defaultProps = { vertical: !1 };
+class mn extends t.Component {
   constructor() {
     super(...arguments), this.itemRef = null, this.focus = () => {
       this.itemRef && (this.itemRef.tabIndex = 0, this.itemRef.focus());
@@ -828,7 +827,7 @@ class hn extends t.Component {
     return /* @__PURE__ */ t.createElement("li", { ...u, className: m, ref: (h) => this.itemRef = h, onBlur: this.blur }, /* @__PURE__ */ t.createElement("span", { className: "k-link" }, a));
   }
 }
-hn.propTypes = {
+mn.propTypes = {
   active: r.bool,
   disabled: r.bool,
   index: r.number,
@@ -840,17 +839,17 @@ hn.propTypes = {
   first: r.bool,
   last: r.bool
 };
-const Cs = (e) => Array.apply(null, Array(e)), Ns = (e) => e.preventDefault(), xe = "smooth", ce = "prev", Te = "next";
-class nt extends t.Component {
+const Es = (e) => Array.apply(null, Array(e)), Cs = (e) => e.preventDefault(), Se = "smooth", le = "prev", xe = "next";
+class tt extends t.Component {
   constructor(s) {
     super(s), this.itemsNavRef = t.createRef(), this.isRtl = () => this.props.dir === "rtl", this.onWheel = (n) => {
       n.stopPropagation();
-      const i = n.deltaY < 0 ? ce : Te;
+      const i = n.deltaY < 0 ? le : xe;
       this.setNewScrollPosition(i, n);
     }, this.arrowClickPrev = (n) => {
-      this.handleArrowClick(ce, n);
+      this.handleArrowClick(le, n);
     }, this.arrowClickNext = (n) => {
-      this.handleArrowClick(Te, n);
+      this.handleArrowClick(xe, n);
     }, this.handleArrowClick = (n, i) => {
       this.setNewScrollPosition(n, i);
     }, this.setNewScrollPosition = (n, i) => {
@@ -859,8 +858,8 @@ class nt extends t.Component {
         return;
       const o = this.horizontalScroll(), l = o ? a.scrollWidth - a.offsetWidth : a.scrollHeight - a.offsetHeight, c = (i.type === "click" ? this.props.buttonScrollSpeed : this.props.mouseScrollSpeed) || 0;
       let d = o ? a.scrollLeft : a.scrollTop, u = o ? a.scrollWidth - a.scrollLeft : a.scrollHeight - a.scrollTop, m = a.scrollWidth - a.scrollLeft * -1;
-      this.isRtl() && this.horizontalScroll() ? (n === ce && d < 0 && (d += c, m += c), n === Te && d < l && (d -= c, m -= c), d = Math.min(0, Math.min(l, d))) : (n === ce && d > 0 && (d -= c, u += c), n === Te && d < l && (d += c, u -= c), d = Math.max(0, Math.min(l, d)));
-      const h = d === 0, p = i.type === "click" ? xe : void 0;
+      this.isRtl() && this.horizontalScroll() ? (n === le && d < 0 && (d += c, m += c), n === xe && d < l && (d -= c, m -= c), d = Math.min(0, Math.min(l, d))) : (n === le && d > 0 && (d -= c, u += c), n === xe && d < l && (d += c, u -= c), d = Math.max(0, Math.min(l, d)));
+      const h = d === 0, p = i.type === "click" ? Se : void 0;
       if (o) {
         const g = this.isRtl() ? Math.round(m) <= a.clientWidth || Math.floor(m) <= a.clientWidth : Math.round(u) <= a.clientWidth || Math.floor(u) <= a.clientWidth;
         this.setState({
@@ -877,14 +876,14 @@ class nt extends t.Component {
         prev: {
           arrowTab: "k-tabstrip-prev",
           fontIcon: a ? this.isRtl() ? "caret-alt-right" : "caret-alt-left" : "caret-alt-up",
-          svgIcon: a ? this.isRtl() ? oe : ae : Ze
+          svgIcon: a ? this.isRtl() ? oe : ae : Ye
         },
         next: {
           arrowTab: "k-tabstrip-next",
           fontIcon: a ? this.isRtl() ? "caret-alt-left" : "caret-alt-right" : "caret-alt-down",
-          svgIcon: a ? this.isRtl() ? ae : oe : ze
+          svgIcon: a ? this.isRtl() ? ae : oe : Ae
         }
-      }, l = (n === ce ? this.props.prevButton : this.props.nextButton) || es, c = n === ce ? this.arrowClickPrev : this.arrowClickNext;
+      }, l = (n === le ? this.props.prevButton : this.props.nextButton) || Qn, c = n === le ? this.arrowClickPrev : this.arrowClickNext;
       return /* @__PURE__ */ t.createElement(
         l,
         {
@@ -893,7 +892,7 @@ class nt extends t.Component {
           onClick: c,
           icon: o[n].fontIcon,
           svgIcon: o[n].svgIcon,
-          onMouseDown: Ns,
+          onMouseDown: Cs,
           tabIndex: -1,
           fillMode: "flat"
         }
@@ -925,7 +924,7 @@ class nt extends t.Component {
   render() {
     const { selected: s, tabPosition: n, children: i, onSelect: a, onKeyDown: o, navItemId: l } = this.props, c = t.Children.count(i), d = t.Children.toArray(i);
     let u;
-    i && (u = Cs(c).map((p, g, b) => {
+    i && (u = Es(c).map((p, g, b) => {
       const y = {
         active: s === g,
         disabled: d[g].props.disabled,
@@ -937,13 +936,13 @@ class nt extends t.Component {
         id: l,
         onSelect: a
       };
-      return /* @__PURE__ */ t.createElement(hn, { key: g, ...y });
+      return /* @__PURE__ */ t.createElement(mn, { key: g, ...y });
     }));
     const m = k("k-tabstrip-items-wrapper", {
       "k-hstack": n === "top" || n === "bottom",
       "k-vstack": n === "left" || n === "right"
     }), h = k("k-tabstrip-items", "k-reset");
-    return /* @__PURE__ */ t.createElement("div", { className: m }, this.props.scrollable ? /* @__PURE__ */ t.createElement(t.Fragment, null, this.renderArrow(ce, this.state.disabledPrev), /* @__PURE__ */ t.createElement(
+    return /* @__PURE__ */ t.createElement("div", { className: m }, this.props.scrollable ? /* @__PURE__ */ t.createElement(t.Fragment, null, this.renderArrow(le, this.state.disabledPrev), /* @__PURE__ */ t.createElement(
       "ul",
       {
         ref: this.itemsNavRef,
@@ -955,7 +954,7 @@ class nt extends t.Component {
         "aria-orientation": n === "left" || n === "right" ? "vertical" : void 0
       },
       u
-    ), this.renderArrow(Te, this.state.disabledNext)) : /* @__PURE__ */ t.createElement(
+    ), this.renderArrow(xe, this.state.disabledNext)) : /* @__PURE__ */ t.createElement(
       "ul",
       {
         className: h,
@@ -973,10 +972,10 @@ class nt extends t.Component {
       let c = i ? s.scrollLeft : s.scrollTop, d = 0;
       if (this.isRtl()) {
         const u = n.offsetLeft;
-        c = c * -1, u < 0 ? (d = u - o + s.offsetLeft, s.scrollTo({ [l]: d, behavior: xe })) : u + o > a - c && (d = c + u - o, s.scrollTo({ [l]: d, behavior: xe }));
+        c = c * -1, u < 0 ? (d = u - o + s.offsetLeft, s.scrollTo({ [l]: d, behavior: Se })) : u + o > a - c && (d = c + u - o, s.scrollTo({ [l]: d, behavior: Se }));
       } else {
         const u = i ? n.offsetLeft - s.offsetLeft : n.offsetTop - s.offsetTop;
-        c + a < u + o ? (d = u + o - a, s.scrollTo({ [l]: d, behavior: xe })) : c > u && (d = u, s.scrollTo({ [l]: d, behavior: xe }));
+        c + a < u + o ? (d = u + o - a, s.scrollTo({ [l]: d, behavior: Se })) : c > u && (d = u, s.scrollTo({ [l]: d, behavior: Se }));
       }
     }
   }
@@ -984,7 +983,7 @@ class nt extends t.Component {
     return /top|bottom/.test(this.props.tabPosition || "top");
   }
 }
-nt.propTypes = {
+tt.propTypes = {
   children: r.oneOfType([
     r.element,
     r.arrayOf(r.element)
@@ -994,7 +993,7 @@ nt.propTypes = {
   selected: r.number,
   tabIndex: r.number
 };
-class pn extends t.Component {
+class hn extends t.Component {
   constructor() {
     super(...arguments), this.contentId = this.props.contentPanelId, this.childFactory = (s) => t.cloneElement(s, {
       ...s.props,
@@ -1039,7 +1038,7 @@ class pn extends t.Component {
       display: i ? void 0 : "none"
     };
     return s.props.disabled ? null : this.props.animation ? /* @__PURE__ */ t.createElement(
-      ts,
+      es,
       {
         appear: !0,
         exit: this.props.keepTabsMounted,
@@ -1050,7 +1049,7 @@ class pn extends t.Component {
     ) : /* @__PURE__ */ t.createElement("div", { ...a, key: n }, s.props.children);
   }
 }
-pn.propTypes = {
+hn.propTypes = {
   animation: r.bool,
   children: r.oneOfType([
     r.element,
@@ -1059,7 +1058,7 @@ pn.propTypes = {
   selected: r.number,
   style: r.object
 };
-let ut = class extends t.Component {
+let dt = class extends t.Component {
   constructor(s) {
     super(s), this._element = null, this.showLicenseWatermark = !1, this.keyBinding = {
       [C.left]: () => this.prevNavigatableTab(),
@@ -1097,7 +1096,7 @@ let ut = class extends t.Component {
       i && (n.preventDefault(), this.onSelect(i()));
     }, this.renderContent = (n) => {
       const { selected: i, children: a, tabContentStyle: o } = n, l = t.Children.count(a);
-      return i < l && i > -1 ? /* @__PURE__ */ t.createElement(pn, { index: i, ...n, style: o }) : null;
+      return i < l && i > -1 ? /* @__PURE__ */ t.createElement(hn, { index: i, ...n, style: o }) : null;
     }, this.firstNavigatableTab = () => {
       const n = this.children(), i = t.Children.count(n);
       if (n) {
@@ -1134,7 +1133,7 @@ let ut = class extends t.Component {
           if (l + 1 === o)
             return this.firstNavigatableTab();
         }
-    }, V(K), this.showLicenseWatermark = Fe(K);
+    }, W(K), this.showLicenseWatermark = ze(K);
   }
   get contentPanelId() {
     return this.props.id + "-content-panel-id";
@@ -1173,10 +1172,10 @@ let ut = class extends t.Component {
         className: o,
         style: this.props.style
       },
-      !a && /* @__PURE__ */ t.createElement(nt, { ...s, tabIndex: i }),
+      !a && /* @__PURE__ */ t.createElement(tt, { ...s, tabIndex: i }),
       this.renderContent(s),
-      a && /* @__PURE__ */ t.createElement(nt, { ...s, tabIndex: i }),
-      this.showLicenseWatermark && /* @__PURE__ */ t.createElement(Be, null)
+      a && /* @__PURE__ */ t.createElement(tt, { ...s, tabIndex: i }),
+      this.showLicenseWatermark && /* @__PURE__ */ t.createElement(Fe, null)
     );
   }
   invertKeys(s, n) {
@@ -1186,7 +1185,7 @@ let ut = class extends t.Component {
     return t.Children.toArray(this.props.children).filter((s) => s);
   }
 };
-ut.propTypes = {
+dt.propTypes = {
   animation: r.bool,
   children: r.node,
   onSelect: r.func,
@@ -1198,14 +1197,14 @@ ut.propTypes = {
   className: r.string,
   dir: r.string
 };
-ut.defaultProps = {
+dt.defaultProps = {
   animation: !0,
   tabPosition: "top",
   keepTabsMounted: !1,
   buttonScrollSpeed: 100,
   mouseScrollSpeed: 10
 };
-class ws extends t.Component {
+class Ns extends t.Component {
   constructor(s) {
     super(s), this.draggable = null, this.onDrag = (n, i, a) => {
       const { event: o } = n, { onDrag: l, index: c } = this.props, d = this.draggable && this.draggable.element;
@@ -1261,7 +1260,7 @@ class ws extends t.Component {
       }
     );
     return /* @__PURE__ */ t.createElement(
-      ct,
+      lt,
       {
         onPress: (o) => this.onDrag(o, !0, !1),
         onDrag: (o) => this.onDrag(o, !1, !1),
@@ -1295,7 +1294,7 @@ class ws extends t.Component {
             Q,
             {
               name: this.props.prev.collapsible ? i ? this.props.prev.collapsed ? this.props.isRtl ? "caret-alt-left" : "caret-alt-right" : this.props.isRtl ? "caret-alt-right" : "caret-alt-left" : this.props.prev.collapsed ? "caret-alt-down" : "caret-alt-up" : void 0,
-              icon: this.props.prev.collapsible ? i ? this.props.prev.collapsed ? this.props.isRtl ? ae : oe : this.props.isRtl ? oe : ae : this.props.prev.collapsed ? ze : Ze : void 0,
+              icon: this.props.prev.collapsible ? i ? this.props.prev.collapsed ? this.props.isRtl ? ae : oe : this.props.isRtl ? oe : ae : this.props.prev.collapsed ? Ae : Ye : void 0,
               size: "xsmall"
             }
           )
@@ -1311,7 +1310,7 @@ class ws extends t.Component {
             Q,
             {
               name: this.props.next.collapsible ? i ? this.props.next.collapsed ? this.props.isRtl ? "caret-alt-right" : "caret-alt-left" : this.props.isRtl ? "caret-alt-left" : "caret-alt-right" : this.props.next.collapsed ? "caret-alt-up" : "caret-alt-down" : void 0,
-              icon: this.props.next.collapsible ? i ? this.props.next.collapsed ? this.props.isRtl ? oe : ae : this.props.isRtl ? ae : oe : this.props.next.collapsed ? Ze : ze : void 0,
+              icon: this.props.next.collapsible ? i ? this.props.next.collapsed ? this.props.isRtl ? oe : ae : this.props.isRtl ? ae : oe : this.props.next.collapsed ? Ye : Ae : void 0,
               size: "xsmall"
             }
           )
@@ -1320,7 +1319,7 @@ class ws extends t.Component {
     );
   }
 }
-class Ss extends t.Component {
+class ws extends t.Component {
   /**
    * @hidden
    */
@@ -1328,7 +1327,7 @@ class Ss extends t.Component {
     return null;
   }
 }
-Ss.propTypes = {
+ws.propTypes = {
   disabled: r.bool,
   contentClassName: r.string,
   children: r.oneOfType([
@@ -1341,10 +1340,10 @@ Ss.propTypes = {
     r.node
   ])
 };
-function xs({ imageUrl: e, icon: s, svgIcon: n, iconClass: i }) {
+function Ss({ imageUrl: e, icon: s, svgIcon: n, iconClass: i }) {
   return e ? /* @__PURE__ */ t.createElement("img", { role: "presentation", className: "k-panelbar-item-icon k-image", src: e }) : s || n ? /* @__PURE__ */ t.createElement(Q, { className: "k-panelbar-item-icon", name: s, icon: n }) : i ? /* @__PURE__ */ t.createElement("span", { role: "presentation", className: "k-panelbar-item-icon " + i }) : null;
 }
-class de extends t.PureComponent {
+class ce extends t.PureComponent {
   constructor(s) {
     super(s), this.handleItemClick = () => {
       const { onSelect: n, disabled: i, id: a } = this.props;
@@ -1400,11 +1399,11 @@ class de extends t.PureComponent {
         "k-focus": !o && c
       },
       h
-    ), N = { display: "block" }, f = xs(this.props), R = !o && n ? /* @__PURE__ */ t.createElement(
+    ), N = { display: "block" }, f = Ss(this.props), R = !o && n ? /* @__PURE__ */ t.createElement(
       Q,
       {
         name: d ? "chevron-up" : "chevron-down",
-        icon: d ? Zt : Jt,
+        icon: d ? Yt : Zt,
         className: k(
           "k-panelbar-toggle",
           d ? "k-panelbar-collapse" : "k-panelbar-expand"
@@ -1421,7 +1420,7 @@ class de extends t.PureComponent {
       },
       n
     ) : null, S = (p === void 0 || p) && !o && n ? /* @__PURE__ */ t.createElement(
-      en,
+      Qt,
       {
         transitionEnterDuration: 200,
         transitionExitDuration: 200,
@@ -1446,14 +1445,14 @@ class de extends t.PureComponent {
     );
   }
 }
-de.propTypes = {
+ce.propTypes = {
   animation: r.bool,
   children: r.any,
   className: r.string,
   icon: r.string,
   iconClass: r.string,
   imageUrl: r.string,
-  svgIcon: Oe,
+  svgIcon: De,
   expanded: r.bool,
   disabled: r.bool,
   onSelect: r.func,
@@ -1470,10 +1469,10 @@ de.propTypes = {
   focused: r.bool,
   keepItemsMounted: r.bool
 };
-de.defaultProps = {
+ce.defaultProps = {
   title: "Untitled"
 };
-const fn = ({
+const pn = ({
   animation: e = !0,
   keepItemsMounted: s = !1,
   state: n,
@@ -1484,8 +1483,8 @@ const fn = ({
   level: c = 0,
   parentPrivateKey: d = []
 }) => t.Children.map(o, (u, m) => {
-  if (u && u.type === de) {
-    let h, p = mt(u, d, m);
+  if (u && u.type === ce) {
+    let h, p = ut(u, d, m);
     if (u.props.children) {
       const g = {
         animation: e,
@@ -1498,7 +1497,7 @@ const fn = ({
         level: c + 1,
         parentPrivateKey: [...d, p]
       };
-      h = fn(g);
+      h = pn(g);
     }
     return t.cloneElement(
       u,
@@ -1520,18 +1519,18 @@ const fn = ({
     );
   } else
     return /* @__PURE__ */ t.createElement("div", { className: "k-panelbar-content k-content" }, u);
-}), Ts = (e) => {
+}), xs = (e) => {
   const s = t.Children.toArray(e.children)[0];
-  return s ? mt(s, [], 0) : "";
-}, gn = (e, s, n = {
+  return s ? ut(s, [], 0) : "";
+}, fn = (e, s, n = {
   expanded: e.expanded || [],
   selected: e.selected || "",
   focused: e.focused || "",
   wrapperFocused: !1
 }, i = !0, a = []) => (t.Children.map(e.children, (o, l) => {
-  if (o && o.type === de) {
-    let c = mt(o, a, l);
-    !o.props.disabled && i && (o.props.selected && (n.selected = c), o.props.focused && (n.focused = c), o.props.expanded && (s === "multiple" ? n.expanded.push(c) : s === "single" && (n.expanded = [c])), o.props.children && (n = gn(
+  if (o && o.type === ce) {
+    let c = ut(o, a, l);
+    !o.props.disabled && i && (o.props.selected && (n.selected = c), o.props.focused && (n.focused = c), o.props.expanded && (s === "multiple" ? n.expanded.push(c) : s === "single" && (n.expanded = [c])), o.props.children && (n = fn(
       o.props,
       s,
       n,
@@ -1539,30 +1538,30 @@ const fn = ({
       [...a, c]
     )));
   }
-}), n), mt = (e, s, n) => e && e.props && e.props.id ? e.props.id : s.length ? s[s.length - 1] + `.${n}` : `.${n}`;
-function Rs(e, s = []) {
+}), n), ut = (e, s, n) => e && e.props && e.props.id ? e.props.id : s.length ? s[s.length - 1] + `.${n}` : `.${n}`;
+function Ts(e, s = []) {
   return (e || []).forEach((n) => {
-    n.disabled || (s.push(n), n.expanded && n.children && Rs(n.children, s));
+    n.disabled || (s.push(n), n.expanded && n.children && Ts(n.children, s));
   }), s;
 }
-function bn(e, s = []) {
+function gn(e, s = []) {
   return t.Children.forEach(e, (n) => {
-    n && n.props && !n.props.disabled && (s.push(n), n.props.children && bn(n.props.children, s));
+    n && n.props && !n.props.disabled && (s.push(n), n.props.children && gn(n.props.children, s));
   }), s;
 }
-function vn(e, s = []) {
+function bn(e, s = []) {
   return t.Children.forEach(e, (n) => {
-    n && n.props && !n.props.disabled && (n.props.expanded || n.props.parentExpanded) && (s.push(n), n.props.children && vn(n.props.children, s));
+    n && n.props && !n.props.disabled && (n.props.expanded || n.props.parentExpanded) && (s.push(n), n.props.children && bn(n.props.children, s));
   }), s;
 }
-const fi = (e) => e != null;
-var $t;
+const pi = (e) => e != null;
+var Wt;
 ((e) => {
   function s(n) {
     return n.map((i, a) => {
       let o;
       return i.content && (o = i.content), i.children && (o = s(i.children)), /* @__PURE__ */ t.createElement(
-        de,
+        ce,
         {
           ...i,
           children: o,
@@ -1572,21 +1571,21 @@ var $t;
     });
   }
   e.mapItemsToComponents = s;
-})($t || ($t = {}));
-const Ds = (e, s) => e.length !== s.length ? !1 : e.every((n, i) => n === s[i]);
+})(Wt || (Wt = {}));
+const Rs = (e, s) => e.length !== s.length ? !1 : e.every((n, i) => n === s[i]);
 var te = /* @__PURE__ */ ((e) => (e[e.Toggle = 0] = "Toggle", e[e.Next = 1] = "Next", e[e.Previous = 2] = "Previous", e))(te || {});
-class kn extends t.Component {
+class vn extends t.Component {
   constructor(s) {
     super(s), this._element = null, this.showLicenseWatermark = !1, this.handleSelect = (i) => {
       this.onSelect(i), this.onFocus(i);
     }, this.onSelect = (i) => {
-      const a = bn(t.Children.toArray(this.children));
+      const a = gn(t.Children.toArray(this.children));
       let o, l;
       switch (a.forEach((c) => {
         c.props.uniquePrivateKey === (i.uniquePrivateKey || this.state.focused) && (o = c);
       }), this.expandMode) {
         case "single":
-          l = [...o.props.parentUniquePrivateKey, o.props.uniquePrivateKey], Ds(this.expandedItems, l) && (o.props.parentUniquePrivateKey ? l = [...o.props.parentUniquePrivateKey] : l = []);
+          l = [...o.props.parentUniquePrivateKey, o.props.uniquePrivateKey], Rs(this.expandedItems, l) && (o.props.parentUniquePrivateKey ? l = [...o.props.parentUniquePrivateKey] : l = []);
           break;
         case "multiple": {
           l = this.expandedItems.slice();
@@ -1603,7 +1602,7 @@ class kn extends t.Component {
         expandedItems: l
       });
     }, this.onFocus = (i, a = 0) => {
-      const o = vn(t.Children.toArray(this.children));
+      const o = bn(t.Children.toArray(this.children));
       let l;
       o.forEach((c, d) => {
         if (c.props.uniquePrivateKey === (i.uniquePrivateKey || this.state.focused)) {
@@ -1658,9 +1657,9 @@ class kn extends t.Component {
         }
         l !== null && (i.preventDefault(), this.onNavigate(i, l));
       }
-    }, V(K), this.showLicenseWatermark = Fe(K);
-    const n = gn(s, this.expandMode);
-    n.focused || (n.focused = Ts(s)), this.state = n;
+    }, W(K), this.showLicenseWatermark = ze(K);
+    const n = fn(s, this.expandMode);
+    n.focused || (n.focused = xs(s)), this.state = n;
   }
   get expandMode() {
     return this.props.expandMode || "multiple";
@@ -1681,7 +1680,7 @@ class kn extends t.Component {
       handleSelect: this.handleSelect,
       children: this.props.children
     };
-    return fn(n);
+    return pn(n);
   }
   /**
    * @hidden
@@ -1711,25 +1710,25 @@ class kn extends t.Component {
         ...s
       },
       this.children,
-      this.showLicenseWatermark && /* @__PURE__ */ t.createElement(Be, null)
+      this.showLicenseWatermark && /* @__PURE__ */ t.createElement(Fe, null)
     );
   }
   nextTick(s) {
     this.nextTickId = window.setTimeout(() => s());
   }
 }
-kn.propTypes = {
+vn.propTypes = {
   animation: r.bool,
   children: function(e, s) {
     const n = e[s];
     if (n) {
       if (Array.isArray(n)) {
         for (let i of n)
-          if (!i.type || i.type !== de)
+          if (!i.type || i.type !== ce)
             return new Error(
               "PanelBar children should be either PanelBarItem or Array of PanelBarItem."
             );
-      } else if (n.type !== de)
+      } else if (n.type !== ce)
         return new Error(
           "PanelBar child should be either PanelBarItem or Array of PanelBarItem."
         );
@@ -1747,12 +1746,12 @@ kn.propTypes = {
   onSelect: r.func,
   style: r.object
 };
-kn.defaultProps = {
+vn.defaultProps = {
   expandMode: "multiple",
   animation: !0,
   keepItemsMounted: !1
 };
-class Os extends t.Component {
+class Ds extends t.Component {
   render() {
     const {
       id: s,
@@ -1789,15 +1788,15 @@ class Os extends t.Component {
     );
   }
 }
-const st = "splitBarLabel", Ps = {
-  [st]: "split bar"
-}, Ms = {
+const nt = "splitBarLabel", Os = {
+  [nt]: "split bar"
+}, Ps = {
   collapsible: !1,
   collapsed: !1,
   resizable: !0,
   scrollable: !0
-}, Ls = 150;
-class As extends t.Component {
+}, Ms = 150;
+class Ls extends t.Component {
   /**
    * @hidden
    */
@@ -1813,7 +1812,7 @@ class As extends t.Component {
         t.isValidElement(m) && (u = m.type.displayName === "Splitter");
         let h = !1;
         l && o !== void 0 && (h = o === d || o + 1 === d), c.push({
-          ...Ms,
+          ...Ps,
           orientation: a,
           containsSplitter: u,
           overlay: h,
@@ -1822,14 +1821,14 @@ class As extends t.Component {
       }
       return c;
     }, this.mapSplitterPanes = (n, i) => {
-      const a = ss(this).toLanguageString(st, Ps[st]);
+      const a = ns(this).toLanguageString(nt, Os[nt]);
       return n.map((o, l) => {
         let c;
         const d = l * 2, u = d + 1;
         if (l + 1 < n.length) {
           const h = n[l + 1];
           c = /* @__PURE__ */ t.createElement(
-            ws,
+            Ns,
             {
               key: u,
               index: l,
@@ -1845,7 +1844,7 @@ class As extends t.Component {
           );
         }
         return [/* @__PURE__ */ t.createElement(
-          Os,
+          Ds,
           {
             key: d,
             ...o
@@ -1885,7 +1884,7 @@ class As extends t.Component {
         return;
       }
       const { originalPrevSize: p, originalNextSize: g, startTime: b, originalX: y, originalY: E } = this.state;
-      if (!o && c - b < Ls) {
+      if (!o && c - b < Ms) {
         l && this.resetDragState();
         return;
       }
@@ -1897,7 +1896,7 @@ class As extends t.Component {
     }, this.containerSize = () => this._container ? this.elementSize(this._container, !0) : 0, this.panesOptions = (n) => this.mapPaneOptions(this.panes, n), this.elementSize = (n, i) => {
       const a = i ? "client" : "offset";
       return this.orientation === "vertical" ? n[`${a}Height`] : n[`${a}Width`];
-    }, this.clamp = (n, i, a) => Math.min(i, Math.max(n, a)), this.fixedSize = (n) => n && n.length > 0, V(K), this.state = {
+    }, this.clamp = (n, i, a) => Math.min(i, Math.max(n, a)), this.fixedSize = (n) => n && n.length > 0, W(K), this.state = {
       isDragging: !1,
       dragIndex: void 0,
       startTime: 0,
@@ -2010,10 +2009,10 @@ class As extends t.Component {
     return o;
   }
 }
-As.displayName = "Splitter";
-var yn = /* @__PURE__ */ ((e) => (e.TEXT = "text", e.IMAGE = "image", e.ICON = "icon", e))(yn || {}), Me = /* @__PURE__ */ ((e) => (e.HORIZONTAL = "horizontal", e.VERTICAL = "vertical", e))(Me || {}), ht = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.primary = "primary", e.INFO = "info", e.SUCCESS = "success", e.WARNING = "warning", e.ERROR = "error", e))(ht || {}), In = /* @__PURE__ */ ((e) => (e.START = "start", e.CENTER = "center", e.END = "end", e.STRETCHED = "stretched", e))(In || {});
-const We = t.forwardRef((e, s) => {
-  V(K);
+Ls.displayName = "Splitter";
+var kn = /* @__PURE__ */ ((e) => (e.TEXT = "text", e.IMAGE = "image", e.ICON = "icon", e))(kn || {}), Pe = /* @__PURE__ */ ((e) => (e.HORIZONTAL = "horizontal", e.VERTICAL = "vertical", e))(Pe || {}), mt = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.primary = "primary", e.INFO = "info", e.SUCCESS = "success", e.WARNING = "warning", e.ERROR = "error", e))(mt || {}), yn = /* @__PURE__ */ ((e) => (e.START = "start", e.CENTER = "center", e.END = "end", e.STRETCHED = "stretched", e))(yn || {});
+const _e = t.forwardRef((e, s) => {
+  W(K);
   const { children: n, dir: i, style: a, className: o, type: l, orientation: c, ...d } = e, u = t.useRef(null), m = t.useRef(null);
   return t.useImperativeHandle(u, () => ({
     element: m.current,
@@ -2027,16 +2026,16 @@ const We = t.forwardRef((e, s) => {
       className: k(
         "k-card",
         o,
-        { [`k-card-${l}`]: l !== ht.DEFAULT },
-        c !== Me.HORIZONTAL ? "k-card-vertical" : "k-card-horizontal"
+        { [`k-card-${l}`]: l !== mt.DEFAULT },
+        c !== Pe.HORIZONTAL ? "k-card-vertical" : "k-card-horizontal"
       ),
       ...d
     },
     n
   );
 });
-We.displayName = "KendoReactCard";
-We.propTypes = {
+_e.displayName = "KendoReactCard";
+_e.propTypes = {
   children: r.node,
   className: r.string,
   dir: r.string,
@@ -2044,11 +2043,11 @@ We.propTypes = {
   style: r.object,
   type: r.oneOf(["default", "primary", "info", "success", "warning", "error"])
 };
-We.defaultProps = {
-  type: ht.DEFAULT,
-  orientation: Me.VERTICAL
+_e.defaultProps = {
+  type: mt.DEFAULT,
+  orientation: Pe.VERTICAL
 };
-const En = (e) => /* @__PURE__ */ t.createElement(
+const In = (e) => /* @__PURE__ */ t.createElement(
   "div",
   {
     style: e.style,
@@ -2059,10 +2058,10 @@ const En = (e) => /* @__PURE__ */ t.createElement(
   },
   e.children
 );
-En.propTypes = {
+In.propTypes = {
   className: r.string
 };
-const Cn = (e) => /* @__PURE__ */ t.createElement(
+const En = (e) => /* @__PURE__ */ t.createElement(
   "div",
   {
     style: e.style,
@@ -2073,10 +2072,10 @@ const Cn = (e) => /* @__PURE__ */ t.createElement(
   },
   e.children
 );
-Cn.propTypes = {
+En.propTypes = {
   className: r.string
 };
-const Nn = (e) => /* @__PURE__ */ t.createElement(
+const Cn = (e) => /* @__PURE__ */ t.createElement(
   "div",
   {
     style: e.style,
@@ -2087,13 +2086,13 @@ const Nn = (e) => /* @__PURE__ */ t.createElement(
   },
   e.children
 );
-Nn.propTypes = {
+Cn.propTypes = {
   className: r.string
 };
-const wn = (e) => {
+const Nn = (e) => {
   const s = {
-    layout: In.START,
-    orientation: Me.HORIZONTAL,
+    layout: yn.START,
+    orientation: Pe.HORIZONTAL,
     ...e
   };
   return /* @__PURE__ */ t.createElement(
@@ -2104,17 +2103,17 @@ const wn = (e) => {
         "k-card-actions",
         s.className,
         `k-card-actions-${s.layout}`,
-        s.orientation !== Me.VERTICAL ? "k-card-actions-horizontal" : "k-card-actions-vertical"
+        s.orientation !== Pe.VERTICAL ? "k-card-actions-horizontal" : "k-card-actions-vertical"
       )
     },
     s.children
   );
 };
-wn.propTypes = {
+Nn.propTypes = {
   layout: r.oneOf(["stretched", "start", "center", "end"]),
   orientation: r.oneOf(["horizontal", "vertical"])
 };
-const Sn = (e) => {
+const wn = (e) => {
   const s = {
     src: "",
     ...e
@@ -2132,11 +2131,11 @@ const Sn = (e) => {
     }
   );
 };
-Sn.propTypes = {
+wn.propTypes = {
   className: r.string,
   src: r.string
 };
-const xn = (e) => /* @__PURE__ */ t.createElement(
+const Sn = (e) => /* @__PURE__ */ t.createElement(
   "div",
   {
     style: e.style,
@@ -2147,10 +2146,10 @@ const xn = (e) => /* @__PURE__ */ t.createElement(
   },
   e.children
 );
-xn.propTypes = {
+Sn.propTypes = {
   className: r.string
 };
-const zs = (e) => /* @__PURE__ */ t.createElement(
+const As = (e) => /* @__PURE__ */ t.createElement(
   "div",
   {
     style: e.style,
@@ -2161,19 +2160,19 @@ const zs = (e) => /* @__PURE__ */ t.createElement(
   },
   e.children
 );
-zs.propTypes = {
+As.propTypes = {
   className: r.string
 };
-const Fs = (e) => {
+const zs = (e) => {
   const s = {
-    type: yn.TEXT,
+    type: kn.TEXT,
     size: "medium",
     rounded: "full",
     fillMode: "solid",
     themeColor: "primary",
     ...e
   };
-  return V(K), /* @__PURE__ */ t.createElement(
+  return W(K), /* @__PURE__ */ t.createElement(
     "div",
     {
       style: s.style,
@@ -2181,8 +2180,8 @@ const Fs = (e) => {
         "k-avatar",
         {
           ["k-avatar-bordered"]: s.border,
-          [`k-rounded-${Xe.roundedMap[s.rounded] || s.rounded}`]: s.rounded,
-          [`k-avatar-${Xe.sizeMap[s.size] || s.size}`]: s.size,
+          [`k-rounded-${Ge.roundedMap[s.rounded] || s.rounded}`]: s.rounded,
+          [`k-avatar-${Ge.sizeMap[s.size] || s.size}`]: s.size,
           [`k-avatar-${s.fillMode}`]: s.fillMode,
           [`k-avatar-${s.fillMode}-${s.themeColor}`]: !!(s.fillMode && s.themeColor)
         },
@@ -2192,7 +2191,7 @@ const Fs = (e) => {
     /* @__PURE__ */ t.createElement("span", { className: `k-avatar-${s.type}` }, s.children)
   );
 };
-Fs.propTypes = {
+zs.propTypes = {
   className: r.string,
   type: r.oneOf(["text", "image", "icon"]),
   size: r.oneOf([null, "small", "medium", "large"]),
@@ -2201,7 +2200,7 @@ Fs.propTypes = {
   /* eslint-disable max-len */
   themeColor: r.oneOf([null, "base", "dark", "error", "info", "inverse", "inverse", "light", "primary", "secondary", "success", "tertiary", "warning"])
 };
-const Bs = {
+const Fs = {
   animation: !0,
   expanded: !1,
   mode: "overlay",
@@ -2210,7 +2209,7 @@ const Bs = {
   dir: "ltr",
   width: 240,
   miniWidth: 50
-}, pt = t.createContext(Bs), ft = t.forwardRef((e, s) => {
+}, ht = t.createContext(Fs), pt = t.forwardRef((e, s) => {
   const {
     className: n,
     style: i,
@@ -2225,7 +2224,7 @@ const Bs = {
     tabIndex: p,
     children: g,
     ...b
-  } = e, { expanded: y, mini: E, item: N } = t.useContext(pt), f = t.useRef(null), R = t.useCallback(
+  } = e, { expanded: y, mini: E, item: N } = t.useContext(ht), f = t.useRef(null), R = t.useCallback(
     () => {
       f.current && f.current.focus();
     },
@@ -2255,7 +2254,7 @@ const Bs = {
       }
     },
     [m, h, d]
-  ), S = /* @__PURE__ */ t.createElement(t.Fragment, null, (o || l) && /* @__PURE__ */ t.createElement(Q, { name: o && Vt(o), icon: l }), !y && E ? null : /* @__PURE__ */ t.createElement("span", { className: "k-item-text" }, a));
+  ), S = /* @__PURE__ */ t.createElement(t.Fragment, null, (o || l) && /* @__PURE__ */ t.createElement(Q, { name: o && jt(o), icon: l }), !y && E ? null : /* @__PURE__ */ t.createElement("span", { className: "k-item-text" }, a));
   return c ? /* @__PURE__ */ t.createElement("li", { className: "k-drawer-item k-drawer-separator", role: "separator" }) : /* @__PURE__ */ t.createElement(
     "li",
     {
@@ -2266,28 +2265,28 @@ const Bs = {
       "aria-label": a,
       "aria-disabled": d,
       onClick: w,
-      tabIndex: Pe(p, d),
+      tabIndex: Oe(p, d),
       ...b
     },
     N ? g : S
   );
 });
-ft.propTypes = {
+pt.propTypes = {
   className: r.string,
   style: r.object,
   text: r.string,
   icon: r.string,
-  svgIcon: Oe,
+  svgIcon: De,
   separator: r.bool,
   selected: r.bool,
   disabled: r.bool,
   targetItem: r.any
 };
-ft.displayName = "KendoDrawerItem";
-const Ks = 240, Hs = 50, _s = { type: "slide", duration: 200 }, Ws = { type: "slide", duration: 0 }, gt = t.forwardRef((e, s) => {
+pt.displayName = "KendoDrawerItem";
+const Bs = 240, Ks = 50, Hs = { type: "slide", duration: 200 }, _s = { type: "slide", duration: 0 }, ft = t.forwardRef((e, s) => {
   const { children: n, className: i, style: a } = e;
-  V(K);
-  const o = Fe(K), {
+  W(K);
+  const o = ze(K), {
     animation: l,
     expanded: c,
     mode: d,
@@ -2300,12 +2299,12 @@ const Ks = 240, Hs = 50, _s = { type: "slide", duration: 200 }, Ws = { type: "sl
     items: y,
     item: E,
     onSelect: N
-  } = t.useContext(pt), f = t.useRef(null), R = t.useCallback(
+  } = t.useContext(ht), f = t.useRef(null), R = t.useCallback(
     () => {
       f.current && f.current.focus();
     },
     []
-  ), v = typeof l != "boolean" ? l : l === !1 ? Ws : _s, w = g || Ks, S = b || Hs;
+  ), v = typeof l != "boolean" ? l : l === !1 ? _s : Hs, w = g || Bs, S = b || Ks;
   t.useImperativeHandle(s, () => ({
     element: f.current,
     focus: R
@@ -2354,7 +2353,7 @@ const Ks = 240, Hs = 50, _s = { type: "slide", duration: 200 }, Ws = { type: "sl
     WebkitTransitionDuration: (v && v.duration) + "ms",
     /* Safari */
     transitionDuration: (v && v.duration) + "ms"
-  }, W = c ? d === "push" ? A : D : d === "push" ? L : p === "ltr" && u === "start" || p === "rtl" && u === "end" ? h ? ee : B : h ? ee : G, x = y && /* @__PURE__ */ t.createElement(
+  }, $ = c ? d === "push" ? A : D : d === "push" ? L : p === "ltr" && u === "start" || p === "rtl" && u === "end" ? h ? ee : B : h ? ee : G, x = y && /* @__PURE__ */ t.createElement(
     "ul",
     {
       className: "k-drawer-items",
@@ -2363,19 +2362,19 @@ const Ks = 240, Hs = 50, _s = { type: "slide", duration: 200 }, Ws = { type: "sl
       "aria-expanded": c
     },
     y.map(
-      (U, Y) => {
+      (j, Y) => {
         const Z = {
           index: Y,
-          ...U,
+          ...j,
           onSelect: N
-        }, re = E || ft;
+        }, re = E || pt;
         return /* @__PURE__ */ t.createElement(re, { key: Y, ...Z });
       }
     )
   ), M = /* @__PURE__ */ t.createElement(
     "div",
     {
-      style: v ? { ...W, ...a } : a,
+      style: v ? { ...$, ...a } : a,
       className: O,
       ref: f
     },
@@ -2387,20 +2386,20 @@ const Ks = 240, Hs = 50, _s = { type: "slide", duration: 200 }, Ws = { type: "sl
       },
       x || n
     ),
-    o && /* @__PURE__ */ t.createElement(Be, null)
+    o && /* @__PURE__ */ t.createElement(Fe, null)
   );
   return d === "overlay" ? /* @__PURE__ */ t.createElement(t.Fragment, null, c && /* @__PURE__ */ t.createElement("div", { className: "k-overlay", onClick: m }), M) : M;
 });
-gt.propTypes = {
+ft.propTypes = {
   children: r.any,
   className: r.string,
   style: r.object,
   item: r.any,
   tabIndex: r.number
 };
-gt.displayName = "KendoDrawerNavigation";
-const bt = t.forwardRef((e, s) => {
-  V(K);
+ft.displayName = "KendoDrawerNavigation";
+const gt = t.forwardRef((e, s) => {
+  W(K);
   const {
     expanded: n,
     mode: i,
@@ -2441,7 +2440,7 @@ const bt = t.forwardRef((e, s) => {
       }
     },
     [p, E]
-  ), v = ke(N, e.dir), w = k(
+  ), v = ve(N, e.dir), w = k(
     {
       "k-drawer-container": !0,
       "k-drawer-expanded": n,
@@ -2452,7 +2451,7 @@ const bt = t.forwardRef((e, s) => {
     o
   );
   return /* @__PURE__ */ t.createElement(
-    pt.Provider,
+    ht.Provider,
     {
       value: {
         animation: d,
@@ -2478,12 +2477,12 @@ const bt = t.forwardRef((e, s) => {
         style: c,
         tabIndex: b
       },
-      p && /* @__PURE__ */ t.createElement(gt, null),
+      p && /* @__PURE__ */ t.createElement(ft, null),
       l
     )
   );
 });
-bt.propTypes = {
+gt.propTypes = {
   animation: r.any,
   expanded: r.bool,
   children: r.any,
@@ -2500,7 +2499,7 @@ bt.propTypes = {
   onSelect: r.func,
   onOverlayClick: r.func
 };
-const $s = {
+const Ws = {
   animation: !0,
   expanded: !1,
   mode: "overlay",
@@ -2510,9 +2509,9 @@ const $s = {
   width: 240,
   miniWidth: 50
 };
-bt.defaultProps = $s;
-bt.displayName = "KendoDrawer";
-const Tn = t.forwardRef((e, s) => {
+gt.defaultProps = Ws;
+gt.displayName = "KendoDrawer";
+const xn = t.forwardRef((e, s) => {
   const { children: n, className: i, style: a } = e, o = t.useRef(null);
   t.useImperativeHandle(s, () => ({
     element: o.current
@@ -2525,20 +2524,20 @@ const Tn = t.forwardRef((e, s) => {
   );
   return /* @__PURE__ */ t.createElement("div", { className: l, style: a, ref: o }, n);
 });
-Tn.propTypes = {
+xn.propTypes = {
   children: r.any,
   className: r.string,
   style: r.object
 };
-Tn.displayName = "KendoDrawerContent";
-const Us = {
+xn.displayName = "KendoDrawerContent";
+const $s = {
   linear: !1,
   mode: "steps",
   value: 0
-}, Rn = t.createContext(Us), Dn = 400, On = 0, Pn = "stepper.optionalText", it = "stepper.progBarAriaLabel", Mn = {
-  [Pn]: "(Optional)",
-  [it]: "progressbar"
-}, $e = t.forwardRef((e, s) => {
+}, Tn = t.createContext($s), Rn = 400, Dn = 0, On = "stepper.optionalText", st = "stepper.progBarAriaLabel", Pn = {
+  [On]: "(Optional)",
+  [st]: "progressbar"
+}, We = t.forwardRef((e, s) => {
   const {
     // content
     children: n,
@@ -2570,20 +2569,20 @@ const Us = {
     errorIcon: B,
     successSVGIcon: G,
     errorSVGIcon: ee
-  } = t.useContext(Rn), W = t.useRef(null), x = t.useCallback(
+  } = t.useContext(Tn), $ = t.useRef(null), x = t.useCallback(
     () => {
-      W.current && ye(W.current);
+      $.current && ke($.current);
     },
     []
   ), M = t.useCallback(
     () => ({
-      element: W.current,
+      element: $.current,
       focus: x
     }),
     [x]
   );
   t.useImperativeHandle(s, M);
-  const U = !v || u === O - 1 || u === O || u === O + 1, Y = w === "labels" || !!c && !!h, Z = tn(), ue = ((ne) => Z.toLanguageString(ne, Mn[ne]))(Pn), se = typeof N == "number" ? N : N !== !1 ? Dn : On, Ee = t.useCallback(
+  const j = !v || u === O - 1 || u === O || u === O + 1, Y = w === "labels" || !!c && !!h, Z = en(), de = ((ne) => Z.toLanguageString(ne, Pn[ne]))(On), se = typeof N == "number" ? N : N !== !1 ? Rn : Dn, Ie = t.useCallback(
     (ne) => {
       A && !o && q(
         A,
@@ -2593,7 +2592,7 @@ const Us = {
       );
     },
     [A, O, o]
-  ), me = t.useCallback(
+  ), ue = t.useCallback(
     (ne) => {
       D && !o && q(
         D,
@@ -2626,11 +2625,11 @@ const Us = {
     () => ({
       maxWidth: f ? void 0 : `calc(100% / ${S})`,
       maxHeight: f ? `calc(100% / ${S})` : void 0,
-      pointerEvents: U ? void 0 : "none",
+      pointerEvents: j ? void 0 : "none",
       ...g
     }),
-    [f, S, g, U]
-  ), F = m ? L : B, j = F ? /* @__PURE__ */ t.createElement(
+    [f, S, g, j]
+  ), F = m ? L : B, V = F ? /* @__PURE__ */ t.createElement(
     "span",
     {
       className: "k-step-indicator-icon " + F,
@@ -2641,21 +2640,21 @@ const Us = {
     {
       className: "k-step-indicator-icon",
       name: m ? "check-circle" : "exclamation-circle",
-      icon: m ? G || Zn : ee || Jn
+      icon: m ? G || Yn : ee || Zn
     }
-  ), he = /* @__PURE__ */ t.createElement(t.Fragment, null, w !== "labels" ? /* @__PURE__ */ t.createElement(
+  ), me = /* @__PURE__ */ t.createElement(t.Fragment, null, w !== "labels" ? /* @__PURE__ */ t.createElement(
     "span",
     {
       className: "k-step-indicator",
       "aria-hidden": !0,
       style: { transitionDuration: se + "ms" }
     },
-    c || d ? !Y && m !== void 0 ? j : /* @__PURE__ */ t.createElement(Q, { className: "k-step-indicator-icon", name: c && Vt(c), icon: d }) : m !== void 0 ? j : /* @__PURE__ */ t.createElement("span", { className: "k-step-indicator-text" }, y || u + 1)
-  ) : null), Ce = /* @__PURE__ */ t.createElement("span", { className: "k-step-label" }, h && /* @__PURE__ */ t.createElement("span", { className: "k-step-text" }, h), Y && m !== void 0 && j, p && /* @__PURE__ */ t.createElement("span", { className: "k-step-label-optional" }, ue)), pe = /* @__PURE__ */ t.createElement(t.Fragment, null, he, Ce);
+    c || d ? !Y && m !== void 0 ? V : /* @__PURE__ */ t.createElement(Q, { className: "k-step-indicator-icon", name: c && jt(c), icon: d }) : m !== void 0 ? V : /* @__PURE__ */ t.createElement("span", { className: "k-step-indicator-text" }, y || u + 1)
+  ) : null), Ee = /* @__PURE__ */ t.createElement("span", { className: "k-step-label" }, h && /* @__PURE__ */ t.createElement("span", { className: "k-step-text" }, h), Y && m !== void 0 && V, p && /* @__PURE__ */ t.createElement("span", { className: "k-step-label-optional" }, de)), he = /* @__PURE__ */ t.createElement(t.Fragment, null, me, Ee);
   return /* @__PURE__ */ t.createElement(
     "li",
     {
-      ref: W,
+      ref: $,
       className: H,
       style: _,
       ...E
@@ -2665,18 +2664,18 @@ const Us = {
       {
         className: "k-step-link",
         title: h || void 0,
-        onClick: Ee,
-        onFocus: me,
+        onClick: Ie,
+        onFocus: ue,
         tabIndex: b || (l ? 0 : -1),
         "aria-current": a,
-        "aria-disabled": o || !U || void 0,
+        "aria-disabled": o || !j || void 0,
         "aria-invalid": m !== void 0 && !m || void 0
       },
-      R ? n : pe
+      R ? n : he
     )
   );
 });
-$e.propTypes = {
+We.propTypes = {
   children: r.any,
   className: r.string,
   // content: PropTypes.any,
@@ -2691,13 +2690,13 @@ $e.propTypes = {
   tabIndex: r.number,
   text: r.string
 };
-const js = {
+const Us = {
   tabIndex: 0
 };
-$e.defaultProps = js;
-$e.displayName = "KendoStep";
-const vt = t.forwardRef((e, s) => {
-  V(K);
+We.defaultProps = Us;
+We.displayName = "KendoStep";
+const bt = t.forwardRef((e, s) => {
+  W(K);
   const {
     animationDuration: n,
     children: i,
@@ -2715,9 +2714,9 @@ const vt = t.forwardRef((e, s) => {
     successSVGIcon: y,
     onChange: E,
     onFocus: N
-  } = e, R = tn().toLanguageString(it, Mn[it]), v = t.useRef(null), w = t.useCallback(
+  } = e, R = en().toLanguageString(st, Pn[st]), v = t.useRef(null), w = t.useCallback(
     () => {
-      v.current && ye(v.current);
+      v.current && ke(v.current);
     },
     []
   ), S = t.useCallback(
@@ -2728,14 +2727,14 @@ const vt = t.forwardRef((e, s) => {
     [w]
   );
   t.useImperativeHandle(s, S);
-  const O = e.value || Ln.value, [A, D] = t.useState(O), L = u ? u.length : 0, B = p === "vertical", G = qt(v, e.dir), ee = typeof n == "number" ? n : n !== !1 ? Dn : On;
+  const O = e.value || Mn.value, [A, D] = t.useState(O), L = u ? u.length : 0, B = p === "vertical", G = Vt(v, e.dir), ee = typeof n == "number" ? n : n !== !1 ? Rn : Dn;
   t.useEffect(() => {
     D(O);
   }, [O]);
-  const W = t.useCallback(
+  const $ = t.useCallback(
     (H, _) => {
-      const F = _ === O - 1, j = _ === O, he = _ === O + 1;
-      O !== _ && E && !o && (!m || F || j || he) && (q(
+      const F = _ === O - 1, V = _ === O, me = _ === O + 1;
+      O !== _ && E && !o && (!m || F || V || me) && (q(
         E,
         H,
         S(),
@@ -2746,9 +2745,9 @@ const vt = t.forwardRef((e, s) => {
   ), x = t.useCallback(
     (H) => {
       let _ = H.value, F = H.syntheticEvent;
-      W(F, _);
+      $(F, _);
     },
-    [W]
+    [$]
   ), M = t.useCallback(
     (H) => {
       N && !o && q(
@@ -2759,42 +2758,42 @@ const vt = t.forwardRef((e, s) => {
       );
     },
     [N, o]
-  ), U = t.useCallback(
+  ), j = t.useCallback(
     (H) => {
-      W(H, A);
+      $(H, A);
     },
-    [W, A]
+    [$, A]
   ), Y = t.useCallback(
     (H) => {
-      const _ = G === "rtl", F = A, j = u.length - 1;
+      const _ = G === "rtl", F = A, V = u.length - 1;
       switch (H.keyCode) {
         case C.left:
-          H.preventDefault(), !_ && F > 0 && D(F - 1), _ && F < j && D(F + 1);
+          H.preventDefault(), !_ && F > 0 && D(F - 1), _ && F < V && D(F + 1);
           break;
         case C.right:
-          H.preventDefault(), !_ && F < j && D(F + 1), _ && F > 0 && D(F - 1);
+          H.preventDefault(), !_ && F < V && D(F + 1), _ && F > 0 && D(F - 1);
           break;
         case C.up:
           H.preventDefault(), !_ && F > 0 && D(F - 1), _ && F > 0 && D(F - 1);
           break;
         case C.down:
-          H.preventDefault(), !_ && F < j && D(F + 1), _ && F < j && D(F + 1);
+          H.preventDefault(), !_ && F < V && D(F + 1), _ && F < V && D(F + 1);
           break;
         case C.home:
           H.preventDefault(), D(0);
           break;
         case C.end:
-          H.preventDefault(), D(j);
+          H.preventDefault(), D(V);
           break;
         case C.space:
           H.preventDefault();
           break;
         case C.enter:
-          H.preventDefault(), u[F].disabled || U(H);
+          H.preventDefault(), u[F].disabled || j(H);
           break;
       }
     },
-    [u, D, A, G, U]
+    [u, D, A, G, j]
   ), Z = t.useMemo(
     () => k(
       "k-stepper",
@@ -2812,7 +2811,7 @@ const vt = t.forwardRef((e, s) => {
       ...g
     }),
     [B, L, g]
-  ), ue = t.useMemo(
+  ), de = t.useMemo(
     () => k(
       "k-step-list",
       {
@@ -2829,7 +2828,7 @@ const vt = t.forwardRef((e, s) => {
       gridRowEnd: B ? -1 : void 0
     }),
     [B]
-  ), Ee = t.useMemo(
+  ), Ie = t.useMemo(
     () => ({
       gridColumnStart: B ? void 0 : 2,
       gridColumnEnd: B ? void 0 : L * 2,
@@ -2838,18 +2837,18 @@ const vt = t.forwardRef((e, s) => {
       top: B ? 17 : void 0
     }),
     [B, L]
-  ), me = u && u.map((H, _) => {
+  ), ue = u && u.map((H, _) => {
     const F = {
       index: _,
       disabled: o || H.disabled,
       focused: _ === A,
       current: _ === O,
       ...H
-    }, j = d || $e;
-    return /* @__PURE__ */ t.createElement(j, { key: _, ...F });
+    }, V = d || We;
+    return /* @__PURE__ */ t.createElement(V, { key: _, ...F });
   });
   return /* @__PURE__ */ t.createElement(
-    Rn.Provider,
+    Tn.Provider,
     {
       value: {
         animationDuration: n,
@@ -2878,15 +2877,15 @@ const vt = t.forwardRef((e, s) => {
       /* @__PURE__ */ t.createElement(
         "ol",
         {
-          className: ue,
+          className: de,
           style: se
         },
-        me || i
+        ue || i
       ),
       /* @__PURE__ */ t.createElement(
-        is,
+        ss,
         {
-          style: Ee,
+          style: Ie,
           animation: { duration: ee },
           ariaLabel: R,
           "aria-hidden": !0,
@@ -2902,14 +2901,14 @@ const vt = t.forwardRef((e, s) => {
     )
   );
 });
-vt.propTypes = {
+bt.propTypes = {
   animationDuration: r.oneOfType([r.bool, r.number]),
   children: r.any,
   className: r.string,
   dir: r.string,
   disabled: r.bool,
   errorIcon: r.string,
-  errorSVGIcon: Oe,
+  errorSVGIcon: De,
   item: r.any,
   items: r.any,
   linear: r.bool,
@@ -2917,18 +2916,18 @@ vt.propTypes = {
   orientation: r.oneOf(["horizontal", "vertical"]),
   style: r.object,
   successIcon: r.string,
-  successSVGIcon: Oe,
+  successSVGIcon: De,
   value: r.number.isRequired,
   onChange: r.func,
   onFocus: r.func
 };
-const Ln = {
+const Mn = {
   value: 0
 };
-vt.defaultProps = Ln;
-vt.displayName = "KendoStepper";
-const An = t.forwardRef((e, s) => {
-  V(K);
+bt.defaultProps = Mn;
+bt.displayName = "KendoStepper";
+const Ln = t.forwardRef((e, s) => {
+  W(K);
   const {
     children: n,
     className: i,
@@ -2936,7 +2935,7 @@ const An = t.forwardRef((e, s) => {
     id: o
   } = e, l = t.useRef(null), c = t.useCallback(
     () => {
-      l.current && ye(l.current);
+      l.current && ke(l.current);
     },
     []
   ), d = t.useCallback(
@@ -2947,14 +2946,14 @@ const An = t.forwardRef((e, s) => {
     [c]
   );
   t.useImperativeHandle(s, d);
-  const u = Ie(), m = t.useMemo(
-    () => e.themeColor || qe.themeColor,
+  const u = ye(), m = t.useMemo(
+    () => e.themeColor || Ve.themeColor,
     [e.themeColor]
   ), h = t.useMemo(
-    () => e.position || qe.position,
+    () => e.position || Ve.position,
     [e.position]
   ), p = t.useMemo(
-    () => e.positionMode || qe.positionMode,
+    () => e.positionMode || Ve.positionMode,
     [e.positionMode]
   ), g = t.useMemo(
     () => k(
@@ -2983,7 +2982,7 @@ const An = t.forwardRef((e, s) => {
     n
   );
 });
-An.propTypes = {
+Ln.propTypes = {
   children: r.any,
   className: r.string,
   style: r.object,
@@ -2992,20 +2991,20 @@ An.propTypes = {
   position: r.oneOf(["top", "bottom"]),
   positionMode: r.oneOf(["static", "sticky", "fixed"])
 };
-const qe = {
+const Ve = {
   themeColor: "light",
   position: "top",
   positionMode: "static"
 };
-An.displayName = "KendoAppBar";
-const zn = t.forwardRef((e, s) => {
+Ln.displayName = "KendoAppBar";
+const An = t.forwardRef((e, s) => {
   const {
     children: n,
     className: i,
     style: a
   } = e, o = t.useRef(null), l = t.useCallback(
     () => {
-      o.current && ye(o.current);
+      o.current && ke(o.current);
     },
     []
   ), c = t.useCallback(
@@ -3025,20 +3024,20 @@ const zn = t.forwardRef((e, s) => {
   );
   return /* @__PURE__ */ t.createElement("div", { className: d, style: a }, n);
 });
-zn.propTypes = {
+An.propTypes = {
   children: r.any,
   className: r.string,
   style: r.object
 };
-zn.displayName = "KendoAppBarSection";
-const Fn = t.forwardRef((e, s) => {
+An.displayName = "KendoAppBarSection";
+const zn = t.forwardRef((e, s) => {
   const {
     children: n,
     className: i,
     style: a
   } = e, o = t.useRef(null), l = t.useCallback(
     () => {
-      o.current && ye(o.current);
+      o.current && ke(o.current);
     },
     []
   ), c = t.useCallback(
@@ -3066,14 +3065,14 @@ const Fn = t.forwardRef((e, s) => {
   );
   return /* @__PURE__ */ t.createElement("span", { className: d, style: u }, n);
 });
-Fn.propTypes = {
+zn.propTypes = {
   children: r.any,
   className: r.string,
   style: r.object
 };
-Fn.displayName = "KendoAppBarSpacer";
-const Ge = (e) => /* @__PURE__ */ t.createElement(
-  ct,
+zn.displayName = "KendoAppBarSpacer";
+const qe = (e) => /* @__PURE__ */ t.createElement(
+  lt,
   {
     onPress: e.onPress,
     onDrag: (s) => {
@@ -3085,7 +3084,7 @@ const Ge = (e) => /* @__PURE__ */ t.createElement(
   },
   /* @__PURE__ */ t.createElement("div", { className: "k-resize-handle k-cursor-" + e.d + "-resize", style: { bottom: 0, right: 0, ...e.style } })
 );
-class Vs extends t.Component {
+class js extends t.Component {
   constructor() {
     super(...arguments), this.handleResize = (s, n, i) => {
       s.originalEvent.preventDefault(), this.props.onResize(s, { end: n, direction: i });
@@ -3094,15 +3093,15 @@ class Vs extends t.Component {
   render() {
     const { resizable: s, onPress: n, rtl: i } = this.props;
     return s ? /* @__PURE__ */ t.createElement(t.Fragment, null, s !== "vertical" && /* @__PURE__ */ t.createElement(
-      Ge,
+      qe,
       {
         onPress: n,
         onResize: this.handleResize,
         d: "ew",
         style: i ? { top: 0, width: 9, left: 0, right: "" } : { top: 0, width: 9, right: 0, left: "" }
       }
-    ), s !== "horizontal" && /* @__PURE__ */ t.createElement(Ge, { onPress: n, onResize: this.handleResize, d: "ns", style: { left: 0, height: 9 } }), s === !0 && /* @__PURE__ */ t.createElement(
-      Ge,
+    ), s !== "horizontal" && /* @__PURE__ */ t.createElement(qe, { onPress: n, onResize: this.handleResize, d: "ns", style: { left: 0, height: 9 } }), s === !0 && /* @__PURE__ */ t.createElement(
+      qe,
       {
         onPress: n,
         onResize: this.handleResize,
@@ -3112,7 +3111,7 @@ class Vs extends t.Component {
     )) : null;
   }
 }
-const Ut = 200, rt = class extends t.Component {
+const $t = 200, it = class extends t.Component {
   constructor() {
     super(...arguments), this.state = {
       rtl: !1
@@ -3165,11 +3164,11 @@ const Ut = 200, rt = class extends t.Component {
     }, this.handleRelease = () => {
       this.dragging = this.resizing = !1, this.currentTranslate = { x: 0, y: 0 }, this.element && this.hintElement && (this.element.style.zIndex = "1", this.hintElement.classList.remove("k-layout-item-hint-resize"), this.hintElement.style.display = "none");
       const e = this.dragElement;
-      e && (e.style.transform = "translate(0px, 0px)", e.style.transition = `transform ${Ut}ms cubic-bezier(0.2, 0, 0, 1) 0s`, e.style.marginRight = "0px", e.style.marginLeft = "0px", e.style.height = "100%", e.classList.remove("k-cursor-grabbing"), e.classList.add("k-cursor-grab"));
+      e && (e.style.transform = "translate(0px, 0px)", e.style.transition = `transform ${$t}ms cubic-bezier(0.2, 0, 0, 1) 0s`, e.style.marginRight = "0px", e.style.marginLeft = "0px", e.style.height = "100%", e.classList.remove("k-cursor-grabbing"), e.classList.add("k-cursor-grab"));
     };
   }
   get reorderable() {
-    return this.props.reorderable !== void 0 ? this.props.reorderable : rt.defaultProps.reorderable;
+    return this.props.reorderable !== void 0 ? this.props.reorderable : it.defaultProps.reorderable;
   }
   get dragElement() {
     return this.draggable ? this.draggable.element : void 0;
@@ -3180,10 +3179,10 @@ const Ut = 200, rt = class extends t.Component {
     }), this.hintElement && (this.hintElement.style.height = this.element.offsetHeight + "px", this.hintElement.style.width = this.element.offsetWidth + "px"));
   }
   render() {
-    Gt && clearTimeout && typeof clearTimeout == "function" && (clearTimeout(this.preventDataOps), this.preventDataOps = window.setTimeout(() => {
+    qt && clearTimeout && typeof clearTimeout == "function" && (clearTimeout(this.preventDataOps), this.preventDataOps = window.setTimeout(() => {
       this.preventDataOps = void 0;
     }, 200));
-    const e = this.props.defaultPosition, s = this.props.resizable !== void 0 ? this.props.resizable : rt.defaultProps.resizable, n = {
+    const e = this.props.defaultPosition, s = this.props.resizable !== void 0 ? this.props.resizable : it.defaultProps.resizable, n = {
       gridColumnStart: e.col,
       gridColumnEnd: `span ${e.colSpan}`,
       gridRowStart: e.row,
@@ -3209,7 +3208,7 @@ const Ut = 200, rt = class extends t.Component {
       },
       this.props.children,
       /* @__PURE__ */ t.createElement(
-        Vs,
+        js,
         {
           onPress: this.handlePress,
           onResize: this.handleResize,
@@ -3230,7 +3229,7 @@ const Ut = 200, rt = class extends t.Component {
         className: k("k-layout-item-hint", this.props.hintClassName)
       }
     ), /* @__PURE__ */ t.createElement(
-      ct,
+      lt,
       {
         ref: (o) => {
           this.draggable = o;
@@ -3278,14 +3277,14 @@ const Ut = 200, rt = class extends t.Component {
       Math.abs(o) < 15 && Math.abs(a) < 15 || requestAnimationFrame(() => {
         const l = this.element;
         l && (l.style.transform = `translate(${a}px, ${o}px)`, l.style.transition = "transform 0s", requestAnimationFrame(() => {
-          l.style.transform = "", l.style.transition = `transform ${Ut}ms cubic-bezier(0.2, 0, 0, 1) 0s`;
+          l.style.transform = "", l.style.transition = `transform ${$t}ms cubic-bezier(0.2, 0, 0, 1) 0s`;
         }));
       });
     }
   }
 };
-let Ue = rt;
-Ue.propTypes = {
+let $e = it;
+$e.propTypes = {
   defaultPosition: r.object.isRequired,
   style: r.object,
   className: r.string,
@@ -3297,19 +3296,19 @@ Ue.propTypes = {
   resizable: r.oneOf(["horizontal", "vertical", !0, !1]),
   reorderable: r.bool
 };
-Ue.displayName = "KendoTileLayoutItem";
-Ue.defaultProps = {
+$e.displayName = "KendoTileLayoutItem";
+$e.defaultProps = {
   resizable: !0,
   reorderable: !0
 };
-const qs = {
+const Vs = {
   column: "k-grid-flow-col",
   row: "k-grid-flow-row",
   "column dense": "k-grid-flow-col-dense",
   "row dense": "k-grid-flow-row-dense",
   unset: "k-grid-flow-unset"
 };
-class Bn extends t.Component {
+class Fn extends t.Component {
   constructor(s) {
     super(s), this._element = null, this.state = { positions: (this.props.items || []).map((n, i) => Object.assign({ order: i, rowSpan: 1, colSpan: 1 }, n.defaultPosition)) }, this.showLicenseWatermark = !1, this.focus = () => {
       this._element && this._element.focus();
@@ -3325,7 +3324,7 @@ class Bn extends t.Component {
       l && p >= 1 && p + u.col <= (this.props.columns || 3) + 1 && (u.colSpan = p, c = !0);
       const g = u.rowSpan + o;
       o && g >= 1 && (u.rowSpan = g, c = !0), c && (this.setState({ positions: d }), q(this.props.onReposition, {}, this, { value: d }));
-    }, V(K), this.showLicenseWatermark = Fe(K);
+    }, W(K), this.showLicenseWatermark = ze(K);
   }
   /**
    * Gets the HTML element of the TileLayout component.
@@ -3367,12 +3366,12 @@ class Bn extends t.Component {
           this._element = h;
         },
         dir: this.props.dir,
-        className: k("k-tilelayout k-pos-relative", qs[c], s),
+        className: k("k-tilelayout k-pos-relative", Vs[c], s),
         style: m,
         id: this.props.id,
         children: d.map(
-          (h, p) => /* @__PURE__ */ t.createElement(t.Fragment, { key: this.props.dataItemKey ? Gn(this.props.dataItemKey)(h) : p }, /* @__PURE__ */ t.createElement(
-            Ue,
+          (h, p) => /* @__PURE__ */ t.createElement(t.Fragment, { key: this.props.dataItemKey ? qn(this.props.dataItemKey)(h) : p }, /* @__PURE__ */ t.createElement(
+            $e,
             {
               update: this.update,
               defaultPosition: this.state.positions[p],
@@ -3386,13 +3385,13 @@ class Bn extends t.Component {
               ignoreDrag: this.props.ignoreDrag
             },
             h.item ? h.item : /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", { className: "k-tilelayout-item-header k-card-header" }, t.isValidElement(h.header) ? h.header : /* @__PURE__ */ t.createElement("h5", { className: "k-card-title" }, h.header)), /* @__PURE__ */ t.createElement("div", { className: "k-tilelayout-item-body k-card-body" }, h.body))
-          ), this.showLicenseWatermark && /* @__PURE__ */ t.createElement(Be, null))
+          ), this.showLicenseWatermark && /* @__PURE__ */ t.createElement(Fe, null))
         )
       }
     );
   }
 }
-Bn.propTypes = {
+Fn.propTypes = {
   id: r.string,
   style: r.object,
   className: r.string,
@@ -3408,15 +3407,15 @@ Bn.propTypes = {
   onReposition: r.func,
   ignoreDrag: r.func
 };
-Bn.displayName = "KendoTileLayout";
-const Gs = {
+Fn.displayName = "KendoTileLayout";
+const qs = {
   vertical: "k-bottom-nav-item-flow-vertical",
   horizontal: "k-bottom-nav-item-flow-horizontal"
-}, Xs = {
+}, Gs = {
   fixed: "k-pos-fixed",
   sticky: "k-pos-sticky"
-}, je = t.forwardRef((e, s) => {
-  V(K);
+}, Ue = t.forwardRef((e, s) => {
+  W(K);
   const n = t.useRef(null);
   t.useImperativeHandle(
     s,
@@ -3477,27 +3476,27 @@ const Gs = {
     S ? /* @__PURE__ */ t.createElement(S, { itemIndex: E, item: u }) : /* @__PURE__ */ t.createElement(t.Fragment, null, (m || h) && /* @__PURE__ */ t.createElement(Q, { className: "k-bottom-nav-item-icon", name: m, icon: h, size: "xlarge" }), p && /* @__PURE__ */ t.createElement("span", { className: "k-bottom-nav-item-text", style: { userSelect: "none" } }, p))
   );
   return w !== void 0 ? w.call(void 0, O, e) : O;
-}), Ys = {
+}), Xs = {
   tabIndex: 0
 };
-je.propTypes = {
+Ue.propTypes = {
   className: r.string,
   style: r.object,
   id: r.string,
   disabled: r.bool,
   selected: r.bool,
   icon: r.string,
-  svgIcon: Oe,
+  svgIcon: De,
   text: r.string,
   tabIndex: r.number
 };
-je.defaultProps = Ys;
-je.displayName = "KendoReactBottomNavigationItem";
-const kt = t.forwardRef((e, s) => {
-  V(K);
+Ue.defaultProps = Xs;
+Ue.displayName = "KendoReactBottomNavigationItem";
+const vt = t.forwardRef((e, s) => {
+  W(K);
   const n = t.useRef(null), i = t.useCallback(
     () => {
-      n.current && ye(n.current);
+      n.current && ke(n.current);
     },
     []
   ), a = t.useCallback(
@@ -3509,9 +3508,9 @@ const kt = t.forwardRef((e, s) => {
   );
   t.useImperativeHandle(s, a);
   const {
-    positionMode: o = ge.positionMode,
-    itemFlow: l = ge.itemFlow,
-    border: c = ge.border,
+    positionMode: o = fe.positionMode,
+    itemFlow: l = fe.itemFlow,
+    border: c = fe.border,
     className: d,
     items: u,
     item: m,
@@ -3521,17 +3520,17 @@ const kt = t.forwardRef((e, s) => {
     id: b,
     onSelect: y,
     onKeyDown: E
-  } = e, N = Ie(), f = ke(n, e.dir), R = t.useMemo(
-    () => e.fillMode === null || e.fill === null ? null : e.fill || e.fillMode || ge.fillMode,
+  } = e, N = ye(), f = ve(n, e.dir), R = t.useMemo(
+    () => e.fillMode === null || e.fill === null ? null : e.fill || e.fillMode || fe.fillMode,
     [e.fillMode, e.fill]
   ), v = t.useMemo(
-    () => e.themeColor || ge.themeColor,
+    () => e.themeColor || fe.themeColor,
     [e.themeColor]
   ), w = t.useMemo(
     () => k(
       "k-bottom-nav",
-      Xs[o],
-      Gs[l],
+      Gs[o],
+      qs[l],
       {
         [`k-bottom-nav-${R}`]: R,
         [`k-bottom-nav-${R}-${v}`]: !!(R && v),
@@ -3586,7 +3585,7 @@ const kt = t.forwardRef((e, s) => {
       dir: f
     },
     u && u.map((D, L) => /* @__PURE__ */ t.createElement(
-      je,
+      Ue,
       {
         ...D,
         key: L,
@@ -3602,14 +3601,14 @@ const kt = t.forwardRef((e, s) => {
       }
     ))
   );
-}), ge = {
+}), fe = {
   themeColor: "primary",
   fillMode: "flat",
   itemFlow: "vertical",
   positionMode: "fixed",
   border: !0
 };
-kt.propTypes = {
+vt.propTypes = {
   className: r.string,
   style: r.object,
   id: r.string,
@@ -3634,10 +3633,10 @@ kt.propTypes = {
   selected: r.number,
   onSelect: r.func
 };
-kt.defaultProps = ge;
-kt.displayName = "KendoReactBottomNavigation";
-const yt = t.forwardRef((e, s) => {
-  le(K);
+vt.defaultProps = fe;
+vt.displayName = "KendoReactBottomNavigation";
+const kt = t.forwardRef((e, s) => {
+  W(K);
   const n = t.useRef(null), i = t.useCallback(
     () => ({
       element: n.current
@@ -3645,14 +3644,14 @@ const yt = t.forwardRef((e, s) => {
     []
   );
   t.useImperativeHandle(s, i);
-  const { className: a, style: o, id: l, children: c } = e, d = Ie(), u = t.useMemo(
-    () => e.orientation || Ae.orientation,
+  const { className: a, style: o, id: l, children: c } = e, d = ye(), u = t.useMemo(
+    () => e.orientation || Le.orientation,
     [e.orientation]
   ), m = u === "horizontal", h = t.useMemo(
-    () => e.align && e.align.horizontal ? e.align.horizontal : Ae.hAlign,
+    () => e.align && e.align.horizontal ? e.align.horizontal : Le.hAlign,
     [e.align]
   ), p = t.useMemo(
-    () => e.align && e.align.vertical ? e.align.vertical : Ae.vAlign,
+    () => e.align && e.align.vertical ? e.align.vertical : Le.vAlign,
     [e.align]
   ), g = t.useMemo(
     () => k(
@@ -3686,12 +3685,12 @@ const yt = t.forwardRef((e, s) => {
     },
     c
   );
-}), Ae = {
+}), Le = {
   orientation: "horizontal",
   hAlign: "stretch",
   vAlign: "stretch"
 };
-yt.propTypes = {
+kt.propTypes = {
   className: r.string,
   style: r.object,
   children: r.any,
@@ -3703,10 +3702,10 @@ yt.propTypes = {
     horizontal: r.oneOf(["start", "center", "end", "stretch"])
   })
 };
-yt.defaultProps = Ae;
-yt.displayName = "KendoReactStackLayout";
-const It = t.forwardRef((e, s) => {
-  le(K);
+kt.defaultProps = Le;
+kt.displayName = "KendoReactStackLayout";
+const yt = t.forwardRef((e, s) => {
+  W(K);
   const n = t.useRef(null), i = t.useCallback(
     () => ({
       element: n.current
@@ -3714,11 +3713,11 @@ const It = t.forwardRef((e, s) => {
     []
   );
   t.useImperativeHandle(s, i);
-  const { className: a, style: o, id: l, children: c, gap: d } = e, u = Ie(), m = t.useMemo(
-    () => e.align && e.align.horizontal ? e.align.horizontal : at.hAlign,
+  const { className: a, style: o, id: l, children: c, gap: d } = e, u = ye(), m = t.useMemo(
+    () => e.align && e.align.horizontal ? e.align.horizontal : rt.hAlign,
     [e.align]
   ), h = t.useMemo(
-    () => e.align && e.align.vertical ? e.align.vertical : at.vAlign,
+    () => e.align && e.align.vertical ? e.align.vertical : rt.vAlign,
     [e.align]
   ), p = t.useMemo(
     () => k(
@@ -3752,12 +3751,12 @@ const It = t.forwardRef((e, s) => {
     },
     c
   );
-}), at = {
+}), rt = {
   hAlign: "stretch",
   vAlign: "stretch",
   gap: void 0
 };
-It.propTypes = {
+yt.propTypes = {
   className: r.string,
   style: r.object,
   children: r.any,
@@ -3771,10 +3770,10 @@ It.propTypes = {
     horizontal: r.oneOf(["start", "center", "end", "stretch"])
   })
 };
-It.defaultProps = at;
-It.displayName = "KendoReactGridLayout";
-const Kn = t.forwardRef((e, s) => {
-  le(K);
+yt.defaultProps = rt;
+yt.displayName = "KendoReactGridLayout";
+const Bn = t.forwardRef((e, s) => {
+  W(K);
   const n = t.useRef(null), i = t.useCallback(
     () => ({
       element: n.current
@@ -3782,7 +3781,7 @@ const Kn = t.forwardRef((e, s) => {
     []
   );
   t.useImperativeHandle(s, i);
-  const { className: a, style: o, id: l, children: c, row: d, col: u, rowSpan: m, colSpan: h } = e, p = Ie(), g = {
+  const { className: a, style: o, id: l, children: c, row: d, col: u, rowSpan: m, colSpan: h } = e, p = ye(), g = {
     gridArea: `${d || "auto"} / ${u || "auto"} / ${m ? "span " + m : "auto"} / ${h ? "span " + h : "auto"}`,
     ...o
   };
@@ -3797,15 +3796,15 @@ const Kn = t.forwardRef((e, s) => {
     c
   );
 });
-Kn.propTypes = {
+Bn.propTypes = {
   className: r.string,
   style: r.object,
   children: r.any,
   id: r.string
 };
-Kn.displayName = "KendoReactGridLayoutItem";
-const Et = t.forwardRef((e, s) => {
-  le(K);
+Bn.displayName = "KendoReactGridLayoutItem";
+const It = t.forwardRef((e, s) => {
+  W(K);
   const n = t.useRef(null), i = t.useRef(null), a = t.useCallback(
     () => {
       i.current && i.current.focus();
@@ -3833,16 +3832,16 @@ const Et = t.forwardRef((e, s) => {
     },
     e.children
   );
-}), Zs = {
+}), Ys = {
   id: r.string,
   className: r.string,
   children: r.any,
   style: r.object
 };
-Et.displayName = "KendoReactBreadcrumbListItem";
-Et.propTypes = Zs;
-const Ct = t.forwardRef((e, s) => {
-  le(K);
+It.displayName = "KendoReactBreadcrumbListItem";
+It.propTypes = Ys;
+const Et = t.forwardRef((e, s) => {
+  W(K);
   const n = t.useRef(null), i = t.useRef(null);
   return t.useImperativeHandle(n, () => {
     var a;
@@ -3859,22 +3858,22 @@ const Ct = t.forwardRef((e, s) => {
       tabIndex: e.tabIndex,
       style: e.style,
       name: e.dir === "rtl" ? "chevron-left" : "chevron-right",
-      icon: e.dir === "rtl" ? Qn : Qt,
+      icon: e.dir === "rtl" ? Jn : Jt,
       className: "k-breadcrumb-delimiter-icon",
       size: "xsmall"
     }
   );
-}), Js = {
+}), Zs = {
   id: r.string,
   className: r.string,
   style: r.object,
   tabIndex: r.number,
   dir: r.string
 };
-Ct.displayName = "KendoReactBreadcrumbDelimiter";
-Ct.propTypes = Js;
-const Nt = t.forwardRef((e, s) => {
-  le(K);
+Et.displayName = "KendoReactBreadcrumbDelimiter";
+Et.propTypes = Zs;
+const Ct = t.forwardRef((e, s) => {
+  W(K);
   const n = t.useRef(null), i = t.useRef(null), a = t.useCallback(
     () => {
       i.current && i.current.focus();
@@ -3905,8 +3904,8 @@ const Nt = t.forwardRef((e, s) => {
       id: e.id,
       ref: i,
       style: e.style,
-      dir: ke(i, e.dir),
-      tabIndex: Pe(e.tabIndex, e.disabled),
+      dir: ve(i, e.dir),
+      tabIndex: Oe(e.tabIndex, e.disabled),
       className: k(
         {
           "k-breadcrumb-root-link": e.isFirst,
@@ -3925,7 +3924,7 @@ const Nt = t.forwardRef((e, s) => {
     ) }) : e.icon ? e.icon : "",
     e.text && /* @__PURE__ */ t.createElement("span", { className: "k-breadcrumb-item-text" }, e.text)
   );
-}), Qs = {
+}), Js = {
   id: r.string,
   className: r.string,
   tabIndex: r.number,
@@ -3938,10 +3937,10 @@ const Nt = t.forwardRef((e, s) => {
   onClick: r.func,
   ariaCurrent: r.bool
 };
-Nt.displayName = "KendoReactBreadcrumbLink";
-Nt.propTypes = Qs;
-const wt = t.forwardRef((e, s) => {
-  le(K);
+Ct.displayName = "KendoReactBreadcrumbLink";
+Ct.propTypes = Js;
+const Nt = t.forwardRef((e, s) => {
+  W(K);
   const n = t.useRef(null), i = t.useRef(null);
   return t.useImperativeHandle(n, () => ({
     element: i.current,
@@ -3952,8 +3951,8 @@ const wt = t.forwardRef((e, s) => {
       id: e.id,
       ref: i,
       style: e.style,
-      dir: ke(i, e.dir),
-      tabIndex: Pe(e.tabIndex, e.disabled),
+      dir: ve(i, e.dir),
+      tabIndex: Oe(e.tabIndex, e.disabled),
       className: k(
         "k-breadcrumb-root-item-container",
         {
@@ -3969,8 +3968,8 @@ const wt = t.forwardRef((e, s) => {
       id: e.id,
       ref: i,
       style: e.style,
-      dir: ke(i, e.dir),
-      tabIndex: Pe(e.tabIndex, e.disabled),
+      dir: ve(i, e.dir),
+      tabIndex: Oe(e.tabIndex, e.disabled),
       className: k(
         "k-breadcrumb-container !k-flex-wrap",
         {
@@ -3981,7 +3980,7 @@ const wt = t.forwardRef((e, s) => {
     },
     e.children
   ));
-}), ei = {
+}), Qs = {
   id: r.string,
   className: r.string,
   children: r.element,
@@ -3990,21 +3989,21 @@ const wt = t.forwardRef((e, s) => {
   dir: r.string,
   disabled: r.bool
 };
-wt.displayName = "KendoReactBreadcrumbOrderedList";
-wt.propTypes = ei;
-const St = t.forwardRef((e, s) => {
-  le(K);
+Nt.displayName = "KendoReactBreadcrumbOrderedList";
+Nt.propTypes = Qs;
+const wt = t.forwardRef((e, s) => {
+  W(K);
   const n = t.useRef(null), i = t.useRef(null), a = t.useMemo(
-    () => e.breadcrumbOrderedList || wt,
+    () => e.breadcrumbOrderedList || Nt,
     [e.breadcrumbOrderedList]
   ), o = t.useMemo(
-    () => e.breadcrumbListItem || Et,
+    () => e.breadcrumbListItem || It,
     [e.breadcrumbListItem]
   ), l = t.useMemo(
-    () => e.breadcrumbDelimiter || Ct,
+    () => e.breadcrumbDelimiter || Et,
     [e.breadcrumbDelimiter]
   ), c = t.useMemo(
-    () => e.breadcrumbLink || Nt,
+    () => e.breadcrumbLink || Ct,
     [e.breadcrumbLink]
   ), d = t.useCallback(
     () => {
@@ -4020,11 +4019,11 @@ const St = t.forwardRef((e, s) => {
     focus: d,
     props: e
   })), t.useImperativeHandle(s, () => n.current);
-  const m = ke(i, e.dir), h = (f) => {
+  const m = ve(i, e.dir), h = (f) => {
     n.current && q(e.onItemSelect, f, f.target, { id: f.target.id });
   }, p = (f) => {
     n.current && q(e.onKeyDown, f, f.target, { id: f.target.id });
-  }, g = e.valueField || Re.valueField, b = e.iconField || Re.iconField, y = e.iconClassField || Re.iconClassField, E = e.textField || Re.textField, N = e.size || "medium";
+  }, g = e.valueField || Te.valueField, b = e.iconField || Te.iconField, y = e.iconClassField || Te.iconClassField, E = e.textField || Te.textField, N = e.size || "medium";
   return /* @__PURE__ */ t.createElement(
     "nav",
     {
@@ -4039,7 +4038,7 @@ const St = t.forwardRef((e, s) => {
           "k-rtl": m === "rtl",
           "k-disabled": u,
           "k-breadcrumb-md": !e.size,
-          [`k-breadcrumb-${Xe.sizeMap[N] || N}`]: N
+          [`k-breadcrumb-${Ge.sizeMap[N] || N}`]: N
         },
         e.className
       )
@@ -4100,7 +4099,7 @@ const St = t.forwardRef((e, s) => {
         );
     })))
   );
-}), ti = {
+}), ei = {
   id: r.string,
   style: r.object,
   className: r.string,
@@ -4122,16 +4121,16 @@ const St = t.forwardRef((e, s) => {
   iconClassField: r.string,
   onItemSelect: r.func,
   ariaLabel: r.string
-}, Re = {
+}, Te = {
   valueField: "id",
   textField: "text",
   iconField: "icon",
   iconClassField: "iconClass"
 };
-St.displayName = "KendoReactBreadcrumb";
-St.propTypes = ti;
-St.defaultProps = Re;
-const ot = (e) => {
+wt.displayName = "KendoReactBreadcrumb";
+wt.propTypes = ei;
+wt.defaultProps = Te;
+const at = (e) => {
   const s = t.useRef(null), n = t.useCallback((i) => {
     e.onClick && e.onClick.call(void 0, {
       syntheticEvent: i,
@@ -4160,7 +4159,7 @@ const ot = (e) => {
     /* @__PURE__ */ t.createElement("span", { className: "k-actionsheet-action" }, e.icon && /* @__PURE__ */ t.createElement("span", { className: "k-icon-wrap" }, e.icon), (e.title || e.description) && /* @__PURE__ */ t.createElement("span", { className: "k-actionsheet-item-text" }, e.title && /* @__PURE__ */ t.createElement("span", { className: "k-actionsheet-item-title" }, e.title), e.description && /* @__PURE__ */ t.createElement("span", { className: "k-actionsheet-item-description" }, e.description)))
   );
 };
-ot.propTypes = {
+at.propTypes = {
   className: r.string,
   style: r.object,
   description: r.string,
@@ -4169,7 +4168,7 @@ ot.propTypes = {
   icon: r.element,
   title: r.string
 };
-const lt = "ActionSheetHeader", xt = (e) => /* @__PURE__ */ t.createElement(
+const ot = "ActionSheetHeader", St = (e) => /* @__PURE__ */ t.createElement(
   "div",
   {
     className: k(
@@ -4179,14 +4178,14 @@ const lt = "ActionSheetHeader", xt = (e) => /* @__PURE__ */ t.createElement(
   },
   e.children
 );
-xt.propTypes = {
+St.propTypes = {
   className: r.string
 };
-xt.displayName = lt;
-xt.propTypes = {
+St.displayName = ot;
+St.propTypes = {
   children: r.any
 };
-const Hn = "ActionSheetFooter", Tt = (e) => /* @__PURE__ */ t.createElement(
+const Kn = "ActionSheetFooter", xt = (e) => /* @__PURE__ */ t.createElement(
   "div",
   {
     className: k(
@@ -4196,14 +4195,14 @@ const Hn = "ActionSheetFooter", Tt = (e) => /* @__PURE__ */ t.createElement(
   },
   e.children
 );
-Tt.propTypes = {
+xt.propTypes = {
   className: r.string
 };
-Tt.displayName = Hn;
-Tt.propTypes = {
+xt.displayName = Kn;
+xt.propTypes = {
   children: r.any
 };
-const _n = "ActionSheetContent", Rt = (e) => /* @__PURE__ */ t.createElement(
+const Hn = "ActionSheetContent", Tt = (e) => /* @__PURE__ */ t.createElement(
   "div",
   {
     className: k(
@@ -4213,14 +4212,14 @@ const _n = "ActionSheetContent", Rt = (e) => /* @__PURE__ */ t.createElement(
   },
   e.children
 );
-Rt.propTypes = {
+Tt.propTypes = {
   className: r.string
 };
-Rt.displayName = _n;
-Rt.propTypes = {
+Tt.displayName = Hn;
+Tt.propTypes = {
   children: r.any
 };
-class Dt extends t.Component {
+class Rt extends t.Component {
   /** @hidden */
   constructor(s) {
     super(s), this.actionSheetRef = t.createRef(), this.actionSheetTitleClass = "k-actionsheet-title", this.ariaLabeledBy = this.actionSheetTitleClass + 1, this.animationDuration = 300, this.bottomPosition = { bottom: "0", width: "100%" }, this.handleKeyDown = (n) => {
@@ -4266,7 +4265,7 @@ class Dt extends t.Component {
     }, this.state = {
       show: !1,
       slide: !1
-    }, V(K);
+    }, W(K);
   }
   /** @hidden */
   componentDidMount() {
@@ -4282,11 +4281,11 @@ class Dt extends t.Component {
           ".k-actionsheet-footer",
           ".k-actionsheet-content",
           ".k-actionsheet-titlebar"
-        ].map((l) => Xn.concat(this.props.navigatableElements).map(
+        ].map((l) => Gn.concat(this.props.navigatableElements).map(
           (c) => `${l} ${c}`
         )).flat()
       ];
-      this.navigation = new dt({
+      this.navigation = new ct({
         tabIndex: this.props.tabIndex || 0,
         root: this.actionSheetRef,
         rovingTabIndex: !1,
@@ -4324,10 +4323,10 @@ class Dt extends t.Component {
         ref: this.actionSheetRef,
         onKeyDown: this.handleKeyDown
       },
-      h[lt] && !s && !n && h[lt],
+      h[ot] && !s && !n && h[ot],
       (s || n) && /* @__PURE__ */ t.createElement("div", { className: "k-actionsheet-titlebar k-text-center" }, /* @__PURE__ */ t.createElement("div", { className: "k-actionsheet-titlebar-group k-hbox" }, /* @__PURE__ */ t.createElement("div", { className: this.actionSheetTitleClass, id: this.ariaLabeledBy }, s && /* @__PURE__ */ t.createElement("div", null, s), n && /* @__PURE__ */ t.createElement("div", { className: "k-actionsheet-subtitle" }, n)))),
-      h[_n] || /* @__PURE__ */ t.createElement("div", { className: "k-actionsheet-content" }, /* @__PURE__ */ t.createElement("div", { className: "k-list-ul", role: "group" }, d && d.map((b, y) => /* @__PURE__ */ t.createElement(
-        ot,
+      h[Hn] || /* @__PURE__ */ t.createElement("div", { className: "k-actionsheet-content" }, /* @__PURE__ */ t.createElement("div", { className: "k-list-ul", role: "group" }, d && d.map((b, y) => /* @__PURE__ */ t.createElement(
+        at,
         {
           ...b,
           id: y,
@@ -4337,7 +4336,7 @@ class Dt extends t.Component {
           onClick: this.handleItemClick
         }
       ))), m && /* @__PURE__ */ t.createElement("hr", { className: "k-hr" }), /* @__PURE__ */ t.createElement("div", { className: "k-list-ul", role: "group" }, u && u.map((b, y) => /* @__PURE__ */ t.createElement(
-        ot,
+        at,
         {
           ...b,
           id: y + ((d == null ? void 0 : d.length) || 0),
@@ -4347,7 +4346,7 @@ class Dt extends t.Component {
           onClick: this.handleItemClick
         }
       )))),
-      h[Hn]
+      h[Kn]
     );
     return /* @__PURE__ */ t.createElement(t.Fragment, null, o || this.state.show ? /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", { className: "k-actionsheet-container" }, /* @__PURE__ */ t.createElement(
       "div",
@@ -4356,7 +4355,7 @@ class Dt extends t.Component {
         onClick: this.handleOverlayClick
       }
     ), a ? /* @__PURE__ */ t.createElement(
-      ns,
+      ts,
       {
         transitionName: this.state.slide ? "slide-up" : "slide-down",
         onExited: this.hideActionSheet,
@@ -4373,19 +4372,19 @@ class Dt extends t.Component {
     ) : g)) : null);
   }
 }
-Dt.displayName = "KendoReactActionSheet";
-Dt.propTypes = {
+Rt.displayName = "KendoReactActionSheet";
+Rt.propTypes = {
   items: r.array,
   subTitle: r.string,
   title: r.string,
   navigatable: r.bool,
   navigatableElements: r.array
 };
-Dt.defaultProps = {
+Rt.defaultProps = {
   navigatable: !0,
   navigatableElements: []
 };
-const Ot = (e) => {
+const Dt = (e) => {
   const { title: n, subtitle: i, actions: a, images: o, description: l } = e.eventData, [c, d] = t.useState(e.eventData.opened || !1), [u, m] = t.useState(e.eventData.opened || !!e.collapsible), h = (b) => {
     if (d(!c), e.onChange) {
       const y = {
@@ -4404,7 +4403,7 @@ const Ot = (e) => {
       };
       e.onActionClick.call(void 0, y);
     }
-  }, g = () => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(Nn, null, /* @__PURE__ */ t.createElement("div", { className: "k-card-description" }, /* @__PURE__ */ t.createElement("p", null, l), o && o.map((b, y) => /* @__PURE__ */ t.createElement(Sn, { key: y, src: b.src })))), /* @__PURE__ */ t.createElement(wn, null, a && a.map((b, y) => /* @__PURE__ */ t.createElement(
+  }, g = () => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(Cn, null, /* @__PURE__ */ t.createElement("div", { className: "k-card-description" }, /* @__PURE__ */ t.createElement("p", null, l), o && o.map((b, y) => /* @__PURE__ */ t.createElement(wn, { key: y, src: b.src })))), /* @__PURE__ */ t.createElement(Nn, null, a && a.map((b, y) => /* @__PURE__ */ t.createElement(
     "a",
     {
       key: y,
@@ -4424,7 +4423,7 @@ const Ot = (e) => {
       )
     },
     /* @__PURE__ */ t.createElement(
-      We,
+      _e,
       {
         "aria-live": "polite",
         "aria-describedby": e.id,
@@ -4446,15 +4445,15 @@ const Ot = (e) => {
           )
         }
       ),
-      /* @__PURE__ */ t.createElement("div", { className: "k-card-inner" }, /* @__PURE__ */ t.createElement(En, null, /* @__PURE__ */ t.createElement(Cn, null, /* @__PURE__ */ t.createElement("span", { className: "k-event-title" }, n), e.collapsible && /* @__PURE__ */ t.createElement(
+      /* @__PURE__ */ t.createElement("div", { className: "k-card-inner" }, /* @__PURE__ */ t.createElement(In, null, /* @__PURE__ */ t.createElement(En, null, /* @__PURE__ */ t.createElement("span", { className: "k-event-title" }, n), e.collapsible && /* @__PURE__ */ t.createElement(
         "span",
         {
           onClick: (b) => h(b),
           className: "k-event-collapse k-button k-button-md k-rounded-md k-button-flat k-button-flat-base k-icon-button"
         },
-        /* @__PURE__ */ t.createElement(Ye, { icon: Qt })
-      )), i && /* @__PURE__ */ t.createElement(xn, null, i)), e.collapsible ? /* @__PURE__ */ t.createElement(
-        en,
+        /* @__PURE__ */ t.createElement(Xe, { icon: Jt })
+      )), i && /* @__PURE__ */ t.createElement(Sn, null, i)), e.collapsible ? /* @__PURE__ */ t.createElement(
+        Qt,
         {
           transitionEnterDuration: e.transitionDuration || 400,
           transitionExitDuration: e.transitionDuration || 400,
@@ -4466,26 +4465,26 @@ const Ot = (e) => {
     )
   );
 };
-Ot.propTypes = {
+Dt.propTypes = {
   onChange: r.func,
   onActionClick: r.func
 };
-const gi = (e) => e.sort((n, i) => n.date.getTime() - i.date.getTime()), Wn = (e) => {
+const fi = (e) => e.sort((n, i) => n.date.getTime() - i.date.getTime()), _n = (e) => {
   let s;
   return e.reduce((i, a) => (s !== a.date.getFullYear() ? (s = a.date.getFullYear(), i.push({ yearFlag: s }, a)) : i.push(a), i), []);
-}, $n = (e) => {
-  const i = nn(), [a, o] = t.useState(!1), [l, c] = t.useState(!0), [d, u] = t.useState(), [m, h] = t.useState(0), [p, g] = t.useState(), [b, y] = t.useState(0), [E, N] = t.useState(0), [f, R] = t.useState(1), [v, w] = t.useState(), [S, O] = t.useState(), [A, D] = t.useState([0, 0, 0]), [L, B] = t.useState(0), [G, ee] = t.useState(1), W = t.useRef(null), x = t.useRef(null), M = t.useRef(null), { eventsData: U, dateFormat: Y, navigatable: Z, onActionClick: re } = e, ue = p ? `${p}%` : "150px", se = t.useRef(new dt({
+}, Wn = (e) => {
+  const i = tn(), [a, o] = t.useState(!1), [l, c] = t.useState(!0), [d, u] = t.useState(), [m, h] = t.useState(0), [p, g] = t.useState(), [b, y] = t.useState(0), [E, N] = t.useState(0), [f, R] = t.useState(1), [v, w] = t.useState(), [S, O] = t.useState(), [A, D] = t.useState([0, 0, 0]), [L, B] = t.useState(0), [G, ee] = t.useState(1), $ = t.useRef(null), x = t.useRef(null), M = t.useRef(null), { eventsData: j, dateFormat: Y, navigatable: Z, onActionClick: re } = e, de = p ? `${p}%` : "150px", se = t.useRef(new ct({
     tabIndex: 0,
-    root: W,
+    root: $,
     selectors: [".k-timeline-scrollable-wrap"]
   }));
   t.useEffect(() => {
-    W.current && e.navigatable && (setTimeout(() => {
+    $.current && e.navigatable && (setTimeout(() => {
       const I = se.current.first;
       I && I.setAttribute("tabindex", String(0));
     }, 0), se.current.keyboardEvents = {
       keydown: {
-        ArrowRight: me,
+        ArrowRight: ue,
         ArrowLeft: H,
         End: F,
         Home: _
@@ -4494,13 +4493,13 @@ const gi = (e) => e.sort((n, i) => n.date.getTime() - i.date.getTime()), Wn = (e
   }, [e.navigatable, f, b]), t.useEffect(() => {
     se.current.update();
   });
-  const Ee = (I) => {
+  const Ie = (I) => {
     Z && se.current && se.current.triggerKeyboardEvent(I);
   };
   t.useEffect(() => {
     var z;
-    const I = Gt && window.ResizeObserver && new window.ResizeObserver(Le), T = x.current, P = ((z = W == null ? void 0 : W.current) == null ? void 0 : z.offsetWidth) || 0;
-    return I && T && I.observe(T), j(), Le(), D([P, 0, -P]), () => {
+    const I = qt && window.ResizeObserver && new window.ResizeObserver(Me), T = x.current, P = ((z = $ == null ? void 0 : $.current) == null ? void 0 : z.offsetWidth) || 0;
+    return I && T && I.observe(T), V(), Me(), D([P, 0, -P]), () => {
       I && I.disconnect();
     };
   }, []), t.useEffect(() => {
@@ -4508,100 +4507,100 @@ const gi = (e) => e.sort((n, i) => n.date.getTime() - i.date.getTime()), Wn = (e
     if (T) {
       const P = T.offsetWidth, z = !(m >= 0);
       if (o(z), S) {
-        const $ = S.length * P > b * P * ((m * -1 + 100) / 100);
-        c($);
+        const U = S.length * P > b * P * ((m * -1 + 100) / 100);
+        c(U);
       }
-      (I == null ? void 0 : I.offsetWidth) * -m / 100 >= I.children.length * P && (j(), Le(), h((T.offsetLeft - T.offsetWidth) / (b * T.offsetWidth) * 100 * -1)), Pt(T);
+      (I == null ? void 0 : I.offsetWidth) * -m / 100 >= I.children.length * P && (V(), Me(), h((T.offsetLeft - T.offsetWidth) / (b * T.offsetWidth) * 100 * -1)), Ot(T);
     }
   }, [b, p, f]);
-  const me = (I, T, P) => {
+  const ue = (I, T, P) => {
     if (x.current) {
-      const z = x.current.children[f + 1], $ = z && z.classList.contains("k-timeline-flag-wrap") ? f + 2 : f + 1;
-      if (S && S.length <= $)
+      const z = x.current.children[f + 1], U = z && z.classList.contains("k-timeline-flag-wrap") ? f + 2 : f + 1;
+      if (S && S.length <= U)
         return;
-      b + E <= $ && Ce(), we($, P);
+      b + E <= U && Ee(), Ne(U, P);
     }
   }, H = (I, T, P) => {
     if (x.current) {
-      const z = x.current && x.current.children[f - 1], $ = z && z.classList.contains("k-timeline-flag-wrap") ? f - 2 : f - 1;
-      if ($ <= 0)
+      const z = x.current && x.current.children[f - 1], U = z && z.classList.contains("k-timeline-flag-wrap") ? f - 2 : f - 1;
+      if (U <= 0)
         return;
-      $ < E && he(), we($, P);
+      U < E && me(), Ne(U, P);
     }
   }, _ = (I, T, P) => {
     if (x.current) {
       if (f <= 1)
         return;
       const z = 1;
-      pe(!0, z, 0, 0), we(z, P);
+      he(!0, z, 0, 0), Ne(z, P);
     }
   }, F = (I, T, P) => {
     if (x.current) {
       const z = x.current && x.current.children.length - 1;
       if (z <= f)
         return;
-      const $ = Math.floor(z / b), Se = $ * -100, Ve = $ * b;
-      pe(!0, z, Ve, Se), we(z, P);
+      const U = Math.floor(z / b), we = U * -100, je = U * b;
+      he(!0, z, je, we), Ne(z, P);
     }
-  }, j = () => {
-    const I = Wn(U);
+  }, V = () => {
+    const I = _n(j);
     O(I), w([I[f - 1], I[f], I[f + 1]]);
-  }, he = () => {
+  }, me = () => {
     var T;
     if (x.current && S) {
-      const P = E - b, z = E - 1, $ = S[z] && ((T = S[z]) != null && T.yearFlag) ? z - 1 : z, Se = m + 100 > 0 ? 0 : m + 100;
-      pe(!1, $, P, Se);
+      const P = E - b, z = E - 1, U = S[z] && ((T = S[z]) != null && T.yearFlag) ? z - 1 : z, we = m + 100 > 0 ? 0 : m + 100;
+      he(!1, U, P, we);
     }
-  }, Ce = () => {
+  }, Ee = () => {
     if (x.current && S) {
       const T = E + b, P = S[T] && S[T].yearFlag ? T + 1 : T, z = m - 100;
-      pe(!0, P, T, z);
+      he(!0, P, T, z);
     }
-  }, pe = (I, T, P, z) => {
-    ne(I, T), Le(), N(P), h(z), R(T);
+  }, he = (I, T, P, z) => {
+    ne(I, T), Me(), N(P), h(z), R(T);
   }, ne = (I, T) => {
     if (v && S) {
-      const P = Ne(I, G), z = Object.assign([], v, { [P]: S[T] });
+      const P = Ce(I, G), z = Object.assign([], v, { [P]: S[T] });
       w(z), ee(P), B(I ? -100 : 100), setTimeout(() => {
-        var Lt;
-        const $ = (Lt = W.current) == null ? void 0 : Lt.offsetWidth, Se = Object.assign([], A, {
+        var Mt;
+        const U = (Mt = $.current) == null ? void 0 : Mt.offsetWidth, we = Object.assign([], A, {
           [P]: 0,
-          [Ne(!0, P)]: $,
-          [Ne(!1, P)]: $ && -$
-        }), Ve = Object.assign([], z, {
-          [Ne(!0, P)]: {},
-          [Ne(!1, P)]: {}
+          [Ce(!0, P)]: U,
+          [Ce(!1, P)]: U && -U
+        }), je = Object.assign([], z, {
+          [Ce(!0, P)]: {},
+          [Ce(!1, P)]: {}
         });
-        w(Ve), D(Se), B(0);
+        w(je), D(we), B(0);
       }, e.transitionDuration || 300);
     }
-  }, Ne = (I, T) => {
+  }, Ce = (I, T) => {
     const P = I ? T + 1 : T - 1;
     return v ? P < 0 ? v.length - 1 : P % v.length : 0;
-  }, Pt = (I) => {
+  }, Ot = (I) => {
     var P;
     const T = (f - E) * I.offsetWidth + I.offsetWidth / 2 + (((P = M.current) == null ? void 0 : P.offsetWidth) || 0);
     u(T);
-  }, we = (I, T) => {
+  }, Ne = (I, T) => {
     T.preventDefault(), I > f ? ne(!0, I) : I < f && ne(!1, I), R(I);
-  }, Le = t.useCallback(() => {
+  }, Me = t.useCallback(() => {
     const I = x.current, T = I && I.children[f];
     if (I instanceof HTMLElement && T) {
       const P = Math.round(I.offsetWidth / 150);
-      Pt(T), g(100 / P), y(P);
+      Ot(T), g(100 / P), y(P);
     }
-  }, []), qn = () => ({
+  }, []), Vn = () => ({
     transitionDuration: "300ms"
-  }), Mt = (I) => ({
+  }), Pt = (I) => ({
     transform: `translateX(${I}%)`,
     transformOrigin: "left top"
   });
-  return /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", { className: "k-timeline-track-wrap", ref: W, onKeyDown: Ee }, /* @__PURE__ */ t.createElement(
+  return /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("div", { className: "k-timeline-track-wrap", ref: $, onKeyDown: Ie }, /* @__PURE__ */ t.createElement(
     "a",
     {
       ref: M,
       "aria-hidden": "true",
-      onClick: () => a && he(),
+      onClick: () => a && me(),
       className: k(
         "k-timeline-arrow",
         "k-timeline-arrow-left",
@@ -4609,12 +4608,12 @@ const gi = (e) => e.sort((n, i) => n.date.getTime() - i.date.getTime()), Wn = (e
         { "k-disabled": !a }
       )
     },
-    /* @__PURE__ */ t.createElement(Ye, { icon: ae })
+    /* @__PURE__ */ t.createElement(Xe, { icon: ae })
   ), /* @__PURE__ */ t.createElement(
     "a",
     {
       "aria-hidden": "true",
-      onClick: () => l && Ce(),
+      onClick: () => l && Ee(),
       className: k(
         "k-timeline-arrow",
         "k-timeline-arrow-right",
@@ -4622,7 +4621,7 @@ const gi = (e) => e.sort((n, i) => n.date.getTime() - i.date.getTime()), Wn = (e
         { "k-disabled": !l }
       )
     },
-    /* @__PURE__ */ t.createElement(Ye, { icon: oe })
+    /* @__PURE__ */ t.createElement(Xe, { icon: oe })
   ), /* @__PURE__ */ t.createElement("div", { className: "k-timeline-track" }, /* @__PURE__ */ t.createElement(
     "ul",
     {
@@ -4637,7 +4636,7 @@ const gi = (e) => e.sort((n, i) => n.date.getTime() - i.date.getTime()), Wn = (e
       {
         role: "none",
         className: "k-timeline-track-item k-timeline-flag-wrap",
-        style: { flex: `1 0 ${ue}` },
+        style: { flex: `1 0 ${de}` },
         key: T
       },
       /* @__PURE__ */ t.createElement("span", { className: "k-timeline-flag" }, I.yearFlag)
@@ -4650,14 +4649,14 @@ const gi = (e) => e.sort((n, i) => n.date.getTime() - i.date.getTime()), Wn = (e
           { "k-focus": T === f }
         ),
         "aria-selected": T === f,
-        style: { flex: `1 0 ${ue}` },
+        style: { flex: `1 0 ${de}` },
         key: T
       },
       /* @__PURE__ */ t.createElement("div", { className: "k-timeline-date-wrap" }, /* @__PURE__ */ t.createElement("span", { className: "k-timeline-date" }, i.formatDate(I.date, Y))),
       /* @__PURE__ */ t.createElement(
         "span",
         {
-          onClick: (P) => we(T, P),
+          onClick: (P) => Ne(T, P),
           className: "k-timeline-circle"
         }
       )
@@ -4666,7 +4665,7 @@ const gi = (e) => e.sort((n, i) => n.date.getTime() - i.date.getTime()), Wn = (e
     "ul",
     {
       className: "k-timeline-scrollable-wrap",
-      style: L === 0 ? { ...Mt(L) } : { ...Mt(L), ...qn() }
+      style: L === 0 ? { ...Pt(L) } : { ...Pt(L), ...Vn() }
     },
     v && v.map(
       (I, T) => /* @__PURE__ */ t.createElement(
@@ -4677,7 +4676,7 @@ const gi = (e) => e.sort((n, i) => n.date.getTime() - i.date.getTime()), Wn = (e
           style: { transform: `translate3d(${A[T]}px, 0px, 0px)` }
         },
         I && /* @__PURE__ */ t.createElement(
-          Ot,
+          Dt,
           {
             tabindex: A[T] === 0 ? 0 : -1,
             eventData: I,
@@ -4691,11 +4690,11 @@ const gi = (e) => e.sort((n, i) => n.date.getTime() - i.date.getTime()), Wn = (e
     )
   )));
 };
-$n.propTypes = {
+Wn.propTypes = {
   onActionClick: r.func
 };
-const Un = (e) => {
-  const s = nn(), [n, i] = t.useState(), {
+const $n = (e) => {
+  const s = tn(), [n, i] = t.useState(), {
     collapsibleEvents: a,
     transitionDuration: o,
     eventsData: l,
@@ -4704,7 +4703,7 @@ const Un = (e) => {
     navigatable: u,
     onChange: m,
     onActionClick: h
-  } = e, p = t.useRef(null), g = t.useRef(new dt({
+  } = e, p = t.useRef(null), g = t.useRef(new ct({
     tabIndex: 0,
     root: p,
     selectors: [".k-card-vertical"]
@@ -4720,7 +4719,7 @@ const Un = (e) => {
       }
     });
   }, [e.navigatable]), t.useEffect(() => {
-    i(Wn(l));
+    i(_n(l));
   }, []), t.useEffect(() => {
     g.current.update();
   });
@@ -4732,13 +4731,13 @@ const Un = (e) => {
     w && w.click();
   };
   let E = 0;
-  const N = Ie();
+  const N = ye();
   return /* @__PURE__ */ t.createElement("ul", { ref: p, onKeyDown: b }, n && n.map((f, R) => {
     const v = (R + E) % 2 === 0;
     f.yearFlag && (E += 1);
     const w = N + "-" + R;
     return /* @__PURE__ */ t.createElement(t.Fragment, { key: R }, f.yearFlag ? /* @__PURE__ */ t.createElement("li", { className: "k-timeline-flag-wrap" }, /* @__PURE__ */ t.createElement("span", { className: "k-timeline-flag" }, f.yearFlag)) : /* @__PURE__ */ t.createElement("li", { className: k("k-timeline-event", { "k-reverse": v }) }, /* @__PURE__ */ t.createElement("div", { className: "k-timeline-date-wrap" }, /* @__PURE__ */ t.createElement("span", { className: "k-timeline-date", id: w }, s.formatDate(f.date, c))), /* @__PURE__ */ t.createElement("a", { className: "k-timeline-circle" }), /* @__PURE__ */ t.createElement(
-      Ot,
+      Dt,
       {
         id: w,
         tabindex: u ? 0 : -1,
@@ -4752,10 +4751,10 @@ const Un = (e) => {
     )));
   }));
 };
-Un.propTypes = {
+$n.propTypes = {
   onActionClick: r.func
 };
-const ni = (e) => {
+const ti = (e) => {
   const s = {
     alterMode: !1,
     collapsibleEvents: !0,
@@ -4792,7 +4791,7 @@ const ni = (e) => {
       style: { width: `${p}px` }
     },
     c ? /* @__PURE__ */ t.createElement(
-      $n,
+      Wn,
       {
         navigatable: l,
         eventsData: d,
@@ -4801,7 +4800,7 @@ const ni = (e) => {
         onActionClick: h
       }
     ) : /* @__PURE__ */ t.createElement(
-      Un,
+      $n,
       {
         navigatable: l,
         eventsData: d,
@@ -4815,18 +4814,18 @@ const ni = (e) => {
     )
   );
 };
-ni.propTypes = {
+ti.propTypes = {
   className: r.string
 };
-const si = (e) => {
+const ni = (e) => {
   const s = t.useRef(null);
   return t.useEffect(() => {
     e.show && setTimeout(() => {
-      const n = s.current && s.current.element, i = n && n.querySelector(".k-menu-item"), a = jt(i && i.ownerDocument);
+      const n = s.current && s.current.element, i = n && n.querySelector(".k-menu-item"), a = Ut(i && i.ownerDocument);
       i && i !== a && i.focus();
     });
   }, [e.show]), /* @__PURE__ */ t.createElement(
-    Yt,
+    Xt,
     {
       show: e.show,
       offset: e.offset,
@@ -4834,7 +4833,7 @@ const si = (e) => {
       animate: !1
     },
     /* @__PURE__ */ t.createElement(
-      _e,
+      He,
       {
         vertical: !0,
         ...e,
@@ -4850,9 +4849,9 @@ const si = (e) => {
     )
   );
 };
-si.displayName = "KendoReactContextMenu";
-const jn = t.forwardRef((e, s) => {
-  V(K);
+ni.displayName = "KendoReactContextMenu";
+const Un = t.forwardRef((e, s) => {
+  W(K);
   const n = t.useRef(null), [i, a] = t.useState(!1), o = t.useCallback(
     () => ({ element: n.current }),
     []
@@ -4882,7 +4881,7 @@ const jn = t.forwardRef((e, s) => {
     e.disabled || a(!0);
   }, [e.disabled]), f = t.useCallback(() => {
     e.disabled || a(!1);
-  }, [e.disabled]), { onFocus: R, onBlur: v } = Yn({ onFocus: N, onBlur: f });
+  }, [e.disabled]), { onFocus: R, onBlur: v } = Xn({ onFocus: N, onBlur: f });
   return /* @__PURE__ */ t.createElement(
     "div",
     {
@@ -4900,7 +4899,7 @@ const jn = t.forwardRef((e, s) => {
       onBlur: v,
       style: e.style,
       id: e.id,
-      dir: qt(n, e.dir),
+      dir: Vt(n, e.dir),
       onKeyDown: c ? void 0 : E
     },
     /* @__PURE__ */ t.createElement(
@@ -4910,7 +4909,7 @@ const jn = t.forwardRef((e, s) => {
         "aria-controls": e.ariaControls,
         "aria-expanded": l,
         "aria-disabled": c,
-        tabIndex: Pe(e.tabIndex, c),
+        tabIndex: Oe(e.tabIndex, c),
         className: "k-expander-header",
         onClick: c ? void 0 : y
       },
@@ -4921,7 +4920,7 @@ const jn = t.forwardRef((e, s) => {
         Q,
         {
           name: l ? p ? void 0 : "chevron-up" : h ? void 0 : "chevron-down",
-          icon: l ? !b && !p ? Zt : b : !g && !h ? Jt : g,
+          icon: l ? !b && !p ? Yt : b : !g && !h ? Zt : g,
           className: k(
             l ? {
               [String(p)]: !!p
@@ -4935,7 +4934,7 @@ const jn = t.forwardRef((e, s) => {
     e.children
   );
 });
-jn.propTypes = {
+Un.propTypes = {
   children: r.node,
   className: r.string,
   style: r.object,
@@ -4950,8 +4949,8 @@ jn.propTypes = {
   disabled: r.bool,
   onAction: r.func
 };
-jn.displayName = "KendoReactExpansionPanel";
-const ii = t.forwardRef((e, s) => /* @__PURE__ */ t.createElement(
+Un.displayName = "KendoReactExpansionPanel";
+const si = t.forwardRef((e, s) => /* @__PURE__ */ t.createElement(
   "div",
   {
     ref: s,
@@ -4960,82 +4959,82 @@ const ii = t.forwardRef((e, s) => /* @__PURE__ */ t.createElement(
   },
   /* @__PURE__ */ t.createElement("div", { className: "k-expander-content" }, e.children)
 ));
-ii.displayName = "KendoReactExpansionPanelContent";
-const Vn = Xt(_e);
-Vn.displayName = "KendoReactMenu";
-const bi = Xt(ut);
-Vn.displayName = "KendoReactMenu";
+si.displayName = "KendoReactExpansionPanelContent";
+const jn = Gt(He);
+jn.displayName = "KendoReactMenu";
+const gi = Gt(dt);
+jn.displayName = "KendoReactMenu";
 export {
-  Dt as ActionSheet,
-  Rt as ActionSheetContent,
-  Tt as ActionSheetFooter,
-  xt as ActionSheetHeader,
-  ot as ActionSheetItem,
-  An as AppBar,
-  zn as AppBarSection,
-  Fn as AppBarSpacer,
-  Fs as Avatar,
-  kt as BottomNavigation,
-  je as BottomNavigationItem,
-  St as Breadcrumb,
-  Ct as BreadcrumbDelimiter,
-  Nt as BreadcrumbLink,
-  Et as BreadcrumbListItem,
-  wt as BreadcrumbOrderedList,
-  We as Card,
-  wn as CardActions,
-  Nn as CardBody,
-  zs as CardFooter,
-  En as CardHeader,
-  Sn as CardImage,
-  xn as CardSubtitle,
-  Cn as CardTitle,
-  si as ContextMenu,
-  bt as Drawer,
-  Tn as DrawerContent,
-  ft as DrawerItem,
-  gt as DrawerNavigation,
-  jn as ExpansionPanel,
-  ii as ExpansionPanelContent,
-  It as GridLayout,
-  Kn as GridLayoutItem,
-  Vn as Menu,
-  _e as MenuClassComponent,
-  sn as MenuItem,
-  un as MenuItemArrow,
-  mn as MenuItemInternalsList,
-  dn as MenuItemLink,
-  kn as PanelBar,
-  de as PanelBarItem,
-  $t as PanelBarUtils,
-  As as Splitter,
-  ws as SplitterBar,
-  Os as SplitterPane,
-  yt as StackLayout,
-  $e as Step,
-  vt as Stepper,
-  bi as TabStrip,
-  ut as TabStripClassComponent,
-  pn as TabStripContent,
-  nt as TabStripNavigation,
-  hn as TabStripNavigationItem,
-  Ss as TabStripTab,
-  Bn as TileLayout,
-  ni as Timeline,
-  Wn as addYearsFlags,
-  _n as contentDisplayName,
-  bs as downArrowName,
-  bn as flatChildren,
-  vn as flatVisibleChildren,
-  Rs as flatVisibleItems,
-  Hn as footerDisplayName,
-  Ts as getFirstId,
-  gn as getInitialState,
-  lt as headerDisplayName,
-  Ds as isArrayEqual,
-  fi as isPresent,
-  ks as leftArrowName,
-  fn as renderChildren,
-  vs as rightArrowName,
-  gi as sortEventList
+  Rt as ActionSheet,
+  Tt as ActionSheetContent,
+  xt as ActionSheetFooter,
+  St as ActionSheetHeader,
+  at as ActionSheetItem,
+  Ln as AppBar,
+  An as AppBarSection,
+  zn as AppBarSpacer,
+  zs as Avatar,
+  vt as BottomNavigation,
+  Ue as BottomNavigationItem,
+  wt as Breadcrumb,
+  Et as BreadcrumbDelimiter,
+  Ct as BreadcrumbLink,
+  It as BreadcrumbListItem,
+  Nt as BreadcrumbOrderedList,
+  _e as Card,
+  Nn as CardActions,
+  Cn as CardBody,
+  As as CardFooter,
+  In as CardHeader,
+  wn as CardImage,
+  Sn as CardSubtitle,
+  En as CardTitle,
+  ni as ContextMenu,
+  gt as Drawer,
+  xn as DrawerContent,
+  pt as DrawerItem,
+  ft as DrawerNavigation,
+  Un as ExpansionPanel,
+  si as ExpansionPanelContent,
+  yt as GridLayout,
+  Bn as GridLayoutItem,
+  jn as Menu,
+  He as MenuClassComponent,
+  nn as MenuItem,
+  dn as MenuItemArrow,
+  un as MenuItemInternalsList,
+  cn as MenuItemLink,
+  vn as PanelBar,
+  ce as PanelBarItem,
+  Wt as PanelBarUtils,
+  Ls as Splitter,
+  Ns as SplitterBar,
+  Ds as SplitterPane,
+  kt as StackLayout,
+  We as Step,
+  bt as Stepper,
+  gi as TabStrip,
+  dt as TabStripClassComponent,
+  hn as TabStripContent,
+  tt as TabStripNavigation,
+  mn as TabStripNavigationItem,
+  ws as TabStripTab,
+  Fn as TileLayout,
+  ti as Timeline,
+  _n as addYearsFlags,
+  Hn as contentDisplayName,
+  gs as downArrowName,
+  gn as flatChildren,
+  bn as flatVisibleChildren,
+  Ts as flatVisibleItems,
+  Kn as footerDisplayName,
+  xs as getFirstId,
+  fn as getInitialState,
+  ot as headerDisplayName,
+  Rs as isArrayEqual,
+  pi as isPresent,
+  vs as leftArrowName,
+  pn as renderChildren,
+  bs as rightArrowName,
+  fi as sortEventList
 };