@progress/kendo-react-dropdowns 7.0.0-develop.11 → 7.0.0-develop.13

package/index.mjs

@@ -2,17 +2,18 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------*/
+"use client";
 import * as o from "react";
 import * as l from "prop-types";
-import { IconWrap as ke, classNames as B, Keys as f, guid as Fe, svgIconPropType as gs, createPropsContext as Ke, withPropsContext as wt, validatePackage as qe, canUseDOM as Me, getTabIndex as $t, kendoThemeMaps as $e, getActiveElement as Ss, usePropsContext as Gt, getScrollbarWidth as ws, getter as kt, setScrollbarWidth as Es, useRtl as fs, noop as De, mapTree as Ds, extendDataItem as Ts } from "@progress/kendo-react-common";
-import { FloatingLabel as Ge } from "@progress/kendo-react-labels";
-import { searchIcon as Fs, caretAltDownIcon as Ut, xIcon as at, plusIcon as Ms } from "@progress/kendo-svg-icons";
-import { Popup as jt, PopupPropsContext as Ns } from "@progress/kendo-react-popup";
-import { TextBox as Os, InputPrefix as Ps } from "@progress/kendo-react-inputs";
-import { provideLocalizationService as Ae, registerForLocalization as ms, useLocalization as vs } from "@progress/kendo-react-intl";
-import { Button as Te, Chip as _s } from "@progress/kendo-react-buttons";
-import { ActionSheet as Yt, ActionSheetHeader as Jt, ActionSheetContent as lt, ActionSheetFooter as Rs } from "@progress/kendo-react-layout";
-import { TreeView as Ct } from "@progress/kendo-react-treeview";
+import { IconWrap as ke, classNames as V, Keys as f, svgIconPropType as gs, createPropsContext as Be, withIdHOC as St, withPropsContext as wt, validatePackage as We, canUseDOM as Fe, getTabIndex as $t, kendoThemeMaps as qe, getActiveElement as ws, usePropsContext as Gt, getScrollbarWidth as Es, getter as It, setScrollbarWidth as Ds, useId as fs, useRtl as ms, noop as De, mapTree as Ts, extendDataItem as Fs } from "@progress/kendo-react-common";
+import { FloatingLabel as $e } from "@progress/kendo-react-labels";
+import { searchIcon as Ms, caretAltDownIcon as Ut, xIcon as ot, plusIcon as Ns } from "@progress/kendo-svg-icons";
+import { Popup as jt, PopupPropsContext as Os } from "@progress/kendo-react-popup";
+import { TextBox as Ps, InputPrefix as _s } from "@progress/kendo-react-inputs";
+import { provideLocalizationService as He, registerForLocalization as vs, useLocalization as bs } from "@progress/kendo-react-intl";
+import { Button as Te, Chip as Rs } from "@progress/kendo-react-buttons";
+import { ActionSheet as Yt, ActionSheetHeader as Jt, ActionSheetContent as at, ActionSheetFooter as Vs } from "@progress/kendo-react-layout";
+import { TreeView as kt } from "@progress/kendo-react-treeview";
 class Et extends o.Component {
   render() {
     const {
@@ -39,7 +40,7 @@ const Qt = o.forwardRef((i, t) => {
     t,
     () => e.current
   ), /* @__PURE__ */ o.createElement("div", { className: "k-list-filter" }, /* @__PURE__ */ o.createElement(
-    Os,
+    Ps,
     {
       ...i,
       ref: e,
@@ -51,7 +52,7 @@ const Qt = o.forwardRef((i, t) => {
       size: i.size,
       fillMode: i.fillMode,
       rounded: i.rounded,
-      prefix: () => /* @__PURE__ */ o.createElement(Ps, null, /* @__PURE__ */ o.createElement(ke, { name: "search", icon: Fs }))
+      prefix: () => /* @__PURE__ */ o.createElement(_s, null, /* @__PURE__ */ o.createElement(ke, { name: "search", icon: Ms }))
     }
   ));
 });
@@ -65,8 +66,8 @@ Qt.propTypes = {
   fillMode: l.oneOf([null, "solid", "flat", "outline"])
 };
 Qt.displayName = "KendoReactListFilter";
-const Be = Qt;
-class We extends o.Component {
+const Re = Qt;
+class Ae extends o.Component {
   render() {
     const {
       group: t,
@@ -81,7 +82,7 @@ const G = (i) => i != null, Bs = (i, t) => {
     if (i.charAt(e) !== t)
       return !1;
   return !0;
-}, Vs = (i, t, e) => {
+}, Ks = (i, t, e) => {
   let s = i;
   return e && (s = [e].concat(s)), s.slice(t).concat(s.slice(0, t));
 }, os = (i, t, e) => {
@@ -89,7 +90,7 @@ const G = (i) => i != null, Bs = (i, t) => {
     return !1;
   let s = String(i);
   return e && (s = s.toLowerCase()), s.indexOf(t) === 0;
-}, Ks = (i, t, e, s, n) => {
+}, Ls = (i, t, e, s, n) => {
   const a = i.offsetHeight, p = t.children.item(e), c = p.offsetTop + (n ? s - i.scrollTop : 0), d = p.offsetHeight;
   if (n) {
     let r = 0;
@@ -101,7 +102,7 @@ const G = (i) => i != null, Bs = (i, t) => {
   if (t) {
     t = t.toLowerCase();
     for (let n = 0; n < i.length; n++) {
-      const a = (V(i[n], e) || "") + "";
+      const a = (B(i[n], e) || "") + "";
       if (a && a.toLowerCase().startsWith(t)) {
         s = n;
         break;
@@ -111,8 +112,8 @@ const G = (i) => i != null, Bs = (i, t) => {
   return s;
 }, Kt = (i, t, e, s = !1) => {
   const n = (a) => s ? a : a.toLowerCase();
-  return i.findIndex((a) => e ? n(V(a, e)) === n(t) : n(t) === n(a.toString()));
-}, V = (i, t) => {
+  return i.findIndex((a) => e ? n(B(a, e)) === n(t) : n(t) === n(a.toString()));
+}, B = (i, t) => {
   if (t && G(i)) {
     const e = t.split(".");
     let s = i;
@@ -121,7 +122,7 @@ const G = (i) => i != null, Bs = (i, t) => {
     }), s;
   }
   return i;
-}, Ls = (i = [], t = [], e) => {
+}, zs = (i = [], t = [], e) => {
   if (i === t)
     return !0;
   if (i.length !== t.length)
@@ -130,31 +131,31 @@ const G = (i) => i != null, Bs = (i, t) => {
     if (!R(i[s], t[s], e))
       return !1;
   return !0;
-}, vt = (i, t, e) => {
+}, mt = (i, t, e) => {
   t.forEach((s) => {
     const n = i.findIndex((a) => R(a, s, e));
     n !== -1 && i.splice(n, 1);
   });
-}, R = (i, t, e) => i === t || G(i) === G(t) && V(i, e) === V(t, e), as = (i, t, e) => {
+}, R = (i, t, e) => i === t || G(i) === G(t) && B(i, e) === B(t, e), as = (i, t, e) => {
   if (t) {
     const s = Kt(i, t, e, !0);
     return s !== -1 ? i[s] : i[Ve(i, t, e)];
   }
   return i[0];
-}, zs = (i, t = [], e) => {
+}, Hs = (i, t = [], e) => {
   let s = "";
   if (i) {
     const n = t[Ve(t, i, e)];
     if (n) {
-      const a = V(n, e);
+      const a = B(n, e);
       i.toLowerCase() !== a.toLowerCase() && (s = a.substring(i.length));
     }
   }
   return s;
-}, Hs = (i) => {
+}, As = (i) => {
   i.target.nodeName !== "INPUT" && i.preventDefault();
-}, xt = (i, t, e) => !!i != !!t || i.text !== t.text ? !1 : i === t || Ls(i.data, t.data, e), As = (i) => i.preventDefault();
-class Ws extends o.Component {
+}, Ct = (i, t, e) => !!i != !!t || i.text !== t.text ? !1 : i === t || zs(i.data, t.data, e), Ws = (i) => i.preventDefault();
+class qs extends o.Component {
   render() {
     const {
       selected: t,
@@ -165,17 +166,17 @@ class Ws extends o.Component {
       "div",
       {
         onClick: this.props.onClick,
-        onMouseDown: As,
+        onMouseDown: Ws,
         style: { position: "unset" },
-        className: B("k-list-optionlabel", {
+        className: V("k-list-optionlabel", {
           "k-selected": t
         })
       },
-      V(e, s) || ""
+      B(e, s) || ""
     );
   }
 }
-class qs extends o.Component {
+class $s extends o.Component {
   constructor() {
     super(...arguments), this.handleClick = (t) => this.props.onClick(this.props.index, t);
   }
@@ -195,7 +196,7 @@ class qs extends o.Component {
         role: "option",
         "aria-selected": t,
         "aria-disabled": p ? !0 : void 0,
-        className: B("k-list-item", {
+        className: V("k-list-item", {
           "k-selected": t,
           "k-focus": this.props.focused,
           "k-first": !!e && a === "classic",
@@ -204,13 +205,13 @@ class qs extends o.Component {
         onClick: this.handleClick,
         style: { position: n ? "relative" : "unset" }
       },
-      /* @__PURE__ */ o.createElement("span", { className: "k-list-item-text" }, V(s, this.props.textField).toString()),
+      /* @__PURE__ */ o.createElement("span", { className: "k-list-item-text" }, B(s, this.props.textField).toString()),
       e !== void 0 && a === "classic" ? /* @__PURE__ */ o.createElement("div", { className: "k-list-item-group-label" }, e) : null
     );
     return c !== void 0 ? c.call(void 0, d, this.props) : d;
   }
 }
-class $s extends o.Component {
+class Gs extends o.Component {
   render() {
     const {
       group: t,
@@ -230,16 +231,16 @@ class $s extends o.Component {
     return s !== void 0 ? s.call(void 0, a, this.props) : a;
   }
 }
-const fe = "dropdowns.nodata", it = "dropdowns.clear", Lt = "dropdowns.comboArrowBtnAriaLabelExpand", zt = "dropdowns.comboArrowBtnAriaLabelCollapse", Ht = "dropdowns.dropDownListArrowBtnAriaLabel", nt = "dropdowns.apply", ot = "dropdowns.cancel", le = {
-  [it]: "clear",
+const fe = "dropdowns.nodata", st = "dropdowns.clear", Lt = "dropdowns.comboArrowBtnAriaLabelExpand", zt = "dropdowns.comboArrowBtnAriaLabelCollapse", Ht = "dropdowns.dropDownListArrowBtnAriaLabel", it = "dropdowns.apply", nt = "dropdowns.cancel", le = {
+  [st]: "clear",
   [fe]: "NO DATA FOUND.",
   [Lt]: "expand combobox",
   [zt]: "collapse combobox",
   [Ht]: "select",
-  [nt]: "Apply",
-  [ot]: "Cancel"
+  [it]: "Apply",
+  [nt]: "Cancel"
 };
-class Ue extends o.Component {
+class Ge extends o.Component {
   renderItems() {
     const {
       textField: t,
@@ -261,9 +262,9 @@ class Ue extends o.Component {
     return g.map((S, D) => {
       const N = c + D, O = c + D + w, _ = S.disabled ? !1 : h && (!b && R(S, u, e) || b && u.findIndex((E) => R(E, S, e)) !== -1);
       let C, F, x;
-      return D > 0 && s !== void 0 && (F = V(S, s), x = V(g[D - 1], s), F && x && F !== x && (C = F)), C !== void 0 && n === "modern" && (w += 1), [
+      return D > 0 && s !== void 0 && (F = B(S, s), x = B(g[D - 1], s), F && x && F !== x && (C = F)), C !== void 0 && n === "modern" && (w += 1), [
         C !== void 0 && n === "modern" && /* @__PURE__ */ o.createElement(
-          $s,
+          Gs,
           {
             id: `option-${p}-${O}`,
             virtual: d,
@@ -274,7 +275,7 @@ class Ue extends o.Component {
           }
         ),
         /* @__PURE__ */ o.createElement(
-          qs,
+          $s,
           {
             id: `option-${p}-${C !== void 0 && n === "modern" ? O + 1 : O}`,
             virtual: d,
@@ -299,7 +300,7 @@ class Ue extends o.Component {
     return e ? e.call(void 0, s) : s;
   }
   render() {
-    const t = Ae(this), {
+    const t = He(this), {
       id: e,
       show: s,
       wrapperCssClass: n,
@@ -338,9 +339,9 @@ class Ue extends o.Component {
     ) : this.renderNoValueElement(t);
   }
 }
-ms(Ue);
-const Gs = 1533915;
-class Us {
+vs(Ge);
+const Us = 1533915;
+class js {
   constructor() {
     this.container = null, this.scrollElement = null, this.list = null, this.containerHeight = 0, this.skip = 0, this.total = 0, this.enabled = !1, this.pageSize = 0, this.itemHeight = 0, this.PageChange = null, this.prevScrollPos = 0, this.listTranslate = 0, this.scrollSyncing = !1, this.scrollerRef = (t) => {
       const e = this;
@@ -348,7 +349,7 @@ class Us {
     }, this.calcScrollElementHeight = () => {
       this.scrollSyncing = !0;
       let t = !1;
-      this.itemHeight = this.list ? this.list.children[0].offsetHeight : this.itemHeight, this.containerHeight = Math.min(Gs, this.itemHeight * this.total);
+      this.itemHeight = this.list ? this.list.children[0].offsetHeight : this.itemHeight, this.containerHeight = Math.min(Us, this.itemHeight * this.total);
       const e = this.containerHeight;
       return this.scrollElement && (t = this.scrollElement.style.height !== e + "px", t && (this.scrollElement.style.height = e + "px")), this.scrollSyncing = !1, t;
     }, this.scrollHandler = this.scrollHandler.bind(this);
@@ -404,7 +405,7 @@ class Us {
     return t = Math.max(0, t), t = Math.min(this.containerHeight, t), t;
   }
 }
-class js {
+class Ys {
   navigate(t) {
     const e = t.keyCode;
     if (e === f.up || e === f.left)
@@ -422,7 +423,7 @@ class js {
 }
 const Xt = class {
   constructor(i) {
-    this.wrapper = null, this.list = null, this.vs = new Us(), this.navigation = new js(), this.handleItemClick = (t, e) => {
+    this.wrapper = null, this.list = null, this.vs = new js(), this.navigation = new Ys(), this.handleItemClick = (t, e) => {
       const s = this.initState();
       s.syntheticEvent = e, e.stopPropagation(), this.component.handleItemSelect(t, s), this.togglePopup(s), this.applyState(s);
     }, this.handleFocus = (t) => {
@@ -473,7 +474,7 @@ const Xt = class {
       );
     }, this.resetGroupStickyHeader = (t, e) => {
       t !== e.state.group && e.setState({ ...e.state, group: t });
-    }, this.listBoxId = Fe(), this.guid = Fe(), this.component = i, this.vs.PageChange = this.pageChange;
+    }, this.listBoxId = i.props.id + "list", this.guid = i.props.id, this.component = i, this.vs.PageChange = this.pageChange;
   }
   didMount() {
     const i = this.component.props, t = i.popupSettings || {}, e = i.style || {}, s = t.width;
@@ -493,7 +494,7 @@ const Xt = class {
       this.scrollToItem(i, t, !0);
     }, 10), s && i >= 0) {
       const n = this.vs, a = n.container || s.parentNode, p = t !== void 0 ? t : n.enabled;
-      Ks(a, s, i, n.translate, p);
+      Ls(a, s, i, n.translate, p);
     }
   }
   initState() {
@@ -600,16 +601,16 @@ ie.defaultProps = {
   required: !1,
   validityStyles: !0
 };
-const je = {
+const Ue = {
   name: "@progress/kendo-react-dropdowns",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1701695829,
+  publishDate: 1702024592,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning"
-}, St = 500, Se = 768, Ys = "Please select a value from the list!", { sizeMap: Vt, roundedMap: Js } = $e, At = class extends o.Component {
+}, xt = 500, Se = 768, Js = "Please select a value from the list!", { sizeMap: Bt, roundedMap: Qs } = qe, At = class extends o.Component {
   constructor(i) {
-    super(i), this.state = {}, this._element = null, this.base = new ie(this), this.searchState = { word: "", last: "" }, this._select = null, this._skipFocusEvent = !1, this._filterInput = null, this._navigated = !1, this._lastKeypressIsFilter = !1, this._inputId = Fe(), this.itemHeight = 0, this.focus = () => {
+    super(i), this.state = {}, this._element = null, this.base = new ie(this), this.searchState = { word: "", last: "" }, this._select = null, this._skipFocusEvent = !1, this._filterInput = null, this._navigated = !1, this._lastKeypressIsFilter = !1, this.itemHeight = 0, this.focus = () => {
       this.base.wrapper && this.base.wrapper.focus();
     }, this.handleItemSelect = (t, e) => {
       const { data: s = [], virtual: n, dataItemKey: a, defaultItem: p } = this.props, c = n ? n.skip : 0, d = t === -1 && p !== void 0 ? p : s[t - c], r = !R(d, this.value, a);
@@ -639,7 +640,7 @@ const je = {
         dir: s !== void 0 ? s : r.dirCalculated,
         width: g,
         popupSettings: {
-          popupClass: B(
+          popupClass: V(
             h.popupClass,
             "k-list-container",
             "k-dropdownlist-popup"
@@ -655,19 +656,19 @@ const je = {
         itemsCount: [n.length]
       };
       let { group: v } = this.state;
-      return v === void 0 && p !== void 0 && (v = V(n[0], p)), /* @__PURE__ */ o.createElement(Et, { ...m }, this.renderListFilter(), t && /* @__PURE__ */ o.createElement("div", { className: "k-list-header" }, t), /* @__PURE__ */ o.createElement(
+      return v === void 0 && p !== void 0 && (v = B(n[0], p)), /* @__PURE__ */ o.createElement(Et, { ...m }, this.renderListFilter(), t && /* @__PURE__ */ o.createElement("div", { className: "k-list-header" }, t), /* @__PURE__ */ o.createElement(
         "div",
         {
-          className: B(
+          className: V(
             "k-list",
             {
-              [`k-list-${Vt[a] || a}`]: a,
+              [`k-list-${Bt[a] || a}`]: a,
               "k-virtual-list": this.base.vs.enabled
             }
           )
         },
         this.renderDefaultItem(),
-        !d && v && n.length !== 0 && /* @__PURE__ */ o.createElement(We, { group: v, groupMode: "modern", render: c }),
+        !d && v && n.length !== 0 && /* @__PURE__ */ o.createElement(Ae, { group: v, groupMode: "modern", render: c }),
         this.renderList()
       ), e && /* @__PURE__ */ o.createElement("div", { className: "k-list-footer" }, e));
     }, this.renderList = () => {
@@ -681,16 +682,16 @@ const je = {
         itemRender: c
       } = this.props, d = this.base.vs, r = n.skip, h = this.props.opened !== void 0 ? this.props.opened : this.state.opened, u = this.base.getPopupSettings(), g = `translateY(${d.translate}px)`;
       return /* @__PURE__ */ o.createElement(
-        Ue,
+        Ge,
         {
-          id: this.base.listBoxId,
+          id: this._listboxId,
           show: h,
           data: t.slice(),
           focusedIndex: this.getFocusedIndex(),
           value: this.value,
           textField: e,
           valueField: s,
-          optionsGuid: this.base.guid,
+          optionsGuid: this._guid,
           groupField: this.props.groupField,
           groupMode: "modern",
           listRef: (m) => d.list = this.base.list = m,
@@ -727,7 +728,7 @@ const je = {
     }, this.renderListFilter = () => {
       const t = this.props.filter !== void 0 ? this.props.filter : this.state.text;
       return this.props.filterable && /* @__PURE__ */ o.createElement(
-        Be,
+        Re,
         {
           value: t,
           ref: (e) => this._filterInput = e && e.element,
@@ -741,7 +742,7 @@ const je = {
     }, this.renderDefaultItem = () => {
       const { textField: t, defaultItem: e, dataItemKey: s } = this.props;
       return e !== void 0 && /* @__PURE__ */ o.createElement(
-        Ws,
+        qs,
         {
           defaultItem: e,
           textField: t,
@@ -757,11 +758,11 @@ const je = {
       let n = e.map((S, D) => ({ item: S, itemIndex: D }));
       const a = this.searchState.word, p = this.searchState.last, c = Bs(a, p);
       let d = n.length, r = Math.max(0, e.findIndex((S) => R(S, this.value, s))), h;
-      this.props.defaultItem && (h = { item: this.props.defaultItem, itemIndex: -1 }, d += 1, r += 1), r += c ? 1 : 0, n = Vs(n, r, h);
+      this.props.defaultItem && (h = { item: this.props.defaultItem, itemIndex: -1 }, d += 1, r += 1), r += c ? 1 : 0, n = Ks(n, r, h);
       let u, g, m, v = 0;
       const { textField: b, ignoreCase: w } = this.props;
       for (; v < d; v++)
-        if (u = V(n[v].item, b), g = c && os(u, p, w), m = os(u, a, w), g || m) {
+        if (u = B(n[v].item, b), g = c && os(u, p, w), m = os(u, a, w), g || m) {
           v = n[v].itemIndex;
           break;
         }
@@ -896,12 +897,21 @@ const je = {
       );
     }, this.setValidity = () => {
       this._select && this._select.setCustomValidity && this._select.setCustomValidity(
-        this.validity.valid ? "" : this.props.validationMessage || Ys
+        this.validity.valid ? "" : this.props.validationMessage || Js
       );
-    }, qe(je);
+    }, We(Ue);
+  }
+  get _inputId() {
+    return this.props.id + "-accessibility-id";
+  }
+  get _listboxId() {
+    return this.props.id + "-listbox-id";
+  }
+  get _guid() {
+    return this.props.id + "-guid";
   }
   get document() {
-    if (Me)
+    if (Fe)
       return this.element && this.element.ownerDocument || document;
   }
   /**
@@ -974,7 +984,7 @@ const je = {
    */
   componentDidMount() {
     var i;
-    this.observerResize = Me && window.ResizeObserver && new window.ResizeObserver(this.calculateMedia.bind(this)), this.base.didMount(), this.setValidity(), (i = this.document) != null && i.body && this.observerResize && this.observerResize.observe(this.document.body);
+    this.observerResize = Fe && window.ResizeObserver && new window.ResizeObserver(this.calculateMedia.bind(this)), this.base.didMount(), this.setValidity(), (i = this.document) != null && i.body && this.observerResize && this.observerResize.observe(this.document.body);
   }
   /** @hidden */
   componentWillUnmount() {
@@ -985,7 +995,7 @@ const je = {
    * @hidden
    */
   render() {
-    const i = Ae(this).toLanguageString(Ht, le[Ht]), { style: t, className: e, label: s, dir: n, virtual: a, size: p, rounded: c, fillMode: d, adaptive: r } = this.props, { windowWidth: h = 0 } = this.state, u = this.props.opened !== void 0 ? this.props.opened : this.state.opened, g = this.value, m = V(g, this.props.textField), v = !this.validityStyles || this.validity.valid, b = this.base, w = b.vs, S = h <= Se && r;
+    const i = He(this).toLanguageString(Ht, le[Ht]), { style: t, className: e, label: s, dir: n, virtual: a, size: p, rounded: c, fillMode: d, adaptive: r } = this.props, { windowWidth: h = 0 } = this.state, u = this.props.opened !== void 0 ? this.props.opened : this.state.opened, g = this.value, m = B(g, this.props.textField), v = !this.validityStyles || this.validity.valid, b = this.base, w = b.vs, S = h <= Se && r;
     w.enabled = a !== void 0, a !== void 0 && (b.vs.skip = a.skip, b.vs.total = a.total, b.vs.pageSize = a.pageSize);
     const {
       dataItemKey: D,
@@ -999,12 +1009,12 @@ const je = {
       "span",
       {
         ref: this.componentRef,
-        className: B(
+        className: V(
           "k-dropdownlist k-picker",
           e,
           {
-            [`k-picker-${Vt[p] || p}`]: p,
-            [`k-rounded-${Js[c] || c}`]: c,
+            [`k-picker-${Bt[p] || p}`]: p,
+            [`k-rounded-${Qs[c] || c}`]: c,
             [`k-picker-${d}`]: d,
             "k-focus": E,
             "k-disabled": O,
@@ -1030,8 +1040,8 @@ const je = {
         "aria-disabled": O || void 0,
         "aria-haspopup": "listbox",
         "aria-expanded": u || !1,
-        "aria-owns": this.base.listBoxId,
-        "aria-activedescendant": u ? "option-" + this.base.guid + "-" + (M + (a ? a.skip : 0)) : void 0,
+        "aria-owns": this._listboxId,
+        "aria-activedescendant": u ? "option-" + this._guid + "-" + (M + (a ? a.skip : 0)) : void 0,
         "aria-label": this.props.ariaLabel || this.props.label,
         "aria-labelledby": this.props.ariaLabelledBy,
         "aria-describedby": this.props.ariaDescribedBy || this._inputId,
@@ -1062,7 +1072,7 @@ const je = {
       !S && this.renderListContainer()
     ), S && this.renderAdaptiveListContainer());
     return s ? /* @__PURE__ */ o.createElement(
-      Ge,
+      $e,
       {
         label: s,
         editorValue: m,
@@ -1098,11 +1108,11 @@ const je = {
       expand: r,
       animation: !0,
       onClose: (g) => this.handleWrapperClick(g),
-      animationStyles: i <= St ? { top: 0, width: "100%", height: "100%" } : void 0,
-      className: i <= St ? "k-adaptive-actionsheet k-actionsheet-fullscreen" : "k-adaptive-actionsheet k-actionsheet-bottom"
+      animationStyles: i <= xt ? { top: 0, width: "100%", height: "100%" } : void 0,
+      className: i <= xt ? "k-adaptive-actionsheet k-actionsheet-fullscreen" : "k-adaptive-actionsheet k-actionsheet-bottom"
     };
     let { group: u } = this.state;
-    return u === void 0 && a !== void 0 && (u = V(d[0], a)), /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(Yt, { ...h }, /* @__PURE__ */ o.createElement(Jt, { className: "k-text-center" }, /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-titlebar-group k-hbox" }, /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-title" }, /* @__PURE__ */ o.createElement("div", null, n)), /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ o.createElement(
+    return u === void 0 && a !== void 0 && (u = B(d[0], a)), /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(Yt, { ...h }, /* @__PURE__ */ o.createElement(Jt, { className: "k-text-center" }, /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-titlebar-group k-hbox" }, /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-title" }, /* @__PURE__ */ o.createElement("div", null, n)), /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ o.createElement(
       Te,
       {
         tabIndex: 0,
@@ -1112,21 +1122,21 @@ const je = {
         fillMode: "flat",
         onClick: this.handleWrapperClick,
         icon: "x",
-        svgIcon: at
+        svgIcon: ot
       }
-    ))), /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-titlebar-group k-actionsheet-filter" }, this.renderListFilter())), /* @__PURE__ */ o.createElement(lt, { className: "!k-overflow-hidden" }, t && /* @__PURE__ */ o.createElement("div", { className: "k-list-header" }, t), /* @__PURE__ */ o.createElement(
+    ))), /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-titlebar-group k-actionsheet-filter" }, this.renderListFilter())), /* @__PURE__ */ o.createElement(at, { className: "!k-overflow-hidden" }, t && /* @__PURE__ */ o.createElement("div", { className: "k-list-header" }, t), /* @__PURE__ */ o.createElement(
       "div",
       {
-        className: B(
+        className: V(
           "k-list",
           {
-            [`k-list-${Vt[s] || s}`]: s,
+            [`k-list-${Bt[s] || s}`]: s,
             "k-virtual-list": this.base.vs.enabled
           }
         )
       },
       this.renderDefaultItem(),
-      !c && u && d.length !== 0 && /* @__PURE__ */ o.createElement(We, { group: u, groupMode: "modern", render: p }),
+      !c && u && d.length !== 0 && /* @__PURE__ */ o.createElement(Ae, { group: u, groupMode: "modern", render: p }),
       this.renderList()
     ), e && /* @__PURE__ */ o.createElement("div", { className: "k-list-footer" }, e))));
   }
@@ -1197,11 +1207,11 @@ Dt.defaultProps = {
   fillMode: "solid",
   groupMode: "modern"
 };
-const Qs = Ke(), Xs = wt(
-  Qs,
+const Xs = Be(), Zs = St(wt(
+  Xs,
   Dt
-);
-Xs.displayName = "KendoReactDropDownList";
+));
+Zs.displayName = "KendoReactDropDownList";
 class Zt extends o.Component {
   constructor() {
     super(...arguments), this._input = null;
@@ -1213,7 +1223,7 @@ class Zt extends o.Component {
     return this._input;
   }
   componentDidUpdate(t) {
-    const e = t.value, s = t.suggestedText, { value: n, suggestedText: a, focused: p } = this.props, c = this.input, d = e !== n || a !== s, r = d && e.startsWith(n) && !(s && a && s.endsWith(a)), h = Ss(document);
+    const e = t.value, s = t.suggestedText, { value: n, suggestedText: a, focused: p } = this.props, c = this.input, d = e !== n || a !== s, r = d && e.startsWith(n) && !(s && a && s.endsWith(a)), h = ws(document);
     p && c && h !== c && c.focus(), a && d && !r && c && c.setSelectionRange(n.length - a.length, n.length);
   }
   render() {
@@ -1254,12 +1264,12 @@ class Zt extends o.Component {
     return n ? n.call(void 0, a) : a;
   }
 }
-class rt extends o.Component {
+class lt extends o.Component {
   constructor() {
     super(...arguments), this.onMouseDown = (t) => t.preventDefault();
   }
   render() {
-    const t = Ae(this).toLanguageString(it, le[it]);
+    const t = He(this).toLanguageString(st, le[st]);
     return /* @__PURE__ */ o.createElement(
       "span",
       {
@@ -1271,14 +1281,14 @@ class rt extends o.Component {
         title: t,
         key: "clearbutton"
       },
-      /* @__PURE__ */ o.createElement(ke, { name: "x", icon: at })
+      /* @__PURE__ */ o.createElement(ke, { name: "x", icon: ot })
     );
   }
 }
-ms(rt);
-const Zs = "Please enter a valid value!", { sizeMap: bt, roundedMap: ei } = $e, It = class extends o.Component {
+vs(lt);
+const ei = "Please enter a valid value!", { sizeMap: vt, roundedMap: ti } = qe, yt = class extends o.Component {
   constructor(i) {
-    super(i), this.state = {}, this.base = new ie(this), this._element = null, this._inputId = Fe(), this._suggested = "", this._skipBlur = !1, this._input = null, this._adaptiveFilterInput = null, this.itemHeight = 0, this.focus = () => {
+    super(i), this.state = {}, this.base = new ie(this), this._element = null, this._suggested = "", this._skipBlur = !1, this._input = null, this._adaptiveFilterInput = null, this.itemHeight = 0, this.focus = () => {
       this._input && this._input.focus();
     }, this.handleItemSelect = (t, e) => {
       const { data: s = [], virtual: n, dataItemKey: a } = this.props, p = n ? n.skip : 0, c = s[t - p], d = !R(c, this.value, a);
@@ -1297,9 +1307,9 @@ const Zs = "Please enter a valid value!", { sizeMap: bt, roundedMap: ei } = $e,
       }
       this.applyState(d);
     }, this.renderMobileListFilter = () => {
-      const t = this.props.adaptiveFilter !== void 0 ? this.props.adaptiveFilter : this.state.text, e = V(this.value, this.props.textField), s = G(t) ? t : e;
+      const t = this.props.adaptiveFilter !== void 0 ? this.props.adaptiveFilter : this.state.text, e = B(this.value, this.props.textField), s = G(t) ? t : e;
       return /* @__PURE__ */ o.createElement(
-        Be,
+        Re,
         {
           value: s,
           ref: (n) => this._adaptiveFilterInput = n && n.element,
@@ -1400,7 +1410,7 @@ const Zs = "Please enter a valid value!", { sizeMap: bt, roundedMap: ei } = $e,
       if (this.props.suggest) {
         const p = n.selectionEnd === a.length;
         let c = this.props.filter !== void 0 ? this.props.filter : this.state.text;
-        G(c) || (c = V(this.value, this.props.textField) || "");
+        G(c) || (c = B(this.value, this.props.textField) || "");
         const d = c && c === a, r = c && c.length > a.length;
         d || r || !p ? this._suggested = "" : this.suggestValue(a);
       }
@@ -1419,12 +1429,15 @@ const Zs = "Please enter a valid value!", { sizeMap: bt, roundedMap: ei } = $e,
       e.syntheticEvent = t, t.stopPropagation(), this.clearValue();
     }, this.setValidity = () => {
       this._input && this._input.setCustomValidity && this._input.setCustomValidity(
-        this.validity.valid ? "" : this.props.validationMessage || Zs
+        this.validity.valid ? "" : this.props.validationMessage || ei
       );
-    }, qe(je);
+    }, We(Ue);
+  }
+  get _inputId() {
+    return this.props.id;
   }
   get document() {
-    if (Me)
+    if (Fe)
       return this.element && this.element.ownerDocument || document;
   }
   /** @hidden */
@@ -1475,11 +1488,11 @@ const Zs = "Please enter a valid value!", { sizeMap: bt, roundedMap: ei } = $e,
     };
   }
   get validityStyles() {
-    return this.props.validityStyles !== void 0 ? this.props.validityStyles : It.defaultProps.validityStyles;
+    return this.props.validityStyles !== void 0 ? this.props.validityStyles : yt.defaultProps.validityStyles;
   }
   /** @hidden */
   get required() {
-    return this.props.required !== void 0 ? this.props.required : It.defaultProps.required;
+    return this.props.required !== void 0 ? this.props.required : yt.defaultProps.required;
   }
   /** @hidden */
   componentDidUpdate(i, t) {
@@ -1499,7 +1512,7 @@ const Zs = "Please enter a valid value!", { sizeMap: bt, roundedMap: ei } = $e,
   /** @hidden */
   componentDidMount() {
     var i;
-    this.observerResize = Me && window.ResizeObserver && new window.ResizeObserver(this.calculateMedia.bind(this)), this.base.didMount(), this.setValidity(), (i = this.document) != null && i.body && this.observerResize && this.observerResize.observe(this.document.body);
+    this.observerResize = Fe && window.ResizeObserver && new window.ResizeObserver(this.calculateMedia.bind(this)), this.base.didMount(), this.setValidity(), (i = this.document) != null && i.body && this.observerResize && this.observerResize.observe(this.document.body);
   }
   /** @hidden */
   componentWillUnmount() {
@@ -1508,13 +1521,13 @@ const Zs = "Please enter a valid value!", { sizeMap: bt, roundedMap: ei } = $e,
   }
   /** @hidden */
   render() {
-    const i = Ae(this).toLanguageString(Lt, le[Lt]), t = Ae(this).toLanguageString(
+    const i = He(this).toLanguageString(Lt, le[Lt]), t = He(this).toLanguageString(
       zt,
       le[zt]
     ), {
       dir: e,
       disabled: s,
-      clearButton: n = It.defaultProps.clearButton,
+      clearButton: n = yt.defaultProps.clearButton,
       label: a,
       textField: p,
       adaptive: c,
@@ -1528,16 +1541,16 @@ const Zs = "Please enter a valid value!", { sizeMap: bt, roundedMap: ei } = $e,
       fillMode: b,
       opened: w = this.state.opened,
       placeholder: S
-    } = this.props, { windowWidth: D = 0 } = this.state, N = !this.validityStyles || this.validity.valid, O = this.props.filter !== void 0 ? this.props.filter : this.state.text, _ = V(this.value, p), C = G(O) ? O : _, F = n && (!!C || G(this.value)), E = this.base.vs, M = this.props.id || this._inputId, K = D <= Se && c;
+    } = this.props, { windowWidth: D = 0 } = this.state, N = !this.validityStyles || this.validity.valid, O = this.props.filter !== void 0 ? this.props.filter : this.state.text, _ = B(this.value, p), C = G(O) ? O : _, F = n && (!!C || G(this.value)), E = this.base.vs, M = this.props.id || this._inputId, K = D <= Se && c;
     E.enabled = g !== void 0, g !== void 0 && (E.skip = g.skip, E.total = g.total, E.pageSize = g.pageSize);
     const U = /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
       "span",
       {
-        className: B(
+        className: V(
           "k-combobox k-input",
           {
-            [`k-input-${bt[m] || m}`]: m,
-            [`k-rounded-${ei[v] || v}`]: v,
+            [`k-input-${vt[m] || m}`]: m,
+            [`k-rounded-${ti[v] || v}`]: v,
             [`k-input-${b}`]: b,
             "k-invalid": !N,
             "k-loading": h,
@@ -1551,7 +1564,7 @@ const Zs = "Please enter a valid value!", { sizeMap: bt, roundedMap: ei } = $e,
         dir: e
       },
       this.renderSearchBar(C || "", M, S),
-      F && !h && /* @__PURE__ */ o.createElement(rt, { onClick: this.clearButtonClick, key: "clearbutton" }),
+      F && !h && /* @__PURE__ */ o.createElement(lt, { onClick: this.clearButtonClick, key: "clearbutton" }),
       h && /* @__PURE__ */ o.createElement(ke, { className: "k-input-loading-icon", name: "loading", key: "loading" }),
       /* @__PURE__ */ o.createElement(
         Te,
@@ -1574,7 +1587,7 @@ const Zs = "Please enter a valid value!", { sizeMap: bt, roundedMap: ei } = $e,
       !K && this.renderListContainer()
     ), K && this.renderAdaptiveListContainer());
     return a ? /* @__PURE__ */ o.createElement(
-      Ge,
+      $e,
       {
         label: a,
         editorId: M,
@@ -1609,7 +1622,7 @@ const Zs = "Please enter a valid value!", { sizeMap: bt, roundedMap: ei } = $e,
     return i && t && t[e] && t[e].disabled;
   }
   applyValueOnEnter(i, t) {
-    const { data: e = [], textField: s, allowCustom: n } = this.props, a = this.props.opened !== void 0 ? this.props.opened : this.state.opened, c = V(this.value, s) === i ? this.index : Kt(e, i, s), d = c !== -1;
+    const { data: e = [], textField: s, allowCustom: n } = this.props, a = this.props.opened !== void 0 ? this.props.opened : this.state.opened, c = B(this.value, s) === i ? this.index : Kt(e, i, s), d = c !== -1;
     let r;
     if (this._suggested = "", d)
       r = e[c];
@@ -1620,7 +1633,7 @@ const Zs = "Please enter a valid value!", { sizeMap: bt, roundedMap: ei } = $e,
     this.triggerOnChange(r, t), a && this.base.togglePopup(t), this.props.filter === void 0 && this.state.text !== void 0 && (t.data.text = void 0), this.applyState(t);
   }
   applyValueOnRejectSuggestions(i, t) {
-    const { data: e = [], textField: s, allowCustom: n } = this.props, a = this.props.opened !== void 0 ? this.props.opened : this.state.opened, p = V(this.value, s), c = this.state.windowWidth && this.state.windowWidth <= Se;
+    const { data: e = [], textField: s, allowCustom: n } = this.props, a = this.props.opened !== void 0 ? this.props.opened : this.state.opened, p = B(this.value, s), c = this.state.windowWidth && this.state.windowWidth <= Se;
     if (this._suggested = "", i === p || i === "" && !G(p))
       return a && !c && this.base.togglePopup(t), this.applyState(t);
     const d = Kt(e, i, s, !0), r = d !== -1;
@@ -1634,15 +1647,15 @@ const Zs = "Please enter a valid value!", { sizeMap: bt, roundedMap: ei } = $e,
   renderAdaptiveListContainer() {
     const { windowWidth: i = 0 } = this.state, { header: t, footer: e, size: s, data: n = [], groupField: a, groupMode: p, list: c, virtual: d, adaptiveTitle: r, groupStickyHeaderItemRender: h } = this.props, u = this.props.opened !== void 0 ? this.props.opened : this.state.opened;
     let { group: g } = this.state;
-    g === void 0 && a !== void 0 && (g = V(n[0], a));
+    g === void 0 && a !== void 0 && (g = B(n[0], a));
     const m = {
       navigatable: !1,
       navigatableElements: [],
       expand: u,
       animation: !0,
       onClose: (v) => this.toggleBtnClick(v),
-      animationStyles: i <= St ? { top: 0, width: "100%", height: "100%" } : void 0,
-      className: i <= St ? "k-adaptive-actionsheet k-actionsheet-fullscreen" : "k-adaptive-actionsheet k-actionsheet-bottom"
+      animationStyles: i <= xt ? { top: 0, width: "100%", height: "100%" } : void 0,
+      className: i <= xt ? "k-adaptive-actionsheet k-actionsheet-fullscreen" : "k-adaptive-actionsheet k-actionsheet-bottom"
     };
     return /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(Yt, { ...m }, /* @__PURE__ */ o.createElement(Jt, { className: "k-text-center" }, /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-titlebar-group k-hbox" }, /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-title" }, /* @__PURE__ */ o.createElement("div", null, r)), /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-actions" }, /* @__PURE__ */ o.createElement(
       Te,
@@ -1654,22 +1667,22 @@ const Zs = "Please enter a valid value!", { sizeMap: bt, roundedMap: ei } = $e,
         fillMode: "flat",
         onClick: this.toggleBtnClick,
         icon: "x",
-        svgIcon: at
+        svgIcon: ot
       }
-    ))), /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-titlebar-group k-actionsheet-filter" }, this.renderMobileListFilter())), /* @__PURE__ */ o.createElement(lt, { className: "!k-overflow-hidden" }, /* @__PURE__ */ o.createElement("div", { className: "k-list-container" }, /* @__PURE__ */ o.createElement("div", { className: B(
+    ))), /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-titlebar-group k-actionsheet-filter" }, this.renderMobileListFilter())), /* @__PURE__ */ o.createElement(at, { className: "!k-overflow-hidden" }, /* @__PURE__ */ o.createElement("div", { className: "k-list-container" }, /* @__PURE__ */ o.createElement("div", { className: V(
       {
         ["k-list"]: !c,
         ["k-list-lg"]: !0,
         ["k-virtual-list"]: d,
         ["k-data-table"]: c,
-        [`k-table-${bt[s] || s}`]: c && s
+        [`k-table-${vt[s] || s}`]: c && s
       }
-    ) }, t && /* @__PURE__ */ o.createElement("div", { className: "k-table-header" }, t), !c && g && n.length !== 0 && /* @__PURE__ */ o.createElement(We, { group: g, groupMode: p, render: h }), this.renderList(), e && /* @__PURE__ */ o.createElement("div", { className: "k-list-footer" }, e))))));
+    ) }, t && /* @__PURE__ */ o.createElement("div", { className: "k-table-header" }, t), !c && g && n.length !== 0 && /* @__PURE__ */ o.createElement(Ae, { group: g, groupMode: p, render: h }), this.renderList(), e && /* @__PURE__ */ o.createElement("div", { className: "k-list-footer" }, e))))));
   }
   renderListContainer() {
     const i = this.base, { dir: t, header: e, footer: s, data: n = [], groupField: a, groupMode: p, size: c, list: d, virtual: r, groupStickyHeaderItemRender: h } = this.props, u = this.props.opened !== void 0 ? this.props.opened : this.state.opened, g = i.getPopupSettings(), m = g.width !== void 0 ? g.width : i.popupWidth;
     let { group: v } = this.state;
-    return v === void 0 && a !== void 0 && (v = V(n[0], a)), /* @__PURE__ */ o.createElement(
+    return v === void 0 && a !== void 0 && (v = B(n[0], a)), /* @__PURE__ */ o.createElement(
       Et,
       {
         width: m,
@@ -1677,7 +1690,7 @@ const Zs = "Please enter a valid value!", { sizeMap: bt, roundedMap: ei } = $e,
           animate: g.animate,
           anchor: this.element,
           show: u,
-          popupClass: B(
+          popupClass: V(
             g.popupClass,
             "k-list-container",
             "k-combobox-popup"
@@ -1688,15 +1701,15 @@ const Zs = "Please enter a valid value!", { sizeMap: bt, roundedMap: ei } = $e,
         dir: t !== void 0 ? t : this.base.dirCalculated,
         itemsCount: [n.length]
       },
-      /* @__PURE__ */ o.createElement("div", { className: B(
+      /* @__PURE__ */ o.createElement("div", { className: V(
         {
           ["k-list"]: !d,
-          [`k-list-${bt[c] || c}`]: !d && c,
+          [`k-list-${vt[c] || c}`]: !d && c,
           ["k-virtual-list"]: r,
           ["k-data-table"]: d,
-          [`k-table-${bt[c] || c}`]: d && c
+          [`k-table-${vt[c] || c}`]: d && c
         }
-      ) }, e && /* @__PURE__ */ o.createElement("div", { className: "k-table-header" }, e), !d && v && n.length !== 0 && /* @__PURE__ */ o.createElement(We, { group: v, groupMode: p, render: h }), this.renderList(), s && /* @__PURE__ */ o.createElement("div", { className: B(
+      ) }, e && /* @__PURE__ */ o.createElement("div", { className: "k-table-header" }, e), !d && v && n.length !== 0 && /* @__PURE__ */ o.createElement(Ae, { group: v, groupMode: p, render: h }), this.renderList(), s && /* @__PURE__ */ o.createElement("div", { className: V(
         {
           ["k-list-footer"]: !this.props.footerClassName
         },
@@ -1713,7 +1726,7 @@ const Zs = "Please enter a valid value!", { sizeMap: bt, roundedMap: ei } = $e,
       groupHeaderItemRender: a,
       data: p = [],
       virtual: c = { skip: 0, total: void 0 }
-    } = this.props, d = i.getPopupSettings(), r = i.vs, h = c.skip, u = this.props.opened !== void 0 ? this.props.opened : this.state.opened, g = `translateY(${r.translate}px)`, m = u ? this.getFocusedIndex() : void 0, v = this.props.filter !== void 0 ? this.props.filter : this.state.text, b = V(this.value, t), w = G(v) && v !== b ? null : this.value, S = this.props.list || Ue;
+    } = this.props, d = i.getPopupSettings(), r = i.vs, h = c.skip, u = this.props.opened !== void 0 ? this.props.opened : this.state.opened, g = `translateY(${r.translate}px)`, m = u ? this.getFocusedIndex() : void 0, v = this.props.filter !== void 0 ? this.props.filter : this.state.text, b = B(this.value, t), w = G(v) && v !== b ? null : this.value, S = this.props.list || Ge;
     return /* @__PURE__ */ o.createElement(
       S,
       {
@@ -1733,7 +1746,7 @@ const Zs = "Please enter a valid value!", { sizeMap: bt, roundedMap: ei } = $e,
           r.list = this.base.list = D, this.itemHeight = 0;
         },
         wrapperStyle: this.state.windowWidth && this.state.windowWidth > Se ? { maxHeight: d.height } : {},
-        wrapperCssClass: B(
+        wrapperCssClass: V(
           "k-list-content",
           {
             ["k-list-scroller"]: !c
@@ -1807,7 +1820,7 @@ const Zs = "Please enter a valid value!", { sizeMap: bt, roundedMap: ei } = $e,
   }
   suggestValue(i) {
     const { data: t, textField: e } = this.props;
-    this._suggested = zs(i, t, e);
+    this._suggested = Hs(i, t, e);
   }
   applyState(i) {
     this.base.applyState(i), this._valueDuringOnChange = void 0;
@@ -1817,9 +1830,9 @@ const Zs = "Please enter a valid value!", { sizeMap: bt, roundedMap: ei } = $e,
       this.setState({ windowWidth: t.target.clientWidth });
   }
 };
-let dt = It;
-dt.displayName = "ComboBox";
-dt.propTypes = {
+let rt = yt;
+rt.displayName = "ComboBox";
+rt.propTypes = {
   ...ie.propTypes,
   size: l.oneOf([null, "small", "medium", "large"]),
   rounded: l.oneOf([null, "small", "medium", "large", "full"]),
@@ -1844,7 +1857,7 @@ dt.propTypes = {
   valueRender: l.func,
   skipDisabledItems: l.bool
 };
-dt.defaultProps = {
+rt.defaultProps = {
   ...ie.defaultProps,
   size: "medium",
   rounded: "medium",
@@ -1856,14 +1869,14 @@ dt.defaultProps = {
   isMultiColumn: !1,
   skipDisabledItems: !0
 };
-const ti = Ke(), bs = wt(ti, dt);
-bs.displayName = "KendoReactComboBox";
-const si = "Please enter a valid value!", { sizeMap: ls, roundedMap: ii } = $e, Wt = class extends o.Component {
+const si = Be(), ys = St(wt(si, rt));
+ys.displayName = "KendoReactComboBox";
+const ii = "Please enter a valid value!", { sizeMap: ls, roundedMap: ni } = qe, Wt = class extends o.Component {
   constructor(i) {
-    super(i), this.state = {}, this.base = new ie(this), this._element = null, this._inputId = Fe(), this._suggested = "", this._input = null, this._isScrolling = !1, this.itemHeight = 0, this.focus = () => {
+    super(i), this.state = {}, this.base = new ie(this), this._element = null, this._suggested = "", this._input = null, this._isScrolling = !1, this.itemHeight = 0, this.focus = () => {
       this._input && this._input.focus();
     }, this.handleItemSelect = (t, e) => {
-      const { data: s = [] } = this.props, n = V(s[t], this.props.textField);
+      const { data: s = [] } = this.props, n = B(s[t], this.props.textField);
       this.triggerOnChange(n, e);
     }, this.itemFocus = (t, e) => {
       const { data: s = [], textField: n } = this.props, a = s[t];
@@ -1872,7 +1885,7 @@ const si = "Please enter a valid value!", { sizeMap: ls, roundedMap: ii } = $e,
       this.base.togglePopup(t);
     }, this.setValidity = () => {
       this._input && this._input.setCustomValidity && this._input.setCustomValidity(
-        this.validity.valid ? "" : this.props.validationMessage || si
+        this.validity.valid ? "" : this.props.validationMessage || ii
       );
     }, this.onScroll = (t) => {
       this._isScrolling = !0;
@@ -1982,7 +1995,10 @@ const si = "Please enter a valid value!", { sizeMap: ls, roundedMap: ii } = $e,
         const e = this.base.initState();
         e.data.focused = !1, e.events.push({ type: "onBlur" }), e.syntheticEvent = t, this.applyInputValue(t.currentTarget.value, e);
       }
-    }, qe(je);
+    }, We(Ue);
+  }
+  get _inputId() {
+    return this.props.id + "-accessibility-id";
   }
   /**
    * @hidden
@@ -2054,12 +2070,12 @@ const si = "Please enter a valid value!", { sizeMap: ls, roundedMap: ii } = $e,
     const b = /* @__PURE__ */ o.createElement(
       "span",
       {
-        className: B(
+        className: V(
           "k-autocomplete k-input",
           s,
           {
             [`k-input-${ls[c] || c}`]: c,
-            [`k-rounded-${ii[d] || d}`]: d,
+            [`k-rounded-${ni[d] || d}`]: d,
             [`k-input-${r}`]: r,
             "k-invalid": !h,
             "k-loading": a,
@@ -2075,11 +2091,11 @@ const si = "Please enter a valid value!", { sizeMap: ls, roundedMap: ii } = $e,
       },
       this.renderSearchBar(g || "", v),
       a && /* @__PURE__ */ o.createElement(ke, { className: "k-input-loading-icon", name: "loading" }),
-      m && !a && /* @__PURE__ */ o.createElement(rt, { onClick: this.clearButtonClick, key: "clearbutton" }),
+      m && !a && /* @__PURE__ */ o.createElement(lt, { onClick: this.clearButtonClick, key: "clearbutton" }),
       this.renderListContainer()
     );
     return e ? /* @__PURE__ */ o.createElement(
-      Ge,
+      $e,
       {
         label: e,
         editorId: v,
@@ -2110,7 +2126,7 @@ const si = "Please enter a valid value!", { sizeMap: ls, roundedMap: ii } = $e,
   applyInputValue(i, t, e) {
     const s = this.props.opened !== void 0 ? this.props.opened : this.state.opened, { data: n = [], textField: a } = this.props, p = this.focusedIndex(), c = n[p];
     if (this._suggested = "", s && e === f.enter && c && !c.disabled) {
-      const d = V(n[this.focusedIndex(i)], a);
+      const d = B(n[this.focusedIndex(i)], a);
       this.triggerOnChange(d, t);
     }
     s && this.togglePopup(t), this.applyState(t);
@@ -2158,7 +2174,7 @@ const si = "Please enter a valid value!", { sizeMap: ls, roundedMap: ii } = $e,
       groupStickyHeaderItemRender: d
     } = this.props, r = i.getPopupSettings(), h = this.props.opened !== void 0 ? this.props.opened : this.state.opened, u = r.width !== void 0 ? r.width : i.popupWidth;
     let { group: g } = this.state;
-    return g === void 0 && p !== void 0 && (g = V(n[0], p)), /* @__PURE__ */ o.createElement(
+    return g === void 0 && p !== void 0 && (g = B(n[0], p)), /* @__PURE__ */ o.createElement(
       Et,
       {
         width: u,
@@ -2166,7 +2182,7 @@ const si = "Please enter a valid value!", { sizeMap: ls, roundedMap: ii } = $e,
           animate: r.animate,
           anchor: this.element,
           show: h,
-          popupClass: B(
+          popupClass: V(
             r.popupClass,
             "k-list-container",
             "k-autocomplete-popup"
@@ -2181,14 +2197,14 @@ const si = "Please enter a valid value!", { sizeMap: ls, roundedMap: ii } = $e,
       /* @__PURE__ */ o.createElement(
         "div",
         {
-          className: B(
+          className: V(
             "k-list",
             {
               [`k-list-${ls[a] || a}`]: a
             }
           )
         },
-        !c && g && n.length !== 0 && /* @__PURE__ */ o.createElement(We, { group: g, groupMode: "modern", render: d }),
+        !c && g && n.length !== 0 && /* @__PURE__ */ o.createElement(Ae, { group: g, groupMode: "modern", render: d }),
         this.renderList()
       ),
       s && /* @__PURE__ */ o.createElement("div", { className: "k-list-footer" }, s)
@@ -2203,7 +2219,7 @@ const si = "Please enter a valid value!", { sizeMap: ls, roundedMap: ii } = $e,
       groupHeaderItemRender: p
     } = this.props, c = this.value, d = this.props.opened !== void 0 ? this.props.opened : this.state.opened;
     return /* @__PURE__ */ o.createElement(
-      Ue,
+      Ge,
       {
         id: i.listBoxId,
         show: d,
@@ -2238,7 +2254,7 @@ const si = "Please enter a valid value!", { sizeMap: ls, roundedMap: ii } = $e,
     if (this._suggested = "", i) {
       const { data: t = [], textField: e } = this.props, s = t[Ve(t, i, e)];
       if (s) {
-        const n = V(s, e);
+        const n = B(s, e);
         i.toLowerCase() !== n.toLowerCase() && (this._suggested = n.substring(i.length));
       }
     }
@@ -2285,10 +2301,10 @@ Tt.defaultProps = {
   fillMode: "solid",
   skipDisabledItems: !0
 };
-const ni = Ke(), oi = wt(ni, Tt);
-oi.displayName = "KendoReactAutoComplete";
-const ai = (i) => i.syntheticEvent.preventDefault(), li = (i) => i.syntheticEvent.stopPropagation();
-class ys extends o.Component {
+const oi = Be(), ai = St(wt(oi, Tt));
+ai.displayName = "KendoReactAutoComplete";
+const li = (i) => i.syntheticEvent.preventDefault(), ri = (i) => i.syntheticEvent.stopPropagation();
+class Is extends o.Component {
   render() {
     const { data: t, guid: e, focused: s, tagRender: n, tag: a, onTagDelete: p, size: c } = this.props;
     return /* @__PURE__ */ o.createElement(o.Fragment, null, t.map((d, r) => {
@@ -2302,7 +2318,7 @@ class ys extends o.Component {
           onTagDelete: p
         }
       ) : /* @__PURE__ */ o.createElement(
-        _s,
+        Rs,
         {
           id: `tag-${e}-${d.text.replace(/\s+/g, "-")}`,
           "aria-selected": !0,
@@ -2312,8 +2328,8 @@ class ys extends o.Component {
           text: d.text,
           removable: !0,
           onRemove: (u) => p.call(void 0, d.data, u.syntheticEvent),
-          onMouseDown: ai,
-          onClick: li,
+          onMouseDown: li,
+          onClick: ri,
           className: d === s ? "k-focus" : void 0,
           size: c
         }
@@ -2322,7 +2338,7 @@ class ys extends o.Component {
     }), this.props.children);
   }
 }
-var st = /* @__PURE__ */ ((i) => (i[i.PopupList = 0] = "PopupList", i[i.TagsList = 1] = "TagsList", i))(st || {});
+var tt = /* @__PURE__ */ ((i) => (i[i.PopupList = 0] = "PopupList", i[i.TagsList = 1] = "TagsList", i))(tt || {});
 const rs = 500, es = (i) => {
   const {
     footer: t,
@@ -2353,10 +2369,10 @@ const rs = 500, es = (i) => {
       type: "button",
       fillMode: "flat",
       icon: "x",
-      svgIcon: at,
+      svgIcon: ot,
       onClick: d
     }
-  ))), h && /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-titlebar-group k-actionsheet-filter" }, h)), e, t && /* @__PURE__ */ o.createElement(Rs, { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ o.createElement(
+  ))), h && /* @__PURE__ */ o.createElement("div", { className: "k-actionsheet-titlebar-group k-actionsheet-filter" }, h)), e, t && /* @__PURE__ */ o.createElement(Vs, { className: "k-actions k-actions-stretched" }, /* @__PURE__ */ o.createElement(
     Te,
     {
       size: "large",
@@ -2380,12 +2396,12 @@ const rs = 500, es = (i) => {
     },
     t.applyText
   )));
-}, { sizeMap: yt, roundedMap: ri } = $e, di = "Please enter a valid value!", ds = (i) => i.preventDefault(), cs = (i) => i === 2, qt = class extends o.Component {
+}, { sizeMap: bt, roundedMap: di } = qe, ci = "Please enter a valid value!", ds = (i) => i.preventDefault(), cs = (i) => i === 2, qt = class extends o.Component {
   constructor(i) {
     super(i), this.state = {
-      activedescendant: st.PopupList,
+      activedescendant: tt.PopupList,
       currentValue: []
-    }, this._element = null, this._valueItemsDuringOnChange = null, this._inputId = Fe(), this.base = new ie(this), this._tags = [], this._input = null, this._adaptiveInput = null, this._skipFocusEvent = !1, this._lastSelectedOrDeslectedItemIndex = null, this.itemHeight = 0, this.scrollToFocused = !1, this.localization = null, this.focus = () => {
+    }, this._element = null, this._valueItemsDuringOnChange = null, this.base = new ie(this), this._tags = [], this._input = null, this._adaptiveInput = null, this._skipFocusEvent = !1, this._lastSelectedOrDeslectedItemIndex = null, this.itemHeight = 0, this.scrollToFocused = !1, this.localization = null, this.focus = () => {
       this._input && this._input.focus();
     }, this.handleItemSelect = (t, e) => {
       const { data: s = [], dataItemKey: n, virtual: a } = this.props, p = a ? a.skip : 0, c = s[t - p], d = this.value.findIndex((u) => R(u, c, n));
@@ -2396,10 +2412,10 @@ const rs = 500, es = (i) => {
       const s = this.base.initState();
       s.syntheticEvent = e, this.opened && this.base.togglePopup(s), !this.state.focused && !this.mobileMode && (s.data.focused = !0, this.focus());
       const n = this.value;
-      vt(n, t, this.props.dataItemKey), this.triggerOnChange(n, s), this.applyState(s);
+      mt(n, t, this.props.dataItemKey), this.triggerOnChange(n, s), this.applyState(s);
     }, this.itemFocus = (t, e) => {
       const { data: s = [], allowCustom: n, virtual: a } = this.props, p = a ? a.skip : 0, c = this.props.filter !== void 0 ? this.props.filter : this.state.text, { focusedIndex: d } = this.getFocusedState(), r = n && c, h = s[t - p];
-      h && d !== t ? this.state.focusedIndex !== t && (e.data.focusedIndex = t, e.data.activedescendant = st.PopupList) : r && t === -1 && this.state.focusedIndex !== void 0 && (e.data.focusedIndex = void 0), this.base.triggerPageChangeCornerItems(h, e);
+      h && d !== t ? this.state.focusedIndex !== t && (e.data.focusedIndex = t, e.data.activedescendant = tt.PopupList) : r && t === -1 && this.state.focusedIndex !== void 0 && (e.data.focusedIndex = void 0), this.base.triggerPageChangeCornerItems(h, e);
     }, this.componentRef = (t) => {
       this._element = t, this.base.wrapper = t;
     }, this.searchbarRef = (t) => {
@@ -2497,8 +2513,8 @@ const rs = 500, es = (i) => {
       const { header: t, footer: e, allowCustom: s, size: n, data: a = [], groupStickyHeaderItemRender: p, groupField: c, list: d } = this.props, r = this.props.filter !== void 0 ? this.props.filter : this.state.text, { focusedType: h } = this.getFocusedState(), u = s && r && /* @__PURE__ */ o.createElement(
         "div",
         {
-          className: B("k-list", {
-            [`k-list-${yt[n] || n}`]: n
+          className: V("k-list", {
+            [`k-list-${bt[n] || n}`]: n
           }),
           key: "customitem",
           onClick: this.customItemSelect,
@@ -2507,26 +2523,26 @@ const rs = 500, es = (i) => {
         /* @__PURE__ */ o.createElement(
           "div",
           {
-            className: B("k-list-item k-custom-item", { "k-focus": cs(h) }),
+            className: V("k-list-item k-custom-item", { "k-focus": cs(h) }),
             style: { fontStyle: "italic" }
           },
           r,
-          /* @__PURE__ */ o.createElement(ke, { name: "plus", icon: Ms, style: { position: "absolute", right: "0.5em" } })
+          /* @__PURE__ */ o.createElement(ke, { name: "plus", icon: Ns, style: { position: "absolute", right: "0.5em" } })
         )
       );
       let { group: g } = this.state;
-      return g === void 0 && c !== void 0 && (g = V(a[0], c)), /* @__PURE__ */ o.createElement(o.Fragment, null, t && /* @__PURE__ */ o.createElement("div", { className: "k-list-header" }, t), u, /* @__PURE__ */ o.createElement(
+      return g === void 0 && c !== void 0 && (g = B(a[0], c)), /* @__PURE__ */ o.createElement(o.Fragment, null, t && /* @__PURE__ */ o.createElement("div", { className: "k-list-header" }, t), u, /* @__PURE__ */ o.createElement(
         "div",
         {
-          className: B(
+          className: V(
             "k-list",
             {
-              [`k-list-${this.mobileMode ? "lg" : yt[n] || n}`]: n,
+              [`k-list-${this.mobileMode ? "lg" : bt[n] || n}`]: n,
               "k-virtual-list": this.base.vs.enabled
             }
           )
         },
-        !d && g && a.length !== 0 && /* @__PURE__ */ o.createElement(We, { group: g, groupMode: "modern", render: p }),
+        !d && g && a.length !== 0 && /* @__PURE__ */ o.createElement(Ae, { group: g, groupMode: "modern", render: p }),
         this.renderList()
       ), e && /* @__PURE__ */ o.createElement("div", { className: "k-list-footer" }, e));
     }, this.renderListContainer = () => {
@@ -2534,7 +2550,7 @@ const rs = 500, es = (i) => {
         dir: e !== void 0 ? e : t.dirCalculated,
         width: a,
         popupSettings: {
-          popupClass: B(
+          popupClass: V(
             n.popupClass,
             "k-list-container",
             "k-multiselect-popup"
@@ -2552,9 +2568,9 @@ const rs = 500, es = (i) => {
       return /* @__PURE__ */ o.createElement(Et, { ...p }, this.listContainerContent());
     }, this.renderAdaptiveListContainer = () => {
       const { adaptiveTitle: t, filterable: e, filter: s } = this.props, { windowWidth: n = 0 } = this.state, a = s !== void 0 ? s : this.state.text;
-      this.localization = Ae(this);
+      this.localization = He(this);
       const p = e ? /* @__PURE__ */ o.createElement(
-        Be,
+        Re,
         {
           value: a,
           ref: (d) => this._adaptiveInput = d && d.element,
@@ -2571,13 +2587,13 @@ const rs = 500, es = (i) => {
         windowWidth: n,
         mobileFilter: p,
         footer: {
-          cancelText: this.localization.toLanguageString(ot, le[ot]),
+          cancelText: this.localization.toLanguageString(nt, le[nt]),
           onCancel: this.onCancel,
-          applyText: this.localization.toLanguageString(nt, le[nt]),
+          applyText: this.localization.toLanguageString(it, le[it]),
           onApply: this.closePopup
         }
       };
-      return /* @__PURE__ */ o.createElement(es, { ...c }, /* @__PURE__ */ o.createElement(lt, { className: "!k-overflow-hidden" }, /* @__PURE__ */ o.createElement("div", { className: "k-list-container" }, this.listContainerContent())));
+      return /* @__PURE__ */ o.createElement(es, { ...c }, /* @__PURE__ */ o.createElement(at, { className: "!k-overflow-hidden" }, /* @__PURE__ */ o.createElement("div", { className: "k-list-container" }, this.listContainerContent())));
     }, this.closePopup = (t) => {
       const e = this.base.initState();
       e.syntheticEvent = t, t.stopPropagation(), this.state.focusedIndex !== void 0 && (e.data.focusedIndex = void 0), this.opened && this.base.togglePopup(e), e.events.push({ type: "onClose" });
@@ -2599,7 +2615,7 @@ const rs = 500, es = (i) => {
         virtual: c = { skip: 0, total: void 0 }
       } = this.props, d = this.base.vs, { focusedIndex: r } = this.getFocusedState(), h = this.base.getPopupSettings(), u = `translateY(${d.translate}px)`;
       return /* @__PURE__ */ o.createElement(
-        Ue,
+        Ge,
         {
           id: this.base.listBoxId,
           show: this.opened,
@@ -2679,12 +2695,15 @@ const rs = 500, es = (i) => {
       }, 0);
     }, this.setValidity = () => {
       this._input && this._input.setCustomValidity && this._input.setCustomValidity(
-        this.validity.valid ? "" : this.props.validationMessage || di
+        this.validity.valid ? "" : this.props.validationMessage || ci
       );
-    }, qe(je);
+    }, We(Ue);
+  }
+  get _inputId() {
+    return this.props.id;
   }
   get document() {
-    if (Me)
+    if (Fe)
       return this.element && this.element.ownerDocument || document;
   }
   /** @hidden */
@@ -2700,7 +2719,7 @@ const rs = 500, es = (i) => {
     const { tags: i, textField: t } = this.props;
     let e = [];
     return i === void 0 ? this.value.forEach((s) => {
-      e.push({ text: V(s, t), data: [s] });
+      e.push({ text: B(s, t), data: [s] });
     }) : e.push(...i), e;
   }
   /**
@@ -2755,7 +2774,7 @@ const rs = 500, es = (i) => {
   /** @hidden */
   componentDidMount() {
     var i;
-    this.observerResize = Me && window.ResizeObserver && new window.ResizeObserver(this.calculateMedia.bind(this)), this.base.didMount(), this.setValidity(), (i = this.document) != null && i.body && this.observerResize && this.observerResize.observe(this.document.body);
+    this.observerResize = Fe && window.ResizeObserver && new window.ResizeObserver(this.calculateMedia.bind(this)), this.base.didMount(), this.setValidity(), (i = this.document) != null && i.body && this.observerResize && this.observerResize.observe(this.document.body);
   }
   /** @hidden */
   componentWillUnmount() {
@@ -2803,9 +2822,9 @@ const rs = 500, es = (i) => {
       "div",
       {
         ref: this.componentRef,
-        className: B("k-multiselect k-input", t, {
-          [`k-input-${yt[d] || d}`]: d,
-          [`k-rounded-${ri[r] || r}`]: r,
+        className: V("k-multiselect k-input", t, {
+          [`k-input-${bt[d] || d}`]: d,
+          [`k-rounded-${di[r] || r}`]: r,
           [`k-input-${h}`]: h,
           "k-focus": v && !n,
           "k-invalid": !O,
@@ -2818,40 +2837,40 @@ const rs = 500, es = (i) => {
         onFocus: this.handleFocus,
         onBlur: this.handleBlur,
         onClick: this.handleWrapperClick,
-        onMouseDown: Hs
+        onMouseDown: As
       },
-      /* @__PURE__ */ o.createElement("div", { className: B("k-input-values") }, /* @__PURE__ */ o.createElement(
+      /* @__PURE__ */ o.createElement("div", { className: V("k-input-values") }, /* @__PURE__ */ o.createElement(
         "div",
         {
-          className: B(
+          className: V(
             "k-chip-list",
-            { [`k-chip-list-${yt[d] || d}`]: d }
+            { [`k-chip-list-${bt[d] || d}`]: d }
           ),
           role: "listbox",
           id: "tagslist-" + this.base.guid
         },
         N && N.length > 0 && /* @__PURE__ */ o.createElement(
-          ys,
+          Is,
           {
             tagRender: this.props.tagRender,
             onTagDelete: this.onTagDelete,
             data: N,
             guid: this.base.guid,
-            focused: b ? N.find((F) => xt(F, b, p)) : void 0,
+            focused: b ? N.find((F) => Ct(F, b, p)) : void 0,
             size: d
           }
         )
       ), this.renderSearchBar(D)),
       u && /* @__PURE__ */ o.createElement(ke, { className: "k-input-loading-icon", name: "loading" }),
-      _ && /* @__PURE__ */ o.createElement(rt, { onClick: this.clearButtonClick }),
+      _ && /* @__PURE__ */ o.createElement(lt, { onClick: this.clearButtonClick }),
       !this.mobileMode && this.renderListContainer()
     ), this.mobileMode && this.renderAdaptiveListContainer());
     return e ? /* @__PURE__ */ o.createElement(
-      Ge,
+      $e,
       {
         label: e,
         editorId: D,
-        editorValue: m || V(this.value[0], a),
+        editorValue: m || B(this.value[0], a),
         editorValid: O,
         editorDisabled: n,
         style: { width: i ? i.width : void 0 },
@@ -2860,7 +2879,7 @@ const rs = 500, es = (i) => {
     ) : C;
   }
   renderSearchBar(i) {
-    const { activedescendant: t, focusedTag: e, currentValue: s } = this.state, { disabled: n, placeholder: a, ariaDescribedBy: p } = this.props, c = !this.mobileMode && (this.props.filter !== void 0 ? this.props.filter : this.state.text) || "", { focusedIndex: d } = this.getFocusedState(), r = this.value.length === 0 && !c ? a : void 0, h = s && s.length > 0 ? void 0 : a, u = t === st.TagsList && e !== void 0 ? `tag-${this.base.guid}-${e.text.replace(/\s+/g, "-")}` : `option-${this.base.guid}-${d}`;
+    const { activedescendant: t, focusedTag: e, currentValue: s } = this.state, { disabled: n, placeholder: a, ariaDescribedBy: p } = this.props, c = !this.mobileMode && (this.props.filter !== void 0 ? this.props.filter : this.state.text) || "", { focusedIndex: d } = this.getFocusedState(), r = this.value.length === 0 && !c ? a : void 0, h = s && s.length > 0 ? void 0 : a, u = t === tt.TagsList && e !== void 0 ? `tag-${this.base.guid}-${e.text.replace(/\s+/g, "-")}` : `option-${this.base.guid}-${d}`;
     return /* @__PURE__ */ o.createElement(
       Zt,
       {
@@ -2886,7 +2905,7 @@ const rs = 500, es = (i) => {
   }
   onTagsNavigate(i, t) {
     const e = i.keyCode, { focusedTag: s } = this.state, n = this._tags, a = this.props.dataItemKey;
-    let p = s ? n.findIndex((r) => xt(r, s, a)) : -1, c;
+    let p = s ? n.findIndex((r) => Ct(r, s, a)) : -1, c;
     const d = p !== -1;
     if (e === f.left)
       d ? p = Math.max(0, p - 1) : p = n.length - 1, c = n[p];
@@ -2899,18 +2918,18 @@ const rs = 500, es = (i) => {
     else if (e === f.delete) {
       if (d) {
         const r = this.value;
-        vt(r, n[p].data, a), this.triggerOnChange(r, t);
+        mt(r, n[p].data, a), this.triggerOnChange(r, t);
       }
     } else if (e === f.backspace) {
       const r = this.value;
       if (d)
-        vt(r, n[p].data, a), this.triggerOnChange(r, t);
+        mt(r, n[p].data, a), this.triggerOnChange(r, t);
       else if (!d && n.length) {
         const h = n.pop();
-        vt(r, h.data, a), this.triggerOnChange(r, t);
+        mt(r, h.data, a), this.triggerOnChange(r, t);
       }
     }
-    c !== s && (t.data.focusedTag = c, t.data.activedescendant = st.TagsList), this.applyState(t);
+    c !== s && (t.data.focusedTag = c, t.data.activedescendant = tt.TagsList), this.applyState(t);
   }
   triggerOnChange(i, t) {
     this.props.value === void 0 && (t.data.value = [...i]), this._valueItemsDuringOnChange = [], this.setItems(i, this._valueItemsDuringOnChange), t.events.push({ type: "onChange" });
@@ -3034,14 +3053,14 @@ Ft.defaultProps = {
   groupMode: "modern",
   skipDisabledItems: !0
 };
-const ci = Ke(), pi = wt(ci, Ft);
-pi.displayName = "KendoReactMultiSelect";
-const hi = (i) => /* @__PURE__ */ o.createElement(
-  Ue,
+const pi = Be(), hi = St(wt(pi, Ft));
+hi.displayName = "KendoReactMultiSelect";
+const ui = (i) => /* @__PURE__ */ o.createElement(
+  Ge,
   {
     ...i,
     wrapperCssClass: "k-table-body k-table-scroller",
-    listClassName: B(
+    listClassName: V(
       "k-table k-table-list",
       {
         "k-virtual-table": i.virtual !== void 0
@@ -3049,10 +3068,10 @@ const hi = (i) => /* @__PURE__ */ o.createElement(
     ),
     listStyle: { ...i.listStyle }
   }
-), ui = (i, t) => i ? typeof i == "number" ? i + "px" : i : t, gi = Ke(), ts = o.forwardRef((i, t) => {
-  const e = Gt(gi, i), s = o.useRef(null), n = o.useRef(null), a = ws(), {
-    columns: p = He.columns,
-    popupSettings: c = He.popupSettings,
+), gi = (i, t) => i ? typeof i == "number" ? i + "px" : i : t, fi = Be(), ts = o.forwardRef((i, t) => {
+  const e = Gt(fi, i), s = o.useRef(null), n = o.useRef(null), a = Es(), {
+    columns: p = ze.columns,
+    popupSettings: c = ze.popupSettings,
     className: d,
     size: r,
     onOpen: h,
@@ -3080,7 +3099,7 @@ const hi = (i) => /* @__PURE__ */ o.createElement(
   const D = o.useMemo(
     () => {
       if (e.groupField !== void 0 && e.data)
-        return V(e.data[0], e.groupField);
+        return B(e.data[0], e.groupField);
     },
     [e.data, e.groupField]
   ), [N, O] = o.useState(D), [_, C] = o.useState(!0), F = o.useMemo(
@@ -3091,7 +3110,7 @@ const hi = (i) => /* @__PURE__ */ o.createElement(
           "col",
           {
             key: H.uniqueKey ? H.uniqueKey : L,
-            style: { width: H.width ? H.width : He.width }
+            style: { width: H.width ? H.width : ze.width }
           }
         )
       )), /* @__PURE__ */ o.createElement("thead", { className: "k-table-thead" }, /* @__PURE__ */ o.createElement("tr", { className: "k-table-row" }, p.map((H, L) => /* @__PURE__ */ o.createElement("th", { className: "k-table-th", key: H.uniqueKey ? H.uniqueKey : L }, H.header || " "))), N && _ && /* @__PURE__ */ o.createElement("tr", { className: "k-table-group-row" }, e.groupStickyHeaderItemRender ? e.groupStickyHeaderItemRender.call(void 0, P, {}) : P)))));
@@ -3100,7 +3119,7 @@ const hi = (i) => /* @__PURE__ */ o.createElement(
   ), x = o.useMemo(
     () => (
       // These additional 4px are coming from the child elements side borders (fixes horizontal scrollbar)
-      `calc(${p.map((P) => ui(P.width, He.width)).filter(Boolean).join(" + ")} + ${a}px + 4px)`
+      `calc(${p.map((P) => gi(P.width, ze.width)).filter(Boolean).join(" + ")} + ${a}px + 4px)`
     ),
     [p, a]
   ), E = e.virtual ? e.virtual.skip : 0, M = o.useCallback(
@@ -3109,17 +3128,17 @@ const hi = (i) => /* @__PURE__ */ o.createElement(
         "span",
         {
           className: e.itemRender ? void 0 : "k-table-td",
-          style: e.itemRender ? void 0 : { width: J.width ? J.width : He.width },
+          style: e.itemRender ? void 0 : { width: J.width ? J.width : ze.width },
           key: J.uniqueKey ? J.uniqueKey : W
         },
-        J.field ? String(kt(J.field)(H.dataItem)) : ""
+        J.field ? String(It(J.field)(H.dataItem)) : ""
       ));
-      let me, Ce, Ne, Oe, Pe = e.data || [];
+      let me, Ce, Me, Ne, Oe = e.data || [];
       const A = H.index - E;
-      e.groupField !== void 0 && (Oe = kt(e.groupField), Ce = Oe(Pe[A]), Ne = Oe(Pe[A - 1]), Ce && Ne && Ce !== Ne && (me = Ce)), me && e.groupMode === "classic" && L.push(/* @__PURE__ */ o.createElement("div", { key: "group", className: "k-table-td k-table-group-td" }, /* @__PURE__ */ o.createElement("span", null, me)));
+      e.groupField !== void 0 && (Ne = It(e.groupField), Ce = Ne(Oe[A]), Me = Ne(Oe[A - 1]), Ce && Me && Ce !== Me && (me = Ce)), me && e.groupMode === "classic" && L.push(/* @__PURE__ */ o.createElement("div", { key: "group", className: "k-table-td k-table-group-td" }, /* @__PURE__ */ o.createElement("span", null, me)));
       const X = o.cloneElement(P, {
         ...P.props,
-        className: B("k-table-row", {
+        className: V("k-table-row", {
           "k-table-alt-row": H.index % 2 !== 0,
           "k-focus": H.focused,
           "k-selected": H.selected,
@@ -3148,22 +3167,22 @@ const hi = (i) => /* @__PURE__ */ o.createElement(
     []
   );
   o.useEffect(() => {
-    Es();
+    Ds();
   }), o.useEffect(() => {
     const P = e.data;
     O(D), P && P.length !== 0 ? C(!0) : C(!1);
   }, [e.data]);
-  const Le = o.useCallback((P) => /* @__PURE__ */ o.createElement(hi, { ...P }), []);
+  const Ke = o.useCallback((P) => /* @__PURE__ */ o.createElement(ui, { ...P }), []);
   return /* @__PURE__ */ o.createElement(
-    Ns.Provider,
+    Os.Provider,
     {
       value: (P) => ({ ...P, popupClass: `k-dropdowngrid-popup ${c.popupClass}` })
     },
     /* @__PURE__ */ o.createElement(
-      bs,
+      ys,
       {
         ...S,
-        list: Le,
+        list: Ke,
         popupSettings: {
           width: x,
           ...c,
@@ -3187,7 +3206,7 @@ const hi = (i) => /* @__PURE__ */ o.createElement(
         onFilterChange: Q,
         onPageChange: ne,
         onGroupScroll: oe,
-        className: B("k-dropdowngrid", d),
+        className: V("k-dropdowngrid", d),
         required: e.required,
         adaptive: e.adaptive,
         adaptiveFilter: e.adaptiveFilter,
@@ -3197,10 +3216,10 @@ const hi = (i) => /* @__PURE__ */ o.createElement(
       }
     )
   );
-}), fi = {
-  ...dt.propTypes,
+}), mi = {
+  ...rt.propTypes,
   columns: l.any.isRequired
-}, He = {
+}, ze = {
   columns: [],
   popupSettings: {},
   width: "200px",
@@ -3209,9 +3228,9 @@ const hi = (i) => /* @__PURE__ */ o.createElement(
   fillMode: "solid"
 };
 ts.displayName = "KendoMultiColumnComboBox";
-ts.propTypes = fi;
-ts.defaultProps = He;
-function Is(i, t, e) {
+ts.propTypes = mi;
+ts.defaultProps = ze;
+function ks(i, t, e) {
   const [s, n] = o.useState(t);
   return o.useEffect(
     () => {
@@ -3220,7 +3239,7 @@ function Is(i, t, e) {
     e
   ), s;
 }
-const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata" }, /* @__PURE__ */ o.createElement("div", null, i.children)), { sizeMap: mi, roundedMap: vi } = $e, bi = "Please select a value from the list!", yi = (i) => /* @__PURE__ */ o.createElement("span", { className: "k-input-value-text" }, i.children), ps = (i) => i.split("_").map((t) => parseInt(t, 10)), Ii = (i, t) => {
+const Cs = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata" }, /* @__PURE__ */ o.createElement("div", null, i.children)), { sizeMap: vi, roundedMap: bi } = qe, yi = "Please select a value from the list!", Ii = (i) => /* @__PURE__ */ o.createElement("span", { className: "k-input-value-text" }, i.children), ps = (i) => i.split("_").map((t) => parseInt(t, 10)), ki = (i, t) => {
   const { validationMessage: e, valid: s, required: n } = i;
   return {
     customError: e !== void 0,
@@ -3242,12 +3261,12 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
   size: "medium",
   rounded: "medium",
   fillMode: "solid"
-}, ki = Ke(), Cs = o.forwardRef((i, t) => {
-  qe(je);
-  const e = Gt(ki, i), s = {
+}, Ci = Be(), xs = o.forwardRef((i, t) => {
+  We(Ue);
+  const e = Gt(Ci, i), s = {
     ...hs,
     ...e
-  }, n = o.useMemo(() => Fe(), []), a = s.id || n, {
+  }, n = fs(), a = s.id || n, {
     data: p,
     dataItemKey: c,
     popupSettings: d,
@@ -3265,7 +3284,7 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
     valid: O,
     required: _,
     validityStyles: C
-  } = s, F = $t(s.tabIndex, u), x = o.useRef(null), E = o.useRef(null), M = o.useRef(null), K = o.useRef(null), U = o.useRef(null), j = o.useRef(null), Y = o.useRef(!1), [re, we] = o.useState(void 0), ne = s.value !== void 0, Q = ne ? s.value : re !== void 0 ? re : s.defaultValue, oe = G(Q), Le = oe ? V(Q, s.textField) : "", P = Ii({ validationMessage: N, valid: O, required: _ }, oe), H = o.useCallback(() => E.current && E.current.focus(), []);
+  } = s, F = $t(s.tabIndex, u), x = o.useRef(null), E = o.useRef(null), M = o.useRef(null), K = o.useRef(null), U = o.useRef(null), j = o.useRef(null), Y = o.useRef(!1), [re, we] = o.useState(void 0), ne = s.value !== void 0, Q = ne ? s.value : re !== void 0 ? re : s.defaultValue, oe = G(Q), Ke = oe ? B(Q, s.textField) : "", P = ki({ validationMessage: N, valid: O, required: _ }, oe), H = o.useCallback(() => E.current && E.current.focus(), []);
   o.useImperativeHandle(
     x,
     () => ({
@@ -3274,31 +3293,31 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
       focus: H
     })
   ), o.useImperativeHandle(t, () => x.current);
-  const L = fs(E, s.dir), me = d.width !== void 0 ? d.width : r.width !== void 0 ? r.width : hs.popupSettings.width, Ne = {
-    width: Is(E, me),
+  const L = ms(E, s.dir), me = d.width !== void 0 ? d.width : r.width !== void 0 ? r.width : hs.popupSettings.width, Me = {
+    width: ks(E, me),
     ...L !== void 0 ? { direction: L } : {}
-  }, [Oe, Pe] = o.useState(!1), A = h !== void 0 ? h : Oe, [X, J] = o.useState(!1), [W, Ye] = o.useState(), ue = !!(W && W <= Se && s.adaptive), [ve, Mt] = o.useState(""), is = o.useCallback(
+  }, [Ne, Oe] = o.useState(!1), A = h !== void 0 ? h : Ne, [X, J] = o.useState(!1), [W, je] = o.useState(), ue = !!(W && W <= Se && s.adaptive), [ve, Mt] = o.useState(""), is = o.useCallback(
     () => {
       U.current && U.current.setCustomValidity && U.current.setCustomValidity(
-        P.valid ? "" : N === void 0 ? bi : N
+        P.valid ? "" : N === void 0 ? yi : N
       );
     },
     [N, P]
   );
   o.useEffect(is), o.useEffect(() => {
-    const I = Me && window.ResizeObserver && new window.ResizeObserver(Rt.bind(void 0));
+    const I = Fe && window.ResizeObserver && new window.ResizeObserver(Rt.bind(void 0));
     return document != null && document.body && I && I.observe(document.body), () => {
       document != null && document.body && I && I.disconnect();
     };
   }, []);
-  const ct = o.useCallback(
+  const dt = o.useCallback(
     (I) => {
       if (!A) {
         if (g) {
           const T = { ...I };
           g.call(void 0, T);
         }
-        h === void 0 && Pe(!0);
+        h === void 0 && Oe(!0);
       }
     },
     [A, h, g]
@@ -3309,7 +3328,7 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
           const T = { ...I };
           m.call(void 0, T);
         }
-        h === void 0 && (Pe(!1), ue && setTimeout(() => {
+        h === void 0 && (Oe(!1), ue && setTimeout(() => {
           var T;
           q((T = K.current) == null ? void 0 : T.element);
         }, 300));
@@ -3325,7 +3344,7 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
           nativeEvent: I.nativeEvent,
           target: x.current
         };
-        (A ? xe : ct)(T);
+        (A ? xe : dt)(T);
       }
     },
     [A, h, g, m]
@@ -3334,7 +3353,7 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
       Y.current = !0, I(), window.setTimeout(() => Y.current = !1, 0);
     },
     []
-  ), ze = o.useCallback(
+  ), Le = o.useCallback(
     (I) => {
       var k, z;
       const { keyCode: T, altKey: $ } = I, de = j.current && j.current.element;
@@ -3364,10 +3383,10 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
             q(((ee = M.current) == null ? void 0 : ee.element) || de);
           });
       else
-        $ && T === f.down ? (I.preventDefault(), ct(y)) : A || T === f.esc && ut(I);
+        $ && T === f.down ? (I.preventDefault(), dt(y)) : A || T === f.esc && ht(I);
     },
     [A, h, g, m]
-  ), _e = o.useCallback(
+  ), Pe = o.useCallback(
     (I) => {
       const { keyCode: T, altKey: $ } = I;
       $ || T !== f.up && T !== f.down || (I.preventDefault(), se(
@@ -3432,7 +3451,7 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
       }, 300);
     },
     [X, ue]
-  ), pt = o.useCallback(
+  ), ct = o.useCallback(
     (I, T, $) => {
       if (e.onChange) {
         const de = {
@@ -3445,7 +3464,7 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
       ne || we(T);
     },
     [e.onChange, ne]
-  ), ht = o.useCallback(
+  ), pt = o.useCallback(
     (I) => {
       if (R(I.item, Q, c) || !x.current)
         return;
@@ -3454,10 +3473,10 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
         nativeEvent: de,
         target: x.current
       };
-      pt(k, T, $), xe(k);
+      ct(k, T, $), xe(k);
     },
     [ne, Q, e.onChange, c, A, h, m]
-  ), ut = o.useCallback(
+  ), ht = o.useCallback(
     (I) => {
       if (!x.current)
         return;
@@ -3466,10 +3485,10 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
         nativeEvent: I.nativeEvent,
         target: x.current
       };
-      pt(T, null), xe(T), I.preventDefault();
+      ct(T, null), xe(T), I.preventDefault();
     },
     [ne, e.onChange, A, h, m]
-  ), gt = o.useCallback(
+  ), ut = o.useCallback(
     (I) => {
       if (I.syntheticEvent.stopPropagation(), e.onExpandChange && x.current) {
         const { item: T, itemHierarchicalIndex: $, nativeEvent: de, syntheticEvent: y } = I, k = {
@@ -3483,7 +3502,7 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
       }
     },
     [e.onExpandChange]
-  ), Je = o.useCallback(
+  ), Ye = o.useCallback(
     (I) => {
       if (e.onFilterChange && x.current) {
         const $ = {
@@ -3496,14 +3515,14 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
       }
     },
     [e.onFilterChange, e.filter, e.textField]
-  ), Qe = () => {
+  ), Je = () => {
     const I = s.filterable ? /* @__PURE__ */ o.createElement(
-      Be,
+      Re,
       {
         value: s.filter === void 0 ? ve : s.filter,
         ref: K,
-        onChange: Je,
-        onKeyDown: _e,
+        onChange: Ye,
+        onKeyDown: Pe,
         size: ge,
         rounded: be,
         fillMode: Ee
@@ -3515,51 +3534,51 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
       windowWidth: W,
       mobileFilter: I
     };
-    return /* @__PURE__ */ o.createElement(es, { ...T }, /* @__PURE__ */ o.createElement(lt, { className: "!k-overflow-hidden" }, /* @__PURE__ */ o.createElement("div", { className: "k-list-container" }, /* @__PURE__ */ o.createElement("div", { className: "k-list k-list-lg" }, p.length > 0 ? /* @__PURE__ */ o.createElement(
-      Ct,
+    return /* @__PURE__ */ o.createElement(es, { ...T }, /* @__PURE__ */ o.createElement(at, { className: "!k-overflow-hidden" }, /* @__PURE__ */ o.createElement("div", { className: "k-list-container" }, /* @__PURE__ */ o.createElement("div", { className: "k-list k-list-lg" }, p.length > 0 ? /* @__PURE__ */ o.createElement(
+      kt,
       {
         ref: j,
         tabIndex: F,
-        data: Xe,
+        data: Qe,
         focusIdField: c,
         textField: s.textField,
         selectField: S,
         expandField: s.expandField,
         childrenField: D,
         expandIcons: !0,
-        onItemClick: ht,
-        onExpandChange: gt,
+        onItemClick: pt,
+        onExpandChange: ut,
         size: ge,
         item: s.item,
         dir: L
       }
-    ) : /* @__PURE__ */ o.createElement(Ze, null, et.toLanguageString(fe, le[fe]))))));
+    ) : /* @__PURE__ */ o.createElement(Xe, null, Ze.toLanguageString(fe, le[fe]))))));
   }, Rt = o.useCallback(
     (I) => {
       for (let T of I)
-        Ye(T.target.clientWidth);
+        je(T.target.clientWidth);
     },
     []
-  ), Xe = o.useMemo(
-    () => ne || !oe ? p : Ds(
+  ), Qe = o.useMemo(
+    () => ne || !oe ? p : Ts(
       p,
       D,
-      (I) => Ts(
+      (I) => Fs(
         I,
         D,
         { [S]: R(I, Q, c) }
       )
     ),
     [p, Q, ne, oe, S, D]
-  ), Ze = s.listNoData || ks, ft = s.valueHolder || yi, et = vs(), mt = !C || P.valid, { size: ge, rounded: be, fillMode: Ee } = s, ae = /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
+  ), Xe = s.listNoData || Cs, gt = s.valueHolder || Ii, Ze = bs(), ft = !C || P.valid, { size: ge, rounded: be, fillMode: Ee } = s, ae = /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
     "span",
     {
-      className: B("k-dropdowntree k-picker", s.className, {
-        [`k-picker-${mi[ge] || ge}`]: ge,
-        [`k-rounded-${vi[be] || be}`]: be,
+      className: V("k-dropdowntree k-picker", s.className, {
+        [`k-picker-${vi[ge] || ge}`]: ge,
+        [`k-rounded-${bi[be] || be}`]: be,
         [`k-picker-${Ee}`]: Ee,
         "k-focus": X,
-        "k-invalid": !mt,
+        "k-invalid": !ft,
         "k-loading": s.loading,
         "k-required": _,
         "k-disabled": s.disabled
@@ -3570,7 +3589,7 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
       style: b ? { ...r, width: void 0 } : r,
       dir: L,
       ref: E,
-      onKeyDown: u ? void 0 : ze,
+      onKeyDown: u ? void 0 : Le,
       onMouseDown: _t,
       onClick: u ? void 0 : Nt,
       onFocus: Ot,
@@ -3584,19 +3603,19 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
       "aria-describedby": s.ariaDescribedBy,
       "aria-required": _
     },
-    /* @__PURE__ */ o.createElement("span", { className: "k-input-inner" }, /* @__PURE__ */ o.createElement(ft, { item: Q }, Le || v)),
+    /* @__PURE__ */ o.createElement("span", { className: "k-input-inner" }, /* @__PURE__ */ o.createElement(gt, { item: Q }, Ke || v)),
     s.loading && /* @__PURE__ */ o.createElement(ke, { className: "k-input-loading-icon", name: "loading" }),
     oe && !u && /* @__PURE__ */ o.createElement(
       "span",
       {
-        onClick: ut,
+        onClick: ht,
         className: "k-clear-value",
-        title: et.toLanguageString(it, le[it]),
+        title: Ze.toLanguageString(st, le[st]),
         role: "button",
         tabIndex: -1,
         onMouseDown: (I) => I.preventDefault()
       },
-      /* @__PURE__ */ o.createElement(ke, { name: "x", icon: at })
+      /* @__PURE__ */ o.createElement(ke, { name: "x", icon: ot })
     ),
     /* @__PURE__ */ o.createElement(
       Te,
@@ -3628,12 +3647,12 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
     !ue && /* @__PURE__ */ o.createElement(
       jt,
       {
-        className: B(d.className, { "k-rtl": L === "rtl" }),
-        popupClass: B(
+        className: V(d.className, { "k-rtl": L === "rtl" }),
+        popupClass: V(
           d.popupClass,
           "k-dropdowntree-popup"
         ),
-        style: Ne,
+        style: Me,
         animate: d.animate,
         anchor: E.current,
         show: A,
@@ -3642,45 +3661,45 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
         appendTo: d.appendTo
       },
       s.filterable && /* @__PURE__ */ o.createElement(
-        Be,
+        Re,
         {
           value: s.filter === void 0 ? ve : s.filter,
           ref: M,
-          onChange: Je,
-          onKeyDown: _e,
+          onChange: Ye,
+          onKeyDown: Pe,
           size: ge,
           rounded: be,
           fillMode: Ee
         }
       ),
       p.length > 0 ? /* @__PURE__ */ o.createElement(
-        Ct,
+        kt,
         {
           ref: j,
           tabIndex: F,
-          data: Xe,
+          data: Qe,
           focusIdField: c,
           textField: s.textField,
           selectField: S,
           expandField: s.expandField,
           childrenField: D,
           expandIcons: !0,
-          onItemClick: ht,
-          onExpandChange: gt,
+          onItemClick: pt,
+          onExpandChange: ut,
           size: ge,
           item: s.item,
           dir: L
         }
-      ) : /* @__PURE__ */ o.createElement(Ze, null, et.toLanguageString(fe, le[fe]))
+      ) : /* @__PURE__ */ o.createElement(Xe, null, Ze.toLanguageString(fe, le[fe]))
     )
-  ), ue && Qe());
+  ), ue && Je());
   return b ? /* @__PURE__ */ o.createElement(
-    Ge,
+    $e,
     {
       label: b,
-      editorValue: Le,
+      editorValue: Ke,
       editorPlaceholder: v,
-      editorValid: mt,
+      editorValid: ft,
       editorDisabled: u,
       editorId: a,
       style: { width: r ? r.width : void 0 },
@@ -3688,7 +3707,7 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
       dir: L
     }
   ) : ae;
-}), Ci = {
+}), xi = {
   opened: l.bool,
   disabled: l.bool,
   dir: l.string,
@@ -3741,16 +3760,16 @@ const ks = (i) => /* @__PURE__ */ o.createElement("div", { className: "k-nodata"
   adaptiveTitle: l.string,
   adaptive: l.bool
 };
-Cs.displayName = "KendoReactDropDownTree";
-Cs.propTypes = Ci;
-const xi = "Please select a value from the list!", { sizeMap: us, roundedMap: Si } = $e, wi = (i) => i.split("_").map((t) => parseInt(t, 10)), Ei = (i, t) => {
+xs.displayName = "KendoReactDropDownTree";
+xs.propTypes = xi;
+const Si = "Please select a value from the list!", { sizeMap: us, roundedMap: wi } = qe, Ei = (i) => i.split("_").map((t) => parseInt(t, 10)), Di = (i, t) => {
   const { validationMessage: e, valid: s, required: n } = i;
   return {
     customError: e !== void 0,
     valid: !!(s !== void 0 ? s : !n || t),
     valueMissing: !t
   };
-}, Re = {
+}, _e = {
   checkField: "checkField",
   checkIndeterminateField: "checkIndeterminateField",
   subItemsField: "items",
@@ -3764,10 +3783,10 @@ const xi = "Please select a value from the list!", { sizeMap: us, roundedMap: Si
   fillMode: "solid",
   required: !1,
   validityStyles: !0
-}, Di = Ke(), ss = o.forwardRef((i, t) => {
-  const e = Gt(Di, i);
-  qe(je);
-  const s = o.useMemo(() => Fe(), []), n = e.id || s, {
+}, Ti = Be(), ss = o.forwardRef((i, t) => {
+  const e = Gt(Ti, i);
+  We(Ue);
+  const s = fs(), n = e.id || s, {
     data: a = [],
     dataItemKey: p,
     popupSettings: c = {},
@@ -3779,20 +3798,20 @@ const xi = "Please select a value from the list!", { sizeMap: us, roundedMap: Si
     placeholder: m,
     label: v,
     name: b,
-    checkField: w = Re.checkField,
-    checkIndeterminateField: S = Re.checkIndeterminateField,
-    subItemsField: D = Re.subItemsField,
+    checkField: w = _e.checkField,
+    checkIndeterminateField: S = _e.checkIndeterminateField,
+    subItemsField: D = _e.subItemsField,
     validationMessage: N,
     valid: O,
     tags: _,
     value: C,
-    required: F = Re.required,
-    validityStyles: x = Re.validityStyles
-  } = e, E = $t(e.tabIndex, h), M = o.useRef(null), K = o.useRef(null), U = o.useRef(null), j = o.useRef(null), Y = o.useRef(null), re = o.useRef(null), we = o.useRef(!1), ne = o.useRef([]), Q = o.useRef(null), [oe, Le] = o.useState(), [P, H] = o.useState(!1), [L, me] = o.useState(!1), [Ce, Ne] = o.useState(), [Oe, Pe] = o.useState([]), [A, X] = o.useState(""), J = !!(Ce && Ce <= Se && e.adaptive), W = r !== void 0 ? r : P, Ye = !!(Array.isArray(C) && C.length), ue = Ei({ validationMessage: N, valid: O, required: F }, Ye), ve = fs(K, e.dir), Mt = c.width !== void 0 ? c.width : d.width !== void 0 ? d.width : Re.popupSettings.width, ct = {
-    width: Is(K, Mt),
+    required: F = _e.required,
+    validityStyles: x = _e.validityStyles
+  } = e, E = $t(e.tabIndex, h), M = o.useRef(null), K = o.useRef(null), U = o.useRef(null), j = o.useRef(null), Y = o.useRef(null), re = o.useRef(null), we = o.useRef(!1), ne = o.useRef([]), Q = o.useRef(null), [oe, Ke] = o.useState(), [P, H] = o.useState(!1), [L, me] = o.useState(!1), [Ce, Me] = o.useState(), [Ne, Oe] = o.useState([]), [A, X] = o.useState(""), J = !!(Ce && Ce <= Se && e.adaptive), W = r !== void 0 ? r : P, je = !!(Array.isArray(C) && C.length), ue = Di({ validationMessage: N, valid: O, required: F }, je), ve = ms(K, e.dir), Mt = c.width !== void 0 ? c.width : d.width !== void 0 ? d.width : _e.popupSettings.width, dt = {
+    width: ks(K, Mt),
     ...ve !== void 0 ? { direction: ve } : {}
   }, xe = o.useCallback(() => K.current && K.current.focus(), []);
-  ne.current = _ === void 0 ? (C || []).map((y) => ({ text: V(y, e.textField), data: [y] })) : [..._], o.useImperativeHandle(
+  ne.current = _ === void 0 ? (C || []).map((y) => ({ text: B(y, e.textField), data: [y] })) : [..._], o.useImperativeHandle(
     M,
     () => ({
       props: e,
@@ -3803,13 +3822,13 @@ const xi = "Please select a value from the list!", { sizeMap: us, roundedMap: Si
   const Nt = o.useCallback(
     () => {
       Y.current && Y.current.setCustomValidity && Y.current.setCustomValidity(
-        ue.valid ? "" : N === void 0 ? xi : N
+        ue.valid ? "" : N === void 0 ? Si : N
       );
     },
     [N, ue]
   );
   o.useEffect(Nt), o.useEffect(() => {
-    const y = Me && window.ResizeObserver && new window.ResizeObserver(mt.bind(void 0));
+    const y = Fe && window.ResizeObserver && new window.ResizeObserver(ft.bind(void 0));
     return document != null && document.body && y && y.observe(document.body), () => {
       y && y.disconnect();
     };
@@ -3831,7 +3850,7 @@ const xi = "Please select a value from the list!", { sizeMap: us, roundedMap: Si
       }
     },
     [e.onChange]
-  ), ze = o.useCallback(
+  ), Le = o.useCallback(
     (y) => {
       if (R(y.item, C, p) || !M.current)
         return;
@@ -3843,14 +3862,14 @@ const xi = "Please select a value from the list!", { sizeMap: us, roundedMap: Si
       se(ye, [k], "toggle");
     },
     [C, p, se]
-  ), _e = o.useCallback(
+  ), Pe = o.useCallback(
     (y) => {
       if (!W) {
         if (u) {
           const k = { ...y };
           u.call(void 0, k);
         }
-        r === void 0 && (H(!0), Pe(C || []), J && setTimeout(() => {
+        r === void 0 && (H(!0), Oe(C || []), J && setTimeout(() => {
           var k;
           Z((k = j.current) == null ? void 0 : k.element);
         }, 300));
@@ -3901,7 +3920,7 @@ const xi = "Please select a value from the list!", { sizeMap: us, roundedMap: Si
       }
     },
     [L, e.onFocus]
-  ), pt = o.useCallback(
+  ), ct = o.useCallback(
     (y) => {
       if (L && !we.current && M.current) {
         me(!1);
@@ -3918,12 +3937,12 @@ const xi = "Please select a value from the list!", { sizeMap: us, roundedMap: Si
       }
     },
     [L, e.onBlur, W, r, g]
-  ), ht = o.useCallback(
+  ), pt = o.useCallback(
     () => {
       L && he(De);
     },
     [L, he]
-  ), ut = o.useCallback(
+  ), ht = o.useCallback(
     (y) => {
       if (!y.isDefaultPrevented() && M.current) {
         me(!0);
@@ -3932,11 +3951,11 @@ const xi = "Please select a value from the list!", { sizeMap: us, roundedMap: Si
           nativeEvent: y.nativeEvent,
           target: M.current
         };
-        W || _e(k);
+        W || Pe(k);
       }
     },
-    [W, _e]
-  ), gt = o.useCallback(
+    [W, Pe]
+  ), ut = o.useCallback(
     (y) => {
       var Ie, ns;
       const { keyCode: k, altKey: z } = y, ee = re.current && re.current.element;
@@ -3949,9 +3968,9 @@ const xi = "Please select a value from the list!", { sizeMap: us, roundedMap: Si
       };
       if (C && C.length > 0 && (k === f.left || k === f.right || k === f.home || k === f.end || k === f.delete)) {
         const te = ne.current;
-        let ce = oe ? te.findIndex((xs) => xt(xs, oe, p)) : -1, pe;
-        const Bt = ce !== -1;
-        k === f.left ? (Bt ? ce = Math.max(0, ce - 1) : ce = te.length - 1, pe = te[ce]) : k === f.right ? ce === te.length - 1 ? pe = void 0 : Bt && (ce = Math.min(te.length - 1, ce + 1), pe = te[ce]) : k === f.home ? pe = te[0] : k === f.end ? pe = te[te.length - 1] : k === f.delete && Bt && se(ye, te[ce].data, "delete"), pe !== oe && Le(pe);
+        let ce = oe ? te.findIndex((Ss) => Ct(Ss, oe, p)) : -1, pe;
+        const Vt = ce !== -1;
+        k === f.left ? (Vt ? ce = Math.max(0, ce - 1) : ce = te.length - 1, pe = te[ce]) : k === f.right ? ce === te.length - 1 ? pe = void 0 : Vt && (ce = Math.min(te.length - 1, ce + 1), pe = te[ce]) : k === f.home ? pe = te[0] : k === f.end ? pe = te[te.length - 1] : k === f.delete && Vt && se(ye, te[ce].data, "delete"), pe !== oe && Ke(pe);
       }
       if (W)
         if (k === f.esc || z && k === f.up)
@@ -3972,10 +3991,10 @@ const xi = "Please select a value from the list!", { sizeMap: us, roundedMap: Si
             Z(((te = U.current) == null ? void 0 : te.element) || ee);
           });
       else
-        z && k === f.down && (y.preventDefault(), _e(ye));
+        z && k === f.down && (y.preventDefault(), Pe(ye));
     },
-    [W, q, Z, he, _e, oe, p, C, se]
-  ), Je = o.useCallback(
+    [W, q, Z, he, Pe, oe, p, C, se]
+  ), Ye = o.useCallback(
     (y) => {
       const { keyCode: k, altKey: z } = y;
       z || k !== f.up && k !== f.down || (y.preventDefault(), he(
@@ -3987,7 +4006,7 @@ const xi = "Please select a value from the list!", { sizeMap: us, roundedMap: Si
       ));
     },
     [Z, he]
-  ), Qe = o.useCallback(
+  ), Je = o.useCallback(
     (y) => {
       if (!M.current)
         return;
@@ -4009,11 +4028,11 @@ const xi = "Please select a value from the list!", { sizeMap: us, roundedMap: Si
       }, y, "delete");
     },
     [se, q, Z, L]
-  ), Xe = o.useCallback(
+  ), Qe = o.useCallback(
     (y) => {
       if (e.onExpandChange && M.current) {
         const { item: k, itemHierarchicalIndex: z, nativeEvent: ee, syntheticEvent: ye } = y, Ie = {
-          level: wi(z),
+          level: Ei(z),
           item: k,
           nativeEvent: ee,
           syntheticEvent: ye,
@@ -4023,7 +4042,7 @@ const xi = "Please select a value from the list!", { sizeMap: us, roundedMap: Si
       }
     },
     [e.onExpandChange]
-  ), Ze = o.useCallback(
+  ), Xe = o.useCallback(
     (y) => {
       if (e.onFilterChange && M.current) {
         const z = {
@@ -4036,7 +4055,7 @@ const xi = "Please select a value from the list!", { sizeMap: us, roundedMap: Si
       }
     },
     [e.onFilterChange, e.filter, e.textField]
-  ), ft = o.useCallback(
+  ), gt = o.useCallback(
     (y) => {
       if (!M.current)
         return;
@@ -4048,14 +4067,14 @@ const xi = "Please select a value from the list!", { sizeMap: us, roundedMap: Si
       e.onCancel && e.onCancel.call(void 0, k), q(k), y.preventDefault();
     },
     [e.onCancel, q]
-  ), et = () => {
+  ), Ze = () => {
     const y = e.filterable ? /* @__PURE__ */ o.createElement(
-      Be,
+      Re,
       {
         value: e.filter === void 0 ? A : e.filter,
         ref: j,
-        onChange: Ze,
-        onKeyDown: Je,
+        onChange: Xe,
+        onKeyDown: Ye,
         size: ae,
         rounded: I,
         fillMode: T
@@ -4063,18 +4082,18 @@ const xi = "Please select a value from the list!", { sizeMap: us, roundedMap: Si
     ) : null, k = {
       adaptiveTitle: e.adaptiveTitle,
       expand: W,
-      onClose: (z) => e.onCancel ? ft(z) : Qe(z),
+      onClose: (z) => e.onCancel ? gt(z) : Je(z),
       windowWidth: Ce,
       mobileFilter: y,
       footer: {
-        cancelText: be.toLanguageString(ot, le[ot]),
-        onCancel: (z) => e.onCancel ? ft(z) : Qe(z),
-        applyText: be.toLanguageString(nt, le[nt]),
+        cancelText: be.toLanguageString(nt, le[nt]),
+        onCancel: (z) => e.onCancel ? gt(z) : Je(z),
+        applyText: be.toLanguageString(it, le[it]),
         onApply: (z) => q(z)
       }
     };
-    return /* @__PURE__ */ o.createElement(es, { ...k }, /* @__PURE__ */ o.createElement(lt, { className: "!k-overflow-hidden" }, /* @__PURE__ */ o.createElement("div", { className: "k-list-container" }, /* @__PURE__ */ o.createElement("div", { className: "k-list k-list-lg" }, a.length > 0 ? /* @__PURE__ */ o.createElement(
-      Ct,
+    return /* @__PURE__ */ o.createElement(es, { ...k }, /* @__PURE__ */ o.createElement(at, { className: "!k-overflow-hidden" }, /* @__PURE__ */ o.createElement("div", { className: "k-list-container" }, /* @__PURE__ */ o.createElement("div", { className: "k-list k-list-lg" }, a.length > 0 ? /* @__PURE__ */ o.createElement(
+      kt,
       {
         ref: re,
         tabIndex: E,
@@ -4086,27 +4105,27 @@ const xi = "Please select a value from the list!", { sizeMap: us, roundedMap: Si
         expandField: e.expandField,
         childrenField: D,
         expandIcons: !0,
-        onItemClick: ze,
-        onCheckChange: ze,
-        onExpandChange: Xe,
+        onItemClick: Le,
+        onCheckChange: Le,
+        onExpandChange: Qe,
         checkboxes: !0,
         size: ae,
         item: e.item,
         dir: ve
       }
     ) : /* @__PURE__ */ o.createElement(ge, null, be.toLanguageString(fe, le[fe]))))));
-  }, mt = o.useCallback(
+  }, ft = o.useCallback(
     (y) => {
       for (let k of y)
-        Ne(k.target.clientWidth);
+        Me(k.target.clientWidth);
     },
     []
-  ), ge = e.listNoData || ks, be = vs(), Ee = !x || ue.valid, { size: ae, rounded: I, fillMode: T } = e, $ = J && W ? Oe : ne.current, de = /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
+  ), ge = e.listNoData || Cs, be = bs(), Ee = !x || ue.valid, { size: ae, rounded: I, fillMode: T } = e, $ = J && W ? Ne : ne.current, de = /* @__PURE__ */ o.createElement(o.Fragment, null, /* @__PURE__ */ o.createElement(
     "span",
     {
-      className: B("k-multiselecttree k-input", e.className, {
+      className: V("k-multiselecttree k-input", e.className, {
         [`k-input-${us[ae] || ae}`]: ae,
-        [`k-rounded-${Si[I] || I}`]: I,
+        [`k-rounded-${wi[I] || I}`]: I,
         [`k-input-${T}`]: T,
         "k-focus": L && !h,
         "k-invalid": !Ee,
@@ -4120,10 +4139,10 @@ const xi = "Please select a value from the list!", { sizeMap: us, roundedMap: Si
       style: v ? { ...d, width: void 0 } : d,
       dir: ve,
       ref: K,
-      onKeyDown: h ? void 0 : gt,
-      onMouseDown: ht,
+      onKeyDown: h ? void 0 : ut,
+      onMouseDown: pt,
       onFocus: _t,
-      onBlur: pt,
+      onBlur: ct,
       role: "combobox",
       "aria-haspopup": "tree",
       "aria-expanded": W,
@@ -4132,31 +4151,31 @@ const xi = "Please select a value from the list!", { sizeMap: us, roundedMap: Si
       "aria-labelledby": e.ariaLabelledBy,
       "aria-describedby": e.ariaDescribedBy ? e.ariaDescribedBy : "tagslist-" + n,
       "aria-required": e.required,
-      onClick: h ? void 0 : ut
+      onClick: h ? void 0 : ht
     },
     /* @__PURE__ */ o.createElement(
       "div",
       {
         id: "tagslist-" + n,
-        className: B("k-input-values k-chip-list k-selection-multiple", {
+        className: V("k-input-values k-chip-list k-selection-multiple", {
           [`k-chip-list-${us[ae] || ae}`]: ae
         })
       },
       $.length > 0 ? /* @__PURE__ */ o.createElement(
-        ys,
+        Is,
         {
           tag: e.tag,
           onTagDelete: Rt,
           data: $,
           guid: n,
-          focused: oe ? ne.current.find((y) => xt(y, oe, p)) : void 0,
+          focused: oe ? ne.current.find((y) => Ct(y, oe, p)) : void 0,
           size: ae
         }
       ) : m
     ),
     /* @__PURE__ */ o.createElement("span", { className: "k-input-inner" }, /* @__PURE__ */ o.createElement("span", { className: "k-input-value-text" }, " ")),
     e.loading && /* @__PURE__ */ o.createElement(ke, { className: "k-input-loading-icon", name: "loading" }),
-    Ye && !h && $.length > 0 && /* @__PURE__ */ o.createElement(rt, { onClick: Qe }),
+    je && !h && $.length > 0 && /* @__PURE__ */ o.createElement(lt, { onClick: Je }),
     /* @__PURE__ */ o.createElement(
       "select",
       {
@@ -4177,12 +4196,12 @@ const xi = "Please select a value from the list!", { sizeMap: us, roundedMap: Si
     !J && /* @__PURE__ */ o.createElement(
       jt,
       {
-        popupClass: B(
+        popupClass: V(
           c.popupClass,
           "k-multiselecttree-popup"
         ),
-        className: B(c.className, { "k-rtl": ve === "rtl" }),
-        style: ct,
+        className: V(c.className, { "k-rtl": ve === "rtl" }),
+        style: dt,
         animate: c.animate,
         anchor: K.current,
         show: W,
@@ -4192,12 +4211,12 @@ const xi = "Please select a value from the list!", { sizeMap: us, roundedMap: Si
         ref: Q
       },
       e.filterable && /* @__PURE__ */ o.createElement(
-        Be,
+        Re,
         {
           value: e.filter === void 0 ? A : e.filter,
           ref: U,
-          onChange: Ze,
-          onKeyDown: Je,
+          onChange: Xe,
+          onKeyDown: Ye,
           tabIndex: E,
           size: ae,
           rounded: I,
@@ -4205,7 +4224,7 @@ const xi = "Please select a value from the list!", { sizeMap: us, roundedMap: Si
         }
       ),
       a.length > 0 ? /* @__PURE__ */ o.createElement(
-        Ct,
+        kt,
         {
           ref: re,
           tabIndex: E,
@@ -4217,9 +4236,9 @@ const xi = "Please select a value from the list!", { sizeMap: us, roundedMap: Si
           expandField: e.expandField,
           childrenField: D,
           expandIcons: !0,
-          onItemClick: ze,
-          onCheckChange: ze,
-          onExpandChange: Xe,
+          onItemClick: Le,
+          onCheckChange: Le,
+          onExpandChange: Qe,
           checkboxes: !0,
           size: ae,
           item: e.item,
@@ -4227,12 +4246,12 @@ const xi = "Please select a value from the list!", { sizeMap: us, roundedMap: Si
         }
       ) : /* @__PURE__ */ o.createElement(ge, null, be.toLanguageString(fe, le[fe]))
     )
-  ), J && et());
+  ), J && Ze());
   return v ? /* @__PURE__ */ o.createElement(
-    Ge,
+    $e,
     {
       label: v,
-      editorValue: Ye,
+      editorValue: je,
       editorPlaceholder: m,
       editorValid: Ee,
       editorDisabled: h,
@@ -4242,7 +4261,7 @@ const xi = "Please select a value from the list!", { sizeMap: us, roundedMap: Si
       dir: ve
     }
   ) : de;
-}), Ti = {
+}), Fi = {
   opened: l.bool,
   disabled: l.bool,
   dir: l.string,
@@ -4301,28 +4320,28 @@ const xi = "Please select a value from the list!", { sizeMap: us, roundedMap: Si
   adaptive: l.bool
 };
 ss.displayName = "KendoReactMultiSelectTree";
-ss.defaultProps = Re;
-ss.propTypes = Ti;
-const tt = (i, t) => {
+ss.defaultProps = _e;
+ss.propTypes = Fi;
+const et = (i, t) => {
   const e = {};
   return i && i.length && i.forEach((s) => {
     e[t(s)] = !0;
   }), e;
-}, Ki = (i, t) => {
+}, Li = (i, t) => {
   const {
     items: e,
     dataItemKey: s,
     value: n,
     subItemsField: a = "items",
     operation: p
-  } = t, c = kt(s), d = tt(n, c);
+  } = t, c = It(s), d = et(n, c);
   if (p === "clear")
     return [];
   if (p === "delete") {
-    const O = tt(e, c);
+    const O = et(e, c);
     return n.filter((_) => !O[c(_)]);
   }
-  const r = e[0], h = c(r), u = kt(a), g = [...i], m = [];
+  const r = e[0], h = c(r), u = It(a), g = [...i], m = [];
   let v = [], b;
   for (; g.length; ) {
     const O = g.pop();
@@ -4346,7 +4365,7 @@ const tt = (i, t) => {
   const D = !d[h], N = [];
   if (D) {
     N.push(...n), N.push(b), N.push(...S.filter((C) => !d[c(C)]));
-    const O = v.filter((C) => !d[c(C)]), _ = tt(N, c);
+    const O = v.filter((C) => !d[c(C)]), _ = et(N, c);
     for (let C = O.length - 1; C > -1; C--) {
       const F = O[C], x = u(F);
       if (x.filter((M) => _[c(M)]).length < x.length)
@@ -4354,7 +4373,7 @@ const tt = (i, t) => {
       N.push(F), _[c(F)] = !0;
     }
   } else {
-    const O = c(b), _ = tt(S, c), C = tt(v, c);
+    const O = c(b), _ = et(S, c), C = et(v, c);
     N.push(
       ...n.filter((F) => {
         const x = c(F);
@@ -4365,33 +4384,34 @@ const tt = (i, t) => {
   return N;
 };
 export {
-  oi as AutoComplete,
-  ni as AutoCompletePropsContext,
+  ai as AutoComplete,
+  oi as AutoCompletePropsContext,
   Tt as AutoCompleteWithoutContext,
-  bs as ComboBox,
-  ti as ComboBoxPropsContext,
-  dt as ComboBoxWithoutContext,
-  Xs as DropDownList,
-  Qs as DropDownListPropsContext,
+  ys as ComboBox,
+  si as ComboBoxPropsContext,
+  rt as ComboBoxWithoutContext,
+  Zs as DropDownList,
+  Dt as DropDownListClassComponent,
+  Xs as DropDownListPropsContext,
   Dt as DropDownListWithoutContext,
-  Cs as DropDownTree,
-  ki as DropDownTreePropsContext,
-  Ue as List,
+  xs as DropDownTree,
+  Ci as DropDownTreePropsContext,
+  Ge as List,
   Et as ListContainer,
-  Be as ListFilter,
-  qs as ListItem,
+  Re as ListFilter,
+  $s as ListItem,
   ts as MultiColumnComboBox,
-  gi as MultiColumnComboBoxPropsContext,
-  pi as MultiSelect,
-  ci as MultiSelectPropsContext,
+  fi as MultiColumnComboBoxPropsContext,
+  hi as MultiSelect,
+  pi as MultiSelectPropsContext,
   ss as MultiSelectTree,
-  Di as MultiSelectTreePropsContext,
+  Ti as MultiSelectTreePropsContext,
   Ft as MultiSelectWithoutContext,
   Zt as SearchBar,
-  ys as TagList,
+  Is as TagList,
   le as dropdownsMessages,
-  Ki as getMultiSelectTreeValue,
-  tt as getValueMap,
+  Li as getMultiSelectTreeValue,
+  et as getValueMap,
   fe as nodata,
-  Ks as scrollToItem
+  Ls as scrollToItem
 };