@progress/kendo-react-common 7.0.0-develop.9 → 7.0.1-develop.1

package/index.mjs

@@ -2,15 +2,16 @@
 * 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 r from "react";
 import * as Y from "@progress/kendo-licensing";
-import * as Et from "react-dom";
+import * as bt from "react-dom";
 import * as g from "prop-types";
-import { dispatchDragAndDrop as bt, getScrollableParent as Xe, autoScroll as xt } from "@progress/kendo-draggable-common";
-const Ve = r.createContext(0), xn = () => r.useContext(Ve);
-Ve.displayName = "KendoReactZIndexContext";
+import { dispatchDragAndDrop as xt, getScrollableParent as Xe, autoScroll as yt } from "@progress/kendo-draggable-common";
+const qe = r.createContext(0), kn = () => r.useContext(qe);
+qe.displayName = "KendoReactZIndexContext";
 const pt = () => typeof document < "u" ? document : {};
-class qe {
+class Ke {
   constructor() {
     this.scrollbar = 0;
   }
@@ -24,43 +25,43 @@ class qe {
   }
 }
 const he = !!// from fbjs
-(typeof window < "u" && window.document && window.document.createElement), yt = (e) => {
+(typeof window < "u" && window.document && window.document.createElement), kt = (e) => {
   var t;
   return !!(typeof e == "function" && ((t = e.prototype) != null && t.isReactComponent));
-}, kt = (e) => !!(e.$$typeof && typeof e.render == "function"), pn = (e) => typeof Comment != "string" && (yt(e) || kt(e)), Ke = (...e) => {
+}, Dt = (e) => !!(e.$$typeof && typeof e.render == "function"), Dn = (e) => typeof Comment != "string" && (kt(e) || Dt(e)), We = (...e) => {
   const t = {}, n = (s) => typeof s == "object" ? Object.keys(s).forEach((l) => {
     t[l] = s[l];
   }) : t[s] = !0, o = (s) => s.filter((l) => l !== !0 && !!l).map((l) => Array.isArray(l) ? o(l) : n(l));
   return o(e), Object.keys(t).map((s) => t[s] && s || null).filter((s) => s !== null).join(" ");
-}, Dt = (e) => e ? new Date(e.getTime()) : null;
-function yn(e) {
+}, At = (e) => e ? new Date(e.getTime()) : null;
+function An(e) {
   const t = {};
-  return We(e, t), t;
+  return _e(e, t), t;
 }
-function We(e, t) {
+function _e(e, t) {
   for (let n in e)
     if (e.hasOwnProperty(n)) {
       const o = e[n];
-      t[n] = _e(o, t[n]);
+      t[n] = $e(o, t[n]);
     }
 }
-function _e(e, t) {
+function $e(e, t) {
   if (Array.isArray(e))
-    return At(e);
+    return wt(e);
   if (e instanceof Date)
-    return Dt(e);
+    return At(e);
   if (r.isValidElement(e))
     return r.cloneElement(e, e.props);
   if (e && typeof e == "object") {
     const n = t || {};
-    return We(e, n), n;
+    return _e(e, n), n;
   } else
     return e;
 }
-function At(e) {
-  return e.map((t) => _e(t, void 0));
+function wt(e) {
+  return e.map((t) => $e(t, void 0));
 }
-const kn = (e) => {
+const wn = (e) => {
   if (e) {
     if ((e instanceof HTMLInputElement || e.tabIndex !== -1) && e.focus) {
       e.focus();
@@ -70,26 +71,26 @@ const kn = (e) => {
     t && t.focus && t.focus();
   }
 };
-class Dn {
+class Pn {
 }
-const wt = -1, Pt = 0, An = (e, t, n) => {
+const Pt = -1, It = 0, In = (e, t, n) => {
   const o = typeof e == "string" ? parseInt(e) : e;
   if (!Number.isNaN(o))
-    return o !== void 0 ? o : t ? n ? void 0 : wt : Pt;
-}, It = /\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g;
-function $e(e) {
+    return o !== void 0 ? o : t ? n ? void 0 : Pt : It;
+}, Ot = /\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g;
+function et(e) {
   const t = [];
-  return e.replace(It, function(n, o, s, l) {
+  return e.replace(Ot, function(n, o, s, l) {
     t.push(o !== void 0 ? o : s || l);
   }), t;
 }
 const z = {};
 z.undefined = () => {
 };
-function wn(e) {
+function On(e) {
   if (z[e])
     return z[e];
-  const t = $e(e);
+  const t = et(e);
   return z[e] = function(n) {
     let o = n;
     for (let s = 0; s < t.length && o; s++)
@@ -97,12 +98,12 @@ function wn(e) {
     return o;
   }, z[e];
 }
-const Pn = () => {
+const Ye = () => {
   let e = "", t, n;
   for (t = 0; t < 32; t++)
     n = Math.random() * 16 | 0, (t === 8 || t === 12 || t === 16 || t === 20) && (e += "-"), e += (t === 12 ? 4 : t === 16 ? n & 3 | 8 : n).toString(16);
   return e;
-}, In = {
+}, Mn = {
   backspace: 8,
   tab: 9,
   enter: 13,
@@ -119,49 +120,49 @@ const Pn = () => {
   down: 40,
   delete: 46
 }, C = function() {
-}, On = () => !he || !document.body ? !1 : new qe().scrollbarWidth, Mn = () => {
+}, Sn = () => !he || !document.body ? !1 : new Ke().scrollbarWidth, Rn = () => {
   if (!he || !document.body)
     return !1;
-  let e = new qe().scrollbarWidth;
+  let e = new Ke().scrollbarWidth;
   document.body.style.setProperty("--kendo-scrollbar-width", `${e}px`);
 }, F = {};
 F.undefined = (e) => e;
-const Ot = (e, t) => t && t.arrays && !isNaN(Number(e)) ? [] : {};
-function Sn(e) {
+const Mt = (e, t) => t && t.arrays && !isNaN(Number(e)) ? [] : {};
+function Ln(e) {
   if (F[e])
     return F[e];
-  const t = $e(e);
+  const t = et(e);
   return F[e] = (n, o, s) => {
     let l = n;
     const c = t.length - 1;
     for (let i = 0; i < c && l; i++)
-      l = l[t[i]] = l[t[i]] || Ot(t[i + 1], s);
+      l = l[t[i]] = l[t[i]] || Mt(t[i + 1], s);
     l[t[c]] = o;
   }, F[e];
 }
-function Ye(e, t, n) {
+function Ge(e, t, n) {
   return n ? { ...e, [t]: n.length ? [...n] : void 0 } : e && e[t] ? [...e[t]] : [];
 }
-function et(e, t, n) {
+function tt(e, t, n) {
   if (e[t]) {
-    let o = Ye(e, t).map((s) => et(s, t, n));
-    return n(Ye(e, t, o));
+    let o = Ge(e, t).map((s) => tt(s, t, n));
+    return n(Ge(e, t, o));
   }
   return n(e);
 }
-const Rn = (e, t, n) => [...e.map((o) => et(o, t, n))], Ln = (e, t, n, o) => {
+const Tn = (e, t, n) => [...e.map((o) => tt(o, t, n))], Nn = (e, t, n, o) => {
   let s = e;
   const l = [];
   for (let f = 0; f < t.length; f++)
     s = s[t[f]], s = Array.isArray(s) ? s : s[n], l.push(s);
   const c = l.length > 1 ? l[l.length - 2] : e, i = t[t.length - 1], h = o(c[i]);
   c.splice(i, 1, h);
-}, Tn = (e, t, n) => Object.assign(
+}, Hn = (e, t, n) => Object.assign(
   {},
   e,
   e[t] ? { [t]: e[t].slice() } : {},
   n || {}
-), Nn = (e, t, n) => {
+), Bn = (e, t, n) => {
   const o = [], s = [...t];
   if (s.length) {
     let l = e[s.shift() || 0];
@@ -169,8 +170,8 @@ const Rn = (e, t, n) => [...e.map((o) => et(o, t, n))], Ln = (e, t, n, o) => {
       l = l[n][s.shift() || 0], o.push(l);
   }
   return o;
-}, Mt = ["telerik.com", "progress.com", "stackblitz.io", "csb.app"];
-function Bn(e) {
+}, St = ["telerik.com", "progress.com", "stackblitz.io", "csb.app"];
+function jn(e) {
   if (typeof Y < "u")
     Y.validatePackage(e);
   else {
@@ -181,13 +182,13 @@ function Bn(e) {
 `, console.warn(t);
   }
 }
-function Hn(e) {
-  return !Mt.some((n) => {
+function Qn(e) {
+  return !St.some((n) => {
     var o;
     return (o = globalThis.document) == null ? void 0 : o.location.hostname.endsWith(n);
   }) && !(Y != null && Y.validatePackage(e));
 }
-const jn = (e) => {
+const zn = (e) => {
   if (!he)
     return !1;
   const t = e ? e.ownerDocument : document;
@@ -199,12 +200,12 @@ const jn = (e) => {
   s.appendChild(t.createTextNode("child")), s.style.position = "fixed", s.style.top = n + "px", o.appendChild(s), t.body.appendChild(o);
   const l = s.getBoundingClientRect().top !== n;
   return t.body.removeChild(o), l;
-}, St = "https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-banner";
-let Ge = !1;
-const Qn = () => {
+}, Rt = "https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-banner";
+let Je = !1;
+const Fn = () => {
   const [e, t] = r.useState(!0), [n, o] = r.useState(!1);
   r.useEffect(() => {
-    Ge || (o(!0), Ge = !0);
+    Je || (o(!0), Je = !0);
   }, []);
   const s = () => {
     t(!1);
@@ -224,7 +225,7 @@ const Qn = () => {
     backgroundColor: "#FFC000",
     color: "#1E1E1E",
     zIndex: 999
-  } }, /* @__PURE__ */ r.createElement("span", { style: { display: "flex", alignSelf: "center", marginRight: "8px" } }, /* @__PURE__ */ r.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 1L0 15H16L8 1ZM7 6V11H9V6H7ZM7 14V12H9V14H7Z", fill: "#1E1E1E" }))), /* @__PURE__ */ r.createElement("span", null, "No valid license found for KendoReact. Learn how to activate your license."), /* @__PURE__ */ r.createElement("div", { style: { display: "flex", alignItems: "center", marginLeft: "24px" } }, /* @__PURE__ */ r.createElement("a", { href: St, style: { marginRight: "8px", display: "flex" } }, /* @__PURE__ */ r.createElement(
+  } }, /* @__PURE__ */ r.createElement("span", { style: { display: "flex", alignSelf: "center", marginRight: "8px" } }, /* @__PURE__ */ r.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, /* @__PURE__ */ r.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 1L0 15H16L8 1ZM7 6V11H9V6H7ZM7 14V12H9V14H7Z", fill: "#1E1E1E" }))), /* @__PURE__ */ r.createElement("span", null, "No valid license found for KendoReact. Learn how to activate your license."), /* @__PURE__ */ r.createElement("div", { style: { display: "flex", alignItems: "center", marginLeft: "24px" } }, /* @__PURE__ */ r.createElement("a", { href: Rt, style: { marginRight: "8px", display: "flex" } }, /* @__PURE__ */ r.createElement(
     "button",
     {
       title: "Learn More",
@@ -271,15 +272,15 @@ const Qn = () => {
         left: 0,
         right: 0,
         bottom: 0,
-        opacity: 0.2,
+        opacity: 0.12,
         zIndex: 101,
         pointerEvents: "none",
         backgroundImage: "url('data:image/png;base64,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')"
       }
     }
-  ), n && Et.createPortal(l, document.body));
+  ), n && bt.createPortal(l, document.body));
 };
-function zn(e, t, n, o) {
+function Xn(e, t, n, o) {
   if (e) {
     const s = {
       syntheticEvent: t,
@@ -289,7 +290,7 @@ function zn(e, t, n, o) {
     e.call(void 0, Object.assign(s, o));
   }
 }
-function Rt({ onFocus: e, onBlur: t, onSyncFocus: n, onSyncBlur: o }) {
+function Lt({ onFocus: e, onBlur: t, onSyncFocus: n, onSyncBlur: o }) {
   const s = r.useRef(!1), l = r.useRef(0), c = r.useCallback(
     (f) => {
       clearTimeout(l.current), l.current = window.setTimeout(() => f());
@@ -315,20 +316,39 @@ function Rt({ onFocus: e, onBlur: t, onSyncFocus: n, onSyncBlur: o }) {
     onBlur: h
   };
 }
-const Fn = ({
+const Yn = ({
   children: e,
   onFocus: t,
   onBlur: n,
   onSyncFocus: o,
   onSyncBlur: s
 }) => {
-  const l = Rt({ onFocus: t, onBlur: n, onSyncFocus: o, onSyncBlur: s });
+  const l = Lt({ onFocus: t, onBlur: n, onSyncFocus: o, onSyncBlur: s });
   return /* @__PURE__ */ r.createElement(r.Fragment, null, e.call(void 0, { ...l }));
-}, Lt = (e, t) => r.useContext(e)(t), Xn = () => r.createContext((e) => e), Yn = (e, t) => r.forwardRef((n, o) => {
-  const s = Lt(e, n);
+}, Tt = (e, t) => r.useContext(e)(t), Gn = () => r.createContext((e) => e), Jn = (e, t) => r.forwardRef((n, o) => {
+  const s = Tt(e, n);
   return /* @__PURE__ */ r.createElement(t, { ...s, ref: o });
+}), Nt = typeof window < "u" ? r.useLayoutEffect : r.useEffect;
+function Ht(e) {
+  const [t, n] = r.useState(!1);
+  r.useEffect(() => {
+    n(!0);
+  }, []);
+  const [o, s] = r.useState(() => {
+    if (e)
+      return e;
+    if (t)
+      return Ye();
+  });
+  return Nt(() => {
+    o === void 0 && s(Ye());
+  }, []), r.useId ? e ?? r.useId() : o;
+}
+const Un = (e) => r.forwardRef((t, n) => {
+  const o = Ht(t.id);
+  return /* @__PURE__ */ r.createElement(e, { ...t, id: o, ref: n });
 });
-function Gn(e, t, n) {
+function Zn(e, t, n) {
   const [o, s] = r.useState(t);
   return r.useEffect(
     () => {
@@ -340,7 +360,7 @@ function Gn(e, t, n) {
     n
   ), o;
 }
-function Jn(e, t, n) {
+function Vn(e, t, n) {
   const [o, s] = r.useState(t);
   return r.useEffect(
     () => {
@@ -352,7 +372,7 @@ function Jn(e, t, n) {
     n
   ), o;
 }
-const Tt = (e, t, n = {}) => {
+const Bt = (e, t, n = {}) => {
   const o = r.useCallback(
     (u) => {
       n.onMouseDown && n.onMouseDown.call(void 0, u), e.onMouseDown && e.onMouseDown.call(void 0, {
@@ -437,9 +457,9 @@ const Tt = (e, t, n = {}) => {
     onMouseOut: d,
     onMouseOver: m
   };
-}, Un = (e) => [e, {}];
+}, qn = (e) => [e, {}];
 var X = /* @__PURE__ */ ((e) => (e[e.add = 0] = "add", e[e.remove = 1] = "remove", e))(X || {});
-const Je = (e = []) => {
+const Ue = (e = []) => {
   const t = r.useRef(e), n = r.useCallback(
     (o) => {
       switch (o.type) {
@@ -456,7 +476,7 @@ const Je = (e = []) => {
     []
   );
   return [t.current, n];
-}, Nt = (e) => {
+}, jt = (e) => {
   const t = r.useCallback(
     () => e.current && e.current.element ? e.current.element : e.current,
     [e]
@@ -465,13 +485,13 @@ const Je = (e = []) => {
     const o = t();
     return o && o.ownerDocument || document;
   }, [t]);
-}, Zn = (e) => {
-  const t = Nt(e);
+}, Kn = (e) => {
+  const t = jt(e);
   return r.useCallback(() => {
     const o = t();
     return o && o.defaultView || window;
   }, [t]);
-}, tt = {
+}, nt = {
   default: "",
   xsmall: "k-icon-xs",
   small: "k-icon-sm",
@@ -480,7 +500,7 @@ const Je = (e = []) => {
   xlarge: "k-icon-xl",
   xxlarge: "k-icon-xxl",
   xxxlarge: "k-icon-xxxl"
-}, Vn = (e) => e.replace(/^k-i-/, ""), Bt = (e) => "k-i-" + e, qn = g.shape({
+}, Wn = (e) => e.replace(/^k-i-/, ""), Qt = (e) => "k-i-" + e, _n = g.shape({
   name: g.string.isRequired,
   content: g.string.isRequired,
   viewBox: g.string.isRequired
@@ -492,14 +512,14 @@ const Je = (e = []) => {
       n !== void 0 ? o(...h) : l(h[0]);
     }
   ];
-}, nt = r.createContext([
+}, rt = r.createContext([
   void 0,
   C
 ]), ge = r.createContext([
   void 0,
   C
-]), rt = r.createContext([[], C, C]), me = r.createContext([[], C, C]), Ht = 2e3;
-function jt(e, t, n = {}) {
+]), ot = r.createContext([[], C, C]), me = r.createContext([[], C, C]), zt = 2e3;
+function Ft(e, t, n = {}) {
   const {
     onPress: o = C,
     onRelease: s = C,
@@ -511,10 +531,10 @@ function jt(e, t, n = {}) {
     mouseOnly: f = !1,
     autoScroll: d = !0,
     scrollContainer: m = null
-  } = n, [u, x] = r.useState(!1), [p, w] = r.useState(!1), [E] = de(ge), [R, M] = de(nt), [T] = r.useContext(me), [I, P, O] = r.useContext(rt), y = r.useRef({ x: 0, y: 0 }), K = r.useRef(), W = r.useRef(!1), pe = r.useRef(), j = r.useRef(null), _ = r.useRef(!1), ye = r.useRef({ x: 0, y: 0 }), ke = r.useRef({ x: 0, y: 0 }), Z = r.useRef({ x: 0, y: 0 }), De = r.useRef({ x: 0, y: 0 }), Ae = r.useRef({ x: 0, y: 0 }), we = r.useRef({ x: 0, y: 0 }), ut = !!(typeof window < "u" && window.PointerEvent), Pe = !f && ut, L = r.useCallback(
+  } = n, [u, x] = r.useState(!1), [y, w] = r.useState(!1), [E] = de(ge), [R, M] = de(rt), [T] = r.useContext(me), [I, P, O] = r.useContext(ot), p = r.useRef({ x: 0, y: 0 }), K = r.useRef(), W = r.useRef(!1), ye = r.useRef(), j = r.useRef(null), _ = r.useRef(!1), pe = r.useRef({ x: 0, y: 0 }), ke = r.useRef({ x: 0, y: 0 }), Z = r.useRef({ x: 0, y: 0 }), De = r.useRef({ x: 0, y: 0 }), Ae = r.useRef({ x: 0, y: 0 }), we = r.useRef({ x: 0, y: 0 }), dt = !!(typeof window < "u" && window.PointerEvent), Pe = !f && dt, L = r.useCallback(
     () => e.current && e.current.element ? e.current.element : e.current,
     [e]
-  ), dt = r.useCallback(
+  ), ft = r.useCallback(
     () => h && h.current && h.current.element ? h.current.element : h ? h.current : null,
     [h]
   ), Ie = r.useCallback(
@@ -526,12 +546,12 @@ function jt(e, t, n = {}) {
   ), Q = r.useRef(null);
   r.useImperativeHandle(Q, () => ({
     element: L(),
-    hint: dt(),
-    onPress: ft,
-    onDragStart: gt,
-    onDrag: mt,
-    onDragEnd: vt,
-    onRelease: ht,
+    hint: ft(),
+    onPress: ht,
+    onDragStart: mt,
+    onDrag: vt,
+    onDragEnd: Ct,
+    onRelease: gt,
     data: e.current
   }));
   const V = r.useCallback(
@@ -555,18 +575,18 @@ function jt(e, t, n = {}) {
       pressed: u,
       ignoreMouse: W.current,
       scrollOffset: Ae.current,
-      offset: ye.current,
+      offset: pe.current,
       pageOffset: ke.current,
       initialScrollOffset: we.current,
       clientOffset: Z.current,
       initialClientOffset: De.current,
-      velocity: y.current,
+      velocity: p.current,
       autoScroll: !!(typeof d == "object" ? d.enabled !== !1 : d),
       scrollableParent: Oe(),
       autoScrollDirection: typeof d == "object" ? d.direction : { horizontal: !0, vertical: !0 },
-      isScrolling: p
+      isScrolling: y
     }),
-    [R, E, I, T, u, d, Oe, p]
+    [R, E, I, T, u, d, Oe, y]
   ), Se = r.useCallback(
     (a) => {
       x(a);
@@ -579,12 +599,12 @@ function jt(e, t, n = {}) {
     []
   ), Le = r.useCallback(
     (a) => {
-      y.current = a;
+      p.current = a;
     },
     []
   ), Te = r.useCallback(
     (a) => {
-      ye.current = a;
+      pe.current = a;
     },
     []
   ), Ne = r.useCallback(
@@ -592,12 +612,12 @@ function jt(e, t, n = {}) {
       Z.current = a;
     },
     []
-  ), Be = r.useCallback(
+  ), He = r.useCallback(
     (a) => {
       ke.current = a;
     },
     []
-  ), He = r.useCallback(
+  ), Be = r.useCallback(
     (a) => {
       De.current = a;
     },
@@ -612,42 +632,42 @@ function jt(e, t, n = {}) {
       we.current = a;
     },
     []
-  ), ft = r.useCallback(
+  ), ht = r.useCallback(
     (a) => {
       o(a);
     },
     [o]
-  ), ht = r.useCallback(
+  ), gt = r.useCallback(
     (a) => {
       s(a);
     },
     [s]
-  ), gt = r.useCallback(
+  ), mt = r.useCallback(
     (a) => {
       M(Q, { target: e.current, event: a }), l(a);
     },
     [M, e, l]
-  ), mt = r.useCallback(
+  ), vt = r.useCallback(
     (a) => {
       c(a);
     },
     [c]
-  ), vt = r.useCallback(
+  ), Ct = r.useCallback(
     (a) => {
       _.current || (M(null, { target: e.current, event: a }), i(a));
     },
     [i, M, e]
   ), v = r.useCallback(
     (a) => {
-      bt(
+      xt(
         Me(),
         { event: a, payload: Q.current },
         {
           onVelocityChange: Le,
           onOffsetChange: Te,
           onClientOffsetChange: Ne,
-          onPageOffsetChange: Be,
-          onInitialClientOffsetChange: He,
+          onPageOffsetChange: He,
+          onInitialClientOffsetChange: Be,
           onScrollOffsetChange: je,
           onInitialScrollOffsetChange: Qe,
           onIsPressedChange: Se,
@@ -659,9 +679,9 @@ function jt(e, t, n = {}) {
       Me,
       Le,
       Te,
-      Be,
-      Ne,
       He,
+      Ne,
+      Be,
       Qe,
       Se,
       je,
@@ -721,9 +741,9 @@ function jt(e, t, n = {}) {
     (a) => {
       if (a.touches.length === 0 && a.changedTouches.length === 1) {
         const b = N();
-        W.current = !0, pe.current = b.setTimeout(() => {
+        W.current = !0, ye.current = b.setTimeout(() => {
           W.current = !1;
-        }, Ht);
+        }, zt);
       }
       v(a);
     },
@@ -749,24 +769,24 @@ function jt(e, t, n = {}) {
       O(Q);
     }),
     [O, P]
-  ), Ct = () => {
+  ), Et = () => {
     const a = N(), b = L(), D = V();
     return Pe ? (b && (j.current = Xe(b), j.current && j.current.addEventListener("scroll", ue, { passive: !0 }), b.addEventListener("pointerdown", $, { passive: !0 })), u && (D.addEventListener("pointermove", ee), D.addEventListener("pointerup", ne, !0), D.addEventListener("contextmenu", le), D.addEventListener("pointercancel", te, { passive: !0 }))) : (a.addEventListener("touchmove", C, { capture: !1, passive: !1 }), b && (b.addEventListener("mousedown", re, { passive: !0 }), f || (b.addEventListener("touchstart", ce, { passive: !0 }), u && (b.addEventListener("touchmove", ae, { passive: !0 }), b.addEventListener("touchend", ie, { passive: !0 })))), u && (D.addEventListener("mousemove", oe, { passive: !0 }), D.addEventListener("mouseup", se, { passive: !0 }))), () => {
-      j.current && j.current.removeEventListener("scroll", ue), b && (b.removeEventListener("pointerdown", $), b.removeEventListener("mousedown", re), b.removeEventListener("touchstart", ce), b.removeEventListener("touchmove", ae), b.removeEventListener("touchend", ie)), D.removeEventListener("pointermove", ee), D.removeEventListener("pointerup", ne, !0), D.removeEventListener("contextmenu", le), D.removeEventListener("pointercancel", te), D.removeEventListener("mousemove", oe), D.removeEventListener("mouseup", se), a.removeEventListener("touchmove", C), a.clearTimeout(pe.current);
+      j.current && j.current.removeEventListener("scroll", ue), b && (b.removeEventListener("pointerdown", $), b.removeEventListener("mousedown", re), b.removeEventListener("touchstart", ce), b.removeEventListener("touchmove", ae), b.removeEventListener("touchend", ie)), D.removeEventListener("pointermove", ee), D.removeEventListener("pointerup", ne, !0), D.removeEventListener("contextmenu", le), D.removeEventListener("pointercancel", te), D.removeEventListener("mousemove", oe), D.removeEventListener("mouseup", se), a.removeEventListener("touchmove", C), a.clearTimeout(ye.current);
     };
   };
   r.useEffect(() => {
     const a = N();
-    if (p) {
+    if (y) {
       const b = Ie() || Xe(document.elementFromPoint(Z.current.x, Z.current.y));
       a.clearInterval(K.current), K.current = a.setInterval(() => {
-        xt(b, { x: y.current.x, y: y.current.y });
+        yt(b, { x: p.current.x, y: p.current.y });
       }, 50);
     }
     return () => {
       a.clearInterval(K.current);
     };
-  }, [L, Ie, N, p]), r.useEffect(ze, [ze]), r.useEffect(Ct, [
+  }, [L, Ie, N, y]), r.useEffect(ze, [ze]), r.useEffect(Et, [
     u,
     N,
     L,
@@ -789,7 +809,7 @@ function jt(e, t, n = {}) {
     _.current = !0;
   }), []), r.useLayoutEffect(Fe, [Fe]);
 }
-function Qt(e, t = {
+function Xt(e, t = {
   onDragEnter: C,
   onDragOver: C,
   onDragLeave: C,
@@ -809,7 +829,7 @@ function Qt(e, t = {
     onDragEnter: m,
     onDragOver: u,
     onDragLeave: x,
-    onDrop: p,
+    onDrop: y,
     data: e.current
   }));
   const m = r.useCallback(
@@ -827,7 +847,7 @@ function Qt(e, t = {
       c(null, { target: e.current, event: E }), s(E);
     },
     [c, e, s]
-  ), p = r.useCallback(
+  ), y = r.useCallback(
     (E) => {
       c(null, { target: e.current, event: E }), l(E);
     },
@@ -840,7 +860,7 @@ function Qt(e, t = {
   );
   r.useLayoutEffect(w, [w]);
 }
-const Ue = (e, t, n) => {
+const Ze = (e, t, n) => {
   const [o, s] = r.useState(t || e), l = r.useCallback(
     (c, i) => {
       s(c), n && n.call(void 0, { ...i, value: c });
@@ -864,26 +884,26 @@ const Ue = (e, t, n) => {
     element: u.current
   })), r.useImperativeHandle(t, () => m.current);
   const x = r.useMemo(
-    () => l || Ze.size,
+    () => l || Ve.size,
     [l]
-  ), p = r.useMemo(
-    () => c || Ze.flip,
+  ), y = r.useMemo(
+    () => c || Ve.flip,
     [c]
   ), w = r.useMemo(
-    () => Ke(
+    () => We(
       "k-icon",
       "k-font-icon",
-      o && Bt(o),
+      o && Qt(o),
       {
         [`k-color-${s}`]: s,
-        "k-flip-h": p === "horizontal" || p === "both",
-        "k-flip-v": p === "vertical" || p === "both"
+        "k-flip-h": y === "horizontal" || y === "both",
+        "k-flip-v": y === "vertical" || y === "both"
       },
-      tt[x],
+      nt[x],
       n
     ),
-    [o, s, x, p, n]
-  ), E = Tt(e, m);
+    [o, s, x, y, n]
+  ), E = Bt(e, m);
   return /* @__PURE__ */ r.createElement(
     "span",
     {
@@ -918,7 +938,7 @@ ve.propTypes = {
   size: g.oneOf(["default", "xsmall", "small", "medium", "large", "xlarge", "xxlarge", "xxxlarge"]),
   flip: g.oneOf(["default", "horizontal", "vertical", "both"])
 };
-const Ze = {
+const Ve = {
   size: "default",
   flip: "default"
 };
@@ -937,7 +957,7 @@ const Ce = r.forwardRef((e, t) => {
     svgStyle: m,
     themeColor: u,
     viewBox: x,
-    name: p,
+    name: y,
     onClick: w,
     ...E
   } = e, R = r.useRef(null);
@@ -960,7 +980,7 @@ const Ce = r.forwardRef((e, t) => {
     () => x || q.viewBox,
     [x]
   ), O = r.useMemo(
-    () => Ke(
+    () => We(
       "k-icon",
       "k-svg-icon",
       "k-svg-i-" + M,
@@ -969,11 +989,11 @@ const Ce = r.forwardRef((e, t) => {
         "k-flip-h": I === "horizontal" || I === "both",
         "k-flip-v": I === "vertical" || I === "both"
       },
-      tt[T],
+      nt[T],
       o
     ),
     [M, u, T, I, o]
-  ), y = r.useMemo(
+  ), p = r.useMemo(
     () => e.width && e.height ? { width: e.width, height: e.height, ...d } : e.width ? { width: e.width, height: e.width, ...d } : e.height ? { width: e.height, height: e.height, ...d } : { ...d },
     [e.width, e.height, d]
   );
@@ -981,7 +1001,7 @@ const Ce = r.forwardRef((e, t) => {
     "span",
     {
       className: O,
-      style: y,
+      style: p,
       ref: R,
       onClick: w
     },
@@ -1031,28 +1051,28 @@ const q = {
   viewBox: "0 0 24 24"
 };
 Ce.displayName = "KendoSvgIcon";
-const ot = r.createContext({ type: "svg" });
-ot.displayName = "KendoReactIconsContext";
-const zt = r.forwardRef((e, t) => {
+const st = r.createContext({ type: "svg" });
+st.displayName = "KendoReactIconsContext";
+const Yt = r.forwardRef((e, t) => {
   var h, f;
-  const { type: n, icons: o } = r.useContext(ot), { icon: s, ...l } = e;
+  const { type: n, icons: o } = r.useContext(st), { icon: s, ...l } = e;
   let c = n === "svg" ? ((h = e.icon) == null ? void 0 : h.name) || e.name : e.name || ((f = e.icon) == null ? void 0 : f.name);
   c = c && o && o[c] && typeof o[c] == "string" ? o[c] : c;
   const i = c && o && o[c] && typeof o[c] != "string" ? o[c] : s;
   return n === "svg" && i ? /* @__PURE__ */ r.createElement(Ce, { ...e, icon: i, ref: t }) : /* @__PURE__ */ r.createElement(ve, { ...l, name: c, ref: t });
 });
-zt.displayName = "KendoIconWrap";
-const Ft = {
+Yt.displayName = "KendoIconWrap";
+const Gt = {
   xsmall: "k-fs-xs",
   small: "k-fs-sm",
   medium: "k-fs-md",
   large: "k-fs-lg",
   xlarge: "k-fs-xl"
-}, Xt = {
+}, Jt = {
   light: "k-font-weight-light",
   normal: "k-font-weight-normal",
   bold: "k-font-weight-bold"
-}, Yt = {
+}, Ut = {
   xsmall: "k-m-xs",
   small: "k-m-sm",
   medium: "k-m-md",
@@ -1060,7 +1080,7 @@ const Ft = {
   xlarge: "k-m-xl",
   thin: "k-m-thin",
   hair: "k-m-hair"
-}, Gt = {
+}, Zt = {
   xsmall: "xs",
   small: "sm",
   medium: "md",
@@ -1068,21 +1088,21 @@ const Ft = {
   xlarge: "xl",
   thin: "thin",
   hair: "hair"
-}, Jt = {
+}, Vt = {
   top: "k-mt-",
   right: "k-mr-",
   bottom: "k-mb-",
   left: "k-ml-"
-}, Ut = {
+}, qt = {
   left: "k-text-left",
   right: "k-text-right",
   center: "k-text-center",
   justify: "k-text-justify"
-}, Zt = {
+}, Kt = {
   lowercase: "k-text-lowercase",
   uppercase: "k-text-uppercase",
   capitalize: "k-text-capitalize"
-}, Vt = {
+}, Wt = {
   inherit: "k-color-inherit",
   primary: "k-color-primary",
   secondary: "k-color-secondary",
@@ -1107,40 +1127,40 @@ const Ft = {
       themeColor: m,
       margin: u,
       ...x
-    } = n, p = r.useRef(null), w = r.useRef(null);
+    } = n, y = r.useRef(null), w = r.useRef(null);
     r.useImperativeHandle(
-      p,
+      y,
       () => ({
         element: w.current,
         props: n
       })
-    ), r.useImperativeHandle(o, () => p.current);
+    ), r.useImperativeHandle(o, () => y.current);
     const E = () => `k-${e === "p" ? "paragraph" : e}`, R = e, M = (P, O) => {
-      const y = typeof O == "string" ? Gt[O] : O;
-      return `${Jt[P]}${y}`;
+      const p = typeof O == "string" ? Zt[O] : O;
+      return `${Vt[P]}${p}`;
     }, T = () => {
       if (u !== void 0) {
         if (typeof u == "string")
-          return [Yt[u]];
+          return [Ut[u]];
         if (typeof u == "number" && u >= 0 && u <= 24)
           return [`k-m-${u}`];
         if (typeof u == "object") {
           const P = [];
-          return Object.keys(u).forEach((y) => {
-            u[y] !== null && u[y] !== void 0 && P.push(M(y, u[y]));
+          return Object.keys(u).forEach((p) => {
+            u[p] !== null && u[p] !== void 0 && P.push(M(p, u[p]));
           }), P.join(" ");
         }
       }
     }, I = () => [
       E(),
-      Ft[i],
-      Xt[h],
-      Ut[f],
-      Zt[d],
-      Vt[m],
+      Gt[i],
+      Jt[h],
+      qt[f],
+      Kt[d],
+      Wt[m],
       T(),
       c
-    ].filter((y) => y !== void 0).join(" ");
+    ].filter((p) => p !== void 0).join(" ");
     return /* @__PURE__ */ r.createElement(
       R,
       {
@@ -1179,24 +1199,24 @@ const Ft = {
       "inverse"
     ])
   }, t.displayName = `KendoReactTypography${e.toUpperCase()}`, t;
-}, qt = S("h1"), Kt = S("h2"), Wt = S("h3"), _t = S("h4"), $t = S("h5"), en = S("h6"), tn = S("p"), nn = S("code"), rn = S("pre"), Kn = {
-  h1: qt,
-  h2: Kt,
-  h3: Wt,
-  h4: _t,
-  h5: $t,
-  h6: en,
-  p: tn,
-  code: nn,
-  pre: rn
-}, on = (e) => {
-  const [t, n] = Ue(
+}, _t = S("h1"), $t = S("h2"), en = S("h3"), tn = S("h4"), nn = S("h5"), rn = S("h6"), on = S("p"), sn = S("code"), ln = S("pre"), $n = {
+  h1: _t,
+  h2: $t,
+  h3: en,
+  h4: tn,
+  h5: nn,
+  h6: rn,
+  p: on,
+  code: sn,
+  pre: ln
+}, cn = (e) => {
+  const [t, n] = Ze(
     null,
     void 0
-  ), [o, s] = Ue(
+  ), [o, s] = Ze(
     null,
     void 0
-  ), [l, c] = Je([]), [i, h] = Je([]), f = (x) => {
+  ), [l, c] = Ue([]), [i, h] = Ue([]), f = (x) => {
     c({
       type: X.add,
       item: x
@@ -1217,10 +1237,10 @@ const Ft = {
       item: x
     });
   };
-  return /* @__PURE__ */ r.createElement(nt.Provider, { value: [t, n] }, /* @__PURE__ */ r.createElement(ge.Provider, { value: [o, s] }, /* @__PURE__ */ r.createElement(rt.Provider, { value: [l, f, d] }, /* @__PURE__ */ r.createElement(me.Provider, { value: [i, m, u] }, e.children))));
+  return /* @__PURE__ */ r.createElement(rt.Provider, { value: [t, n] }, /* @__PURE__ */ r.createElement(ge.Provider, { value: [o, s] }, /* @__PURE__ */ r.createElement(ot.Provider, { value: [l, f, d] }, /* @__PURE__ */ r.createElement(me.Provider, { value: [i, m, u] }, e.children))));
 };
-on.displayName = "KendoReactDragAndDrop";
-const sn = r.forwardRef((e, t) => {
+cn.displayName = "KendoReactDragAndDrop";
+const an = r.forwardRef((e, t) => {
   const n = r.useRef(null), o = r.useRef(null), s = r.useCallback(
     () => n.current && n.current.element ? n.current.element : n.current,
     [n]
@@ -1272,7 +1292,7 @@ const sn = r.forwardRef((e, t) => {
     },
     [s, e.onDragEnd]
   );
-  return jt(n, {
+  return Ft(n, {
     onPress: l,
     onRelease: c,
     onDragStart: i,
@@ -1285,8 +1305,8 @@ const sn = r.forwardRef((e, t) => {
     scrollContainer: e.scrollContainer
   }), e.children ? r.cloneElement(r.Children.only(e.children), { ref: n }) : null;
 });
-sn.displayName = "KendoReactDraggable";
-const ln = r.forwardRef((e, t) => {
+an.displayName = "KendoReactDraggable";
+const un = r.forwardRef((e, t) => {
   const n = r.useRef(null), o = r.useRef(null), s = r.useCallback(
     () => n.current && n.current.element ? n.current.element : n.current,
     [n]
@@ -1329,15 +1349,15 @@ const ln = r.forwardRef((e, t) => {
     },
     [e.onDrop, s]
   );
-  return Qt(n, {
+  return Xt(n, {
     onDragEnter: l,
     onDragOver: c,
     onDragLeave: i,
     onDrop: h
   }), e.children ? r.cloneElement(r.Children.only(e.children), { ref: n }) : null;
 });
-ln.displayName = "KendoReactDroppable";
-const Wn = {
+un.displayName = "KendoReactDroppable";
+const er = {
   sizeMap: {
     small: "sm",
     medium: "md",
@@ -1353,18 +1373,18 @@ const Wn = {
     horizontal: "hstack"
   }
 };
-function cn(e, t) {
+function dn(e, t) {
   return e === t || Number.isNaN(e) && Number.isNaN(t);
 }
-function an(e, t) {
+function fn(e, t) {
   if (e.length !== t.length)
     return !1;
   for (let n = 0; n < e.length; n++)
-    if (!cn(e[n], t[n]))
+    if (!dn(e[n], t[n]))
       return !1;
   return !0;
 }
-function _n(e, t = an) {
+function tr(e, t = fn) {
   let n = null;
   function o(...s) {
     if (n && n.lastThis === this && t(s, n.lastArgs))
@@ -1380,7 +1400,7 @@ function _n(e, t = an) {
     n = null;
   }, o;
 }
-const $n = [
+const nr = [
   "input:not([disabled]):not([type=hidden])",
   "select:not([disabled])",
   "textarea:not([disabled])",
@@ -1395,7 +1415,7 @@ const $n = [
   "video[controls]",
   "[contenteditable]"
 ];
-class er {
+class rr {
   constructor(t) {
     this.rovingTabIndex = !0, this.update = () => {
     }, this.focusNextIndex = (n, o) => {
@@ -1467,7 +1487,7 @@ class er {
 const fe = (e) => {
   const t = e.shadowRoot, n = e.contentDocument;
   return t && t.activeElement ? fe(t.activeElement) : n && n.activeElement ? fe(n.activeElement) : e;
-}, tr = (e) => {
+}, or = (e) => {
   if (!(!e || !e.activeElement))
     return fe(e.activeElement);
 };
@@ -1478,10 +1498,10 @@ function k(e, t) {
     o = o ? o[s] : void 0;
   }), o;
 }
-function nr(e) {
+function sr(e) {
   return e.length !== void 0;
 }
-class rr {
+class lr {
   constructor(t) {
     this.expandField = t.expandField, this.selectField = t.selectField, this.hasChildrenField = t.hasChildrenField, this.childrenField = t.childrenField, this.textField = t.textField, this.disableField = t.disableField, this.checkField = t.checkField, this.checkIndeterminateField = t.checkIndeterminateField, this.focusIdField = t.focusIdField;
   }
@@ -1517,33 +1537,33 @@ class rr {
     return this.childrenField;
   }
 }
-const un = 5e4;
-class dn {
+const hn = 5e4;
+class gn {
   constructor() {
     this.objects = [];
   }
   init(t) {
     let n;
     for (let o = 0; o < t.length; o++)
-      o % un === 0 && (n = {}, this.objects.push(n)), n[t[o]] = !0;
+      o % hn === 0 && (n = {}, this.objects.push(n)), n[t[o]] = !0;
   }
   hasId(t) {
     return this.objects.some((n) => n[t]);
   }
 }
-const G = "", st = "0", A = "_";
-function lt(e, t, n) {
+const G = "", lt = "0", A = "_";
+function ct(e, t, n) {
   if (U(e))
     return t[Number(e)];
   {
-    const o = t[Number(B(e))], s = o && o[n] || [];
-    return s.length ? lt(H(e), s, n) : void 0;
+    const o = t[Number(H(e))], s = o && o[n] || [];
+    return s.length ? ct(B(e), s, n) : void 0;
   }
 }
-function B(e) {
+function H(e) {
   return Ee(e) ? e : e.split(A)[0];
 }
-function H(e) {
+function B(e) {
   if (Ee(e))
     return e;
   {
@@ -1551,13 +1571,13 @@ function H(e) {
     return e.substring(t + 1);
   }
 }
-function fn(e) {
+function mn(e) {
   return J("0", e);
 }
 function J(e, t) {
   return e = e.toString(), t ? t + A + e : e;
 }
-function ct(e) {
+function at(e) {
   const t = e.lastIndexOf(A);
   return t < 0 ? G : e.substring(0, t);
 }
@@ -1574,66 +1594,66 @@ function xe(e) {
   const t = e.lastIndexOf(A);
   return t < 0 ? e : e.substring(t + 1);
 }
-function hn(e) {
-  return xe(e) === st;
+function vn(e) {
+  return xe(e) === lt;
 }
-function gn(e, t) {
+function Cn(e, t) {
   const n = t;
   e = "r" + A + e, t = "r" + A + t;
-  const o = ct(e) + A;
+  const o = at(e) + A;
   if (t.startsWith(o)) {
     const s = t.substring(o.length);
     if (s) {
-      const l = B(s);
+      const l = H(s);
       if (Number(xe(e)) < Number(l)) {
         const c = o + (Number(l) - 1).toString() + s.substring(l.length);
-        return H(c);
+        return B(c);
       }
     }
   }
   return n;
 }
-const or = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const cr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   EMPTY_ID: G,
   SEPARATOR: A,
-  ZERO_LEVEL_ZERO_NODE_ID: st,
+  ZERO_LEVEL_ZERO_NODE_ID: lt,
   createId: J,
   getAllShortIds: be,
-  getDecrementedItemIdAfterRemoval: gn,
-  getDirectParentId: ct,
-  getFirstChildId: fn,
-  getIdWithoutRootParentId: H,
-  getItemById: lt,
-  getRootParentId: B,
+  getDecrementedItemIdAfterRemoval: Cn,
+  getDirectParentId: at,
+  getFirstChildId: mn,
+  getIdWithoutRootParentId: B,
+  getItemById: ct,
+  getRootParentId: H,
   getShortId: xe,
   isIdEmptyOrZeroLevel: Ee,
   isIdZeroLevel: U,
-  isItemFirstFromSiblings: hn
+  isItemFirstFromSiblings: vn
 }, Symbol.toStringTag, { value: "Module" }));
-function at(e, t) {
+function it(e, t) {
   const n = k(t, e);
   return !!(n && n.length);
 }
-function sr(e, t) {
-  return t.expanded(e) && at(e, t.getChildrenField());
+function ar(e, t) {
+  return t.expanded(e) && it(e, t.getChildrenField());
 }
-function lr(e, t, n, o) {
-  const s = mn([e], t, n, o);
+function ir(e, t, n, o) {
+  const s = En([e], t, n, o);
   return s.length ? s[0] : void 0;
 }
-function mn(e, t, n, o) {
-  const s = [], l = new dn();
-  return l.init(e), it(l, t, n, G, s, o), s;
+function En(e, t, n, o) {
+  const s = [], l = new gn();
+  return l.init(e), ut(l, t, n, G, s, o), s;
 }
-function vn(e, t, n, o, s) {
-  const l = Number(B(t));
+function bn(e, t, n, o, s) {
+  const l = Number(H(t));
   if (l >= e.length)
     return e;
   let c = e, i = e[l];
-  return i[o] || (c = e.slice(), i = c[l] = Object.assign({}, i, { [o]: !0 })), U(t) ? n(i) : i[s] && (i[s] = vn(i[s], H(t), n, o, s)), c;
+  return i[o] || (c = e.slice(), i = c[l] = Object.assign({}, i, { [o]: !0 })), U(t) ? n(i) : i[s] && (i[s] = bn(i[s], B(t), n, o, s)), c;
 }
-function cr(e, t, n) {
+function ur(e, t, n) {
   const o = be(e);
   let s = t;
   for (let l = 0; l < o.length; l++) {
@@ -1644,7 +1664,7 @@ function cr(e, t, n) {
   }
   return !0;
 }
-function ar(e, t, n, o) {
+function dr(e, t, n, o) {
   return o ? l(e) : s(e, t);
   function s(c, i) {
     let h = [];
@@ -1663,10 +1683,10 @@ function ar(e, t, n, o) {
     return i;
   }
 }
-function ir(e, t, n, o, s) {
+function fr(e, t, n, o, s) {
   return (e[o] || []).every((c, i) => s.indexOf(n ? k(n, c) : J(i, t)) > -1);
 }
-function ur(e, t, n) {
+function hr(e, t, n) {
   const o = [], s = be(e);
   let l = n;
   for (let c = 0; c < s.length - 1 && l; c++) {
@@ -1675,17 +1695,17 @@ function ur(e, t, n) {
   }
   return o;
 }
-function Cn(e, t, n) {
+function xn(e, t, n) {
   const o = n.slice();
   if (U(e))
     o.splice(Number(e), 1);
   else {
-    const s = Number(B(e)), l = o[s] = { ...o[s] };
-    l[t] = Cn(H(e), t, l[t]);
+    const s = Number(H(e)), l = o[s] = { ...o[s] };
+    l[t] = xn(B(e), t, l[t]);
   }
   return o;
 }
-function En(e, t, n, o, s) {
+function yn(e, t, n, o, s) {
   const l = s.slice();
   if (U(o))
     if (t === "child") {
@@ -1694,94 +1714,97 @@ function En(e, t, n, o, s) {
     } else
       l.splice(Number(o) + (t === "after" ? 1 : 0), 0, e);
   else {
-    const c = Number(B(o)), i = l[c] = { ...l[c] };
-    i[n] = En(e, t, n, H(o), i[n]);
+    const c = Number(H(o)), i = l[c] = { ...l[c] };
+    i[n] = yn(e, t, n, B(o), i[n]);
   }
   return l;
 }
-function it(e, t, n, o, s, l) {
+function ut(e, t, n, o, s, l) {
   for (let c = 0; c < n.length; c++) {
     const i = n[c], h = J(c, o);
-    e.hasId(k(t, i)) && s.push(h), at(i, l) && it(e, t, k(l, i), h, s, l);
+    e.hasId(k(t, i)) && s.push(h), it(i, l) && ut(e, t, k(l, i), h, s, l);
   }
 }
 export {
-  Fn as AsyncFocusBlur,
-  qe as BrowserSupportService,
+  Yn as AsyncFocusBlur,
+  Ke as BrowserSupportService,
   X as COLLECTION_ACTION,
-  on as DragAndDrop,
-  sn as Draggable,
-  ln as Droppable,
-  $n as FOCUSABLE_ELEMENTS,
-  Dn as FormComponent,
+  cn as DragAndDrop,
+  an as Draggable,
+  un as Droppable,
+  nr as FOCUSABLE_ELEMENTS,
+  Pn as FormComponent,
   ve as Icon,
-  zt as IconWrap,
-  ot as IconsContext,
-  In as Keys,
-  er as Navigation,
-  dn as SortedPublicItemIds,
+  Yt as IconWrap,
+  st as IconsContext,
+  Mn as Keys,
+  rr as Navigation,
+  gn as SortedPublicItemIds,
   Ce as SvgIcon,
-  rr as TreeFieldsService,
-  Kn as Typography,
-  Qn as WatermarkOverlay,
-  Ve as ZIndexContext,
-  En as addItem,
-  ir as areAllDirectChildrenChecked,
+  lr as TreeFieldsService,
+  $n as Typography,
+  Fn as WatermarkOverlay,
+  qe as ZIndexContext,
+  yn as addItem,
+  fr as areAllDirectChildrenChecked,
   he as canUseDOM,
-  pn as canUseRef,
-  Ke as classNames,
-  yn as clone,
-  At as cloneArray,
-  Dt as cloneDate,
-  We as cloneObject,
-  _e as cloneValue,
-  Xn as createPropsContext,
-  zn as dispatchEvent,
-  Tn as extendDataItem,
-  kn as focusFirstFocusableChild,
-  tr as getActiveElement,
-  ar as getAllDirectIndirectChildrenIds,
-  ur as getAllParents,
+  Dn as canUseRef,
+  We as classNames,
+  An as clone,
+  wt as cloneArray,
+  At as cloneDate,
+  _e as cloneObject,
+  $e as cloneValue,
+  Gn as createPropsContext,
+  Xn as dispatchEvent,
+  Hn as extendDataItem,
+  wn as focusFirstFocusableChild,
+  or as getActiveElement,
+  dr as getAllDirectIndirectChildrenIds,
+  hr as getAllParents,
   fe as getInnerActiveElement,
-  Nn as getItemPath,
+  Bn as getItemPath,
   k as getNestedValue,
-  On as getScrollbarWidth,
-  An as getTabIndex,
-  wn as getter,
-  Pn as guid,
-  at as hasChildren,
-  jn as hasRelativeStackingContext,
-  nr as isArray,
-  cr as isEnabledAndAllParentsEnabled,
-  sr as isItemExpandedAndWithChildren,
-  Wn as kendoThemeMaps,
-  Rn as mapTree,
-  Ln as mapTreeItem,
-  _n as memoizeOne,
+  Sn as getScrollbarWidth,
+  In as getTabIndex,
+  On as getter,
+  Ye as guid,
+  it as hasChildren,
+  zn as hasRelativeStackingContext,
+  sr as isArray,
+  ur as isEnabledAndAllParentsEnabled,
+  ar as isItemExpandedAndWithChildren,
+  er as kendoThemeMaps,
+  Tn as mapTree,
+  Nn as mapTreeItem,
+  tr as memoizeOne,
   C as noop,
-  Cn as removeItem,
-  lr as resolveItemId,
-  mn as resolveItemsIds,
-  Mn as setScrollbarWidth,
-  Sn as setter,
-  Hn as shouldShowValidationUI,
-  qn as svgIconPropType,
-  Bt as toIconClass,
-  Vn as toIconName,
-  or as treeIdUtils,
-  vn as updateItem,
-  Rt as useAsyncFocusBlur,
-  Je as useCollection,
-  Un as useCustomComponent,
-  Gn as useDir,
-  Nt as useDocument,
-  jt as useDraggable,
-  Qt as useDroppable,
-  Tt as useMouse,
-  Lt as usePropsContext,
-  Jn as useRtl,
-  Zn as useWindow,
-  xn as useZIndexContext,
-  Bn as validatePackage,
-  Yn as withPropsContext
+  xn as removeItem,
+  ir as resolveItemId,
+  En as resolveItemsIds,
+  Rn as setScrollbarWidth,
+  Ln as setter,
+  Qn as shouldShowValidationUI,
+  _n as svgIconPropType,
+  Qt as toIconClass,
+  Wn as toIconName,
+  cr as treeIdUtils,
+  bn as updateItem,
+  Lt as useAsyncFocusBlur,
+  Ue as useCollection,
+  qn as useCustomComponent,
+  Zn as useDir,
+  jt as useDocument,
+  Ft as useDraggable,
+  Xt as useDroppable,
+  Ht as useId,
+  Nt as useIsomorphicLayoutEffect,
+  Bt as useMouse,
+  Tt as usePropsContext,
+  Vn as useRtl,
+  Kn as useWindow,
+  kn as useZIndexContext,
+  jn as validatePackage,
+  Un as withIdHOC,
+  Jn as withPropsContext
 };