@progress/kendo-react-inputs 7.1.0 → 7.1.1-develop.1

package/index.mjs

@@ -5,33 +5,33 @@
 "use client";
 import * as n from "react";
 import r from "prop-types";
-import { useInternationalization as Nn, useLocalization as He, provideLocalizationService as Je, registerForIntl as Pn, registerForLocalization as fa } from "@progress/kendo-react-intl";
-import { createPropsContext as he, validatePackage as pe, usePropsContext as Me, useId as Qe, useCustomComponent as Fe, dispatchEvent as J, getActiveElement as wa, classNames as G, kendoThemeMaps as ne, getTabIndex as re, withIdHOC as et, withPropsContext as je, useDir as Ge, Keys as _, Draggable as en, IconWrap as fe, focusFirstFocusableChild as tn, svgIconPropType as zt, useDraggable as Dn, noop as De, useRtl as Bn, toIconName as Vt, useAsyncFocusBlur as On } from "@progress/kendo-react-common";
-import { caretAltUpIcon as _t, caretAltDownIcon as ht, caretAltExpandIcon as Fn, caretAltLeftIcon as Ia, caretAltRightIcon as La, checkIcon as Mt, xIcon as At, dropletSliderIcon as Tn, paletteIcon as zn, dropletSlashIcon as _n, starOutlineIcon as Ra, starIcon as Va, hyperlinkOpenIcon as Ma } from "@progress/kendo-svg-icons";
-import { FloatingLabel as ha, Label as We } from "@progress/kendo-react-labels";
-import { Button as ge, ButtonGroup as An } from "@progress/kendo-react-buttons";
-import { parseColor as mt, Color as an } from "@progress/kendo-drawing";
-import { Popup as $n } from "@progress/kendo-react-popup";
-import { SignaturePad as Hn } from "@progress/kendo-inputs-common";
-import { Dialog as Gn } from "@progress/kendo-react-dialogs";
+import { useInternationalization as Pn, useLocalization as He, provideLocalizationService as Je, registerForIntl as Dn, registerForLocalization as fa } from "@progress/kendo-react-intl";
+import { createPropsContext as he, validatePackage as pe, usePropsContext as Me, useId as Qe, useCustomComponent as Fe, dispatchEvent as J, getActiveElement as Ia, useIsomorphicLayoutEffect as ha, classNames as G, kendoThemeMaps as ne, getTabIndex as re, withIdHOC as et, withPropsContext as je, useDir as Ge, Keys as _, Draggable as tn, IconWrap as fe, focusFirstFocusableChild as an, svgIconPropType as zt, useDraggable as Bn, noop as De, useRtl as On, toIconName as Vt, useAsyncFocusBlur as Fn } from "@progress/kendo-react-common";
+import { caretAltUpIcon as _t, caretAltDownIcon as ht, caretAltExpandIcon as Tn, caretAltLeftIcon as La, caretAltRightIcon as Ra, checkIcon as Mt, xIcon as At, dropletSliderIcon as zn, paletteIcon as _n, dropletSlashIcon as An, starOutlineIcon as Va, starIcon as Ma, hyperlinkOpenIcon as Na } from "@progress/kendo-svg-icons";
+import { FloatingLabel as pa, Label as We } from "@progress/kendo-react-labels";
+import { Button as ge, ButtonGroup as $n } from "@progress/kendo-react-buttons";
+import { parseColor as mt, Color as nn } from "@progress/kendo-drawing";
+import { Popup as Hn } from "@progress/kendo-react-popup";
+import { SignaturePad as Gn } from "@progress/kendo-inputs-common";
+import { Dialog as Kn } from "@progress/kendo-react-dialogs";
 const me = {
   name: "@progress/kendo-react-inputs",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1706619164,
+  publishDate: 1706772299,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
-}, Xe = "numerictextbox.increment", Ye = "numerictextbox.decrement", $t = "slider.increment", Ht = "slider.decrement", Ae = "slider.dragTitle", _e = "colorGradient.r", nn = "colorGradient.g", sn = "colorGradient.b", rn = "colorGradient.a", ln = "colorGradient.hex", Gt = "colorGradient.contrastRatio", Kt = "colorGradient.colorGradientAALevel", qt = "colorGradient.colorGradientAAALevel", Ut = "colorGradient.colorGradientPass", jt = "colorGradient.colorGradientFail", Wt = "colorGradient.hueSliderLabel", Xt = "colorGradient.alphaSliderLabel", Yt = "colorGradient.toggleInputsButton", on = "flatColorPicker.cancelBtn", cn = "flatColorPicker.applyBtn", Zt = "flatColorPicker.colorGradientBtn", Jt = "flatColorPicker.colorPaletteBtn", Qt = "flatColorPicker.clearBtn", dn = "checkbox.validation", un = "checkbox.optionalText", Kn = "radioButton.validation", ea = "switch.validation", ta = "colorPicker.dropdownButtonAriaLabel", aa = "rating.ariaLabel", na = "signature.clear", sa = "signature.maximize", ra = "signature.minimize", H = {
+}, Xe = "numerictextbox.increment", Ye = "numerictextbox.decrement", $t = "slider.increment", Ht = "slider.decrement", Ae = "slider.dragTitle", _e = "colorGradient.r", sn = "colorGradient.g", rn = "colorGradient.b", ln = "colorGradient.a", on = "colorGradient.hex", Gt = "colorGradient.contrastRatio", Kt = "colorGradient.colorGradientAALevel", qt = "colorGradient.colorGradientAAALevel", Ut = "colorGradient.colorGradientPass", jt = "colorGradient.colorGradientFail", Wt = "colorGradient.hueSliderLabel", Xt = "colorGradient.alphaSliderLabel", Yt = "colorGradient.toggleInputsButton", cn = "flatColorPicker.cancelBtn", dn = "flatColorPicker.applyBtn", Zt = "flatColorPicker.colorGradientBtn", Jt = "flatColorPicker.colorPaletteBtn", Qt = "flatColorPicker.clearBtn", un = "checkbox.validation", fn = "checkbox.optionalText", qn = "radioButton.validation", ea = "switch.validation", ta = "colorPicker.dropdownButtonAriaLabel", aa = "rating.ariaLabel", na = "signature.clear", sa = "signature.maximize", ra = "signature.minimize", H = {
   [Xe]: "Increase value",
   [Ye]: "Decrease value",
   [$t]: "Increase",
   [Ht]: "Decrease",
   [Ae]: "Drag",
   [_e]: "r",
-  [nn]: "g",
-  [sn]: "b",
-  [rn]: "a",
-  [ln]: "hex",
+  [sn]: "g",
+  [rn]: "b",
+  [ln]: "a",
+  [on]: "hex",
   [Gt]: "Contrast ratio",
   [Kt]: "AA",
   [qt]: "AAA",
@@ -40,21 +40,21 @@ const me = {
   [Wt]: "Hue slider",
   [Xt]: "Alpha slider",
   [Yt]: "Toggle colorgradient inputs",
-  [on]: "Cancel",
-  [cn]: "Apply",
+  [cn]: "Cancel",
+  [dn]: "Apply",
   [Zt]: "Color Gradient view",
   [Jt]: "Color Palette view",
   [Qt]: "Clear color value",
-  [dn]: "Please check this box if you want to proceed!",
-  [un]: "(Optional)",
-  [Kn]: "Please select option if you want to proceed!",
+  [un]: "Please check this box if you want to proceed!",
+  [fn]: "(Optional)",
+  [qn]: "Please select option if you want to proceed!",
   [ea]: "Please turn on if you want to proceed!",
   [ta]: "Select",
   [aa]: "Rating",
   [na]: "Clear",
   [sa]: "Maximize",
   [ra]: "Minimize"
-}, pt = 11111111111111e-7, qn = 0.31111111111111117, Un = 1, fn = 1, hn = 0, ye = /\d/, pn = 15, Na = () => ({
+}, pt = 11111111111111e-7, Un = 0.31111111111111117, jn = 1, hn = 1, pn = 0, ye = /\d/, mn = 15, Pa = () => ({
   eventValue: null,
   prevLooseValue: "",
   currentLooseValue: "",
@@ -64,53 +64,53 @@ const me = {
   decimalSelect: !1,
   valueIsCorrected: !1,
   valueIsOutOfRange: !1
-}), Nt = (a, t) => a !== void 0 ? a : t, ue = (a, t, e) => a === null && a === void 0 ? "" : typeof a == "string" ? a : e.formatNumber(a, t), Pa = (a) => (String(a).split(".")[1] || "").length, mn = (a, t) => Math.max(Pa(a), Pa(t)), jn = (a) => Math.min(a, pn), gn = (a, t) => {
-  const e = jn(t);
+}), Nt = (a, t) => a !== void 0 ? a : t, ue = (a, t, e) => a === null && a === void 0 ? "" : typeof a == "string" ? a : e.formatNumber(a, t), Da = (a) => (String(a).split(".")[1] || "").length, gn = (a, t) => Math.max(Da(a), Da(t)), Wn = (a) => Math.min(a, mn), bn = (a, t) => {
+  const e = Wn(t);
   return parseFloat(a.toFixed(e));
-}, Da = (a, t, e, s, i, l, c) => {
-  const o = mn(a || 0, e || 0), h = qe(gn((a || 0) + (e || 0), o), s, i);
-  t.eventValue = h, t.currentLooseValue = ue(h, l, c), t.selectionStart = t.selectionEnd = Ze(t.currentLooseValue, ye);
 }, Ba = (a, t, e, s, i, l, c) => {
-  const o = mn(a || 0, e || 0), h = qe(gn((a || 0) - (e || 0), o), s, i);
+  const o = gn(a || 0, e || 0), h = qe(bn((a || 0) + (e || 0), o), s, i);
+  t.eventValue = h, t.currentLooseValue = ue(h, l, c), t.selectionStart = t.selectionEnd = Ze(t.currentLooseValue, ye);
+}, Oa = (a, t, e, s, i, l, c) => {
+  const o = gn(a || 0, e || 0), h = qe(bn((a || 0) - (e || 0), o), s, i);
   t.eventValue = h, t.currentLooseValue = ue(h, l, c), t.selectionStart = t.selectionEnd = Ze(t.currentLooseValue, ye);
-}, qe = (a, t, e) => a == null ? a : !(a > 1 || a < 1 || a === 1) || e !== void 0 && t !== void 0 && e < t ? null : (e !== void 0 && a > e && (a = e), t !== void 0 && a < t && (a = t), a), Wn = (a, t) => {
+}, qe = (a, t, e) => a == null ? a : !(a > 1 || a < 1 || a === 1) || e !== void 0 && t !== void 0 && e < t ? null : (e !== void 0 && a > e && (a = e), t !== void 0 && a < t && (a = t), a), Xn = (a, t) => {
   const e = t.findIndex(([i, l]) => !!l && a.indexOf(l) === a.length - l.length);
   if (e === -1)
     return -1;
   const s = t[e][1];
   return a.length - s.length;
-}, Xn = (a, t) => {
+}, Yn = (a, t) => {
   const e = t.findIndex(([i, l]) => !!i && a.indexOf(i) === 0);
   return e === -1 ? -1 : t[e][0].length;
-}, Yn = (a, t, e) => {
-  const s = Wn(a, t);
+}, Zn = (a, t, e) => {
+  const s = Xn(a, t);
   if (s !== -1 && e.selectionStart > s) {
     e.selectionStart = e.selectionEnd = s;
     return;
   }
   e.selectionStart > a.length && (e.selectionStart = e.selectionEnd = a.length);
-  const i = Xn(a, t);
+  const i = Yn(a, t);
   i !== -1 && e.selectionStart < i && (e.selectionStart = e.selectionEnd = i), e.selectionStart === -1 && (e.selectionStart = e.selectionEnd = 0);
 }, Ve = (a, t, e, s) => {
-  a.selectionStart = a.selectionEnd = t, Yn(e, s, a);
+  a.selectionStart = a.selectionEnd = t, Zn(e, s, a);
 }, Pt = (a, t, e, s) => {
   a.eventValue = s.parseNumber(a.prevLooseValue, t), a.currentLooseValue = a.prevLooseValue, a.valueIsCorrected = !0, Ve(a, a.selectionStart, a.currentLooseValue, e);
-}, Zn = (a, t) => {
+}, Jn = (a, t) => {
   const e = String(a.currentLooseValue), s = String(a.prevLooseValue);
   return e.split(t.minusSign).length !== s.split(t.minusSign).length && e.length === s.length + t.minusSign.length;
-}, Jn = (a, t) => {
+}, Qn = (a, t) => {
   const e = String(a.currentLooseValue), s = String(a.prevLooseValue);
   return e.indexOf(t.minusSign) === -1 && s.indexOf(t.minusSign) !== -1;
-}, Qn = (a, t) => String(a.currentLooseValue).split(t.decimal).length > 2, es = (a, t) => {
-  const e = t.formatNumber(pt, a), s = t.formatNumber(-pt, a), i = t.formatNumber(hn, a), l = t.formatNumber(fn, a), c = nt(e), o = nt(s), h = nt(i), d = nt(l), p = st(e), m = st(s), f = st(i), v = st(l);
+}, es = (a, t) => String(a.currentLooseValue).split(t.decimal).length > 2, ts = (a, t) => {
+  const e = t.formatNumber(pt, a), s = t.formatNumber(-pt, a), i = t.formatNumber(pn, a), l = t.formatNumber(hn, a), c = nt(e), o = nt(s), h = nt(i), d = nt(l), p = st(e), m = st(s), f = st(i), v = st(l);
   return {
     positiveInfo: [c, p],
     negativeInfo: [o, m],
     zeroInfo: [h, f],
     oneInfo: [d, v]
   };
-}, ts = (a, t) => {
-  const e = t.formatNumber(pt, a), s = t.formatNumber(-pt, a), i = t.formatNumber(hn, a), l = t.formatNumber(fn, a), c = t.numberSymbols(), o = new RegExp(`[\\d\\${c.decimal}${c.group}]`, "g");
+}, as = (a, t) => {
+  const e = t.formatNumber(pt, a), s = t.formatNumber(-pt, a), i = t.formatNumber(pn, a), l = t.formatNumber(hn, a), c = t.numberSymbols(), o = new RegExp(`[\\d\\${c.decimal}${c.group}]`, "g");
   return [e, s, i, l].map((d) => d.replace(o, "")).join("").split("").filter((d, p, m) => m.indexOf(d) === p).join("");
 }, Dt = (a, t) => {
   const e = a.indexOf(t.decimal);
@@ -118,10 +118,10 @@ const me = {
 }, ia = (a) => a.split("").reverse().join(""), Ze = (a, t) => a.length - ia(a).search(t), nt = (a) => a.split(a[a.search(ye)])[0], st = (a) => {
   const t = ia(a);
   return ia(t.split(t[t.search(ye)])[0]);
-}, Bt = (a, t) => a.search(t), Oa = (a, t) => {
+}, Bt = (a, t) => a.search(t), Fa = (a, t) => {
   const e = a.indexOf(t);
   return e > -1 ? a.length - e - 1 : 0;
-}, Fa = (a, t, e, s, i) => {
+}, Ta = (a, t, e, s, i) => {
   const l = a.replace(i, "")[0] === "0", c = t.replace(i, "")[0] === "0";
   if (l && !c)
     return e - 1;
@@ -134,13 +134,13 @@ const me = {
   for (; o > 0 && t.length > h; )
     ye.test(t.charAt(h)) && o--, h++;
   return h;
-}, Ta = (a, t, e) => {
-  const s = { ...a }, { prevLooseValue: i } = s, l = e.numberSymbols(), c = ts(t, e), o = String(s.currentLooseValue), h = String(i), d = new RegExp(`[^\\d\\${l.decimal}]`, "g"), p = new RegExp(`[^\\d\\${l.decimal}\\${l.group}]`, "g"), m = new RegExp(`[\\d\\${l.decimal}\\${l.group}]`), f = o.replace(d, ""), v = Bt(o, ye), N = v === -1 ? -1 : Ze(o, ye), P = o.indexOf(l.decimal), V = (o.substring(0, v) + o.substring(v, N).replace(p, "") + o.substring(N, o.length)).split("").filter((g) => c.indexOf(g) !== -1 || g.search(m) !== -1).join(""), R = e.formatNumber(qn, t).replace(d, ""), S = R.indexOf(l.decimal), I = S > -1 ? R.length - S - 1 : 0, O = e.formatNumber(Un, t).replace(d, ""), B = O.indexOf(l.decimal), w = B > -1 ? O.length - B - 1 : 0, {
+}, za = (a, t, e) => {
+  const s = { ...a }, { prevLooseValue: i } = s, l = e.numberSymbols(), c = as(t, e), o = String(s.currentLooseValue), h = String(i), d = new RegExp(`[^\\d\\${l.decimal}]`, "g"), p = new RegExp(`[^\\d\\${l.decimal}\\${l.group}]`, "g"), m = new RegExp(`[\\d\\${l.decimal}\\${l.group}]`), f = o.replace(d, ""), v = Bt(o, ye), N = v === -1 ? -1 : Ze(o, ye), P = o.indexOf(l.decimal), V = (o.substring(0, v) + o.substring(v, N).replace(p, "") + o.substring(N, o.length)).split("").filter((g) => c.indexOf(g) !== -1 || g.search(m) !== -1).join(""), R = e.formatNumber(Un, t).replace(d, ""), S = R.indexOf(l.decimal), I = S > -1 ? R.length - S - 1 : 0, O = e.formatNumber(jn, t).replace(d, ""), B = O.indexOf(l.decimal), w = B > -1 ? O.length - B - 1 : 0, {
     positiveInfo: F,
     negativeInfo: A,
     zeroInfo: T,
     oneInfo: x
-  } = es(t, e), L = [F, A, T, x], $ = L.findIndex((g) => g.findIndex((k) => !!k) !== -1) !== 1, U = o.length > 0 && o.length < h.length, Q = typeof t == "string" && t[0] === "p" && o && o.indexOf(l.percentSign) === -1;
+  } = ts(t, e), L = [F, A, T, x], $ = L.findIndex((g) => g.findIndex((k) => !!k) !== -1) !== 1, U = o.length > 0 && o.length < h.length, Q = typeof t == "string" && t[0] === "p" && o && o.indexOf(l.percentSign) === -1;
   if (!s.isPaste) {
     if (o === "")
       return s.eventValue = null, s.currentLooseValue = "", s;
@@ -166,7 +166,7 @@ const me = {
         L
       ), s;
     }
-    if (Zn(s, l)) {
+    if (Jn(s, l)) {
       const y = e.parseNumber(i, t);
       s.eventValue = -(y !== null ? y : 0), s.currentLooseValue = ue(s.eventValue, t, e);
       const E = Bt(s.currentLooseValue, ye), D = Bt(h, ye);
@@ -177,27 +177,27 @@ const me = {
         L
       ), s;
     }
-    if (Jn(s, l))
+    if (Qn(s, l))
       return s.eventValue = e.parseNumber(s.currentLooseValue, t), Ve(
         s,
         s.selectionStart,
         s.currentLooseValue,
         L
       ), s;
-    if (Qn(s, l))
+    if (es(s, l))
       return Pt(s, t, L, e), s;
     if (Q)
       return s.eventValue = e.parseNumber(o, t) / 100, s.currentLooseValue = ue(s.eventValue, t, e), s;
-    if (String(s.currentLooseValue).replace(/[^\d]/g, "").length > pn || f !== o && o && $ && L.findIndex(([E, D]) => {
+    if (String(s.currentLooseValue).replace(/[^\d]/g, "").length > mn || f !== o && o && $ && L.findIndex(([E, D]) => {
       const ee = o.indexOf(E), Z = o.indexOf(D), M = ee === 0, b = Z === o.length - D.length, q = ee + E.length !== v && v !== -1 && o[ee + E.length] !== l.decimal, K = Z !== N && N !== -1 && o[Z - 1] !== l.decimal;
       return E && D ? q || K ? !1 : M && b : E ? q ? !1 : M : D ? K ? !1 : b : !1;
     }) === -1)
       return Pt(s, t, L, e), s;
     if (f[f.length - 1] === l.decimal && I > 0)
       return s.eventValue = e.parseNumber(o, t), s.currentLooseValue = V, s;
-    if (s.currentLooseValue && i && (c + l.decimal + l.group).split("").findIndex((E) => o.split("").filter((D) => D === E).length < h.split("").filter((D) => D === E).length && o.length + 1 === h.length ? !(E === l.decimal && Oa(h.replace(d, ""), l.decimal) === 0) : !1) > -1)
+    if (s.currentLooseValue && i && (c + l.decimal + l.group).split("").findIndex((E) => o.split("").filter((D) => D === E).length < h.split("").filter((D) => D === E).length && o.length + 1 === h.length ? !(E === l.decimal && Fa(h.replace(d, ""), l.decimal) === 0) : !1) > -1)
       return s.eventValue = e.parseNumber(a.prevLooseValue, t), s.currentLooseValue = a.prevLooseValue, s;
-    const k = Oa(f, l.decimal), u = f[f.length - 1] === "0";
+    const k = Fa(f, l.decimal), u = f[f.length - 1] === "0";
     if (U && u && k < w)
       return s.eventValue = e.parseNumber(s.currentLooseValue, t), s.currentLooseValue = ue(s.eventValue, t, e), s;
     if (k > 0) {
@@ -207,7 +207,7 @@ const me = {
         const E = ue(s.eventValue, t, e);
         return Ve(
           s,
-          Fa(o, E, s.selectionEnd, U, d),
+          Ta(o, E, s.selectionEnd, U, d),
           E,
           L
         ), s.currentLooseValue = E, s;
@@ -226,16 +226,16 @@ const me = {
     const g = ue(s.eventValue, t, e);
     o.length === 1 ? Ve(s, Dt(g, l), g, L) : Ve(
       s,
-      Fa(o, g, s.selectionEnd, U, d),
+      Ta(o, g, s.selectionEnd, U, d),
       g,
       L
     ), s.currentLooseValue = g;
   } else
     s.currentLooseValue = ue(e.parseNumber(f), t, e);
   return s;
-}, as = "Please enter a valid value!", ns = he(), $e = n.forwardRef((a, t) => {
+}, ns = "Please enter a valid value!", ss = he(), $e = n.forwardRef((a, t) => {
   pe(me);
-  const e = Me(ns, a), s = Qe(), i = e.id || s, l = Nn(), c = He(), o = n.useRef(null), h = n.useRef(), [d, p] = n.useState(!1), m = n.useRef(Na()), f = n.useRef(!1), v = n.useRef(), N = n.useRef(e.defaultValue), P = ue(
+  const e = Me(ss, a), s = Qe(), i = e.id || s, l = Pn(), c = He(), o = n.useRef(null), h = n.useRef(), [d, p] = n.useState(!1), m = n.useRef(Pa()), f = n.useRef(!1), v = n.useRef(), N = n.useRef(e.defaultValue), P = ue(
     m.current.focused && !e.disabled ? m.current.currentLooseValue : Nt(e.value, N.current),
     e.format,
     l
@@ -245,7 +245,7 @@ const me = {
   n.useEffect(
     () => {
       o.current && o.current.setCustomValidity && o.current.setCustomValidity(
-        w().valid ? "" : e.validationMessage || as
+        w().valid ? "" : e.validationMessage || ns
       );
     }
   );
@@ -321,7 +321,7 @@ const me = {
   ), $ = n.useCallback(
     (M) => {
       const b = x();
-      f.current = !1, L(M, Ta(b, e.format, l));
+      f.current = !1, L(M, za(b, e.format, l));
     },
     [e.format, e.onChange, l, L, x]
   ), U = n.useCallback(
@@ -335,7 +335,7 @@ const me = {
       }
       switch (M.keyCode) {
         case 38:
-          Da(
+          Ba(
             q,
             b,
             e.step,
@@ -346,7 +346,7 @@ const me = {
           );
           break;
         case 40:
-          Ba(
+          Oa(
             q,
             b,
             e.step,
@@ -365,7 +365,7 @@ const me = {
         }
         case 110: {
           const K = o.current, W = l.numberSymbols();
-          K && (b.currentLooseValue = b.currentLooseValue.slice(0, b.selectionStart) + W.decimal + b.currentLooseValue.slice(b.selectionEnd), b.selectionStart = b.selectionEnd = b.selectionStart + 1, b = Ta(b, e.format, l));
+          K && (b.currentLooseValue = b.currentLooseValue.slice(0, b.selectionStart) + W.decimal + b.currentLooseValue.slice(b.selectionEnd), b.selectionStart = b.selectionEnd = b.selectionStart + 1, b = za(b, e.format, l));
           break;
         }
         default:
@@ -384,7 +384,7 @@ const me = {
       if (e.readOnly || e.disabled)
         return;
       const b = x();
-      Da(
+      Ba(
         l.parseNumber(String(b.currentLooseValue), e.format),
         b,
         e.step,
@@ -400,7 +400,7 @@ const me = {
       if (e.readOnly || e.disabled)
         return;
       const b = x();
-      Ba(
+      Oa(
         l.parseNumber(String(b.currentLooseValue), e.format),
         b,
         e.step,
@@ -413,7 +413,7 @@ const me = {
     [e.format, e.min, e.max, e.step, e.onChange, e.readOnly, e.disabled, L, x]
   ), u = n.useCallback(
     (M) => {
-      const b = wa(document);
+      const b = Ia(document);
       !document || b !== o.current || !o.current || e.readOnly || e.disabled || (M.nativeEvent.deltaY < 0 && g(M), M.nativeEvent.deltaY > 0 && k(M));
     },
     [g, k, e.disabled, e.readOnly]
@@ -429,7 +429,7 @@ const me = {
     [e.onFocus, p, T]
   ), E = n.useCallback(
     (M) => {
-      m.current = Na(), J(
+      m.current = Pa(), J(
         e.onBlur,
         M,
         T(),
@@ -440,13 +440,13 @@ const me = {
   ), D = n.useCallback(
     (M) => {
       if (document && o.current) {
-        const b = wa(document);
+        const b = Ia(document);
         M.preventDefault(), b !== o.current && o.current.focus();
       }
     },
     []
   );
-  n.useLayoutEffect(
+  ha(
     () => {
       o.current && o.current.type !== "number" && m.current.selectionStart !== void 0 && m.current.selectionEnd !== void 0 && (o.current.selectionStart = m.current.selectionStart, o.current.selectionEnd = m.current.selectionEnd, m.current.selectionStart = void 0, m.current.selectionEnd = void 0);
     },
@@ -546,7 +546,7 @@ const me = {
     )
   );
   return e.label ? /* @__PURE__ */ n.createElement(
-    ha,
+    pa,
     {
       label: e.label,
       editorId: i,
@@ -640,30 +640,30 @@ const ae = (a) => a != null, se = (a, t, e) => !ae(a) || isNaN(a) || a <= t ? t
 }, Ue = (a, t = !0) => {
   const e = mt(a, t);
   return ae(e) ? e.toBytes() : {};
-}, pa = (a) => {
+}, ma = (a) => {
   const t = se(a.h, 0, 359.9), e = se(a.s, 0, 1), s = se(a.v, 0, 1), i = se(a.a, 0, 1);
-  return an.fromHSV(t, e, s, i).toCssRgba();
-}, rt = (a) => pa({ h: a, s: 1, v: 1, a: 1 }), ss = (a) => {
+  return nn.fromHSV(t, e, s, i).toCssRgba();
+}, rt = (a) => ma({ h: a, s: 1, v: 1, a: 1 }), rs = (a) => {
   const t = se(a.r, 0, 255), e = se(a.g, 0, 255), s = se(a.b, 0, 255), i = se(a.a, 0, 1);
-  return an.fromBytes(t, e, s, i).toCssRgba();
-}, za = (a, t) => {
+  return nn.fromBytes(t, e, s, i).toCssRgba();
+}, _a = (a, t) => {
   const e = se(a.r, 0, 255), s = se(a.g, 0, 255), i = se(a.b, 0, 255), l = se(a.a, 0, 1), c = se(t.r, 0, 255), o = se(t.g, 0, 255), h = se(t.b, 0, 255);
   return {
     r: Math.round((1 - l) * c + l * e),
     g: Math.round((1 - l) * o + l * s),
     b: Math.round((1 - l) * h + l * i)
   };
-}, _a = (a) => {
+}, Aa = (a) => {
   let t = [a.r || 0, a.g || 0, a.b || 0].map(function(e) {
     return e /= 255, e <= 0.03928 ? e / 12.92 : Math.pow((e + 0.055) / 1.055, 2.4);
   });
   return t[0] * 0.2126 + t[1] * 0.7152 + t[2] * 0.0722;
-}, rs = (a, t) => {
+}, is = (a, t) => {
   const e = Math.max(a, t), s = Math.min(a, t);
   return (e + 0.05) / (s + 0.05);
-}, bn = (a, t) => rs(
-  _a(za(a, t)),
-  _a(za(t, { r: 0, g: 0, b: 0, a: 1 }))
+}, vn = (a, t) => is(
+  Aa(_a(a, t)),
+  Aa(_a(t, { r: 0, g: 0, b: 0, a: 1 }))
 ), la = class extends n.Component {
   constructor(a) {
     super(a), this._input = null, this.focus = () => {
@@ -797,7 +797,7 @@ const ae = (a) => a != null, se = (a, t, e) => !ae(a) || isNaN(a) || a <= t ? t
       }
     );
     return t ? /* @__PURE__ */ n.createElement(
-      ha,
+      pa,
       {
         label: t,
         labelClassName: e,
@@ -831,9 +831,9 @@ gt.defaultProps = {
   required: !1,
   validityStyles: !0
 };
-const is = he(), vn = et(je(is, gt));
-vn.displayName = "KendoReactInput";
-class ls extends n.Component {
+const ls = he(), kn = et(je(ls, gt));
+kn.displayName = "KendoReactInput";
+class os extends n.Component {
   constructor(t) {
     super(t), this.onChange = (e) => {
       const s = e.target.value, i = Be(s, "rgba");
@@ -844,7 +844,7 @@ class ls extends n.Component {
   }
   render() {
     return /* @__PURE__ */ n.createElement(
-      vn,
+      kn,
       {
         value: this.state.hex,
         onChange: this.onChange,
@@ -858,7 +858,7 @@ class ls extends n.Component {
   }
 }
 const Te = ["rgba", "rgb", "hex"];
-class ma extends n.Component {
+class ga extends n.Component {
   constructor(t) {
     super(t), this.onRgbaRChange = (e) => {
       this.dispatchRgbaChange({ r: e.value }, e);
@@ -871,19 +871,19 @@ class ma extends n.Component {
     }, this.state = { inputMode: t.defaultInputMode || Te[1] };
   }
   render() {
-    const t = Je(this), e = t.toLanguageString(_e, H[ln]), s = t.toLanguageString(_e, H[_e]), i = t.toLanguageString(_e, H[nn]), l = t.toLanguageString(_e, H[sn]), c = t.toLanguageString(_e, H[rn]), o = t.toLanguageString(Yt, H[Yt]);
+    const t = Je(this), e = t.toLanguageString(_e, H[on]), s = t.toLanguageString(_e, H[_e]), i = t.toLanguageString(_e, H[sn]), l = t.toLanguageString(_e, H[rn]), c = t.toLanguageString(_e, H[ln]), o = t.toLanguageString(Yt, H[Yt]);
     return /* @__PURE__ */ n.createElement("div", { className: "k-colorgradient-inputs k-hstack" }, /* @__PURE__ */ n.createElement("div", { className: "k-vstack" }, /* @__PURE__ */ n.createElement(
       ge,
       {
         "aria-label": o,
         fillMode: "flat",
         icon: "caret-alt-expand",
-        svgIcon: Fn,
+        svgIcon: Tn,
         className: "k-colorgradient-toggle-mode k-icon-button",
         onClick: this.onToggleModeChange.bind(this)
       }
     )), this.state.inputMode === "hex" && /* @__PURE__ */ n.createElement("div", { className: "k-vstack k-flex-1" }, /* @__PURE__ */ n.createElement("span", { className: "k-hex-value k-textbox k-input" }, /* @__PURE__ */ n.createElement(
-      ls,
+      os,
       {
         hex: this.props.hex,
         onHexChange: this.props.onHexChange,
@@ -958,9 +958,9 @@ class ma extends n.Component {
     }
   }
 }
-Pn(ma);
-fa(ma);
-const kn = "data-slider-label", Vr = (a) => {
+Dn(ga);
+fa(ga);
+const yn = "data-slider-label", Mr = (a) => {
   const t = n.useRef(null), e = Ge(t), s = a.vertical ? { bottom: `${a.position}%` } : { [e === "rtl" ? "right" : "left"]: `${a.position}%` }, i = a.vertical ? "k-tick-vertical" : "k-tick-horizontal";
   return /* @__PURE__ */ n.createElement(
     "li",
@@ -977,7 +977,7 @@ const kn = "data-slider-label", Vr = (a) => {
     a.children && /* @__PURE__ */ n.createElement(
       "span",
       {
-        [kn]: !0,
+        [yn]: !0,
         className: "k-label",
         onClick: a.onClick
       },
@@ -994,7 +994,7 @@ class bt extends n.Component {
     }, this._sliderTrack = null, this._element = null, this.buttons = (e) => {
       if (!e.enabled)
         return e.children;
-      const s = this.state.dir === "rtl" ? this.props.vertical ? _t : Ia : this.props.vertical ? _t : La, i = this.state.dir === "rtl" ? this.props.vertical ? ht : La : this.props.vertical ? ht : Ia, l = this.state.dir === "rtl" ? this.props.vertical ? "caret-alt-up" : "caret-alt-left" : this.props.vertical ? "caret-alt-up" : "caret-alt-right", c = this.state.dir === "rtl" ? this.props.vertical ? "caret-alt-down" : "caret-alt-right" : this.props.vertical ? "caret-alt-down" : "caret-alt-left";
+      const s = this.state.dir === "rtl" ? this.props.vertical ? _t : La : this.props.vertical ? _t : Ra, i = this.state.dir === "rtl" ? this.props.vertical ? ht : Ra : this.props.vertical ? ht : La, l = this.state.dir === "rtl" ? this.props.vertical ? "caret-alt-up" : "caret-alt-left" : this.props.vertical ? "caret-alt-up" : "caret-alt-right", c = this.state.dir === "rtl" ? this.props.vertical ? "caret-alt-down" : "caret-alt-right" : this.props.vertical ? "caret-alt-down" : "caret-alt-left";
       return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(
         ge,
         {
@@ -1021,7 +1021,7 @@ class bt extends n.Component {
     }, this.isLabel = (e) => {
       let s = e;
       for (; s; ) {
-        if (s.getAttribute(kn))
+        if (s.getAttribute(yn))
           return !0;
         s = s.parentElement;
       }
@@ -1097,7 +1097,7 @@ class bt extends n.Component {
           incrementTitle: t.toLanguageString($t, H[$t]),
           decrementTitle: t.toLanguageString(Ht, H[Ht])
         },
-        /* @__PURE__ */ n.createElement(en, { onDrag: this.dragOver, onPress: this.dragStart }, /* @__PURE__ */ n.createElement(
+        /* @__PURE__ */ n.createElement(tn, { onDrag: this.dragOver, onPress: this.dragStart }, /* @__PURE__ */ n.createElement(
           "div",
           {
             className: "k-slider-track-wrap",
@@ -1183,50 +1183,50 @@ bt.propTypes = {
   ariaLabel: r.string
   // TODO: validation when buttons is set to true, but no step is provided
 };
-const os = he(), oa = je(os, bt);
+const cs = he(), oa = je(cs, bt);
 oa.displayName = "KendoReactSlider";
 fa(bt);
 const Ke = {};
-function cs(a, t, e) {
+function ds(a, t, e) {
   Ke[a] = { value: t, hsva: e };
 }
-function ds(a, t, e) {
+function us(a, t, e) {
   Ke[a] = { value: t, rgba: e };
 }
-function us(a, t, e) {
+function fs(a, t, e) {
   Ke[a] = { value: t, hex: e };
 }
-function fs(a) {
+function hs(a) {
   delete Ke[a];
 }
-function hs(a, t) {
+function ps(a, t) {
   if (a) {
     const e = Ke[a];
     return e && e.value === t ? e.hex : void 0;
   } else
     return;
 }
-function ps(a, t) {
+function ms(a, t) {
   if (a) {
     const e = Ke[a];
     return e && e.value === t ? e.hsva : void 0;
   } else
     return;
 }
-function ms(a, t) {
+function gs(a, t) {
   if (a) {
     const e = Ke[a];
     return e && e.value === t ? e.rgba : void 0;
   } else
     return;
 }
-class yn extends n.Component {
+class Cn extends n.Component {
   render() {
-    const t = Je(this), e = t.toLanguageString(Gt, H[Gt]), s = t.toLanguageString(Kt, H[Kt]), i = t.toLanguageString(qt, H[qt]), l = t.toLanguageString(Ut, H[Ut]), c = t.toLanguageString(jt, H[jt]), o = bn(this.props.rgba, this.props.bgColor), h = 4.5.toFixed(1), d = 7 .toFixed(1), p = `${e}: ${o.toFixed(2)}`, m = `${s}: ${h}`, f = `${i}: ${d}`, v = /* @__PURE__ */ n.createElement("span", { className: "k-contrast-validation k-text-success" }, l, " ", /* @__PURE__ */ n.createElement(fe, { name: "check", icon: Mt })), N = /* @__PURE__ */ n.createElement("span", { className: "k-contrast-validation k-text-error" }, c, " ", /* @__PURE__ */ n.createElement(fe, { name: "x", icon: At }));
+    const t = Je(this), e = t.toLanguageString(Gt, H[Gt]), s = t.toLanguageString(Kt, H[Kt]), i = t.toLanguageString(qt, H[qt]), l = t.toLanguageString(Ut, H[Ut]), c = t.toLanguageString(jt, H[jt]), o = vn(this.props.rgba, this.props.bgColor), h = 4.5.toFixed(1), d = 7 .toFixed(1), p = `${e}: ${o.toFixed(2)}`, m = `${s}: ${h}`, f = `${i}: ${d}`, v = /* @__PURE__ */ n.createElement("span", { className: "k-contrast-validation k-text-success" }, l, " ", /* @__PURE__ */ n.createElement(fe, { name: "check", icon: Mt })), N = /* @__PURE__ */ n.createElement("span", { className: "k-contrast-validation k-text-error" }, c, " ", /* @__PURE__ */ n.createElement(fe, { name: "x", icon: At }));
     return /* @__PURE__ */ n.createElement("div", { className: "k-vbox k-colorgradient-color-contrast" }, /* @__PURE__ */ n.createElement("div", { className: "k-contrast-ratio" }, /* @__PURE__ */ n.createElement("span", { className: "k-contrast-ratio-text" }, p), o >= 4.5 ? /* @__PURE__ */ n.createElement("span", { className: "k-contrast-validation k-text-success" }, /* @__PURE__ */ n.createElement(fe, { name: "check", icon: Mt }), o >= 7 && /* @__PURE__ */ n.createElement(fe, { name: "check", icon: Mt })) : /* @__PURE__ */ n.createElement("span", { className: "k-contrast-validation k-text-error" }, /* @__PURE__ */ n.createElement(fe, { name: "x", icon: At }))), /* @__PURE__ */ n.createElement("div", null, /* @__PURE__ */ n.createElement("span", null, m), o >= 4.5 ? v : N), /* @__PURE__ */ n.createElement("div", null, /* @__PURE__ */ n.createElement("span", null, f), o >= 7 ? v : N));
   }
 }
-fa(yn);
+fa(Cn);
 const it = (a, t) => a.length === 0 ? "" : `<path d="${a.reduce(
   (s, i, l, c) => l === 0 ? (
     // if first point
@@ -1236,23 +1236,23 @@ const it = (a, t) => a.length === 0 ? "" : `<path d="${a.reduce(
     `${s} ${t(i, l, c)}`
   ),
   ""
-)}" fill="none" stroke="white" stroke-width="1"/>`, gs = (a, t) => {
+)}" fill="none" stroke="white" stroke-width="1"/>`, bs = (a, t) => {
   const e = t[0] - a[0], s = t[1] - a[1];
   return {
     length: Math.sqrt(Math.pow(e, 2) + Math.pow(s, 2)),
     angle: Math.atan2(s, e)
   };
-}, bs = (a) => (t, e, s, i) => {
+}, vs = (a) => (t, e, s, i) => {
   const l = e || t, c = s || t, o = 0.1, h = a(l, c), d = h.angle + (i ? Math.PI : 0), p = h.length * o, m = t[0] + Math.cos(d) * p, f = t[1] + Math.sin(d) * p;
   return [m, f];
-}, vs = (a) => (t, e, s) => {
+}, ks = (a) => (t, e, s) => {
   const [i, l] = a(s[e - 1], s[e - 2], t), [c, o] = a(t, s[e - 1], s[e + 1], !0);
   return `C ${i},${l} ${c},${o} ${t[0]},${t[1]}`;
-}, Aa = 4.5, $a = 7, lt = 16;
-class ks extends n.Component {
+}, $a = 4.5, Ha = 7, lt = 16;
+class ys extends n.Component {
   renderSvgCurveLine() {
     const t = this.props.metrics, e = (l, c, o, h, d) => {
-      const p = (o + h) / 2, m = Object.assign({}, this.props.hsva, { s: c / t.width, v: 1 - p / t.height }), f = bn(Ue(pa(m)), Ue(this.props.backgroundColor || ""));
+      const p = (o + h) / 2, m = Object.assign({}, this.props.hsva, { s: c / t.width, v: 1 - p / t.height }), f = vn(Ue(ma(m)), Ue(this.props.backgroundColor || ""));
       return o + 0.5 > h ? f < l + 1 && f > l - 1 ? p : null : d(f, l) ? e(l, c, o, h - (h - o) / 2, d) : e(l, c, o + (h - o) / 2, h, d);
     }, s = (l, c, o = !1) => {
       const h = [];
@@ -1261,8 +1261,8 @@ class ks extends n.Component {
         p !== null && h.push([d, p]);
       }
       return h;
-    }, i = vs(bs(gs));
-    return it(s(Aa, lt), i) + it(s(Aa, lt, !0), i) + it(s($a, lt), i) + it(s($a, lt, !0), i);
+    }, i = ks(vs(bs));
+    return it(s($a, lt), i) + it(s($a, lt, !0), i) + it(s(Ha, lt), i) + it(s(Ha, lt, !0), i);
   }
   shouldComponentUpdate(t) {
     return !(t.hsva.h === this.props.hsva.h && t.hsva.a === this.props.hsva.a && this.props.backgroundColor === t.backgroundColor);
@@ -1286,22 +1286,22 @@ class ks extends n.Component {
     );
   }
 }
-const ys = "rgba", Ha = "rgba(255, 255, 255, 1)", ca = class extends n.Component {
+const Cs = "rgba", Ga = "rgba(255, 255, 255, 1)", ca = class extends n.Component {
   constructor(a) {
     super(a), this.wrapper = null, this.onHexChange = (e, s, i) => {
       if (this.isUncontrolled) {
         const l = Ot(s);
         this.setState({ hsva: l, backgroundColor: rt(l.h), rgba: Ue(s), hex: e });
       } else
-        us(this.state.guid, s, e);
+        fs(this.state.guid, s, e);
       this.dispatchChangeEvent(s, i, i.nativeEvent);
     }, this.onRgbaChange = (e, s) => {
-      const i = ss(e);
+      const i = rs(e);
       if (this.isUncontrolled) {
         const l = Ot(i), c = Be(i, "hex");
         this.setState({ hsva: l, backgroundColor: rt(l.h), rgba: e, hex: c });
       } else
-        ds(this.state.guid, i, e);
+        us(this.state.guid, i, e);
       this.dispatchChangeEvent(i, s.syntheticEvent, s.nativeEvent);
     }, this.onAlphaSliderChange = (e) => {
       this.handleHsvaChange(
@@ -1334,9 +1334,9 @@ const ys = "rgba", Ha = "rgba(255, 255, 255, 1)", ca = class extends n.Component
         { nativeEvent: e, target: this }
       );
     }, this.focus = () => {
-      tn(this.wrapper);
+      an(this.wrapper);
     }, pe(me);
-    const t = a.value || a.defaultValue || Be(Ha, ys);
+    const t = a.value || a.defaultValue || Be(Ga, Cs);
     this.state = Object.assign({}, ca.getStateFromValue(t), { isFirstRender: !0, guid: this.props.id });
   }
   /**
@@ -1355,7 +1355,7 @@ const ys = "rgba", Ha = "rgba(255, 255, 255, 1)", ca = class extends n.Component
    * @hidden
    */
   componentWillUnmount() {
-    fs(this.state.guid);
+    hs(this.state.guid);
   }
   /**
    * @hidden
@@ -1391,12 +1391,12 @@ const ys = "rgba", Ha = "rgba(255, 255, 255, 1)", ca = class extends n.Component
    * @hidden
    */
   handleHsvaChange(a, t, e) {
-    const s = pa(a);
+    const s = ma(a);
     if (this.isUncontrolled) {
       const i = Be(s, "hex");
       this.setState({ hsva: a, backgroundColor: rt(a.h), rgba: Ue(s), hex: i });
     } else
-      cs(this.state.guid, s, a);
+      ds(this.state.guid, s, a);
     this.dispatchChangeEvent(s, t, e);
   }
   /**
@@ -1412,8 +1412,8 @@ const ys = "rgba", Ha = "rgba(255, 255, 255, 1)", ca = class extends n.Component
    * @hidden
    */
   static getStateFromValue(a, t) {
-    ae(Be(a, "hex")) || (a = Ha);
-    const e = ps(t, a) || Ot(a), s = ms(t, a) || Ue(a), i = hs(t, a) || Be(a, "hex"), l = rt(e.h);
+    ae(Be(a, "hex")) || (a = Ga);
+    const e = ms(t, a) || Ot(a), s = gs(t, a) || Ue(a), i = ps(t, a) || Be(a, "hex"), l = rt(e.h);
     return { hsva: e, backgroundColor: l, rgba: s, hex: i };
   }
   /**
@@ -1455,7 +1455,7 @@ const ys = "rgba", Ha = "rgba(255, 255, 255, 1)", ca = class extends n.Component
         onFocus: this.onFocus
       },
       /* @__PURE__ */ n.createElement("div", { className: "k-colorgradient-canvas k-hstack" }, /* @__PURE__ */ n.createElement("div", { className: "k-hsv-rectangle", style: { background: this.state.backgroundColor } }, /* @__PURE__ */ n.createElement(
-        en,
+        tn,
         {
           onDrag: this.onDrag,
           onRelease: this.onRelease,
@@ -1471,7 +1471,7 @@ const ys = "rgba", Ha = "rgba(255, 255, 255, 1)", ca = class extends n.Component
           this.renderRectangleDragHandle()
         )
       ), this.props.backgroundColor && !this.state.isFirstRender && /* @__PURE__ */ n.createElement(
-        ks,
+        ys,
         {
           metrics: this.gradientWrapper ? this.getGradientRectMetrics() : void 0,
           hsva: this.state.hsva,
@@ -1508,7 +1508,7 @@ const ys = "rgba", Ha = "rgba(255, 255, 255, 1)", ca = class extends n.Component
         }
       ))),
       /* @__PURE__ */ n.createElement(
-        ma,
+        ga,
         {
           rgba: this.state.rgba,
           onRgbaChange: this.onRgbaChange,
@@ -1520,7 +1520,7 @@ const ys = "rgba", Ha = "rgba(255, 255, 255, 1)", ca = class extends n.Component
         }
       ),
       this.props.backgroundColor && /* @__PURE__ */ n.createElement(
-        yn,
+        Cn,
         {
           bgColor: Ue(this.props.backgroundColor),
           rgba: this.state.rgba
@@ -1553,9 +1553,9 @@ vt.defaultProps = {
   role: "textbox",
   format: "rgb"
 };
-const Cs = he(), ga = et(je(Cs, vt));
-ga.displayName = "KendoReactColorGradient";
-class xs {
+const xs = he(), ba = et(je(xs, vt));
+ba.displayName = "KendoReactColorGradient";
+class Es {
   constructor() {
     this.colorRows = [];
   }
@@ -1592,7 +1592,7 @@ class xs {
     return t < 0 ? 0 : t > e ? e : t;
   }
 }
-const Es = {
+const Ss = {
   basic: {
     colors: ["#000000", "#7f7f7f", "#880015", "#ed1c24", "#ff7f27", "#fff200", "#22b14c", "#00a2e8", "#3f48cc", "#a349a4", " ffffff", "#c3c3c3", "#b97a57", "#ffaec9", "#ffc90e", "#efe4b0", "#b5e61d", "#99d9ea", "#7092be", "#c8bfe7"],
     columns: 10
@@ -1641,7 +1641,7 @@ const Es = {
     colors: ["#000000", "#1a1a1a", "#333333", "#4d4d4d", "#666666", "#808080", "#999999", "#b3b3b3", "#cccccc", "#e6e6e6", "#f2f2f2", "#ffffff"],
     columns: 12
   }
-}, Cn = 24, Ga = 10, xn = "office";
+}, xn = 24, Ka = 10, En = "office";
 class kt extends n.Component {
   constructor(t) {
     super(t), this.wrapper = null, this.paletteService = null, this.focus = () => {
@@ -1688,7 +1688,7 @@ class kt extends n.Component {
    * @hidden
    */
   render() {
-    const t = this.getPaletteInfo(), e = this.paletteService = new xs();
+    const t = this.getPaletteInfo(), e = this.paletteService = new Es();
     e.setColorMatrix(t.colors, t.columns);
     const s = e.getCellCoordsFor(this.state.selectedColor), i = e.getCellCoordsFor(this.state.focusedColor), l = G("k-colorpalette", { "k-disabled": this.props.disabled }, this.props.className);
     return t.colors.length ? /* @__PURE__ */ n.createElement(
@@ -1748,13 +1748,13 @@ class kt extends n.Component {
   }
   getPaletteInfo() {
     if (typeof this.props.palette == "string") {
-      const t = Es[this.props.palette];
+      const t = Ss[this.props.palette];
       return ae(t) ? {
         colors: t.colors,
-        columns: this.props.columns || t.columns || Ga
+        columns: this.props.columns || t.columns || Ka
       } : { colors: [], columns: 0 };
     } else
-      return { colors: this.props.palette || [], columns: this.props.columns || Ga };
+      return { colors: this.props.palette || [], columns: this.props.columns || Ka };
   }
   renderRows(t, e, s) {
     return t.map((i, l) => /* @__PURE__ */ n.createElement("tr", { role: "row", key: l }, this.renderColumns(i, l, e, s)));
@@ -1805,21 +1805,21 @@ kt.propTypes = {
   className: r.string
 };
 kt.defaultProps = {
-  palette: xn,
-  tileSize: Cn
+  palette: En,
+  tileSize: xn
 };
-const Ss = he(), ba = et(je(Ss, kt));
-ba.displayName = "KendoReactColorPalette";
-const ws = "bottom", Is = "top", En = (a) => {
+const ws = he(), va = et(je(ws, kt));
+va.displayName = "KendoReactColorPalette";
+const Is = "bottom", Ls = "top", Sn = (a) => {
   const t = a.popupSettings || {}, e = a.dir === "rtl" ? "right" : "left", s = n.useMemo(
-    () => ({ horizontal: e, vertical: ws }),
+    () => ({ horizontal: e, vertical: Is }),
     [e]
   ), i = n.useMemo(
-    () => ({ horizontal: e, vertical: Is }),
+    () => ({ horizontal: e, vertical: Ls }),
     [e]
   );
   return /* @__PURE__ */ n.createElement(n.Fragment, null, a.input, a.button, /* @__PURE__ */ n.createElement(
-    $n,
+    Hn,
     {
       style: {
         ...(t || {}).style,
@@ -1837,15 +1837,15 @@ const ws = "bottom", Is = "top", En = (a) => {
     a.content
   ));
 };
-En.displayName = "KendoPickerComponent";
-const Ls = {
+Sn.displayName = "KendoPickerComponent";
+const Rs = {
   opacity: !0
-}, Rs = {
-  palette: xn,
-  tileSize: Cn
-}, Ft = (a) => a !== void 0, Vs = he(), va = n.forwardRef((a, t) => {
+}, Vs = {
+  palette: En,
+  tileSize: xn
+}, Ft = (a) => a !== void 0, Ms = he(), ka = n.forwardRef((a, t) => {
   pe(me);
-  const e = Me(Vs, a), s = He(), {
+  const e = Me(Ms, a), s = He(), {
     size: i = dt.size,
     rounded: l = dt.rounded,
     fillMode: c = dt.fillMode,
@@ -1984,7 +1984,7 @@ const Ls = {
       dir: be
     },
     /* @__PURE__ */ n.createElement(
-      En,
+      Sn,
       {
         dir: be,
         open: D,
@@ -2021,7 +2021,7 @@ const Ls = {
           }
         ),
         content: /* @__PURE__ */ n.createElement(n.Fragment, null, (v === "combo" || v === "gradient") && /* @__PURE__ */ n.createElement(
-          ga,
+          ba,
           {
             ...h,
             tabIndex: 0,
@@ -2030,7 +2030,7 @@ const Ls = {
             onChange: le
           }
         ), (v === "combo" || v === "palette") && /* @__PURE__ */ n.createElement(
-          ba,
+          va,
           {
             ...d,
             ref: A,
@@ -2042,7 +2042,7 @@ const Ls = {
     )
   );
 });
-va.propTypes = {
+ka.propTypes = {
   value: r.string,
   defaultValue: r.string,
   disabled: r.bool,
@@ -2063,14 +2063,14 @@ const dt = {
   rounded: "medium",
   fillMode: "solid",
   view: "palette",
-  gradientSettings: Ls,
-  paletteSettings: Rs
+  gradientSettings: Rs,
+  paletteSettings: Vs
 };
-va.defaultProps = dt;
-va.displayName = "KendoColorPicker";
-const Ka = "rgba(255, 255, 255, 1)", Sn = n.forwardRef((a, t) => {
+ka.defaultProps = dt;
+ka.displayName = "KendoColorPicker";
+const qa = "rgba(255, 255, 255, 1)", wn = n.forwardRef((a, t) => {
   pe(me);
-  const e = n.useRef(null), s = n.useRef(null), i = n.useRef(null), { defaultValue: l = Ka, showButtons: c = !0, showPreview: o = !0, showClearButton: h = !0 } = a, [d, p] = n.useState((a.view || "ColorGradient") === "ColorGradient"), [m, f] = n.useState(a.value || l), [v, N] = n.useState(a.value || l), P = a.value !== void 0 ? a.value : v;
+  const e = n.useRef(null), s = n.useRef(null), i = n.useRef(null), { defaultValue: l = qa, showButtons: c = !0, showPreview: o = !0, showClearButton: h = !0 } = a, [d, p] = n.useState((a.view || "ColorGradient") === "ColorGradient"), [m, f] = n.useState(a.value || l), [v, N] = n.useState(a.value || l), P = a.value !== void 0 ? a.value : v;
   n.useEffect(() => {
     f(a.value || l);
   }, [a.value, l]);
@@ -2129,7 +2129,7 @@ const Ka = "rgba(255, 255, 255, 1)", Sn = n.forwardRef((a, t) => {
     [m, a.onChange]
   ), w = n.useCallback(
     () => {
-      N(Ka);
+      N(qa);
     },
     []
   ), F = n.useCallback(
@@ -2183,7 +2183,7 @@ const Ka = "rgba(255, 255, 255, 1)", Sn = n.forwardRef((a, t) => {
       ),
       onBlur: T
     },
-    /* @__PURE__ */ n.createElement(n.Fragment, null, a.header || /* @__PURE__ */ n.createElement("div", { className: "k-coloreditor-header k-hstack" }, /* @__PURE__ */ n.createElement("div", { className: "k-coloreditor-header-actions k-hstack" }, /* @__PURE__ */ n.createElement(An, { className: "k-button-group-flat" }, /* @__PURE__ */ n.createElement(
+    /* @__PURE__ */ n.createElement(n.Fragment, null, a.header || /* @__PURE__ */ n.createElement("div", { className: "k-coloreditor-header k-hstack" }, /* @__PURE__ */ n.createElement("div", { className: "k-coloreditor-header-actions k-hstack" }, /* @__PURE__ */ n.createElement($n, { className: "k-button-group-flat" }, /* @__PURE__ */ n.createElement(
       ge,
       {
         type: "button",
@@ -2196,7 +2196,7 @@ const Ka = "rgba(255, 255, 255, 1)", Sn = n.forwardRef((a, t) => {
         selected: d,
         onClick: () => S("ColorGradient"),
         icon: "droplet-slider",
-        svgIcon: Tn
+        svgIcon: zn
       }
     ), /* @__PURE__ */ n.createElement(
       ge,
@@ -2211,7 +2211,7 @@ const Ka = "rgba(255, 255, 255, 1)", Sn = n.forwardRef((a, t) => {
         selected: !d,
         onClick: () => S("ColorPalette"),
         icon: "palette",
-        svgIcon: zn
+        svgIcon: _n
       }
     ))), /* @__PURE__ */ n.createElement("div", { className: "k-spacer" }), /* @__PURE__ */ n.createElement("div", { className: "k-coloreditor-header-actions k-hstack" }, h && /* @__PURE__ */ n.createElement(
       ge,
@@ -2224,10 +2224,10 @@ const Ka = "rgba(255, 255, 255, 1)", Sn = n.forwardRef((a, t) => {
           H[Qt]
         ),
         icon: "droplet-slash",
-        svgIcon: _n
+        svgIcon: An
       }
     ), o && /* @__PURE__ */ n.createElement("div", { className: "k-coloreditor-preview k-vstack" }, /* @__PURE__ */ n.createElement("span", { className: "k-coloreditor-preview-color k-color-preview", style: { background: m } }), /* @__PURE__ */ n.createElement("span", { className: "k-coloreditor-current-color k-color-preview", style: { background: v }, onClick: F })))), /* @__PURE__ */ n.createElement("div", { className: "k-coloreditor-views k-vstack" }, d ? /* @__PURE__ */ n.createElement(
-      ga,
+      ba,
       {
         ref: i,
         role: "none",
@@ -2239,9 +2239,9 @@ const Ka = "rgba(255, 255, 255, 1)", Sn = n.forwardRef((a, t) => {
         opacity: a.opacity,
         format: a.format
       }
-    ) : /* @__PURE__ */ n.createElement(ba, { ariaDisabled: !0, ariaLabelledBy: "required_label", value: m, onChange: O, onFocus: A })), c && /* @__PURE__ */ n.createElement("div", { className: "k-coloreditor-footer k-actions k-actions-end" }, /* @__PURE__ */ n.createElement(ge, { type: "button", className: "k-coloreditor-cancel", onClick: w }, H[on]), /* @__PURE__ */ n.createElement(ge, { type: "button", className: "k-coloreditor-apply k-primary", onClick: B }, H[cn])))
+    ) : /* @__PURE__ */ n.createElement(va, { ariaDisabled: !0, ariaLabelledBy: "required_label", value: m, onChange: O, onFocus: A })), c && /* @__PURE__ */ n.createElement("div", { className: "k-coloreditor-footer k-actions k-actions-end" }, /* @__PURE__ */ n.createElement(ge, { type: "button", className: "k-coloreditor-cancel", onClick: w }, H[cn]), /* @__PURE__ */ n.createElement(ge, { type: "button", className: "k-coloreditor-apply k-primary", onClick: B }, H[dn])))
   );
-}), Ms = {
+}), Ns = {
   id: r.string,
   style: r.any,
   className: r.string,
@@ -2261,8 +2261,8 @@ const Ka = "rgba(255, 255, 255, 1)", Sn = n.forwardRef((a, t) => {
   showPreview: r.bool,
   showButtons: r.bool
 };
-Sn.displayName = "KendoFlatColorPicker";
-Sn.propTypes = Ms;
+wn.displayName = "KendoFlatColorPicker";
+wn.propTypes = Ns;
 var Oe = /* @__PURE__ */ ((a) => (a[a.Literal = 0] = "Literal", a[a.Mask = 1] = "Mask", a[a.Undefined = 2] = "Undefined", a))(Oe || {});
 class Y {
   constructor(t, e, s = 2) {
@@ -2286,7 +2286,7 @@ class Y {
     return `Result({ value: '${this.value}', rest: ${this.rest} })`;
   }
 }
-class qa {
+class Ua {
   constructor(t = [], e = []) {
     this.input = t, this.control = e, this.inputCursor = 0, this.controlCursor = 0;
   }
@@ -2316,13 +2316,13 @@ class qa {
     this.inputCursor++, this.controlCursor++;
   }
 }
-const Ua = (a) => (a || "").split(""), Ns = "\\";
+const ja = (a) => (a || "").split(""), Ps = "\\";
 class xe {
   constructor(t) {
     this.parse = t;
   }
   run(t, e = "") {
-    return t instanceof qa ? this.parse(t) : this.parse(new qa(Ua(t), Ua(e)));
+    return t instanceof Ua ? this.parse(t) : this.parse(new Ua(ja(t), ja(e)));
   }
   // map :: Functor f => f a ~> (a -> b) -> f b
   map(t) {
@@ -2336,7 +2336,7 @@ class xe {
     return this.run(t).type === Oe.Literal;
   }
 }
-const Ps = (a) => (t) => new xe((e) => {
+const Ds = (a) => (t) => new xe((e) => {
   const { prompt: s, promptPlaceholder: i } = a;
   for (; !e.eof(); ) {
     const { char: l, control: c } = e.peek();
@@ -2349,7 +2349,7 @@ const Ps = (a) => (t) => new xe((e) => {
     e.eat_input();
   }
   return e.eat(), new Y(s, e, Oe.Mask);
-}), Ds = (a) => new xe((t) => t.peek().char === a ? (t.eat(), new Y(a, t, Oe.Literal)) : new Y(a, t, Oe.Literal)), Bs = (a) => (t) => new xe((e) => {
+}), Bs = (a) => new xe((t) => t.peek().char === a ? (t.eat(), new Y(a, t, Oe.Literal)) : new Y(a, t, Oe.Literal)), Os = (a) => (t) => new xe((e) => {
   for (; !e.eof(); ) {
     const { char: s, control: i } = e.peek();
     if (s === a && i === a)
@@ -2359,7 +2359,7 @@ const Ps = (a) => (t) => new xe((e) => {
     e.eat_input();
   }
   return e.eat(), new Y("", e);
-}), Os = (a) => new xe((t) => {
+}), Fs = (a) => new xe((t) => {
   if (t.eof())
     return new Y("", t);
   const { char: e } = t.peek();
@@ -2367,21 +2367,21 @@ const Ps = (a) => (t) => new xe((e) => {
 }), ot = (a, t) => new xe((e) => {
   let { char: s } = e.next();
   const i = a[s];
-  return s === Ns ? (s = e.next().char, new Y(t.literal(s), e)) : i ? new Y(t.mask(i), e) : new Y(t.literal(s), e);
-}), ja = (a) => new xe((t) => {
+  return s === Ps ? (s = e.next().char, new Y(t.literal(s), e)) : i ? new Y(t.mask(i), e) : new Y(t.literal(s), e);
+}), Wa = (a) => new xe((t) => {
   const { prompt: e, promptPlaceholder: s } = a;
   let { char: i } = t.next();
   return i === e ? new Y(s, t) : new Y(i, t);
-}), Wa = (a) => new xe((t) => {
+}), Xa = (a) => new xe((t) => {
   let { char: e } = t.next();
   return a ? new Y(e, t) : new Y("", t);
-}), Fs = (a) => new xe((t) => new Y(a, t)), Ts = (a, t) => a.chain((e) => t.map((s) => e.concat([s]))), ze = (a) => a.reduce((t, e) => Ts(t, e), Fs([])), ct = (a) => new xe((t) => {
+}), Ts = (a) => new xe((t) => new Y(a, t)), zs = (a, t) => a.chain((e) => t.map((s) => e.concat([s]))), ze = (a) => a.reduce((t, e) => zs(t, e), Ts([])), ct = (a) => new xe((t) => {
   let e = new Y([], t);
   for (; !t.eof(); )
     e = e.concat(a.run(t));
   return e;
 });
-class zs {
+class _s {
   constructor() {
     this.rules = {}, this.prompt = "_", this.mask = "", this.promptPlaceholder = " ", this.includeLiterals = !1, this.maskTokens = [], this.unmaskTokens = [], this.rawTokens = [], this.validationTokens = [];
   }
@@ -2453,28 +2453,28 @@ class zs {
   get maskTokenCreator() {
     const { prompt: t, promptPlaceholder: e } = this;
     return {
-      literal: (s) => Ds(s),
-      mask: (s) => Ps({ prompt: t, promptPlaceholder: e })(s)
+      literal: (s) => Bs(s),
+      mask: (s) => Ds({ prompt: t, promptPlaceholder: e })(s)
     };
   }
   get unmaskTokenCreator() {
     return {
-      literal: (t) => Os(t),
-      mask: (t) => Bs(this.prompt)(t)
+      literal: (t) => Fs(t),
+      mask: (t) => Os(this.prompt)(t)
     };
   }
   get rawTokenCreator() {
     const { prompt: t, promptPlaceholder: e, includeLiterals: s } = this;
     return {
-      literal: (i) => Wa(s),
-      mask: (i) => ja({ prompt: t, promptPlaceholder: e })
+      literal: (i) => Xa(s),
+      mask: (i) => Wa({ prompt: t, promptPlaceholder: e })
     };
   }
   get validationTokenCreator() {
     const { prompt: t } = this;
     return {
-      literal: (e) => Wa(!1),
-      mask: (e) => ja({ prompt: t, promptPlaceholder: "" })
+      literal: (e) => Xa(!1),
+      mask: (e) => Wa({ prompt: t, promptPlaceholder: "" })
     };
   }
   tokenize() {
@@ -2489,7 +2489,7 @@ class zs {
     });
   }
 }
-const wn = {
+const In = {
   "#": /[\d\s\+\-]/,
   "&": /[\S]/,
   0: /[\d]/,
@@ -2499,7 +2499,7 @@ const wn = {
   C: /./,
   L: /[a-zA-Z]/,
   a: /[a-zA-Z0-9\s]/
-}, Xa = () => !1, _s = (a, t) => a.includeLiterals !== t.includeLiterals || a.mask !== t.mask || a.prompt !== t.prompt || a.promptPlaceholder !== t.promptPlaceholder || !As(a.rules, t.rules), As = (a, t) => {
+}, Ya = () => !1, As = (a, t) => a.includeLiterals !== t.includeLiterals || a.mask !== t.mask || a.prompt !== t.prompt || a.promptPlaceholder !== t.promptPlaceholder || !$s(a.rules, t.rules), $s = (a, t) => {
   if (!!a != !!t)
     return !1;
   if (a === t || !a || !t)
@@ -2520,7 +2520,7 @@ const wn = {
   return e;
 }, Pe = class extends n.Component {
   constructor(a) {
-    super(a), this.state = {}, this._inputId = `k-${this.props.id}`, this._service = new zs(), this._isPasted = !1, this._selection = [null, null], this._input = null, this.focus = () => {
+    super(a), this.state = {}, this._inputId = `k-${this.props.id}`, this._service = new _s(), this._isPasted = !1, this._selection = [null, null], this._input = null, this.focus = () => {
       this._input && this._input.focus();
     }, this.pasteHandler = (t) => {
       const { selectionStart: e, selectionEnd: s } = t.target;
@@ -2642,7 +2642,7 @@ const wn = {
       const i = a.selection, l = this.props.selection;
       (!i && l || i && l && (i.start !== l.start || i.end !== l.end)) && (e = l.start, s = l.end), e !== null && s !== null && this.element.setSelectionRange(e, s);
     }
-    _s(a, this.props) && this.updateService(), this.setValidity();
+    As(a, this.props) && this.updateService(), this.setValidity();
   }
   /**
    * @hidden
@@ -2706,14 +2706,14 @@ const wn = {
           onPaste: this.pasteHandler,
           onFocus: this.focusHandler,
           onBlur: this.blurHandler,
-          onDragStart: Xa,
-          onDrop: Xa
+          onDragStart: Ya,
+          onDrop: Ya
         }
       ),
       /* @__PURE__ */ n.createElement(d, null)
     );
     return this.props.label ? /* @__PURE__ */ n.createElement(
-      ha,
+      pa,
       {
         label: this.props.label,
         editorId: s,
@@ -2754,7 +2754,7 @@ const wn = {
     this._service.update(t);
   }
   get rules() {
-    return Object.assign({}, wn, this.props.rules);
+    return Object.assign({}, In, this.props.rules);
   }
 };
 let yt = Pe;
@@ -2811,7 +2811,7 @@ yt.defaultProps = {
   promptPlaceholder: " ",
   includeLiterals: !1,
   maskValidation: !0,
-  rules: wn,
+  rules: In,
   required: !1,
   validityStyles: !0,
   prefix: (a) => null,
@@ -2820,10 +2820,10 @@ yt.defaultProps = {
   rounded: "medium",
   fillMode: "solid"
 };
-const $s = he(), Hs = et(je($s, yt));
-Hs.displayName = "KendoReactMaskedTextBox";
+const Hs = he(), Gs = et(je(Hs, yt));
+Gs.displayName = "KendoReactMaskedTextBox";
 var X = /* @__PURE__ */ ((a) => (a.start = "start", a.end = "end", a.min = "min", a.max = "max", a.increase = "increase", a.decrease = "decrease", a))(X || {});
-const Gs = (a, t) => {
+const Ks = (a, t) => {
   let e, s;
   switch (t.type) {
     case "start":
@@ -2899,18 +2899,18 @@ const Gs = (a, t) => {
       break;
   }
   return e;
-}, Ks = (a, t, e) => {
+}, qs = (a, t, e) => {
   const [s, i] = n.useState(a), l = n.useCallback(
     (c) => {
-      const o = Gs(t.state || s, { ...c, ...t });
+      const o = Ks(t.state || s, { ...c, ...t });
       e && e(o, c.event), i(o);
     },
     [t, e]
   );
   return [s, l];
-}, qs = he(), ka = n.forwardRef((a, t) => {
+}, Us = he(), ya = n.forwardRef((a, t) => {
   pe(me);
-  const e = Me(qs, a), s = n.useRef(null), i = n.useRef(null), l = n.useRef(null), c = n.useRef(null), o = n.useRef(null), h = n.useCallback(
+  const e = Me(Us, a), s = n.useRef(null), i = n.useRef(null), l = n.useRef(null), c = n.useRef(null), o = n.useRef(null), h = n.useCallback(
     () => {
       c.current && c.current.focus();
     },
@@ -2936,7 +2936,7 @@ const Gs = (a, t) => {
       target: s.current,
       syntheticEvent: y
     });
-  }, [N, P] = n.useState(""), [V, R] = Ks(
+  }, [N, P] = n.useState(""), [V, R] = qs(
     e.defaultValue || ut.defaultValue,
     {
       min: d,
@@ -3043,7 +3043,7 @@ const Gs = (a, t) => {
     },
     [e.vertical, d, p, R]
   );
-  return Dn(O, { onPress: Q, onDrag: (u) => {
+  return Bn(O, { onPress: Q, onDrag: (u) => {
     const y = x(u), E = N === "end" ? X.end : X.start;
     R({ type: E, payload: y, event: u });
   }, onRelease: (u) => {
@@ -3151,7 +3151,7 @@ const Gs = (a, t) => {
       )
     )
   );
-}), Us = {
+}), js = {
   value: (a, t, e) => {
     if (a.value) {
       const s = a.value.start, i = a.value.end, l = a.min, c = a.max;
@@ -3214,9 +3214,9 @@ const Gs = (a, t) => {
   vertical: !1,
   disabled: !1
 };
-ka.displayName = "KendoReactRangeSlider";
-ka.propTypes = Us;
-ka.defaultProps = ut;
+ya.displayName = "KendoReactRangeSlider";
+ya.propTypes = js;
+ya.defaultProps = ut;
 const ft = class extends n.Component {
   /**
    * @hidden
@@ -3426,11 +3426,11 @@ Ct.defaultProps = {
   required: !1,
   validityStyles: !0
 };
-const js = he(), Ws = et(je(js, Ct));
-Ws.displayName = "KendoReactSwitch";
-const Xs = he(), ya = n.forwardRef((a, t) => {
+const Ws = he(), Xs = et(je(Ws, Ct));
+Xs.displayName = "KendoReactSwitch";
+const Ys = he(), Ca = n.forwardRef((a, t) => {
   pe(me);
-  const e = Me(Xs, a), {
+  const e = Me(Ys, a), {
     ariaDescribedBy: s,
     ariaLabelledBy: i,
     checked: l,
@@ -3477,7 +3477,7 @@ const Xs = he(), ya = n.forwardRef((a, t) => {
     [u]
   );
   n.useImperativeHandle(t, y);
-  const [E, D] = n.useState(d), [ee, Z] = n.useState(m), M = typeof F == "boolean" || F === null, b = l !== void 0, q = M, K = q ? F : ee, W = b ? l : q ? void 0 : E, ie = W === void 0 && K, Ee = ie ? K : W, le = ie || q ? F === null ? F : void 0 : F || K, we = Ee === null || le === null, be = Qe(), Ne = He(), z = (te) => Ne.toLanguageString(te, H[te]), ve = z(dn), oe = z(un), ke = T !== void 0 ? T : A ? !!W : !0;
+  const [E, D] = n.useState(d), [ee, Z] = n.useState(m), M = typeof F == "boolean" || F === null, b = l !== void 0, q = M, K = q ? F : ee, W = b ? l : q ? void 0 : E, ie = W === void 0 && K, Ee = ie ? K : W, le = ie || q ? F === null ? F : void 0 : F || K, we = Ee === null || le === null, be = Qe(), Ne = He(), z = (te) => Ne.toLanguageString(te, H[te]), ve = z(un), oe = z(fn), ke = T !== void 0 ? T : A ? !!W : !0;
   n.useEffect(
     () => {
       k.current && k.current.setCustomValidity && k.current.setCustomValidity(
@@ -3509,8 +3509,8 @@ const Xs = he(), ya = n.forwardRef((a, t) => {
     (te) => {
       if (p)
         return;
-      const { keyCode: Le } = te, Mn = te.currentTarget.checked;
-      Le === _.space && (te.preventDefault(), te.stopPropagation(), Se(te, !Mn));
+      const { keyCode: Le } = te, Nn = te.currentTarget.checked;
+      Le === _.space && (te.preventDefault(), te.stopPropagation(), Se(te, !Nn));
     },
     [p, Se]
   ), at = n.useCallback(
@@ -3574,7 +3574,7 @@ const Xs = he(), ya = n.forwardRef((a, t) => {
     onKeyUp: at,
     onFocus: It,
     onBlur: C
-  }, Vn = /* @__PURE__ */ n.createElement(
+  }, Mn = /* @__PURE__ */ n.createElement(
     n.Fragment,
     null,
     // removing value prop is required due to bug in react where
@@ -3589,10 +3589,10 @@ const Xs = he(), ya = n.forwardRef((a, t) => {
     },
     P,
     S && /* @__PURE__ */ n.createElement("span", { className: "k-label-optional" }, oe)
-  ) : null), Rt = /* @__PURE__ */ n.createElement("span", { className: ce }, Vn, h);
+  ) : null), Rt = /* @__PURE__ */ n.createElement("span", { className: ce }, Mn, h);
   return /* @__PURE__ */ n.createElement(n.Fragment, null, V === "before" ? /* @__PURE__ */ n.createElement("div", { dir: "rtl" }, Rt, Lt) : V === "after" ? /* @__PURE__ */ n.createElement("div", { dir: "ltr" }, Rt, Lt) : /* @__PURE__ */ n.createElement("div", { dir: j }, Rt, Lt));
 });
-ya.propTypes = {
+Ca.propTypes = {
   checked: r.bool,
   className: r.string,
   defaultChecked: r.bool,
@@ -3618,15 +3618,15 @@ ya.propTypes = {
   onFocus: r.func,
   onBlur: r.func
 };
-const Ys = {
+const Zs = {
   size: "medium",
   rounded: "medium"
 };
-ya.defaultProps = Ys;
-ya.displayName = "KendoCheckbox";
-const Zs = he(), xt = n.forwardRef((a, t) => {
+Ca.defaultProps = Zs;
+Ca.displayName = "KendoCheckbox";
+const Js = he(), xt = n.forwardRef((a, t) => {
   pe(me);
-  const e = Me(Zs, a), {
+  const e = Me(Js, a), {
     ariaDescribedBy: s,
     checked: i,
     children: l,
@@ -3741,14 +3741,14 @@ xt.propTypes = {
   onFocus: r.func,
   onBlur: r.func
 };
-const Js = {
+const Qs = {
   size: "medium"
 };
 xt.displayName = "KendoRadioButton";
-xt.defaultProps = Js;
-const Qs = he(), Ca = n.forwardRef((a, t) => {
+xt.defaultProps = Qs;
+const er = he(), xa = n.forwardRef((a, t) => {
   pe(me);
-  const e = Me(Qs, a), {
+  const e = Me(er, a), {
     id: s,
     ariaLabelledBy: i,
     ariaDescribedBy: l,
@@ -3762,12 +3762,12 @@ const Qs = he(), Ca = n.forwardRef((a, t) => {
     style: v,
     value: N,
     valid: P,
-    item: V = In.item,
+    item: V = Ln.item,
     onChange: R,
     onFocus: S
   } = e, I = n.useRef(null), O = n.useCallback(
     () => {
-      I.current && tn(I.current);
+      I.current && an(I.current);
     },
     []
   ), B = n.useCallback(
@@ -3806,7 +3806,7 @@ const Qs = he(), Ca = n.forwardRef((a, t) => {
       "k-list-vertical": f === "vertical" || f === void 0
     },
     c
-  ), Q = Bn(I, e.dir), g = o && o.map((k, u) => {
+  ), Q = On(I, e.dir), g = o && o.map((k, u) => {
     const y = T === k.value, E = T == null, D = {
       ...k,
       valid: P,
@@ -3843,10 +3843,10 @@ const Qs = he(), Ca = n.forwardRef((a, t) => {
     },
     g
   );
-}), In = {
+}), Ln = {
   item: (a) => /* @__PURE__ */ n.createElement("li", { ...a })
 };
-Ca.propTypes = {
+xa.propTypes = {
   ariaLabelledBy: r.string,
   ariaDescribedBy: r.string,
   className: r.string,
@@ -3862,10 +3862,10 @@ Ca.propTypes = {
   onChange: r.func,
   onFocus: r.func
 };
-Ca.defaultProps = In;
-Ca.displayName = "KendoRadioGroup";
-const er = he(), xa = n.forwardRef((a, t) => {
-  const e = Me(er, a), {
+xa.defaultProps = Ln;
+xa.displayName = "KendoRadioGroup";
+const tr = he(), Ea = n.forwardRef((a, t) => {
+  const e = Me(tr, a), {
     size: s,
     rounded: i,
     fillMode: l,
@@ -3924,7 +3924,7 @@ const er = he(), xa = n.forwardRef((a, t) => {
       );
     },
     [be, A]
-  ), n.useLayoutEffect(
+  ), ha(
     () => {
       u.current && Ee(`${u.current.scrollHeight}px`);
     },
@@ -4011,7 +4011,7 @@ const er = he(), xa = n.forwardRef((a, t) => {
     e.suffix && /* @__PURE__ */ n.createElement(M, { ...b })
   );
 });
-xa.propTypes = {
+Ea.propTypes = {
   ariaDescribedBy: r.string,
   ariaLabelledBy: r.string,
   autoSize: r.bool,
@@ -4038,13 +4038,13 @@ xa.propTypes = {
   rounded: r.oneOf([null, "small", "medium", "large", "full"]),
   fillMode: r.oneOf([null, "solid", "flat", "outline"])
 };
-const tr = {
+const ar = {
   size: "medium",
   rounded: "medium",
   fillMode: "solid"
 };
-xa.displayName = "KendoTextArea";
-xa.defaultProps = tr;
+Ea.displayName = "KendoTextArea";
+Ea.defaultProps = ar;
 const Et = n.forwardRef((a, t) => {
   const e = n.useRef(null), s = n.useRef(null), i = Ge(s, a.dir);
   n.useImperativeHandle(e, () => ({
@@ -4160,7 +4160,7 @@ const Et = n.forwardRef((a, t) => {
     },
     a.children
   );
-}), ar = {
+}), nr = {
   id: r.string,
   icon: r.any,
   dir: r.oneOf(["ltr", "rtl"]),
@@ -4169,26 +4169,26 @@ const Et = n.forwardRef((a, t) => {
   half: r.bool,
   selected: r.bool,
   hovered: r.bool
-}, nr = {
+}, sr = {
   dir: "ltr"
 };
 Et.displayName = "KendoReactRatingItem";
-Et.propTypes = ar;
-Et.defaultProps = nr;
+Et.propTypes = nr;
+Et.defaultProps = sr;
 const Ce = (a, t) => {
   if (a % 1) {
     const e = Math.pow(10, (t.toString().split(".")[1] || t.toString().split(".")[0]).length);
     return Math.round(a * e) / e;
   }
   return a;
-}, sr = (a, t) => a - t * Math.floor(a / t), da = (a, t, e) => Ce(a - e, e) < t && t < a, Tt = (a, t, e, s) => t === null ? !1 : s === "continues" ? da(a, t, e) ? Ce(a - e / 2, e / 2) <= t : a <= t : s === "single" ? da(a, t, e) ? Ce(a - e / 2, e / 2) === t : a === t : !1, Ya = (a, t, e) => a === "ltr" ? e < t.x + t.width / 2 : e > t.x + t.width / 2, Za = (a, t, e, s) => {
+}, rr = (a, t) => a - t * Math.floor(a / t), da = (a, t, e) => Ce(a - e, e) < t && t < a, Tt = (a, t, e, s) => t === null ? !1 : s === "continues" ? da(a, t, e) ? Ce(a - e / 2, e / 2) <= t : a <= t : s === "single" ? da(a, t, e) ? Ce(a - e / 2, e / 2) === t : a === t : !1, Za = (a, t, e) => a === "ltr" ? e < t.x + t.width / 2 : e > t.x + t.width / 2, Ja = (a, t, e, s) => {
   for (let i = a; i <= t; i += e)
     if (s === i)
       return !0;
   return !1;
 };
 var de = /* @__PURE__ */ ((a) => (a.select = "select", a.deselect = "deselect", a.increase = "increase", a.decrease = "decrease", a.min = "min", a.max = "max", a.reset = "reset", a))(de || {});
-const rr = (a, t) => {
+const ir = (a, t) => {
   switch (t.type) {
     case "select":
       return t.payload === void 0 || t.step === void 0 ? a : t.payload === a ? null : t.payload >= t.min ? t.payload < t.max ? Ce(t.payload, t.step) : t.max : t.min;
@@ -4207,14 +4207,14 @@ const rr = (a, t) => {
     default:
       return a;
   }
-}, Ja = (a, t, e) => {
+}, Qa = (a, t, e) => {
   const [s, i] = n.useState(a);
   return [s, (c) => {
-    const o = rr(t.state || s, { ...c, ...t });
+    const o = ir(t.state || s, { ...c, ...t });
     e && e(o, c.event), i(o);
   }];
-}, ir = he(), Ea = n.forwardRef((a, t) => {
-  const e = Me(ir, a), s = He(), i = n.useRef(null), l = n.useRef(null), c = Ge(l, e.dir);
+}, lr = he(), Sa = n.forwardRef((a, t) => {
+  const e = Me(lr, a), s = He(), i = n.useRef(null), l = n.useRef(null), c = Ge(l, e.dir);
   n.useImperativeHandle(i, () => ({
     element: l.current,
     props: e
@@ -4249,7 +4249,7 @@ const rr = (a, t) => {
   ), N = n.useMemo(
     () => e.item || Re.item,
     [e.item]
-  ), [P, V] = Ja(
+  ), [P, V] = Qa(
     e.defaultValue !== void 0 ? e.defaultValue : Re.defaultValue,
     {
       state: e.value,
@@ -4258,7 +4258,7 @@ const rr = (a, t) => {
       step: p === "half" ? m / 2 : m
     },
     o
-  ), [R, S] = Ja(
+  ), [R, S] = Qa(
     null,
     {
       state: e.value,
@@ -4283,7 +4283,7 @@ const rr = (a, t) => {
     (g) => {
       if (!(!g.target || !g.target.element || f || v)) {
         if (p === "half") {
-          const k = g.target.element.getBoundingClientRect(), y = Ya(c || "ltr", k, g.syntheticEvent.clientX) ? Ce(g.target.value - m / 2, w) : g.target.value;
+          const k = g.target.element.getBoundingClientRect(), y = Za(c || "ltr", k, g.syntheticEvent.clientX) ? Ce(g.target.value - m / 2, w) : g.target.value;
           V({ type: de.select, payload: y, event: g.syntheticEvent });
         } else
           V({ type: de.select, payload: g.target.value, event: g.syntheticEvent });
@@ -4376,7 +4376,7 @@ const rr = (a, t) => {
     (g) => {
       if (!(!g.target || !g.target.element))
         if (p === "half") {
-          const k = g.target.element.getBoundingClientRect(), y = Ya(c || "ltr", k, g.syntheticEvent.clientX) ? g.target.value - m / 2 : g.target.value;
+          const k = g.target.element.getBoundingClientRect(), y = Za(c || "ltr", k, g.syntheticEvent.clientX) ? g.target.value - m / 2 : g.target.value;
           S({ type: de.select, payload: y, event: g.syntheticEvent });
         } else
           S({ type: de.select, payload: g.target.value, event: g.syntheticEvent });
@@ -4387,7 +4387,7 @@ const rr = (a, t) => {
       S({ type: de.reset, event: g.syntheticEvent });
     },
     []
-  ), U = [], Q = sr(Ce(d - h, w), m);
+  ), U = [], Q = rr(Ce(d - h, w), m);
   for (let g = h; g <= d; g = Ce(g + m, w)) {
     const k = Ce(g + Q, w), u = p === "half" ? da(k, O !== null ? O : I !== null ? I : 0, m) : !1, y = Tt(k, I, m, B), E = Tt(k, O !== null ? O : I, m, B), D = Tt(k, O, m, B);
     U.push(
@@ -4407,10 +4407,10 @@ const rr = (a, t) => {
           onMouseMove: L,
           onMouseLeave: $
         },
-        u && /* @__PURE__ */ n.createElement("span", { className: "k-rating-precision-complement" }, !(e.icon || e.svgIconOutline) && /* @__PURE__ */ n.createElement(fe, { name: "star-outline", icon: Ra, style: { clipPath: `${c === "rtl" ? "inset(0 50% 0 0)" : "inset(0 0 0 50%)"}` }, size: "xlarge" }), (e.icon || e.svgIconOutline) && /* @__PURE__ */ n.createElement(fe, { name: Vt(`${e.icon}-outline`), icon: e.svgIconOutline, size: "xlarge" })),
-        u && /* @__PURE__ */ n.createElement("span", { className: "k-rating-precision-part" }, !(e.icon || e.svgIcon) && /* @__PURE__ */ n.createElement(fe, { name: "star", icon: Va, style: { clipPath: `${c === "rtl" ? "inset(0 0 0 50%)" : "inset(0 50% 0 0)"}` }, size: "xlarge" }), (e.icon || e.svgIcon) && /* @__PURE__ */ n.createElement(fe, { name: e.icon ? Vt(e.icon) : void 0, icon: e.svgIcon, size: "xlarge" })),
+        u && /* @__PURE__ */ n.createElement("span", { className: "k-rating-precision-complement" }, !(e.icon || e.svgIconOutline) && /* @__PURE__ */ n.createElement(fe, { name: "star-outline", icon: Va, style: { clipPath: `${c === "rtl" ? "inset(0 50% 0 0)" : "inset(0 0 0 50%)"}` }, size: "xlarge" }), (e.icon || e.svgIconOutline) && /* @__PURE__ */ n.createElement(fe, { name: Vt(`${e.icon}-outline`), icon: e.svgIconOutline, size: "xlarge" })),
+        u && /* @__PURE__ */ n.createElement("span", { className: "k-rating-precision-part" }, !(e.icon || e.svgIcon) && /* @__PURE__ */ n.createElement(fe, { name: "star", icon: Ma, style: { clipPath: `${c === "rtl" ? "inset(0 0 0 50%)" : "inset(0 50% 0 0)"}` }, size: "xlarge" }), (e.icon || e.svgIcon) && /* @__PURE__ */ n.createElement(fe, { name: e.icon ? Vt(e.icon) : void 0, icon: e.svgIcon, size: "xlarge" })),
         u && /* @__PURE__ */ n.createElement("span", { style: { width: "24px", height: "24px", display: "block" } }),
-        !u && !(e.icon || e.svgIcon) && (D || E && !D) && /* @__PURE__ */ n.createElement(fe, { name: "star", icon: Va, size: "xlarge" }) || !(e.icon || e.svgIcon) && !D && !E && /* @__PURE__ */ n.createElement(fe, { name: "star-outline", icon: Ra, size: "xlarge" }) || (e.icon || e.svgIcon) && (D || E && !D) && /* @__PURE__ */ n.createElement(fe, { name: e.icon, icon: e.svgIcon, size: "xlarge" }) || (e.icon || e.svgIcon) && !D && /* @__PURE__ */ n.createElement(fe, { name: Vt(`${e.icon}-outline`), icon: e.svgIconOutline, size: "xlarge" })
+        !u && !(e.icon || e.svgIcon) && (D || E && !D) && /* @__PURE__ */ n.createElement(fe, { name: "star", icon: Ma, size: "xlarge" }) || !(e.icon || e.svgIcon) && !D && !E && /* @__PURE__ */ n.createElement(fe, { name: "star-outline", icon: Va, size: "xlarge" }) || (e.icon || e.svgIcon) && (D || E && !D) && /* @__PURE__ */ n.createElement(fe, { name: e.icon, icon: e.svgIcon, size: "xlarge" }) || (e.icon || e.svgIcon) && !D && /* @__PURE__ */ n.createElement(fe, { name: Vt(`${e.icon}-outline`), icon: e.svgIconOutline, size: "xlarge" })
       )
     );
   }
@@ -4467,12 +4467,12 @@ const rr = (a, t) => {
       e.label
     )
   );
-}), lr = {
+}), or = {
   id: r.string,
   dir: r.oneOf(["ltr", "rtl"]),
   selection: r.oneOf(["continues", "single"]),
   precision: r.oneOf(["item", "half"]),
-  value: (a, t, e) => a.value && a.min && a.max && a.step && !(a.precision === "half" ? Za(a.min, a.max, a.step / 2, a.value) : Za(a.min, a.max, a.step, a.value)) && a.precision === "half" ? new Error(
+  value: (a, t, e) => a.value && a.min && a.max && a.step && !(a.precision === "half" ? Ja(a.min, a.max, a.step / 2, a.value) : Ja(a.min, a.max, a.step, a.value)) && a.precision === "half" ? new Error(
     `Invalid prop + ${t} supplied to ${e}.
                     The value of the { value } property is not correct, please check your values.
                     `
@@ -4506,18 +4506,18 @@ const rr = (a, t) => {
   selection: "continues",
   precision: "item"
 };
-Ea.displayName = "KendoReactRating";
-Ea.propTypes = lr;
-Ea.defaultProps = Re;
-function or(a, t) {
+Sa.displayName = "KendoReactRating";
+Sa.propTypes = or;
+Sa.defaultProps = Re;
+function cr(a, t) {
   let e = a;
   for (; e && e !== t; )
     e = e.parentNode;
   return !!e;
 }
-const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a) => a !== void 0, hr = he(), St = n.forwardRef((a, t) => {
+const dr = 250, ur = 84, Rn = 3, Vn = 2, fr = "#000000", hr = "#ffffff", en = (a) => a !== void 0, pr = he(), St = n.forwardRef((a, t) => {
   pe(me);
-  const e = Me(hr, a), s = He(), i = n.useRef(null), l = n.useRef(null), c = n.useRef(null), o = n.useRef(null), h = n.useRef(null), [d, p] = n.useState(), [m, f] = n.useState(!1), [v, N] = n.useState(!1), [P, V] = n.useState(), [R, S] = n.useState(), O = Qa(e.value) ? e.value : P, [B, w] = n.useState(!1), F = Qa(e.open), A = F ? e.open : B, T = !(e.maximized || v || !e.maximizable || e.disabled), x = e.maximized && !v, $ = !(!(e.value || P) || v || e.readOnly || e.disabled), U = s.toLanguageString(sa, H[sa]), Q = s.toLanguageString(ra, H[ra]), g = s.toLanguageString(na, H[na]), k = e.popupScale || Ln, u = e.exportScale || Rn, y = (C) => {
+  const e = Me(pr, a), s = He(), i = n.useRef(null), l = n.useRef(null), c = n.useRef(null), o = n.useRef(null), h = n.useRef(null), [d, p] = n.useState(), [m, f] = n.useState(!1), [v, N] = n.useState(!1), [P, V] = n.useState(), [R, S] = n.useState(), O = en(e.value) ? e.value : P, [B, w] = n.useState(!1), F = en(e.open), A = F ? e.open : B, T = !(e.maximized || v || !e.maximizable || e.disabled), x = e.maximized && !v, $ = !(!(e.value || P) || v || e.readOnly || e.disabled), U = s.toLanguageString(sa, H[sa]), Q = s.toLanguageString(ra, H[ra]), g = s.toLanguageString(na, H[na]), k = e.popupScale || Rn, u = e.exportScale || Vn, y = (C) => {
     V(C), e.onChange && e.onChange({ value: C });
   }, E = (C) => {
     d == null || d.loadImage(C.value), y(C.value);
@@ -4536,10 +4536,10 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
     var j, ce;
     Se(C), (ce = ((j = h.current) == null ? void 0 : j.element) || l.current) == null || ce.focus();
   }, M = n.useCallback(() => {
-    let C = ur;
+    let C = fr;
     return !e.color && typeof document != "undefined" && i.current && (C = getComputedStyle(i.current).color), e.color || C;
   }, [e.color]), b = n.useCallback(() => {
-    let C = fr;
+    let C = hr;
     return !e.backgroundColor && typeof document != "undefined" && i.current && (C = getComputedStyle(i.current).backgroundColor), e.backgroundColor || C;
   }, [e.backgroundColor]), q = () => ({
     scale: e.maximized ? e.popupScale : 1,
@@ -4556,7 +4556,7 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
     }));
   };
   n.useEffect(() => {
-    const C = l.current, j = new Hn(C, q());
+    const C = l.current, j = new Gn(C, q());
     return O && j.loadImage(O), p(j), () => j.destroy();
   }, []), n.useEffect(() => {
     d == null || d.setOptions({
@@ -4564,7 +4564,7 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
       onDraw: () => N(!0),
       onDrawEnd: () => N(!1)
     });
-  }, [d]), n.useLayoutEffect(
+  }, [d]), ha(
     () => d == null ? void 0 : d.setOptions(q()),
     [e.readOnly, e.color, e.backgroundColor, e.strokeWidth, e.smooth]
   ), n.useEffect(() => {
@@ -4639,7 +4639,7 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
     [m, e.onFocus, z]
   ), oe = n.useCallback(
     (C) => {
-      or(C.relatedTarget, i.current) || (f(!1), J(
+      cr(C.relatedTarget, i.current) || (f(!1), J(
         e.onBlur,
         C,
         z(),
@@ -4671,7 +4671,7 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
     D(), W();
   }, tt = () => {
     var ce, Ie;
-    const C = e.width || ((ce = i.current) == null ? void 0 : ce.offsetWidth) || cr, j = e.height || ((Ie = i.current) == null ? void 0 : Ie.offsetHeight) || dr;
+    const C = e.width || ((ce = i.current) == null ? void 0 : ce.offsetWidth) || dr, j = e.height || ((Ie = i.current) == null ? void 0 : Ie.offsetHeight) || ur;
     return {
       width: C,
       height: j
@@ -4728,7 +4728,7 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
         className: "k-signature-action k-signature-maximize",
         ref: h,
         icon: "hyperlink-open",
-        svgIcon: Ma,
+        svgIcon: Na,
         fillMode: "flat",
         size: e.size,
         onClick: ke,
@@ -4742,7 +4742,7 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
         className: "k-signature-action k-signature-minimize k-rotate-180",
         ref: o,
         icon: "hyperlink-open",
-        svgIcon: Ma,
+        svgIcon: Na,
         fillMode: "flat",
         size: e.size,
         onClick: Se,
@@ -4771,7 +4771,7 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
         title: g
       }
     )),
-    A && /* @__PURE__ */ n.createElement(Gn, { ref: c }, /* @__PURE__ */ n.createElement(
+    A && /* @__PURE__ */ n.createElement(Kn, { ref: c }, /* @__PURE__ */ n.createElement(
       St,
       {
         ...e,
@@ -4812,8 +4812,8 @@ St.displayName = "KendoSignature";
 St.defaultProps = {
   strokeWidth: 1,
   smooth: !1,
-  popupScale: Ln,
-  exportScale: Rn,
+  popupScale: Rn,
+  exportScale: Vn,
   maximizable: !0,
   disabled: !1,
   required: !1,
@@ -4827,7 +4827,7 @@ St.defaultProps = {
   rounded: "medium",
   fillMode: "solid"
 };
-const Sa = n.forwardRef((a, t) => {
+const wa = n.forwardRef((a, t) => {
   pe(me);
   const e = n.useRef(null), s = n.useRef(null), i = n.useRef(), l = n.useCallback(
     () => {
@@ -4882,7 +4882,7 @@ const Sa = n.forwardRef((a, t) => {
       }), i.current = void 0;
     },
     [a.onChange]
-  ), { onFocus: x, onBlur: L } = On({
+  ), { onFocus: x, onBlur: L } = Fn({
     onFocus: F,
     onBlur: A,
     onSyncFocus: a.onFocus,
@@ -4930,14 +4930,14 @@ const Sa = n.forwardRef((a, t) => {
   rounded: "medium",
   fillMode: "solid"
 };
-Sa.propTypes = {
+wa.propTypes = {
   size: r.oneOf([null, "small", "medium", "large"]),
   rounded: r.oneOf([null, "small", "medium", "large", "full"]),
   fillMode: r.oneOf([null, "solid", "flat", "outline"])
 };
-Sa.displayName = "KendoReactTextBoxComponent";
-Sa.defaultProps = ua;
-const pr = n.forwardRef((a, t) => {
+wa.displayName = "KendoReactTextBoxComponent";
+wa.defaultProps = ua;
+const mr = n.forwardRef((a, t) => {
   const e = n.useRef(null), s = n.useRef(null);
   return n.useImperativeHandle(
     e,
@@ -4947,8 +4947,8 @@ const pr = n.forwardRef((a, t) => {
     () => e.current
   ), /* @__PURE__ */ n.createElement("span", { ...a, className: G("k-clear-value", a.className) });
 });
-pr.displayName = "KendoReactInputClearValue";
-const mr = n.forwardRef(({ orientation: a = "horizontal", ...t }, e) => {
+mr.displayName = "KendoReactInputClearValue";
+const gr = n.forwardRef(({ orientation: a = "horizontal", ...t }, e) => {
   const s = n.useRef(null), i = n.useRef(null);
   return n.useImperativeHandle(
     s,
@@ -4958,8 +4958,8 @@ const mr = n.forwardRef(({ orientation: a = "horizontal", ...t }, e) => {
     () => s.current
   ), /* @__PURE__ */ n.createElement("span", { ...t, className: G("k-input-prefix", t.className, `k-input-prefix-${a}`) });
 });
-mr.displayName = "KendoReactInputPrefix";
-const gr = n.forwardRef(({ orientation: a = "vertical", ...t }, e) => {
+gr.displayName = "KendoReactInputPrefix";
+const br = n.forwardRef(({ orientation: a = "vertical", ...t }, e) => {
   const s = n.useRef(null), i = n.useRef(null);
   return n.useImperativeHandle(
     s,
@@ -4969,8 +4969,8 @@ const gr = n.forwardRef(({ orientation: a = "vertical", ...t }, e) => {
     () => s.current
   ), /* @__PURE__ */ n.createElement("span", { ...t, className: G("k-input-separator", t.className, `k-input-separator-${a}`) });
 });
-gr.displayName = "KendoReactInputSeparator";
-const br = n.forwardRef(({ orientation: a = "horizontal", ...t }, e) => {
+br.displayName = "KendoReactInputSeparator";
+const vr = n.forwardRef(({ orientation: a = "horizontal", ...t }, e) => {
   const s = n.useRef(null), i = n.useRef(null);
   return n.useImperativeHandle(
     s,
@@ -4980,66 +4980,66 @@ const br = n.forwardRef(({ orientation: a = "horizontal", ...t }, e) => {
     () => s.current
   ), /* @__PURE__ */ n.createElement("span", { ...t, className: G("k-input-suffix", t.className, `k-input-suffix-${a}`) });
 });
-br.displayName = "KendoReactInputSuffix";
-const vr = n.forwardRef((a, t) => /* @__PURE__ */ n.createElement(fe, { ref: t, ...a, className: G("k-input-validation-icon", a.className) }));
-vr.displayName = "KendoReactInputValidationIcon";
+vr.displayName = "KendoReactInputSuffix";
+const kr = n.forwardRef((a, t) => /* @__PURE__ */ n.createElement(fe, { ref: t, ...a, className: G("k-input-validation-icon", a.className) }));
+kr.displayName = "KendoReactInputValidationIcon";
 export {
-  ya as Checkbox,
-  Xs as CheckboxPropsContext,
-  ga as ColorGradient,
-  Cs as ColorGradientPropsContext,
+  Ca as Checkbox,
+  Ys as CheckboxPropsContext,
+  ba as ColorGradient,
+  xs as ColorGradientPropsContext,
   vt as ColorGradientWithoutContext,
-  ma as ColorInput,
-  ba as ColorPalette,
-  Ss as ColorPalettePropsContext,
+  ga as ColorInput,
+  va as ColorPalette,
+  ws as ColorPalettePropsContext,
   kt as ColorPaletteWithoutContext,
-  va as ColorPicker,
-  Vs as ColorPickerPropsContext,
-  Sn as FlatColorPicker,
-  vn as Input,
-  pr as InputClearValue,
-  mr as InputPrefix,
-  is as InputPropsContext,
-  gr as InputSeparator,
-  br as InputSuffix,
-  vr as InputValidationIcon,
+  ka as ColorPicker,
+  Ms as ColorPickerPropsContext,
+  wn as FlatColorPicker,
+  kn as Input,
+  mr as InputClearValue,
+  gr as InputPrefix,
+  ls as InputPropsContext,
+  br as InputSeparator,
+  vr as InputSuffix,
+  kr as InputValidationIcon,
   gt as InputWithoutContext,
-  Hs as MaskedTextBox,
+  Gs as MaskedTextBox,
   yt as MaskedTextBoxWithoutContext,
   $e as NumericTextBox,
-  ns as NumericTextBoxPropsContext,
-  Es as PALETTEPRESETS,
+  ss as NumericTextBoxPropsContext,
+  Ss as PALETTEPRESETS,
   X as RANGE_ACTION,
   de as RATING_ACTION,
   xt as RadioButton,
-  Zs as RadioButtonPropsContext,
-  Ca as RadioGroup,
-  Qs as RadioGroupPropsContext,
-  ka as RangeSlider,
-  qs as RangeSliderPropsContext,
-  Ea as Rating,
+  Js as RadioButtonPropsContext,
+  xa as RadioGroup,
+  er as RadioGroupPropsContext,
+  ya as RangeSlider,
+  Us as RangeSliderPropsContext,
+  Sa as Rating,
   Et as RatingItem,
-  ir as RatingPropsContext,
-  kn as SLIDER_LABEL_ATTRIBUTE,
+  lr as RatingPropsContext,
+  yn as SLIDER_LABEL_ATTRIBUTE,
   St as Signature,
-  hr as SignaturePropsContext,
+  pr as SignaturePropsContext,
   oa as Slider,
-  Vr as SliderLabel,
+  Mr as SliderLabel,
   bt as SliderWithoutContext,
-  Ws as Switch,
+  Xs as Switch,
   Ct as SwitchWithoutContext,
-  xa as TextArea,
-  er as TextAreaPropsContext,
-  Sa as TextBox,
+  Ea as TextArea,
+  tr as TextAreaPropsContext,
+  wa as TextBox,
   H as inputsMessages,
-  Za as isCorrectValue,
+  Ja as isCorrectValue,
   da as isHalf,
   Tt as isSelected,
-  _s as maskingChanged,
+  As as maskingChanged,
   Ye as numericDecreaseValue,
   Xe as numericIncreaseValue,
-  Gs as rangeReducer,
-  rr as ratingReducer,
-  Ta as sanitizeNumber,
+  Ks as rangeReducer,
+  ir as ratingReducer,
+  za as sanitizeNumber,
   Ce as toRound
 };