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

package/index.mjs

@@ -5,56 +5,56 @@
 "use client";
 import * as n from "react";
 import r from "prop-types";
-import { useInternationalization as Mn, useLocalization as _e, provideLocalizationService as Je, registerForIntl as Nn, registerForLocalization as da } from "@progress/kendo-react-intl";
-import { createPropsContext as he, validatePackage as pe, usePropsContext as Re, useId as Qe, useCustomComponent as qe, dispatchEvent as Q, getActiveElement as wa, classNames as G, kendoThemeMaps as ne, getTabIndex as ie, withIdHOC as et, withPropsContext as Ue, useDir as Ae, Keys as z, Draggable as en, IconWrap as fe, focusFirstFocusableChild as tn, svgIconPropType as Ft, useDraggable as Pn, noop as Me, useRtl as Dn, toIconName as Lt, useAsyncFocusBlur as Bn } from "@progress/kendo-react-common";
-import { caretAltUpIcon as Tt, caretAltDownIcon as ht, caretAltExpandIcon as On, caretAltLeftIcon as Ia, caretAltRightIcon as La, checkIcon as Rt, xIcon as zt, dropletSliderIcon as Fn, paletteIcon as Tn, dropletSlashIcon as zn, starOutlineIcon as Ra, starIcon as Va, hyperlinkOpenIcon as Ma } from "@progress/kendo-svg-icons";
-import { FloatingLabel as ua, Label as We } from "@progress/kendo-react-labels";
-import { Button as ge, ButtonGroup as _n } from "@progress/kendo-react-buttons";
+import { useInternationalization as Nn, useLocalization as _e, provideLocalizationService as Je, registerForIntl as Pn, registerForLocalization as fa } from "@progress/kendo-react-intl";
+import { createPropsContext as he, validatePackage as pe, usePropsContext as Re, useId as Qe, useCustomComponent as qe, dispatchEvent as Q, getActiveElement as wa, classNames as G, kendoThemeMaps as ne, getTabIndex as re, withIdHOC as et, withPropsContext as Ue, useDir as Ae, Keys as z, Draggable as en, IconWrap as fe, focusFirstFocusableChild as tn, svgIconPropType as zt, useDraggable as Dn, noop as Me, 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 An } from "@progress/kendo-react-popup";
-import { SignaturePad as $n } from "@progress/kendo-inputs-common";
-import { Dialog as Hn } from "@progress/kendo-react-dialogs";
+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";
 const me = {
   name: "@progress/kendo-react-inputs",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1705312498,
+  publishDate: 1705499378,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
-}, Xe = "numerictextbox.increment", Ye = "numerictextbox.decrement", _t = "slider.increment", At = "slider.decrement", Te = "slider.dragTitle", Fe = "colorGradient.r", nn = "colorGradient.g", sn = "colorGradient.b", rn = "colorGradient.a", ln = "colorGradient.hex", $t = "colorGradient.contrastRatio", Ht = "colorGradient.colorGradientAALevel", Gt = "colorGradient.colorGradientAAALevel", Kt = "colorGradient.colorGradientPass", qt = "colorGradient.colorGradientFail", Ut = "colorGradient.hueSliderLabel", jt = "colorGradient.alphaSliderLabel", Wt = "colorGradient.toggleInputsButton", on = "flatColorPicker.cancelBtn", cn = "flatColorPicker.applyBtn", Xt = "flatColorPicker.colorGradientBtn", Yt = "flatColorPicker.colorPaletteBtn", Zt = "flatColorPicker.clearBtn", dn = "checkbox.validation", un = "checkbox.optionalText", Gn = "radioButton.validation", Jt = "switch.validation", Qt = "colorPicker.dropdownButtonAriaLabel", ea = "rating.ariaLabel", ta = "signature.clear", aa = "signature.maximize", na = "signature.minimize", $ = {
+}, Xe = "numerictextbox.increment", Ye = "numerictextbox.decrement", $t = "slider.increment", Ht = "slider.decrement", Te = "slider.dragTitle", Fe = "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", $ = {
   [Xe]: "Increase value",
   [Ye]: "Decrease value",
-  [_t]: "Increase",
-  [At]: "Decrease",
+  [$t]: "Increase",
+  [Ht]: "Decrease",
   [Te]: "Drag",
   [Fe]: "r",
   [nn]: "g",
   [sn]: "b",
   [rn]: "a",
   [ln]: "hex",
-  [$t]: "Contrast ratio",
-  [Ht]: "AA",
-  [Gt]: "AAA",
-  [Kt]: "Pass",
-  [qt]: "Fail",
-  [Ut]: "Hue slider",
-  [jt]: "Alpha slider",
-  [Wt]: "Toggle colorgradient inputs",
+  [Gt]: "Contrast ratio",
+  [Kt]: "AA",
+  [qt]: "AAA",
+  [Ut]: "Pass",
+  [jt]: "Fail",
+  [Wt]: "Hue slider",
+  [Xt]: "Alpha slider",
+  [Yt]: "Toggle colorgradient inputs",
   [on]: "Cancel",
   [cn]: "Apply",
-  [Xt]: "Color Gradient view",
-  [Yt]: "Color Palette view",
-  [Zt]: "Clear color value",
+  [Zt]: "Color Gradient view",
+  [Jt]: "Color Palette view",
+  [Qt]: "Clear color value",
   [dn]: "Please check this box if you want to proceed!",
   [un]: "(Optional)",
-  [Gn]: "Please select option if you want to proceed!",
-  [Jt]: "Please turn on if you want to proceed!",
-  [Qt]: "Select",
-  [ea]: "Rating",
-  [ta]: "Clear",
-  [aa]: "Maximize",
-  [na]: "Minimize"
-}, pt = 11111111111111e-7, Kn = 0.31111111111111117, qn = 1, fn = 1, hn = 0, ke = /\d/, pn = 15, Na = () => ({
+  [Kn]: "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, ke = /\d/, pn = 15, Na = () => ({
   eventValue: null,
   prevLooseValue: "",
   currentLooseValue: "",
@@ -64,188 +64,188 @@ const me = {
   decimalSelect: !1,
   valueIsCorrected: !1,
   valueIsOutOfRange: !1
-}), Vt = (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)), Un = (a) => Math.min(a, pn), gn = (a, t) => {
-  const e = Un(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), 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);
   return parseFloat(a.toFixed(e));
-}, Da = (a, t, e, s, l, i, c) => {
-  const o = mn(a || 0, e || 0), f = Ge(gn((a || 0) + (e || 0), o), s, l);
-  t.eventValue = f, t.currentLooseValue = ue(f, i, c), t.selectionStart = t.selectionEnd = Ze(t.currentLooseValue, ke);
-}, Ba = (a, t, e, s, l, i, c) => {
-  const o = mn(a || 0, e || 0), f = Ge(gn((a || 0) - (e || 0), o), s, l);
-  t.eventValue = f, t.currentLooseValue = ue(f, i, c), t.selectionStart = t.selectionEnd = Ze(t.currentLooseValue, ke);
-}, Ge = (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), jn = (a, t) => {
-  const e = t.findIndex(([l, i]) => !!i && a.indexOf(i) === a.length - i.length);
+}, Da = (a, t, e, s, i, l, c) => {
+  const o = mn(a || 0, e || 0), p = Ge(gn((a || 0) + (e || 0), o), s, i);
+  t.eventValue = p, t.currentLooseValue = ue(p, l, c), t.selectionStart = t.selectionEnd = Ze(t.currentLooseValue, ke);
+}, Ba = (a, t, e, s, i, l, c) => {
+  const o = mn(a || 0, e || 0), p = Ge(gn((a || 0) - (e || 0), o), s, i);
+  t.eventValue = p, t.currentLooseValue = ue(p, l, c), t.selectionStart = t.selectionEnd = Ze(t.currentLooseValue, ke);
+}, Ge = (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) => {
+  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;
-}, Wn = (a, t) => {
-  const e = t.findIndex(([l, i]) => !!l && a.indexOf(l) === 0);
+}, Xn = (a, t) => {
+  const e = t.findIndex(([i, l]) => !!i && a.indexOf(i) === 0);
   return e === -1 ? -1 : t[e][0].length;
-}, Xn = (a, t, e) => {
-  const s = jn(a, t);
+}, Yn = (a, t, e) => {
+  const s = Wn(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 l = Wn(a, t);
-  l !== -1 && e.selectionStart < l && (e.selectionStart = e.selectionEnd = l), e.selectionStart === -1 && (e.selectionStart = e.selectionEnd = 0);
+  const i = Xn(a, t);
+  i !== -1 && e.selectionStart < i && (e.selectionStart = e.selectionEnd = i), e.selectionStart === -1 && (e.selectionStart = e.selectionEnd = 0);
 }, Le = (a, t, e, s) => {
-  a.selectionStart = a.selectionEnd = t, Xn(e, s, a);
-}, Mt = (a, t, e, s) => {
+  a.selectionStart = a.selectionEnd = t, Yn(e, s, a);
+}, Pt = (a, t, e, s) => {
   a.eventValue = s.parseNumber(a.prevLooseValue, t), a.currentLooseValue = a.prevLooseValue, a.valueIsCorrected = !0, Le(a, a.selectionStart, a.currentLooseValue, e);
-}, Yn = (a, t) => {
+}, Zn = (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;
-}, Zn = (a, t) => {
+}, Jn = (a, t) => {
   const e = String(a.currentLooseValue), s = String(a.prevLooseValue);
   return e.indexOf(t.minusSign) === -1 && s.indexOf(t.minusSign) !== -1;
-}, Jn = (a, t) => String(a.currentLooseValue).split(t.decimal).length > 2, Qn = (a, t) => {
-  const e = t.formatNumber(pt, a), s = t.formatNumber(-pt, a), l = t.formatNumber(hn, a), i = t.formatNumber(fn, a), c = nt(e), o = nt(s), f = nt(l), d = nt(i), m = st(e), u = st(s), h = st(l), y = st(i);
+}, 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), p = nt(i), d = nt(l), m = st(e), u = st(s), f = st(i), y = st(l);
   return {
     positiveInfo: [c, m],
     negativeInfo: [o, u],
-    zeroInfo: [f, h],
+    zeroInfo: [p, f],
     oneInfo: [d, y]
   };
-}, es = (a, t) => {
-  const e = t.formatNumber(pt, a), s = t.formatNumber(-pt, a), l = t.formatNumber(hn, a), i = t.formatNumber(fn, a), c = t.numberSymbols(), o = new RegExp(`[\\d\\${c.decimal}${c.group}]`, "g");
-  return [e, s, l, i].map((d) => d.replace(o, "")).join("").split("").filter((d, m, u) => u.indexOf(d) === m).join("");
-}, Nt = (a, t) => {
+}, 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");
+  return [e, s, i, l].map((d) => d.replace(o, "")).join("").split("").filter((d, m, u) => u.indexOf(d) === m).join("");
+}, Dt = (a, t) => {
   const e = a.indexOf(t.decimal);
   return e > -1 ? e : Ze(a, ke);
-}, sa = (a) => a.split("").reverse().join(""), Ze = (a, t) => a.length - sa(a).search(t), nt = (a) => a.split(a[a.search(ke)])[0], st = (a) => {
-  const t = sa(a);
-  return sa(t.split(t[t.search(ke)])[0]);
-}, Pt = (a, t) => a.search(t), Oa = (a, t) => {
+}, ia = (a) => a.split("").reverse().join(""), Ze = (a, t) => a.length - ia(a).search(t), nt = (a) => a.split(a[a.search(ke)])[0], st = (a) => {
+  const t = ia(a);
+  return ia(t.split(t[t.search(ke)])[0]);
+}, Bt = (a, t) => a.search(t), Oa = (a, t) => {
   const e = a.indexOf(t);
   return e > -1 ? a.length - e - 1 : 0;
-}, Fa = (a, t, e, s, l) => {
-  const i = a.replace(l, "")[0] === "0", c = t.replace(l, "")[0] === "0";
-  if (i && !c)
+}, Fa = (a, t, e, s, i) => {
+  const l = a.replace(i, "")[0] === "0", c = t.replace(i, "")[0] === "0";
+  if (l && !c)
     return e - 1;
   if (c && s)
     return e + 1;
   let o = 0;
   for (let d = 0; d < e; d++)
     ke.test(a.charAt(d)) && o++;
-  let f = 0;
-  for (; o > 0 && t.length > f; )
-    ke.test(t.charAt(f)) && o--, f++;
-  return f;
+  let p = 0;
+  for (; o > 0 && t.length > p; )
+    ke.test(t.charAt(p)) && o--, p++;
+  return p;
 }, Ta = (a, t, e) => {
-  const s = { ...a }, { prevLooseValue: l } = s, i = e.numberSymbols(), c = es(t, e), o = String(s.currentLooseValue), f = String(l), d = new RegExp(`[^\\d\\${i.decimal}]`, "g"), m = new RegExp(`[^\\d\\${i.decimal}\\${i.group}]`, "g"), u = new RegExp(`[\\d\\${i.decimal}\\${i.group}]`), h = o.replace(d, ""), y = Pt(o, ke), M = y === -1 ? -1 : Ze(o, ke), D = o.indexOf(i.decimal), N = (o.substring(0, y) + o.substring(y, M).replace(m, "") + o.substring(M, o.length)).split("").filter((p) => c.indexOf(p) !== -1 || p.search(u) !== -1).join(""), L = e.formatNumber(Kn, t).replace(d, ""), S = L.indexOf(i.decimal), w = S > -1 ? L.length - S - 1 : 0, B = e.formatNumber(qn, t).replace(d, ""), O = B.indexOf(i.decimal), I = O > -1 ? B.length - O - 1 : 0, {
+  const s = { ...a }, { prevLooseValue: i } = s, l = e.numberSymbols(), c = ts(t, e), o = String(s.currentLooseValue), p = String(i), d = new RegExp(`[^\\d\\${l.decimal}]`, "g"), m = new RegExp(`[^\\d\\${l.decimal}\\${l.group}]`, "g"), u = new RegExp(`[\\d\\${l.decimal}\\${l.group}]`), f = o.replace(d, ""), y = Bt(o, ke), N = y === -1 ? -1 : Ze(o, ke), D = o.indexOf(l.decimal), V = (o.substring(0, y) + o.substring(y, N).replace(m, "") + o.substring(N, o.length)).split("").filter((h) => c.indexOf(h) !== -1 || h.search(u) !== -1).join(""), L = e.formatNumber(qn, t).replace(d, ""), S = L.indexOf(l.decimal), w = S > -1 ? L.length - S - 1 : 0, B = e.formatNumber(Un, t).replace(d, ""), O = B.indexOf(l.decimal), I = O > -1 ? B.length - O - 1 : 0, {
     positiveInfo: F,
     negativeInfo: _,
     zeroInfo: T,
     oneInfo: E
-  } = Qn(t, e), V = [F, _, T, E], H = V.findIndex((p) => p.findIndex((v) => !!v) !== -1) !== 1, q = o.length > 0 && o.length < f.length, Z = typeof t == "string" && t[0] === "p" && o && o.indexOf(i.percentSign) === -1;
+  } = es(t, e), M = [F, _, T, E], H = M.findIndex((h) => h.findIndex((v) => !!v) !== -1) !== 1, q = o.length > 0 && o.length < p.length, Z = typeof t == "string" && t[0] === "p" && o && o.indexOf(l.percentSign) === -1;
   if (!s.isPaste) {
     if (o === "")
       return s.eventValue = null, s.currentLooseValue = "", s;
-    if (s.currentLooseValue === i.minusSign && e.formatNumber(-0, t) !== f)
+    if (s.currentLooseValue === l.minusSign && e.formatNumber(-0, t) !== p)
       return s.eventValue = -0, s.currentLooseValue = ue(s.eventValue, t, e), Le(
         s,
-        Nt(s.currentLooseValue, i),
+        Dt(s.currentLooseValue, l),
         s.currentLooseValue,
-        V
+        M
       ), s;
-    if (s.currentLooseValue === i.decimal) {
+    if (s.currentLooseValue === l.decimal) {
       s.eventValue = 0;
       const k = ue(s.eventValue, t, e);
       if (I === 0 && w > 0) {
         const C = Ze(k, ke);
-        s.currentLooseValue = k.substring(0, C) + i.decimal + k.substring(C);
+        s.currentLooseValue = k.substring(0, C) + l.decimal + k.substring(C);
       } else
         s.currentLooseValue = k;
       return Le(
         s,
-        Nt(s.currentLooseValue, i) + 1,
+        Dt(s.currentLooseValue, l) + 1,
         s.currentLooseValue,
-        V
+        M
       ), s;
     }
-    if (Yn(s, i)) {
-      const k = e.parseNumber(l, t);
+    if (Zn(s, l)) {
+      const k = e.parseNumber(i, t);
       s.eventValue = -(k !== null ? k : 0), s.currentLooseValue = ue(s.eventValue, t, e);
-      const C = Pt(s.currentLooseValue, ke), P = Pt(f, ke);
+      const C = Bt(s.currentLooseValue, ke), P = Bt(p, ke);
       return Le(
         s,
         s.selectionEnd - 1 + (C - P),
         s.currentLooseValue,
-        V
+        M
       ), s;
     }
-    if (Zn(s, i))
+    if (Jn(s, l))
       return s.eventValue = e.parseNumber(s.currentLooseValue, t), Le(
         s,
         s.selectionStart,
         s.currentLooseValue,
-        V
+        M
       ), s;
-    if (Jn(s, i))
-      return Mt(s, t, V, e), s;
+    if (Qn(s, l))
+      return Pt(s, t, M, e), s;
     if (Z)
       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 || h !== o && o && H && V.findIndex(([C, P]) => {
-      const j = o.indexOf(C), J = o.indexOf(P), R = j === 0, b = J === o.length - P.length, W = j + C.length !== y && y !== -1 && o[j + C.length] !== i.decimal, K = J !== M && M !== -1 && o[J - 1] !== i.decimal;
+    if (String(s.currentLooseValue).replace(/[^\d]/g, "").length > pn || f !== o && o && H && M.findIndex(([C, P]) => {
+      const j = o.indexOf(C), J = o.indexOf(P), R = j === 0, b = J === o.length - P.length, W = j + C.length !== y && y !== -1 && o[j + C.length] !== l.decimal, K = J !== N && N !== -1 && o[J - 1] !== l.decimal;
       return C && P ? W || K ? !1 : R && b : C ? W ? !1 : R : P ? K ? !1 : b : !1;
     }) === -1)
-      return Mt(s, t, V, e), s;
-    if (h[h.length - 1] === i.decimal && w > 0)
-      return s.eventValue = e.parseNumber(o, t), s.currentLooseValue = N, s;
-    if (s.currentLooseValue && l && (c + i.decimal + i.group).split("").findIndex((C) => o.split("").filter((P) => P === C).length < f.split("").filter((P) => P === C).length && o.length + 1 === f.length ? !(C === i.decimal && Oa(f.replace(d, ""), i.decimal) === 0) : !1) > -1)
+      return Pt(s, t, M, e), s;
+    if (f[f.length - 1] === l.decimal && w > 0)
+      return s.eventValue = e.parseNumber(o, t), s.currentLooseValue = V, s;
+    if (s.currentLooseValue && i && (c + l.decimal + l.group).split("").findIndex((C) => o.split("").filter((P) => P === C).length < p.split("").filter((P) => P === C).length && o.length + 1 === p.length ? !(C === l.decimal && Oa(p.replace(d, ""), l.decimal) === 0) : !1) > -1)
       return s.eventValue = e.parseNumber(a.prevLooseValue, t), s.currentLooseValue = a.prevLooseValue, s;
-    const v = Oa(h, i.decimal), g = h[h.length - 1] === "0";
+    const v = Oa(f, l.decimal), g = f[f.length - 1] === "0";
     if (q && g && v < I)
       return s.eventValue = e.parseNumber(s.currentLooseValue, t), s.currentLooseValue = ue(s.eventValue, t, e), s;
     if (v > 0) {
       const k = o.substring(0, D);
-      if (g && (!k || f.indexOf(k) !== 0)) {
+      if (g && (!k || p.indexOf(k) !== 0)) {
         s.eventValue = e.parseNumber(s.currentLooseValue, t);
         const C = ue(s.eventValue, t, e);
         return Le(
           s,
           Fa(o, C, s.selectionEnd, q, d),
           C,
-          V
+          M
         ), s.currentLooseValue = C, s;
       }
       if (v > w) {
-        const C = o.indexOf(i.decimal), P = o.substring(0, C) + o.substring(C, C + 1 + w) + o.substring(M, String(s.currentLooseValue).length);
-        return s.eventValue = e.parseNumber(P, t), s.currentLooseValue = P, Le(s, s.selectionStart, P, V), s;
+        const C = o.indexOf(l.decimal), P = o.substring(0, C) + o.substring(C, C + 1 + w) + o.substring(N, String(s.currentLooseValue).length);
+        return s.eventValue = e.parseNumber(P, t), s.currentLooseValue = P, Le(s, s.selectionStart, P, M), s;
       }
       if (I !== w && v <= w && g)
-        return s.eventValue = e.parseNumber(s.currentLooseValue, t), s.currentLooseValue = N, s;
+        return s.eventValue = e.parseNumber(s.currentLooseValue, t), s.currentLooseValue = V, s;
       if (v < I)
         return s.eventValue = e.parseNumber(s.currentLooseValue, t), s.currentLooseValue = ue(s.eventValue, t, e), s;
     }
   }
   if (s.eventValue = e.parseNumber(s.currentLooseValue, t), Z && (s.eventValue = s.eventValue / 100), typeof s.eventValue == "number") {
-    const p = ue(s.eventValue, t, e);
-    o.length === 1 ? Le(s, Nt(p, i), p, V) : Le(
+    const h = ue(s.eventValue, t, e);
+    o.length === 1 ? Le(s, Dt(h, l), h, M) : Le(
       s,
-      Fa(o, p, s.selectionEnd, q, d),
-      p,
-      V
-    ), s.currentLooseValue = p;
+      Fa(o, h, s.selectionEnd, q, d),
+      h,
+      M
+    ), s.currentLooseValue = h;
   } else
-    s.currentLooseValue = ue(e.parseNumber(h), t, e);
+    s.currentLooseValue = ue(e.parseNumber(f), t, e);
   return s;
-}, ts = "Please enter a valid value!", as = he(), ze = n.forwardRef((a, t) => {
+}, as = "Please enter a valid value!", ns = he(), ze = n.forwardRef((a, t) => {
   pe(me);
-  const e = Re(as, a), s = Qe(), l = e.id || s, i = Mn(), c = _e(), o = n.useRef(null), f = n.useRef(), [d, m] = n.useState(!1), u = n.useRef(Na()), h = n.useRef(!1), y = n.useRef(), M = n.useRef(e.defaultValue), D = ue(
-    u.current.focused && !e.disabled ? u.current.currentLooseValue : Vt(e.value, M.current),
+  const e = Re(ns, a), s = Qe(), i = e.id || s, l = Nn(), c = _e(), o = n.useRef(null), p = n.useRef(), [d, m] = n.useState(!1), u = n.useRef(Na()), f = n.useRef(!1), y = n.useRef(), N = n.useRef(e.defaultValue), D = ue(
+    u.current.focused && !e.disabled ? u.current.currentLooseValue : Nt(e.value, N.current),
     e.format,
-    i
+    l
   );
   y.current = D;
-  const [N] = qe(e.prefix), [L] = qe(e.suffix);
+  const [V] = qe(e.prefix), [L] = qe(e.suffix);
   n.useEffect(
     () => {
       o.current && o.current.setCustomValidity && o.current.setCustomValidity(
-        I().valid ? "" : e.validationMessage || ts
+        I().valid ? "" : e.validationMessage || as
       );
     }
   );
@@ -255,7 +255,7 @@ const me = {
     },
     []
   ), w = n.useCallback(
-    () => f.current !== void 0 ? f.current : Vt(e.value, M.current),
+    () => p.current !== void 0 ? p.current : Nt(e.value, N.current),
     [e.value]
   ), B = n.useCallback(
     () => e.name,
@@ -292,7 +292,7 @@ const me = {
   n.useImperativeHandle(t, T);
   const E = n.useCallback(
     () => ({
-      eventValue: Vt(e.value, M.current),
+      eventValue: Nt(e.value, N.current),
       prevLooseValue: y.current,
       currentLooseValue: o.current.value,
       selectionStart: o.current.selectionStart,
@@ -300,37 +300,37 @@ const me = {
       decimalSelect: !1,
       valueIsCorrected: !1,
       valueIsOutOfRange: !1,
-      isPaste: h.current,
+      isPaste: f.current,
       focused: u.current.focused
     }),
     [e.value]
-  ), V = n.useCallback(
+  ), M = n.useCallback(
     (R, b) => {
       if (e.disabled)
         return;
-      f.current = b.eventValue, M.current = b.eventValue;
-      const W = ue(Ge(b.eventValue, e.min, e.max), e.format, i), K = Ge(i.parseNumber(W, e.format), e.min, e.max);
-      K !== b.eventValue && (b.valueIsOutOfRange = !0, b.eventValue = K, M.current = K), e.value !== b.eventValue && Q(
+      p.current = b.eventValue, N.current = b.eventValue;
+      const W = ue(Ge(b.eventValue, e.min, e.max), e.format, l), K = Ge(l.parseNumber(W, e.format), e.min, e.max);
+      K !== b.eventValue && (b.valueIsOutOfRange = !0, b.eventValue = K, N.current = K), e.value !== b.eventValue && Q(
         e.onChange,
         R,
         T(),
         { value: b.eventValue }
-      ), f.current = void 0, u.current = b, m((le) => !le);
+      ), p.current = void 0, u.current = b, m((ie) => !ie);
     },
     [e.value, e.onChange, e.disabled, m, T]
   ), H = n.useCallback(
     (R) => {
       const b = E();
-      h.current = !1, V(R, Ta(b, e.format, i));
+      f.current = !1, M(R, Ta(b, e.format, l));
     },
-    [e.format, e.onChange, i, V, E]
+    [e.format, e.onChange, l, M, E]
   ), q = n.useCallback(
     (R) => {
       let b = E();
-      const W = i.parseNumber(String(b.currentLooseValue), e.format);
+      const W = l.parseNumber(String(b.currentLooseValue), e.format);
       if (b.selectionEnd > b.selectionStart && b.selectionEnd - b.selectionStart === String(b.currentLooseValue).length) {
-        const K = i.numberSymbols(), ee = K && R.key === K.minusSign, le = K && R.key === K.decimal;
-        h.current = !ee && !le;
+        const K = l.numberSymbols(), ee = K && R.key === K.minusSign, ie = K && R.key === K.decimal;
+        f.current = !ee && !ie;
         return;
       }
       switch (R.keyCode) {
@@ -342,7 +342,7 @@ const me = {
             e.min,
             e.max,
             e.format,
-            i
+            l
           );
           break;
         case 40:
@@ -353,70 +353,70 @@ const me = {
             e.min,
             e.max,
             e.format,
-            i
+            l
           );
           break;
         case 13: {
           if (e.rangeOnEnter === !1)
             return;
-          const K = ue(Ge(W, e.min, e.max), e.format, i), ee = Ge(i.parseNumber(K, e.format), e.min, e.max);
-          b.eventValue = ee, b.currentLooseValue = ue(ee, e.format, i), b.selectionStart = b.selectionEnd = b.currentLooseValue.length;
+          const K = ue(Ge(W, e.min, e.max), e.format, l), ee = Ge(l.parseNumber(K, e.format), e.min, e.max);
+          b.eventValue = ee, b.currentLooseValue = ue(ee, e.format, l), b.selectionStart = b.selectionEnd = b.currentLooseValue.length;
           break;
         }
         case 110: {
-          const K = o.current, ee = i.numberSymbols();
-          K && (b.currentLooseValue = b.currentLooseValue.slice(0, b.selectionStart) + ee.decimal + b.currentLooseValue.slice(b.selectionEnd), b.selectionStart = b.selectionEnd = b.selectionStart + 1, b = Ta(b, e.format, i));
+          const K = o.current, ee = l.numberSymbols();
+          K && (b.currentLooseValue = b.currentLooseValue.slice(0, b.selectionStart) + ee.decimal + b.currentLooseValue.slice(b.selectionEnd), b.selectionStart = b.selectionEnd = b.selectionStart + 1, b = Ta(b, e.format, l));
           break;
         }
         default:
           return;
       }
-      R.preventDefault(), V(R, b);
+      R.preventDefault(), M(R, b);
     },
-    [e.format, e.min, e.max, e.step, e.onChange, e.rangeOnEnter, V, E]
+    [e.format, e.min, e.max, e.step, e.onChange, e.rangeOnEnter, M, E]
   ), Z = n.useCallback(
     () => {
-      h.current = !0;
+      f.current = !0;
     },
     []
-  ), p = n.useCallback(
+  ), h = n.useCallback(
     (R) => {
       if (e.readOnly || e.disabled)
         return;
       const b = E();
       Da(
-        i.parseNumber(String(b.currentLooseValue), e.format),
+        l.parseNumber(String(b.currentLooseValue), e.format),
         b,
         e.step,
         e.min,
         e.max,
         e.format,
-        i
-      ), V(R, b);
+        l
+      ), M(R, b);
     },
-    [e.format, e.min, e.max, e.step, e.onChange, e.readOnly, e.disabled, V, E]
+    [e.format, e.min, e.max, e.step, e.onChange, e.readOnly, e.disabled, M, E]
   ), v = n.useCallback(
     (R) => {
       if (e.readOnly || e.disabled)
         return;
       const b = E();
       Ba(
-        i.parseNumber(String(b.currentLooseValue), e.format),
+        l.parseNumber(String(b.currentLooseValue), e.format),
         b,
         e.step,
         e.min,
         e.max,
         e.format,
-        i
-      ), V(R, b);
+        l
+      ), M(R, b);
     },
-    [e.format, e.min, e.max, e.step, e.onChange, e.readOnly, e.disabled, V, E]
+    [e.format, e.min, e.max, e.step, e.onChange, e.readOnly, e.disabled, M, E]
   ), g = n.useCallback(
     (R) => {
       const b = wa(document);
-      !document || b !== o.current || !o.current || e.readOnly || e.disabled || (R.nativeEvent.deltaY < 0 && p(R), R.nativeEvent.deltaY > 0 && v(R));
+      !document || b !== o.current || !o.current || e.readOnly || e.disabled || (R.nativeEvent.deltaY < 0 && h(R), R.nativeEvent.deltaY > 0 && v(R));
     },
-    [p, v, e.disabled, e.readOnly]
+    [h, v, e.disabled, e.readOnly]
   ), k = n.useCallback(
     (R) => {
       u.current.currentLooseValue = y.current, u.current.focused = !0, Q(
@@ -472,13 +472,13 @@ const me = {
       ),
       "aria-disabled": e.disabled ? "true" : void 0
     },
-    /* @__PURE__ */ n.createElement(N, null),
+    /* @__PURE__ */ n.createElement(V, null),
     /* @__PURE__ */ n.createElement(
       "input",
       {
         role: "spinbutton",
         value: D === null ? "" : D,
-        tabIndex: ie(e.tabIndex, e.disabled),
+        tabIndex: re(e.tabIndex, e.disabled),
         accessKey: e.accessKey,
         disabled: e.disabled,
         title: e.title,
@@ -494,7 +494,7 @@ const me = {
         autoCorrect: "off",
         type: e.inputType || "tel",
         className: "k-input-inner",
-        id: l,
+        id: i,
         name: e.name,
         readOnly: e.readOnly,
         style: e.inputStyle,
@@ -521,12 +521,12 @@ const me = {
           tabIndex: -1,
           type: "button",
           icon: "caret-alt-up",
-          svgIcon: Tt,
+          svgIcon: _t,
           rounded: null,
           className: "k-spinner-increase",
           "aria-label": c.toLanguageString(Xe, $[Xe]),
           title: c.toLanguageString(Xe, $[Xe]),
-          onClick: p
+          onClick: h
         }
       ),
       /* @__PURE__ */ n.createElement(
@@ -546,10 +546,10 @@ const me = {
     )
   );
   return e.label ? /* @__PURE__ */ n.createElement(
-    ua,
+    ha,
     {
       label: e.label,
-      editorId: l,
+      editorId: i,
       editorValue: D === null ? "" : D,
       editorValid: j,
       editorDisabled: e.disabled,
@@ -631,40 +631,40 @@ const ae = (a) => a != null, se = (a, t, e) => !ae(a) || isNaN(a) || a <= t ? t
     throw new Error(`Unsupported color output format '${t}'. The available options are 'hex' or 'rgba'.`);
   if (!ae(a))
     return;
-  const l = mt(a.trim(), e);
-  if (ae(l))
-    return t === "hex" ? l.toCss() : l.toCssRgba();
-}, Dt = (a, t = !0) => {
+  const i = mt(a.trim(), e);
+  if (ae(i))
+    return t === "hex" ? i.toCss() : i.toCssRgba();
+}, Ot = (a, t = !0) => {
   const e = mt(a, t);
   return ae(e) ? e.toHSV() : {};
 }, Ke = (a, t = !0) => {
   const e = mt(a, t);
   return ae(e) ? e.toBytes() : {};
-}, fa = (a) => {
-  const t = se(a.h, 0, 359.9), e = se(a.s, 0, 1), s = se(a.v, 0, 1), l = se(a.a, 0, 1);
-  return an.fromHSV(t, e, s, l).toCssRgba();
-}, rt = (a) => fa({ h: a, s: 1, v: 1, a: 1 }), ns = (a) => {
-  const t = se(a.r, 0, 255), e = se(a.g, 0, 255), s = se(a.b, 0, 255), l = se(a.a, 0, 1);
-  return an.fromBytes(t, e, s, l).toCssRgba();
+}, pa = (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) => {
+  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) => {
-  const e = se(a.r, 0, 255), s = se(a.g, 0, 255), l = se(a.b, 0, 255), i = se(a.a, 0, 1), c = se(t.r, 0, 255), o = se(t.g, 0, 255), f = se(t.b, 0, 255);
+  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), p = se(t.b, 0, 255);
   return {
-    r: Math.round((1 - i) * c + i * e),
-    g: Math.round((1 - i) * o + i * s),
-    b: Math.round((1 - i) * f + i * l)
+    r: Math.round((1 - l) * c + l * e),
+    g: Math.round((1 - l) * o + l * s),
+    b: Math.round((1 - l) * p + l * i)
   };
 }, _a = (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;
-}, ss = (a, t) => {
+}, rs = (a, t) => {
   const e = Math.max(a, t), s = Math.min(a, t);
   return (e + 0.05) / (s + 0.05);
-}, bn = (a, t) => ss(
+}, bn = (a, t) => rs(
   _a(za(a, t)),
   _a(za(t, { r: 0, g: 0, b: 0, a: 1 }))
-), ra = class extends n.Component {
+), la = class extends n.Component {
   constructor(a) {
     super(a), this._input = null, this.focus = () => {
       this._input && this._input.focus();
@@ -692,7 +692,7 @@ const ae = (a) => a != null, se = (a, t, e) => !ae(a) || isNaN(a) || a <= t ? t
         e && e.classList.contains("k-empty") && e.classList.remove("k-empty");
       }
     }, pe(me), this.state = {
-      value: this.props.defaultValue || ra.defaultProps.defaultValue
+      value: this.props.defaultValue || la.defaultProps.defaultValue
     };
   }
   get _inputId() {
@@ -740,7 +740,7 @@ const ae = (a) => a != null, se = (a, t, e) => !ae(a) || isNaN(a) || a <= t ? t
    * @hidden
    */
   get validityStyles() {
-    return this.props.validityStyles !== void 0 ? this.props.validityStyles : ra.defaultProps.validityStyles;
+    return this.props.validityStyles !== void 0 ? this.props.validityStyles : la.defaultProps.validityStyles;
   }
   /**
    * @hidden
@@ -763,31 +763,31 @@ const ae = (a) => a != null, se = (a, t, e) => !ae(a) || isNaN(a) || a <= t ? t
       label: t,
       labelClassName: e,
       id: s,
-      validationMessage: l,
-      defaultValue: i,
+      validationMessage: i,
+      defaultValue: l,
       valid: c,
       // Removed to support direct use in Form Field component
       visited: o,
-      touched: f,
+      touched: p,
       modified: d,
       ariaLabelledBy: m,
       ariaDescribedBy: u,
-      validityStyles: h,
+      validityStyles: f,
       style: y,
-      ariaLabel: M,
+      ariaLabel: N,
       ...D
-    } = this.props, N = s || this._inputId, L = !this.validityStyles || this.validity.valid, S = G(a, "k-input k-input-md k-rounded-md k-input-solid"), w = /* @__PURE__ */ n.createElement(
+    } = this.props, V = s || this._inputId, L = !this.validityStyles || this.validity.valid, S = G(a, "k-input k-input-md k-rounded-md k-input-solid"), w = /* @__PURE__ */ n.createElement(
       "input",
       {
         "aria-labelledby": m,
         "aria-describedby": u,
         "aria-disabled": this.props.disabled || void 0,
         "aria-invalid": !L || void 0,
-        "aria-label": M || void 0,
+        "aria-label": N || void 0,
         ...D,
         style: t ? void 0 : y,
         value: this.value,
-        id: N,
+        id: V,
         className: S,
         onChange: this.handleChange,
         onAnimationStart: this.handleAutoFill,
@@ -797,11 +797,11 @@ const ae = (a) => a != null, se = (a, t, e) => !ae(a) || isNaN(a) || a <= t ? t
       }
     );
     return t ? /* @__PURE__ */ n.createElement(
-      ua,
+      ha,
       {
         label: t,
         labelClassName: e,
-        editorId: N,
+        editorId: V,
         editorValue: String(this.value),
         editorValid: L,
         editorDisabled: D.disabled,
@@ -813,7 +813,7 @@ const ae = (a) => a != null, se = (a, t, e) => !ae(a) || isNaN(a) || a <= t ? t
     ) : w;
   }
 };
-let gt = ra;
+let gt = la;
 gt.displayName = "Input";
 gt.propTypes = {
   label: r.string,
@@ -831,13 +831,13 @@ gt.defaultProps = {
   required: !1,
   validityStyles: !0
 };
-const rs = he(), vn = et(Ue(rs, gt));
+const is = he(), vn = et(Ue(is, gt));
 vn.displayName = "KendoReactInput";
-class is extends n.Component {
+class ls extends n.Component {
   constructor(t) {
     super(t), this.onChange = (e) => {
-      const s = e.target.value, l = Ne(s, "rgba");
-      this.setState({ hex: s }), ae(l) && this.props.onHexChange(s, l, e);
+      const s = e.target.value, i = Ne(s, "rgba");
+      this.setState({ hex: s }), ae(i) && this.props.onHexChange(s, i, e);
     }, this.onBlur = () => {
       ae(Ne(this.state.hex, "rgba")) || this.setState({ hex: this.state.originalHex });
     }, this.state = { hex: this.props.hex, originalHex: this.props.hex };
@@ -858,7 +858,7 @@ class is extends n.Component {
   }
 }
 const Be = ["rgba", "rgb", "hex"];
-class ha extends n.Component {
+class ma extends n.Component {
   constructor(t) {
     super(t), this.onRgbaRChange = (e) => {
       this.dispatchRgbaChange({ r: e.value }, e);
@@ -871,19 +871,19 @@ class ha extends n.Component {
     }, this.state = { inputMode: t.defaultInputMode || Be[1] };
   }
   render() {
-    const t = Je(this), e = t.toLanguageString(Fe, $[ln]), s = t.toLanguageString(Fe, $[Fe]), l = t.toLanguageString(Fe, $[nn]), i = t.toLanguageString(Fe, $[sn]), c = t.toLanguageString(Fe, $[rn]), o = t.toLanguageString(Wt, $[Wt]);
+    const t = Je(this), e = t.toLanguageString(Fe, $[ln]), s = t.toLanguageString(Fe, $[Fe]), i = t.toLanguageString(Fe, $[nn]), l = t.toLanguageString(Fe, $[sn]), c = t.toLanguageString(Fe, $[rn]), o = t.toLanguageString(Yt, $[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: On,
+        svgIcon: Fn,
         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(
-      is,
+      ls,
       {
         hex: this.props.hex,
         onHexChange: this.props.onHexChange,
@@ -915,7 +915,7 @@ class ha extends n.Component {
         onChange: this.onRgbaGChange,
         disabled: this.props.disabled
       }
-    ), /* @__PURE__ */ n.createElement(We, { className: "k-colorgradient-input-label" }, l)), /* @__PURE__ */ n.createElement("div", { className: "k-vstack" }, /* @__PURE__ */ n.createElement(
+    ), /* @__PURE__ */ n.createElement(We, { className: "k-colorgradient-input-label" }, i)), /* @__PURE__ */ n.createElement("div", { className: "k-vstack" }, /* @__PURE__ */ n.createElement(
       ze,
       {
         inputType: "number",
@@ -928,7 +928,7 @@ class ha extends n.Component {
         onChange: this.onRgbaBChange,
         disabled: this.props.disabled
       }
-    ), /* @__PURE__ */ n.createElement(We, { className: "k-colorgradient-input-label" }, i))), this.state.inputMode === "rgba" && /* @__PURE__ */ n.createElement("div", { className: "k-vstack" }, this.props.opacity && /* @__PURE__ */ n.createElement(
+    ), /* @__PURE__ */ n.createElement(We, { className: "k-colorgradient-input-label" }, l))), this.state.inputMode === "rgba" && /* @__PURE__ */ n.createElement("div", { className: "k-vstack" }, this.props.opacity && /* @__PURE__ */ n.createElement(
       ze,
       {
         inputType: "number",
@@ -958,15 +958,15 @@ class ha extends n.Component {
     }
   }
 }
-Nn(ha);
-da(ha);
-const kn = "data-slider-label", Rr = (a) => {
-  const t = n.useRef(null), e = Ae(t), s = a.vertical ? { bottom: `${a.position}%` } : { [e === "rtl" ? "right" : "left"]: `${a.position}%` }, l = a.vertical ? "k-tick-vertical" : "k-tick-horizontal";
+Pn(ma);
+fa(ma);
+const kn = "data-slider-label", Vr = (a) => {
+  const t = n.useRef(null), e = Ae(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",
     {
       ref: t,
-      className: `k-tick k-tick-large ${l}`,
+      className: `k-tick k-tick-large ${i}`,
       title: a.title,
       style: {
         zIndex: 1,
@@ -994,14 +994,14 @@ 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 ? Tt : Ia : this.props.vertical ? Tt : La, l = this.state.dir === "rtl" ? this.props.vertical ? ht : La : this.props.vertical ? ht : Ia, i = 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 : 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";
       return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(
         ge,
         {
           className: "k-button-decrease",
           rounded: "full",
           icon: c,
-          svgIcon: l,
+          svgIcon: i,
           title: e.decrementTitle,
           onClick: e.decrement
         }
@@ -1010,7 +1010,7 @@ class bt extends n.Component {
         {
           className: "k-button-increase",
           rounded: "full",
-          icon: i,
+          icon: l,
           svgIcon: s,
           title: e.incrementTitle,
           onClick: e.increment
@@ -1042,7 +1042,7 @@ class bt extends n.Component {
     }, this.dragOver = (e) => {
       e.event.originalEvent.preventDefault(), this.drag(e);
     }, this.drag = (e) => {
-      const s = e.element.getBoundingClientRect(), l = this.props.vertical ? s.bottom - e.event.clientY : this.state.dir === "rtl" ? s.right - e.event.clientX : e.event.clientX - s.left, i = this.props.vertical ? s.height : s.width, c = l / i;
+      const s = e.element.getBoundingClientRect(), i = this.props.vertical ? s.bottom - e.event.clientY : this.state.dir === "rtl" ? s.right - e.event.clientX : e.event.clientX - s.left, l = this.props.vertical ? s.height : s.width, c = i / l;
       this.change(e, this.props.min + c * (this.props.max - this.props.min));
     }, pe(me);
   }
@@ -1050,8 +1050,8 @@ class bt extends n.Component {
    * @hidden
    */
   static getDerivedStateFromProps(t, e) {
-    const s = t.value !== void 0 ? t.value : e.value, { min: l, max: i } = t;
-    return s === void 0 ? null : { value: Math.min(Math.max(s, l), i) };
+    const s = t.value !== void 0 ? t.value : e.value, { min: i, max: l } = t;
+    return s === void 0 ? null : { value: Math.min(Math.max(s, i), l) };
   }
   /**
    * @hidden
@@ -1066,11 +1066,11 @@ class bt extends n.Component {
    * @hidden
    */
   render() {
-    const t = Je(this), e = (this.state.value - this.props.min) / (this.props.max - this.props.min) * 100, s = this.props.vertical ? { marginTop: "0.5rem", marginBottom: "0.5rem" } : { marginLeft: "0.5rem", marginRight: "0.5rem" }, l = this.props.vertical ? { paddingTop: 0, height: "100%" } : {};
+    const t = Je(this), e = (this.state.value - this.props.min) / (this.props.max - this.props.min) * 100, s = this.props.vertical ? { marginTop: "0.5rem", marginBottom: "0.5rem" } : { marginLeft: "0.5rem", marginRight: "0.5rem" }, i = this.props.vertical ? { paddingTop: 0, height: "100%" } : {};
     return /* @__PURE__ */ n.createElement(
       "div",
       {
-        ref: (i) => this._element = i,
+        ref: (l) => this._element = l,
         dir: this.state.dir,
         id: this.props.id,
         style: { gap: 0, ...this.props.style },
@@ -1094,8 +1094,8 @@ class bt extends n.Component {
           enabled: this.props.buttons,
           decrement: this.decrement,
           increment: this.increment,
-          incrementTitle: t.toLanguageString(_t, $[_t]),
-          decrementTitle: t.toLanguageString(At, $[At])
+          incrementTitle: t.toLanguageString($t, $[$t]),
+          decrementTitle: t.toLanguageString(Ht, $[Ht])
         },
         /* @__PURE__ */ n.createElement(en, { onDrag: this.dragOver, onPress: this.dragStart }, /* @__PURE__ */ n.createElement(
           "div",
@@ -1112,15 +1112,15 @@ class bt extends n.Component {
             "ul",
             {
               className: "k-reset k-slider-items",
-              style: { margin: 0, ...l }
+              style: { margin: 0, ...i }
             },
-            n.Children.map(this.props.children, (i) => i && n.cloneElement(
-              i,
+            n.Children.map(this.props.children, (l) => l && n.cloneElement(
+              l,
               {
-                position: 100 * (i.props.position - this.props.min) / (this.props.max - this.props.min),
+                position: 100 * (l.props.position - this.props.min) / (this.props.max - this.props.min),
                 vertical: this.props.vertical
               },
-              i.props.children
+              l.props.children
             ))
           ),
           /* @__PURE__ */ n.createElement(
@@ -1128,7 +1128,7 @@ class bt extends n.Component {
             {
               className: "k-slider-track",
               style: this.props.vertical ? { bottom: 0, height: "100%" } : { [this.state.dir === "rtl" ? "right" : "left"]: 0, width: "100%" },
-              ref: (i) => this._sliderTrack = i
+              ref: (l) => this._sliderTrack = l
             },
             /* @__PURE__ */ n.createElement(
               "div",
@@ -1150,7 +1150,7 @@ class bt extends n.Component {
                 "aria-labelledby": this.props.ariaLabelledBy,
                 "aria-describedby": this.props.ariaDescribedBy,
                 "aria-label": this.props.ariaLabel,
-                tabIndex: ie(this.props.tabIndex, this.props.disabled, void 0),
+                tabIndex: re(this.props.tabIndex, this.props.disabled, void 0),
                 className: "k-draghandle",
                 title: t.toLanguageString(Te, $[Te]),
                 style: this.props.vertical ? { bottom: "calc(" + e + "%)", zIndex: 1 } : this.state.dir === "rtl" ? { right: "calc(" + e + "% - 13px)", zIndex: 1 } : { left: "calc(" + e + "%)", zIndex: 1 }
@@ -1183,37 +1183,37 @@ bt.propTypes = {
   ariaLabel: r.string
   // TODO: validation when buttons is set to true, but no step is provided
 };
-const ls = he(), ia = Ue(ls, bt);
-ia.displayName = "KendoReactSlider";
-da(bt);
+const os = he(), oa = Ue(os, bt);
+oa.displayName = "KendoReactSlider";
+fa(bt);
 const $e = {};
-function os(a, t, e) {
+function cs(a, t, e) {
   $e[a] = { value: t, hsva: e };
 }
-function cs(a, t, e) {
+function ds(a, t, e) {
   $e[a] = { value: t, rgba: e };
 }
-function ds(a, t, e) {
+function us(a, t, e) {
   $e[a] = { value: t, hex: e };
 }
-function us(a) {
+function fs(a) {
   delete $e[a];
 }
-function fs(a, t) {
+function hs(a, t) {
   if (a) {
     const e = $e[a];
     return e && e.value === t ? e.hex : void 0;
   } else
     return;
 }
-function hs(a, t) {
+function ps(a, t) {
   if (a) {
     const e = $e[a];
     return e && e.value === t ? e.hsva : void 0;
   } else
     return;
 }
-function ps(a, t) {
+function ms(a, t) {
   if (a) {
     const e = $e[a];
     return e && e.value === t ? e.rgba : void 0;
@@ -1222,47 +1222,47 @@ function ps(a, t) {
 }
 class yn extends n.Component {
   render() {
-    const t = Je(this), e = t.toLanguageString($t, $[$t]), s = t.toLanguageString(Ht, $[Ht]), l = t.toLanguageString(Gt, $[Gt]), i = t.toLanguageString(Kt, $[Kt]), c = t.toLanguageString(qt, $[qt]), o = bn(this.props.rgba, this.props.bgColor), f = 4.5.toFixed(1), d = 7 .toFixed(1), m = `${e}: ${o.toFixed(2)}`, u = `${s}: ${f}`, h = `${l}: ${d}`, y = /* @__PURE__ */ n.createElement("span", { className: "k-contrast-validation k-text-success" }, i, " ", /* @__PURE__ */ n.createElement(fe, { name: "check", icon: Rt })), M = /* @__PURE__ */ n.createElement("span", { className: "k-contrast-validation k-text-error" }, c, " ", /* @__PURE__ */ n.createElement(fe, { name: "x", icon: zt }));
-    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" }, m), o >= 4.5 ? /* @__PURE__ */ n.createElement("span", { className: "k-contrast-validation k-text-success" }, /* @__PURE__ */ n.createElement(fe, { name: "check", icon: Rt }), o >= 7 && /* @__PURE__ */ n.createElement(fe, { name: "check", icon: Rt })) : /* @__PURE__ */ n.createElement("span", { className: "k-contrast-validation k-text-error" }, /* @__PURE__ */ n.createElement(fe, { name: "x", icon: zt }))), /* @__PURE__ */ n.createElement("div", null, /* @__PURE__ */ n.createElement("span", null, u), o >= 4.5 ? y : M), /* @__PURE__ */ n.createElement("div", null, /* @__PURE__ */ n.createElement("span", null, h), o >= 7 ? y : M));
+    const t = Je(this), e = t.toLanguageString(Gt, $[Gt]), s = t.toLanguageString(Kt, $[Kt]), i = t.toLanguageString(qt, $[qt]), l = t.toLanguageString(Ut, $[Ut]), c = t.toLanguageString(jt, $[jt]), o = bn(this.props.rgba, this.props.bgColor), p = 4.5.toFixed(1), d = 7 .toFixed(1), m = `${e}: ${o.toFixed(2)}`, u = `${s}: ${p}`, f = `${i}: ${d}`, y = /* @__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" }, m), 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, u), o >= 4.5 ? y : N), /* @__PURE__ */ n.createElement("div", null, /* @__PURE__ */ n.createElement("span", null, f), o >= 7 ? y : N));
   }
 }
-da(yn);
+fa(yn);
 const it = (a, t) => a.length === 0 ? "" : `<path d="${a.reduce(
-  (s, l, i, c) => i === 0 ? (
+  (s, i, l, c) => l === 0 ? (
     // if first point
-    `M ${l[0]},${l[1]}`
+    `M ${i[0]},${i[1]}`
   ) : (
     // else
-    `${s} ${t(l, i, c)}`
+    `${s} ${t(i, l, c)}`
   ),
   ""
-)}" fill="none" stroke="white" stroke-width="1"/>`, ms = (a, t) => {
+)}" fill="none" stroke="white" stroke-width="1"/>`, gs = (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)
   };
-}, gs = (a) => (t, e, s, l) => {
-  const i = e || t, c = s || t, o = 0.1, f = a(i, c), d = f.angle + (l ? Math.PI : 0), m = f.length * o, u = t[0] + Math.cos(d) * m, h = t[1] + Math.sin(d) * m;
-  return [u, h];
-}, bs = (a) => (t, e, s) => {
-  const [l, i] = a(s[e - 1], s[e - 2], t), [c, o] = a(t, s[e - 1], s[e + 1], !0);
-  return `C ${l},${i} ${c},${o} ${t[0]},${t[1]}`;
+}, bs = (a) => (t, e, s, i) => {
+  const l = e || t, c = s || t, o = 0.1, p = a(l, c), d = p.angle + (i ? Math.PI : 0), m = p.length * o, u = t[0] + Math.cos(d) * m, f = t[1] + Math.sin(d) * m;
+  return [u, f];
+}, vs = (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 vs extends n.Component {
+class ks extends n.Component {
   renderSvgCurveLine() {
-    const t = this.props.metrics, e = (i, c, o, f, d) => {
-      const m = (o + f) / 2, u = Object.assign({}, this.props.hsva, { s: c / t.width, v: 1 - m / t.height }), h = bn(Ke(fa(u)), Ke(this.props.backgroundColor || ""));
-      return o + 0.5 > f ? h < i + 1 && h > i - 1 ? m : null : d(h, i) ? e(i, c, o, f - (f - o) / 2, d) : e(i, c, o + (f - o) / 2, f, d);
-    }, s = (i, c, o = !1) => {
-      const f = [];
+    const t = this.props.metrics, e = (l, c, o, p, d) => {
+      const m = (o + p) / 2, u = Object.assign({}, this.props.hsva, { s: c / t.width, v: 1 - m / t.height }), f = bn(Ke(pa(u)), Ke(this.props.backgroundColor || ""));
+      return o + 0.5 > p ? f < l + 1 && f > l - 1 ? m : null : d(f, l) ? e(l, c, o, p - (p - o) / 2, d) : e(l, c, o + (p - o) / 2, p, d);
+    }, s = (l, c, o = !1) => {
+      const p = [];
       for (let d = 0; d <= t.width; d += t.width / c) {
-        const m = e(i, d, 0, t.height, o ? (u, h) => u < h : (u, h) => u > h);
-        m !== null && f.push([d, m]);
+        const m = e(l, d, 0, t.height, o ? (u, f) => u < f : (u, f) => u > f);
+        m !== null && p.push([d, m]);
       }
-      return f;
-    }, l = bs(gs(ms));
-    return it(s(Aa, lt), l) + it(s(Aa, lt, !0), l) + it(s($a, lt), l) + it(s($a, lt, !0), l);
+      return p;
+    }, 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);
   }
   shouldComponentUpdate(t) {
     return !(t.hsva.h === this.props.hsva.h && t.hsva.a === this.props.hsva.a && this.props.backgroundColor === t.backgroundColor);
@@ -1286,23 +1286,23 @@ class vs extends n.Component {
     );
   }
 }
-const ks = "rgba", Ha = "rgba(255, 255, 255, 1)", la = class extends n.Component {
+const ys = "rgba", Ha = "rgba(255, 255, 255, 1)", ca = class extends n.Component {
   constructor(a) {
-    super(a), this.wrapper = null, this.onHexChange = (e, s, l) => {
+    super(a), this.wrapper = null, this.onHexChange = (e, s, i) => {
       if (this.isUncontrolled) {
-        const i = Dt(s);
-        this.setState({ hsva: i, backgroundColor: rt(i.h), rgba: Ke(s), hex: e });
+        const l = Ot(s);
+        this.setState({ hsva: l, backgroundColor: rt(l.h), rgba: Ke(s), hex: e });
       } else
-        ds(this.state.guid, s, e);
-      this.dispatchChangeEvent(s, l, l.nativeEvent);
+        us(this.state.guid, s, e);
+      this.dispatchChangeEvent(s, i, i.nativeEvent);
     }, this.onRgbaChange = (e, s) => {
-      const l = ns(e);
+      const i = ss(e);
       if (this.isUncontrolled) {
-        const i = Dt(l), c = Ne(l, "hex");
-        this.setState({ hsva: i, backgroundColor: rt(i.h), rgba: e, hex: c });
+        const l = Ot(i), c = Ne(i, "hex");
+        this.setState({ hsva: l, backgroundColor: rt(l.h), rgba: e, hex: c });
       } else
-        cs(this.state.guid, l, e);
-      this.dispatchChangeEvent(l, s.syntheticEvent, s.nativeEvent);
+        ds(this.state.guid, i, e);
+      this.dispatchChangeEvent(i, s.syntheticEvent, s.nativeEvent);
     }, this.onAlphaSliderChange = (e) => {
       this.handleHsvaChange(
         Object.assign({}, this.state.hsva, { a: e.value / 100 }),
@@ -1322,12 +1322,12 @@ const ks = "rgba", Ha = "rgba(255, 255, 255, 1)", la = class extends n.Component
     }, this.onGradientWrapperClick = (e) => {
       this.changePosition(e);
     }, this.changePosition = (e) => {
-      const s = this.getGradientRectMetrics(), l = e.clientX - s.left, i = e.clientY - s.top, c = se(l, 0, s.width), o = se(i, 0, s.height), f = Object.assign(
+      const s = this.getGradientRectMetrics(), i = e.clientX - s.left, l = e.clientY - s.top, c = se(i, 0, s.width), o = se(l, 0, s.height), p = Object.assign(
         {},
         this.state.hsva,
         { s: c / s.width, v: 1 - o / s.height }
       );
-      this.handleHsvaChange(f, e, e.nativeEvent);
+      this.handleHsvaChange(p, e, e.nativeEvent);
     }, this.onFocus = (e) => {
       this.props.onFocus && this.props.onFocus.call(
         void 0,
@@ -1336,14 +1336,14 @@ const ks = "rgba", Ha = "rgba(255, 255, 255, 1)", la = class extends n.Component
     }, this.focus = () => {
       tn(this.wrapper);
     }, pe(me);
-    const t = a.value || a.defaultValue || Ne(Ha, ks);
-    this.state = Object.assign({}, la.getStateFromValue(t), { isFirstRender: !0, guid: this.props.id });
+    const t = a.value || a.defaultValue || Ne(Ha, ys);
+    this.state = Object.assign({}, ca.getStateFromValue(t), { isFirstRender: !0, guid: this.props.id });
   }
   /**
    * @hidden
    */
   static getDerivedStateFromProps(a, t) {
-    return a.value && !t.isFirstRender ? la.getStateFromValue(a.value, t.guid) : null;
+    return a.value && !t.isFirstRender ? ca.getStateFromValue(a.value, t.guid) : null;
   }
   /**
    * @hidden
@@ -1355,7 +1355,7 @@ const ks = "rgba", Ha = "rgba(255, 255, 255, 1)", la = class extends n.Component
    * @hidden
    */
   componentWillUnmount() {
-    us(this.state.guid);
+    fs(this.state.guid);
   }
   /**
    * @hidden
@@ -1376,7 +1376,7 @@ const ks = "rgba", Ha = "rgba(255, 255, 255, 1)", la = class extends n.Component
       "div",
       {
         role: "slider",
-        tabIndex: ie(this.props.tabIndex, this.props.disabled),
+        tabIndex: re(this.props.tabIndex, this.props.disabled),
         "aria-valuetext": this.props.ariaValueText,
         "aria-valuenow": parseInt(this.state.hex.substring(1), 16),
         "aria-label": this.props.ariaLabelHSV,
@@ -1391,12 +1391,12 @@ const ks = "rgba", Ha = "rgba(255, 255, 255, 1)", la = class extends n.Component
    * @hidden
    */
   handleHsvaChange(a, t, e) {
-    const s = fa(a);
+    const s = pa(a);
     if (this.isUncontrolled) {
-      const l = Ne(s, "hex");
-      this.setState({ hsva: a, backgroundColor: rt(a.h), rgba: Ke(s), hex: l });
+      const i = Ne(s, "hex");
+      this.setState({ hsva: a, backgroundColor: rt(a.h), rgba: Ke(s), hex: i });
     } else
-      os(this.state.guid, s, a);
+      cs(this.state.guid, s, a);
     this.dispatchChangeEvent(s, t, e);
   }
   /**
@@ -1413,8 +1413,8 @@ const ks = "rgba", Ha = "rgba(255, 255, 255, 1)", la = class extends n.Component
    */
   static getStateFromValue(a, t) {
     ae(Ne(a, "hex")) || (a = Ha);
-    const e = hs(t, a) || Dt(a), s = ps(t, a) || Ke(a), l = fs(t, a) || Ne(a, "hex"), i = rt(e.h);
-    return { hsva: e, backgroundColor: i, rgba: s, hex: l };
+    const e = ps(t, a) || Ot(a), s = ms(t, a) || Ke(a), i = hs(t, a) || Ne(a, "hex"), l = rt(e.h);
+    return { hsva: e, backgroundColor: l, rgba: s, hex: i };
   }
   /**
    * @hidden
@@ -1448,7 +1448,7 @@ const ks = "rgba", Ha = "rgba(255, 255, 255, 1)", la = class extends n.Component
         "aria-disabled": this.props.disabled ? "true" : void 0,
         style: this.props.style,
         ref: (e) => this.wrapper = e,
-        tabIndex: ie(this.props.tabIndex, this.props.disabled),
+        tabIndex: re(this.props.tabIndex, this.props.disabled),
         "aria-label": this.props.ariaLabel,
         "aria-labelledby": this.props.ariaLabelledBy,
         "aria-describedby": this.props.ariaDescribedBy,
@@ -1471,14 +1471,14 @@ const ks = "rgba", Ha = "rgba(255, 255, 255, 1)", la = class extends n.Component
           this.renderRectangleDragHandle()
         )
       ), this.props.backgroundColor && !this.state.isFirstRender && /* @__PURE__ */ n.createElement(
-        vs,
+        ks,
         {
           metrics: this.gradientWrapper ? this.getGradientRectMetrics() : void 0,
           hsva: this.state.hsva,
           backgroundColor: this.props.backgroundColor
         }
       )), /* @__PURE__ */ n.createElement("div", { className: "k-hsv-controls k-hstack" }, /* @__PURE__ */ n.createElement(
-        ia,
+        oa,
         {
           value: this.state.hsva.h,
           buttons: !1,
@@ -1489,10 +1489,10 @@ const ks = "rgba", Ha = "rgba(255, 255, 255, 1)", la = class extends n.Component
           onChange: this.onHueSliderChange,
           className: "k-hue-slider k-colorgradient-slider",
           disabled: this.props.disabled,
-          ariaLabel: a.toLanguageString(Ut, $[Ut])
+          ariaLabel: a.toLanguageString(Wt, $[Wt])
         }
       ), this.props.opacity && /* @__PURE__ */ n.createElement(
-        ia,
+        oa,
         {
           value: ae(this.state.hsva.a) ? this.state.hsva.a * 100 : 100,
           buttons: !1,
@@ -1500,7 +1500,7 @@ const ks = "rgba", Ha = "rgba(255, 255, 255, 1)", la = class extends n.Component
           min: 0,
           max: 100,
           step: 1,
-          ariaLabel: a.toLanguageString(jt, $[jt]),
+          ariaLabel: a.toLanguageString(Xt, $[Xt]),
           onChange: this.onAlphaSliderChange,
           className: "k-alpha-slider k-colorgradient-slider",
           disabled: this.props.disabled,
@@ -1508,7 +1508,7 @@ const ks = "rgba", Ha = "rgba(255, 255, 255, 1)", la = class extends n.Component
         }
       ))),
       /* @__PURE__ */ n.createElement(
-        ha,
+        ma,
         {
           rgba: this.state.rgba,
           onRgbaChange: this.onRgbaChange,
@@ -1529,7 +1529,7 @@ const ks = "rgba", Ha = "rgba(255, 255, 255, 1)", la = class extends n.Component
     );
   }
 };
-let vt = la;
+let vt = ca;
 vt.displayName = "ColorGradient";
 vt.propTypes = {
   defaultValue: r.string,
@@ -1553,9 +1553,9 @@ vt.defaultProps = {
   role: "textbox",
   format: "rgb"
 };
-const ys = he(), pa = et(Ue(ys, vt));
-pa.displayName = "KendoReactColorGradient";
-class Cs {
+const Cs = he(), ga = et(Ue(Cs, vt));
+ga.displayName = "KendoReactColorGradient";
+class xs {
   constructor() {
     this.colorRows = [];
   }
@@ -1563,8 +1563,8 @@ class Cs {
     if (this.colorRows = [], !!(ae(t) && t.length)) {
       e = e || t.length;
       for (let s = 0; s < t.length; s += e) {
-        const l = t.slice(s, e + s);
-        this.colorRows.push(l);
+        const i = t.slice(s, e + s);
+        this.colorRows.push(i);
       }
     }
   }
@@ -1573,10 +1573,10 @@ class Cs {
       return;
     const e = t && mt(t, !0), s = [t];
     ae(e) && s.push(e.toCss(), e.toCssRgba());
-    for (let l = 0; l < this.colorRows.length; l++)
-      for (let i = 0; i < this.colorRows[l].length; i++)
-        if (s.some((c) => c === this.colorRows[l][i]))
-          return { row: l, col: i };
+    for (let i = 0; i < this.colorRows.length; i++)
+      for (let l = 0; l < this.colorRows[i].length; l++)
+        if (s.some((c) => c === this.colorRows[i][l]))
+          return { row: i, col: l };
   }
   getColorAt(t) {
     if (ae(t) && ae(this.colorRows[t.row]))
@@ -1585,14 +1585,14 @@ class Cs {
   getNextCell(t, e, s) {
     if (!(ae(t) && ae(t.row) && ae(t.col)))
       return { row: 0, col: 0 };
-    const l = this.clampIndex(t.row + s, this.colorRows.length - 1), i = this.clampIndex(t.col + e, this.colorRows[l].length - 1);
-    return { row: l, col: i };
+    const i = this.clampIndex(t.row + s, this.colorRows.length - 1), l = this.clampIndex(t.col + e, this.colorRows[i].length - 1);
+    return { row: i, col: l };
   }
   clampIndex(t, e) {
     return t < 0 ? 0 : t > e ? e : t;
   }
 }
-const xs = {
+const Es = {
   basic: {
     colors: ["#000000", "#7f7f7f", "#880015", "#ed1c24", "#ff7f27", "#fff200", "#22b14c", "#00a2e8", "#3f48cc", "#a349a4", " ffffff", "#c3c3c3", "#b97a57", "#ffaec9", "#ffc90e", "#efe4b0", "#b5e61d", "#99d9ea", "#7092be", "#c8bfe7"],
     columns: 10
@@ -1688,25 +1688,25 @@ class kt extends n.Component {
    * @hidden
    */
   render() {
-    const t = this.getPaletteInfo(), e = this.paletteService = new Cs();
+    const t = this.getPaletteInfo(), e = this.paletteService = new xs();
     e.setColorMatrix(t.colors, t.columns);
-    const s = e.getCellCoordsFor(this.state.selectedColor), l = e.getCellCoordsFor(this.state.focusedColor), i = G("k-colorpalette", { "k-disabled": this.props.disabled }, this.props.className);
+    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(
       "div",
       {
         id: this.props.id,
         role: "grid",
-        className: i,
+        className: l,
         onFocus: this.onFocus,
         onBlur: this.onBlur,
         onKeyDown: this.onKeyDown,
         "aria-disabled": this.props.ariaDisabled || (this.props.disabled ? "true" : void 0),
         "aria-labelledby": this.props.ariaLabelledBy,
         "aria-describedby": this.props.ariaDescribedBy,
-        tabIndex: ie(this.props.tabIndex, this.props.disabled),
+        tabIndex: re(this.props.tabIndex, this.props.disabled),
         ref: (c) => this.wrapper = c
       },
-      /* @__PURE__ */ n.createElement("table", { className: "k-colorpalette-table", role: "presentation" }, /* @__PURE__ */ n.createElement("tbody", { role: "rowgroup" }, this.renderRows(e.colorRows, s, l)))
+      /* @__PURE__ */ n.createElement("table", { className: "k-colorpalette-table", role: "presentation" }, /* @__PURE__ */ n.createElement("tbody", { role: "rowgroup" }, this.renderRows(e.colorRows, s, i)))
     ) : "";
   }
   /**
@@ -1748,7 +1748,7 @@ class kt extends n.Component {
   }
   getPaletteInfo() {
     if (typeof this.props.palette == "string") {
-      const t = xs[this.props.palette];
+      const t = Es[this.props.palette];
       return ae(t) ? {
         colors: t.colors,
         columns: this.props.columns || t.columns || Ga
@@ -1757,16 +1757,16 @@ class kt extends n.Component {
       return { colors: this.props.palette || [], columns: this.props.columns || Ga };
   }
   renderRows(t, e, s) {
-    return t.map((l, i) => /* @__PURE__ */ n.createElement("tr", { role: "row", key: i }, this.renderColumns(l, i, e, s)));
+    return t.map((i, l) => /* @__PURE__ */ n.createElement("tr", { role: "row", key: l }, this.renderColumns(i, l, e, s)));
   }
-  renderColumns(t, e, s, l) {
-    const i = s !== void 0 && s.row === e, c = s && s.col, o = l !== void 0 && l.row === e, f = l && l.col, d = typeof this.props.tileSize != "number" ? this.props.tileSize : { width: this.props.tileSize, height: this.props.tileSize }, m = d.width + "px", u = d.height + "px";
-    return t.map((h, y) => {
-      const M = i && c === y, D = G(
+  renderColumns(t, e, s, i) {
+    const l = s !== void 0 && s.row === e, c = s && s.col, o = i !== void 0 && i.row === e, p = i && i.col, d = typeof this.props.tileSize != "number" ? this.props.tileSize : { width: this.props.tileSize, height: this.props.tileSize }, m = d.width + "px", u = d.height + "px";
+    return t.map((f, y) => {
+      const N = l && c === y, D = G(
         "k-colorpalette-tile",
         {
-          "k-selected": M,
-          "k-focus": o && f === y
+          "k-selected": N,
+          "k-focus": o && p === y
         }
       );
       return /* @__PURE__ */ n.createElement(
@@ -1774,10 +1774,10 @@ class kt extends n.Component {
         {
           role: "gridcell",
           className: D,
-          "aria-label": h,
-          "aria-selected": M ? !0 : this.props.disabled ? void 0 : !1,
-          style: { backgroundColor: h, width: m, height: u, minWidth: m },
-          onClick: (N) => this.onColorClick(h, N),
+          "aria-label": f,
+          "aria-selected": N ? !0 : this.props.disabled ? void 0 : !1,
+          style: { backgroundColor: f, width: m, height: u, minWidth: m },
+          onClick: (V) => this.onColorClick(f, V),
           id: this.createCellId({ row: e, col: y }),
           key: y
         }
@@ -1808,18 +1808,18 @@ kt.defaultProps = {
   palette: xn,
   tileSize: Cn
 };
-const Es = he(), ma = et(Ue(Es, kt));
-ma.displayName = "KendoReactColorPalette";
-const Ss = "bottom", ws = "top", En = (a) => {
+const Ss = he(), ba = et(Ue(Ss, kt));
+ba.displayName = "KendoReactColorPalette";
+const ws = "bottom", Is = "top", En = (a) => {
   const t = a.popupSettings || {}, e = a.dir === "rtl" ? "right" : "left", s = n.useMemo(
-    () => ({ horizontal: e, vertical: Ss }),
-    [e]
-  ), l = n.useMemo(
     () => ({ horizontal: e, vertical: ws }),
     [e]
+  ), i = n.useMemo(
+    () => ({ horizontal: e, vertical: Is }),
+    [e]
   );
   return /* @__PURE__ */ n.createElement(n.Fragment, null, a.input, a.button, /* @__PURE__ */ n.createElement(
-    An,
+    $n,
     {
       style: {
         ...(t || {}).style,
@@ -1828,7 +1828,7 @@ const Ss = "bottom", ws = "top", En = (a) => {
       ...t,
       anchor: a.popupAnchor,
       anchorAlign: s,
-      popupAlign: l,
+      popupAlign: i,
       show: a.open,
       onOpen: a.onOpen,
       onClose: a.onClose,
@@ -1838,33 +1838,33 @@ const Ss = "bottom", ws = "top", En = (a) => {
   ));
 };
 En.displayName = "KendoPickerComponent";
-const Is = {
+const Ls = {
   opacity: !0
-}, Ls = {
+}, Rs = {
   palette: xn,
   tileSize: Cn
-}, Bt = (a) => a !== void 0, Rs = he(), ga = n.forwardRef((a, t) => {
+}, Ft = (a) => a !== void 0, Vs = he(), va = n.forwardRef((a, t) => {
   pe(me);
-  const e = Re(Rs, a), s = _e(), {
-    size: l = dt.size,
-    rounded: i = dt.rounded,
+  const e = Re(Vs, a), s = _e(), {
+    size: i = dt.size,
+    rounded: l = dt.rounded,
     fillMode: c = dt.fillMode,
     popupSettings: o,
-    gradientSettings: f,
+    gradientSettings: p,
     paletteSettings: d,
     valid: m,
     disabled: u,
-    tabIndex: h,
+    tabIndex: f,
     view: y,
-    icon: M,
+    icon: N,
     svgIcon: D,
-    iconClassName: N,
+    iconClassName: V,
     onChange: L,
     onFocus: S,
     onBlur: w,
     onActiveColorClick: B,
     className: O
-  } = e, I = n.useRef(null), F = n.useRef(null), _ = n.useRef(null), T = n.useRef(), E = n.useRef(null), [V, H] = n.useState(!1), [q, Z] = n.useState(e.defaultValue), [p, v] = n.useState(!1), g = Bt(e.value), k = Bt(e.open), C = g ? e.value : q, P = k ? e.open : p, j = n.useCallback(
+  } = e, I = n.useRef(null), F = n.useRef(null), _ = n.useRef(null), T = n.useRef(), E = n.useRef(null), [M, H] = n.useState(!1), [q, Z] = n.useState(e.defaultValue), [h, v] = n.useState(!1), g = Ft(e.value), k = Ft(e.open), C = g ? e.value : q, P = k ? e.open : h, j = n.useCallback(
     () => {
       I.current && I.current.focus();
     },
@@ -1923,20 +1923,20 @@ const Is = {
       });
     },
     [S]
-  ), le = n.useCallback(
+  ), ie = n.useCallback(
     () => {
       J(!1, !0), H(!1), T.current = void 0;
     },
     []
   ), Ee = n.useCallback(
     (A) => {
-      clearTimeout(T.current), T.current = window.setTimeout(le), w && w.call(void 0, {
+      clearTimeout(T.current), T.current = window.setTimeout(ie), w && w.call(void 0, {
         nativeEvent: A.nativeEvent,
         syntheticEvent: A
       });
     },
     [w]
-  ), oe = n.useCallback(
+  ), le = n.useCallback(
     (A, xe) => {
       const ve = xe ? A.rgbaValue : A.value;
       g || Z(ve), xe && J(!1), L && L.call(void 0, {
@@ -1946,9 +1946,9 @@ const Is = {
       });
     },
     [g, L]
-  ), ce = n.useCallback(
-    (A) => oe(A, !0),
-    [Bt, oe]
+  ), oe = n.useCallback(
+    (A) => le(A, !0),
+    [Ft, le]
   ), be = Ae(I, e.dir), He = m !== !1;
   return /* @__PURE__ */ n.createElement(
     "span",
@@ -1966,17 +1966,17 @@ const Is = {
         "k-picker",
         "k-icon-picker",
         {
-          [`k-picker-${ne.sizeMap[l] || l}`]: l,
+          [`k-picker-${ne.sizeMap[i] || i}`]: i,
           [`k-picker-${c}`]: c,
-          [`k-rounded-${ne.roundedMap[i] || i}`]: i,
+          [`k-rounded-${ne.roundedMap[l] || l}`]: l,
           "k-invalid": !He,
           "k-disabled": u,
-          "k-focus": V,
+          "k-focus": M,
           className: O
         }
       ),
       ref: I,
-      tabIndex: ie(h, u),
+      tabIndex: re(f, u),
       title: e.title,
       onKeyDown: R,
       onFocus: ee,
@@ -1999,12 +1999,12 @@ const Is = {
               "k-color-preview",
               {
                 "k-no-color": !C,
-                "k-icon-color-preview": M || D || N
+                "k-icon-color-preview": N || D || V
               }
             )
           },
-          N && /* @__PURE__ */ n.createElement("span", { className: G("k-color-preview-icon", N) }),
-          !N && (M || D) && /* @__PURE__ */ n.createElement(fe, { name: M, icon: D }),
+          V && /* @__PURE__ */ n.createElement("span", { className: G("k-color-preview-icon", V) }),
+          !V && (N || D) && /* @__PURE__ */ n.createElement(fe, { name: N, icon: D }),
           /* @__PURE__ */ n.createElement("span", { className: "k-color-preview-mask", style: { backgroundColor: C } })
         )),
         button: /* @__PURE__ */ n.createElement(
@@ -2017,32 +2017,32 @@ const Is = {
             rounded: null,
             icon: "caret-alt-down",
             svgIcon: ht,
-            "aria-label": s.toLanguageString(Qt, $[Qt])
+            "aria-label": s.toLanguageString(ta, $[ta])
           }
         ),
         content: /* @__PURE__ */ n.createElement(n.Fragment, null, (y === "combo" || y === "gradient") && /* @__PURE__ */ n.createElement(
-          pa,
+          ga,
           {
-            ...f,
+            ...p,
             tabIndex: 0,
             ref: F,
             value: C,
-            onChange: oe
+            onChange: le
           }
         ), (y === "combo" || y === "palette") && /* @__PURE__ */ n.createElement(
-          ma,
+          ba,
           {
             ...d,
             ref: _,
             value: C,
-            onChange: ce
+            onChange: oe
           }
         ))
       }
     )
   );
 });
-ga.propTypes = {
+va.propTypes = {
   value: r.string,
   defaultValue: r.string,
   disabled: r.bool,
@@ -2050,7 +2050,7 @@ ga.propTypes = {
   dir: r.string,
   id: r.string,
   icon: r.string,
-  svgIcon: Ft,
+  svgIcon: zt,
   ariaLabelledBy: r.string,
   ariaDescribedBy: r.string,
   size: r.oneOf([null, "small", "medium", "large"]),
@@ -2063,18 +2063,18 @@ const dt = {
   rounded: "medium",
   fillMode: "solid",
   view: "palette",
-  gradientSettings: Is,
-  paletteSettings: Ls
+  gradientSettings: Ls,
+  paletteSettings: Rs
 };
-ga.defaultProps = dt;
-ga.displayName = "KendoColorPicker";
+va.defaultProps = dt;
+va.displayName = "KendoColorPicker";
 const Ka = "rgba(255, 255, 255, 1)", Sn = n.forwardRef((a, t) => {
   pe(me);
-  const e = n.useRef(null), s = n.useRef(null), l = n.useRef(null), { defaultValue: i = Ka, showButtons: c = !0, showPreview: o = !0, showClearButton: f = !0 } = a, [d, m] = n.useState((a.view || "ColorGradient") === "ColorGradient"), [u, h] = n.useState(a.value || i), [y, M] = n.useState(a.value || i), D = a.value !== void 0 ? a.value : y;
+  const e = n.useRef(null), s = n.useRef(null), i = n.useRef(null), { defaultValue: l = Ka, showButtons: c = !0, showPreview: o = !0, showClearButton: p = !0 } = a, [d, m] = n.useState((a.view || "ColorGradient") === "ColorGradient"), [u, f] = n.useState(a.value || l), [y, N] = n.useState(a.value || l), D = a.value !== void 0 ? a.value : y;
   n.useEffect(() => {
-    h(a.value || i);
-  }, [a.value, i]);
-  const N = _e(), L = n.useCallback(
+    f(a.value || l);
+  }, [a.value, l]);
+  const V = _e(), L = n.useCallback(
     () => {
       e.current && e.current.focus();
     },
@@ -2093,54 +2093,54 @@ const Ka = "rgba(255, 255, 255, 1)", Sn = n.forwardRef((a, t) => {
     [d]
   ), w = n.useCallback(
     (E) => {
-      if (h(i), a.onPreviewChange) {
-        const V = {
-          value: i,
+      if (f(l), a.onPreviewChange) {
+        const M = {
+          value: l,
           nativeEvent: E.nativeEvent,
           syntheticEvent: E
         };
-        a.onPreviewChange.call(void 0, V);
+        a.onPreviewChange.call(void 0, M);
       }
     },
-    [i, a.onPreviewChange]
+    [l, a.onPreviewChange]
   ), B = n.useCallback(
     (E) => {
-      if (h(E.value), a.onPreviewChange) {
-        const V = {
+      if (f(E.value), a.onPreviewChange) {
+        const M = {
           value: E.value,
           nativeEvent: E.nativeEvent,
           syntheticEvent: E.syntheticEvent
         };
-        a.onPreviewChange.call(void 0, V);
+        a.onPreviewChange.call(void 0, M);
       }
     },
     [a.onPreviewChange]
   ), O = n.useCallback(
     (E) => {
-      if (M(u), a.onChange) {
-        const V = {
+      if (N(u), a.onChange) {
+        const M = {
           value: u,
           nativeEvent: E.nativeEvent,
           syntheticEvent: E
         };
-        a.onChange.call(void 0, V);
+        a.onChange.call(void 0, M);
       }
     },
     [u, a.onChange]
   ), I = n.useCallback(
     () => {
-      M(Ka);
+      N(Ka);
     },
     []
   ), F = n.useCallback(
     (E) => {
-      if (h(y), a.onPreviewChange) {
-        const V = {
+      if (f(y), a.onPreviewChange) {
+        const M = {
           value: y,
           nativeEvent: E.nativeEvent,
           syntheticEvent: E
         };
-        a.onPreviewChange.call(void 0, V);
+        a.onPreviewChange.call(void 0, M);
       }
     },
     [y, a.onPreviewChange]
@@ -2152,7 +2152,7 @@ const Ka = "rgba(255, 255, 255, 1)", Sn = n.forwardRef((a, t) => {
   ), T = n.useCallback(
     (E) => {
       var H;
-      if ((!E.relatedTarget || !((H = s.current) != null && H.contains(E.relatedTarget))) && (c || M(u), !c && a.onChange)) {
+      if ((!E.relatedTarget || !((H = s.current) != null && H.contains(E.relatedTarget))) && (c || N(u), !c && a.onChange)) {
         const q = {
           value: u,
           nativeEvent: E.nativeEvent,
@@ -2173,7 +2173,7 @@ const Ka = "rgba(255, 255, 255, 1)", Sn = n.forwardRef((a, t) => {
       "aria-disabled": a.disabled ? "true" : void 0,
       style: a.style,
       ref: s,
-      tabIndex: ie(a.tabIndex, a.disabled),
+      tabIndex: re(a.tabIndex, a.disabled),
       className: G(
         "k-flatcolorpicker k-coloreditor",
         {
@@ -2183,53 +2183,53 @@ 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(_n, { 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(An, { className: "k-button-group-flat" }, /* @__PURE__ */ n.createElement(
       ge,
       {
         type: "button",
-        "aria-label": N.toLanguageString(
-          Xt,
-          $[Xt]
+        "aria-label": V.toLanguageString(
+          Zt,
+          $[Zt]
         ),
         togglable: !0,
         fillMode: "flat",
         selected: d,
         onClick: () => S("ColorGradient"),
         icon: "droplet-slider",
-        svgIcon: Fn
+        svgIcon: Tn
       }
     ), /* @__PURE__ */ n.createElement(
       ge,
       {
         type: "button",
-        "aria-label": N.toLanguageString(
-          Yt,
-          $[Yt]
+        "aria-label": V.toLanguageString(
+          Jt,
+          $[Jt]
         ),
         togglable: !0,
         fillMode: "flat",
         selected: !d,
         onClick: () => S("ColorPalette"),
         icon: "palette",
-        svgIcon: Tn
+        svgIcon: zn
       }
-    ))), /* @__PURE__ */ n.createElement("div", { className: "k-spacer" }), /* @__PURE__ */ n.createElement("div", { className: "k-coloreditor-header-actions k-hstack" }, f && /* @__PURE__ */ n.createElement(
+    ))), /* @__PURE__ */ n.createElement("div", { className: "k-spacer" }), /* @__PURE__ */ n.createElement("div", { className: "k-coloreditor-header-actions k-hstack" }, p && /* @__PURE__ */ n.createElement(
       ge,
       {
         type: "button",
         fillMode: "flat",
         onClick: w,
-        "aria-label": N.toLanguageString(
-          Zt,
-          $[Zt]
+        "aria-label": V.toLanguageString(
+          Qt,
+          $[Qt]
         ),
         icon: "droplet-slash",
-        svgIcon: zn
+        svgIcon: _n
       }
     ), 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: u } }), /* @__PURE__ */ n.createElement("span", { className: "k-coloreditor-current-color k-color-preview", style: { background: y }, onClick: F })))), /* @__PURE__ */ n.createElement("div", { className: "k-coloreditor-views k-vstack" }, d ? /* @__PURE__ */ n.createElement(
-      pa,
+      ga,
       {
-        ref: l,
+        ref: i,
         role: "none",
         tabIndex: -1,
         ariaLabel: void 0,
@@ -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(ma, { ariaDisabled: !0, ariaLabelledBy: "required_label", value: u, onChange: B, onFocus: _ })), 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: I }, $[on]), /* @__PURE__ */ n.createElement(ge, { type: "button", className: "k-coloreditor-apply k-primary", onClick: O }, $[cn])))
+    ) : /* @__PURE__ */ n.createElement(ba, { ariaDisabled: !0, ariaLabelledBy: "required_label", value: u, onChange: B, onFocus: _ })), 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: I }, $[on]), /* @__PURE__ */ n.createElement(ge, { type: "button", className: "k-coloreditor-apply k-primary", onClick: O }, $[cn])))
   );
-}), Vs = {
+}), Ms = {
   id: r.string,
   style: r.any,
   className: r.string,
@@ -2262,7 +2262,7 @@ const Ka = "rgba(255, 255, 255, 1)", Sn = n.forwardRef((a, t) => {
   showButtons: r.bool
 };
 Sn.displayName = "KendoFlatColorPicker";
-Sn.propTypes = Vs;
+Sn.propTypes = Ms;
 var Pe = /* @__PURE__ */ ((a) => (a[a.Literal = 0] = "Literal", a[a.Mask = 1] = "Mask", a[a.Undefined = 2] = "Undefined", a))(Pe || {});
 class Y {
   constructor(t, e, s = 2) {
@@ -2280,7 +2280,7 @@ class Y {
     return t(this.value, this.rest);
   }
   concat(t) {
-    return this.map((e, s) => t.chain((l, i) => e.concat([l])));
+    return this.map((e, s) => t.chain((i, l) => e.concat([i])));
   }
   toString() {
     return `Result({ value: '${this.value}', rest: ${this.rest} })`;
@@ -2316,7 +2316,7 @@ class qa {
     this.inputCursor++, this.controlCursor++;
   }
 }
-const Ua = (a) => (a || "").split(""), Ms = "\\";
+const Ua = (a) => (a || "").split(""), Ns = "\\";
 class Ce {
   constructor(t) {
     this.parse = t;
@@ -2330,63 +2330,63 @@ class Ce {
   }
   // chain :: Chain m => m a ~> (a -> m b) -> m b
   chain(t) {
-    return new Ce((e) => this.parse(e).chain((s, l) => t(s).run(l)));
+    return new Ce((e) => this.parse(e).chain((s, i) => t(s).run(i)));
   }
   isLiteral(t) {
     return this.run(t).type === Pe.Literal;
   }
 }
-const Ns = (a) => (t) => new Ce((e) => {
-  const { prompt: s, promptPlaceholder: l } = a;
+const Ps = (a) => (t) => new Ce((e) => {
+  const { prompt: s, promptPlaceholder: i } = a;
   for (; !e.eof(); ) {
-    const { char: i, control: c } = e.peek();
-    if (i === c && c === s)
+    const { char: l, control: c } = e.peek();
+    if (l === c && c === s)
       return e.eat(), new Y(s, e, Pe.Mask);
-    if (t.test(i))
-      return e.eat(), new Y(i, e, Pe.Mask);
-    if (i === l)
+    if (t.test(l))
+      return e.eat(), new Y(l, e, Pe.Mask);
+    if (l === i)
       return e.eat(), new Y(s, e, Pe.Mask);
     e.eat_input();
   }
   return e.eat(), new Y(s, e, Pe.Mask);
-}), Ps = (a) => new Ce((t) => t.peek().char === a ? (t.eat(), new Y(a, t, Pe.Literal)) : new Y(a, t, Pe.Literal)), Ds = (a) => (t) => new Ce((e) => {
+}), Ds = (a) => new Ce((t) => t.peek().char === a ? (t.eat(), new Y(a, t, Pe.Literal)) : new Y(a, t, Pe.Literal)), Bs = (a) => (t) => new Ce((e) => {
   for (; !e.eof(); ) {
-    const { char: s, control: l } = e.peek();
-    if (s === a && l === a)
+    const { char: s, control: i } = e.peek();
+    if (s === a && i === a)
       return e.eat(), new Y(s, e);
     if (t.test(s))
       return e.eat(), new Y(s, e);
     e.eat_input();
   }
   return e.eat(), new Y("", e);
-}), Bs = (a) => new Ce((t) => {
+}), Os = (a) => new Ce((t) => {
   if (t.eof())
     return new Y("", t);
   const { char: e } = t.peek();
   return e === a && t.eat(), new Y(a, t);
 }), ot = (a, t) => new Ce((e) => {
   let { char: s } = e.next();
-  const l = a[s];
-  return s === Ms ? (s = e.next().char, new Y(t.literal(s), e)) : l ? new Y(t.mask(l), e) : new Y(t.literal(s), e);
+  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 Ce((t) => {
   const { prompt: e, promptPlaceholder: s } = a;
-  let { char: l } = t.next();
-  return l === e ? new Y(s, t) : new Y(l, t);
+  let { char: i } = t.next();
+  return i === e ? new Y(s, t) : new Y(i, t);
 }), Wa = (a) => new Ce((t) => {
   let { char: e } = t.next();
   return a ? new Y(e, t) : new Y("", t);
-}), Os = (a) => new Ce((t) => new Y(a, t)), Fs = (a, t) => a.chain((e) => t.map((s) => e.concat([s]))), Oe = (a) => a.reduce((t, e) => Fs(t, e), Os([])), ct = (a) => new Ce((t) => {
+}), Fs = (a) => new Ce((t) => new Y(a, t)), Ts = (a, t) => a.chain((e) => t.map((s) => e.concat([s]))), Oe = (a) => a.reduce((t, e) => Ts(t, e), Fs([])), ct = (a) => new Ce((t) => {
   let e = new Y([], t);
   for (; !t.eof(); )
     e = e.concat(a.run(t));
   return e;
 });
-class Ts {
+class zs {
   constructor() {
     this.rules = {}, this.prompt = "_", this.mask = "", this.promptPlaceholder = " ", this.includeLiterals = !1, this.maskTokens = [], this.unmaskTokens = [], this.rawTokens = [], this.validationTokens = [];
   }
-  update({ mask: t = "", prompt: e = "", promptPlaceholder: s = " ", rules: l = {}, includeLiterals: i = !1 }) {
-    this.mask = t, this.prompt = e, this.promptPlaceholder = s, this.rules = l, this.includeLiterals = i, this.tokenize();
+  update({ mask: t = "", prompt: e = "", promptPlaceholder: s = " ", rules: i = {}, includeLiterals: l = !1 }) {
+    this.mask = t, this.prompt = e, this.promptPlaceholder = s, this.rules = i, this.includeLiterals = l, this.tokenize();
   }
   validationValue(t = "") {
     let e = t;
@@ -2412,24 +2412,24 @@ class Ts {
   maskInput(t, e, s) {
     return t.length < e.length ? this.maskRemoved(t, e, s) : this.maskInserted(t, e, s);
   }
-  maskInRange(t, e, s, l) {
-    let i = "", c = l;
-    const o = e.split("").slice(0, s), f = e.split("").slice(l);
-    return Oe(this.maskTokens.slice(s, l)).run(t).fold((d) => {
-      i = o.concat(d).concat(f).join("");
+  maskInRange(t, e, s, i) {
+    let l = "", c = i;
+    const o = e.split("").slice(0, s), p = e.split("").slice(i);
+    return Oe(this.maskTokens.slice(s, i)).run(t).fold((d) => {
+      l = o.concat(d).concat(p).join("");
     }), {
       selection: c,
-      value: i
+      value: l
     };
   }
   maskRemoved(t, e, s) {
-    let l = "", i = s;
-    const c = t.split("").slice(s), o = t.split("").slice(0, s).join(""), f = this.maskTokens.length - (t.length - s);
-    return Oe(this.maskTokens.slice(0, f)).run(o, e).fold((d) => {
-      i = this.adjustPosition(d, i), l = d.concat(c).join("");
+    let i = "", l = s;
+    const c = t.split("").slice(s), o = t.split("").slice(0, s).join(""), p = this.maskTokens.length - (t.length - s);
+    return Oe(this.maskTokens.slice(0, p)).run(o, e).fold((d) => {
+      l = this.adjustPosition(d, l), i = d.concat(c).join("");
     }), {
-      selection: i,
-      value: l
+      selection: l,
+      value: i
     };
   }
   adjustPosition(t, e) {
@@ -2437,37 +2437,37 @@ class Ts {
     return !this.maskTokens[e].isLiteral(s) && s !== this.prompt ? e + 1 : e;
   }
   maskInserted(t, e, s) {
-    let l = "", i = s;
+    let i = "", l = s;
     const c = t.slice(0, s);
     return Oe(this.unmaskTokens).run(c, e).chain((o) => {
-      i = o.join("").length;
-      const f = e.slice(i);
-      return Oe(this.maskTokens).run(o.join("") + f, e);
+      l = o.join("").length;
+      const p = e.slice(l);
+      return Oe(this.maskTokens).run(o.join("") + p, e);
     }).fold((o) => {
-      l = o.join("");
+      i = o.join("");
     }), {
-      selection: i,
-      value: l
+      selection: l,
+      value: i
     };
   }
   get maskTokenCreator() {
     const { prompt: t, promptPlaceholder: e } = this;
     return {
-      literal: (s) => Ps(s),
-      mask: (s) => Ns({ prompt: t, promptPlaceholder: e })(s)
+      literal: (s) => Ds(s),
+      mask: (s) => Ps({ prompt: t, promptPlaceholder: e })(s)
     };
   }
   get unmaskTokenCreator() {
     return {
-      literal: (t) => Bs(t),
-      mask: (t) => Ds(this.prompt)(t)
+      literal: (t) => Os(t),
+      mask: (t) => Bs(this.prompt)(t)
     };
   }
   get rawTokenCreator() {
     const { prompt: t, promptPlaceholder: e, includeLiterals: s } = this;
     return {
-      literal: (l) => Wa(s),
-      mask: (l) => ja({ prompt: t, promptPlaceholder: e })
+      literal: (i) => Wa(s),
+      mask: (i) => ja({ prompt: t, promptPlaceholder: e })
     };
   }
   get validationTokenCreator() {
@@ -2499,7 +2499,7 @@ const wn = {
   C: /./,
   L: /[a-zA-Z]/,
   a: /[a-zA-Z0-9\s]/
-}, Xa = () => !1, zs = (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) => {
+}, 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) => {
   if (!!a != !!t)
     return !1;
   if (a === t || !a || !t)
@@ -2520,13 +2520,13 @@ const wn = {
   return e;
 }, Ve = class extends n.Component {
   constructor(a) {
-    super(a), this.state = {}, this._inputId = `k-${this.props.id}`, this._service = new Ts(), 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 zs(), 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;
       s !== e && (this._isPasted = !0, this._selection = [e || 0, s || 0]);
     }, this.onChangeHandler = (t) => {
-      const e = t.currentTarget, s = e.value, l = this._selection[0] || 0, i = this._selection[1] || 0;
+      const e = t.currentTarget, s = e.value, i = this._selection[0] || 0, l = this._selection[1] || 0;
       if (!this.props.mask) {
         this._isPasted = !1, this._selection = [null, null], this.triggerOnChange(s, t);
         return;
@@ -2535,8 +2535,8 @@ const wn = {
       let o;
       if (this._isPasted) {
         this._isPasted = !1;
-        const f = c.length - i, d = s.length - f;
-        o = this._service.maskInRange(s.slice(l, d), c, l, i);
+        const p = c.length - l, d = s.length - p;
+        o = this._service.maskInRange(s.slice(i, d), c, i, l);
       } else
         o = this._service.maskInput(s, c, e.selectionStart || 0);
       this._selection = [o.selection, o.selection], this.triggerOnChange(o.value, t);
@@ -2639,10 +2639,10 @@ const wn = {
   componentDidUpdate(a, t) {
     if (this.element && this.state.focused && t.focused) {
       let [e, s] = this._selection;
-      const l = a.selection, i = this.props.selection;
-      (!l && i || l && i && (l.start !== i.start || l.end !== i.end)) && (e = i.start, s = i.end), e !== null && s !== null && this.element.setSelectionRange(e, s);
+      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);
     }
-    zs(a, this.props) && this.updateService(), this.setValidity();
+    _s(a, this.props) && this.updateService(), this.setValidity();
   }
   /**
    * @hidden
@@ -2658,10 +2658,10 @@ const wn = {
       size: a = Ve.defaultProps.size,
       fillMode: t = Ve.defaultProps.fillMode,
       rounded: e = Ve.defaultProps.rounded
-    } = this.props, s = this.props.id || this._inputId, l = !this.validityStyles || this.validity.valid, i = this.props.style || {}, {
+    } = this.props, s = this.props.id || this._inputId, i = !this.validityStyles || this.validity.valid, l = this.props.style || {}, {
       prefix: c = Ve.defaultProps.prefix,
       suffix: o = Ve.defaultProps.suffix
-    } = this.props, [f] = qe(c), [d] = qe(o), m = /* @__PURE__ */ n.createElement(
+    } = this.props, [p] = qe(c), [d] = qe(o), m = /* @__PURE__ */ n.createElement(
       "span",
       {
         dir: this.props.dir,
@@ -2671,15 +2671,15 @@ const wn = {
             [`k-input-${ne.sizeMap[a] || a}`]: a,
             [`k-input-${t}`]: t,
             [`k-rounded-${ne.roundedMap[e] || e}`]: e,
-            "k-invalid": !l,
+            "k-invalid": !i,
             "k-required": this.required,
             "k-disabled": this.props.disabled
           },
           this.props.className
         ),
-        style: this.props.label ? i : { width: this.props.width, ...i }
+        style: this.props.label ? l : { width: this.props.width, ...l }
       },
-      /* @__PURE__ */ n.createElement(f, null),
+      /* @__PURE__ */ n.createElement(p, null),
       /* @__PURE__ */ n.createElement(
         "input",
         {
@@ -2695,7 +2695,7 @@ const wn = {
           "aria-describedby": this.props.ariaDescribedBy,
           "aria-placeholder": this.props.mask,
           name: this.props.name,
-          tabIndex: ie(this.props.tabIndex, this.props.disabled, !0),
+          tabIndex: re(this.props.tabIndex, this.props.disabled, !0),
           accessKey: this.props.accessKey,
           title: this.props.title,
           disabled: this.props.disabled || void 0,
@@ -2713,12 +2713,12 @@ const wn = {
       /* @__PURE__ */ n.createElement(d, null)
     );
     return this.props.label ? /* @__PURE__ */ n.createElement(
-      ua,
+      ha,
       {
         label: this.props.label,
         editorId: s,
         editorValue: this.value,
-        editorValid: l,
+        editorValid: i,
         editorDisabled: this.props.disabled,
         editorPlaceholder: this.props.placeholder,
         children: m,
@@ -2787,7 +2787,7 @@ yt.propTypes = {
   mask: r.string,
   rules: function(a, t, e) {
     const s = a.rules;
-    return s !== void 0 && !Object.entries(s).some((i) => typeof i != "string" || !(s[i] instanceof RegExp)) ? new Error(
+    return s !== void 0 && !Object.entries(s).some((l) => typeof l != "string" || !(s[l] instanceof RegExp)) ? new Error(
       "Invalid prop `" + t + "` supplied to `" + e + "`. Validation failed."
     ) : null;
   },
@@ -2820,10 +2820,10 @@ yt.defaultProps = {
   rounded: "medium",
   fillMode: "solid"
 };
-const As = he(), $s = et(Ue(As, yt));
-$s.displayName = "KendoReactMaskedTextBox";
+const $s = he(), Hs = et(Ue($s, yt));
+Hs.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 Hs = (a, t) => {
+const Gs = (a, t) => {
   let e, s;
   switch (t.type) {
     case "start":
@@ -2899,26 +2899,26 @@ const Hs = (a, t) => {
       break;
   }
   return e;
-}, Gs = (a, t, e) => {
-  const [s, l] = n.useState(a), i = n.useCallback(
+}, Ks = (a, t, e) => {
+  const [s, i] = n.useState(a), l = n.useCallback(
     (c) => {
-      const o = Hs(t.state || s, { ...c, ...t });
-      e && e(o, c.event), l(o);
+      const o = Gs(t.state || s, { ...c, ...t });
+      e && e(o, c.event), i(o);
     },
     [t, e]
   );
-  return [s, i];
-}, Ks = he(), ba = n.forwardRef((a, t) => {
+  return [s, l];
+}, qs = he(), ka = n.forwardRef((a, t) => {
   pe(me);
-  const e = Re(Ks, a), s = n.useRef(null), l = n.useRef(null), i = n.useRef(null), c = n.useRef(null), o = n.useRef(null), f = n.useCallback(
+  const e = Re(qs, a), s = n.useRef(null), i = n.useRef(null), l = n.useRef(null), c = n.useRef(null), o = n.useRef(null), p = n.useCallback(
     () => {
       c.current && c.current.focus();
     },
     [c]
   );
   n.useImperativeHandle(s, () => ({
-    element: l.current,
-    focus: f,
+    element: i.current,
+    focus: p,
     props: e
   })), n.useImperativeHandle(t, () => s.current);
   const d = n.useMemo(
@@ -2930,13 +2930,13 @@ const Hs = (a, t) => {
   ), u = n.useMemo(
     () => e.step !== void 0 ? e.step : ut.step,
     [e.step, ut.step]
-  ), h = Ae(l, e.dir), y = (g, k) => {
+  ), f = Ae(i, e.dir), y = (g, k) => {
     e.onChange && s.current && e.onChange.call(void 0, {
       value: g,
       target: s.current,
       syntheticEvent: k
     });
-  }, [M, D] = n.useState(""), [N, L] = Gs(
+  }, [N, D] = n.useState(""), [V, L] = Ks(
     e.defaultValue || ut.defaultValue,
     {
       min: d,
@@ -2946,8 +2946,8 @@ const Hs = (a, t) => {
     },
     y
   ), S = n.useMemo(
-    () => e.value || N,
-    [e.value, N]
+    () => e.value || V,
+    [e.value, V]
   ), w = n.useRef(null), B = n.useRef(null), O = n.useMemo(
     () => (S.start - d) / (m - d) * 100,
     [S.start, d, m]
@@ -2964,25 +2964,25 @@ const Hs = (a, t) => {
     (g) => {
       if (!B.current)
         return;
-      const k = B.current.getBoundingClientRect(), C = e.vertical ? k.bottom - g.clientY : h === "rtl" ? k.right - g.clientX : g.clientX - k.left, P = e.vertical ? k.height : k.width, j = C / P;
+      const k = B.current.getBoundingClientRect(), C = e.vertical ? k.bottom - g.clientY : f === "rtl" ? k.right - g.clientX : g.clientX - k.left, P = e.vertical ? k.height : k.width, j = C / P;
       return d + j * (m - d);
     },
     [
       B,
       e.vertical,
-      h,
+      f,
       d,
       m,
-      N.start,
-      N.end,
+      V.start,
+      V.end,
       e.value && e.value.start,
       e.value && e.value.end
     ]
-  ), V = n.useCallback(
+  ), M = n.useCallback(
     (g) => g <= S.start ? "start" : g >= S.end ? "end" : 2 * g < S.end + S.start ? "start" : "end",
     [
-      N.start,
-      N.end,
+      V.start,
+      V.end,
       e.value && e.value.start,
       e.value && e.value.end
     ]
@@ -2990,13 +2990,13 @@ const Hs = (a, t) => {
     (g) => {
       switch (g.keyCode) {
         case z.right:
-          g.preventDefault(), L({ type: h === "rtl" ? X.decrease : X.increase, key: "start", event: g });
+          g.preventDefault(), L({ type: f === "rtl" ? X.decrease : X.increase, key: "start", event: g });
           break;
         case z.up:
           g.preventDefault(), L({ type: X.increase, key: "start", event: g });
           break;
         case z.left:
-          g.preventDefault(), L({ type: h === "rtl" ? X.increase : X.decrease, key: "start", event: g });
+          g.preventDefault(), L({ type: f === "rtl" ? X.increase : X.decrease, key: "start", event: g });
           break;
         case z.down:
           g.preventDefault(), L({ type: X.decrease, key: "start", event: g });
@@ -3014,13 +3014,13 @@ const Hs = (a, t) => {
     (g) => {
       switch (g.keyCode) {
         case z.right:
-          g.preventDefault(), L({ type: h === "rtl" ? X.decrease : X.increase, key: "end", event: g });
+          g.preventDefault(), L({ type: f === "rtl" ? X.decrease : X.increase, key: "end", event: g });
           break;
         case z.up:
           g.preventDefault(), L({ type: X.increase, key: "end", event: g });
           break;
         case z.left:
-          g.preventDefault(), L({ type: h === "rtl" ? X.increase : X.decrease, key: "end", event: g });
+          g.preventDefault(), L({ type: f === "rtl" ? X.increase : X.decrease, key: "end", event: g });
           break;
         case z.down:
           g.preventDefault(), L({ type: X.decrease, key: "end", event: g });
@@ -3033,33 +3033,33 @@ const Hs = (a, t) => {
           break;
       }
     },
-    [L, h]
+    [L, f]
   ), Z = n.useCallback(
     (g) => {
-      const k = E(g), C = V(k);
+      const k = E(g), C = M(k);
       D(C), C === "end" ? o.current.focus() : c.current.focus();
       const P = C === "end" ? X.end : X.start;
       L({ type: P, payload: k, event: g });
     },
     [e.vertical, d, m, L]
   );
-  return Pn(B, { onPress: Z, onDrag: (g) => {
-    const k = E(g), C = M === "end" ? X.end : X.start;
+  return Dn(B, { onPress: Z, onDrag: (g) => {
+    const k = E(g), C = N === "end" ? X.end : X.start;
     L({ type: C, payload: k, event: g });
   }, onRelease: (g) => {
-    const k = E(g), C = M === "end" ? X.end : X.start;
+    const k = E(g), C = N === "end" ? X.end : X.start;
     L({ type: C, payload: k, event: g }), D("");
   } }), /* @__PURE__ */ n.createElement(
     "div",
     {
       id: e.id,
       style: e.style,
-      ref: l,
-      dir: h,
+      ref: i,
+      dir: f,
       className: G(
         "k-slider",
         {
-          "k-rtl": h === "rtl",
+          "k-rtl": f === "rtl",
           "k-disabled": e.disabled,
           "k-slider-vertical": e.vertical,
           "k-slider-horizontal": !e.vertical
@@ -3099,17 +3099,17 @@ const Hs = (a, t) => {
         {
           ref: w,
           className: "k-slider-track",
-          style: e.vertical ? { bottom: 0, height: "100%" } : { [h === "rtl" ? "right" : "left"]: 0, width: "100%" }
+          style: e.vertical ? { bottom: 0, height: "100%" } : { [f === "rtl" ? "right" : "left"]: 0, width: "100%" }
         },
         O !== null && I !== null && /* @__PURE__ */ n.createElement(
           "div",
           {
             "data-selection": !0,
-            ref: i,
+            ref: l,
             title: `${S.start} - ${S.end}`,
             className: "k-slider-selection",
             style: e.vertical ? { height: I - O + "%", bottom: O + "%" } : {
-              [h === "rtl" ? "right" : "left"]: O + "%",
+              [f === "rtl" ? "right" : "left"]: O + "%",
               width: I - O + "%"
             }
           }
@@ -3119,7 +3119,7 @@ const Hs = (a, t) => {
           {
             ref: c,
             role: "slider",
-            tabIndex: ie(e.startTabIndex, e.disabled, void 0),
+            tabIndex: re(e.startTabIndex, e.disabled, void 0),
             "aria-valuemin": d,
             "aria-valuemax": Math.max(m, S.end),
             "aria-valuenow": S.start,
@@ -3127,7 +3127,7 @@ const Hs = (a, t) => {
             "aria-valuetext": `${S.start} - ${S.end}`,
             className: "k-draghandle",
             title: T.toLanguageString(Te, $[Te]),
-            style: e.vertical ? { bottom: "calc(" + O + "%)", zIndex: 1 } : h === "rtl" ? { right: "calc(" + O + "% - 13px)", zIndex: 1 } : { left: "calc(" + O + "%)", zIndex: 1 },
+            style: e.vertical ? { bottom: "calc(" + O + "%)", zIndex: 1 } : f === "rtl" ? { right: "calc(" + O + "% - 13px)", zIndex: 1 } : { left: "calc(" + O + "%)", zIndex: 1 },
             onKeyDown: H
           }
         ),
@@ -3136,7 +3136,7 @@ const Hs = (a, t) => {
           {
             ref: o,
             role: "slider",
-            tabIndex: ie(e.endTabIndex, e.disabled, void 0),
+            tabIndex: re(e.endTabIndex, e.disabled, void 0),
             "aria-valuemin": Math.min(d, S.start),
             "aria-valuemax": m,
             "aria-valuenow": S.end,
@@ -3144,18 +3144,18 @@ const Hs = (a, t) => {
             "aria-valuetext": `${S.start} - ${S.end}`,
             className: "k-draghandle",
             title: T.toLanguageString(Te, $[Te]),
-            style: e.vertical ? { bottom: "calc(" + I + "%)", zIndex: 1 } : h === "rtl" ? { right: "calc(" + I + "% - 13px)", zIndex: 1 } : { left: "calc(" + I + "%)", zIndex: 1 },
+            style: e.vertical ? { bottom: "calc(" + I + "%)", zIndex: 1 } : f === "rtl" ? { right: "calc(" + I + "% - 13px)", zIndex: 1 } : { left: "calc(" + I + "%)", zIndex: 1 },
             onKeyDown: q
           }
         )
       )
     )
   );
-}), qs = {
+}), Us = {
   value: (a, t, e) => {
     if (a.value) {
-      const s = a.value.start, l = a.value.end, i = a.min, c = a.max;
-      if (s > l || s > c || s < i || l > c || l < i || l < s)
+      const s = a.value.start, i = a.value.end, l = a.min, c = a.max;
+      if (s > i || s > c || s < l || i > c || i < l || i < s)
         return new Error(
           `Invalid prop + ${t} supplied to ${e}.
                     The { start, end } value must be between the min & max value and { start, end } must be start < end.
@@ -3166,8 +3166,8 @@ const Hs = (a, t) => {
   },
   defaultValue: (a, t, e) => {
     if (a.defaultValue) {
-      const s = a.defaultValue.start, l = a.defaultValue.end, i = a.min, c = a.max;
-      if (s > l || s > c || s < i || l > c || l < i || l < s)
+      const s = a.defaultValue.start, i = a.defaultValue.end, l = a.min, c = a.max;
+      if (s > i || s > c || s < l || i > c || i < l || i < s)
         return new Error(
           `Invalid prop + ${t} supplied to ${e}.
                     The { start, end } value must be between the min & max value and { start, end } must be start < end.
@@ -3179,24 +3179,24 @@ const Hs = (a, t) => {
   onChange: r.func,
   step: r.number,
   min: (a, t, e) => {
-    const s = a[t], l = a.min, i = a.max;
-    return l === void 0 ? new Error(
+    const s = a[t], i = a.min, l = a.max;
+    return i === void 0 ? new Error(
       `Invalid prop + ${t} supplied to ${e}.
                 ${t} value can not be undefined.
                 `
-    ) : s && l >= i ? new Error(
+    ) : s && i >= l ? new Error(
       `Invalid prop + ${t} supplied to ${e}.
                 ${t} value can not be equal to or bigger than the max value.
                 `
     ) : null;
   },
   max: (a, t, e) => {
-    const s = a[t], l = a.min, i = a.max;
-    return i === void 0 ? new Error(
+    const s = a[t], i = a.min, l = a.max;
+    return l === void 0 ? new Error(
       `Invalid prop + ${t} supplied to ${e}.
                 ${t} value can not be undefined.
                 `
-    ) : s && i <= l ? new Error(
+    ) : s && l <= i ? new Error(
       `Invalid prop + ${t} supplied to ${e}.
                 ${t} value can not be equal to or smaller than the min value.
                 `
@@ -3214,9 +3214,9 @@ const Hs = (a, t) => {
   vertical: !1,
   disabled: !1
 };
-ba.displayName = "KendoReactRangeSlider";
-ba.propTypes = qs;
-ba.defaultProps = ut;
+ka.displayName = "KendoReactRangeSlider";
+ka.propTypes = Us;
+ka.defaultProps = ut;
 const ft = class extends n.Component {
   /**
    * @hidden
@@ -3224,11 +3224,11 @@ const ft = class extends n.Component {
   constructor(a) {
     super(a), this.setValidity = () => {
       this._input && this._input.setCustomValidity && this._input.setCustomValidity(
-        this.validity.valid ? "" : this.props.validationMessage || this.defaultValidationMessage.toLanguageString(Jt, $[Jt])
+        this.validity.valid ? "" : this.props.validationMessage || this.defaultValidationMessage.toLanguageString(ea, $[ea])
       );
     }, this.limit = (t, e, s) => {
-      const l = s.offsetWidth, i = e.offsetWidth;
-      return t < 0 ? 0 : t > l - i ? l - i : t;
+      const i = s.offsetWidth, l = e.offsetWidth;
+      return t < 0 ? 0 : t > i - l ? i - l : t;
     }, this.toggle = (t, e) => {
       this.setState({ checked: t }), this.valueDuringOnChange = t, Q(this.props.onChange, e, this, { value: t }), this.valueDuringOnChange = void 0;
     }, this._element = null, this._wrapper = null, this._input = null, this._id = this.props.id, this.defaultValidationMessage = Je(this), this.focus = () => {
@@ -3329,12 +3329,12 @@ const ft = class extends n.Component {
    * @hidden
    */
   render() {
-    const { focused: a } = this.state, { dir: t, disabled: e, trackRounded: s, thumbRounded: l, size: i, offLabel: c, onLabel: o, tabIndex: f } = this.props;
+    const { focused: a } = this.state, { dir: t, disabled: e, trackRounded: s, thumbRounded: i, size: l, offLabel: c, onLabel: o, tabIndex: p } = this.props;
     this.dir = t || this.element && getComputedStyle(this.element).direction || void 0;
     const d = !this.validityStyles || this.validity.valid, m = G(
       "k-switch",
       {
-        [`k-switch-${ne.sizeMap[i] || i}`]: i,
+        [`k-switch-${ne.sizeMap[l] || l}`]: l,
         [`k-rounded-${ne.roundedMap[s] || s}`]: s,
         "k-switch-on": this.value,
         "k-switch-off": !this.value,
@@ -3353,8 +3353,8 @@ const ft = class extends n.Component {
     return /* @__PURE__ */ n.createElement(
       "span",
       {
-        ref: (h) => {
-          this._wrapper = h;
+        ref: (f) => {
+          this._wrapper = f;
         },
         role: "switch",
         ...u,
@@ -3364,7 +3364,7 @@ const ft = class extends n.Component {
         onClick: this.handleClick,
         onBlur: this.handleWrapperBlur,
         onFocus: this.handleWrapperFocus,
-        tabIndex: ie(f, e, void 0),
+        tabIndex: re(p, e, void 0),
         accessKey: this.props.accessKey,
         id: this.props.id || this._id
       },
@@ -3375,15 +3375,15 @@ const ft = class extends n.Component {
             "k-switch-track",
             { [`k-rounded-${ne.roundedMap[s] || s}`]: s }
           ),
-          ref: (h) => {
-            this._element = h;
+          ref: (f) => {
+            this._element = f;
           }
         },
         this.dummyInput(this.value),
         /* @__PURE__ */ n.createElement("span", { className: "k-switch-label-on" }, o),
         /* @__PURE__ */ n.createElement("span", { className: "k-switch-label-off" }, c)
       ),
-      /* @__PURE__ */ n.createElement("span", { className: "k-switch-thumb-wrap" }, /* @__PURE__ */ n.createElement("span", { className: G("k-switch-thumb", { [`k-rounded-${l}`]: l }) }))
+      /* @__PURE__ */ n.createElement("span", { className: "k-switch-thumb-wrap" }, /* @__PURE__ */ n.createElement("span", { className: G("k-switch-thumb", { [`k-rounded-${i}`]: i }) }))
     );
   }
 };
@@ -3426,25 +3426,25 @@ Ct.defaultProps = {
   required: !1,
   validityStyles: !0
 };
-const Us = he(), js = et(Ue(Us, Ct));
-js.displayName = "KendoReactSwitch";
-const Ws = he(), va = n.forwardRef((a, t) => {
+const js = he(), Ws = et(Ue(js, Ct));
+Ws.displayName = "KendoReactSwitch";
+const Xs = he(), ya = n.forwardRef((a, t) => {
   pe(me);
-  const e = Re(Ws, a), {
+  const e = Re(Xs, a), {
     ariaDescribedBy: s,
-    ariaLabelledBy: l,
-    checked: i,
+    ariaLabelledBy: i,
+    checked: l,
     className: c,
     labelClassName: o,
-    children: f,
+    children: p,
     defaultChecked: d,
     disabled: m,
     defaultValue: u,
-    id: h,
+    id: f,
     size: y,
-    rounded: M,
+    rounded: N,
     label: D,
-    labelPlacement: N,
+    labelPlacement: V,
     name: L,
     labelOptional: S,
     onChange: w,
@@ -3455,12 +3455,12 @@ const Ws = he(), va = n.forwardRef((a, t) => {
     required: _,
     valid: T,
     validationMessage: E,
-    validityStyles: V,
+    validityStyles: M,
     // Removed to support direct use in Form Field component
     visited: H,
     touched: q,
     modified: Z,
-    ...p
+    ...h
   } = e, v = n.useRef(null), g = n.useCallback(
     () => {
       v.current && v.current.focus();
@@ -3477,7 +3477,7 @@ const Ws = he(), va = n.forwardRef((a, t) => {
     [g]
   );
   n.useImperativeHandle(t, k);
-  const [C, P] = n.useState(d), [j, J] = n.useState(u), R = typeof F == "boolean" || F === null, b = i !== void 0, W = R, K = W ? F : j, ee = b ? i : W ? void 0 : C, le = ee === void 0 && K, Ee = le ? K : ee, oe = le || W ? F === null ? F : void 0 : F || K, ce = Ee === null || oe === null, be = Qe(), He = _e(), A = (te) => He.toLanguageString(te, $[te]), xe = A(dn), ve = A(un), je = T !== void 0 ? T : _ ? !!ee : !0;
+  const [C, P] = n.useState(d), [j, J] = n.useState(u), R = typeof F == "boolean" || F === null, b = l !== void 0, W = R, K = W ? F : j, ee = b ? l : W ? void 0 : C, ie = ee === void 0 && K, Ee = ie ? K : ee, le = ie || W ? F === null ? F : void 0 : F || K, oe = Ee === null || le === null, be = Qe(), He = _e(), A = (te) => He.toLanguageString(te, $[te]), xe = A(dn), ve = A(un), je = T !== void 0 ? T : _ ? !!ee : !0;
   n.useEffect(
     () => {
       v.current && v.current.setCustomValidity && v.current.setCustomValidity(
@@ -3501,7 +3501,7 @@ const Ws = he(), va = n.forwardRef((a, t) => {
     [b, m, w, W, k]
   ), wt = n.useCallback(
     (te) => {
-      let we = te.target.checked;
+      const we = te.target.checked;
       De(te, we);
     },
     [De, F]
@@ -3509,9 +3509,8 @@ const Ws = he(), va = n.forwardRef((a, t) => {
     (te) => {
       if (m)
         return;
-      const { keyCode: we } = te;
-      let Vn = te.currentTarget.checked;
-      we === z.space && (te.preventDefault(), te.stopPropagation(), De(te, !Vn));
+      const { keyCode: we } = te, Mn = te.currentTarget.checked;
+      we === z.space && (te.preventDefault(), te.stopPropagation(), De(te, !Mn));
     },
     [m, De]
   ), at = n.useCallback(
@@ -3542,7 +3541,7 @@ const Ws = he(), va = n.forwardRef((a, t) => {
       );
     },
     [O, m, k]
-  ), U = Ae(v, e.dir), re = G(
+  ), U = Ae(v, e.dir), ce = G(
     "k-checkbox-wrap",
     c
   ), Se = {
@@ -3551,49 +3550,49 @@ const Ws = he(), va = n.forwardRef((a, t) => {
       "k-checkbox",
       {
         [`k-checkbox-${ne.sizeMap[y] || y}`]: y,
-        [`k-rounded-${ne.roundedMap[M] || M}`]: M,
-        "k-indeterminate": ce,
+        [`k-rounded-${ne.roundedMap[N] || N}`]: N,
+        "k-indeterminate": oe,
         "k-disabled": m,
-        "k-invalid k-invalid": !(je || V !== void 0 || V === !0)
+        "k-invalid k-invalid": !(je || M !== void 0 || M === !0)
       }
     ),
     ref: v,
     name: L,
-    id: h || be,
-    "aria-labelledby": l,
+    id: f || be,
+    "aria-labelledby": i,
     "aria-describedby": s,
     checked: !!Ee,
     disabled: m,
-    tabIndex: ie(I, m),
+    tabIndex: re(I, m),
     role: "checkbox",
     required: _ !== void 0 ? _ : !1,
-    "aria-checked": ee || Ee ? !0 : ce ? "mixed" : !1,
+    "aria-checked": ee || Ee ? !0 : oe ? "mixed" : !1,
     "aria-disabled": m || void 0,
-    ...p,
+    ...h,
     onChange: wt,
     onKeyDown: tt,
     onKeyUp: at,
     onFocus: It,
     onBlur: x
-  }, Ea = /* @__PURE__ */ n.createElement(
+  }, Vn = /* @__PURE__ */ n.createElement(
     n.Fragment,
     null,
     // removing value prop is required due to bug in react where
     // value set to undefined override default submit value
-    oe === void 0 ? /* @__PURE__ */ n.createElement("input", { ...Se }) : /* @__PURE__ */ n.createElement("input", { ...Se, value: R ? void 0 : oe === null ? "" : oe })
-  ), Sa = /* @__PURE__ */ n.createElement(n.Fragment, null, D !== void 0 ? /* @__PURE__ */ n.createElement(
+    le === void 0 ? /* @__PURE__ */ n.createElement("input", { ...Se }) : /* @__PURE__ */ n.createElement("input", { ...Se, value: R ? void 0 : le === null ? "" : le })
+  ), Lt = /* @__PURE__ */ n.createElement(n.Fragment, null, D !== void 0 ? /* @__PURE__ */ n.createElement(
     "label",
     {
       className: G("k-checkbox-label", o),
-      htmlFor: h || be,
+      htmlFor: f || be,
       style: { userSelect: "none" }
     },
     D,
     S && /* @__PURE__ */ n.createElement("span", { className: "k-label-optional" }, ve)
-  ) : null);
-  return /* @__PURE__ */ n.createElement(n.Fragment, null, N === "before" ? /* @__PURE__ */ n.createElement("span", { className: re, dir: "rtl" }, Ea, Sa, f) : /* @__PURE__ */ n.createElement("span", { className: re, dir: U }, Ea, Sa, f));
+  ) : null), Rt = /* @__PURE__ */ n.createElement("span", { className: ce }, Vn, p);
+  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: U }, Rt, Lt));
 });
-va.propTypes = {
+ya.propTypes = {
   checked: r.bool,
   className: r.string,
   defaultChecked: r.bool,
@@ -3619,29 +3618,29 @@ va.propTypes = {
   onFocus: r.func,
   onBlur: r.func
 };
-const Xs = {
+const Ys = {
   size: "medium",
   rounded: "medium"
 };
-va.defaultProps = Xs;
-va.displayName = "KendoCheckbox";
-const Ys = he(), xt = n.forwardRef((a, t) => {
+ya.defaultProps = Ys;
+ya.displayName = "KendoCheckbox";
+const Zs = he(), xt = n.forwardRef((a, t) => {
   pe(me);
-  const e = Re(Ys, a), {
+  const e = Re(Zs, a), {
     ariaDescribedBy: s,
-    checked: l,
-    children: i,
+    checked: i,
+    children: l,
     className: c,
     disabled: o,
-    id: f,
+    id: p,
     size: d,
     label: m,
     labelPlacement: u,
-    name: h,
+    name: f,
     style: y,
-    tabIndex: M,
+    tabIndex: N,
     value: D,
-    valid: N,
+    valid: V,
     onChange: L,
     onFocus: S,
     onBlur: w,
@@ -3660,30 +3659,30 @@ const Ys = he(), xt = n.forwardRef((a, t) => {
   );
   n.useImperativeHandle(t, F);
   const _ = Qe(), T = n.useCallback(
-    (p) => {
+    (h) => {
       Q(
         L,
-        p,
+        h,
         F(),
         { value: D }
       );
     },
     [L, D, o]
   ), E = n.useCallback(
-    (p) => {
+    (h) => {
       S && !o && Q(
         S,
-        p,
+        h,
         F(),
         void 0
       );
     },
     [S, o]
-  ), V = n.useCallback(
-    (p) => {
+  ), M = n.useCallback(
+    (h) => {
       w && !o && Q(
         w,
-        p,
+        h,
         F(),
         void 0
       );
@@ -3691,38 +3690,38 @@ const Ys = he(), xt = n.forwardRef((a, t) => {
     [w, o]
   ), H = {
     type: "radio",
-    id: f || _,
-    name: h,
+    id: p || _,
+    name: f,
     className: G(
       "k-radio",
       {
         [`k-radio-${ne.sizeMap[d] || d}`]: d,
-        "k-invalid": N === !1
+        "k-invalid": V === !1
       },
       c
     ),
     ref: O,
     disabled: o,
-    tabIndex: ie(M, o),
-    checked: l,
+    tabIndex: re(N, o),
+    checked: i,
     style: y,
     "aria-describedby": s,
     value: D,
     onChange: T,
     onFocus: E,
-    onBlur: V,
+    onBlur: M,
     ...B
   }, q = /* @__PURE__ */ n.createElement(n.Fragment, null, m !== void 0 ? /* @__PURE__ */ n.createElement(
     "label",
     {
       className: "k-radio-label",
-      htmlFor: f || _,
+      htmlFor: p || _,
       style: { userSelect: "none" },
       "aria-label": m
     },
     m
   ) : null), Z = /* @__PURE__ */ n.createElement("input", { ...H });
-  return u === "before" ? /* @__PURE__ */ n.createElement(n.Fragment, null, q, Z, i) : /* @__PURE__ */ n.createElement(n.Fragment, null, Z, q, i);
+  return u === "before" ? /* @__PURE__ */ n.createElement(n.Fragment, null, q, Z, l) : /* @__PURE__ */ n.createElement(n.Fragment, null, Z, q, l);
 });
 xt.propTypes = {
   ariaDescribedBy: r.string,
@@ -3742,28 +3741,28 @@ xt.propTypes = {
   onFocus: r.func,
   onBlur: r.func
 };
-const Zs = {
+const Js = {
   size: "medium"
 };
 xt.displayName = "KendoRadioButton";
-xt.defaultProps = Zs;
-const Js = he(), ka = n.forwardRef((a, t) => {
+xt.defaultProps = Js;
+const Qs = he(), Ca = n.forwardRef((a, t) => {
   pe(me);
-  const e = Re(Js, a), {
+  const e = Re(Qs, a), {
     id: s,
-    ariaLabelledBy: l,
-    ariaDescribedBy: i,
+    ariaLabelledBy: i,
+    ariaDescribedBy: l,
     className: c,
     data: o,
-    defaultValue: f,
+    defaultValue: p,
     disabled: d,
     name: m,
     labelPlacement: u,
-    layout: h,
+    layout: f,
     style: y,
-    value: M,
+    value: N,
     valid: D,
-    item: N = In.item,
+    item: V = In.item,
     onChange: L,
     onFocus: S
   } = e, w = n.useRef(null), B = n.useCallback(
@@ -3779,7 +3778,7 @@ const Js = he(), ka = n.forwardRef((a, t) => {
     [B]
   );
   n.useImperativeHandle(t, O);
-  const [I, F] = n.useState(f), _ = M !== void 0, T = _ ? M : I, E = n.useCallback(
+  const [I, F] = n.useState(p), _ = N !== void 0, T = _ ? N : I, E = n.useCallback(
     (v) => {
       let g = v.value;
       !_ && !d && F(g), L && !d && Q(
@@ -3790,7 +3789,7 @@ const Js = he(), ka = n.forwardRef((a, t) => {
       );
     },
     [F, L, d]
-  ), V = n.useCallback(
+  ), M = n.useCallback(
     (v) => {
       S && !d && Q(
         S,
@@ -3803,11 +3802,11 @@ const Js = he(), ka = n.forwardRef((a, t) => {
   ), H = Qe(), q = G(
     "k-radio-list",
     {
-      "k-list-horizontal": h === "horizontal",
-      "k-list-vertical": h === "vertical" || h === void 0
+      "k-list-horizontal": f === "horizontal",
+      "k-list-vertical": f === "vertical" || f === void 0
     },
     c
-  ), Z = Dn(w, e.dir), p = o && o.map((v, g) => {
+  ), Z = Bn(w, e.dir), h = o && o.map((v, g) => {
     const k = T === v.value, C = T == null, P = {
       ...v,
       valid: D,
@@ -3818,10 +3817,10 @@ const Js = he(), ka = n.forwardRef((a, t) => {
       index: g,
       name: m || H,
       onChange: E,
-      onFocus: V
+      onFocus: M
     };
     return /* @__PURE__ */ n.createElement(
-      N,
+      V,
       {
         className: G("k-radio-item", { "k-disabled": P.disabled || d }),
         key: g,
@@ -3839,15 +3838,15 @@ const Js = he(), ka = n.forwardRef((a, t) => {
       ref: w,
       dir: Z,
       style: y,
-      "aria-labelledby": l,
-      "aria-describedby": i
+      "aria-labelledby": i,
+      "aria-describedby": l
     },
-    p
+    h
   );
 }), In = {
   item: (a) => /* @__PURE__ */ n.createElement("li", { ...a })
 };
-ka.propTypes = {
+Ca.propTypes = {
   ariaLabelledBy: r.string,
   ariaDescribedBy: r.string,
   className: r.string,
@@ -3863,24 +3862,24 @@ ka.propTypes = {
   onChange: r.func,
   onFocus: r.func
 };
-ka.defaultProps = In;
-ka.displayName = "KendoRadioGroup";
-const Qs = he(), ya = n.forwardRef((a, t) => {
-  const e = Re(Qs, a), {
+Ca.defaultProps = In;
+Ca.displayName = "KendoRadioGroup";
+const er = he(), xa = n.forwardRef((a, t) => {
+  const e = Re(er, a), {
     size: s,
-    rounded: l,
-    fillMode: i,
+    rounded: i,
+    fillMode: l,
     ariaDescribedBy: c,
     ariaLabelledBy: o,
-    autoSize: f,
+    autoSize: p,
     className: d,
     defaultValue: m,
     disabled: u,
-    readOnly: h,
+    readOnly: f,
     required: y,
-    rows: M,
+    rows: N,
     id: D,
-    name: N,
+    name: V,
     placeholder: L,
     style: S,
     tabIndex: w,
@@ -3892,49 +3891,49 @@ const Qs = he(), ya = n.forwardRef((a, t) => {
     onFocus: T,
     onBlur: E,
     // Removed to support direct use in Form Field component
-    visited: V,
+    visited: M,
     touched: H,
     modified: q,
     ...Z
-  } = e, p = n.useRef(null), v = n.useCallback(
+  } = e, h = n.useRef(null), v = n.useCallback(
     () => {
-      p.current && p.current.focus();
+      h.current && h.current.focus();
     },
     []
   ), [g, k] = n.useState(m), C = B !== void 0, P = C ? B : g, j = n.useCallback(
     () => ({
-      element: p,
+      element: h,
       focus: v,
       get value() {
         return P;
       },
       get name() {
-        return p.current && p.current.name;
+        return h.current && h.current.name;
       }
     }),
     [v, P]
   );
   n.useImperativeHandle(t, j);
-  const [J, R] = n.useState("auto"), b = Qe(), W = Ae(p, e.dir), K = O !== void 0 ? O : y ? !!P : !0;
+  const [J, R] = n.useState("auto"), b = Qe(), W = Ae(h, e.dir), K = O !== void 0 ? O : y ? !!P : !0;
   n.useEffect(
     () => {
-      p.current && p.current.setCustomValidity && p.current.setCustomValidity(
+      h.current && h.current.setCustomValidity && h.current.setCustomValidity(
         K ? "" : I || ""
       );
     },
     [K, I]
   ), n.useLayoutEffect(
     () => {
-      p.current && R(`${p.current.scrollHeight}px`);
+      h.current && R(`${h.current.scrollHeight}px`);
     },
     [P]
   );
   const ee = n.useCallback(
-    (ce) => {
-      const be = ce.target.value;
+    (oe) => {
+      const be = oe.target.value;
       R("auto"), !C && !u && k(be), _ && !u && Q(
         _,
-        ce,
+        oe,
         {
           ...j(),
           value: be
@@ -3943,39 +3942,39 @@ const Qs = he(), ya = n.forwardRef((a, t) => {
       );
     },
     [k, _, u, C]
-  ), le = n.useCallback(
-    (ce) => {
+  ), ie = n.useCallback(
+    (oe) => {
       T && !u && Q(
         T,
-        ce,
+        oe,
         j(),
         void 0
       );
     },
     [T, u]
   ), Ee = n.useCallback(
-    (ce) => {
+    (oe) => {
       E && !u && Q(
         E,
-        ce,
+        oe,
         j(),
         void 0
       );
     },
     [E, u]
-  ), oe = {
+  ), le = {
     id: D || b,
     role: "textbox",
-    name: N,
+    name: V,
     className: "k-input-inner !k-overflow-auto",
-    ref: p,
+    ref: h,
     disabled: u,
-    rows: M,
+    rows: N,
     placeholder: L,
-    readOnly: h,
+    readOnly: f,
     required: y,
-    tabIndex: ie(w, u),
-    style: f ? { resize: "none", overflow: "hidden", height: J } : {},
+    tabIndex: re(w, u),
+    style: p ? { resize: "none", overflow: "hidden", height: J } : {},
     "aria-labelledby": o,
     "aria-describedby": c,
     "aria-multiline": !0,
@@ -3983,7 +3982,7 @@ const Qs = he(), ya = n.forwardRef((a, t) => {
     value: C ? B : g,
     ...Z,
     onChange: ee,
-    onFocus: le,
+    onFocus: ie,
     onBlur: Ee
   };
   return /* @__PURE__ */ n.createElement(
@@ -3994,8 +3993,8 @@ const Qs = he(), ya = n.forwardRef((a, t) => {
         "k-textarea",
         {
           [`k-input-${ne.sizeMap[s] || s}`]: s,
-          [`k-input-${i}`]: i,
-          [`k-rounded-${ne.roundedMap[l] || l}`]: l,
+          [`k-input-${l}`]: l,
+          [`k-rounded-${ne.roundedMap[i] || i}`]: i,
           "k-invalid": !(K || F !== void 0 || F === !0),
           "k-required": y,
           "k-disabled": u
@@ -4005,10 +4004,10 @@ const Qs = he(), ya = n.forwardRef((a, t) => {
       style: S,
       dir: W
     },
-    /* @__PURE__ */ n.createElement("textarea", { ...oe })
+    /* @__PURE__ */ n.createElement("textarea", { ...le })
   );
 });
-ya.propTypes = {
+xa.propTypes = {
   ariaDescribedBy: r.string,
   ariaLabelledBy: r.string,
   autoSize: r.bool,
@@ -4035,94 +4034,94 @@ ya.propTypes = {
   rounded: r.oneOf([null, "small", "medium", "large", "full"]),
   fillMode: r.oneOf([null, "solid", "flat", "outline"])
 };
-const er = {
+const tr = {
   size: "medium",
   rounded: "medium",
   fillMode: "solid"
 };
-ya.displayName = "KendoTextArea";
-ya.defaultProps = er;
+xa.displayName = "KendoTextArea";
+xa.defaultProps = tr;
 const Et = n.forwardRef((a, t) => {
-  const e = n.useRef(null), s = n.useRef(null), l = Ae(s, a.dir);
+  const e = n.useRef(null), s = n.useRef(null), i = Ae(s, a.dir);
   n.useImperativeHandle(e, () => ({
     element: s.current,
     props: a,
     value: a.value
   })), n.useImperativeHandle(t, () => e.current);
-  const i = n.useCallback(
-    (h) => {
+  const l = n.useCallback(
+    (f) => {
       a.onClick && a.onClick.call(
         void 0,
         {
           value: a.value,
           target: e.current,
-          syntheticEvent: h
+          syntheticEvent: f
         }
       );
     },
     [a.onClick, a.value]
   ), c = n.useCallback(
-    (h) => {
+    (f) => {
       a.onKeyDown && a.onKeyDown.call(
         void 0,
         {
           target: e.current,
-          syntheticEvent: h
+          syntheticEvent: f
         }
       );
     },
     [a.onKeyDown]
   ), o = n.useCallback(
-    (h) => {
+    (f) => {
       a.onFocus && a.onFocus.call(
         void 0,
         {
           target: e.current,
-          syntheticEvent: h
+          syntheticEvent: f
         }
       );
     },
     [a.onFocus]
-  ), f = n.useCallback(
-    (h) => {
+  ), p = n.useCallback(
+    (f) => {
       a.onBlur && a.onBlur.call(
         void 0,
         {
           target: e.current,
-          syntheticEvent: h
+          syntheticEvent: f
         }
       );
     },
     [a.onBlur]
   ), d = n.useCallback(
-    (h) => {
+    (f) => {
       a.onMouseMove && a.onMouseMove.call(
         void 0,
         {
           target: e.current,
-          syntheticEvent: h
+          syntheticEvent: f
         }
       );
     },
     [a.onMouseMove]
   ), m = n.useCallback(
-    (h) => {
+    (f) => {
       a.onMouseEnter && a.onMouseEnter.call(
         void 0,
         {
           target: e.current,
-          syntheticEvent: h
+          syntheticEvent: f
         }
       );
     },
     [a.onMouseEnter]
   ), u = n.useCallback(
-    (h) => {
+    (f) => {
       a.onMouseLeave && a.onMouseLeave.call(
         void 0,
         {
           target: e.current,
-          syntheticEvent: h
+          syntheticEvent: f
         }
       );
     },
@@ -4133,7 +4132,7 @@ const Et = n.forwardRef((a, t) => {
     {
       id: a.id,
       ref: s,
-      dir: l,
+      dir: i,
       "data-half": a.half,
       tabIndex: a.tabIndex,
       title: a.title,
@@ -4141,23 +4140,23 @@ const Et = n.forwardRef((a, t) => {
       className: G(
         "k-rating-item",
         {
-          "k-rtl": l === "rtl",
+          "k-rtl": i === "rtl",
           "k-selected": a.selected,
           "k-hover": a.hovered
         },
         a.className
       ),
-      onClick: i,
+      onClick: l,
       onKeyDown: c,
       onFocus: o,
-      onBlur: f,
+      onBlur: p,
       onMouseEnter: m,
       onMouseLeave: u,
       onMouseMove: d
     },
     a.children
   );
-}), tr = {
+}), ar = {
   id: r.string,
   icon: r.any,
   dir: r.oneOf(["ltr", "rtl"]),
@@ -4166,26 +4165,26 @@ const Et = n.forwardRef((a, t) => {
   half: r.bool,
   selected: r.bool,
   hovered: r.bool
-}, ar = {
+}, nr = {
   dir: "ltr"
 };
 Et.displayName = "KendoReactRatingItem";
-Et.propTypes = tr;
-Et.defaultProps = ar;
+Et.propTypes = ar;
+Et.defaultProps = nr;
 const ye = (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;
-}, nr = (a, t) => a - t * Math.floor(a / t), oa = (a, t, e) => ye(a - e, e) < t && t < a, Ot = (a, t, e, s) => t === null ? !1 : s === "continues" ? oa(a, t, e) ? ye(a - e / 2, e / 2) <= t : a <= t : s === "single" ? oa(a, t, e) ? ye(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) => {
-  for (let l = a; l <= t; l += e)
-    if (s === l)
+}, sr = (a, t) => a - t * Math.floor(a / t), da = (a, t, e) => ye(a - e, e) < t && t < a, Tt = (a, t, e, s) => t === null ? !1 : s === "continues" ? da(a, t, e) ? ye(a - e / 2, e / 2) <= t : a <= t : s === "single" ? da(a, t, e) ? ye(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) => {
+  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 sr = (a, t) => {
+const rr = (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 ? ye(t.payload, t.step) : t.max : t.min;
@@ -4205,27 +4204,27 @@ const sr = (a, t) => {
       return a;
   }
 }, Ja = (a, t, e) => {
-  const [s, l] = n.useState(a);
+  const [s, i] = n.useState(a);
   return [s, (c) => {
-    const o = sr(t.state || s, { ...c, ...t });
-    e && e(o, c.event), l(o);
+    const o = rr(t.state || s, { ...c, ...t });
+    e && e(o, c.event), i(o);
   }];
-}, rr = he(), Ca = n.forwardRef((a, t) => {
-  const e = Re(rr, a), s = _e(), l = n.useRef(null), i = n.useRef(null), c = Ae(i, e.dir);
-  n.useImperativeHandle(l, () => ({
-    element: i.current,
+}, ir = he(), Ea = n.forwardRef((a, t) => {
+  const e = Re(ir, a), s = _e(), i = n.useRef(null), l = n.useRef(null), c = Ae(l, e.dir);
+  n.useImperativeHandle(i, () => ({
+    element: l.current,
     props: e
-  })), n.useImperativeHandle(t, () => l.current);
+  })), n.useImperativeHandle(t, () => i.current);
   const o = n.useCallback(
-    (p, v) => {
-      e.onChange && l.current && e.onChange.call(void 0, {
-        value: p,
-        target: l.current,
+    (h, v) => {
+      e.onChange && i.current && e.onChange.call(void 0, {
+        value: h,
+        target: i.current,
         syntheticEvent: v
       });
     },
     [e.onChange]
-  ), f = n.useMemo(
+  ), p = n.useMemo(
     () => e.min !== void 0 ? e.min : Ie.min,
     [e.min]
   ), d = n.useMemo(
@@ -4237,20 +4236,20 @@ const sr = (a, t) => {
   ), u = n.useMemo(
     () => e.step !== void 0 ? e.step : Ie.step,
     [e.step]
-  ), h = n.useMemo(
+  ), f = n.useMemo(
     () => e.readonly || Ie.readonly,
     [e.readonly]
   ), y = n.useMemo(
     () => e.disabled || Ie.disabled,
     [e.disabled]
-  ), M = n.useMemo(
+  ), N = n.useMemo(
     () => e.item || Ie.item,
     [e.item]
-  ), [D, N] = Ja(
+  ), [D, V] = Ja(
     e.defaultValue !== void 0 ? e.defaultValue : Ie.defaultValue,
     {
       state: e.value,
-      min: f,
+      min: p,
       max: d,
       step: m === "half" ? u / 2 : u
     },
@@ -4259,7 +4258,7 @@ const sr = (a, t) => {
     null,
     {
       state: e.value,
-      min: f,
+      min: p,
       max: d,
       step: m === "half" ? u / 2 : u,
       precision: m
@@ -4277,56 +4276,56 @@ const sr = (a, t) => {
     () => u / (m === "half" ? 2 : 1),
     [u, m]
   ), F = n.useCallback(
-    (p) => {
-      if (!(!p.target || !p.target.element || h || y)) {
+    (h) => {
+      if (!(!h.target || !h.target.element || f || y)) {
         if (m === "half") {
-          const v = p.target.element.getBoundingClientRect(), k = Ya(c || "ltr", v, p.syntheticEvent.clientX) ? ye(p.target.value - u / 2, I) : p.target.value;
-          N({ type: de.select, payload: k, event: p.syntheticEvent });
+          const v = h.target.element.getBoundingClientRect(), k = Ya(c || "ltr", v, h.syntheticEvent.clientX) ? ye(h.target.value - u / 2, I) : h.target.value;
+          V({ type: de.select, payload: k, event: h.syntheticEvent });
         } else
-          N({ type: de.select, payload: p.target.value, event: p.syntheticEvent });
+          V({ type: de.select, payload: h.target.value, event: h.syntheticEvent });
         if (e.onClick) {
           const v = {
             value: w,
-            target: l.current,
-            syntheticEvent: p.syntheticEvent
+            target: i.current,
+            syntheticEvent: h.syntheticEvent
           };
           e.onClick.call(void 0, v);
         }
       }
     },
-    [e.onClick, N, w]
+    [e.onClick, V, w]
   ), _ = n.useCallback(
-    (p) => {
-      if (!(h || y)) {
-        switch (p.keyCode) {
+    (h) => {
+      if (!(f || y)) {
+        switch (h.keyCode) {
           case z.right:
-            p.preventDefault(), N({
+            h.preventDefault(), V({
               type: c === "rtl" ? de.decrease : de.increase,
-              event: p
+              event: h
             });
             break;
           case z.left:
-            p.preventDefault(), N({
+            h.preventDefault(), V({
               type: c === "rtl" ? de.increase : de.decrease,
-              event: p
+              event: h
             });
             break;
           case z.home:
-            p.preventDefault(), N({
+            h.preventDefault(), V({
               type: c === "rtl" ? de.min : de.max,
-              event: p
+              event: h
             });
             break;
           case z.end:
-            p.preventDefault(), N({
+            h.preventDefault(), V({
               type: c === "rtl" ? de.max : de.min,
-              event: p
+              event: h
             });
             break;
           case z.esc:
-            p.preventDefault(), N({
+            h.preventDefault(), V({
               type: de.deselect,
-              event: p
+              event: h
             });
             break;
         }
@@ -4334,19 +4333,19 @@ const sr = (a, t) => {
           void 0,
           {
             value: w,
-            target: l.current,
-            syntheticEvent: p
+            target: i.current,
+            syntheticEvent: h
           }
         );
       }
     },
-    [e.onKeyDown, N, w]
+    [e.onKeyDown, V, w]
   ), T = n.useCallback(
-    (p) => {
+    (h) => {
       if (e.onFocus) {
         const v = {
-          target: l.current,
-          syntheticEvent: p
+          target: i.current,
+          syntheticEvent: h
         };
         e.onFocus.call(
           void 0,
@@ -4356,11 +4355,11 @@ const sr = (a, t) => {
     },
     [e.onFocus]
   ), E = n.useCallback(
-    (p) => {
+    (h) => {
       if (e.onBlur) {
         const v = {
-          target: l.current,
-          syntheticEvent: p
+          target: i.current,
+          syntheticEvent: h
         };
         e.onBlur.call(
           void 0,
@@ -4369,27 +4368,27 @@ const sr = (a, t) => {
       }
     },
     [e.onBlur]
-  ), V = n.useCallback(
-    (p) => {
-      if (!(!p.target || !p.target.element))
+  ), M = n.useCallback(
+    (h) => {
+      if (!(!h.target || !h.target.element))
         if (m === "half") {
-          const v = p.target.element.getBoundingClientRect(), k = Ya(c || "ltr", v, p.syntheticEvent.clientX) ? p.target.value - u / 2 : p.target.value;
-          S({ type: de.select, payload: k, event: p.syntheticEvent });
+          const v = h.target.element.getBoundingClientRect(), k = Ya(c || "ltr", v, h.syntheticEvent.clientX) ? h.target.value - u / 2 : h.target.value;
+          S({ type: de.select, payload: k, event: h.syntheticEvent });
         } else
-          S({ type: de.select, payload: p.target.value, event: p.syntheticEvent });
+          S({ type: de.select, payload: h.target.value, event: h.syntheticEvent });
     },
     [m, u, c]
   ), H = n.useCallback(
-    (p) => {
-      S({ type: de.reset, event: p.syntheticEvent });
+    (h) => {
+      S({ type: de.reset, event: h.syntheticEvent });
     },
     []
-  ), q = [], Z = nr(ye(d - f, I), u);
-  for (let p = f; p <= d; p = ye(p + u, I)) {
-    const v = ye(p + Z, I), g = m === "half" ? oa(v, B !== null ? B : w !== null ? w : 0, u) : !1, k = Ot(v, w, u, O), C = Ot(v, B !== null ? B : w, u, O), P = Ot(v, B, u, O);
+  ), q = [], Z = sr(ye(d - p, I), u);
+  for (let h = p; h <= d; h = ye(h + u, I)) {
+    const v = ye(h + Z, I), g = m === "half" ? da(v, B !== null ? B : w !== null ? w : 0, u) : !1, k = Tt(v, w, u, O), C = Tt(v, B !== null ? B : w, u, O), P = Tt(v, B, u, O);
     q.push(
       /* @__PURE__ */ n.createElement(
-        M,
+        N,
         {
           key: v,
           value: v,
@@ -4401,13 +4400,13 @@ const sr = (a, t) => {
           selected: k || C,
           hovered: P,
           onClick: F,
-          onMouseMove: V,
+          onMouseMove: M,
           onMouseLeave: H
         },
-        g && /* @__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: Lt(`${e.icon}-outline`), icon: e.svgIconOutline, size: "xlarge" })),
-        g && /* @__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 ? Lt(e.icon) : void 0, icon: e.svgIcon, size: "xlarge" })),
+        g && /* @__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" })),
+        g && /* @__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" })),
         g && /* @__PURE__ */ n.createElement("span", { style: { width: "24px", height: "24px", display: "block" } }),
-        !g && !(e.icon || e.svgIcon) && (P || C && !P) && /* @__PURE__ */ n.createElement(fe, { name: "star", icon: Va, size: "xlarge" }) || !(e.icon || e.svgIcon) && !P && !C && /* @__PURE__ */ n.createElement(fe, { name: "star-outline", icon: Ra, size: "xlarge" }) || (e.icon || e.svgIcon) && (P || C && !P) && /* @__PURE__ */ n.createElement(fe, { name: e.icon, icon: e.svgIcon, size: "xlarge" }) || (e.icon || e.svgIcon) && !P && /* @__PURE__ */ n.createElement(fe, { name: Lt(`${e.icon}-outline`), icon: e.svgIconOutline, size: "xlarge" })
+        !g && !(e.icon || e.svgIcon) && (P || C && !P) && /* @__PURE__ */ n.createElement(fe, { name: "star", icon: Va, size: "xlarge" }) || !(e.icon || e.svgIcon) && !P && !C && /* @__PURE__ */ n.createElement(fe, { name: "star-outline", icon: Ra, size: "xlarge" }) || (e.icon || e.svgIcon) && (P || C && !P) && /* @__PURE__ */ n.createElement(fe, { name: e.icon, icon: e.svgIcon, size: "xlarge" }) || (e.icon || e.svgIcon) && !P && /* @__PURE__ */ n.createElement(fe, { name: Vt(`${e.icon}-outline`), icon: e.svgIconOutline, size: "xlarge" })
       )
     );
   }
@@ -4416,15 +4415,15 @@ const sr = (a, t) => {
     {
       id: e.id,
       style: e.style,
-      ref: i,
+      ref: l,
       role: "slider",
       dir: c,
-      tabIndex: ie(e.tabIndex, e.disabled, void 0),
+      tabIndex: re(e.tabIndex, e.disabled, void 0),
       className: G(
         "k-rating",
         {
           "k-rtl": c === "rtl",
-          "k-readonly": h,
+          "k-readonly": f,
           "k-disabled": y
         },
         e.className
@@ -4432,11 +4431,11 @@ const sr = (a, t) => {
       onKeyDown: _,
       onFocus: T,
       onBlur: E,
-      "aria-valuemin": f,
+      "aria-valuemin": p,
       "aria-valuemax": d,
       "aria-valuenow": w !== null ? w : void 0,
       "aria-disabled": y ? "true" : void 0,
-      "aria-label": s.toLanguageString(ea, $[ea]),
+      "aria-label": s.toLanguageString(aa, $[aa]),
       "aria-labelledby": e.ariaLabelledBy,
       "aria-describedby": e.ariaDescribedBy
     },
@@ -4445,7 +4444,7 @@ const sr = (a, t) => {
       {
         id: "rating",
         className: "k-hidden",
-        readOnly: h,
+        readOnly: f,
         disabled: y
       }
     ),
@@ -4464,7 +4463,7 @@ const sr = (a, t) => {
       e.label
     )
   );
-}), ir = {
+}), lr = {
   id: r.string,
   dir: r.oneOf(["ltr", "rtl"]),
   selection: r.oneOf(["continues", "single"]),
@@ -4488,8 +4487,8 @@ const sr = (a, t) => {
   disabled: r.bool,
   half: r.bool,
   icon: r.string,
-  svgIcon: Ft,
-  svgIconOutline: Ft,
+  svgIcon: zt,
+  svgIconOutline: zt,
   ariaDescribedBy: r.string
 }, Ie = {
   dir: "ltr",
@@ -4503,24 +4502,24 @@ const sr = (a, t) => {
   selection: "continues",
   precision: "item"
 };
-Ca.displayName = "KendoReactRating";
-Ca.propTypes = ir;
-Ca.defaultProps = Ie;
-function lr(a, t) {
+Ea.displayName = "KendoReactRating";
+Ea.propTypes = lr;
+Ea.defaultProps = Ie;
+function or(a, t) {
   let e = a;
   for (; e && e !== t; )
     e = e.parentNode;
   return !!e;
 }
-const or = 250, cr = 84, Ln = 3, Rn = 2, dr = "#000000", ur = "#ffffff", Qa = (a) => a !== void 0, fr = he(), St = n.forwardRef((a, t) => {
+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) => {
   pe(me);
-  const e = Re(fr, a), s = _e(), l = n.useRef(null), i = n.useRef(null), c = n.useRef(null), o = n.useRef(null), f = n.useRef(null), [d, m] = n.useState(), [u, h] = n.useState(!1), [y, M] = n.useState(!1), [D, N] = n.useState(), [L, S] = n.useState(), B = Qa(e.value) ? e.value : D, [O, I] = n.useState(!1), F = Qa(e.open), _ = F ? e.open : O, T = !(e.maximized || y || !e.maximizable || e.disabled), E = e.maximized && !y, H = !(!(e.value || D) || y || e.readOnly || e.disabled), q = s.toLanguageString(aa, $[aa]), Z = s.toLanguageString(na, $[na]), p = s.toLanguageString(ta, $[ta]), v = e.popupScale || Ln, g = e.exportScale || Rn, k = (x) => {
-    N(x), e.onChange && e.onChange({ value: x });
+  const e = Re(hr, a), s = _e(), i = n.useRef(null), l = n.useRef(null), c = n.useRef(null), o = n.useRef(null), p = n.useRef(null), [d, m] = n.useState(), [u, f] = n.useState(!1), [y, N] = n.useState(!1), [D, V] = n.useState(), [L, S] = n.useState(), B = Qa(e.value) ? e.value : D, [O, I] = n.useState(!1), F = Qa(e.open), _ = F ? e.open : O, T = !(e.maximized || y || !e.maximizable || e.disabled), E = e.maximized && !y, H = !(!(e.value || D) || y || e.readOnly || e.disabled), q = s.toLanguageString(sa, $[sa]), Z = s.toLanguageString(ra, $[ra]), h = s.toLanguageString(na, $[na]), v = e.popupScale || Ln, g = e.exportScale || Rn, k = (x) => {
+    V(x), e.onChange && e.onChange({ value: x });
   }, C = (x) => {
     d == null || d.loadImage(x.value), k(x.value);
   };
   n.useEffect(() => {
-    e.value !== D && (N(e.value), d == null || d.loadImage(e.value));
+    e.value !== D && (V(e.value), d == null || d.loadImage(e.value));
   }, [e.value]);
   const P = () => {
     d == null || d.clear(), k();
@@ -4530,14 +4529,14 @@ const or = 250, cr = 84, Ln = 3, Rn = 2, dr = "#000000", ur = "#ffffff", Qa = (a
     },
     [F]
   ), J = (x) => {
-    var U, re;
-    De(x), (re = ((U = f.current) == null ? void 0 : U.element) || i.current) == null || re.focus();
+    var U, ce;
+    De(x), (ce = ((U = p.current) == null ? void 0 : U.element) || l.current) == null || ce.focus();
   }, R = n.useCallback(() => {
-    let x = dr;
-    return !e.color && typeof document != "undefined" && l.current && (x = getComputedStyle(l.current).color), e.color || x;
-  }, [e.color]), b = n.useCallback(() => {
     let x = ur;
-    return !e.backgroundColor && typeof document != "undefined" && l.current && (x = getComputedStyle(l.current).backgroundColor), e.backgroundColor || x;
+    return !e.color && typeof document != "undefined" && i.current && (x = getComputedStyle(i.current).color), e.color || x;
+  }, [e.color]), b = n.useCallback(() => {
+    let x = fr;
+    return !e.backgroundColor && typeof document != "undefined" && i.current && (x = getComputedStyle(i.current).backgroundColor), e.backgroundColor || x;
   }, [e.backgroundColor]), W = () => ({
     scale: e.maximized ? e.popupScale : 1,
     color: R(),
@@ -4546,27 +4545,27 @@ const or = 250, cr = 84, Ln = 3, Rn = 2, dr = "#000000", ur = "#ffffff", Qa = (a
     smooth: e.smooth,
     readonly: e.readOnly
   }), K = async (x) => {
-    const { width: U, height: re } = x;
+    const { width: U, height: ce } = x;
     return await (d == null ? void 0 : d.exportImage({
       width: U * g,
-      height: re * g
+      height: ce * g
     }));
   };
   n.useEffect(() => {
-    const x = i.current, U = new $n(x, W());
+    const x = l.current, U = new Hn(x, W());
     return B && U.loadImage(B), m(U), () => U.destroy();
   }, []), n.useEffect(() => {
     d == null || d.setOptions({
       onChange: async () => k(await K(tt())),
-      onDraw: () => M(!0),
-      onDrawEnd: () => M(!1)
+      onDraw: () => N(!0),
+      onDrawEnd: () => N(!1)
     });
   }, [d]), n.useLayoutEffect(
     () => d == null ? void 0 : d.setOptions(W()),
     [e.readOnly, e.color, e.backgroundColor, e.strokeWidth, e.smooth]
   ), n.useEffect(() => {
-    var re, Se;
-    const x = (Se = (re = c.current) == null ? void 0 : re.element) == null ? void 0 : Se.querySelector(".k-overlay");
+    var ce, Se;
+    const x = (Se = (ce = c.current) == null ? void 0 : ce.element) == null ? void 0 : Se.querySelector(".k-overlay");
     if (!x)
       return;
     const U = () => j(!1);
@@ -4585,28 +4584,28 @@ const or = 250, cr = 84, Ln = 3, Rn = 2, dr = "#000000", ur = "#ffffff", Qa = (a
   const ee = n.useCallback(
     () => {
       var x;
-      return (x = i.current) == null ? void 0 : x.focus();
+      return (x = l.current) == null ? void 0 : x.focus();
     },
     []
-  ), le = n.useCallback(
+  ), ie = n.useCallback(
     () => e.value,
     [e.value]
   ), Ee = n.useCallback(
     () => e.name,
     [e.name]
-  ), oe = n.useCallback(
+  ), le = n.useCallback(
     () => e.required,
     [e.required]
-  ), ce = n.useCallback(
+  ), oe = n.useCallback(
     () => {
-      const x = e.validationMessage !== void 0, re = !le(), Se = e.valid !== void 0 ? e.valid : !oe() || !re;
+      const x = e.validationMessage !== void 0, ce = !ie(), Se = e.valid !== void 0 ? e.valid : !le() || !ce;
       return {
         customError: x,
         valid: Se,
-        valueMissing: re
+        valueMissing: ce
       };
     },
-    [e.validationMessage, e.valid, le, oe]
+    [e.validationMessage, e.valid, ie, le]
   ), be = n.useCallback(
     () => e.validityStyles,
     [e.validityStyles]
@@ -4616,17 +4615,17 @@ const or = 250, cr = 84, Ln = 3, Rn = 2, dr = "#000000", ur = "#ffffff", Qa = (a
   ), A = n.useCallback(
     () => {
       const x = {
-        element: l.current,
+        element: i.current,
         focus: ee
       };
-      return Object.defineProperty(x, "name", { get: Ee }), Object.defineProperty(x, "value", { get: le }), Object.defineProperty(x, "validity", { get: ce }), Object.defineProperty(x, "validityStyles", { get: be }), Object.defineProperty(x, "required", { get: oe }), Object.defineProperty(x, "props", { get: He }), Object.defineProperty(x, "color", { get: R }), Object.defineProperty(x, "backgroundColor", { get: b }), x;
+      return Object.defineProperty(x, "name", { get: Ee }), Object.defineProperty(x, "value", { get: ie }), Object.defineProperty(x, "validity", { get: oe }), Object.defineProperty(x, "validityStyles", { get: be }), Object.defineProperty(x, "required", { get: le }), Object.defineProperty(x, "props", { get: He }), Object.defineProperty(x, "color", { get: R }), Object.defineProperty(x, "backgroundColor", { get: b }), x;
     },
-    [Ee, le, ce, be, oe, ee, He, R, b]
+    [Ee, ie, oe, be, le, ee, He, R, b]
   );
   n.useImperativeHandle(t, A);
   const xe = n.useCallback(
     (x) => {
-      u || e.maximized || (h(!0), Q(
+      u || e.maximized || (f(!0), Q(
         e.onFocus,
         x,
         A(),
@@ -4636,7 +4635,7 @@ const or = 250, cr = 84, Ln = 3, Rn = 2, dr = "#000000", ur = "#ffffff", Qa = (a
     [u, e.onFocus, A]
   ), ve = n.useCallback(
     (x) => {
-      lr(x.relatedTarget, l.current) || (h(!1), Q(
+      or(x.relatedTarget, i.current) || (f(!1), Q(
         e.onBlur,
         x,
         A(),
@@ -4667,8 +4666,8 @@ const or = 250, cr = 84, Ln = 3, Rn = 2, dr = "#000000", ur = "#ffffff", Qa = (a
   ), wt = () => {
     P(), ee();
   }, tt = () => {
-    var re, Se;
-    const x = e.width || ((re = l.current) == null ? void 0 : re.offsetWidth) || or, U = e.height || ((Se = l.current) == null ? void 0 : Se.offsetHeight) || cr;
+    var ce, Se;
+    const x = e.width || ((ce = i.current) == null ? void 0 : ce.offsetWidth) || cr, U = e.height || ((Se = i.current) == null ? void 0 : Se.offsetHeight) || dr;
     return {
       width: x,
       height: U
@@ -4679,11 +4678,11 @@ const or = 250, cr = 84, Ln = 3, Rn = 2, dr = "#000000", ur = "#ffffff", Qa = (a
       width: x * v,
       height: U * v
     };
-  }, It = !be() || ce().valid;
+  }, It = !be() || oe().valid;
   return /* @__PURE__ */ n.createElement(
     "div",
     {
-      ref: l,
+      ref: i,
       dir: e.dir,
       style: { width: e.width, height: e.height, ...e.style },
       className: G(
@@ -4708,8 +4707,8 @@ const or = 250, cr = 84, Ln = 3, Rn = 2, dr = "#000000", ur = "#ffffff", Qa = (a
       "div",
       {
         className: "k-signature-canvas",
-        ref: i,
-        tabIndex: ie(e.tabIndex, e.disabled),
+        ref: l,
+        tabIndex: re(e.tabIndex, e.disabled),
         role: "img",
         id: e.id,
         "aria-label": e.ariaLabel,
@@ -4722,7 +4721,7 @@ const or = 250, cr = 84, Ln = 3, Rn = 2, dr = "#000000", ur = "#ffffff", Qa = (a
       ge,
       {
         className: "k-signature-action k-signature-maximize",
-        ref: f,
+        ref: p,
         icon: "hyperlink-open",
         svgIcon: Ma,
         fillMode: "flat",
@@ -4757,15 +4756,15 @@ const or = 250, cr = 84, Ln = 3, Rn = 2, dr = "#000000", ur = "#ffffff", Qa = (a
       {
         className: "k-signature-action k-signature-clear",
         icon: "x",
-        svgIcon: zt,
+        svgIcon: At,
         fillMode: "flat",
         size: e.size,
         onClick: wt,
-        "aria-label": p,
-        title: p
+        "aria-label": h,
+        title: h
       }
     )),
-    _ && /* @__PURE__ */ n.createElement(Hn, { ref: c }, /* @__PURE__ */ n.createElement(
+    _ && /* @__PURE__ */ n.createElement(Gn, { ref: c }, /* @__PURE__ */ n.createElement(
       St,
       {
         ...e,
@@ -4821,12 +4820,12 @@ St.defaultProps = {
   rounded: "medium",
   fillMode: "solid"
 };
-const xa = n.forwardRef((a, t) => {
+const Sa = n.forwardRef((a, t) => {
   pe(me);
-  const e = n.useRef(null), s = n.useRef(null), l = n.useRef(), i = n.useCallback(
+  const e = n.useRef(null), s = n.useRef(null), i = n.useRef(), l = n.useCallback(
     () => {
       var H;
-      return l.current !== void 0 ? l.current : (H = e.current) == null ? void 0 : H.value;
+      return i.current !== void 0 ? i.current : (H = e.current) == null ? void 0 : H.value;
     },
     []
   );
@@ -4840,7 +4839,7 @@ const xa = n.forwardRef((a, t) => {
         return e.current && e.current.name;
       },
       get value() {
-        return i();
+        return l();
       }
     })
   ), n.useImperativeHandle(
@@ -4850,33 +4849,33 @@ const xa = n.forwardRef((a, t) => {
   const {
     size: c,
     fillMode: o,
-    rounded: f,
+    rounded: p,
     className: d,
     dir: m,
     style: u,
-    prefix: h = ca.prefix,
-    suffix: y = ca.suffix,
-    valid: M,
+    prefix: f = ua.prefix,
+    suffix: y = ua.suffix,
+    valid: N,
     // Destruct to avoid warning when used inside a form field
     modified: D,
-    touched: N,
+    touched: V,
     visited: L,
     ...S
-  } = a, [w] = qe(h), [B] = qe(y), [O, I] = n.useState(!1), F = (H) => {
+  } = a, [w] = qe(f), [B] = qe(y), [O, I] = n.useState(!1), F = (H) => {
     I(!0);
   }, _ = (H) => {
     I(!1);
   }, T = n.useCallback(
     (H) => {
-      l.current = H.target.value, a.onChange && a.onChange.call(void 0, {
+      i.current = H.target.value, a.onChange && a.onChange.call(void 0, {
         syntheticEvent: H,
         nativeEvent: H.nativeEvent,
         value: H.target.value,
         target: s.current
-      }), l.current = void 0;
+      }), i.current = void 0;
     },
     [a.onChange]
-  ), { onFocus: E, onBlur: V } = Bn({
+  ), { onFocus: E, onBlur: M } = On({
     onFocus: F,
     onBlur: _,
     onSyncFocus: a.onFocus,
@@ -4892,7 +4891,7 @@ const xa = n.forwardRef((a, t) => {
         {
           [`k-input-${ne.sizeMap[c] || c}`]: c,
           [`k-input-${o}`]: o,
-          [`k-rounded-${ne.roundedMap[f] || f}`]: f
+          [`k-rounded-${ne.roundedMap[p] || p}`]: p
         },
         {
           "k-focus": O,
@@ -4903,7 +4902,7 @@ const xa = n.forwardRef((a, t) => {
         d
       ),
       onFocus: E,
-      onBlur: V
+      onBlur: M
     },
     /* @__PURE__ */ n.createElement(w, null),
     /* @__PURE__ */ n.createElement(
@@ -4917,21 +4916,21 @@ const xa = n.forwardRef((a, t) => {
     ),
     /* @__PURE__ */ n.createElement(B, null)
   );
-}), ca = {
+}), ua = {
   prefix: (a) => null,
   suffix: (a) => null,
   size: "medium",
   rounded: "medium",
   fillMode: "solid"
 };
-xa.propTypes = {
+Sa.propTypes = {
   size: r.oneOf([null, "small", "medium", "large"]),
   rounded: r.oneOf([null, "small", "medium", "large", "full"]),
   fillMode: r.oneOf([null, "solid", "flat", "outline"])
 };
-xa.displayName = "KendoReactTextBoxComponent";
-xa.defaultProps = ca;
-const hr = n.forwardRef((a, t) => {
+Sa.displayName = "KendoReactTextBoxComponent";
+Sa.defaultProps = ua;
+const pr = n.forwardRef((a, t) => {
   const e = n.useRef(null), s = n.useRef(null);
   return n.useImperativeHandle(
     e,
@@ -4941,99 +4940,99 @@ const hr = n.forwardRef((a, t) => {
     () => e.current
   ), /* @__PURE__ */ n.createElement("span", { ...a, className: G("k-clear-value", a.className) });
 });
-hr.displayName = "KendoReactInputClearValue";
-const pr = n.forwardRef((a, t) => {
-  const e = n.useRef(null), s = n.useRef(null);
+pr.displayName = "KendoReactInputClearValue";
+const mr = n.forwardRef(({ orientation: a = "horizontal", ...t }, e) => {
+  const s = n.useRef(null), i = n.useRef(null);
   return n.useImperativeHandle(
-    e,
-    () => ({ element: s.current })
+    s,
+    () => ({ element: i.current })
   ), n.useImperativeHandle(
-    t,
-    () => e.current
-  ), /* @__PURE__ */ n.createElement("span", { ...a, className: G("k-input-prefix", a.className) });
+    e,
+    () => s.current
+  ), /* @__PURE__ */ n.createElement("span", { ...t, className: G("k-input-prefix", t.className, `k-input-prefix-${a}`) });
 });
-pr.displayName = "KendoReactInputPrefix";
-const mr = n.forwardRef((a, t) => {
-  const e = n.useRef(null), s = n.useRef(null);
+mr.displayName = "KendoReactInputPrefix";
+const gr = n.forwardRef(({ orientation: a = "vertical", ...t }, e) => {
+  const s = n.useRef(null), i = n.useRef(null);
   return n.useImperativeHandle(
-    e,
-    () => ({ element: s.current })
+    s,
+    () => ({ element: i.current })
   ), n.useImperativeHandle(
-    t,
-    () => e.current
-  ), /* @__PURE__ */ n.createElement("span", { ...a, className: G("k-input-separator", a.className) });
+    e,
+    () => s.current
+  ), /* @__PURE__ */ n.createElement("span", { ...t, className: G("k-input-separator", t.className, `k-input-separator-${a}`) });
 });
-mr.displayName = "KendoReactInputSeparator";
-const gr = n.forwardRef((a, t) => {
-  const e = n.useRef(null), s = n.useRef(null);
+gr.displayName = "KendoReactInputSeparator";
+const br = n.forwardRef(({ orientation: a = "horizontal", ...t }, e) => {
+  const s = n.useRef(null), i = n.useRef(null);
   return n.useImperativeHandle(
-    e,
-    () => ({ element: s.current })
+    s,
+    () => ({ element: i.current })
   ), n.useImperativeHandle(
-    t,
-    () => e.current
-  ), /* @__PURE__ */ n.createElement("span", { ...a, className: G("k-input-suffix", a.className) });
+    e,
+    () => s.current
+  ), /* @__PURE__ */ n.createElement("span", { ...t, className: G("k-input-suffix", t.className, `k-input-suffix-${a}`) });
 });
-gr.displayName = "KendoReactInputSuffix";
-const br = n.forwardRef((a, t) => /* @__PURE__ */ n.createElement(fe, { ref: t, ...a, className: G("k-input-validation-icon", a.className) }));
-br.displayName = "KendoReactInputValidationIcon";
+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";
 export {
-  va as Checkbox,
-  Ws as CheckboxPropsContext,
-  pa as ColorGradient,
-  ys as ColorGradientPropsContext,
+  ya as Checkbox,
+  Xs as CheckboxPropsContext,
+  ga as ColorGradient,
+  Cs as ColorGradientPropsContext,
   vt as ColorGradientWithoutContext,
-  ha as ColorInput,
-  ma as ColorPalette,
-  Es as ColorPalettePropsContext,
+  ma as ColorInput,
+  ba as ColorPalette,
+  Ss as ColorPalettePropsContext,
   kt as ColorPaletteWithoutContext,
-  ga as ColorPicker,
-  Rs as ColorPickerPropsContext,
+  va as ColorPicker,
+  Vs as ColorPickerPropsContext,
   Sn as FlatColorPicker,
   vn as Input,
-  hr as InputClearValue,
-  pr as InputPrefix,
-  rs as InputPropsContext,
-  mr as InputSeparator,
-  gr as InputSuffix,
-  br as InputValidationIcon,
+  pr as InputClearValue,
+  mr as InputPrefix,
+  is as InputPropsContext,
+  gr as InputSeparator,
+  br as InputSuffix,
+  vr as InputValidationIcon,
   gt as InputWithoutContext,
-  $s as MaskedTextBox,
+  Hs as MaskedTextBox,
   yt as MaskedTextBoxWithoutContext,
   ze as NumericTextBox,
-  as as NumericTextBoxPropsContext,
-  xs as PALETTEPRESETS,
+  ns as NumericTextBoxPropsContext,
+  Es as PALETTEPRESETS,
   X as RANGE_ACTION,
   de as RATING_ACTION,
   xt as RadioButton,
-  Ys as RadioButtonPropsContext,
-  ka as RadioGroup,
-  Js as RadioGroupPropsContext,
-  ba as RangeSlider,
-  Ks as RangeSliderPropsContext,
-  Ca as Rating,
+  Zs as RadioButtonPropsContext,
+  Ca as RadioGroup,
+  Qs as RadioGroupPropsContext,
+  ka as RangeSlider,
+  qs as RangeSliderPropsContext,
+  Ea as Rating,
   Et as RatingItem,
-  rr as RatingPropsContext,
+  ir as RatingPropsContext,
   kn as SLIDER_LABEL_ATTRIBUTE,
   St as Signature,
-  fr as SignaturePropsContext,
-  ia as Slider,
-  Rr as SliderLabel,
+  hr as SignaturePropsContext,
+  oa as Slider,
+  Vr as SliderLabel,
   bt as SliderWithoutContext,
-  js as Switch,
+  Ws as Switch,
   Ct as SwitchWithoutContext,
-  ya as TextArea,
-  Qs as TextAreaPropsContext,
-  xa as TextBox,
+  xa as TextArea,
+  er as TextAreaPropsContext,
+  Sa as TextBox,
   $ as inputsMessages,
   Za as isCorrectValue,
-  oa as isHalf,
-  Ot as isSelected,
-  zs as maskingChanged,
+  da as isHalf,
+  Tt as isSelected,
+  _s as maskingChanged,
   Ye as numericDecreaseValue,
   Xe as numericIncreaseValue,
-  Hs as rangeReducer,
-  sr as ratingReducer,
+  Gs as rangeReducer,
+  rr as ratingReducer,
   Ta as sanitizeNumber,
   ye as toRound
 };