npm - @progress/kendo-react-inputs - Versions diffs - 7.1.0-develop.16 → 7.1.0-develop.17 - Mend

@progress/kendo-react-inputs 7.1.0-develop.16 → 7.1.0-develop.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/NOTICE.txt +11 -18
package/dist/cdn/js/kendo-react-inputs.js +3 -3
package/index.js +3 -3
package/index.mjs +554 -554
package/package.json +9 -9

package/index.mjs CHANGED Viewed

@@ -5,29 +5,29 @@
 "use client";
 import * as n from "react";
 import r from "prop-types";
-import { useInternationalization as Nn, useLocalization as $e, provideLocalizationService as Je, registerForIntl as Pn, registerForLocalization as fa } from "@progress/kendo-react-intl";
-import { createPropsContext as pe, validatePackage as me, usePropsContext as Re, useId as Qe, useCustomComponent as Be, dispatchEvent as J, getActiveElement as wa, classNames as G, kendoThemeMaps as se, getTabIndex as oe, withIdHOC as et, withPropsContext as Ue, useDir as He, Keys as _, Draggable as en, IconWrap as he, focusFirstFocusableChild as tn, svgIconPropType as zt, useDraggable as Dn, noop as Ne, useRtl as Bn, toIconName as Vt, useAsyncFocusBlur as On } from "@progress/kendo-react-common";
+import { useInternationalization as Nn, useLocalization as He, provideLocalizationService as Je, registerForIntl as Pn, registerForLocalization as fa } from "@progress/kendo-react-intl";
+import { createPropsContext as he, validatePackage as pe, usePropsContext as Me, useId as Qe, useCustomComponent as Fe, dispatchEvent as J, getActiveElement as wa, classNames as G, kendoThemeMaps as ne, getTabIndex as re, withIdHOC as et, withPropsContext as je, useDir as Ge, Keys as _, Draggable as en, IconWrap as fe, focusFirstFocusableChild as tn, svgIconPropType as zt, useDraggable as Dn, noop as De, useRtl as Bn, toIconName as Vt, useAsyncFocusBlur as On } from "@progress/kendo-react-common";
 import { caretAltUpIcon as _t, caretAltDownIcon as ht, caretAltExpandIcon as Fn, caretAltLeftIcon as Ia, caretAltRightIcon as La, checkIcon as Mt, xIcon as At, dropletSliderIcon as Tn, paletteIcon as zn, dropletSlashIcon as _n, starOutlineIcon as Ra, starIcon as Va, hyperlinkOpenIcon as Ma } from "@progress/kendo-svg-icons";
 import { FloatingLabel as ha, Label as We } from "@progress/kendo-react-labels";
-import { Button as be, ButtonGroup as An } from "@progress/kendo-react-buttons";
+import { Button as ge, ButtonGroup as An } from "@progress/kendo-react-buttons";
 import { parseColor as mt, Color as an } from "@progress/kendo-drawing";
 import { Popup as $n } from "@progress/kendo-react-popup";
 import { SignaturePad as Hn } from "@progress/kendo-inputs-common";
 import { Dialog as Gn } from "@progress/kendo-react-dialogs";
-const ge = {
+const me = {
   name: "@progress/kendo-react-inputs",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1706273194,
+  publishDate: 1706524078,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
-}, Xe = "numerictextbox.increment", Ye = "numerictextbox.decrement", $t = "slider.increment", Ht = "slider.decrement", _e = "slider.dragTitle", ze = "colorGradient.r", nn = "colorGradient.g", sn = "colorGradient.b", rn = "colorGradient.a", ln = "colorGradient.hex", Gt = "colorGradient.contrastRatio", Kt = "colorGradient.colorGradientAALevel", qt = "colorGradient.colorGradientAAALevel", Ut = "colorGradient.colorGradientPass", jt = "colorGradient.colorGradientFail", Wt = "colorGradient.hueSliderLabel", Xt = "colorGradient.alphaSliderLabel", Yt = "colorGradient.toggleInputsButton", on = "flatColorPicker.cancelBtn", cn = "flatColorPicker.applyBtn", Zt = "flatColorPicker.colorGradientBtn", Jt = "flatColorPicker.colorPaletteBtn", Qt = "flatColorPicker.clearBtn", dn = "checkbox.validation", un = "checkbox.optionalText", Kn = "radioButton.validation", ea = "switch.validation", ta = "colorPicker.dropdownButtonAriaLabel", aa = "rating.ariaLabel", na = "signature.clear", sa = "signature.maximize", ra = "signature.minimize", H = {
+}, Xe = "numerictextbox.increment", Ye = "numerictextbox.decrement", $t = "slider.increment", Ht = "slider.decrement", Ae = "slider.dragTitle", _e = "colorGradient.r", nn = "colorGradient.g", sn = "colorGradient.b", rn = "colorGradient.a", ln = "colorGradient.hex", Gt = "colorGradient.contrastRatio", Kt = "colorGradient.colorGradientAALevel", qt = "colorGradient.colorGradientAAALevel", Ut = "colorGradient.colorGradientPass", jt = "colorGradient.colorGradientFail", Wt = "colorGradient.hueSliderLabel", Xt = "colorGradient.alphaSliderLabel", Yt = "colorGradient.toggleInputsButton", on = "flatColorPicker.cancelBtn", cn = "flatColorPicker.applyBtn", Zt = "flatColorPicker.colorGradientBtn", Jt = "flatColorPicker.colorPaletteBtn", Qt = "flatColorPicker.clearBtn", dn = "checkbox.validation", un = "checkbox.optionalText", Kn = "radioButton.validation", ea = "switch.validation", ta = "colorPicker.dropdownButtonAriaLabel", aa = "rating.ariaLabel", na = "signature.clear", sa = "signature.maximize", ra = "signature.minimize", H = {
   [Xe]: "Increase value",
   [Ye]: "Decrease value",
   [$t]: "Increase",
   [Ht]: "Decrease",
-  [_e]: "Drag",
-  [ze]: "r",
+  [Ae]: "Drag",
+  [_e]: "r",
   [nn]: "g",
   [sn]: "b",
   [rn]: "a",
@@ -54,7 +54,7 @@ const ge = {
   [na]: "Clear",
   [sa]: "Maximize",
   [ra]: "Minimize"
-}, pt = 11111111111111e-7, qn = 0.31111111111111117, Un = 1, fn = 1, hn = 0, ve = /\d/, pn = 15, Na = () => ({
+}, pt = 11111111111111e-7, qn = 0.31111111111111117, Un = 1, fn = 1, hn = 0, ye = /\d/, pn = 15, Na = () => ({
   eventValue: null,
   prevLooseValue: "",
   currentLooseValue: "",
@@ -64,16 +64,16 @@ const ge = {
   decimalSelect: !1,
   valueIsCorrected: !1,
   valueIsOutOfRange: !1
-}), Nt = (a, t) => a !== void 0 ? a : t, fe = (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) => {
+}), 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, i, l, c) => {
-  const o = mn(a || 0, e || 0), h = Ke(gn((a || 0) + (e || 0), o), s, i);
-  t.eventValue = h, t.currentLooseValue = fe(h, l, c), t.selectionStart = t.selectionEnd = Ze(t.currentLooseValue, ve);
+  const o = mn(a || 0, e || 0), h = qe(gn((a || 0) + (e || 0), o), s, i);
+  t.eventValue = h, t.currentLooseValue = ue(h, l, c), t.selectionStart = t.selectionEnd = Ze(t.currentLooseValue, ye);
 }, Ba = (a, t, e, s, i, l, c) => {
-  const o = mn(a || 0, e || 0), h = Ke(gn((a || 0) - (e || 0), o), s, i);
-  t.eventValue = h, t.currentLooseValue = fe(h, l, c), t.selectionStart = t.selectionEnd = Ze(t.currentLooseValue, ve);
-}, Ke = (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 o = mn(a || 0, e || 0), h = qe(gn((a || 0) - (e || 0), o), s, i);
+  t.eventValue = h, t.currentLooseValue = ue(h, l, c), t.selectionStart = t.selectionEnd = Ze(t.currentLooseValue, ye);
+}, qe = (a, t, e) => a == null ? a : !(a > 1 || a < 1 || a === 1) || e !== void 0 && t !== void 0 && e < t ? null : (e !== void 0 && a > e && (a = e), t !== void 0 && a < t && (a = t), a), Wn = (a, t) => {
   const e = t.findIndex(([i, l]) => !!l && a.indexOf(l) === a.length - l.length);
   if (e === -1)
     return -1;
@@ -91,10 +91,10 @@ const ge = {
   e.selectionStart > a.length && (e.selectionStart = e.selectionEnd = a.length);
   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) => {
+}, Ve = (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);
+  a.eventValue = s.parseNumber(a.prevLooseValue, t), a.currentLooseValue = a.prevLooseValue, a.valueIsCorrected = !0, Ve(a, a.selectionStart, a.currentLooseValue, e);
 }, 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;
@@ -114,10 +114,10 @@ const ge = {
   return [e, s, i, l].map((d) => d.replace(o, "")).join("").split("").filter((d, p, m) => m.indexOf(d) === p).join("");
 }, Dt = (a, t) => {
   const e = a.indexOf(t.decimal);
-  return e > -1 ? e : Ze(a, ve);
-}, ia = (a) => a.split("").reverse().join(""), Ze = (a, t) => a.length - ia(a).search(t), nt = (a) => a.split(a[a.search(ve)])[0], st = (a) => {
+  return e > -1 ? e : Ze(a, ye);
+}, ia = (a) => a.split("").reverse().join(""), Ze = (a, t) => a.length - ia(a).search(t), nt = (a) => a.split(a[a.search(ye)])[0], st = (a) => {
   const t = ia(a);
-  return ia(t.split(t[t.search(ve)])[0]);
+  return ia(t.split(t[t.search(ye)])[0]);
 }, Bt = (a, t) => a.search(t), Oa = (a, t) => {
   const e = a.indexOf(t);
   return e > -1 ? a.length - e - 1 : 0;
@@ -129,13 +129,13 @@ const ge = {
     return e + 1;
   let o = 0;
   for (let d = 0; d < e; d++)
-    ve.test(a.charAt(d)) && o++;
+    ye.test(a.charAt(d)) && o++;
   let h = 0;
   for (; o > 0 && t.length > h; )
-    ve.test(t.charAt(h)) && o--, h++;
+    ye.test(t.charAt(h)) && o--, h++;
   return h;
 }, Ta = (a, t, e) => {
-  const s = { ...a }, { prevLooseValue: i } = s, l = e.numberSymbols(), c = ts(t, e), o = String(s.currentLooseValue), h = String(i), d = new RegExp(`[^\\d\\${l.decimal}]`, "g"), p = new RegExp(`[^\\d\\${l.decimal}\\${l.group}]`, "g"), m = new RegExp(`[\\d\\${l.decimal}\\${l.group}]`), f = o.replace(d, ""), v = Bt(o, ve), N = v === -1 ? -1 : Ze(o, ve), P = o.indexOf(l.decimal), M = (o.substring(0, v) + o.substring(v, N).replace(p, "") + o.substring(N, o.length)).split("").filter((g) => c.indexOf(g) !== -1 || g.search(m) !== -1).join(""), V = e.formatNumber(qn, t).replace(d, ""), S = V.indexOf(l.decimal), I = S > -1 ? V.length - S - 1 : 0, O = e.formatNumber(Un, t).replace(d, ""), B = O.indexOf(l.decimal), w = B > -1 ? O.length - B - 1 : 0, {
+  const s = { ...a }, { prevLooseValue: i } = s, l = e.numberSymbols(), c = ts(t, e), o = String(s.currentLooseValue), h = String(i), d = new RegExp(`[^\\d\\${l.decimal}]`, "g"), p = new RegExp(`[^\\d\\${l.decimal}\\${l.group}]`, "g"), m = new RegExp(`[\\d\\${l.decimal}\\${l.group}]`), f = o.replace(d, ""), v = Bt(o, ye), N = v === -1 ? -1 : Ze(o, ye), P = o.indexOf(l.decimal), V = (o.substring(0, v) + o.substring(v, N).replace(p, "") + o.substring(N, o.length)).split("").filter((g) => c.indexOf(g) !== -1 || g.search(m) !== -1).join(""), R = e.formatNumber(qn, t).replace(d, ""), S = R.indexOf(l.decimal), I = S > -1 ? R.length - S - 1 : 0, O = e.formatNumber(Un, t).replace(d, ""), B = O.indexOf(l.decimal), w = B > -1 ? O.length - B - 1 : 0, {
     positiveInfo: F,
     negativeInfo: A,
     zeroInfo: T,
@@ -145,7 +145,7 @@ const ge = {
     if (o === "")
       return s.eventValue = null, s.currentLooseValue = "", s;
     if (s.currentLooseValue === l.minusSign && e.formatNumber(-0, t) !== h)
-      return s.eventValue = -0, s.currentLooseValue = fe(s.eventValue, t, e), Le(
+      return s.eventValue = -0, s.currentLooseValue = ue(s.eventValue, t, e), Ve(
         s,
         Dt(s.currentLooseValue, l),
         s.currentLooseValue,
@@ -153,13 +153,13 @@ const ge = {
       ), s;
     if (s.currentLooseValue === l.decimal) {
       s.eventValue = 0;
-      const y = fe(s.eventValue, t, e);
+      const y = ue(s.eventValue, t, e);
       if (w === 0 && I > 0) {
-        const E = Ze(y, ve);
+        const E = Ze(y, ye);
         s.currentLooseValue = y.substring(0, E) + l.decimal + y.substring(E);
       } else
         s.currentLooseValue = y;
-      return Le(
+      return Ve(
         s,
         Dt(s.currentLooseValue, l) + 1,
         s.currentLooseValue,
@@ -168,9 +168,9 @@ const ge = {
     }
     if (Zn(s, l)) {
       const y = e.parseNumber(i, t);
-      s.eventValue = -(y !== null ? y : 0), s.currentLooseValue = fe(s.eventValue, t, e);
-      const E = Bt(s.currentLooseValue, ve), D = Bt(h, ve);
-      return Le(
+      s.eventValue = -(y !== null ? y : 0), s.currentLooseValue = ue(s.eventValue, t, e);
+      const E = Bt(s.currentLooseValue, ye), D = Bt(h, ye);
+      return Ve(
         s,
         s.selectionEnd - 1 + (E - D),
         s.currentLooseValue,
@@ -178,7 +178,7 @@ const ge = {
       ), s;
     }
     if (Jn(s, l))
-      return s.eventValue = e.parseNumber(s.currentLooseValue, t), Le(
+      return s.eventValue = e.parseNumber(s.currentLooseValue, t), Ve(
         s,
         s.selectionStart,
         s.currentLooseValue,
@@ -187,25 +187,25 @@ const ge = {
     if (Qn(s, l))
       return Pt(s, t, L, e), s;
     if (Q)
-      return s.eventValue = e.parseNumber(o, t) / 100, s.currentLooseValue = fe(s.eventValue, t, e), s;
+      return s.eventValue = e.parseNumber(o, t) / 100, s.currentLooseValue = ue(s.eventValue, t, e), s;
     if (String(s.currentLooseValue).replace(/[^\d]/g, "").length > pn || f !== o && o && $ && L.findIndex(([E, D]) => {
-      const ee = o.indexOf(E), Y = o.indexOf(D), R = ee === 0, b = Y === o.length - D.length, K = ee + E.length !== v && v !== -1 && o[ee + E.length] !== l.decimal, q = Y !== N && N !== -1 && o[Y - 1] !== l.decimal;
-      return E && D ? K || q ? !1 : R && b : E ? K ? !1 : R : D ? q ? !1 : b : !1;
+      const ee = o.indexOf(E), Z = o.indexOf(D), M = ee === 0, b = Z === o.length - D.length, q = ee + E.length !== v && v !== -1 && o[ee + E.length] !== l.decimal, K = Z !== N && N !== -1 && o[Z - 1] !== l.decimal;
+      return E && D ? q || K ? !1 : M && b : E ? q ? !1 : M : D ? K ? !1 : b : !1;
     }) === -1)
       return Pt(s, t, L, e), s;
     if (f[f.length - 1] === l.decimal && I > 0)
-      return s.eventValue = e.parseNumber(o, t), s.currentLooseValue = M, s;
+      return s.eventValue = e.parseNumber(o, t), s.currentLooseValue = V, s;
     if (s.currentLooseValue && i && (c + l.decimal + l.group).split("").findIndex((E) => o.split("").filter((D) => D === E).length < h.split("").filter((D) => D === E).length && o.length + 1 === h.length ? !(E === l.decimal && Oa(h.replace(d, ""), l.decimal) === 0) : !1) > -1)
       return s.eventValue = e.parseNumber(a.prevLooseValue, t), s.currentLooseValue = a.prevLooseValue, s;
     const k = Oa(f, l.decimal), u = f[f.length - 1] === "0";
     if (U && u && k < w)
-      return s.eventValue = e.parseNumber(s.currentLooseValue, t), s.currentLooseValue = fe(s.eventValue, t, e), s;
+      return s.eventValue = e.parseNumber(s.currentLooseValue, t), s.currentLooseValue = ue(s.eventValue, t, e), s;
     if (k > 0) {
       const y = o.substring(0, P);
       if (u && (!y || h.indexOf(y) !== 0)) {
         s.eventValue = e.parseNumber(s.currentLooseValue, t);
-        const E = fe(s.eventValue, t, e);
-        return Le(
+        const E = ue(s.eventValue, t, e);
+        return Ve(
           s,
           Fa(o, E, s.selectionEnd, U, d),
           E,
@@ -214,34 +214,34 @@ const ge = {
       }
       if (k > I) {
         const E = o.indexOf(l.decimal), D = o.substring(0, E) + o.substring(E, E + 1 + I) + o.substring(N, String(s.currentLooseValue).length);
-        return s.eventValue = e.parseNumber(D, t), s.currentLooseValue = D, Le(s, s.selectionStart, D, L), s;
+        return s.eventValue = e.parseNumber(D, t), s.currentLooseValue = D, Ve(s, s.selectionStart, D, L), s;
       }
       if (w !== I && k <= I && u)
-        return s.eventValue = e.parseNumber(s.currentLooseValue, t), s.currentLooseValue = M, s;
+        return s.eventValue = e.parseNumber(s.currentLooseValue, t), s.currentLooseValue = V, s;
       if (k < w)
-        return s.eventValue = e.parseNumber(s.currentLooseValue, t), s.currentLooseValue = fe(s.eventValue, t, e), s;
+        return s.eventValue = e.parseNumber(s.currentLooseValue, t), s.currentLooseValue = ue(s.eventValue, t, e), s;
     }
   }
   if (s.eventValue = e.parseNumber(s.currentLooseValue, t), Q && (s.eventValue = s.eventValue / 100), typeof s.eventValue == "number") {
-    const g = fe(s.eventValue, t, e);
-    o.length === 1 ? Le(s, Dt(g, l), g, L) : Le(
+    const g = ue(s.eventValue, t, e);
+    o.length === 1 ? Ve(s, Dt(g, l), g, L) : Ve(
       s,
       Fa(o, g, s.selectionEnd, U, d),
       g,
       L
     ), s.currentLooseValue = g;
   } else
-    s.currentLooseValue = fe(e.parseNumber(f), t, e);
+    s.currentLooseValue = ue(e.parseNumber(f), t, e);
   return s;
-}, as = "Please enter a valid value!", ns = pe(), Ae = n.forwardRef((a, t) => {
-  me(ge);
-  const e = Re(ns, a), s = Qe(), i = e.id || s, l = Nn(), c = $e(), o = n.useRef(null), h = n.useRef(), [d, p] = n.useState(!1), m = n.useRef(Na()), f = n.useRef(!1), v = n.useRef(), N = n.useRef(e.defaultValue), P = fe(
+}, as = "Please enter a valid value!", ns = he(), $e = n.forwardRef((a, t) => {
+  pe(me);
+  const e = Me(ns, a), s = Qe(), i = e.id || s, l = Nn(), c = He(), o = n.useRef(null), h = n.useRef(), [d, p] = n.useState(!1), m = n.useRef(Na()), f = n.useRef(!1), v = n.useRef(), N = n.useRef(e.defaultValue), P = ue(
     m.current.focused && !e.disabled ? m.current.currentLooseValue : Nt(e.value, N.current),
     e.format,
     l
   );
   v.current = P;
-  const [M] = Be(e.prefix), [V] = Be(e.suffix);
+  const [V] = Fe(e.prefix), [R] = Fe(e.suffix);
   n.useEffect(
     () => {
       o.current && o.current.setCustomValidity && o.current.setCustomValidity(
@@ -265,10 +265,10 @@ const ge = {
     [e.required]
   ), w = n.useCallback(
     () => {
-      const R = e.validationMessage !== void 0, b = I(), K = e.valid !== void 0 ? e.valid : !m.current.valueIsOutOfRange && (!B() || b != null);
+      const M = e.validationMessage !== void 0, b = I(), q = e.valid !== void 0 ? e.valid : !m.current.valueIsOutOfRange && (!B() || b != null);
       return {
-        customError: R,
-        valid: K,
+        customError: M,
+        valid: q,
         valueMissing: b == null
       };
     },
@@ -281,11 +281,11 @@ const ge = {
     [e]
   ), T = n.useCallback(
     () => {
-      const R = {
+      const M = {
         element: o.current,
         focus: S
       };
-      return Object.defineProperty(R, "name", { get: O }), Object.defineProperty(R, "value", { get: I }), Object.defineProperty(R, "validity", { get: w }), Object.defineProperty(R, "validityStyles", { get: F }), Object.defineProperty(R, "required", { get: B }), Object.defineProperty(R, "props", { get: A }), R;
+      return Object.defineProperty(M, "name", { get: O }), Object.defineProperty(M, "value", { get: I }), Object.defineProperty(M, "validity", { get: w }), Object.defineProperty(M, "validityStyles", { get: F }), Object.defineProperty(M, "required", { get: B }), Object.defineProperty(M, "props", { get: A }), M;
     },
     [O, I, w, F, B, S, A]
   );
@@ -305,38 +305,38 @@ const ge = {
     }),
     [e.value]
   ), L = n.useCallback(
-    (R, b) => {
+    (M, b) => {
       if (e.disabled)
         return;
       h.current = b.eventValue, N.current = b.eventValue;
-      const K = fe(Ke(b.eventValue, e.min, e.max), e.format, l), q = Ke(l.parseNumber(K, e.format), e.min, e.max);
-      q !== b.eventValue && (b.valueIsOutOfRange = !0, b.eventValue = q, N.current = q), e.value !== b.eventValue && J(
+      const q = ue(qe(b.eventValue, e.min, e.max), e.format, l), K = qe(l.parseNumber(q, e.format), e.min, e.max);
+      K !== b.eventValue && (b.valueIsOutOfRange = !0, b.eventValue = K, N.current = K), e.value !== b.eventValue && J(
         e.onChange,
-        R,
+        M,
         T(),
         { value: b.eventValue }
-      ), h.current = void 0, m.current = b, p((ce) => !ce);
+      ), h.current = void 0, m.current = b, p((ie) => !ie);
     },
     [e.value, e.onChange, e.disabled, p, T]
   ), $ = n.useCallback(
-    (R) => {
+    (M) => {
       const b = x();
-      f.current = !1, L(R, Ta(b, e.format, l));
+      f.current = !1, L(M, Ta(b, e.format, l));
     },
     [e.format, e.onChange, l, L, x]
   ), U = n.useCallback(
-    (R) => {
+    (M) => {
       let b = x();
-      const K = l.parseNumber(String(b.currentLooseValue), e.format);
+      const q = l.parseNumber(String(b.currentLooseValue), e.format);
       if (b.selectionEnd > b.selectionStart && b.selectionEnd - b.selectionStart === String(b.currentLooseValue).length) {
-        const q = l.numberSymbols(), Z = q && R.key === q.minusSign, ce = q && R.key === q.decimal;
-        f.current = !Z && !ce;
+        const K = l.numberSymbols(), W = K && M.key === K.minusSign, ie = K && M.key === K.decimal;
+        f.current = !W && !ie;
         return;
       }
-      switch (R.keyCode) {
+      switch (M.keyCode) {
         case 38:
           Da(
-            K,
+            q,
             b,
             e.step,
             e.min,
@@ -347,7 +347,7 @@ const ge = {
           break;
         case 40:
           Ba(
-            K,
+            q,
             b,
             e.step,
             e.min,
@@ -359,19 +359,19 @@ const ge = {
         case 13: {
           if (e.rangeOnEnter === !1)
             return;
-          const q = fe(Ke(K, e.min, e.max), e.format, l), Z = Ke(l.parseNumber(q, e.format), e.min, e.max);
-          b.eventValue = Z, b.currentLooseValue = fe(Z, e.format, l), b.selectionStart = b.selectionEnd = b.currentLooseValue.length;
+          const K = ue(qe(q, e.min, e.max), e.format, l), W = qe(l.parseNumber(K, e.format), e.min, e.max);
+          b.eventValue = W, b.currentLooseValue = ue(W, e.format, l), b.selectionStart = b.selectionEnd = b.currentLooseValue.length;
           break;
         }
         case 110: {
-          const q = o.current, Z = l.numberSymbols();
-          q && (b.currentLooseValue = b.currentLooseValue.slice(0, b.selectionStart) + Z.decimal + b.currentLooseValue.slice(b.selectionEnd), b.selectionStart = b.selectionEnd = b.selectionStart + 1, b = Ta(b, e.format, l));
+          const K = o.current, W = l.numberSymbols();
+          K && (b.currentLooseValue = b.currentLooseValue.slice(0, b.selectionStart) + W.decimal + b.currentLooseValue.slice(b.selectionEnd), b.selectionStart = b.selectionEnd = b.selectionStart + 1, b = Ta(b, e.format, l));
           break;
         }
         default:
           return;
       }
-      R.preventDefault(), L(R, b);
+      M.preventDefault(), L(M, b);
     },
     [e.format, e.min, e.max, e.step, e.onChange, e.rangeOnEnter, L, x]
   ), Q = n.useCallback(
@@ -380,7 +380,7 @@ const ge = {
     },
     []
   ), g = n.useCallback(
-    (R) => {
+    (M) => {
       if (e.readOnly || e.disabled)
         return;
       const b = x();
@@ -392,11 +392,11 @@ const ge = {
         e.max,
         e.format,
         l
-      ), L(R, b);
+      ), L(M, b);
     },
     [e.format, e.min, e.max, e.step, e.onChange, e.readOnly, e.disabled, L, x]
   ), k = n.useCallback(
-    (R) => {
+    (M) => {
       if (e.readOnly || e.disabled)
         return;
       const b = x();
@@ -408,40 +408,40 @@ const ge = {
         e.max,
         e.format,
         l
-      ), L(R, b);
+      ), L(M, b);
     },
     [e.format, e.min, e.max, e.step, e.onChange, e.readOnly, e.disabled, L, x]
   ), u = n.useCallback(
-    (R) => {
+    (M) => {
       const b = wa(document);
-      !document || b !== o.current || !o.current || e.readOnly || e.disabled || (R.nativeEvent.deltaY < 0 && g(R), R.nativeEvent.deltaY > 0 && k(R));
+      !document || b !== o.current || !o.current || e.readOnly || e.disabled || (M.nativeEvent.deltaY < 0 && g(M), M.nativeEvent.deltaY > 0 && k(M));
     },
     [g, k, e.disabled, e.readOnly]
   ), y = n.useCallback(
-    (R) => {
+    (M) => {
       m.current.currentLooseValue = v.current, m.current.focused = !0, J(
         e.onFocus,
-        R,
+        M,
         T(),
         {}
       ), p((b) => !b);
     },
     [e.onFocus, p, T]
   ), E = n.useCallback(
-    (R) => {
+    (M) => {
       m.current = Na(), J(
         e.onBlur,
-        R,
+        M,
         T(),
         {}
       ), p((b) => !b);
     },
     [e.onBlur, p, T]
   ), D = n.useCallback(
-    (R) => {
+    (M) => {
       if (document && o.current) {
         const b = wa(document);
-        R.preventDefault(), b !== o.current && o.current.focus();
+        M.preventDefault(), b !== o.current && o.current.focus();
       }
     },
     []
@@ -452,7 +452,7 @@ const ge = {
     },
     [d]
   );
-  const ee = !F() || w().valid, Y = /* @__PURE__ */ n.createElement(
+  const ee = !F() || w().valid, Z = /* @__PURE__ */ n.createElement(
     "span",
     {
       dir: e.dir,
@@ -461,9 +461,9 @@ const ge = {
         "k-input",
         "k-numerictextbox",
         {
-          [`k-input-${se.sizeMap[e.size] || e.size}`]: e.size,
+          [`k-input-${ne.sizeMap[e.size] || e.size}`]: e.size,
           [`k-input-${e.fillMode}`]: e.fillMode,
-          [`k-rounded-${se.roundedMap[e.rounded] || e.rounded}`]: e.rounded,
+          [`k-rounded-${ne.roundedMap[e.rounded] || e.rounded}`]: e.rounded,
           "k-invalid": !ee,
           "k-required": e.required,
           "k-disabled": e.disabled
@@ -472,13 +472,13 @@ const ge = {
       ),
       "aria-disabled": e.disabled ? "true" : void 0
     },
-    /* @__PURE__ */ n.createElement(M, null),
+    /* @__PURE__ */ n.createElement(V, null),
     /* @__PURE__ */ n.createElement(
       "input",
       {
         role: "spinbutton",
         value: P === null ? "" : P,
-        tabIndex: oe(e.tabIndex, e.disabled),
+        tabIndex: re(e.tabIndex, e.disabled),
         accessKey: e.accessKey,
         disabled: e.disabled,
         title: e.title,
@@ -507,7 +507,7 @@ const ge = {
         ref: o
       }
     ),
-    /* @__PURE__ */ n.createElement(V, null),
+    /* @__PURE__ */ n.createElement(R, null),
     e.children,
     e.spinners && /* @__PURE__ */ n.createElement(
       "span",
@@ -516,7 +516,7 @@ const ge = {
         onMouseDown: D
       },
       /* @__PURE__ */ n.createElement(
-        be,
+        ge,
         {
           tabIndex: -1,
           type: "button",
@@ -530,7 +530,7 @@ const ge = {
         }
       ),
       /* @__PURE__ */ n.createElement(
-        be,
+        ge,
         {
           tabIndex: -1,
           type: "button",
@@ -554,13 +554,13 @@ const ge = {
       editorValid: ee,
       editorDisabled: e.disabled,
       editorPlaceholder: e.placeholder,
-      children: Y,
+      children: Z,
       style: { width: e.width },
       dir: e.dir
     }
-  ) : Y;
+  ) : Z;
 });
-Ae.propTypes = {
+$e.propTypes = {
   value: r.number,
   defaultValue: r.number,
   step: r.number,
@@ -606,8 +606,8 @@ Ae.propTypes = {
   rounded: r.oneOf([null, "small", "medium", "large", "full"]),
   fillMode: r.oneOf([null, "solid", "flat", "outline"])
 };
-Ae.displayName = "KendoNumericTextBox";
-Ae.defaultProps = {
+$e.displayName = "KendoNumericTextBox";
+$e.defaultProps = {
   prefix: (a) => null,
   suffix: (a) => null,
   step: 1,
@@ -626,28 +626,28 @@ Ae.defaultProps = {
   rounded: "medium",
   fillMode: "solid"
 };
-const ne = (a) => a != null, le = (a, t, e) => !ne(a) || isNaN(a) || a <= t ? t : a >= e ? e : a, Pe = (a, t, e = !0) => {
+const ae = (a) => a != null, se = (a, t, e) => !ae(a) || isNaN(a) || a <= t ? t : a >= e ? e : a, Be = (a, t, e = !0) => {
   if (["hex", "rgba"].indexOf(t) === -1)
     throw new Error(`Unsupported color output format '${t}'. The available options are 'hex' or 'rgba'.`);
-  if (!ne(a))
+  if (!ae(a))
     return;
   const i = mt(a.trim(), e);
-  if (ne(i))
+  if (ae(i))
     return t === "hex" ? i.toCss() : i.toCssRgba();
 }, Ot = (a, t = !0) => {
   const e = mt(a, t);
-  return ne(e) ? e.toHSV() : {};
-}, qe = (a, t = !0) => {
+  return ae(e) ? e.toHSV() : {};
+}, Ue = (a, t = !0) => {
   const e = mt(a, t);
-  return ne(e) ? e.toBytes() : {};
+  return ae(e) ? e.toBytes() : {};
 }, pa = (a) => {
-  const t = le(a.h, 0, 359.9), e = le(a.s, 0, 1), s = le(a.v, 0, 1), i = le(a.a, 0, 1);
+  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 = le(a.r, 0, 255), e = le(a.g, 0, 255), s = le(a.b, 0, 255), i = le(a.a, 0, 1);
+  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 = le(a.r, 0, 255), s = le(a.g, 0, 255), i = le(a.b, 0, 255), l = le(a.a, 0, 1), c = le(t.r, 0, 255), o = le(t.g, 0, 255), h = le(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), h = se(t.b, 0, 255);
   return {
     r: Math.round((1 - l) * c + l * e),
     g: Math.round((1 - l) * o + l * s),
@@ -691,7 +691,7 @@ const ne = (a) => a != null, le = (a, t, e) => !ne(a) || isNaN(a) || a <= t ? t
         let e = t.target.parentNode;
         e && e.classList.contains("k-empty") && e.classList.remove("k-empty");
       }
-    }, me(ge), this.state = {
+    }, pe(me), this.state = {
       value: this.props.defaultValue || la.defaultProps.defaultValue
     };
   }
@@ -776,18 +776,18 @@ const ne = (a) => a != null, le = (a, t, e) => !ne(a) || isNaN(a) || a <= t ? t
       style: v,
       ariaLabel: N,
       ...P
-    } = this.props, M = s || this._inputId, V = !this.validityStyles || this.validity.valid, S = G(a, "k-input k-input-md k-rounded-md k-input-solid"), I = /* @__PURE__ */ n.createElement(
+    } = this.props, V = s || this._inputId, R = !this.validityStyles || this.validity.valid, S = G(a, "k-input k-input-md k-rounded-md k-input-solid"), I = /* @__PURE__ */ n.createElement(
       "input",
       {
         "aria-labelledby": p,
         "aria-describedby": m,
         "aria-disabled": this.props.disabled || void 0,
-        "aria-invalid": !V || void 0,
+        "aria-invalid": !R || void 0,
         "aria-label": N || void 0,
         ...P,
         style: t ? void 0 : v,
         value: this.value,
-        id: M,
+        id: V,
         className: S,
         onChange: this.handleChange,
         onAnimationStart: this.handleAutoFill,
@@ -801,9 +801,9 @@ const ne = (a) => a != null, le = (a, t, e) => !ne(a) || isNaN(a) || a <= t ? t
       {
         label: t,
         labelClassName: e,
-        editorId: M,
+        editorId: V,
         editorValue: String(this.value),
-        editorValid: V,
+        editorValid: R,
         editorDisabled: P.disabled,
         editorPlaceholder: P.placeholder,
         children: I,
@@ -831,15 +831,15 @@ gt.defaultProps = {
   required: !1,
   validityStyles: !0
 };
-const is = pe(), vn = et(Ue(is, gt));
+const is = he(), vn = et(je(is, gt));
 vn.displayName = "KendoReactInput";
 class ls extends n.Component {
   constructor(t) {
     super(t), this.onChange = (e) => {
-      const s = e.target.value, i = Pe(s, "rgba");
-      this.setState({ hex: s }), ne(i) && this.props.onHexChange(s, i, e);
+      const s = e.target.value, i = Be(s, "rgba");
+      this.setState({ hex: s }), ae(i) && this.props.onHexChange(s, i, e);
     }, this.onBlur = () => {
-      ne(Pe(this.state.hex, "rgba")) || this.setState({ hex: this.state.originalHex });
+      ae(Be(this.state.hex, "rgba")) || this.setState({ hex: this.state.originalHex });
     }, this.state = { hex: this.props.hex, originalHex: this.props.hex };
   }
   render() {
@@ -857,7 +857,7 @@ class ls extends n.Component {
     return t.hex !== e.originalHex ? { hex: t.hex, originalHex: t.hex } : null;
   }
 }
-const Fe = ["rgba", "rgb", "hex"];
+const Te = ["rgba", "rgb", "hex"];
 class ma extends n.Component {
   constructor(t) {
     super(t), this.onRgbaRChange = (e) => {
@@ -868,12 +868,12 @@ class ma extends n.Component {
       this.dispatchRgbaChange({ b: e.value }, e);
     }, this.onRgbaAChange = (e) => {
       this.dispatchRgbaChange({ a: e.value }, e);
-    }, this.state = { inputMode: t.defaultInputMode || Fe[1] };
+    }, this.state = { inputMode: t.defaultInputMode || Te[1] };
   }
   render() {
-    const t = Je(this), e = t.toLanguageString(ze, H[ln]), s = t.toLanguageString(ze, H[ze]), i = t.toLanguageString(ze, H[nn]), l = t.toLanguageString(ze, H[sn]), c = t.toLanguageString(ze, H[rn]), o = t.toLanguageString(Yt, H[Yt]);
+    const t = Je(this), e = t.toLanguageString(_e, H[ln]), s = t.toLanguageString(_e, H[_e]), i = t.toLanguageString(_e, H[nn]), l = t.toLanguageString(_e, H[sn]), c = t.toLanguageString(_e, H[rn]), o = t.toLanguageString(Yt, H[Yt]);
     return /* @__PURE__ */ n.createElement("div", { className: "k-colorgradient-inputs k-hstack" }, /* @__PURE__ */ n.createElement("div", { className: "k-vstack" }, /* @__PURE__ */ n.createElement(
-      be,
+      ge,
       {
         "aria-label": o,
         fillMode: "flat",
@@ -890,7 +890,7 @@ class ma extends n.Component {
         disabled: this.props.disabled
       }
     )), /* @__PURE__ */ n.createElement(We, { className: "k-colorgradient-input-label" }, e)), (this.state.inputMode === "rgb" || this.state.inputMode === "rgba") && /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("div", { className: "k-vstack" }, /* @__PURE__ */ n.createElement(
-      Ae,
+      $e,
       {
         inputType: "number",
         value: this.props.rgba.r,
@@ -903,7 +903,7 @@ class ma extends n.Component {
         disabled: this.props.disabled
       }
     ), /* @__PURE__ */ n.createElement(We, { className: "k-colorgradient-input-label" }, s)), /* @__PURE__ */ n.createElement("div", { className: "k-vstack" }, /* @__PURE__ */ n.createElement(
-      Ae,
+      $e,
       {
         inputType: "number",
         value: this.props.rgba.g,
@@ -916,7 +916,7 @@ class ma extends n.Component {
         disabled: this.props.disabled
       }
     ), /* @__PURE__ */ n.createElement(We, { className: "k-colorgradient-input-label" }, i)), /* @__PURE__ */ n.createElement("div", { className: "k-vstack" }, /* @__PURE__ */ n.createElement(
-      Ae,
+      $e,
       {
         inputType: "number",
         value: this.props.rgba.b,
@@ -929,7 +929,7 @@ class ma extends n.Component {
         disabled: this.props.disabled
       }
     ), /* @__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(
-      Ae,
+      $e,
       {
         inputType: "number",
         value: this.props.rgba.a,
@@ -949,19 +949,19 @@ class ma extends n.Component {
     t.r !== void 0 && (s.r = t.r), t.g !== void 0 && (s.g = t.g), t.b !== void 0 && (s.b = t.b), t.a !== void 0 && (s.a = t.a), this.props.onRgbaChange(s, e);
   }
   onToggleModeChange() {
-    const t = Fe.length - 1 === Fe.indexOf(this.state.inputMode) ? 0 : Fe.indexOf(this.state.inputMode) + 1;
+    const t = Te.length - 1 === Te.indexOf(this.state.inputMode) ? 0 : Te.indexOf(this.state.inputMode) + 1;
     if (this.props.opacity)
-      this.setState({ inputMode: Fe[t] });
+      this.setState({ inputMode: Te[t] });
     else {
-      const e = Fe[t] === "rgba" ? t + 1 : t;
-      this.setState({ inputMode: Fe[e] });
+      const e = Te[t] === "rgba" ? t + 1 : t;
+      this.setState({ inputMode: Te[e] });
     }
   }
 }
 Pn(ma);
 fa(ma);
 const kn = "data-slider-label", Vr = (a) => {
-  const t = n.useRef(null), e = He(t), s = a.vertical ? { bottom: `${a.position}%` } : { [e === "rtl" ? "right" : "left"]: `${a.position}%` }, i = a.vertical ? "k-tick-vertical" : "k-tick-horizontal";
+  const t = n.useRef(null), e = Ge(t), s = a.vertical ? { bottom: `${a.position}%` } : { [e === "rtl" ? "right" : "left"]: `${a.position}%` }, i = a.vertical ? "k-tick-vertical" : "k-tick-horizontal";
   return /* @__PURE__ */ n.createElement(
     "li",
     {
@@ -996,7 +996,7 @@ class bt extends n.Component {
         return e.children;
       const s = this.state.dir === "rtl" ? this.props.vertical ? _t : Ia : this.props.vertical ? _t : La, i = this.state.dir === "rtl" ? this.props.vertical ? ht : La : this.props.vertical ? ht : Ia, l = this.state.dir === "rtl" ? this.props.vertical ? "caret-alt-up" : "caret-alt-left" : this.props.vertical ? "caret-alt-up" : "caret-alt-right", c = this.state.dir === "rtl" ? this.props.vertical ? "caret-alt-down" : "caret-alt-right" : this.props.vertical ? "caret-alt-down" : "caret-alt-left";
       return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(
-        be,
+        ge,
         {
           className: "k-button-decrease",
           rounded: "full",
@@ -1006,7 +1006,7 @@ class bt extends n.Component {
           onClick: e.decrement
         }
       ), e.children, /* @__PURE__ */ n.createElement(
-        be,
+        ge,
         {
           className: "k-button-increase",
           rounded: "full",
@@ -1044,7 +1044,7 @@ class bt extends n.Component {
     }, this.drag = (e) => {
       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));
-    }, me(ge);
+    }, pe(me);
   }
   /**
    * @hidden
@@ -1150,9 +1150,9 @@ class bt extends n.Component {
                 "aria-labelledby": this.props.ariaLabelledBy,
                 "aria-describedby": this.props.ariaDescribedBy,
                 "aria-label": this.props.ariaLabel,
-                tabIndex: oe(this.props.tabIndex, this.props.disabled, void 0),
+                tabIndex: re(this.props.tabIndex, this.props.disabled, void 0),
                 className: "k-draghandle",
-                title: t.toLanguageString(_e, H[_e]),
+                title: t.toLanguageString(Ae, H[Ae]),
                 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,47 +1183,47 @@ bt.propTypes = {
   ariaLabel: r.string
   // TODO: validation when buttons is set to true, but no step is provided
 };
-const os = pe(), oa = Ue(os, bt);
+const os = he(), oa = je(os, bt);
 oa.displayName = "KendoReactSlider";
 fa(bt);
-const Ge = {};
+const Ke = {};
 function cs(a, t, e) {
-  Ge[a] = { value: t, hsva: e };
+  Ke[a] = { value: t, hsva: e };
 }
 function ds(a, t, e) {
-  Ge[a] = { value: t, rgba: e };
+  Ke[a] = { value: t, rgba: e };
 }
 function us(a, t, e) {
-  Ge[a] = { value: t, hex: e };
+  Ke[a] = { value: t, hex: e };
 }
 function fs(a) {
-  delete Ge[a];
+  delete Ke[a];
 }
 function hs(a, t) {
   if (a) {
-    const e = Ge[a];
+    const e = Ke[a];
     return e && e.value === t ? e.hex : void 0;
   } else
     return;
 }
 function ps(a, t) {
   if (a) {
-    const e = Ge[a];
+    const e = Ke[a];
     return e && e.value === t ? e.hsva : void 0;
   } else
     return;
 }
 function ms(a, t) {
   if (a) {
-    const e = Ge[a];
+    const e = Ke[a];
     return e && e.value === t ? e.rgba : void 0;
   } else
     return;
 }
 class yn extends n.Component {
   render() {
-    const t = Je(this), e = t.toLanguageString(Gt, H[Gt]), s = t.toLanguageString(Kt, H[Kt]), i = t.toLanguageString(qt, H[qt]), l = t.toLanguageString(Ut, H[Ut]), c = t.toLanguageString(jt, H[jt]), o = bn(this.props.rgba, this.props.bgColor), h = 4.5.toFixed(1), d = 7 .toFixed(1), p = `${e}: ${o.toFixed(2)}`, m = `${s}: ${h}`, f = `${i}: ${d}`, v = /* @__PURE__ */ n.createElement("span", { className: "k-contrast-validation k-text-success" }, l, " ", /* @__PURE__ */ n.createElement(he, { name: "check", icon: Mt })), N = /* @__PURE__ */ n.createElement("span", { className: "k-contrast-validation k-text-error" }, c, " ", /* @__PURE__ */ n.createElement(he, { name: "x", icon: At }));
-    return /* @__PURE__ */ n.createElement("div", { className: "k-vbox k-colorgradient-color-contrast" }, /* @__PURE__ */ n.createElement("div", { className: "k-contrast-ratio" }, /* @__PURE__ */ n.createElement("span", { className: "k-contrast-ratio-text" }, p), o >= 4.5 ? /* @__PURE__ */ n.createElement("span", { className: "k-contrast-validation k-text-success" }, /* @__PURE__ */ n.createElement(he, { name: "check", icon: Mt }), o >= 7 && /* @__PURE__ */ n.createElement(he, { name: "check", icon: Mt })) : /* @__PURE__ */ n.createElement("span", { className: "k-contrast-validation k-text-error" }, /* @__PURE__ */ n.createElement(he, { name: "x", icon: At }))), /* @__PURE__ */ n.createElement("div", null, /* @__PURE__ */ n.createElement("span", null, m), o >= 4.5 ? v : N), /* @__PURE__ */ n.createElement("div", null, /* @__PURE__ */ n.createElement("span", null, f), o >= 7 ? v : N));
+    const t = Je(this), e = t.toLanguageString(Gt, H[Gt]), s = t.toLanguageString(Kt, H[Kt]), i = t.toLanguageString(qt, H[qt]), l = t.toLanguageString(Ut, H[Ut]), c = t.toLanguageString(jt, H[jt]), o = bn(this.props.rgba, this.props.bgColor), h = 4.5.toFixed(1), d = 7 .toFixed(1), p = `${e}: ${o.toFixed(2)}`, m = `${s}: ${h}`, f = `${i}: ${d}`, v = /* @__PURE__ */ n.createElement("span", { className: "k-contrast-validation k-text-success" }, l, " ", /* @__PURE__ */ n.createElement(fe, { name: "check", icon: Mt })), N = /* @__PURE__ */ n.createElement("span", { className: "k-contrast-validation k-text-error" }, c, " ", /* @__PURE__ */ n.createElement(fe, { name: "x", icon: At }));
+    return /* @__PURE__ */ n.createElement("div", { className: "k-vbox k-colorgradient-color-contrast" }, /* @__PURE__ */ n.createElement("div", { className: "k-contrast-ratio" }, /* @__PURE__ */ n.createElement("span", { className: "k-contrast-ratio-text" }, p), o >= 4.5 ? /* @__PURE__ */ n.createElement("span", { className: "k-contrast-validation k-text-success" }, /* @__PURE__ */ n.createElement(fe, { name: "check", icon: Mt }), o >= 7 && /* @__PURE__ */ n.createElement(fe, { name: "check", icon: Mt })) : /* @__PURE__ */ n.createElement("span", { className: "k-contrast-validation k-text-error" }, /* @__PURE__ */ n.createElement(fe, { name: "x", icon: At }))), /* @__PURE__ */ n.createElement("div", null, /* @__PURE__ */ n.createElement("span", null, m), o >= 4.5 ? v : N), /* @__PURE__ */ n.createElement("div", null, /* @__PURE__ */ n.createElement("span", null, f), o >= 7 ? v : N));
   }
 }
 fa(yn);
@@ -1252,7 +1252,7 @@ const it = (a, t) => a.length === 0 ? "" : `<path d="${a.reduce(
 class ks extends n.Component {
   renderSvgCurveLine() {
     const t = this.props.metrics, e = (l, c, o, h, d) => {
-      const p = (o + h) / 2, m = Object.assign({}, this.props.hsva, { s: c / t.width, v: 1 - p / t.height }), f = bn(qe(pa(m)), qe(this.props.backgroundColor || ""));
+      const p = (o + h) / 2, m = Object.assign({}, this.props.hsva, { s: c / t.width, v: 1 - p / t.height }), f = bn(Ue(pa(m)), Ue(this.props.backgroundColor || ""));
       return o + 0.5 > h ? f < l + 1 && f > l - 1 ? p : null : d(f, l) ? e(l, c, o, h - (h - o) / 2, d) : e(l, c, o + (h - o) / 2, h, d);
     }, s = (l, c, o = !1) => {
       const h = [];
@@ -1291,14 +1291,14 @@ const ys = "rgba", Ha = "rgba(255, 255, 255, 1)", ca = class extends n.Component
     super(a), this.wrapper = null, this.onHexChange = (e, s, i) => {
       if (this.isUncontrolled) {
         const l = Ot(s);
-        this.setState({ hsva: l, backgroundColor: rt(l.h), rgba: qe(s), hex: e });
+        this.setState({ hsva: l, backgroundColor: rt(l.h), rgba: Ue(s), hex: e });
       } else
         us(this.state.guid, s, e);
       this.dispatchChangeEvent(s, i, i.nativeEvent);
     }, this.onRgbaChange = (e, s) => {
       const i = ss(e);
       if (this.isUncontrolled) {
-        const l = Ot(i), c = Pe(i, "hex");
+        const l = Ot(i), c = Be(i, "hex");
         this.setState({ hsva: l, backgroundColor: rt(l.h), rgba: e, hex: c });
       } else
         ds(this.state.guid, i, e);
@@ -1322,7 +1322,7 @@ const ys = "rgba", Ha = "rgba(255, 255, 255, 1)", ca = class extends n.Component
     }, this.onGradientWrapperClick = (e) => {
       this.changePosition(e);
     }, this.changePosition = (e) => {
-      const s = this.getGradientRectMetrics(), i = e.clientX - s.left, l = e.clientY - s.top, c = le(i, 0, s.width), o = le(l, 0, s.height), h = 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), h = Object.assign(
         {},
         this.state.hsva,
         { s: c / s.width, v: 1 - o / s.height }
@@ -1335,8 +1335,8 @@ const ys = "rgba", Ha = "rgba(255, 255, 255, 1)", ca = class extends n.Component
       );
     }, this.focus = () => {
       tn(this.wrapper);
-    }, me(ge);
-    const t = a.value || a.defaultValue || Pe(Ha, ys);
+    }, pe(me);
+    const t = a.value || a.defaultValue || Be(Ha, ys);
     this.state = Object.assign({}, ca.getStateFromValue(t), { isFirstRender: !0, guid: this.props.id });
   }
   /**
@@ -1376,7 +1376,7 @@ const ys = "rgba", Ha = "rgba(255, 255, 255, 1)", ca = class extends n.Component
       "div",
       {
         role: "slider",
-        tabIndex: oe(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,
@@ -1393,8 +1393,8 @@ const ys = "rgba", Ha = "rgba(255, 255, 255, 1)", ca = class extends n.Component
   handleHsvaChange(a, t, e) {
     const s = pa(a);
     if (this.isUncontrolled) {
-      const i = Pe(s, "hex");
-      this.setState({ hsva: a, backgroundColor: rt(a.h), rgba: qe(s), hex: i });
+      const i = Be(s, "hex");
+      this.setState({ hsva: a, backgroundColor: rt(a.h), rgba: Ue(s), hex: i });
     } else
       cs(this.state.guid, s, a);
     this.dispatchChangeEvent(s, t, e);
@@ -1412,8 +1412,8 @@ const ys = "rgba", Ha = "rgba(255, 255, 255, 1)", ca = class extends n.Component
    * @hidden
    */
   static getStateFromValue(a, t) {
-    ne(Pe(a, "hex")) || (a = Ha);
-    const e = ps(t, a) || Ot(a), s = ms(t, a) || qe(a), i = hs(t, a) || Pe(a, "hex"), l = rt(e.h);
+    ae(Be(a, "hex")) || (a = Ha);
+    const e = ps(t, a) || Ot(a), s = ms(t, a) || Ue(a), i = hs(t, a) || Be(a, "hex"), l = rt(e.h);
     return { hsva: e, backgroundColor: l, rgba: s, hex: i };
   }
   /**
@@ -1448,7 +1448,7 @@ const ys = "rgba", Ha = "rgba(255, 255, 255, 1)", ca = class extends n.Component
         "aria-disabled": this.props.disabled ? "true" : void 0,
         style: this.props.style,
         ref: (e) => this.wrapper = e,
-        tabIndex: oe(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,
@@ -1494,7 +1494,7 @@ const ys = "rgba", Ha = "rgba(255, 255, 255, 1)", ca = class extends n.Component
       ), this.props.opacity && /* @__PURE__ */ n.createElement(
         oa,
         {
-          value: ne(this.state.hsva.a) ? this.state.hsva.a * 100 : 100,
+          value: ae(this.state.hsva.a) ? this.state.hsva.a * 100 : 100,
           buttons: !1,
           vertical: !0,
           min: 0,
@@ -1522,7 +1522,7 @@ const ys = "rgba", Ha = "rgba(255, 255, 255, 1)", ca = class extends n.Component
       this.props.backgroundColor && /* @__PURE__ */ n.createElement(
         yn,
         {
-          bgColor: qe(this.props.backgroundColor),
+          bgColor: Ue(this.props.backgroundColor),
           rgba: this.state.rgba
         }
       )
@@ -1553,14 +1553,14 @@ vt.defaultProps = {
   role: "textbox",
   format: "rgb"
 };
-const Cs = pe(), ga = et(Ue(Cs, vt));
+const Cs = he(), ga = et(je(Cs, vt));
 ga.displayName = "KendoReactColorGradient";
 class xs {
   constructor() {
     this.colorRows = [];
   }
   setColorMatrix(t, e) {
-    if (this.colorRows = [], !!(ne(t) && t.length)) {
+    if (this.colorRows = [], !!(ae(t) && t.length)) {
       e = e || t.length;
       for (let s = 0; s < t.length; s += e) {
         const i = t.slice(s, e + s);
@@ -1569,21 +1569,21 @@ class xs {
     }
   }
   getCellCoordsFor(t) {
-    if (!ne(t))
+    if (!ae(t))
       return;
     const e = t && mt(t, !0), s = [t];
-    ne(e) && s.push(e.toCss(), e.toCssRgba());
+    ae(e) && s.push(e.toCss(), e.toCssRgba());
     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 (ne(t) && ne(this.colorRows[t.row]))
+    if (ae(t) && ae(this.colorRows[t.row]))
       return this.colorRows[t.row][t.col];
   }
   getNextCell(t, e, s) {
-    if (!(ne(t) && ne(t.row) && ne(t.col)))
+    if (!(ae(t) && ae(t.row) && ae(t.col)))
       return { row: 0, col: 0 };
     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 };
@@ -1676,7 +1676,7 @@ class kt extends n.Component {
       ));
     }, this.onBlur = () => {
       this.setState({ focusedColor: void 0 });
-    }, me(ge), this.state = {
+    }, pe(me), this.state = {
       selectedColor: this.props.value !== void 0 ? this.props.value : this.props.defaultValue,
       isFirstRender: !0
     };
@@ -1703,7 +1703,7 @@ class kt extends n.Component {
         "aria-disabled": this.props.ariaDisabled || (this.props.disabled ? "true" : void 0),
         "aria-labelledby": this.props.ariaLabelledBy,
         "aria-describedby": this.props.ariaDescribedBy,
-        tabIndex: oe(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, i)))
@@ -1738,7 +1738,7 @@ class kt extends n.Component {
     this.isUncontrolled && this.setState({ selectedColor: this.state.focusedColor }), this.dispatchChangeEvent(this.state.focusedColor, t);
   }
   dispatchChangeEvent(t, e) {
-    J(this.props.onChange, e, this, { value: t, rgbaValue: Pe(t, "rgba") });
+    J(this.props.onChange, e, this, { value: t, rgbaValue: Be(t, "rgba") });
   }
   get focusedColorCooridanates() {
     return this.state.focusedColor && this.paletteService ? this.paletteService.getCellCoordsFor(this.state.focusedColor) : void 0;
@@ -1749,7 +1749,7 @@ class kt extends n.Component {
   getPaletteInfo() {
     if (typeof this.props.palette == "string") {
       const t = Es[this.props.palette];
-      return ne(t) ? {
+      return ae(t) ? {
         colors: t.colors,
         columns: this.props.columns || t.columns || Ga
       } : { colors: [], columns: 0 };
@@ -1777,7 +1777,7 @@ class kt extends n.Component {
           "aria-label": f,
           "aria-selected": N ? !0 : this.props.disabled ? void 0 : !1,
           style: { backgroundColor: f, width: p, height: m, minWidth: p },
-          onClick: (M) => this.onColorClick(f, M),
+          onClick: (V) => this.onColorClick(f, V),
           id: this.createCellId({ row: e, col: v }),
           key: v
         }
@@ -1808,7 +1808,7 @@ kt.defaultProps = {
   palette: xn,
   tileSize: Cn
 };
-const Ss = pe(), ba = et(Ue(Ss, kt));
+const Ss = he(), ba = et(je(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(
@@ -1843,9 +1843,9 @@ const Ls = {
 }, Rs = {
   palette: xn,
   tileSize: Cn
-}, Ft = (a) => a !== void 0, Vs = pe(), va = n.forwardRef((a, t) => {
-  me(ge);
-  const e = Re(Vs, a), s = $e(), {
+}, Ft = (a) => a !== void 0, Vs = he(), va = n.forwardRef((a, t) => {
+  pe(me);
+  const e = Me(Vs, a), s = He(), {
     size: i = dt.size,
     rounded: l = dt.rounded,
     fillMode: c = dt.fillMode,
@@ -1858,8 +1858,8 @@ const Ls = {
     view: v,
     icon: N,
     svgIcon: P,
-    iconClassName: M,
-    onChange: V,
+    iconClassName: V,
+    onChange: R,
     onFocus: S,
     onBlur: I,
     onActiveColorClick: O,
@@ -1877,23 +1877,23 @@ const Ls = {
     value: E,
     focus: ee
   }), [E, ee]);
-  const Y = n.useCallback(
-    (z, ae) => {
-      y || (!z && !ae && w && w.current && w.current.focus(), k(z));
+  const Z = n.useCallback(
+    (z, ve) => {
+      y || (!z && !ve && w && w.current && w.current.focus(), k(z));
     },
     [y]
-  ), R = n.useCallback(
+  ), M = n.useCallback(
     (z) => {
-      const { altKey: ae, keyCode: ie } = z;
-      if (ie === _.esc) {
-        Y(!1);
+      const { altKey: ve, keyCode: oe } = z;
+      if (oe === _.esc) {
+        Z(!1);
         return;
       }
-      if (ie === _.enter && !y) {
-        z.preventDefault(), z.stopPropagation(), Y(!D);
+      if (oe === _.enter && !y) {
+        z.preventDefault(), z.stopPropagation(), Z(!D);
         return;
       }
-      ae && (ie === _.up || ie === _.down) && (z.preventDefault(), z.stopPropagation(), ie === _.up && w && w.current && (w.current.focus(), Y(!1)), ie === _.down && Y(!0));
+      ve && (oe === _.up || oe === _.down) && (z.preventDefault(), z.stopPropagation(), oe === _.up && w && w.current && (w.current.focus(), Z(!1)), oe === _.down && Z(!0));
     },
     [D, y]
   ), b = n.useCallback(
@@ -1901,12 +1901,12 @@ const Ls = {
       y || (F.current ? F.current.focus() : A.current && A.current.focus());
     },
     [y]
-  ), K = n.useCallback(
+  ), q = n.useCallback(
     () => {
-      Y(!D, !0);
+      Z(!D, !0);
     },
     [D]
-  ), q = n.useCallback(
+  ), K = n.useCallback(
     (z) => {
       O && O.call(void 0, {
         syntheticEvent: z,
@@ -1915,7 +1915,7 @@ const Ls = {
       });
     },
     [O, E]
-  ), Z = n.useCallback(
+  ), W = n.useCallback(
     (z) => {
       T.current ? (clearTimeout(T.current), T.current = void 0) : $(!0), S && S.call(void 0, {
         nativeEvent: z.nativeEvent,
@@ -1923,33 +1923,33 @@ const Ls = {
       });
     },
     [S]
-  ), ce = n.useCallback(
+  ), ie = n.useCallback(
     () => {
-      Y(!1, !0), $(!1), T.current = void 0;
+      Z(!1, !0), $(!1), T.current = void 0;
     },
     []
-  ), xe = n.useCallback(
+  ), Ee = n.useCallback(
     (z) => {
-      clearTimeout(T.current), T.current = window.setTimeout(ce), I && I.call(void 0, {
+      clearTimeout(T.current), T.current = window.setTimeout(ie), I && I.call(void 0, {
         nativeEvent: z.nativeEvent,
         syntheticEvent: z
       });
     },
     [I]
-  ), re = n.useCallback(
-    (z, ae) => {
-      const ie = ae ? z.rgbaValue : z.value;
-      u || Q(ie), ae && Y(!1), V && V.call(void 0, {
-        value: ie,
+  ), le = n.useCallback(
+    (z, ve) => {
+      const oe = ve ? z.rgbaValue : z.value;
+      u || Q(oe), ve && Z(!1), R && R.call(void 0, {
+        value: oe,
         nativeEvent: z.nativeEvent,
         syntheticEvent: z.syntheticEvent
       });
     },
-    [u, V]
-  ), Ee = n.useCallback(
-    (z) => re(z, !0),
-    [Ft, re]
-  ), Ce = He(w, e.dir), Ve = p !== !1;
+    [u, R]
+  ), we = n.useCallback(
+    (z) => le(z, !0),
+    [Ft, le]
+  ), be = Ge(w, e.dir), Ne = p !== !1;
   return /* @__PURE__ */ n.createElement(
     "span",
     {
@@ -1966,32 +1966,32 @@ const Ls = {
         "k-picker",
         "k-icon-picker",
         {
-          [`k-picker-${se.sizeMap[i] || i}`]: i,
+          [`k-picker-${ne.sizeMap[i] || i}`]: i,
           [`k-picker-${c}`]: c,
-          [`k-rounded-${se.roundedMap[l] || l}`]: l,
-          "k-invalid": !Ve,
+          [`k-rounded-${ne.roundedMap[l] || l}`]: l,
+          "k-invalid": !Ne,
           "k-disabled": m,
           "k-focus": L,
           className: B
         }
       ),
       ref: w,
-      tabIndex: oe(f, m),
+      tabIndex: re(f, m),
       title: e.title,
-      onKeyDown: R,
-      onFocus: Z,
-      onBlur: xe,
-      dir: Ce
+      onKeyDown: M,
+      onFocus: W,
+      onBlur: Ee,
+      dir: be
     },
     /* @__PURE__ */ n.createElement(
       En,
       {
-        dir: Ce,
+        dir: be,
         open: D,
         onOpen: b,
         popupAnchor: w.current || void 0,
         popupSettings: { ...o },
-        input: /* @__PURE__ */ n.createElement("span", { onClick: q, className: "k-input-inner" }, /* @__PURE__ */ n.createElement(
+        input: /* @__PURE__ */ n.createElement("span", { onClick: K, className: "k-input-inner" }, /* @__PURE__ */ n.createElement(
           "span",
           {
             className: G(
@@ -1999,20 +1999,20 @@ const Ls = {
               "k-color-preview",
               {
                 "k-no-color": !E,
-                "k-icon-color-preview": N || P || M
+                "k-icon-color-preview": N || P || V
               }
             )
           },
-          M && /* @__PURE__ */ n.createElement("span", { className: G("k-color-preview-icon", M) }),
-          !M && (N || P) && /* @__PURE__ */ n.createElement(he, { name: N, icon: P }),
+          V && /* @__PURE__ */ n.createElement("span", { className: G("k-color-preview-icon", V) }),
+          !V && (N || P) && /* @__PURE__ */ n.createElement(fe, { name: N, icon: P }),
           /* @__PURE__ */ n.createElement("span", { className: "k-color-preview-mask", style: { backgroundColor: E } })
         )),
         button: /* @__PURE__ */ n.createElement(
-          be,
+          ge,
           {
             tabIndex: -1,
             type: "button",
-            onClick: K,
+            onClick: q,
             className: "k-input-button",
             rounded: null,
             icon: "caret-alt-down",
@@ -2027,7 +2027,7 @@ const Ls = {
             tabIndex: 0,
             ref: F,
             value: E,
-            onChange: re
+            onChange: le
           }
         ), (v === "combo" || v === "palette") && /* @__PURE__ */ n.createElement(
           ba,
@@ -2035,7 +2035,7 @@ const Ls = {
             ...d,
             ref: A,
             value: E,
-            onChange: Ee
+            onChange: we
           }
         ))
       }
@@ -2069,12 +2069,12 @@ const dt = {
 va.defaultProps = dt;
 va.displayName = "KendoColorPicker";
 const Ka = "rgba(255, 255, 255, 1)", Sn = n.forwardRef((a, t) => {
-  me(ge);
+  pe(me);
   const e = n.useRef(null), s = n.useRef(null), i = n.useRef(null), { defaultValue: l = Ka, showButtons: c = !0, showPreview: o = !0, showClearButton: h = !0 } = a, [d, p] = n.useState((a.view || "ColorGradient") === "ColorGradient"), [m, f] = n.useState(a.value || l), [v, N] = n.useState(a.value || l), P = a.value !== void 0 ? a.value : v;
   n.useEffect(() => {
     f(a.value || l);
   }, [a.value, l]);
-  const M = $e(), V = n.useCallback(
+  const V = He(), R = n.useCallback(
     () => {
       e.current && e.current.focus();
     },
@@ -2082,10 +2082,10 @@ const Ka = "rgba(255, 255, 255, 1)", Sn = n.forwardRef((a, t) => {
   );
   n.useImperativeHandle(e, () => ({
     element: s.current,
-    focus: V,
+    focus: R,
     props: a,
     value: P
-  }), [P, V, a]), n.useImperativeHandle(t, () => e.current);
+  }), [P, R, a]), n.useImperativeHandle(t, () => e.current);
   const S = n.useCallback(
     (x) => {
       (x === "ColorGradient" && !d || x === "ColorPalette" && d) && p(!d);
@@ -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: oe(a.tabIndex, a.disabled),
+      tabIndex: re(a.tabIndex, a.disabled),
       className: G(
         "k-flatcolorpicker k-coloreditor",
         {
@@ -2184,10 +2184,10 @@ const Ka = "rgba(255, 255, 255, 1)", Sn = n.forwardRef((a, t) => {
       onBlur: T
     },
     /* @__PURE__ */ n.createElement(n.Fragment, null, a.header || /* @__PURE__ */ n.createElement("div", { className: "k-coloreditor-header k-hstack" }, /* @__PURE__ */ n.createElement("div", { className: "k-coloreditor-header-actions k-hstack" }, /* @__PURE__ */ n.createElement(An, { className: "k-button-group-flat" }, /* @__PURE__ */ n.createElement(
-      be,
+      ge,
       {
         type: "button",
-        "aria-label": M.toLanguageString(
+        "aria-label": V.toLanguageString(
           Zt,
           H[Zt]
         ),
@@ -2199,10 +2199,10 @@ const Ka = "rgba(255, 255, 255, 1)", Sn = n.forwardRef((a, t) => {
         svgIcon: Tn
       }
     ), /* @__PURE__ */ n.createElement(
-      be,
+      ge,
       {
         type: "button",
-        "aria-label": M.toLanguageString(
+        "aria-label": V.toLanguageString(
           Jt,
           H[Jt]
         ),
@@ -2214,12 +2214,12 @@ const Ka = "rgba(255, 255, 255, 1)", Sn = n.forwardRef((a, t) => {
         svgIcon: zn
       }
     ))), /* @__PURE__ */ n.createElement("div", { className: "k-spacer" }), /* @__PURE__ */ n.createElement("div", { className: "k-coloreditor-header-actions k-hstack" }, h && /* @__PURE__ */ n.createElement(
-      be,
+      ge,
       {
         type: "button",
         fillMode: "flat",
         onClick: I,
-        "aria-label": M.toLanguageString(
+        "aria-label": V.toLanguageString(
           Qt,
           H[Qt]
         ),
@@ -2239,7 +2239,7 @@ const Ka = "rgba(255, 255, 255, 1)", Sn = n.forwardRef((a, t) => {
         opacity: a.opacity,
         format: a.format
       }
-    ) : /* @__PURE__ */ n.createElement(ba, { ariaDisabled: !0, ariaLabelledBy: "required_label", value: m, onChange: O, onFocus: A })), c && /* @__PURE__ */ n.createElement("div", { className: "k-coloreditor-footer k-actions k-actions-end" }, /* @__PURE__ */ n.createElement(be, { type: "button", className: "k-coloreditor-cancel", onClick: w }, H[on]), /* @__PURE__ */ n.createElement(be, { type: "button", className: "k-coloreditor-apply k-primary", onClick: B }, H[cn])))
+    ) : /* @__PURE__ */ n.createElement(ba, { ariaDisabled: !0, ariaLabelledBy: "required_label", value: m, onChange: O, onFocus: A })), c && /* @__PURE__ */ n.createElement("div", { className: "k-coloreditor-footer k-actions k-actions-end" }, /* @__PURE__ */ n.createElement(ge, { type: "button", className: "k-coloreditor-cancel", onClick: w }, H[on]), /* @__PURE__ */ n.createElement(ge, { type: "button", className: "k-coloreditor-apply k-primary", onClick: B }, H[cn])))
   );
 }), Ms = {
   id: r.string,
@@ -2263,14 +2263,14 @@ const Ka = "rgba(255, 255, 255, 1)", Sn = n.forwardRef((a, t) => {
 };
 Sn.displayName = "KendoFlatColorPicker";
 Sn.propTypes = Ms;
-var De = /* @__PURE__ */ ((a) => (a[a.Literal = 0] = "Literal", a[a.Mask = 1] = "Mask", a[a.Undefined = 2] = "Undefined", a))(De || {});
-class X {
+var Oe = /* @__PURE__ */ ((a) => (a[a.Literal = 0] = "Literal", a[a.Mask = 1] = "Mask", a[a.Undefined = 2] = "Undefined", a))(Oe || {});
+class Y {
   constructor(t, e, s = 2) {
     this.value = t, this.rest = e, this.type = s;
   }
   // map :: Functor f => f a ~> (a -> b) -> f b
   map(t) {
-    return new X(t(this.value), this.rest);
+    return new Y(t(this.value), this.rest);
   }
   // chain :: Chain m => m a ~> (a -> m b) -> m b
   chain(t) {
@@ -2317,7 +2317,7 @@ class qa {
   }
 }
 const Ua = (a) => (a || "").split(""), Ns = "\\";
-class ye {
+class xe {
   constructor(t) {
     this.parse = t;
   }
@@ -2326,57 +2326,57 @@ class ye {
   }
   // map :: Functor f => f a ~> (a -> b) -> f b
   map(t) {
-    return new ye((e) => this.parse(e).map(t));
+    return new xe((e) => this.parse(e).map(t));
   }
   // chain :: Chain m => m a ~> (a -> m b) -> m b
   chain(t) {
-    return new ye((e) => this.parse(e).chain((s, i) => t(s).run(i)));
+    return new xe((e) => this.parse(e).chain((s, i) => t(s).run(i)));
   }
   isLiteral(t) {
-    return this.run(t).type === De.Literal;
+    return this.run(t).type === Oe.Literal;
   }
 }
-const Ps = (a) => (t) => new ye((e) => {
+const Ps = (a) => (t) => new xe((e) => {
   const { prompt: s, promptPlaceholder: i } = a;
   for (; !e.eof(); ) {
     const { char: l, control: c } = e.peek();
     if (l === c && c === s)
-      return e.eat(), new X(s, e, De.Mask);
+      return e.eat(), new Y(s, e, Oe.Mask);
     if (t.test(l))
-      return e.eat(), new X(l, e, De.Mask);
+      return e.eat(), new Y(l, e, Oe.Mask);
     if (l === i)
-      return e.eat(), new X(s, e, De.Mask);
+      return e.eat(), new Y(s, e, Oe.Mask);
     e.eat_input();
   }
-  return e.eat(), new X(s, e, De.Mask);
-}), Ds = (a) => new ye((t) => t.peek().char === a ? (t.eat(), new X(a, t, De.Literal)) : new X(a, t, De.Literal)), Bs = (a) => (t) => new ye((e) => {
+  return e.eat(), new Y(s, e, Oe.Mask);
+}), Ds = (a) => new xe((t) => t.peek().char === a ? (t.eat(), new Y(a, t, Oe.Literal)) : new Y(a, t, Oe.Literal)), Bs = (a) => (t) => new xe((e) => {
   for (; !e.eof(); ) {
     const { char: s, control: i } = e.peek();
     if (s === a && i === a)
-      return e.eat(), new X(s, e);
+      return e.eat(), new Y(s, e);
     if (t.test(s))
-      return e.eat(), new X(s, e);
+      return e.eat(), new Y(s, e);
     e.eat_input();
   }
-  return e.eat(), new X("", e);
-}), Os = (a) => new ye((t) => {
+  return e.eat(), new Y("", e);
+}), Os = (a) => new xe((t) => {
   if (t.eof())
-    return new X("", t);
+    return new Y("", t);
   const { char: e } = t.peek();
-  return e === a && t.eat(), new X(a, t);
-}), ot = (a, t) => new ye((e) => {
+  return e === a && t.eat(), new Y(a, t);
+}), ot = (a, t) => new xe((e) => {
   let { char: s } = e.next();
   const i = a[s];
-  return s === Ns ? (s = e.next().char, new X(t.literal(s), e)) : i ? new X(t.mask(i), e) : new X(t.literal(s), e);
-}), ja = (a) => new ye((t) => {
+  return s === Ns ? (s = e.next().char, new Y(t.literal(s), e)) : i ? new Y(t.mask(i), e) : new Y(t.literal(s), e);
+}), ja = (a) => new xe((t) => {
   const { prompt: e, promptPlaceholder: s } = a;
   let { char: i } = t.next();
-  return i === e ? new X(s, t) : new X(i, t);
-}), Wa = (a) => new ye((t) => {
+  return i === e ? new Y(s, t) : new Y(i, t);
+}), Wa = (a) => new xe((t) => {
   let { char: e } = t.next();
-  return a ? new X(e, t) : new X("", t);
-}), Fs = (a) => new ye((t) => new X(a, t)), Ts = (a, t) => a.chain((e) => t.map((s) => e.concat([s]))), Te = (a) => a.reduce((t, e) => Ts(t, e), Fs([])), ct = (a) => new ye((t) => {
-  let e = new X([], t);
+  return a ? new Y(e, t) : new Y("", t);
+}), Fs = (a) => new xe((t) => new Y(a, t)), Ts = (a, t) => a.chain((e) => t.map((s) => e.concat([s]))), ze = (a) => a.reduce((t, e) => Ts(t, e), Fs([])), ct = (a) => new xe((t) => {
+  let e = new Y([], t);
   for (; !t.eof(); )
     e = e.concat(a.run(t));
   return e;
@@ -2390,13 +2390,13 @@ class zs {
   }
   validationValue(t = "") {
     let e = t;
-    return Te(this.validationTokens).run(t).fold((s) => {
+    return ze(this.validationTokens).run(t).fold((s) => {
       e = s.join("");
     }), e;
   }
   rawValue(t = "") {
     let e = t;
-    return this.rawTokens.length && Te(this.rawTokens).run(t).fold((s) => {
+    return this.rawTokens.length && ze(this.rawTokens).run(t).fold((s) => {
       e = s.join("");
     }), e;
   }
@@ -2405,7 +2405,7 @@ class zs {
    */
   maskRaw(t = "") {
     let e = t;
-    return this.maskTokens.length && Te(this.maskTokens).run(t).fold((s) => {
+    return this.maskTokens.length && ze(this.maskTokens).run(t).fold((s) => {
       e = s.join("");
     }), e;
   }
@@ -2415,7 +2415,7 @@ class zs {
   maskInRange(t, e, s, i) {
     let l = "", c = i;
     const o = e.split("").slice(0, s), h = e.split("").slice(i);
-    return Te(this.maskTokens.slice(s, i)).run(t).fold((d) => {
+    return ze(this.maskTokens.slice(s, i)).run(t).fold((d) => {
       l = o.concat(d).concat(h).join("");
     }), {
       selection: c,
@@ -2425,7 +2425,7 @@ class zs {
   maskRemoved(t, e, s) {
     let i = "", l = s;
     const c = t.split("").slice(s), o = t.split("").slice(0, s).join(""), h = this.maskTokens.length - (t.length - s);
-    return Te(this.maskTokens.slice(0, h)).run(o, e).fold((d) => {
+    return ze(this.maskTokens.slice(0, h)).run(o, e).fold((d) => {
       l = this.adjustPosition(d, l), i = d.concat(c).join("");
     }), {
       selection: l,
@@ -2439,10 +2439,10 @@ class zs {
   maskInserted(t, e, s) {
     let i = "", l = s;
     const c = t.slice(0, s);
-    return Te(this.unmaskTokens).run(c, e).chain((o) => {
+    return ze(this.unmaskTokens).run(c, e).chain((o) => {
       l = o.join("").length;
       const h = e.slice(l);
-      return Te(this.maskTokens).run(o.join("") + h, e);
+      return ze(this.maskTokens).run(o.join("") + h, e);
     }).fold((o) => {
       i = o.join("");
     }), {
@@ -2518,7 +2518,7 @@ const wn = {
       }
   }
   return e;
-}, Me = class extends n.Component {
+}, Pe = class extends n.Component {
   constructor(a) {
     super(a), this.state = {}, this._inputId = `k-${this.props.id}`, this._service = new zs(), this._isPasted = !1, this._selection = [null, null], this._input = null, this.focus = () => {
       this._input && this._input.focus();
@@ -2556,7 +2556,7 @@ const wn = {
       this.element && this.element.setCustomValidity(
         this.validity.valid ? "" : this.props.validationMessage || ""
       );
-    }, me(ge);
+    }, pe(me);
   }
   /**
    * Gets the element of the MaskedTextBox.
@@ -2619,13 +2619,13 @@ const wn = {
    * @hidden
    */
   get validityStyles() {
-    return this.props.validityStyles !== void 0 ? this.props.validityStyles : Me.defaultProps.validityStyles;
+    return this.props.validityStyles !== void 0 ? this.props.validityStyles : Pe.defaultProps.validityStyles;
   }
   /**
    * @hidden
    */
   get required() {
-    return this.props.required !== void 0 ? this.props.required : Me.defaultProps.required;
+    return this.props.required !== void 0 ? this.props.required : Pe.defaultProps.required;
   }
   /**
    * Gets the `name` property of the MaskedTextBox.
@@ -2655,22 +2655,22 @@ const wn = {
    */
   render() {
     const {
-      size: a = Me.defaultProps.size,
-      fillMode: t = Me.defaultProps.fillMode,
-      rounded: e = Me.defaultProps.rounded
+      size: a = Pe.defaultProps.size,
+      fillMode: t = Pe.defaultProps.fillMode,
+      rounded: e = Pe.defaultProps.rounded
     } = this.props, s = this.props.id || this._inputId, i = !this.validityStyles || this.validity.valid, l = this.props.style || {}, {
-      prefix: c = Me.defaultProps.prefix,
-      suffix: o = Me.defaultProps.suffix
-    } = this.props, [h] = Be(c), [d] = Be(o), p = /* @__PURE__ */ n.createElement(
+      prefix: c = Pe.defaultProps.prefix,
+      suffix: o = Pe.defaultProps.suffix
+    } = this.props, [h] = Fe(c), [d] = Fe(o), p = /* @__PURE__ */ n.createElement(
       "span",
       {
         dir: this.props.dir,
         className: G(
           "k-maskedtextbox k-input",
           {
-            [`k-input-${se.sizeMap[a] || a}`]: a,
+            [`k-input-${ne.sizeMap[a] || a}`]: a,
             [`k-input-${t}`]: t,
-            [`k-rounded-${se.roundedMap[e] || e}`]: e,
+            [`k-rounded-${ne.roundedMap[e] || e}`]: e,
             "k-invalid": !i,
             "k-required": this.required,
             "k-disabled": this.props.disabled
@@ -2695,7 +2695,7 @@ const wn = {
           "aria-describedby": this.props.ariaDescribedBy,
           "aria-placeholder": this.props.mask,
           name: this.props.name,
-          tabIndex: oe(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,
@@ -2757,7 +2757,7 @@ const wn = {
     return Object.assign({}, wn, this.props.rules);
   }
 };
-let yt = Me;
+let yt = Pe;
 yt.displayName = "MaskedTextBox";
 yt.propTypes = {
   value: r.string,
@@ -2820,9 +2820,9 @@ yt.defaultProps = {
   rounded: "medium",
   fillMode: "solid"
 };
-const $s = pe(), Hs = et(Ue($s, yt));
+const $s = he(), Hs = et(je($s, yt));
 Hs.displayName = "KendoReactMaskedTextBox";
-var W = /* @__PURE__ */ ((a) => (a.start = "start", a.end = "end", a.min = "min", a.max = "max", a.increase = "increase", a.decrease = "decrease", a))(W || {});
+var X = /* @__PURE__ */ ((a) => (a.start = "start", a.end = "end", a.min = "min", a.max = "max", a.increase = "increase", a.decrease = "decrease", a))(X || {});
 const Gs = (a, t) => {
   let e, s;
   switch (t.type) {
@@ -2908,9 +2908,9 @@ const Gs = (a, t) => {
     [t, e]
   );
   return [s, l];
-}, qs = pe(), ka = n.forwardRef((a, t) => {
-  me(ge);
-  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), h = n.useCallback(
+}, qs = he(), ka = n.forwardRef((a, t) => {
+  pe(me);
+  const e = Me(qs, a), s = n.useRef(null), i = n.useRef(null), l = n.useRef(null), c = n.useRef(null), o = n.useRef(null), h = n.useCallback(
     () => {
       c.current && c.current.focus();
     },
@@ -2930,13 +2930,13 @@ const Gs = (a, t) => {
   ), m = n.useMemo(
     () => e.step !== void 0 ? e.step : ut.step,
     [e.step, ut.step]
-  ), f = He(i, e.dir), v = (u, y) => {
+  ), f = Ge(i, e.dir), v = (u, y) => {
     e.onChange && s.current && e.onChange.call(void 0, {
       value: u,
       target: s.current,
       syntheticEvent: y
     });
-  }, [N, P] = n.useState(""), [M, V] = Ks(
+  }, [N, P] = n.useState(""), [V, R] = Ks(
     e.defaultValue || ut.defaultValue,
     {
       min: d,
@@ -2946,8 +2946,8 @@ const Gs = (a, t) => {
     },
     v
   ), S = n.useMemo(
-    () => e.value || M,
-    [e.value, M]
+    () => e.value || V,
+    [e.value, V]
   ), I = n.useRef(null), O = n.useRef(null), B = n.useMemo(
     () => (S.start - d) / (p - d) * 100,
     [S.start, d, p]
@@ -2960,7 +2960,7 @@ const Gs = (a, t) => {
   ), A = n.useMemo(
     () => e.vertical ? { marginTop: "0.5rem", marginBottom: "0.5rem" } : { marginLeft: "0.5rem", marginRight: "0.5rem" },
     [e.vertical]
-  ), T = $e(), x = n.useCallback(
+  ), T = He(), x = n.useCallback(
     (u) => {
       if (!O.current)
         return;
@@ -2973,16 +2973,16 @@ const Gs = (a, t) => {
       f,
       d,
       p,
-      M.start,
-      M.end,
+      V.start,
+      V.end,
       e.value && e.value.start,
       e.value && e.value.end
     ]
   ), L = n.useCallback(
     (u) => u <= S.start ? "start" : u >= S.end ? "end" : 2 * u < S.end + S.start ? "start" : "end",
     [
-      M.start,
-      M.end,
+      V.start,
+      V.end,
       e.value && e.value.start,
       e.value && e.value.end
     ]
@@ -2990,65 +2990,65 @@ const Gs = (a, t) => {
     (u) => {
       switch (u.keyCode) {
         case _.right:
-          u.preventDefault(), V({ type: f === "rtl" ? W.decrease : W.increase, key: "start", event: u });
+          u.preventDefault(), R({ type: f === "rtl" ? X.decrease : X.increase, key: "start", event: u });
           break;
         case _.up:
-          u.preventDefault(), V({ type: W.increase, key: "start", event: u });
+          u.preventDefault(), R({ type: X.increase, key: "start", event: u });
           break;
         case _.left:
-          u.preventDefault(), V({ type: f === "rtl" ? W.increase : W.decrease, key: "start", event: u });
+          u.preventDefault(), R({ type: f === "rtl" ? X.increase : X.decrease, key: "start", event: u });
           break;
         case _.down:
-          u.preventDefault(), V({ type: W.decrease, key: "start", event: u });
+          u.preventDefault(), R({ type: X.decrease, key: "start", event: u });
           break;
         case _.home:
-          u.preventDefault(), V({ type: W.min, key: "start", event: u });
+          u.preventDefault(), R({ type: X.min, key: "start", event: u });
           break;
         case _.end:
-          u.preventDefault(), V({ type: W.max, key: "start", event: u });
+          u.preventDefault(), R({ type: X.max, key: "start", event: u });
           break;
       }
     },
-    [V]
+    [R]
   ), U = n.useCallback(
     (u) => {
       switch (u.keyCode) {
         case _.right:
-          u.preventDefault(), V({ type: f === "rtl" ? W.decrease : W.increase, key: "end", event: u });
+          u.preventDefault(), R({ type: f === "rtl" ? X.decrease : X.increase, key: "end", event: u });
           break;
         case _.up:
-          u.preventDefault(), V({ type: W.increase, key: "end", event: u });
+          u.preventDefault(), R({ type: X.increase, key: "end", event: u });
           break;
         case _.left:
-          u.preventDefault(), V({ type: f === "rtl" ? W.increase : W.decrease, key: "end", event: u });
+          u.preventDefault(), R({ type: f === "rtl" ? X.increase : X.decrease, key: "end", event: u });
           break;
         case _.down:
-          u.preventDefault(), V({ type: W.decrease, key: "end", event: u });
+          u.preventDefault(), R({ type: X.decrease, key: "end", event: u });
           break;
         case _.home:
-          u.preventDefault(), V({ type: W.min, key: "end", event: u });
+          u.preventDefault(), R({ type: X.min, key: "end", event: u });
           break;
         case _.end:
-          u.preventDefault(), V({ type: W.max, key: "end", event: u });
+          u.preventDefault(), R({ type: X.max, key: "end", event: u });
           break;
       }
     },
-    [V, f]
+    [R, f]
   ), Q = n.useCallback(
     (u) => {
       const y = x(u), E = L(y);
       P(E), E === "end" ? o.current.focus() : c.current.focus();
-      const D = E === "end" ? W.end : W.start;
-      V({ type: D, payload: y, event: u });
+      const D = E === "end" ? X.end : X.start;
+      R({ type: D, payload: y, event: u });
     },
-    [e.vertical, d, p, V]
+    [e.vertical, d, p, R]
   );
   return Dn(O, { onPress: Q, onDrag: (u) => {
-    const y = x(u), E = N === "end" ? W.end : W.start;
-    V({ type: E, payload: y, event: u });
+    const y = x(u), E = N === "end" ? X.end : X.start;
+    R({ type: E, payload: y, event: u });
   }, onRelease: (u) => {
-    const y = x(u), E = N === "end" ? W.end : W.start;
-    V({ type: E, payload: y, event: u }), P("");
+    const y = x(u), E = N === "end" ? X.end : X.start;
+    R({ type: E, payload: y, event: u }), P("");
   } }), /* @__PURE__ */ n.createElement(
     "div",
     {
@@ -3119,14 +3119,14 @@ const Gs = (a, t) => {
           {
             ref: c,
             role: "slider",
-            tabIndex: oe(e.startTabIndex, e.disabled, void 0),
+            tabIndex: re(e.startTabIndex, e.disabled, void 0),
             "aria-valuemin": d,
             "aria-valuemax": Math.max(p, S.end),
             "aria-valuenow": S.start,
             "aria-disabled": e.disabled ? "true" : void 0,
             "aria-valuetext": `${S.start} - ${S.end}`,
             className: "k-draghandle",
-            title: T.toLanguageString(_e, H[_e]),
+            title: T.toLanguageString(Ae, H[Ae]),
             style: e.vertical ? { bottom: "calc(" + B + "%)", zIndex: 1 } : f === "rtl" ? { right: "calc(" + B + "% - 13px)", zIndex: 1 } : { left: "calc(" + B + "%)", zIndex: 1 },
             onKeyDown: $
           }
@@ -3136,14 +3136,14 @@ const Gs = (a, t) => {
           {
             ref: o,
             role: "slider",
-            tabIndex: oe(e.endTabIndex, e.disabled, void 0),
+            tabIndex: re(e.endTabIndex, e.disabled, void 0),
             "aria-valuemin": Math.min(d, S.start),
             "aria-valuemax": p,
             "aria-valuenow": S.end,
             "aria-disabled": e.disabled ? "true" : void 0,
             "aria-valuetext": `${S.start} - ${S.end}`,
             className: "k-draghandle",
-            title: T.toLanguageString(_e, H[_e]),
+            title: T.toLanguageString(Ae, H[Ae]),
             style: e.vertical ? { bottom: "calc(" + w + "%)", zIndex: 1 } : f === "rtl" ? { right: "calc(" + w + "% - 13px)", zIndex: 1 } : { left: "calc(" + w + "%)", zIndex: 1 },
             onKeyDown: U
           }
@@ -3245,7 +3245,7 @@ const ft = class extends n.Component {
         "aria-hidden": !0,
         value: t,
         style: { opacity: 0, width: 1, border: 0, zIndex: -1, position: "absolute", left: "50%" },
-        onChange: Ne,
+        onChange: De,
         name: this.name || void 0
       }
     ), this.handleClick = (t) => {
@@ -3267,7 +3267,7 @@ const ft = class extends n.Component {
       this.setState({ focused: !1 });
       const { onBlur: e } = this.props;
       e && e.call(void 0, t);
-    }, me(ge), this.state = {
+    }, pe(me), this.state = {
       checked: a.defaultChecked || ft.defaultProps.defaultChecked,
       focused: !1
     };
@@ -3334,8 +3334,8 @@ const ft = class extends n.Component {
     const d = !this.validityStyles || this.validity.valid, p = G(
       "k-switch",
       {
-        [`k-switch-${se.sizeMap[l] || l}`]: l,
-        [`k-rounded-${se.roundedMap[s] || s}`]: s,
+        [`k-switch-${ne.sizeMap[l] || l}`]: l,
+        [`k-rounded-${ne.roundedMap[s] || s}`]: s,
         "k-switch-on": this.value,
         "k-switch-off": !this.value,
         "k-focus": a,
@@ -3364,7 +3364,7 @@ const ft = class extends n.Component {
         onClick: this.handleClick,
         onBlur: this.handleWrapperBlur,
         onFocus: this.handleWrapperFocus,
-        tabIndex: oe(h, e, void 0),
+        tabIndex: re(h, e, void 0),
         accessKey: this.props.accessKey,
         id: this.props.id || this._id
       },
@@ -3373,7 +3373,7 @@ const ft = class extends n.Component {
         {
           className: G(
             "k-switch-track",
-            { [`k-rounded-${se.roundedMap[s] || s}`]: s }
+            { [`k-rounded-${ne.roundedMap[s] || s}`]: s }
           ),
           ref: (f) => {
             this._element = f;
@@ -3420,17 +3420,17 @@ Ct.defaultProps = {
   trackRounded: "full",
   thumbRounded: "full",
   offLabel: "OFF",
-  onBlur: Ne,
-  onFocus: Ne,
+  onBlur: De,
+  onFocus: De,
   onLabel: "ON",
   required: !1,
   validityStyles: !0
 };
-const js = pe(), Ws = et(Ue(js, Ct));
+const js = he(), Ws = et(je(js, Ct));
 Ws.displayName = "KendoReactSwitch";
-const Xs = pe(), ya = n.forwardRef((a, t) => {
-  me(ge);
-  const e = Re(Xs, a), {
+const Xs = he(), ya = n.forwardRef((a, t) => {
+  pe(me);
+  const e = Me(Xs, a), {
     ariaDescribedBy: s,
     ariaLabelledBy: i,
     checked: l,
@@ -3444,8 +3444,8 @@ const Xs = pe(), ya = n.forwardRef((a, t) => {
     size: v,
     rounded: N,
     label: P,
-    labelPlacement: M,
-    name: V,
+    labelPlacement: V,
+    name: R,
     labelOptional: S,
     onChange: I,
     onFocus: O,
@@ -3477,48 +3477,48 @@ const Xs = pe(), ya = n.forwardRef((a, t) => {
     [u]
   );
   n.useImperativeHandle(t, y);
-  const [E, D] = n.useState(d), [ee, Y] = n.useState(m), R = typeof F == "boolean" || F === null, b = l !== void 0, K = R, q = K ? F : ee, Z = b ? l : K ? void 0 : E, ce = Z === void 0 && q, xe = ce ? q : Z, re = ce || K ? F === null ? F : void 0 : F || q, Ee = xe === null || re === null, Ce = Qe(), Ve = $e(), z = (te) => Ve.toLanguageString(te, H[te]), ae = z(dn), ie = z(un), je = T !== void 0 ? T : A ? !!Z : !0;
+  const [E, D] = n.useState(d), [ee, Z] = n.useState(m), M = typeof F == "boolean" || F === null, b = l !== void 0, q = M, K = q ? F : ee, W = b ? l : q ? void 0 : E, ie = W === void 0 && K, Ee = ie ? K : W, le = ie || q ? F === null ? F : void 0 : F || K, we = Ee === null || le === null, be = Qe(), Ne = He(), z = (te) => Ne.toLanguageString(te, H[te]), ve = z(dn), oe = z(un), ke = T !== void 0 ? T : A ? !!W : !0;
   n.useEffect(
     () => {
       k.current && k.current.setCustomValidity && k.current.setCustomValidity(
-        je ? "" : x || ae
+        ke ? "" : x || ve
       );
     },
-    [je, x, ae]
+    [ke, x, ve]
   );
-  const Oe = n.useCallback(
-    (te, we) => {
-      !K && !p && (Y(we), !b && !p && D(we)), I && !p && J(
+  const Se = n.useCallback(
+    (te, Le) => {
+      !q && !p && (Z(Le), !b && !p && D(Le)), I && !p && J(
         I,
         te,
         {
           ...y(),
-          value: we
+          value: Le
         },
-        { value: we }
+        { value: Le }
       );
     },
-    [b, p, I, K, y]
+    [b, p, I, q, y]
   ), wt = n.useCallback(
     (te) => {
-      const we = te.target.checked;
-      Oe(te, we);
+      const Le = te.target.checked;
+      Se(te, Le);
     },
-    [Oe, F]
+    [Se, F]
   ), tt = n.useCallback(
     (te) => {
       if (p)
         return;
-      const { keyCode: we } = te, Mn = te.currentTarget.checked;
-      we === _.space && (te.preventDefault(), te.stopPropagation(), Oe(te, !Mn));
+      const { keyCode: Le } = te, Mn = te.currentTarget.checked;
+      Le === _.space && (te.preventDefault(), te.stopPropagation(), Se(te, !Mn));
     },
-    [p, Oe]
+    [p, Se]
   ), at = n.useCallback(
     (te) => {
       if (p)
         return;
-      const { keyCode: we } = te;
-      we === _.space && te.preventDefault();
+      const { keyCode: Le } = te;
+      Le === _.space && te.preventDefault();
     },
     [p]
   ), It = n.useCallback(
@@ -3541,32 +3541,32 @@ const Xs = pe(), ya = n.forwardRef((a, t) => {
       );
     },
     [B, p, y]
-  ), j = He(k, e.dir), de = G(
+  ), j = Ge(k, e.dir), ce = G(
     "k-checkbox-wrap",
     c
-  ), Se = {
+  ), Ie = {
     type: "checkbox",
     className: G(
       "k-checkbox",
       {
-        [`k-checkbox-${se.sizeMap[v] || v}`]: v,
-        [`k-rounded-${se.roundedMap[N] || N}`]: N,
-        "k-indeterminate": Ee,
+        [`k-checkbox-${ne.sizeMap[v] || v}`]: v,
+        [`k-rounded-${ne.roundedMap[N] || N}`]: N,
+        "k-indeterminate": we,
         "k-disabled": p,
-        "k-invalid k-invalid": !(je || L !== void 0 || L === !0)
+        "k-invalid k-invalid": !(ke || L !== void 0 || L === !0)
       }
     ),
     ref: k,
-    name: V,
-    id: f || Ce,
+    name: R,
+    id: f || be,
     "aria-labelledby": i,
     "aria-describedby": s,
-    checked: !!xe,
+    checked: !!Ee,
     disabled: p,
-    tabIndex: oe(w, p),
+    tabIndex: re(w, p),
     role: "checkbox",
     required: A !== void 0 ? A : !1,
-    "aria-checked": Z || xe ? !0 : Ee ? "mixed" : !1,
+    "aria-checked": W || Ee ? !0 : we ? "mixed" : !1,
     "aria-disabled": p || void 0,
     ...g,
     onChange: wt,
@@ -3579,18 +3579,18 @@ const Xs = pe(), ya = n.forwardRef((a, t) => {
     null,
     // removing value prop is required due to bug in react where
     // value set to undefined override default submit value
-    re === void 0 ? /* @__PURE__ */ n.createElement("input", { ...Se }) : /* @__PURE__ */ n.createElement("input", { ...Se, value: R ? void 0 : re === null ? "" : re })
+    le === void 0 ? /* @__PURE__ */ n.createElement("input", { ...Ie }) : /* @__PURE__ */ n.createElement("input", { ...Ie, value: M ? void 0 : le === null ? "" : le })
   ), Lt = /* @__PURE__ */ n.createElement(n.Fragment, null, P !== void 0 ? /* @__PURE__ */ n.createElement(
     "label",
     {
       className: G("k-checkbox-label", o),
-      htmlFor: f || Ce,
+      htmlFor: f || be,
       style: { userSelect: "none" }
     },
     P,
-    S && /* @__PURE__ */ n.createElement("span", { className: "k-label-optional" }, ie)
-  ) : null), Rt = /* @__PURE__ */ n.createElement("span", { className: de }, Vn, h);
-  return /* @__PURE__ */ n.createElement(n.Fragment, null, M === "before" ? /* @__PURE__ */ n.createElement("div", { dir: "rtl" }, Rt, Lt) : M === "after" ? /* @__PURE__ */ n.createElement("div", { dir: "ltr" }, Rt, Lt) : /* @__PURE__ */ n.createElement("div", { dir: j }, Rt, Lt));
+    S && /* @__PURE__ */ n.createElement("span", { className: "k-label-optional" }, oe)
+  ) : null), Rt = /* @__PURE__ */ n.createElement("span", { className: ce }, Vn, h);
+  return /* @__PURE__ */ n.createElement(n.Fragment, null, V === "before" ? /* @__PURE__ */ n.createElement("div", { dir: "rtl" }, Rt, Lt) : V === "after" ? /* @__PURE__ */ n.createElement("div", { dir: "ltr" }, Rt, Lt) : /* @__PURE__ */ n.createElement("div", { dir: j }, Rt, Lt));
 });
 ya.propTypes = {
   checked: r.bool,
@@ -3624,9 +3624,9 @@ const Ys = {
 };
 ya.defaultProps = Ys;
 ya.displayName = "KendoCheckbox";
-const Zs = pe(), xt = n.forwardRef((a, t) => {
-  me(ge);
-  const e = Re(Zs, a), {
+const Zs = he(), xt = n.forwardRef((a, t) => {
+  pe(me);
+  const e = Me(Zs, a), {
     ariaDescribedBy: s,
     checked: i,
     children: l,
@@ -3640,8 +3640,8 @@ const Zs = pe(), xt = n.forwardRef((a, t) => {
     style: v,
     tabIndex: N,
     value: P,
-    valid: M,
-    onChange: V,
+    valid: V,
+    onChange: R,
     onFocus: S,
     onBlur: I,
     ...O
@@ -3661,13 +3661,13 @@ const Zs = pe(), xt = n.forwardRef((a, t) => {
   const A = Qe(), T = n.useCallback(
     (g) => {
       J(
-        V,
+        R,
         g,
         F(),
         { value: P }
       );
     },
-    [V, P, o]
+    [R, P, o]
   ), x = n.useCallback(
     (g) => {
       S && !o && J(
@@ -3695,14 +3695,14 @@ const Zs = pe(), xt = n.forwardRef((a, t) => {
     className: G(
       "k-radio",
       {
-        [`k-radio-${se.sizeMap[d] || d}`]: d,
-        "k-invalid": M === !1
+        [`k-radio-${ne.sizeMap[d] || d}`]: d,
+        "k-invalid": V === !1
       },
       c
     ),
     ref: B,
     disabled: o,
-    tabIndex: oe(N, o),
+    tabIndex: re(N, o),
     checked: i,
     style: v,
     "aria-describedby": s,
@@ -3746,9 +3746,9 @@ const Js = {
 };
 xt.displayName = "KendoRadioButton";
 xt.defaultProps = Js;
-const Qs = pe(), Ca = n.forwardRef((a, t) => {
-  me(ge);
-  const e = Re(Qs, a), {
+const Qs = he(), Ca = n.forwardRef((a, t) => {
+  pe(me);
+  const e = Me(Qs, a), {
     id: s,
     ariaLabelledBy: i,
     ariaDescribedBy: l,
@@ -3762,8 +3762,8 @@ const Qs = pe(), Ca = n.forwardRef((a, t) => {
     style: v,
     value: N,
     valid: P,
-    item: M = In.item,
-    onChange: V,
+    item: V = In.item,
+    onChange: R,
     onFocus: S
   } = e, I = n.useRef(null), O = n.useCallback(
     () => {
@@ -3781,14 +3781,14 @@ const Qs = pe(), Ca = n.forwardRef((a, t) => {
   const [w, F] = n.useState(h), A = N !== void 0, T = A ? N : w, x = n.useCallback(
     (k) => {
       let u = k.value;
-      !A && !d && F(u), V && !d && J(
-        V,
+      !A && !d && F(u), R && !d && J(
+        R,
         k.syntheticEvent,
         B(),
         { value: u }
       );
     },
-    [F, V, d]
+    [F, R, d]
   ), L = n.useCallback(
     (k) => {
       S && !d && J(
@@ -3820,7 +3820,7 @@ const Qs = pe(), Ca = n.forwardRef((a, t) => {
       onFocus: L
     };
     return /* @__PURE__ */ n.createElement(
-      M,
+      V,
       {
         className: G("k-radio-item", { "k-disabled": D.disabled || d }),
         key: u,
@@ -3864,13 +3864,13 @@ Ca.propTypes = {
 };
 Ca.defaultProps = In;
 Ca.displayName = "KendoRadioGroup";
-const er = pe(), xa = n.forwardRef((a, t) => {
-  const e = Re(er, a), {
+const er = he(), xa = n.forwardRef((a, t) => {
+  const e = Me(er, a), {
     size: s,
     rounded: i,
     fillMode: l,
-    prefix: c = n.Fragment,
-    suffix: o = n.Fragment,
+    prefix: c = void 0,
+    suffix: o = void 0,
     ariaDescribedBy: h,
     ariaLabelledBy: d,
     autoSize: p,
@@ -3879,8 +3879,8 @@ const er = pe(), xa = n.forwardRef((a, t) => {
     disabled: v,
     readOnly: N,
     required: P,
-    rows: M,
-    id: V,
+    rows: V,
+    id: R,
     name: S,
     placeholder: I,
     style: O,
@@ -3902,90 +3902,90 @@ const er = pe(), xa = n.forwardRef((a, t) => {
       u.current && u.current.focus();
     },
     []
-  ), [E, D] = n.useState(f), [ee] = Be(c), [Y] = Be(o), R = w !== void 0, b = R ? w : E, K = n.useCallback(
+  ), [E, D] = n.useState(f), [ee, Z] = Fe(c), [M, b] = Fe(o), q = w !== void 0, K = q ? w : E, W = n.useCallback(
     () => ({
       element: u,
       focus: y,
       get value() {
-        return b;
+        return K;
       },
       get name() {
         return u.current && u.current.name;
       }
     }),
-    [y, b]
+    [y, K]
   );
-  n.useImperativeHandle(t, K);
-  const [q, Z] = n.useState("auto"), ce = Qe(), xe = He(u, e.dir), re = F !== void 0 ? F : P ? !!b : !0;
+  n.useImperativeHandle(t, W);
+  const [ie, Ee] = n.useState("auto"), le = Qe(), we = Ge(u, e.dir), be = F !== void 0 ? F : P ? !!K : !0;
   n.useEffect(
     () => {
       u.current && u.current.setCustomValidity && u.current.setCustomValidity(
-        re ? "" : A || ""
+        be ? "" : A || ""
       );
     },
-    [re, A]
+    [be, A]
   ), n.useLayoutEffect(
     () => {
-      u.current && Z(`${u.current.scrollHeight}px`);
+      u.current && Ee(`${u.current.scrollHeight}px`);
     },
-    [b]
+    [K]
   );
-  const Ee = n.useCallback(
-    (ae) => {
-      const ie = ae.target.value;
-      Z("auto"), !R && !v && D(ie), x && !v && J(
+  const Ne = n.useCallback(
+    (ke) => {
+      const Se = ke.target.value;
+      Ee("auto"), !q && !v && D(Se), x && !v && J(
         x,
-        ae,
+        ke,
         {
-          ...K(),
-          value: ie
+          ...W(),
+          value: Se
         },
-        { value: ie }
+        { value: Se }
       );
     },
-    [D, x, v, R]
-  ), Ce = n.useCallback(
-    (ae) => {
+    [D, x, v, q]
+  ), z = n.useCallback(
+    (ke) => {
       L && !v && J(
         L,
-        ae,
-        K(),
+        ke,
+        W(),
         void 0
       );
     },
     [L, v]
-  ), Ve = n.useCallback(
-    (ae) => {
+  ), ve = n.useCallback(
+    (ke) => {
       $ && !v && J(
         $,
-        ae,
-        K(),
+        ke,
+        W(),
         void 0
       );
     },
     [$, v]
-  ), z = {
-    id: V || ce,
+  ), oe = {
+    id: R || le,
     role: "textbox",
     name: S,
     className: "k-input-inner !k-overflow-auto",
     ref: u,
     disabled: v,
-    rows: M,
+    rows: V,
     placeholder: I,
     readOnly: N,
     required: P,
-    tabIndex: oe(B, v),
-    style: p ? { resize: "none", overflow: "hidden", height: q } : {},
+    tabIndex: re(B, v),
+    style: p ? { resize: "none", overflow: "hidden", height: ie } : {},
     "aria-labelledby": d,
     "aria-describedby": h,
     "aria-multiline": !0,
     "aria-disabled": v || void 0,
-    value: R ? w : E,
+    value: q ? w : E,
     ...k,
-    onChange: Ee,
-    onFocus: Ce,
-    onBlur: Ve
+    onChange: Ne,
+    onFocus: z,
+    onBlur: ve
   };
   return /* @__PURE__ */ n.createElement(
     "span",
@@ -3994,21 +3994,21 @@ const er = pe(), xa = n.forwardRef((a, t) => {
         "k-input",
         "k-textarea",
         {
-          [`k-input-${se.sizeMap[s] || s}`]: s,
+          [`k-input-${ne.sizeMap[s] || s}`]: s,
           [`k-input-${l}`]: l,
-          [`k-rounded-${se.roundedMap[i] || i}`]: i,
-          "k-invalid": !(re || T !== void 0 || T === !0),
+          [`k-rounded-${ne.roundedMap[i] || i}`]: i,
+          "k-invalid": !(be || T !== void 0 || T === !0),
           "k-required": P,
           "k-disabled": v
         },
         m
       ),
       style: O,
-      dir: xe
+      dir: we
     },
-    /* @__PURE__ */ n.createElement(ee, null),
-    /* @__PURE__ */ n.createElement("textarea", { ...z }),
-    /* @__PURE__ */ n.createElement(Y, null)
+    e.prefix && /* @__PURE__ */ n.createElement(ee, { ...Z }),
+    /* @__PURE__ */ n.createElement("textarea", { ...oe }),
+    e.suffix && /* @__PURE__ */ n.createElement(M, { ...b })
   );
 });
 xa.propTypes = {
@@ -4046,7 +4046,7 @@ const tr = {
 xa.displayName = "KendoTextArea";
 xa.defaultProps = tr;
 const Et = n.forwardRef((a, t) => {
-  const e = n.useRef(null), s = n.useRef(null), i = He(s, a.dir);
+  const e = n.useRef(null), s = n.useRef(null), i = Ge(s, a.dir);
   n.useImperativeHandle(e, () => ({
     element: s.current,
     props: a,
@@ -4175,29 +4175,29 @@ const Et = n.forwardRef((a, t) => {
 Et.displayName = "KendoReactRatingItem";
 Et.propTypes = ar;
 Et.defaultProps = nr;
-const ke = (a, t) => {
+const Ce = (a, t) => {
   if (a % 1) {
     const e = Math.pow(10, (t.toString().split(".")[1] || t.toString().split(".")[0]).length);
     return Math.round(a * e) / e;
   }
   return a;
-}, sr = (a, t) => a - t * Math.floor(a / t), da = (a, t, e) => ke(a - e, e) < t && t < a, Tt = (a, t, e, s) => t === null ? !1 : s === "continues" ? da(a, t, e) ? ke(a - e / 2, e / 2) <= t : a <= t : s === "single" ? da(a, t, e) ? ke(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) => {
+}, sr = (a, t) => a - t * Math.floor(a / t), da = (a, t, e) => Ce(a - e, e) < t && t < a, Tt = (a, t, e, s) => t === null ? !1 : s === "continues" ? da(a, t, e) ? Ce(a - e / 2, e / 2) <= t : a <= t : s === "single" ? da(a, t, e) ? Ce(a - e / 2, e / 2) === t : a === t : !1, Ya = (a, t, e) => a === "ltr" ? e < t.x + t.width / 2 : e > t.x + t.width / 2, Za = (a, t, e, s) => {
   for (let i = a; i <= t; i += e)
     if (s === i)
       return !0;
   return !1;
 };
-var ue = /* @__PURE__ */ ((a) => (a.select = "select", a.deselect = "deselect", a.increase = "increase", a.decrease = "decrease", a.min = "min", a.max = "max", a.reset = "reset", a))(ue || {});
+var de = /* @__PURE__ */ ((a) => (a.select = "select", a.deselect = "deselect", a.increase = "increase", a.decrease = "decrease", a.min = "min", a.max = "max", a.reset = "reset", a))(de || {});
 const rr = (a, t) => {
   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 ? ke(t.payload, t.step) : t.max : t.min;
+      return t.payload === void 0 || t.step === void 0 ? a : t.payload === a ? null : t.payload >= t.min ? t.payload < t.max ? Ce(t.payload, t.step) : t.max : t.min;
     case "deselect":
       return null;
     case "increase":
-      return t.step === void 0 ? a : a < t.min ? t.min : a + t.step < t.max ? ke(a + t.step, t.step) : t.max;
+      return t.step === void 0 ? a : a < t.min ? t.min : a + t.step < t.max ? Ce(a + t.step, t.step) : t.max;
     case "decrease":
-      return t.step === void 0 ? a : ke(a - t.step, t.step) >= t.min ? ke(a - t.step, t.step) : t.min;
+      return t.step === void 0 ? a : Ce(a - t.step, t.step) >= t.min ? Ce(a - t.step, t.step) : t.min;
     case "min":
       return t.step === void 0 ? a : t.min;
     case "max":
@@ -4213,8 +4213,8 @@ const rr = (a, t) => {
     const o = rr(t.state || s, { ...c, ...t });
     e && e(o, c.event), i(o);
   }];
-}, ir = pe(), Ea = n.forwardRef((a, t) => {
-  const e = Re(ir, a), s = $e(), i = n.useRef(null), l = n.useRef(null), c = He(l, e.dir);
+}, ir = he(), Ea = n.forwardRef((a, t) => {
+  const e = Me(ir, a), s = He(), i = n.useRef(null), l = n.useRef(null), c = Ge(l, e.dir);
   n.useImperativeHandle(i, () => ({
     element: l.current,
     props: e
@@ -4229,28 +4229,28 @@ const rr = (a, t) => {
     },
     [e.onChange]
   ), h = n.useMemo(
-    () => e.min !== void 0 ? e.min : Ie.min,
+    () => e.min !== void 0 ? e.min : Re.min,
     [e.min]
   ), d = n.useMemo(
-    () => e.max !== void 0 ? e.max : Ie.max,
+    () => e.max !== void 0 ? e.max : Re.max,
     [e.max]
   ), p = n.useMemo(
-    () => e.precision || Ie.precision,
+    () => e.precision || Re.precision,
     [e.precision]
   ), m = n.useMemo(
-    () => e.step !== void 0 ? e.step : Ie.step,
+    () => e.step !== void 0 ? e.step : Re.step,
     [e.step]
   ), f = n.useMemo(
-    () => e.readonly || Ie.readonly,
+    () => e.readonly || Re.readonly,
     [e.readonly]
   ), v = n.useMemo(
-    () => e.disabled || Ie.disabled,
+    () => e.disabled || Re.disabled,
     [e.disabled]
   ), N = n.useMemo(
-    () => e.item || Ie.item,
+    () => e.item || Re.item,
     [e.item]
-  ), [P, M] = Ja(
-    e.defaultValue !== void 0 ? e.defaultValue : Ie.defaultValue,
+  ), [P, V] = Ja(
+    e.defaultValue !== void 0 ? e.defaultValue : Re.defaultValue,
     {
       state: e.value,
       min: h,
@@ -4258,7 +4258,7 @@ const rr = (a, t) => {
       step: p === "half" ? m / 2 : m
     },
     o
-  ), [V, S] = Ja(
+  ), [R, S] = Ja(
     null,
     {
       state: e.value,
@@ -4271,10 +4271,10 @@ const rr = (a, t) => {
     () => e.value !== void 0 ? e.value : P,
     [e.value, P]
   ), O = n.useMemo(
-    () => V,
-    [V]
+    () => R,
+    [R]
   ), B = n.useMemo(
-    () => e.selection || Ie.selection,
+    () => e.selection || Re.selection,
     [e.selection]
   ), w = n.useMemo(
     () => m / (p === "half" ? 2 : 1),
@@ -4283,10 +4283,10 @@ const rr = (a, t) => {
     (g) => {
       if (!(!g.target || !g.target.element || f || v)) {
         if (p === "half") {
-          const k = g.target.element.getBoundingClientRect(), y = Ya(c || "ltr", k, g.syntheticEvent.clientX) ? ke(g.target.value - m / 2, w) : g.target.value;
-          M({ type: ue.select, payload: y, event: g.syntheticEvent });
+          const k = g.target.element.getBoundingClientRect(), y = Ya(c || "ltr", k, g.syntheticEvent.clientX) ? Ce(g.target.value - m / 2, w) : g.target.value;
+          V({ type: de.select, payload: y, event: g.syntheticEvent });
         } else
-          M({ type: ue.select, payload: g.target.value, event: g.syntheticEvent });
+          V({ type: de.select, payload: g.target.value, event: g.syntheticEvent });
         if (e.onClick) {
           const k = {
             value: I,
@@ -4297,38 +4297,38 @@ const rr = (a, t) => {
         }
       }
     },
-    [e.onClick, M, I]
+    [e.onClick, V, I]
   ), A = n.useCallback(
     (g) => {
       if (!(f || v)) {
         switch (g.keyCode) {
           case _.right:
-            g.preventDefault(), M({
-              type: c === "rtl" ? ue.decrease : ue.increase,
+            g.preventDefault(), V({
+              type: c === "rtl" ? de.decrease : de.increase,
               event: g
             });
             break;
           case _.left:
-            g.preventDefault(), M({
-              type: c === "rtl" ? ue.increase : ue.decrease,
+            g.preventDefault(), V({
+              type: c === "rtl" ? de.increase : de.decrease,
               event: g
             });
             break;
           case _.home:
-            g.preventDefault(), M({
-              type: c === "rtl" ? ue.min : ue.max,
+            g.preventDefault(), V({
+              type: c === "rtl" ? de.min : de.max,
               event: g
             });
             break;
           case _.end:
-            g.preventDefault(), M({
-              type: c === "rtl" ? ue.max : ue.min,
+            g.preventDefault(), V({
+              type: c === "rtl" ? de.max : de.min,
               event: g
             });
             break;
           case _.esc:
-            g.preventDefault(), M({
-              type: ue.deselect,
+            g.preventDefault(), V({
+              type: de.deselect,
               event: g
             });
             break;
@@ -4343,7 +4343,7 @@ const rr = (a, t) => {
         );
       }
     },
-    [e.onKeyDown, M, I]
+    [e.onKeyDown, V, I]
   ), T = n.useCallback(
     (g) => {
       if (e.onFocus) {
@@ -4377,19 +4377,19 @@ const rr = (a, t) => {
       if (!(!g.target || !g.target.element))
         if (p === "half") {
           const k = g.target.element.getBoundingClientRect(), y = Ya(c || "ltr", k, g.syntheticEvent.clientX) ? g.target.value - m / 2 : g.target.value;
-          S({ type: ue.select, payload: y, event: g.syntheticEvent });
+          S({ type: de.select, payload: y, event: g.syntheticEvent });
         } else
-          S({ type: ue.select, payload: g.target.value, event: g.syntheticEvent });
+          S({ type: de.select, payload: g.target.value, event: g.syntheticEvent });
     },
     [p, m, c]
   ), $ = n.useCallback(
     (g) => {
-      S({ type: ue.reset, event: g.syntheticEvent });
+      S({ type: de.reset, event: g.syntheticEvent });
     },
     []
-  ), U = [], Q = sr(ke(d - h, w), m);
-  for (let g = h; g <= d; g = ke(g + m, w)) {
-    const k = ke(g + Q, w), u = p === "half" ? da(k, O !== null ? O : I !== null ? I : 0, m) : !1, y = Tt(k, I, m, B), E = Tt(k, O !== null ? O : I, m, B), D = Tt(k, O, m, B);
+  ), U = [], Q = sr(Ce(d - h, w), m);
+  for (let g = h; g <= d; g = Ce(g + m, w)) {
+    const k = Ce(g + Q, w), u = p === "half" ? da(k, O !== null ? O : I !== null ? I : 0, m) : !1, y = Tt(k, I, m, B), E = Tt(k, O !== null ? O : I, m, B), D = Tt(k, O, m, B);
     U.push(
       /* @__PURE__ */ n.createElement(
         N,
@@ -4397,7 +4397,7 @@ const rr = (a, t) => {
           key: k,
           value: k,
           dir: c,
-          title: String(u ? ke(k - m / 2, w) : k),
+          title: String(u ? Ce(k - m / 2, w) : k),
           icon: e.icon,
           svgIcon: e.svgIcon,
           half: u,
@@ -4407,10 +4407,10 @@ const rr = (a, t) => {
           onMouseMove: L,
           onMouseLeave: $
         },
-        u && /* @__PURE__ */ n.createElement("span", { className: "k-rating-precision-complement" }, !(e.icon || e.svgIconOutline) && /* @__PURE__ */ n.createElement(he, { 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(he, { name: Vt(`${e.icon}-outline`), icon: e.svgIconOutline, size: "xlarge" })),
-        u && /* @__PURE__ */ n.createElement("span", { className: "k-rating-precision-part" }, !(e.icon || e.svgIcon) && /* @__PURE__ */ n.createElement(he, { 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(he, { name: e.icon ? Vt(e.icon) : void 0, icon: e.svgIcon, size: "xlarge" })),
+        u && /* @__PURE__ */ n.createElement("span", { className: "k-rating-precision-complement" }, !(e.icon || e.svgIconOutline) && /* @__PURE__ */ n.createElement(fe, { name: "star-outline", icon: Ra, style: { clipPath: `${c === "rtl" ? "inset(0 50% 0 0)" : "inset(0 0 0 50%)"}` }, size: "xlarge" }), (e.icon || e.svgIconOutline) && /* @__PURE__ */ n.createElement(fe, { name: Vt(`${e.icon}-outline`), icon: e.svgIconOutline, size: "xlarge" })),
+        u && /* @__PURE__ */ n.createElement("span", { className: "k-rating-precision-part" }, !(e.icon || e.svgIcon) && /* @__PURE__ */ n.createElement(fe, { name: "star", icon: Va, style: { clipPath: `${c === "rtl" ? "inset(0 0 0 50%)" : "inset(0 50% 0 0)"}` }, size: "xlarge" }), (e.icon || e.svgIcon) && /* @__PURE__ */ n.createElement(fe, { name: e.icon ? Vt(e.icon) : void 0, icon: e.svgIcon, size: "xlarge" })),
         u && /* @__PURE__ */ n.createElement("span", { style: { width: "24px", height: "24px", display: "block" } }),
-        !u && !(e.icon || e.svgIcon) && (D || E && !D) && /* @__PURE__ */ n.createElement(he, { name: "star", icon: Va, size: "xlarge" }) || !(e.icon || e.svgIcon) && !D && !E && /* @__PURE__ */ n.createElement(he, { name: "star-outline", icon: Ra, size: "xlarge" }) || (e.icon || e.svgIcon) && (D || E && !D) && /* @__PURE__ */ n.createElement(he, { name: e.icon, icon: e.svgIcon, size: "xlarge" }) || (e.icon || e.svgIcon) && !D && /* @__PURE__ */ n.createElement(he, { name: Vt(`${e.icon}-outline`), icon: e.svgIconOutline, size: "xlarge" })
+        !u && !(e.icon || e.svgIcon) && (D || E && !D) && /* @__PURE__ */ n.createElement(fe, { name: "star", icon: Va, size: "xlarge" }) || !(e.icon || e.svgIcon) && !D && !E && /* @__PURE__ */ n.createElement(fe, { name: "star-outline", icon: Ra, size: "xlarge" }) || (e.icon || e.svgIcon) && (D || E && !D) && /* @__PURE__ */ n.createElement(fe, { name: e.icon, icon: e.svgIcon, size: "xlarge" }) || (e.icon || e.svgIcon) && !D && /* @__PURE__ */ n.createElement(fe, { name: Vt(`${e.icon}-outline`), icon: e.svgIconOutline, size: "xlarge" })
       )
     );
   }
@@ -4422,7 +4422,7 @@ const rr = (a, t) => {
       ref: l,
       role: "slider",
       dir: c,
-      tabIndex: oe(e.tabIndex, e.disabled, void 0),
+      tabIndex: re(e.tabIndex, e.disabled, void 0),
       className: G(
         "k-rating",
         {
@@ -4494,7 +4494,7 @@ const rr = (a, t) => {
   svgIcon: zt,
   svgIconOutline: zt,
   ariaDescribedBy: r.string
-}, Ie = {
+}, Re = {
   dir: "ltr",
   min: 1,
   max: 5,
@@ -4508,22 +4508,22 @@ const rr = (a, t) => {
 };
 Ea.displayName = "KendoReactRating";
 Ea.propTypes = lr;
-Ea.defaultProps = Ie;
+Ea.defaultProps = Re;
 function or(a, t) {
   let e = a;
   for (; e && e !== t; )
     e = e.parentNode;
   return !!e;
 }
-const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a) => a !== void 0, hr = pe(), St = n.forwardRef((a, t) => {
-  me(ge);
-  const e = Re(hr, a), s = $e(), i = n.useRef(null), l = n.useRef(null), c = n.useRef(null), o = n.useRef(null), h = n.useRef(null), [d, p] = n.useState(), [m, f] = n.useState(!1), [v, N] = n.useState(!1), [P, M] = n.useState(), [V, S] = n.useState(), O = Qa(e.value) ? e.value : P, [B, w] = n.useState(!1), F = Qa(e.open), A = F ? e.open : B, T = !(e.maximized || v || !e.maximizable || e.disabled), x = e.maximized && !v, $ = !(!(e.value || P) || v || e.readOnly || e.disabled), U = s.toLanguageString(sa, H[sa]), Q = s.toLanguageString(ra, H[ra]), g = s.toLanguageString(na, H[na]), k = e.popupScale || Ln, u = e.exportScale || Rn, y = (C) => {
-    M(C), e.onChange && e.onChange({ value: C });
+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 = Me(hr, a), s = He(), i = n.useRef(null), l = n.useRef(null), c = n.useRef(null), o = n.useRef(null), h = n.useRef(null), [d, p] = n.useState(), [m, f] = n.useState(!1), [v, N] = n.useState(!1), [P, V] = n.useState(), [R, S] = n.useState(), O = Qa(e.value) ? e.value : P, [B, w] = n.useState(!1), F = Qa(e.open), A = F ? e.open : B, T = !(e.maximized || v || !e.maximizable || e.disabled), x = e.maximized && !v, $ = !(!(e.value || P) || v || e.readOnly || e.disabled), U = s.toLanguageString(sa, H[sa]), Q = s.toLanguageString(ra, H[ra]), g = s.toLanguageString(na, H[na]), k = e.popupScale || Ln, u = e.exportScale || Rn, y = (C) => {
+    V(C), e.onChange && e.onChange({ value: C });
   }, E = (C) => {
     d == null || d.loadImage(C.value), y(C.value);
   };
   n.useEffect(() => {
-    e.value !== P && (M(e.value), d == null || d.loadImage(e.value));
+    e.value !== P && (V(e.value), d == null || d.loadImage(e.value));
   }, [e.value]);
   const D = () => {
     d == null || d.clear(), y();
@@ -4532,44 +4532,44 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
       F || w(C);
     },
     [F]
-  ), Y = (C) => {
-    var j, de;
-    Oe(C), (de = ((j = h.current) == null ? void 0 : j.element) || l.current) == null || de.focus();
-  }, R = n.useCallback(() => {
+  ), Z = (C) => {
+    var j, ce;
+    Se(C), (ce = ((j = h.current) == null ? void 0 : j.element) || l.current) == null || ce.focus();
+  }, M = n.useCallback(() => {
     let C = ur;
     return !e.color && typeof document != "undefined" && i.current && (C = getComputedStyle(i.current).color), e.color || C;
   }, [e.color]), b = n.useCallback(() => {
     let C = fr;
     return !e.backgroundColor && typeof document != "undefined" && i.current && (C = getComputedStyle(i.current).backgroundColor), e.backgroundColor || C;
-  }, [e.backgroundColor]), K = () => ({
+  }, [e.backgroundColor]), q = () => ({
     scale: e.maximized ? e.popupScale : 1,
-    color: R(),
+    color: M(),
     backgroundColor: b(),
     strokeWidth: e.strokeWidth,
     smooth: e.smooth,
     readonly: e.readOnly
-  }), q = async (C) => {
-    const { width: j, height: de } = C;
+  }), K = async (C) => {
+    const { width: j, height: ce } = C;
     return await (d == null ? void 0 : d.exportImage({
       width: j * u,
-      height: de * u
+      height: ce * u
     }));
   };
   n.useEffect(() => {
-    const C = l.current, j = new Hn(C, K());
+    const C = l.current, j = new Hn(C, q());
     return O && j.loadImage(O), p(j), () => j.destroy();
   }, []), n.useEffect(() => {
     d == null || d.setOptions({
-      onChange: async () => y(await q(tt())),
+      onChange: async () => y(await K(tt())),
       onDraw: () => N(!0),
       onDrawEnd: () => N(!1)
     });
   }, [d]), n.useLayoutEffect(
-    () => d == null ? void 0 : d.setOptions(K()),
+    () => d == null ? void 0 : d.setOptions(q()),
     [e.readOnly, e.color, e.backgroundColor, e.strokeWidth, e.smooth]
   ), n.useEffect(() => {
-    var de, Se;
-    const C = (Se = (de = c.current) == null ? void 0 : de.element) == null ? void 0 : Se.querySelector(".k-overlay");
+    var ce, Ie;
+    const C = (Ie = (ce = c.current) == null ? void 0 : ce.element) == null ? void 0 : Ie.querySelector(".k-overlay");
     if (!C)
       return;
     const j = () => ee(!1);
@@ -4585,49 +4585,49 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
     var C, j;
     e.maximized && ((j = (C = o.current) == null ? void 0 : C.element) == null || j.focus());
   }, []);
-  const Z = n.useCallback(
+  const W = n.useCallback(
     () => {
       var C;
       return (C = l.current) == null ? void 0 : C.focus();
     },
     []
-  ), ce = n.useCallback(
+  ), ie = n.useCallback(
     () => e.value,
     [e.value]
-  ), xe = n.useCallback(
+  ), Ee = n.useCallback(
     () => e.name,
     [e.name]
-  ), re = n.useCallback(
+  ), le = n.useCallback(
     () => e.required,
     [e.required]
-  ), Ee = n.useCallback(
+  ), we = n.useCallback(
     () => {
-      const C = e.validationMessage !== void 0, de = !ce(), Se = e.valid !== void 0 ? e.valid : !re() || !de;
+      const C = e.validationMessage !== void 0, ce = !ie(), Ie = e.valid !== void 0 ? e.valid : !le() || !ce;
       return {
         customError: C,
-        valid: Se,
-        valueMissing: de
+        valid: Ie,
+        valueMissing: ce
       };
     },
-    [e.validationMessage, e.valid, ce, re]
-  ), Ce = n.useCallback(
+    [e.validationMessage, e.valid, ie, le]
+  ), be = n.useCallback(
     () => e.validityStyles,
     [e.validityStyles]
-  ), Ve = n.useCallback(
+  ), Ne = n.useCallback(
     () => e,
     [e]
   ), z = n.useCallback(
     () => {
       const C = {
         element: i.current,
-        focus: Z
+        focus: W
       };
-      return Object.defineProperty(C, "name", { get: xe }), Object.defineProperty(C, "value", { get: ce }), Object.defineProperty(C, "validity", { get: Ee }), Object.defineProperty(C, "validityStyles", { get: Ce }), Object.defineProperty(C, "required", { get: re }), Object.defineProperty(C, "props", { get: Ve }), Object.defineProperty(C, "color", { get: R }), Object.defineProperty(C, "backgroundColor", { get: b }), C;
+      return Object.defineProperty(C, "name", { get: Ee }), Object.defineProperty(C, "value", { get: ie }), Object.defineProperty(C, "validity", { get: we }), Object.defineProperty(C, "validityStyles", { get: be }), Object.defineProperty(C, "required", { get: le }), Object.defineProperty(C, "props", { get: Ne }), Object.defineProperty(C, "color", { get: M }), Object.defineProperty(C, "backgroundColor", { get: b }), C;
     },
-    [xe, ce, Ee, Ce, re, Z, Ve, R, b]
+    [Ee, ie, we, be, le, W, Ne, M, b]
   );
   n.useImperativeHandle(t, z);
-  const ae = n.useCallback(
+  const ve = n.useCallback(
     (C) => {
       m || e.maximized || (f(!0), J(
         e.onFocus,
@@ -4637,7 +4637,7 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
       ));
     },
     [m, e.onFocus, z]
-  ), ie = n.useCallback(
+  ), oe = n.useCallback(
     (C) => {
       or(C.relatedTarget, i.current) || (f(!1), J(
         e.onBlur,
@@ -4647,9 +4647,9 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
       ));
     },
     [m, e.onBlur, z]
-  ), je = n.useCallback(
+  ), ke = n.useCallback(
     async (C) => {
-      S(await q(at())), ee(!0), J(
+      S(await K(at())), ee(!0), J(
         e.onOpen,
         C,
         z(),
@@ -4657,7 +4657,7 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
       );
     },
     [A, F, e.onOpen, e.value, P, z]
-  ), Oe = n.useCallback(
+  ), Se = n.useCallback(
     (C) => {
       ee(!1), J(
         e.onClose,
@@ -4668,10 +4668,10 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
     },
     [A, F, e.onClose, z]
   ), wt = () => {
-    D(), Z();
+    D(), W();
   }, tt = () => {
-    var de, Se;
-    const C = e.width || ((de = i.current) == null ? void 0 : de.offsetWidth) || cr, j = e.height || ((Se = i.current) == null ? void 0 : Se.offsetHeight) || dr;
+    var ce, Ie;
+    const C = e.width || ((ce = i.current) == null ? void 0 : ce.offsetWidth) || cr, j = e.height || ((Ie = i.current) == null ? void 0 : Ie.offsetHeight) || dr;
     return {
       width: C,
       height: j
@@ -4682,7 +4682,7 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
       width: C * k,
       height: j * k
     };
-  }, It = !Ce() || Ee().valid;
+  }, It = !be() || we().valid;
   return /* @__PURE__ */ n.createElement(
     "div",
     {
@@ -4694,9 +4694,9 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
         "k-signature",
         {
           "k-signature-maximized": e.maximized,
-          [`k-signature-${se.sizeMap[e.size] || e.size}`]: e.size,
+          [`k-signature-${ne.sizeMap[e.size] || e.size}`]: e.size,
           [`k-input-${e.fillMode}`]: e.fillMode,
-          [`k-rounded-${se.roundedMap[e.rounded] || e.rounded}`]: e.rounded,
+          [`k-rounded-${ne.roundedMap[e.rounded] || e.rounded}`]: e.rounded,
           "k-invalid": !It,
           "k-required": e.required,
           "k-disabled": e.disabled,
@@ -4704,15 +4704,15 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
         },
         e.className
       ),
-      onFocus: ae,
-      onBlur: ie
+      onFocus: ve,
+      onBlur: oe
     },
     /* @__PURE__ */ n.createElement(
       "div",
       {
         className: "k-signature-canvas",
         ref: l,
-        tabIndex: oe(e.tabIndex, e.disabled),
+        tabIndex: re(e.tabIndex, e.disabled),
         role: "img",
         id: e.id,
         "aria-label": e.ariaLabel,
@@ -4722,7 +4722,7 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
       }
     ),
     /* @__PURE__ */ n.createElement("div", { className: "k-signature-actions k-signature-actions-top" }, T && /* @__PURE__ */ n.createElement(
-      be,
+      ge,
       {
         type: "button",
         className: "k-signature-action k-signature-maximize",
@@ -4731,12 +4731,12 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
         svgIcon: Ma,
         fillMode: "flat",
         size: e.size,
-        onClick: je,
+        onClick: ke,
         "aria-label": U,
         title: U
       }
     ), x && /* @__PURE__ */ n.createElement(
-      be,
+      ge,
       {
         type: "button",
         className: "k-signature-action k-signature-minimize k-rotate-180",
@@ -4745,7 +4745,7 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
         svgIcon: Ma,
         fillMode: "flat",
         size: e.size,
-        onClick: Oe,
+        onClick: Se,
         "aria-label": Q,
         title: Q
       }
@@ -4758,7 +4758,7 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
       }
     ),
     /* @__PURE__ */ n.createElement("div", { className: "k-signature-actions k-signature-actions-bottom" }, $ && /* @__PURE__ */ n.createElement(
-      be,
+      ge,
       {
         type: "button",
         className: "k-signature-action k-signature-clear",
@@ -4776,12 +4776,12 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
       {
         ...e,
         ...at(),
-        value: V,
+        value: R,
         maximized: !0,
         exportScale: 1 / k * u,
         open: !1,
         onChange: E,
-        onClose: Y
+        onClose: Z
       }
     ))
   );
@@ -4818,17 +4818,17 @@ St.defaultProps = {
   disabled: !1,
   required: !1,
   validityStyles: !0,
-  onChange: (a) => Ne,
-  onFocus: (a) => Ne,
-  onBlur: (a) => Ne,
-  onOpen: (a) => Ne,
-  onClose: (a) => Ne,
+  onChange: (a) => De,
+  onFocus: (a) => De,
+  onBlur: (a) => De,
+  onOpen: (a) => De,
+  onClose: (a) => De,
   size: "medium",
   rounded: "medium",
   fillMode: "solid"
 };
 const Sa = n.forwardRef((a, t) => {
-  me(ge);
+  pe(me);
   const e = n.useRef(null), s = n.useRef(null), i = n.useRef(), l = n.useCallback(
     () => {
       var $;
@@ -4865,10 +4865,10 @@ const Sa = n.forwardRef((a, t) => {
     valid: N,
     // Destruct to avoid warning when used inside a form field
     modified: P,
-    touched: M,
-    visited: V,
+    touched: V,
+    visited: R,
     ...S
-  } = a, [I] = Be(f), [O] = Be(v), [B, w] = n.useState(!1), F = ($) => {
+  } = a, [I] = Fe(f), [O] = Fe(v), [B, w] = n.useState(!1), F = ($) => {
     w(!0);
   }, A = ($) => {
     w(!1);
@@ -4896,9 +4896,9 @@ const Sa = n.forwardRef((a, t) => {
       className: G(
         "k-textbox k-input",
         {
-          [`k-input-${se.sizeMap[c] || c}`]: c,
+          [`k-input-${ne.sizeMap[c] || c}`]: c,
           [`k-input-${o}`]: o,
-          [`k-rounded-${se.roundedMap[h] || h}`]: h
+          [`k-rounded-${ne.roundedMap[h] || h}`]: h
         },
         {
           "k-focus": B,
@@ -4981,7 +4981,7 @@ const br = n.forwardRef(({ orientation: a = "horizontal", ...t }, e) => {
   ), /* @__PURE__ */ n.createElement("span", { ...t, className: G("k-input-suffix", t.className, `k-input-suffix-${a}`) });
 });
 br.displayName = "KendoReactInputSuffix";
-const vr = n.forwardRef((a, t) => /* @__PURE__ */ n.createElement(he, { ref: t, ...a, className: G("k-input-validation-icon", a.className) }));
+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 {
   ya as Checkbox,
@@ -5006,11 +5006,11 @@ export {
   gt as InputWithoutContext,
   Hs as MaskedTextBox,
   yt as MaskedTextBoxWithoutContext,
-  Ae as NumericTextBox,
+  $e as NumericTextBox,
   ns as NumericTextBoxPropsContext,
   Es as PALETTEPRESETS,
-  W as RANGE_ACTION,
-  ue as RATING_ACTION,
+  X as RANGE_ACTION,
+  de as RATING_ACTION,
   xt as RadioButton,
   Zs as RadioButtonPropsContext,
   Ca as RadioGroup,
@@ -5041,5 +5041,5 @@ export {
   Gs as rangeReducer,
   rr as ratingReducer,
   Ta as sanitizeNumber,
-  ke as toRound
+  Ce as toRound
 };