@progress/kendo-react-inputs 7.1.0-develop.7 → 7.1.0-develop.8

package/index.mjs

@@ -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 he, validatePackage as pe, usePropsContext as Re, useId as Qe, useCustomComponent as qe, dispatchEvent as Q, getActiveElement as wa, classNames as G, kendoThemeMaps as ne, getTabIndex as re, withIdHOC as et, withPropsContext as Ue, useDir as Ae, Keys as z, Draggable as en, IconWrap as fe, focusFirstFocusableChild as tn, svgIconPropType as zt, useDraggable as Dn, noop as Me, useRtl as Bn, toIconName as Vt, useAsyncFocusBlur as On } from "@progress/kendo-react-common";
+import { 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 { caretAltUpIcon as _t, caretAltDownIcon as ht, caretAltExpandIcon as Fn, caretAltLeftIcon as Ia, caretAltRightIcon as La, checkIcon as Mt, xIcon as At, dropletSliderIcon as Tn, paletteIcon as zn, dropletSlashIcon as _n, starOutlineIcon as Ra, starIcon as Va, hyperlinkOpenIcon as Ma } from "@progress/kendo-svg-icons";
 import { FloatingLabel as ha, Label as We } from "@progress/kendo-react-labels";
-import { Button as ge, ButtonGroup as An } from "@progress/kendo-react-buttons";
+import { Button as be, 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 me = {
+const ge = {
   name: "@progress/kendo-react-inputs",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1705647983,
+  publishDate: 1705940130,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
-}, Xe = "numerictextbox.increment", Ye = "numerictextbox.decrement", $t = "slider.increment", Ht = "slider.decrement", Te = "slider.dragTitle", Fe = "colorGradient.r", nn = "colorGradient.g", sn = "colorGradient.b", rn = "colorGradient.a", ln = "colorGradient.hex", Gt = "colorGradient.contrastRatio", Kt = "colorGradient.colorGradientAALevel", qt = "colorGradient.colorGradientAAALevel", Ut = "colorGradient.colorGradientPass", jt = "colorGradient.colorGradientFail", Wt = "colorGradient.hueSliderLabel", Xt = "colorGradient.alphaSliderLabel", Yt = "colorGradient.toggleInputsButton", on = "flatColorPicker.cancelBtn", cn = "flatColorPicker.applyBtn", Zt = "flatColorPicker.colorGradientBtn", Jt = "flatColorPicker.colorPaletteBtn", Qt = "flatColorPicker.clearBtn", dn = "checkbox.validation", un = "checkbox.optionalText", Kn = "radioButton.validation", ea = "switch.validation", ta = "colorPicker.dropdownButtonAriaLabel", aa = "rating.ariaLabel", na = "signature.clear", sa = "signature.maximize", ra = "signature.minimize", $ = {
+}, Xe = "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]: "Increase value",
   [Ye]: "Decrease value",
   [$t]: "Increase",
   [Ht]: "Decrease",
-  [Te]: "Drag",
-  [Fe]: "r",
+  [_e]: "Drag",
+  [ze]: "r",
   [nn]: "g",
   [sn]: "b",
   [rn]: "a",
@@ -54,7 +54,7 @@ const me = {
   [na]: "Clear",
   [sa]: "Maximize",
   [ra]: "Minimize"
-}, pt = 11111111111111e-7, qn = 0.31111111111111117, Un = 1, fn = 1, hn = 0, ke = /\d/, pn = 15, Na = () => ({
+}, pt = 11111111111111e-7, qn = 0.31111111111111117, Un = 1, fn = 1, hn = 0, ve = /\d/, pn = 15, Na = () => ({
   eventValue: null,
   prevLooseValue: "",
   currentLooseValue: "",
@@ -64,16 +64,16 @@ const me = {
   decimalSelect: !1,
   valueIsCorrected: !1,
   valueIsOutOfRange: !1
-}), Nt = (a, t) => a !== void 0 ? a : t, ue = (a, t, e) => a === null && a === void 0 ? "" : typeof a == "string" ? a : e.formatNumber(a, t), Pa = (a) => (String(a).split(".")[1] || "").length, mn = (a, t) => Math.max(Pa(a), Pa(t)), jn = (a) => Math.min(a, pn), gn = (a, t) => {
+}), 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) => {
   const e = jn(t);
   return parseFloat(a.toFixed(e));
 }, Da = (a, t, e, s, i, l, c) => {
-  const o = mn(a || 0, e || 0), p = Ge(gn((a || 0) + (e || 0), o), s, i);
-  t.eventValue = p, t.currentLooseValue = ue(p, l, c), t.selectionStart = t.selectionEnd = Ze(t.currentLooseValue, ke);
+  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);
 }, Ba = (a, t, e, s, i, l, c) => {
-  const o = mn(a || 0, e || 0), p = Ge(gn((a || 0) - (e || 0), o), s, i);
-  t.eventValue = p, t.currentLooseValue = ue(p, l, c), t.selectionStart = t.selectionEnd = Ze(t.currentLooseValue, ke);
-}, Ge = (a, t, e) => a == null ? a : !(a > 1 || a < 1 || a === 1) || e !== void 0 && t !== void 0 && e < t ? null : (e !== void 0 && a > e && (a = e), t !== void 0 && a < t && (a = t), a), Wn = (a, t) => {
+  const 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 e = t.findIndex(([i, l]) => !!l && a.indexOf(l) === a.length - l.length);
   if (e === -1)
     return -1;
@@ -102,22 +102,22 @@ const me = {
   const e = String(a.currentLooseValue), s = String(a.prevLooseValue);
   return e.indexOf(t.minusSign) === -1 && s.indexOf(t.minusSign) !== -1;
 }, Qn = (a, t) => String(a.currentLooseValue).split(t.decimal).length > 2, es = (a, t) => {
-  const e = t.formatNumber(pt, a), s = t.formatNumber(-pt, a), i = t.formatNumber(hn, a), l = t.formatNumber(fn, a), c = nt(e), o = nt(s), p = nt(i), d = nt(l), m = st(e), u = st(s), f = st(i), y = st(l);
+  const e = t.formatNumber(pt, a), s = t.formatNumber(-pt, a), i = t.formatNumber(hn, a), l = t.formatNumber(fn, a), c = nt(e), o = nt(s), h = nt(i), d = nt(l), p = st(e), m = st(s), f = st(i), v = st(l);
   return {
-    positiveInfo: [c, m],
-    negativeInfo: [o, u],
-    zeroInfo: [p, f],
-    oneInfo: [d, y]
+    positiveInfo: [c, p],
+    negativeInfo: [o, m],
+    zeroInfo: [h, f],
+    oneInfo: [d, v]
   };
 }, ts = (a, t) => {
   const e = t.formatNumber(pt, a), s = t.formatNumber(-pt, a), i = t.formatNumber(hn, a), l = t.formatNumber(fn, a), c = t.numberSymbols(), o = new RegExp(`[\\d\\${c.decimal}${c.group}]`, "g");
-  return [e, s, i, l].map((d) => d.replace(o, "")).join("").split("").filter((d, m, u) => u.indexOf(d) === m).join("");
+  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, ke);
-}, ia = (a) => a.split("").reverse().join(""), Ze = (a, t) => a.length - ia(a).search(t), nt = (a) => a.split(a[a.search(ke)])[0], st = (a) => {
+  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) => {
   const t = ia(a);
-  return ia(t.split(t[t.search(ke)])[0]);
+  return ia(t.split(t[t.search(ve)])[0]);
 }, Bt = (a, t) => a.search(t), Oa = (a, t) => {
   const e = a.indexOf(t);
   return e > -1 ? a.length - e - 1 : 0;
@@ -129,52 +129,52 @@ const me = {
     return e + 1;
   let o = 0;
   for (let d = 0; d < e; d++)
-    ke.test(a.charAt(d)) && o++;
-  let p = 0;
-  for (; o > 0 && t.length > p; )
-    ke.test(t.charAt(p)) && o--, p++;
-  return p;
+    ve.test(a.charAt(d)) && o++;
+  let h = 0;
+  for (; o > 0 && t.length > h; )
+    ve.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), p = String(i), d = new RegExp(`[^\\d\\${l.decimal}]`, "g"), m = new RegExp(`[^\\d\\${l.decimal}\\${l.group}]`, "g"), u = new RegExp(`[\\d\\${l.decimal}\\${l.group}]`), f = o.replace(d, ""), y = Bt(o, ke), N = y === -1 ? -1 : Ze(o, ke), D = o.indexOf(l.decimal), V = (o.substring(0, y) + o.substring(y, N).replace(m, "") + o.substring(N, o.length)).split("").filter((h) => c.indexOf(h) !== -1 || h.search(u) !== -1).join(""), L = e.formatNumber(qn, t).replace(d, ""), S = L.indexOf(l.decimal), w = S > -1 ? L.length - S - 1 : 0, B = e.formatNumber(Un, t).replace(d, ""), O = B.indexOf(l.decimal), I = O > -1 ? B.length - O - 1 : 0, {
+  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, {
     positiveInfo: F,
-    negativeInfo: _,
+    negativeInfo: A,
     zeroInfo: T,
-    oneInfo: E
-  } = es(t, e), M = [F, _, T, E], H = M.findIndex((h) => h.findIndex((v) => !!v) !== -1) !== 1, q = o.length > 0 && o.length < p.length, Z = typeof t == "string" && t[0] === "p" && o && o.indexOf(l.percentSign) === -1;
+    oneInfo: x
+  } = es(t, e), L = [F, A, T, x], $ = L.findIndex((g) => g.findIndex((k) => !!k) !== -1) !== 1, U = o.length > 0 && o.length < h.length, Q = typeof t == "string" && t[0] === "p" && o && o.indexOf(l.percentSign) === -1;
   if (!s.isPaste) {
     if (o === "")
       return s.eventValue = null, s.currentLooseValue = "", s;
-    if (s.currentLooseValue === l.minusSign && e.formatNumber(-0, t) !== p)
-      return s.eventValue = -0, s.currentLooseValue = ue(s.eventValue, t, e), Le(
+    if (s.currentLooseValue === l.minusSign && e.formatNumber(-0, t) !== h)
+      return s.eventValue = -0, s.currentLooseValue = fe(s.eventValue, t, e), Le(
         s,
         Dt(s.currentLooseValue, l),
         s.currentLooseValue,
-        M
+        L
       ), s;
     if (s.currentLooseValue === l.decimal) {
       s.eventValue = 0;
-      const k = ue(s.eventValue, t, e);
-      if (I === 0 && w > 0) {
-        const C = Ze(k, ke);
-        s.currentLooseValue = k.substring(0, C) + l.decimal + k.substring(C);
+      const y = fe(s.eventValue, t, e);
+      if (w === 0 && I > 0) {
+        const E = Ze(y, ve);
+        s.currentLooseValue = y.substring(0, E) + l.decimal + y.substring(E);
       } else
-        s.currentLooseValue = k;
+        s.currentLooseValue = y;
       return Le(
         s,
         Dt(s.currentLooseValue, l) + 1,
         s.currentLooseValue,
-        M
+        L
       ), s;
     }
     if (Zn(s, l)) {
-      const k = e.parseNumber(i, t);
-      s.eventValue = -(k !== null ? k : 0), s.currentLooseValue = ue(s.eventValue, t, e);
-      const C = Bt(s.currentLooseValue, ke), P = Bt(p, ke);
+      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,
-        s.selectionEnd - 1 + (C - P),
+        s.selectionEnd - 1 + (E - D),
         s.currentLooseValue,
-        M
+        L
       ), s;
     }
     if (Jn(s, l))
@@ -182,70 +182,70 @@ const me = {
         s,
         s.selectionStart,
         s.currentLooseValue,
-        M
+        L
       ), s;
     if (Qn(s, l))
-      return Pt(s, t, M, e), s;
-    if (Z)
-      return s.eventValue = e.parseNumber(o, t) / 100, s.currentLooseValue = ue(s.eventValue, t, e), s;
-    if (String(s.currentLooseValue).replace(/[^\d]/g, "").length > pn || f !== o && o && H && M.findIndex(([C, P]) => {
-      const j = o.indexOf(C), J = o.indexOf(P), R = j === 0, b = J === o.length - P.length, W = j + C.length !== y && y !== -1 && o[j + C.length] !== l.decimal, K = J !== N && N !== -1 && o[J - 1] !== l.decimal;
-      return C && P ? W || K ? !1 : R && b : C ? W ? !1 : R : P ? K ? !1 : b : !1;
+      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;
+    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;
     }) === -1)
-      return Pt(s, t, M, e), s;
-    if (f[f.length - 1] === l.decimal && w > 0)
-      return s.eventValue = e.parseNumber(o, t), s.currentLooseValue = V, s;
-    if (s.currentLooseValue && i && (c + l.decimal + l.group).split("").findIndex((C) => o.split("").filter((P) => P === C).length < p.split("").filter((P) => P === C).length && o.length + 1 === p.length ? !(C === l.decimal && Oa(p.replace(d, ""), l.decimal) === 0) : !1) > -1)
+      return 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;
+    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 v = Oa(f, l.decimal), g = f[f.length - 1] === "0";
-    if (q && g && v < I)
-      return s.eventValue = e.parseNumber(s.currentLooseValue, t), s.currentLooseValue = ue(s.eventValue, t, e), s;
-    if (v > 0) {
-      const k = o.substring(0, D);
-      if (g && (!k || p.indexOf(k) !== 0)) {
+    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;
+    if (k > 0) {
+      const y = o.substring(0, P);
+      if (u && (!y || h.indexOf(y) !== 0)) {
         s.eventValue = e.parseNumber(s.currentLooseValue, t);
-        const C = ue(s.eventValue, t, e);
+        const E = fe(s.eventValue, t, e);
         return Le(
           s,
-          Fa(o, C, s.selectionEnd, q, d),
-          C,
-          M
-        ), s.currentLooseValue = C, s;
+          Fa(o, E, s.selectionEnd, U, d),
+          E,
+          L
+        ), s.currentLooseValue = E, s;
       }
-      if (v > w) {
-        const C = o.indexOf(l.decimal), P = o.substring(0, C) + o.substring(C, C + 1 + w) + o.substring(N, String(s.currentLooseValue).length);
-        return s.eventValue = e.parseNumber(P, t), s.currentLooseValue = P, Le(s, s.selectionStart, P, M), s;
+      if (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;
       }
-      if (I !== w && v <= w && g)
-        return s.eventValue = e.parseNumber(s.currentLooseValue, t), s.currentLooseValue = V, s;
-      if (v < I)
-        return s.eventValue = e.parseNumber(s.currentLooseValue, t), s.currentLooseValue = ue(s.eventValue, t, e), s;
+      if (w !== I && k <= I && u)
+        return s.eventValue = e.parseNumber(s.currentLooseValue, t), s.currentLooseValue = M, s;
+      if (k < w)
+        return s.eventValue = e.parseNumber(s.currentLooseValue, t), s.currentLooseValue = fe(s.eventValue, t, e), s;
     }
   }
-  if (s.eventValue = e.parseNumber(s.currentLooseValue, t), Z && (s.eventValue = s.eventValue / 100), typeof s.eventValue == "number") {
-    const h = ue(s.eventValue, t, e);
-    o.length === 1 ? Le(s, Dt(h, l), h, M) : Le(
+  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(
       s,
-      Fa(o, h, s.selectionEnd, q, d),
-      h,
-      M
-    ), s.currentLooseValue = h;
+      Fa(o, g, s.selectionEnd, U, d),
+      g,
+      L
+    ), s.currentLooseValue = g;
   } else
-    s.currentLooseValue = ue(e.parseNumber(f), t, e);
+    s.currentLooseValue = fe(e.parseNumber(f), t, e);
   return s;
-}, as = "Please enter a valid value!", ns = he(), ze = n.forwardRef((a, t) => {
-  pe(me);
-  const e = Re(ns, a), s = Qe(), i = e.id || s, l = Nn(), c = _e(), o = n.useRef(null), p = n.useRef(), [d, m] = n.useState(!1), u = n.useRef(Na()), f = n.useRef(!1), y = n.useRef(), N = n.useRef(e.defaultValue), D = ue(
-    u.current.focused && !e.disabled ? u.current.currentLooseValue : Nt(e.value, N.current),
+}, 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(
+    m.current.focused && !e.disabled ? m.current.currentLooseValue : Nt(e.value, N.current),
     e.format,
     l
   );
-  y.current = D;
-  const [V] = qe(e.prefix), [L] = qe(e.suffix);
+  v.current = P;
+  const [M] = Be(e.prefix), [V] = Be(e.suffix);
   n.useEffect(
     () => {
       o.current && o.current.setCustomValidity && o.current.setCustomValidity(
-        I().valid ? "" : e.validationMessage || as
+        w().valid ? "" : e.validationMessage || as
       );
     }
   );
@@ -254,29 +254,29 @@ const me = {
       o.current && o.current.focus();
     },
     []
-  ), w = n.useCallback(
-    () => p.current !== void 0 ? p.current : Nt(e.value, N.current),
+  ), I = n.useCallback(
+    () => h.current !== void 0 ? h.current : Nt(e.value, N.current),
     [e.value]
-  ), B = n.useCallback(
+  ), O = n.useCallback(
     () => e.name,
     [e.name]
-  ), O = n.useCallback(
+  ), B = n.useCallback(
     () => e.required,
     [e.required]
-  ), I = n.useCallback(
+  ), w = n.useCallback(
     () => {
-      const R = e.validationMessage !== void 0, b = w(), W = e.valid !== void 0 ? e.valid : !u.current.valueIsOutOfRange && (!O() || b != null);
+      const R = e.validationMessage !== void 0, b = I(), K = e.valid !== void 0 ? e.valid : !m.current.valueIsOutOfRange && (!B() || b != null);
       return {
         customError: R,
-        valid: W,
+        valid: K,
         valueMissing: b == null
       };
     },
-    [e.validationMessage, e.valid, w, O]
+    [e.validationMessage, e.valid, I, B]
   ), F = n.useCallback(
     () => e.validityStyles,
     [e.validityStyles]
-  ), _ = n.useCallback(
+  ), A = n.useCallback(
     () => e,
     [e]
   ), T = n.useCallback(
@@ -285,15 +285,15 @@ const me = {
         element: o.current,
         focus: S
       };
-      return Object.defineProperty(R, "name", { get: B }), Object.defineProperty(R, "value", { get: w }), Object.defineProperty(R, "validity", { get: I }), Object.defineProperty(R, "validityStyles", { get: F }), Object.defineProperty(R, "required", { get: O }), Object.defineProperty(R, "props", { get: _ }), R;
+      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;
     },
-    [B, w, I, F, O, S, _]
+    [O, I, w, F, B, S, A]
   );
   n.useImperativeHandle(t, T);
-  const E = n.useCallback(
+  const x = n.useCallback(
     () => ({
       eventValue: Nt(e.value, N.current),
-      prevLooseValue: y.current,
+      prevLooseValue: v.current,
       currentLooseValue: o.current.value,
       selectionStart: o.current.selectionStart,
       selectionEnd: o.current.selectionEnd,
@@ -301,42 +301,42 @@ const me = {
       valueIsCorrected: !1,
       valueIsOutOfRange: !1,
       isPaste: f.current,
-      focused: u.current.focused
+      focused: m.current.focused
     }),
     [e.value]
-  ), M = n.useCallback(
+  ), L = n.useCallback(
     (R, b) => {
       if (e.disabled)
         return;
-      p.current = b.eventValue, N.current = b.eventValue;
-      const W = ue(Ge(b.eventValue, e.min, e.max), e.format, l), K = Ge(l.parseNumber(W, e.format), e.min, e.max);
-      K !== b.eventValue && (b.valueIsOutOfRange = !0, b.eventValue = K, N.current = K), e.value !== b.eventValue && Q(
+      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(
         e.onChange,
         R,
         T(),
         { value: b.eventValue }
-      ), p.current = void 0, u.current = b, m((ie) => !ie);
+      ), h.current = void 0, m.current = b, p((ce) => !ce);
     },
-    [e.value, e.onChange, e.disabled, m, T]
-  ), H = n.useCallback(
+    [e.value, e.onChange, e.disabled, p, T]
+  ), $ = n.useCallback(
     (R) => {
-      const b = E();
-      f.current = !1, M(R, Ta(b, e.format, l));
+      const b = x();
+      f.current = !1, L(R, Ta(b, e.format, l));
     },
-    [e.format, e.onChange, l, M, E]
-  ), q = n.useCallback(
+    [e.format, e.onChange, l, L, x]
+  ), U = n.useCallback(
     (R) => {
-      let b = E();
-      const W = l.parseNumber(String(b.currentLooseValue), e.format);
+      let b = x();
+      const K = l.parseNumber(String(b.currentLooseValue), e.format);
       if (b.selectionEnd > b.selectionStart && b.selectionEnd - b.selectionStart === String(b.currentLooseValue).length) {
-        const K = l.numberSymbols(), ee = K && R.key === K.minusSign, ie = K && R.key === K.decimal;
-        f.current = !ee && !ie;
+        const q = l.numberSymbols(), Z = q && R.key === q.minusSign, ce = q && R.key === q.decimal;
+        f.current = !Z && !ce;
         return;
       }
       switch (R.keyCode) {
         case 38:
           Da(
-            W,
+            K,
             b,
             e.step,
             e.min,
@@ -347,7 +347,7 @@ const me = {
           break;
         case 40:
           Ba(
-            W,
+            K,
             b,
             e.step,
             e.min,
@@ -359,31 +359,31 @@ const me = {
         case 13: {
           if (e.rangeOnEnter === !1)
             return;
-          const K = ue(Ge(W, e.min, e.max), e.format, l), ee = Ge(l.parseNumber(K, e.format), e.min, e.max);
-          b.eventValue = ee, b.currentLooseValue = ue(ee, e.format, l), b.selectionStart = b.selectionEnd = b.currentLooseValue.length;
+          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;
           break;
         }
         case 110: {
-          const K = o.current, ee = l.numberSymbols();
-          K && (b.currentLooseValue = b.currentLooseValue.slice(0, b.selectionStart) + ee.decimal + b.currentLooseValue.slice(b.selectionEnd), b.selectionStart = b.selectionEnd = b.selectionStart + 1, b = Ta(b, e.format, l));
+          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));
           break;
         }
         default:
           return;
       }
-      R.preventDefault(), M(R, b);
+      R.preventDefault(), L(R, b);
     },
-    [e.format, e.min, e.max, e.step, e.onChange, e.rangeOnEnter, M, E]
-  ), Z = n.useCallback(
+    [e.format, e.min, e.max, e.step, e.onChange, e.rangeOnEnter, L, x]
+  ), Q = n.useCallback(
     () => {
       f.current = !0;
     },
     []
-  ), h = n.useCallback(
+  ), g = n.useCallback(
     (R) => {
       if (e.readOnly || e.disabled)
         return;
-      const b = E();
+      const b = x();
       Da(
         l.parseNumber(String(b.currentLooseValue), e.format),
         b,
@@ -392,14 +392,14 @@ const me = {
         e.max,
         e.format,
         l
-      ), M(R, b);
+      ), L(R, b);
     },
-    [e.format, e.min, e.max, e.step, e.onChange, e.readOnly, e.disabled, M, E]
-  ), v = n.useCallback(
+    [e.format, e.min, e.max, e.step, e.onChange, e.readOnly, e.disabled, L, x]
+  ), k = n.useCallback(
     (R) => {
       if (e.readOnly || e.disabled)
         return;
-      const b = E();
+      const b = x();
       Ba(
         l.parseNumber(String(b.currentLooseValue), e.format),
         b,
@@ -408,36 +408,36 @@ const me = {
         e.max,
         e.format,
         l
-      ), M(R, b);
+      ), L(R, b);
     },
-    [e.format, e.min, e.max, e.step, e.onChange, e.readOnly, e.disabled, M, E]
-  ), g = n.useCallback(
+    [e.format, e.min, e.max, e.step, e.onChange, e.readOnly, e.disabled, L, x]
+  ), u = n.useCallback(
     (R) => {
       const b = wa(document);
-      !document || b !== o.current || !o.current || e.readOnly || e.disabled || (R.nativeEvent.deltaY < 0 && h(R), R.nativeEvent.deltaY > 0 && v(R));
+      !document || b !== o.current || !o.current || e.readOnly || e.disabled || (R.nativeEvent.deltaY < 0 && g(R), R.nativeEvent.deltaY > 0 && k(R));
     },
-    [h, v, e.disabled, e.readOnly]
-  ), k = n.useCallback(
+    [g, k, e.disabled, e.readOnly]
+  ), y = n.useCallback(
     (R) => {
-      u.current.currentLooseValue = y.current, u.current.focused = !0, Q(
+      m.current.currentLooseValue = v.current, m.current.focused = !0, J(
         e.onFocus,
         R,
         T(),
         {}
-      ), m((b) => !b);
+      ), p((b) => !b);
     },
-    [e.onFocus, m, T]
-  ), C = n.useCallback(
+    [e.onFocus, p, T]
+  ), E = n.useCallback(
     (R) => {
-      u.current = Na(), Q(
+      m.current = Na(), J(
         e.onBlur,
         R,
         T(),
         {}
-      ), m((b) => !b);
+      ), p((b) => !b);
     },
-    [e.onBlur, m, T]
-  ), P = n.useCallback(
+    [e.onBlur, p, T]
+  ), D = n.useCallback(
     (R) => {
       if (document && o.current) {
         const b = wa(document);
@@ -448,11 +448,11 @@ const me = {
   );
   n.useLayoutEffect(
     () => {
-      o.current && o.current.type !== "number" && u.current.selectionStart !== void 0 && u.current.selectionEnd !== void 0 && (o.current.selectionStart = u.current.selectionStart, o.current.selectionEnd = u.current.selectionEnd, u.current.selectionStart = void 0, u.current.selectionEnd = void 0);
+      o.current && o.current.type !== "number" && m.current.selectionStart !== void 0 && m.current.selectionEnd !== void 0 && (o.current.selectionStart = m.current.selectionStart, o.current.selectionEnd = m.current.selectionEnd, m.current.selectionStart = void 0, m.current.selectionEnd = void 0);
     },
     [d]
   );
-  const j = !F() || I().valid, J = /* @__PURE__ */ n.createElement(
+  const ee = !F() || w().valid, Y = /* @__PURE__ */ n.createElement(
     "span",
     {
       dir: e.dir,
@@ -461,10 +461,10 @@ const me = {
         "k-input",
         "k-numerictextbox",
         {
-          [`k-input-${ne.sizeMap[e.size] || e.size}`]: e.size,
+          [`k-input-${se.sizeMap[e.size] || e.size}`]: e.size,
           [`k-input-${e.fillMode}`]: e.fillMode,
-          [`k-rounded-${ne.roundedMap[e.rounded] || e.rounded}`]: e.rounded,
-          "k-invalid": !j,
+          [`k-rounded-${se.roundedMap[e.rounded] || e.rounded}`]: e.rounded,
+          "k-invalid": !ee,
           "k-required": e.required,
           "k-disabled": e.disabled
         },
@@ -472,13 +472,13 @@ const me = {
       ),
       "aria-disabled": e.disabled ? "true" : void 0
     },
-    /* @__PURE__ */ n.createElement(V, null),
+    /* @__PURE__ */ n.createElement(M, null),
     /* @__PURE__ */ n.createElement(
       "input",
       {
         role: "spinbutton",
-        value: D === null ? "" : D,
-        tabIndex: re(e.tabIndex, e.disabled),
+        value: P === null ? "" : P,
+        tabIndex: oe(e.tabIndex, e.disabled),
         accessKey: e.accessKey,
         disabled: e.disabled,
         title: e.title,
@@ -498,25 +498,25 @@ const me = {
         name: e.name,
         readOnly: e.readOnly,
         style: e.inputStyle,
-        onChange: H,
-        onFocus: k,
-        onBlur: C,
-        onKeyDown: q,
-        onPaste: Z,
-        onWheel: g,
+        onChange: $,
+        onFocus: y,
+        onBlur: E,
+        onKeyDown: U,
+        onPaste: Q,
+        onWheel: u,
         ref: o
       }
     ),
-    /* @__PURE__ */ n.createElement(L, null),
+    /* @__PURE__ */ n.createElement(V, null),
     e.children,
     e.spinners && /* @__PURE__ */ n.createElement(
       "span",
       {
         className: "k-input-spinner k-spin-button",
-        onMouseDown: P
+        onMouseDown: D
       },
       /* @__PURE__ */ n.createElement(
-        ge,
+        be,
         {
           tabIndex: -1,
           type: "button",
@@ -524,13 +524,13 @@ const me = {
           svgIcon: _t,
           rounded: null,
           className: "k-spinner-increase",
-          "aria-label": c.toLanguageString(Xe, $[Xe]),
-          title: c.toLanguageString(Xe, $[Xe]),
-          onClick: h
+          "aria-label": c.toLanguageString(Xe, H[Xe]),
+          title: c.toLanguageString(Xe, H[Xe]),
+          onClick: g
         }
       ),
       /* @__PURE__ */ n.createElement(
-        ge,
+        be,
         {
           tabIndex: -1,
           type: "button",
@@ -538,9 +538,9 @@ const me = {
           svgIcon: ht,
           rounded: null,
           className: "k-spinner-decrease",
-          "aria-label": c.toLanguageString(Ye, $[Ye]),
-          title: c.toLanguageString(Ye, $[Ye]),
-          onClick: v
+          "aria-label": c.toLanguageString(Ye, H[Ye]),
+          title: c.toLanguageString(Ye, H[Ye]),
+          onClick: k
         }
       )
     )
@@ -550,17 +550,17 @@ const me = {
     {
       label: e.label,
       editorId: i,
-      editorValue: D === null ? "" : D,
-      editorValid: j,
+      editorValue: P === null ? "" : P,
+      editorValid: ee,
       editorDisabled: e.disabled,
       editorPlaceholder: e.placeholder,
-      children: J,
+      children: Y,
       style: { width: e.width },
       dir: e.dir
     }
-  ) : J;
+  ) : Y;
 });
-ze.propTypes = {
+Ae.propTypes = {
   value: r.number,
   defaultValue: r.number,
   step: r.number,
@@ -606,8 +606,8 @@ ze.propTypes = {
   rounded: r.oneOf([null, "small", "medium", "large", "full"]),
   fillMode: r.oneOf([null, "solid", "flat", "outline"])
 };
-ze.displayName = "KendoNumericTextBox";
-ze.defaultProps = {
+Ae.displayName = "KendoNumericTextBox";
+Ae.defaultProps = {
   prefix: (a) => null,
   suffix: (a) => null,
   step: 1,
@@ -626,32 +626,32 @@ ze.defaultProps = {
   rounded: "medium",
   fillMode: "solid"
 };
-const ae = (a) => a != null, se = (a, t, e) => !ae(a) || isNaN(a) || a <= t ? t : a >= e ? e : a, Ne = (a, t, e = !0) => {
+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) => {
   if (["hex", "rgba"].indexOf(t) === -1)
     throw new Error(`Unsupported color output format '${t}'. The available options are 'hex' or 'rgba'.`);
-  if (!ae(a))
+  if (!ne(a))
     return;
   const i = mt(a.trim(), e);
-  if (ae(i))
+  if (ne(i))
     return t === "hex" ? i.toCss() : i.toCssRgba();
 }, Ot = (a, t = !0) => {
   const e = mt(a, t);
-  return ae(e) ? e.toHSV() : {};
-}, Ke = (a, t = !0) => {
+  return ne(e) ? e.toHSV() : {};
+}, qe = (a, t = !0) => {
   const e = mt(a, t);
-  return ae(e) ? e.toBytes() : {};
+  return ne(e) ? e.toBytes() : {};
 }, pa = (a) => {
-  const t = se(a.h, 0, 359.9), e = se(a.s, 0, 1), s = se(a.v, 0, 1), i = se(a.a, 0, 1);
+  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);
   return an.fromHSV(t, e, s, i).toCssRgba();
 }, rt = (a) => pa({ h: a, s: 1, v: 1, a: 1 }), ss = (a) => {
-  const t = se(a.r, 0, 255), e = se(a.g, 0, 255), s = se(a.b, 0, 255), i = se(a.a, 0, 1);
+  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);
   return an.fromBytes(t, e, s, i).toCssRgba();
 }, za = (a, t) => {
-  const e = se(a.r, 0, 255), s = se(a.g, 0, 255), i = se(a.b, 0, 255), l = se(a.a, 0, 1), c = se(t.r, 0, 255), o = se(t.g, 0, 255), p = se(t.b, 0, 255);
+  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);
   return {
     r: Math.round((1 - l) * c + l * e),
     g: Math.round((1 - l) * o + l * s),
-    b: Math.round((1 - l) * p + l * i)
+    b: Math.round((1 - l) * h + l * i)
   };
 }, _a = (a) => {
   let t = [a.r || 0, a.g || 0, a.b || 0].map(function(e) {
@@ -691,7 +691,7 @@ const ae = (a) => a != null, se = (a, t, e) => !ae(a) || isNaN(a) || a <= t ? t
         let e = t.target.parentNode;
         e && e.classList.contains("k-empty") && e.classList.remove("k-empty");
       }
-    }, pe(me), this.state = {
+    }, me(ge), this.state = {
       value: this.props.defaultValue || la.defaultProps.defaultValue
     };
   }
@@ -768,31 +768,31 @@ const ae = (a) => a != null, se = (a, t, e) => !ae(a) || isNaN(a) || a <= t ? t
       valid: c,
       // Removed to support direct use in Form Field component
       visited: o,
-      touched: p,
+      touched: h,
       modified: d,
-      ariaLabelledBy: m,
-      ariaDescribedBy: u,
+      ariaLabelledBy: p,
+      ariaDescribedBy: m,
       validityStyles: f,
-      style: y,
+      style: v,
       ariaLabel: N,
-      ...D
-    } = this.props, V = s || this._inputId, L = !this.validityStyles || this.validity.valid, S = G(a, "k-input k-input-md k-rounded-md k-input-solid"), w = /* @__PURE__ */ n.createElement(
+      ...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(
       "input",
       {
-        "aria-labelledby": m,
-        "aria-describedby": u,
+        "aria-labelledby": p,
+        "aria-describedby": m,
         "aria-disabled": this.props.disabled || void 0,
-        "aria-invalid": !L || void 0,
+        "aria-invalid": !V || void 0,
         "aria-label": N || void 0,
-        ...D,
-        style: t ? void 0 : y,
+        ...P,
+        style: t ? void 0 : v,
         value: this.value,
-        id: V,
+        id: M,
         className: S,
         onChange: this.handleChange,
         onAnimationStart: this.handleAutoFill,
-        ref: (B) => {
-          this._input = B;
+        ref: (O) => {
+          this._input = O;
         }
       }
     );
@@ -801,16 +801,16 @@ const ae = (a) => a != null, se = (a, t, e) => !ae(a) || isNaN(a) || a <= t ? t
       {
         label: t,
         labelClassName: e,
-        editorId: V,
+        editorId: M,
         editorValue: String(this.value),
-        editorValid: L,
-        editorDisabled: D.disabled,
-        editorPlaceholder: D.placeholder,
-        children: w,
-        style: y,
-        dir: D.dir
+        editorValid: V,
+        editorDisabled: P.disabled,
+        editorPlaceholder: P.placeholder,
+        children: I,
+        style: v,
+        dir: P.dir
       }
-    ) : w;
+    ) : I;
   }
 };
 let gt = la;
@@ -831,15 +831,15 @@ gt.defaultProps = {
   required: !1,
   validityStyles: !0
 };
-const is = he(), vn = et(Ue(is, gt));
+const is = pe(), vn = et(Ue(is, gt));
 vn.displayName = "KendoReactInput";
 class ls extends n.Component {
   constructor(t) {
     super(t), this.onChange = (e) => {
-      const s = e.target.value, i = Ne(s, "rgba");
-      this.setState({ hex: s }), ae(i) && this.props.onHexChange(s, i, e);
+      const s = e.target.value, i = Pe(s, "rgba");
+      this.setState({ hex: s }), ne(i) && this.props.onHexChange(s, i, e);
     }, this.onBlur = () => {
-      ae(Ne(this.state.hex, "rgba")) || this.setState({ hex: this.state.originalHex });
+      ne(Pe(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 Be = ["rgba", "rgb", "hex"];
+const Fe = ["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 || Be[1] };
+    }, this.state = { inputMode: t.defaultInputMode || Fe[1] };
   }
   render() {
-    const t = Je(this), e = t.toLanguageString(Fe, $[ln]), s = t.toLanguageString(Fe, $[Fe]), i = t.toLanguageString(Fe, $[nn]), l = t.toLanguageString(Fe, $[sn]), c = t.toLanguageString(Fe, $[rn]), o = t.toLanguageString(Yt, $[Yt]);
+    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]);
     return /* @__PURE__ */ n.createElement("div", { className: "k-colorgradient-inputs k-hstack" }, /* @__PURE__ */ n.createElement("div", { className: "k-vstack" }, /* @__PURE__ */ n.createElement(
-      ge,
+      be,
       {
         "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(
-      ze,
+      Ae,
       {
         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(
-      ze,
+      Ae,
       {
         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(
-      ze,
+      Ae,
       {
         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(
-      ze,
+      Ae,
       {
         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 = Be.length - 1 === Be.indexOf(this.state.inputMode) ? 0 : Be.indexOf(this.state.inputMode) + 1;
+    const t = Fe.length - 1 === Fe.indexOf(this.state.inputMode) ? 0 : Fe.indexOf(this.state.inputMode) + 1;
     if (this.props.opacity)
-      this.setState({ inputMode: Be[t] });
+      this.setState({ inputMode: Fe[t] });
     else {
-      const e = Be[t] === "rgba" ? t + 1 : t;
-      this.setState({ inputMode: Be[e] });
+      const e = Fe[t] === "rgba" ? t + 1 : t;
+      this.setState({ inputMode: Fe[e] });
     }
   }
 }
 Pn(ma);
 fa(ma);
 const kn = "data-slider-label", Vr = (a) => {
-  const t = n.useRef(null), e = Ae(t), s = a.vertical ? { bottom: `${a.position}%` } : { [e === "rtl" ? "right" : "left"]: `${a.position}%` }, i = a.vertical ? "k-tick-vertical" : "k-tick-horizontal";
+  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";
   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(
-        ge,
+        be,
         {
           className: "k-button-decrease",
           rounded: "full",
@@ -1006,7 +1006,7 @@ class bt extends n.Component {
           onClick: e.decrement
         }
       ), e.children, /* @__PURE__ */ n.createElement(
-        ge,
+        be,
         {
           className: "k-button-increase",
           rounded: "full",
@@ -1032,7 +1032,7 @@ class bt extends n.Component {
       this.setState({ focused: !1 });
     }, this.onKeyDown = (e) => {
       let s;
-      e.keyCode === z.left || e.keyCode === z.down ? s = this.state.value - (this.props.step || 0) : e.keyCode === z.right || e.keyCode === z.up ? s = this.state.value + (this.props.step || 0) : e.keyCode === z.home ? s = this.props.min : e.keyCode === z.end && (s = this.props.max), s !== void 0 && (e.preventDefault(), this.change(e, s));
+      e.keyCode === _.left || e.keyCode === _.down ? s = this.state.value - (this.props.step || 0) : e.keyCode === _.right || e.keyCode === _.up ? s = this.state.value + (this.props.step || 0) : e.keyCode === _.home ? s = this.props.min : e.keyCode === _.end && (s = this.props.max), s !== void 0 && (e.preventDefault(), this.change(e, s));
     }, this.decrement = (e) => {
       e.preventDefault(), this.change(e, this.state.value - (this.props.step || 0));
     }, this.increment = (e) => {
@@ -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));
-    }, pe(me);
+    }, me(ge);
   }
   /**
    * @hidden
@@ -1094,8 +1094,8 @@ class bt extends n.Component {
           enabled: this.props.buttons,
           decrement: this.decrement,
           increment: this.increment,
-          incrementTitle: t.toLanguageString($t, $[$t]),
-          decrementTitle: t.toLanguageString(Ht, $[Ht])
+          incrementTitle: t.toLanguageString($t, H[$t]),
+          decrementTitle: t.toLanguageString(Ht, H[Ht])
         },
         /* @__PURE__ */ n.createElement(en, { onDrag: this.dragOver, onPress: this.dragStart }, /* @__PURE__ */ n.createElement(
           "div",
@@ -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: re(this.props.tabIndex, this.props.disabled, void 0),
+                tabIndex: oe(this.props.tabIndex, this.props.disabled, void 0),
                 className: "k-draghandle",
-                title: t.toLanguageString(Te, $[Te]),
+                title: t.toLanguageString(_e, H[_e]),
                 style: this.props.vertical ? { bottom: "calc(" + e + "%)", zIndex: 1 } : this.state.dir === "rtl" ? { right: "calc(" + e + "% - 13px)", zIndex: 1 } : { left: "calc(" + e + "%)", zIndex: 1 }
               }
             )
@@ -1168,7 +1168,7 @@ class bt extends n.Component {
     return this._sliderTrack;
   }
   change(t, e) {
-    e = Math.min(Math.max(e, this.props.min), this.props.max), this.setState({ value: e }), Q(this.props.onChange, t, this, { value: e });
+    e = Math.min(Math.max(e, this.props.min), this.props.max), this.setState({ value: e }), J(this.props.onChange, t, this, { value: e });
   }
 }
 bt.displayName = "Slider";
@@ -1183,47 +1183,47 @@ bt.propTypes = {
   ariaLabel: r.string
   // TODO: validation when buttons is set to true, but no step is provided
 };
-const os = he(), oa = Ue(os, bt);
+const os = pe(), oa = Ue(os, bt);
 oa.displayName = "KendoReactSlider";
 fa(bt);
-const $e = {};
+const Ge = {};
 function cs(a, t, e) {
-  $e[a] = { value: t, hsva: e };
+  Ge[a] = { value: t, hsva: e };
 }
 function ds(a, t, e) {
-  $e[a] = { value: t, rgba: e };
+  Ge[a] = { value: t, rgba: e };
 }
 function us(a, t, e) {
-  $e[a] = { value: t, hex: e };
+  Ge[a] = { value: t, hex: e };
 }
 function fs(a) {
-  delete $e[a];
+  delete Ge[a];
 }
 function hs(a, t) {
   if (a) {
-    const e = $e[a];
+    const e = Ge[a];
     return e && e.value === t ? e.hex : void 0;
   } else
     return;
 }
 function ps(a, t) {
   if (a) {
-    const e = $e[a];
+    const e = Ge[a];
     return e && e.value === t ? e.hsva : void 0;
   } else
     return;
 }
 function ms(a, t) {
   if (a) {
-    const e = $e[a];
+    const e = Ge[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, $[Gt]), s = t.toLanguageString(Kt, $[Kt]), i = t.toLanguageString(qt, $[qt]), l = t.toLanguageString(Ut, $[Ut]), c = t.toLanguageString(jt, $[jt]), o = bn(this.props.rgba, this.props.bgColor), p = 4.5.toFixed(1), d = 7 .toFixed(1), m = `${e}: ${o.toFixed(2)}`, u = `${s}: ${p}`, f = `${i}: ${d}`, y = /* @__PURE__ */ n.createElement("span", { className: "k-contrast-validation k-text-success" }, l, " ", /* @__PURE__ */ n.createElement(fe, { name: "check", icon: Mt })), N = /* @__PURE__ */ n.createElement("span", { className: "k-contrast-validation k-text-error" }, c, " ", /* @__PURE__ */ n.createElement(fe, { name: "x", icon: At }));
-    return /* @__PURE__ */ n.createElement("div", { className: "k-vbox k-colorgradient-color-contrast" }, /* @__PURE__ */ n.createElement("div", { className: "k-contrast-ratio" }, /* @__PURE__ */ n.createElement("span", { className: "k-contrast-ratio-text" }, m), o >= 4.5 ? /* @__PURE__ */ n.createElement("span", { className: "k-contrast-validation k-text-success" }, /* @__PURE__ */ n.createElement(fe, { name: "check", icon: Mt }), o >= 7 && /* @__PURE__ */ n.createElement(fe, { name: "check", icon: Mt })) : /* @__PURE__ */ n.createElement("span", { className: "k-contrast-validation k-text-error" }, /* @__PURE__ */ n.createElement(fe, { name: "x", icon: At }))), /* @__PURE__ */ n.createElement("div", null, /* @__PURE__ */ n.createElement("span", null, u), o >= 4.5 ? y : N), /* @__PURE__ */ n.createElement("div", null, /* @__PURE__ */ n.createElement("span", null, f), o >= 7 ? y : N));
+    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));
   }
 }
 fa(yn);
@@ -1243,24 +1243,24 @@ const it = (a, t) => a.length === 0 ? "" : `<path d="${a.reduce(
     angle: Math.atan2(s, e)
   };
 }, bs = (a) => (t, e, s, i) => {
-  const l = e || t, c = s || t, o = 0.1, p = a(l, c), d = p.angle + (i ? Math.PI : 0), m = p.length * o, u = t[0] + Math.cos(d) * m, f = t[1] + Math.sin(d) * m;
-  return [u, f];
+  const l = e || t, c = s || t, o = 0.1, h = a(l, c), d = h.angle + (i ? Math.PI : 0), p = h.length * o, m = t[0] + Math.cos(d) * p, f = t[1] + Math.sin(d) * p;
+  return [m, f];
 }, vs = (a) => (t, e, s) => {
   const [i, l] = a(s[e - 1], s[e - 2], t), [c, o] = a(t, s[e - 1], s[e + 1], !0);
   return `C ${i},${l} ${c},${o} ${t[0]},${t[1]}`;
 }, Aa = 4.5, $a = 7, lt = 16;
 class ks extends n.Component {
   renderSvgCurveLine() {
-    const t = this.props.metrics, e = (l, c, o, p, d) => {
-      const m = (o + p) / 2, u = Object.assign({}, this.props.hsva, { s: c / t.width, v: 1 - m / t.height }), f = bn(Ke(pa(u)), Ke(this.props.backgroundColor || ""));
-      return o + 0.5 > p ? f < l + 1 && f > l - 1 ? m : null : d(f, l) ? e(l, c, o, p - (p - o) / 2, d) : e(l, c, o + (p - o) / 2, p, d);
+    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 || ""));
+      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 p = [];
+      const h = [];
       for (let d = 0; d <= t.width; d += t.width / c) {
-        const m = e(l, d, 0, t.height, o ? (u, f) => u < f : (u, f) => u > f);
-        m !== null && p.push([d, m]);
+        const p = e(l, d, 0, t.height, o ? (m, f) => m < f : (m, f) => m > f);
+        p !== null && h.push([d, p]);
       }
-      return p;
+      return h;
     }, i = vs(bs(gs));
     return it(s(Aa, lt), i) + it(s(Aa, lt, !0), i) + it(s($a, lt), i) + it(s($a, lt, !0), i);
   }
@@ -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: Ke(s), hex: e });
+        this.setState({ hsva: l, backgroundColor: rt(l.h), rgba: qe(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 = Ne(i, "hex");
+        const l = Ot(i), c = Pe(i, "hex");
         this.setState({ hsva: l, backgroundColor: rt(l.h), rgba: e, hex: c });
       } else
         ds(this.state.guid, i, e);
@@ -1322,12 +1322,12 @@ 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 = se(i, 0, s.width), o = se(l, 0, s.height), p = Object.assign(
+      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(
         {},
         this.state.hsva,
         { s: c / s.width, v: 1 - o / s.height }
       );
-      this.handleHsvaChange(p, e, e.nativeEvent);
+      this.handleHsvaChange(h, e, e.nativeEvent);
     }, this.onFocus = (e) => {
       this.props.onFocus && this.props.onFocus.call(
         void 0,
@@ -1335,8 +1335,8 @@ const ys = "rgba", Ha = "rgba(255, 255, 255, 1)", ca = class extends n.Component
       );
     }, this.focus = () => {
       tn(this.wrapper);
-    }, pe(me);
-    const t = a.value || a.defaultValue || Ne(Ha, ys);
+    }, me(ge);
+    const t = a.value || a.defaultValue || Pe(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: re(this.props.tabIndex, this.props.disabled),
+        tabIndex: oe(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 = Ne(s, "hex");
-      this.setState({ hsva: a, backgroundColor: rt(a.h), rgba: Ke(s), hex: i });
+      const i = Pe(s, "hex");
+      this.setState({ hsva: a, backgroundColor: rt(a.h), rgba: qe(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) {
-    ae(Ne(a, "hex")) || (a = Ha);
-    const e = ps(t, a) || Ot(a), s = ms(t, a) || Ke(a), i = hs(t, a) || Ne(a, "hex"), l = rt(e.h);
+    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);
     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: re(this.props.tabIndex, this.props.disabled),
+        tabIndex: oe(this.props.tabIndex, this.props.disabled),
         "aria-label": this.props.ariaLabel,
         "aria-labelledby": this.props.ariaLabelledBy,
         "aria-describedby": this.props.ariaDescribedBy,
@@ -1489,18 +1489,18 @@ const ys = "rgba", Ha = "rgba(255, 255, 255, 1)", ca = class extends n.Component
           onChange: this.onHueSliderChange,
           className: "k-hue-slider k-colorgradient-slider",
           disabled: this.props.disabled,
-          ariaLabel: a.toLanguageString(Wt, $[Wt])
+          ariaLabel: a.toLanguageString(Wt, H[Wt])
         }
       ), this.props.opacity && /* @__PURE__ */ n.createElement(
         oa,
         {
-          value: ae(this.state.hsva.a) ? this.state.hsva.a * 100 : 100,
+          value: ne(this.state.hsva.a) ? this.state.hsva.a * 100 : 100,
           buttons: !1,
           vertical: !0,
           min: 0,
           max: 100,
           step: 1,
-          ariaLabel: a.toLanguageString(Xt, $[Xt]),
+          ariaLabel: a.toLanguageString(Xt, H[Xt]),
           onChange: this.onAlphaSliderChange,
           className: "k-alpha-slider k-colorgradient-slider",
           disabled: this.props.disabled,
@@ -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: Ke(this.props.backgroundColor),
+          bgColor: qe(this.props.backgroundColor),
           rgba: this.state.rgba
         }
       )
@@ -1553,14 +1553,14 @@ vt.defaultProps = {
   role: "textbox",
   format: "rgb"
 };
-const Cs = he(), ga = et(Ue(Cs, vt));
+const Cs = pe(), ga = et(Ue(Cs, vt));
 ga.displayName = "KendoReactColorGradient";
 class xs {
   constructor() {
     this.colorRows = [];
   }
   setColorMatrix(t, e) {
-    if (this.colorRows = [], !!(ae(t) && t.length)) {
+    if (this.colorRows = [], !!(ne(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 (!ae(t))
+    if (!ne(t))
       return;
     const e = t && mt(t, !0), s = [t];
-    ae(e) && s.push(e.toCss(), e.toCssRgba());
+    ne(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 (ae(t) && ae(this.colorRows[t.row]))
+    if (ne(t) && ne(this.colorRows[t.row]))
       return this.colorRows[t.row][t.col];
   }
   getNextCell(t, e, s) {
-    if (!(ae(t) && ae(t.row) && ae(t.col)))
+    if (!(ne(t) && ne(t.row) && ne(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 };
@@ -1648,19 +1648,19 @@ class kt extends n.Component {
       this.wrapper && this.wrapper.focus();
     }, this.onKeyDown = (e) => {
       switch (e.keyCode) {
-        case z.down:
+        case _.down:
           this.handleCellNavigation(0, 1);
           break;
-        case z.up:
+        case _.up:
           this.handleCellNavigation(0, -1);
           break;
-        case z.right:
+        case _.right:
           this.handleCellNavigation(1, 0);
           break;
-        case z.left:
+        case _.left:
           this.handleCellNavigation(-1, 0);
           break;
-        case z.enter:
+        case _.enter:
           this.handleEnter(e);
           break;
         default:
@@ -1676,7 +1676,7 @@ class kt extends n.Component {
       ));
     }, this.onBlur = () => {
       this.setState({ focusedColor: void 0 });
-    }, pe(me), this.state = {
+    }, me(ge), 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: re(this.props.tabIndex, this.props.disabled),
+        tabIndex: oe(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) {
-    Q(this.props.onChange, e, this, { value: t, rgbaValue: Ne(t, "rgba") });
+    J(this.props.onChange, e, this, { value: t, rgbaValue: Pe(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 ae(t) ? {
+      return ne(t) ? {
         colors: t.colors,
         columns: this.props.columns || t.columns || Ga
       } : { colors: [], columns: 0 };
@@ -1760,26 +1760,26 @@ class kt extends n.Component {
     return t.map((i, l) => /* @__PURE__ */ n.createElement("tr", { role: "row", key: l }, this.renderColumns(i, l, e, s)));
   }
   renderColumns(t, e, s, i) {
-    const l = s !== void 0 && s.row === e, c = s && s.col, o = i !== void 0 && i.row === e, p = i && i.col, d = typeof this.props.tileSize != "number" ? this.props.tileSize : { width: this.props.tileSize, height: this.props.tileSize }, m = d.width + "px", u = d.height + "px";
-    return t.map((f, y) => {
-      const N = l && c === y, D = G(
+    const l = s !== void 0 && s.row === e, c = s && s.col, o = i !== void 0 && i.row === e, h = i && i.col, d = typeof this.props.tileSize != "number" ? this.props.tileSize : { width: this.props.tileSize, height: this.props.tileSize }, p = d.width + "px", m = d.height + "px";
+    return t.map((f, v) => {
+      const N = l && c === v, P = G(
         "k-colorpalette-tile",
         {
           "k-selected": N,
-          "k-focus": o && p === y
+          "k-focus": o && h === v
         }
       );
       return /* @__PURE__ */ n.createElement(
         "td",
         {
           role: "gridcell",
-          className: D,
+          className: P,
           "aria-label": f,
           "aria-selected": N ? !0 : this.props.disabled ? void 0 : !1,
-          style: { backgroundColor: f, width: m, height: u, minWidth: m },
-          onClick: (V) => this.onColorClick(f, V),
-          id: this.createCellId({ row: e, col: y }),
-          key: y
+          style: { backgroundColor: f, width: p, height: m, minWidth: p },
+          onClick: (M) => this.onColorClick(f, M),
+          id: this.createCellId({ row: e, col: v }),
+          key: v
         }
       );
     });
@@ -1808,7 +1808,7 @@ kt.defaultProps = {
   palette: xn,
   tileSize: Cn
 };
-const Ss = he(), ba = et(Ue(Ss, kt));
+const Ss = pe(), ba = et(Ue(Ss, kt));
 ba.displayName = "KendoReactColorPalette";
 const ws = "bottom", Is = "top", En = (a) => {
   const t = a.popupSettings || {}, e = a.dir === "rtl" ? "right" : "left", s = n.useMemo(
@@ -1843,113 +1843,113 @@ const Ls = {
 }, Rs = {
   palette: xn,
   tileSize: Cn
-}, Ft = (a) => a !== void 0, Vs = he(), va = n.forwardRef((a, t) => {
-  pe(me);
-  const e = Re(Vs, a), s = _e(), {
+}, Ft = (a) => a !== void 0, Vs = pe(), va = n.forwardRef((a, t) => {
+  me(ge);
+  const e = Re(Vs, a), s = $e(), {
     size: i = dt.size,
     rounded: l = dt.rounded,
     fillMode: c = dt.fillMode,
     popupSettings: o,
-    gradientSettings: p,
+    gradientSettings: h,
     paletteSettings: d,
-    valid: m,
-    disabled: u,
+    valid: p,
+    disabled: m,
     tabIndex: f,
-    view: y,
+    view: v,
     icon: N,
-    svgIcon: D,
-    iconClassName: V,
-    onChange: L,
+    svgIcon: P,
+    iconClassName: M,
+    onChange: V,
     onFocus: S,
-    onBlur: w,
-    onActiveColorClick: B,
-    className: O
-  } = e, I = n.useRef(null), F = n.useRef(null), _ = n.useRef(null), T = n.useRef(), E = n.useRef(null), [M, H] = n.useState(!1), [q, Z] = n.useState(e.defaultValue), [h, v] = n.useState(!1), g = Ft(e.value), k = Ft(e.open), C = g ? e.value : q, P = k ? e.open : h, j = n.useCallback(
+    onBlur: I,
+    onActiveColorClick: O,
+    className: B
+  } = e, w = n.useRef(null), F = n.useRef(null), A = n.useRef(null), T = n.useRef(), x = n.useRef(null), [L, $] = n.useState(!1), [U, Q] = n.useState(e.defaultValue), [g, k] = n.useState(!1), u = Ft(e.value), y = Ft(e.open), E = u ? e.value : U, D = y ? e.open : g, ee = n.useCallback(
     () => {
-      I.current && I.current.focus();
+      w.current && w.current.focus();
     },
     []
   );
   n.useImperativeHandle(t, () => ({
     // we agreed that each element will have focus method exposed
-    element: I.current,
-    actionElement: E.current,
-    value: C,
-    focus: j
-  }), [C, j]);
-  const J = n.useCallback(
-    (A, xe) => {
-      k || (!A && !xe && I && I.current && I.current.focus(), v(A));
+    element: w.current,
+    actionElement: x.current,
+    value: E,
+    focus: ee
+  }), [E, ee]);
+  const Y = n.useCallback(
+    (z, ae) => {
+      y || (!z && !ae && w && w.current && w.current.focus(), k(z));
     },
-    [k]
+    [y]
   ), R = n.useCallback(
-    (A) => {
-      const { altKey: xe, keyCode: ve } = A;
-      if (ve === z.esc) {
-        J(!1);
+    (z) => {
+      const { altKey: ae, keyCode: ie } = z;
+      if (ie === _.esc) {
+        Y(!1);
         return;
       }
-      if (ve === z.enter && !k) {
-        A.preventDefault(), A.stopPropagation(), J(!P);
+      if (ie === _.enter && !y) {
+        z.preventDefault(), z.stopPropagation(), Y(!D);
         return;
       }
-      xe && (ve === z.up || ve === z.down) && (A.preventDefault(), A.stopPropagation(), ve === z.up && I && I.current && (I.current.focus(), J(!1)), ve === z.down && J(!0));
+      ae && (ie === _.up || ie === _.down) && (z.preventDefault(), z.stopPropagation(), ie === _.up && w && w.current && (w.current.focus(), Y(!1)), ie === _.down && Y(!0));
     },
-    [P, k]
+    [D, y]
   ), b = n.useCallback(
     () => {
-      k || (F.current ? F.current.focus() : _.current && _.current.focus());
+      y || (F.current ? F.current.focus() : A.current && A.current.focus());
     },
-    [k]
-  ), W = n.useCallback(
+    [y]
+  ), K = n.useCallback(
     () => {
-      J(!P, !0);
+      Y(!D, !0);
     },
-    [P]
-  ), K = n.useCallback(
-    (A) => {
-      B && B.call(void 0, {
-        syntheticEvent: A,
-        nativeEvent: A.nativeEvent,
-        value: C
+    [D]
+  ), q = n.useCallback(
+    (z) => {
+      O && O.call(void 0, {
+        syntheticEvent: z,
+        nativeEvent: z.nativeEvent,
+        value: E
       });
     },
-    [B, C]
-  ), ee = n.useCallback(
-    (A) => {
-      T.current ? (clearTimeout(T.current), T.current = void 0) : H(!0), S && S.call(void 0, {
-        nativeEvent: A.nativeEvent,
-        syntheticEvent: A
+    [O, E]
+  ), Z = n.useCallback(
+    (z) => {
+      T.current ? (clearTimeout(T.current), T.current = void 0) : $(!0), S && S.call(void 0, {
+        nativeEvent: z.nativeEvent,
+        syntheticEvent: z
       });
     },
     [S]
-  ), ie = n.useCallback(
+  ), ce = n.useCallback(
     () => {
-      J(!1, !0), H(!1), T.current = void 0;
+      Y(!1, !0), $(!1), T.current = void 0;
     },
     []
-  ), Ee = n.useCallback(
-    (A) => {
-      clearTimeout(T.current), T.current = window.setTimeout(ie), w && w.call(void 0, {
-        nativeEvent: A.nativeEvent,
-        syntheticEvent: A
+  ), xe = n.useCallback(
+    (z) => {
+      clearTimeout(T.current), T.current = window.setTimeout(ce), I && I.call(void 0, {
+        nativeEvent: z.nativeEvent,
+        syntheticEvent: z
       });
     },
-    [w]
-  ), le = n.useCallback(
-    (A, xe) => {
-      const ve = xe ? A.rgbaValue : A.value;
-      g || Z(ve), xe && J(!1), L && L.call(void 0, {
-        value: ve,
-        nativeEvent: A.nativeEvent,
-        syntheticEvent: A.syntheticEvent
+    [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,
+        nativeEvent: z.nativeEvent,
+        syntheticEvent: z.syntheticEvent
       });
     },
-    [g, L]
-  ), oe = n.useCallback(
-    (A) => le(A, !0),
-    [Ft, le]
-  ), be = Ae(I, e.dir), He = m !== !1;
+    [u, V]
+  ), Ee = n.useCallback(
+    (z) => re(z, !0),
+    [Ft, re]
+  ), Ce = He(w, e.dir), Ve = p !== !1;
   return /* @__PURE__ */ n.createElement(
     "span",
     {
@@ -1959,83 +1959,83 @@ const Ls = {
       "aria-labelledby": e.ariaLabelledBy,
       "aria-describedby": e.ariaDescribedBy,
       "aria-haspopup": "dialog",
-      "aria-expanded": P,
-      "aria-disabled": u ? "true" : void 0,
+      "aria-expanded": D,
+      "aria-disabled": m ? "true" : void 0,
       className: G(
         "k-colorpicker",
         "k-picker",
         "k-icon-picker",
         {
-          [`k-picker-${ne.sizeMap[i] || i}`]: i,
+          [`k-picker-${se.sizeMap[i] || i}`]: i,
           [`k-picker-${c}`]: c,
-          [`k-rounded-${ne.roundedMap[l] || l}`]: l,
-          "k-invalid": !He,
-          "k-disabled": u,
-          "k-focus": M,
-          className: O
+          [`k-rounded-${se.roundedMap[l] || l}`]: l,
+          "k-invalid": !Ve,
+          "k-disabled": m,
+          "k-focus": L,
+          className: B
         }
       ),
-      ref: I,
-      tabIndex: re(f, u),
+      ref: w,
+      tabIndex: oe(f, m),
       title: e.title,
       onKeyDown: R,
-      onFocus: ee,
-      onBlur: Ee,
-      dir: be
+      onFocus: Z,
+      onBlur: xe,
+      dir: Ce
     },
     /* @__PURE__ */ n.createElement(
       En,
       {
-        dir: be,
-        open: P,
+        dir: Ce,
+        open: D,
         onOpen: b,
-        popupAnchor: I.current || void 0,
+        popupAnchor: w.current || void 0,
         popupSettings: { ...o },
-        input: /* @__PURE__ */ n.createElement("span", { onClick: K, className: "k-input-inner" }, /* @__PURE__ */ n.createElement(
+        input: /* @__PURE__ */ n.createElement("span", { onClick: q, className: "k-input-inner" }, /* @__PURE__ */ n.createElement(
           "span",
           {
             className: G(
               "k-value-icon",
               "k-color-preview",
               {
-                "k-no-color": !C,
-                "k-icon-color-preview": N || D || V
+                "k-no-color": !E,
+                "k-icon-color-preview": N || P || M
               }
             )
           },
-          V && /* @__PURE__ */ n.createElement("span", { className: G("k-color-preview-icon", V) }),
-          !V && (N || D) && /* @__PURE__ */ n.createElement(fe, { name: N, icon: D }),
-          /* @__PURE__ */ n.createElement("span", { className: "k-color-preview-mask", style: { backgroundColor: C } })
+          M && /* @__PURE__ */ n.createElement("span", { className: G("k-color-preview-icon", M) }),
+          !M && (N || P) && /* @__PURE__ */ n.createElement(he, { name: N, icon: P }),
+          /* @__PURE__ */ n.createElement("span", { className: "k-color-preview-mask", style: { backgroundColor: E } })
         )),
         button: /* @__PURE__ */ n.createElement(
-          ge,
+          be,
           {
             tabIndex: -1,
             type: "button",
-            onClick: W,
+            onClick: K,
             className: "k-input-button",
             rounded: null,
             icon: "caret-alt-down",
             svgIcon: ht,
-            "aria-label": s.toLanguageString(ta, $[ta])
+            "aria-label": s.toLanguageString(ta, H[ta])
           }
         ),
-        content: /* @__PURE__ */ n.createElement(n.Fragment, null, (y === "combo" || y === "gradient") && /* @__PURE__ */ n.createElement(
+        content: /* @__PURE__ */ n.createElement(n.Fragment, null, (v === "combo" || v === "gradient") && /* @__PURE__ */ n.createElement(
           ga,
           {
-            ...p,
+            ...h,
             tabIndex: 0,
             ref: F,
-            value: C,
-            onChange: le
+            value: E,
+            onChange: re
           }
-        ), (y === "combo" || y === "palette") && /* @__PURE__ */ n.createElement(
+        ), (v === "combo" || v === "palette") && /* @__PURE__ */ n.createElement(
           ba,
           {
             ...d,
-            ref: _,
-            value: C,
-            onChange: oe
+            ref: A,
+            value: E,
+            onChange: Ee
           }
         ))
       }
@@ -2069,12 +2069,12 @@ const dt = {
 va.defaultProps = dt;
 va.displayName = "KendoColorPicker";
 const Ka = "rgba(255, 255, 255, 1)", Sn = n.forwardRef((a, t) => {
-  pe(me);
-  const e = n.useRef(null), s = n.useRef(null), i = n.useRef(null), { defaultValue: l = Ka, showButtons: c = !0, showPreview: o = !0, showClearButton: p = !0 } = a, [d, m] = n.useState((a.view || "ColorGradient") === "ColorGradient"), [u, f] = n.useState(a.value || l), [y, N] = n.useState(a.value || l), D = a.value !== void 0 ? a.value : y;
+  me(ge);
+  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 V = _e(), L = n.useCallback(
+  const M = $e(), V = n.useCallback(
     () => {
       e.current && e.current.focus();
     },
@@ -2082,86 +2082,86 @@ const Ka = "rgba(255, 255, 255, 1)", Sn = n.forwardRef((a, t) => {
   );
   n.useImperativeHandle(e, () => ({
     element: s.current,
-    focus: L,
+    focus: V,
     props: a,
-    value: D
-  }), [D, L, a]), n.useImperativeHandle(t, () => e.current);
+    value: P
+  }), [P, V, a]), n.useImperativeHandle(t, () => e.current);
   const S = n.useCallback(
-    (E) => {
-      (E === "ColorGradient" && !d || E === "ColorPalette" && d) && m(!d);
+    (x) => {
+      (x === "ColorGradient" && !d || x === "ColorPalette" && d) && p(!d);
     },
     [d]
-  ), w = n.useCallback(
-    (E) => {
+  ), I = n.useCallback(
+    (x) => {
       if (f(l), a.onPreviewChange) {
-        const M = {
+        const L = {
           value: l,
-          nativeEvent: E.nativeEvent,
-          syntheticEvent: E
+          nativeEvent: x.nativeEvent,
+          syntheticEvent: x
         };
-        a.onPreviewChange.call(void 0, M);
+        a.onPreviewChange.call(void 0, L);
       }
     },
     [l, a.onPreviewChange]
-  ), B = n.useCallback(
-    (E) => {
-      if (f(E.value), a.onPreviewChange) {
-        const M = {
-          value: E.value,
-          nativeEvent: E.nativeEvent,
-          syntheticEvent: E.syntheticEvent
+  ), O = n.useCallback(
+    (x) => {
+      if (f(x.value), a.onPreviewChange) {
+        const L = {
+          value: x.value,
+          nativeEvent: x.nativeEvent,
+          syntheticEvent: x.syntheticEvent
         };
-        a.onPreviewChange.call(void 0, M);
+        a.onPreviewChange.call(void 0, L);
       }
     },
     [a.onPreviewChange]
-  ), O = n.useCallback(
-    (E) => {
-      if (N(u), a.onChange) {
-        const M = {
-          value: u,
-          nativeEvent: E.nativeEvent,
-          syntheticEvent: E
+  ), B = n.useCallback(
+    (x) => {
+      if (N(m), a.onChange) {
+        const L = {
+          value: m,
+          nativeEvent: x.nativeEvent,
+          syntheticEvent: x
         };
-        a.onChange.call(void 0, M);
+        a.onChange.call(void 0, L);
       }
     },
-    [u, a.onChange]
-  ), I = n.useCallback(
+    [m, a.onChange]
+  ), w = n.useCallback(
     () => {
       N(Ka);
     },
     []
   ), F = n.useCallback(
-    (E) => {
-      if (f(y), a.onPreviewChange) {
-        const M = {
-          value: y,
-          nativeEvent: E.nativeEvent,
-          syntheticEvent: E
+    (x) => {
+      if (f(v), a.onPreviewChange) {
+        const L = {
+          value: v,
+          nativeEvent: x.nativeEvent,
+          syntheticEvent: x
         };
-        a.onPreviewChange.call(void 0, M);
+        a.onPreviewChange.call(void 0, L);
       }
     },
-    [y, a.onPreviewChange]
-  ), _ = n.useCallback(
-    (E) => {
-      s.current && !(E.nativeEvent.target instanceof HTMLInputElement) && s.current.focus();
+    [v, a.onPreviewChange]
+  ), A = n.useCallback(
+    (x) => {
+      s.current && !(x.nativeEvent.target instanceof HTMLInputElement) && s.current.focus();
     },
     [s]
   ), T = n.useCallback(
-    (E) => {
-      var H;
-      if ((!E.relatedTarget || !((H = s.current) != null && H.contains(E.relatedTarget))) && (c || N(u), !c && a.onChange)) {
-        const q = {
-          value: u,
-          nativeEvent: E.nativeEvent,
-          syntheticEvent: E
+    (x) => {
+      var $;
+      if ((!x.relatedTarget || !(($ = s.current) != null && $.contains(x.relatedTarget))) && (c || N(m), !c && a.onChange)) {
+        const U = {
+          value: m,
+          nativeEvent: x.nativeEvent,
+          syntheticEvent: x
         };
-        a.onChange.call(void 0, q);
+        a.onChange.call(void 0, U);
       }
     },
-    [u, c, a.onChange]
+    [m, c, a.onChange]
   );
   return /* @__PURE__ */ n.createElement(
     "div",
@@ -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: re(a.tabIndex, a.disabled),
+      tabIndex: oe(a.tabIndex, a.disabled),
       className: G(
         "k-flatcolorpicker k-coloreditor",
         {
@@ -2184,12 +2184,12 @@ 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(
-      ge,
+      be,
       {
         type: "button",
-        "aria-label": V.toLanguageString(
+        "aria-label": M.toLanguageString(
           Zt,
-          $[Zt]
+          H[Zt]
         ),
         togglable: !0,
         fillMode: "flat",
@@ -2199,12 +2199,12 @@ const Ka = "rgba(255, 255, 255, 1)", Sn = n.forwardRef((a, t) => {
         svgIcon: Tn
       }
     ), /* @__PURE__ */ n.createElement(
-      ge,
+      be,
       {
         type: "button",
-        "aria-label": V.toLanguageString(
+        "aria-label": M.toLanguageString(
           Jt,
-          $[Jt]
+          H[Jt]
         ),
         togglable: !0,
         fillMode: "flat",
@@ -2213,33 +2213,33 @@ const Ka = "rgba(255, 255, 255, 1)", Sn = n.forwardRef((a, t) => {
         icon: "palette",
         svgIcon: zn
       }
-    ))), /* @__PURE__ */ n.createElement("div", { className: "k-spacer" }), /* @__PURE__ */ n.createElement("div", { className: "k-coloreditor-header-actions k-hstack" }, p && /* @__PURE__ */ n.createElement(
-      ge,
+    ))), /* @__PURE__ */ n.createElement("div", { className: "k-spacer" }), /* @__PURE__ */ n.createElement("div", { className: "k-coloreditor-header-actions k-hstack" }, h && /* @__PURE__ */ n.createElement(
+      be,
       {
         type: "button",
         fillMode: "flat",
-        onClick: w,
-        "aria-label": V.toLanguageString(
+        onClick: I,
+        "aria-label": M.toLanguageString(
           Qt,
-          $[Qt]
+          H[Qt]
         ),
         icon: "droplet-slash",
         svgIcon: _n
       }
-    ), o && /* @__PURE__ */ n.createElement("div", { className: "k-coloreditor-preview k-vstack" }, /* @__PURE__ */ n.createElement("span", { className: "k-coloreditor-preview-color k-color-preview", style: { background: u } }), /* @__PURE__ */ n.createElement("span", { className: "k-coloreditor-current-color k-color-preview", style: { background: y }, onClick: F })))), /* @__PURE__ */ n.createElement("div", { className: "k-coloreditor-views k-vstack" }, d ? /* @__PURE__ */ n.createElement(
+    ), o && /* @__PURE__ */ n.createElement("div", { className: "k-coloreditor-preview k-vstack" }, /* @__PURE__ */ n.createElement("span", { className: "k-coloreditor-preview-color k-color-preview", style: { background: m } }), /* @__PURE__ */ n.createElement("span", { className: "k-coloreditor-current-color k-color-preview", style: { background: v }, onClick: F })))), /* @__PURE__ */ n.createElement("div", { className: "k-coloreditor-views k-vstack" }, d ? /* @__PURE__ */ n.createElement(
       ga,
       {
         ref: i,
         role: "none",
         tabIndex: -1,
         ariaLabel: void 0,
-        value: u,
-        onChange: B,
-        onFocus: _,
+        value: m,
+        onChange: O,
+        onFocus: A,
         opacity: a.opacity,
         format: a.format
       }
-    ) : /* @__PURE__ */ n.createElement(ba, { ariaDisabled: !0, ariaLabelledBy: "required_label", value: u, onChange: B, onFocus: _ })), c && /* @__PURE__ */ n.createElement("div", { className: "k-coloreditor-footer k-actions k-actions-end" }, /* @__PURE__ */ n.createElement(ge, { type: "button", className: "k-coloreditor-cancel", onClick: I }, $[on]), /* @__PURE__ */ n.createElement(ge, { type: "button", className: "k-coloreditor-apply k-primary", onClick: O }, $[cn])))
+    ) : /* @__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])))
   );
 }), 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 Pe = /* @__PURE__ */ ((a) => (a[a.Literal = 0] = "Literal", a[a.Mask = 1] = "Mask", a[a.Undefined = 2] = "Undefined", a))(Pe || {});
-class Y {
+var De = /* @__PURE__ */ ((a) => (a[a.Literal = 0] = "Literal", a[a.Mask = 1] = "Mask", a[a.Undefined = 2] = "Undefined", a))(De || {});
+class X {
   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 Y(t(this.value), this.rest);
+    return new X(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 Ce {
+class ye {
   constructor(t) {
     this.parse = t;
   }
@@ -2326,57 +2326,57 @@ class Ce {
   }
   // map :: Functor f => f a ~> (a -> b) -> f b
   map(t) {
-    return new Ce((e) => this.parse(e).map(t));
+    return new ye((e) => this.parse(e).map(t));
   }
   // chain :: Chain m => m a ~> (a -> m b) -> m b
   chain(t) {
-    return new Ce((e) => this.parse(e).chain((s, i) => t(s).run(i)));
+    return new ye((e) => this.parse(e).chain((s, i) => t(s).run(i)));
   }
   isLiteral(t) {
-    return this.run(t).type === Pe.Literal;
+    return this.run(t).type === De.Literal;
   }
 }
-const Ps = (a) => (t) => new Ce((e) => {
+const Ps = (a) => (t) => new ye((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 Y(s, e, Pe.Mask);
+      return e.eat(), new X(s, e, De.Mask);
     if (t.test(l))
-      return e.eat(), new Y(l, e, Pe.Mask);
+      return e.eat(), new X(l, e, De.Mask);
     if (l === i)
-      return e.eat(), new Y(s, e, Pe.Mask);
+      return e.eat(), new X(s, e, De.Mask);
     e.eat_input();
   }
-  return e.eat(), new Y(s, e, Pe.Mask);
-}), Ds = (a) => new Ce((t) => t.peek().char === a ? (t.eat(), new Y(a, t, Pe.Literal)) : new Y(a, t, Pe.Literal)), Bs = (a) => (t) => new Ce((e) => {
+  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) => {
   for (; !e.eof(); ) {
     const { char: s, control: i } = e.peek();
     if (s === a && i === a)
-      return e.eat(), new Y(s, e);
+      return e.eat(), new X(s, e);
     if (t.test(s))
-      return e.eat(), new Y(s, e);
+      return e.eat(), new X(s, e);
     e.eat_input();
   }
-  return e.eat(), new Y("", e);
-}), Os = (a) => new Ce((t) => {
+  return e.eat(), new X("", e);
+}), Os = (a) => new ye((t) => {
   if (t.eof())
-    return new Y("", t);
+    return new X("", t);
   const { char: e } = t.peek();
-  return e === a && t.eat(), new Y(a, t);
-}), ot = (a, t) => new Ce((e) => {
+  return e === a && t.eat(), new X(a, t);
+}), ot = (a, t) => new ye((e) => {
   let { char: s } = e.next();
   const i = a[s];
-  return s === Ns ? (s = e.next().char, new Y(t.literal(s), e)) : i ? new Y(t.mask(i), e) : new Y(t.literal(s), e);
-}), ja = (a) => new Ce((t) => {
+  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) => {
   const { prompt: e, promptPlaceholder: s } = a;
   let { char: i } = t.next();
-  return i === e ? new Y(s, t) : new Y(i, t);
-}), Wa = (a) => new Ce((t) => {
+  return i === e ? new X(s, t) : new X(i, t);
+}), Wa = (a) => new ye((t) => {
   let { char: e } = t.next();
-  return a ? new Y(e, t) : new Y("", t);
-}), Fs = (a) => new Ce((t) => new Y(a, t)), Ts = (a, t) => a.chain((e) => t.map((s) => e.concat([s]))), Oe = (a) => a.reduce((t, e) => Ts(t, e), Fs([])), ct = (a) => new Ce((t) => {
-  let e = new Y([], t);
+  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);
   for (; !t.eof(); )
     e = e.concat(a.run(t));
   return e;
@@ -2390,13 +2390,13 @@ class zs {
   }
   validationValue(t = "") {
     let e = t;
-    return Oe(this.validationTokens).run(t).fold((s) => {
+    return Te(this.validationTokens).run(t).fold((s) => {
       e = s.join("");
     }), e;
   }
   rawValue(t = "") {
     let e = t;
-    return this.rawTokens.length && Oe(this.rawTokens).run(t).fold((s) => {
+    return this.rawTokens.length && Te(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 && Oe(this.maskTokens).run(t).fold((s) => {
+    return this.maskTokens.length && Te(this.maskTokens).run(t).fold((s) => {
       e = s.join("");
     }), e;
   }
@@ -2414,9 +2414,9 @@ class zs {
   }
   maskInRange(t, e, s, i) {
     let l = "", c = i;
-    const o = e.split("").slice(0, s), p = e.split("").slice(i);
-    return Oe(this.maskTokens.slice(s, i)).run(t).fold((d) => {
-      l = o.concat(d).concat(p).join("");
+    const o = e.split("").slice(0, s), h = e.split("").slice(i);
+    return Te(this.maskTokens.slice(s, i)).run(t).fold((d) => {
+      l = o.concat(d).concat(h).join("");
     }), {
       selection: c,
       value: l
@@ -2424,8 +2424,8 @@ class zs {
   }
   maskRemoved(t, e, s) {
     let i = "", l = s;
-    const c = t.split("").slice(s), o = t.split("").slice(0, s).join(""), p = this.maskTokens.length - (t.length - s);
-    return Oe(this.maskTokens.slice(0, p)).run(o, e).fold((d) => {
+    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) => {
       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 Oe(this.unmaskTokens).run(c, e).chain((o) => {
+    return Te(this.unmaskTokens).run(c, e).chain((o) => {
       l = o.join("").length;
-      const p = e.slice(l);
-      return Oe(this.maskTokens).run(o.join("") + p, e);
+      const h = e.slice(l);
+      return Te(this.maskTokens).run(o.join("") + h, e);
     }).fold((o) => {
       i = o.join("");
     }), {
@@ -2518,7 +2518,7 @@ const wn = {
       }
   }
   return e;
-}, Ve = class extends n.Component {
+}, Me = 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();
@@ -2535,7 +2535,7 @@ const wn = {
       let o;
       if (this._isPasted) {
         this._isPasted = !1;
-        const p = c.length - l, d = s.length - p;
+        const h = c.length - l, d = s.length - h;
         o = this._service.maskInRange(s.slice(i, d), c, i, l);
       } else
         o = this._service.maskInput(s, c, e.selectionStart || 0);
@@ -2556,7 +2556,7 @@ const wn = {
       this.element && this.element.setCustomValidity(
         this.validity.valid ? "" : this.props.validationMessage || ""
       );
-    }, pe(me);
+    }, me(ge);
   }
   /**
    * Gets the element of the MaskedTextBox.
@@ -2619,13 +2619,13 @@ const wn = {
    * @hidden
    */
   get validityStyles() {
-    return this.props.validityStyles !== void 0 ? this.props.validityStyles : Ve.defaultProps.validityStyles;
+    return this.props.validityStyles !== void 0 ? this.props.validityStyles : Me.defaultProps.validityStyles;
   }
   /**
    * @hidden
    */
   get required() {
-    return this.props.required !== void 0 ? this.props.required : Ve.defaultProps.required;
+    return this.props.required !== void 0 ? this.props.required : Me.defaultProps.required;
   }
   /**
    * Gets the `name` property of the MaskedTextBox.
@@ -2655,22 +2655,22 @@ const wn = {
    */
   render() {
     const {
-      size: a = Ve.defaultProps.size,
-      fillMode: t = Ve.defaultProps.fillMode,
-      rounded: e = Ve.defaultProps.rounded
+      size: a = Me.defaultProps.size,
+      fillMode: t = Me.defaultProps.fillMode,
+      rounded: e = Me.defaultProps.rounded
     } = this.props, s = this.props.id || this._inputId, i = !this.validityStyles || this.validity.valid, l = this.props.style || {}, {
-      prefix: c = Ve.defaultProps.prefix,
-      suffix: o = Ve.defaultProps.suffix
-    } = this.props, [p] = qe(c), [d] = qe(o), m = /* @__PURE__ */ n.createElement(
+      prefix: c = Me.defaultProps.prefix,
+      suffix: o = Me.defaultProps.suffix
+    } = this.props, [h] = Be(c), [d] = Be(o), p = /* @__PURE__ */ n.createElement(
       "span",
       {
         dir: this.props.dir,
         className: G(
           "k-maskedtextbox k-input",
           {
-            [`k-input-${ne.sizeMap[a] || a}`]: a,
+            [`k-input-${se.sizeMap[a] || a}`]: a,
             [`k-input-${t}`]: t,
-            [`k-rounded-${ne.roundedMap[e] || e}`]: e,
+            [`k-rounded-${se.roundedMap[e] || e}`]: e,
             "k-invalid": !i,
             "k-required": this.required,
             "k-disabled": this.props.disabled
@@ -2679,7 +2679,7 @@ const wn = {
         ),
         style: this.props.label ? l : { width: this.props.width, ...l }
       },
-      /* @__PURE__ */ n.createElement(p, null),
+      /* @__PURE__ */ n.createElement(h, null),
       /* @__PURE__ */ n.createElement(
         "input",
         {
@@ -2695,13 +2695,13 @@ const wn = {
           "aria-describedby": this.props.ariaDescribedBy,
           "aria-placeholder": this.props.mask,
           name: this.props.name,
-          tabIndex: re(this.props.tabIndex, this.props.disabled, !0),
+          tabIndex: oe(this.props.tabIndex, this.props.disabled, !0),
           accessKey: this.props.accessKey,
           title: this.props.title,
           disabled: this.props.disabled || void 0,
           readOnly: this.props.readonly || void 0,
           placeholder: this.props.placeholder,
-          ref: (u) => this._input = u,
+          ref: (m) => this._input = m,
           onChange: this.onChangeHandler,
           onPaste: this.pasteHandler,
           onFocus: this.focusHandler,
@@ -2721,11 +2721,11 @@ const wn = {
         editorValid: i,
         editorDisabled: this.props.disabled,
         editorPlaceholder: this.props.placeholder,
-        children: m,
+        children: p,
         style: { width: this.props.width },
         dir: this.props.dir
       }
-    ) : m;
+    ) : p;
   }
   triggerOnChange(a, t) {
     if (this.setState({
@@ -2757,7 +2757,7 @@ const wn = {
     return Object.assign({}, wn, this.props.rules);
   }
 };
-let yt = Ve;
+let yt = Me;
 yt.displayName = "MaskedTextBox";
 yt.propTypes = {
   value: r.string,
@@ -2820,9 +2820,9 @@ yt.defaultProps = {
   rounded: "medium",
   fillMode: "solid"
 };
-const $s = he(), Hs = et(Ue($s, yt));
+const $s = pe(), Hs = et(Ue($s, yt));
 Hs.displayName = "KendoReactMaskedTextBox";
-var X = /* @__PURE__ */ ((a) => (a.start = "start", a.end = "end", a.min = "min", a.max = "max", a.increase = "increase", a.decrease = "decrease", a))(X || {});
+var W = /* @__PURE__ */ ((a) => (a.start = "start", a.end = "end", a.min = "min", a.max = "max", a.increase = "increase", a.decrease = "decrease", a))(W || {});
 const Gs = (a, t) => {
   let e, s;
   switch (t.type) {
@@ -2908,9 +2908,9 @@ const Gs = (a, t) => {
     [t, e]
   );
   return [s, l];
-}, qs = he(), ka = n.forwardRef((a, t) => {
-  pe(me);
-  const e = Re(qs, a), s = n.useRef(null), i = n.useRef(null), l = n.useRef(null), c = n.useRef(null), o = n.useRef(null), p = n.useCallback(
+}, 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(
     () => {
       c.current && c.current.focus();
     },
@@ -2918,137 +2918,137 @@ const Gs = (a, t) => {
   );
   n.useImperativeHandle(s, () => ({
     element: i.current,
-    focus: p,
+    focus: h,
     props: e
   })), n.useImperativeHandle(t, () => s.current);
   const d = n.useMemo(
     () => e.min,
     [e.min]
-  ), m = n.useMemo(
+  ), p = n.useMemo(
     () => e.max,
     [e.max]
-  ), u = n.useMemo(
+  ), m = n.useMemo(
     () => e.step !== void 0 ? e.step : ut.step,
     [e.step, ut.step]
-  ), f = Ae(i, e.dir), y = (g, k) => {
+  ), f = He(i, e.dir), v = (u, y) => {
     e.onChange && s.current && e.onChange.call(void 0, {
-      value: g,
+      value: u,
       target: s.current,
-      syntheticEvent: k
+      syntheticEvent: y
     });
-  }, [N, D] = n.useState(""), [V, L] = Ks(
+  }, [N, P] = n.useState(""), [M, V] = Ks(
     e.defaultValue || ut.defaultValue,
     {
       min: d,
-      max: m,
-      step: u,
+      max: p,
+      step: m,
       state: e.value
     },
-    y
+    v
   ), S = n.useMemo(
-    () => e.value || V,
-    [e.value, V]
-  ), w = n.useRef(null), B = n.useRef(null), O = n.useMemo(
-    () => (S.start - d) / (m - d) * 100,
-    [S.start, d, m]
-  ), I = n.useMemo(
-    () => (S.end - d) / (m - d) * 100,
-    [S.end, d, m]
+    () => e.value || M,
+    [e.value, M]
+  ), I = n.useRef(null), O = n.useRef(null), B = n.useMemo(
+    () => (S.start - d) / (p - d) * 100,
+    [S.start, d, p]
+  ), w = n.useMemo(
+    () => (S.end - d) / (p - d) * 100,
+    [S.end, d, p]
   ), F = n.useMemo(
     () => e.vertical ? { paddingTop: 0, height: "100%" } : {},
     [e.vertical]
-  ), _ = n.useMemo(
+  ), A = n.useMemo(
     () => e.vertical ? { marginTop: "0.5rem", marginBottom: "0.5rem" } : { marginLeft: "0.5rem", marginRight: "0.5rem" },
     [e.vertical]
-  ), T = _e(), E = n.useCallback(
-    (g) => {
-      if (!B.current)
+  ), T = $e(), x = n.useCallback(
+    (u) => {
+      if (!O.current)
         return;
-      const k = B.current.getBoundingClientRect(), C = e.vertical ? k.bottom - g.clientY : f === "rtl" ? k.right - g.clientX : g.clientX - k.left, P = e.vertical ? k.height : k.width, j = C / P;
-      return d + j * (m - d);
+      const y = O.current.getBoundingClientRect(), E = e.vertical ? y.bottom - u.clientY : f === "rtl" ? y.right - u.clientX : u.clientX - y.left, D = e.vertical ? y.height : y.width, ee = E / D;
+      return d + ee * (p - d);
     },
     [
-      B,
+      O,
       e.vertical,
       f,
       d,
-      m,
-      V.start,
-      V.end,
+      p,
+      M.start,
+      M.end,
       e.value && e.value.start,
       e.value && e.value.end
     ]
-  ), M = n.useCallback(
-    (g) => g <= S.start ? "start" : g >= S.end ? "end" : 2 * g < S.end + S.start ? "start" : "end",
+  ), L = n.useCallback(
+    (u) => u <= S.start ? "start" : u >= S.end ? "end" : 2 * u < S.end + S.start ? "start" : "end",
     [
-      V.start,
-      V.end,
+      M.start,
+      M.end,
       e.value && e.value.start,
       e.value && e.value.end
     ]
-  ), H = n.useCallback(
-    (g) => {
-      switch (g.keyCode) {
-        case z.right:
-          g.preventDefault(), L({ type: f === "rtl" ? X.decrease : X.increase, key: "start", event: g });
+  ), $ = n.useCallback(
+    (u) => {
+      switch (u.keyCode) {
+        case _.right:
+          u.preventDefault(), V({ type: f === "rtl" ? W.decrease : W.increase, key: "start", event: u });
           break;
-        case z.up:
-          g.preventDefault(), L({ type: X.increase, key: "start", event: g });
+        case _.up:
+          u.preventDefault(), V({ type: W.increase, key: "start", event: u });
           break;
-        case z.left:
-          g.preventDefault(), L({ type: f === "rtl" ? X.increase : X.decrease, key: "start", event: g });
+        case _.left:
+          u.preventDefault(), V({ type: f === "rtl" ? W.increase : W.decrease, key: "start", event: u });
           break;
-        case z.down:
-          g.preventDefault(), L({ type: X.decrease, key: "start", event: g });
+        case _.down:
+          u.preventDefault(), V({ type: W.decrease, key: "start", event: u });
           break;
-        case z.home:
-          g.preventDefault(), L({ type: X.min, key: "start", event: g });
+        case _.home:
+          u.preventDefault(), V({ type: W.min, key: "start", event: u });
           break;
-        case z.end:
-          g.preventDefault(), L({ type: X.max, key: "start", event: g });
+        case _.end:
+          u.preventDefault(), V({ type: W.max, key: "start", event: u });
           break;
       }
     },
-    [L]
-  ), q = n.useCallback(
-    (g) => {
-      switch (g.keyCode) {
-        case z.right:
-          g.preventDefault(), L({ type: f === "rtl" ? X.decrease : X.increase, key: "end", event: g });
+    [V]
+  ), U = n.useCallback(
+    (u) => {
+      switch (u.keyCode) {
+        case _.right:
+          u.preventDefault(), V({ type: f === "rtl" ? W.decrease : W.increase, key: "end", event: u });
           break;
-        case z.up:
-          g.preventDefault(), L({ type: X.increase, key: "end", event: g });
+        case _.up:
+          u.preventDefault(), V({ type: W.increase, key: "end", event: u });
           break;
-        case z.left:
-          g.preventDefault(), L({ type: f === "rtl" ? X.increase : X.decrease, key: "end", event: g });
+        case _.left:
+          u.preventDefault(), V({ type: f === "rtl" ? W.increase : W.decrease, key: "end", event: u });
           break;
-        case z.down:
-          g.preventDefault(), L({ type: X.decrease, key: "end", event: g });
+        case _.down:
+          u.preventDefault(), V({ type: W.decrease, key: "end", event: u });
           break;
-        case z.home:
-          g.preventDefault(), L({ type: X.min, key: "end", event: g });
+        case _.home:
+          u.preventDefault(), V({ type: W.min, key: "end", event: u });
           break;
-        case z.end:
-          g.preventDefault(), L({ type: X.max, key: "end", event: g });
+        case _.end:
+          u.preventDefault(), V({ type: W.max, key: "end", event: u });
           break;
       }
     },
-    [L, f]
-  ), Z = n.useCallback(
-    (g) => {
-      const k = E(g), C = M(k);
-      D(C), C === "end" ? o.current.focus() : c.current.focus();
-      const P = C === "end" ? X.end : X.start;
-      L({ type: P, payload: k, event: g });
+    [V, 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 });
     },
-    [e.vertical, d, m, L]
+    [e.vertical, d, p, V]
   );
-  return Dn(B, { onPress: Z, onDrag: (g) => {
-    const k = E(g), C = N === "end" ? X.end : X.start;
-    L({ type: C, payload: k, event: g });
-  }, onRelease: (g) => {
-    const k = E(g), C = N === "end" ? X.end : X.start;
-    L({ type: C, payload: k, event: g }), D("");
+  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 });
+  }, onRelease: (u) => {
+    const y = x(u), E = N === "end" ? W.end : W.start;
+    V({ type: E, payload: y, event: u }), P("");
   } }), /* @__PURE__ */ n.createElement(
     "div",
     {
@@ -3070,13 +3070,13 @@ const Gs = (a, t) => {
     /* @__PURE__ */ n.createElement(
       "div",
       {
-        ref: B,
+        ref: O,
         className: "k-slider-track-wrap",
         style: {
           flexGrow: 1,
           position: "relative",
           touchAction: "none",
-          ..._
+          ...A
         }
       },
       e.children && /* @__PURE__ */ n.createElement(
@@ -3085,32 +3085,32 @@ const Gs = (a, t) => {
           className: "k-reset k-slider-items",
           style: { ...F }
         },
-        n.Children.map(e.children, (g) => g && n.cloneElement(
-          g,
+        n.Children.map(e.children, (u) => u && n.cloneElement(
+          u,
           {
-            position: 100 * (g.props.position - e.min) / (e.max - e.min),
+            position: 100 * (u.props.position - e.min) / (e.max - e.min),
             vertical: e.vertical
           },
-          g.props.children
+          u.props.children
         ))
       ),
       /* @__PURE__ */ n.createElement(
         "div",
         {
-          ref: w,
+          ref: I,
           className: "k-slider-track",
           style: e.vertical ? { bottom: 0, height: "100%" } : { [f === "rtl" ? "right" : "left"]: 0, width: "100%" }
         },
-        O !== null && I !== null && /* @__PURE__ */ n.createElement(
+        B !== null && w !== null && /* @__PURE__ */ n.createElement(
           "div",
           {
             "data-selection": !0,
             ref: l,
             title: `${S.start} - ${S.end}`,
             className: "k-slider-selection",
-            style: e.vertical ? { height: I - O + "%", bottom: O + "%" } : {
-              [f === "rtl" ? "right" : "left"]: O + "%",
-              width: I - O + "%"
+            style: e.vertical ? { height: w - B + "%", bottom: B + "%" } : {
+              [f === "rtl" ? "right" : "left"]: B + "%",
+              width: w - B + "%"
             }
           }
         ),
@@ -3119,16 +3119,16 @@ const Gs = (a, t) => {
           {
             ref: c,
             role: "slider",
-            tabIndex: re(e.startTabIndex, e.disabled, void 0),
+            tabIndex: oe(e.startTabIndex, e.disabled, void 0),
             "aria-valuemin": d,
-            "aria-valuemax": Math.max(m, S.end),
+            "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(Te, $[Te]),
-            style: e.vertical ? { bottom: "calc(" + O + "%)", zIndex: 1 } : f === "rtl" ? { right: "calc(" + O + "% - 13px)", zIndex: 1 } : { left: "calc(" + O + "%)", zIndex: 1 },
-            onKeyDown: H
+            title: T.toLanguageString(_e, H[_e]),
+            style: e.vertical ? { bottom: "calc(" + B + "%)", zIndex: 1 } : f === "rtl" ? { right: "calc(" + B + "% - 13px)", zIndex: 1 } : { left: "calc(" + B + "%)", zIndex: 1 },
+            onKeyDown: $
           }
         ),
         /* @__PURE__ */ n.createElement(
@@ -3136,16 +3136,16 @@ const Gs = (a, t) => {
           {
             ref: o,
             role: "slider",
-            tabIndex: re(e.endTabIndex, e.disabled, void 0),
+            tabIndex: oe(e.endTabIndex, e.disabled, void 0),
             "aria-valuemin": Math.min(d, S.start),
-            "aria-valuemax": m,
+            "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(Te, $[Te]),
-            style: e.vertical ? { bottom: "calc(" + I + "%)", zIndex: 1 } : f === "rtl" ? { right: "calc(" + I + "% - 13px)", zIndex: 1 } : { left: "calc(" + I + "%)", zIndex: 1 },
-            onKeyDown: q
+            title: T.toLanguageString(_e, H[_e]),
+            style: e.vertical ? { bottom: "calc(" + w + "%)", zIndex: 1 } : f === "rtl" ? { right: "calc(" + w + "% - 13px)", zIndex: 1 } : { left: "calc(" + w + "%)", zIndex: 1 },
+            onKeyDown: U
           }
         )
       )
@@ -3224,13 +3224,13 @@ const ft = class extends n.Component {
   constructor(a) {
     super(a), this.setValidity = () => {
       this._input && this._input.setCustomValidity && this._input.setCustomValidity(
-        this.validity.valid ? "" : this.props.validationMessage || this.defaultValidationMessage.toLanguageString(ea, $[ea])
+        this.validity.valid ? "" : this.props.validationMessage || this.defaultValidationMessage.toLanguageString(ea, H[ea])
       );
     }, this.limit = (t, e, s) => {
       const i = s.offsetWidth, l = e.offsetWidth;
       return t < 0 ? 0 : t > i - l ? i - l : t;
     }, this.toggle = (t, e) => {
-      this.setState({ checked: t }), this.valueDuringOnChange = t, Q(this.props.onChange, e, this, { value: t }), this.valueDuringOnChange = void 0;
+      this.setState({ checked: t }), this.valueDuringOnChange = t, J(this.props.onChange, e, this, { value: t }), this.valueDuringOnChange = void 0;
     }, this._element = null, this._wrapper = null, this._input = null, this._id = this.props.id, this.defaultValidationMessage = Je(this), this.focus = () => {
       this.actionElement && this.actionElement.focus();
     }, this.dummyInput = (t) => /* @__PURE__ */ n.createElement(
@@ -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: Me,
+        onChange: Ne,
         name: this.name || void 0
       }
     ), this.handleClick = (t) => {
@@ -3254,7 +3254,7 @@ const ft = class extends n.Component {
       if (this.props.disabled)
         return;
       const { keyCode: e } = t;
-      (e === z.space || e === z.enter) && (this.toggle(!this.value, t), t.preventDefault());
+      (e === _.space || e === _.enter) && (this.toggle(!this.value, t), t.preventDefault());
     }, this.handleWrapperFocus = (t) => {
       if (this.props.disabled)
         return;
@@ -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);
-    }, pe(me), this.state = {
+    }, me(ge), this.state = {
       checked: a.defaultChecked || ft.defaultProps.defaultChecked,
       focused: !1
     };
@@ -3329,13 +3329,13 @@ const ft = class extends n.Component {
    * @hidden
    */
   render() {
-    const { focused: a } = this.state, { dir: t, disabled: e, trackRounded: s, thumbRounded: i, size: l, offLabel: c, onLabel: o, tabIndex: p } = this.props;
+    const { focused: a } = this.state, { dir: t, disabled: e, trackRounded: s, thumbRounded: i, size: l, offLabel: c, onLabel: o, tabIndex: h } = this.props;
     this.dir = t || this.element && getComputedStyle(this.element).direction || void 0;
-    const d = !this.validityStyles || this.validity.valid, m = G(
+    const d = !this.validityStyles || this.validity.valid, p = G(
       "k-switch",
       {
-        [`k-switch-${ne.sizeMap[l] || l}`]: l,
-        [`k-rounded-${ne.roundedMap[s] || s}`]: s,
+        [`k-switch-${se.sizeMap[l] || l}`]: l,
+        [`k-rounded-${se.roundedMap[s] || s}`]: s,
         "k-switch-on": this.value,
         "k-switch-off": !this.value,
         "k-focus": a,
@@ -3343,7 +3343,7 @@ const ft = class extends n.Component {
         "k-invalid": !d
       },
       this.props.className
-    ), u = {
+    ), m = {
       "aria-checked": this.value,
       "aria-disabled": e || void 0,
       "aria-labelledby": this.props.ariaLabelledBy,
@@ -3357,14 +3357,14 @@ const ft = class extends n.Component {
           this._wrapper = f;
         },
         role: "switch",
-        ...u,
-        className: m,
+        ...m,
+        className: p,
         dir: this.dir,
         onKeyDown: this.handleKeyDown,
         onClick: this.handleClick,
         onBlur: this.handleWrapperBlur,
         onFocus: this.handleWrapperFocus,
-        tabIndex: re(p, e, void 0),
+        tabIndex: oe(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-${ne.roundedMap[s] || s}`]: s }
+            { [`k-rounded-${se.roundedMap[s] || s}`]: s }
           ),
           ref: (f) => {
             this._element = f;
@@ -3420,128 +3420,128 @@ Ct.defaultProps = {
   trackRounded: "full",
   thumbRounded: "full",
   offLabel: "OFF",
-  onBlur: Me,
-  onFocus: Me,
+  onBlur: Ne,
+  onFocus: Ne,
   onLabel: "ON",
   required: !1,
   validityStyles: !0
 };
-const js = he(), Ws = et(Ue(js, Ct));
+const js = pe(), Ws = et(Ue(js, Ct));
 Ws.displayName = "KendoReactSwitch";
-const Xs = he(), ya = n.forwardRef((a, t) => {
-  pe(me);
+const Xs = pe(), ya = n.forwardRef((a, t) => {
+  me(ge);
   const e = Re(Xs, a), {
     ariaDescribedBy: s,
     ariaLabelledBy: i,
     checked: l,
     className: c,
     labelClassName: o,
-    children: p,
+    children: h,
     defaultChecked: d,
-    disabled: m,
-    defaultValue: u,
+    disabled: p,
+    defaultValue: m,
     id: f,
-    size: y,
+    size: v,
     rounded: N,
-    label: D,
-    labelPlacement: V,
-    name: L,
+    label: P,
+    labelPlacement: M,
+    name: V,
     labelOptional: S,
-    onChange: w,
-    onFocus: B,
-    onBlur: O,
-    tabIndex: I,
+    onChange: I,
+    onFocus: O,
+    onBlur: B,
+    tabIndex: w,
     value: F,
-    required: _,
+    required: A,
     valid: T,
-    validationMessage: E,
-    validityStyles: M,
+    validationMessage: x,
+    validityStyles: L,
     // Removed to support direct use in Form Field component
-    visited: H,
-    touched: q,
-    modified: Z,
-    ...h
-  } = e, v = n.useRef(null), g = n.useCallback(
+    visited: $,
+    touched: U,
+    modified: Q,
+    ...g
+  } = e, k = n.useRef(null), u = n.useCallback(
     () => {
-      v.current && v.current.focus();
+      k.current && k.current.focus();
     },
     []
-  ), k = n.useCallback(
+  ), y = n.useCallback(
     () => ({
-      element: v.current,
-      focus: g,
+      element: k.current,
+      focus: u,
       get name() {
-        return v.current && v.current.name;
+        return k.current && k.current.name;
       }
     }),
-    [g]
+    [u]
   );
-  n.useImperativeHandle(t, k);
-  const [C, P] = n.useState(d), [j, J] = n.useState(u), R = typeof F == "boolean" || F === null, b = l !== void 0, W = R, K = W ? F : j, ee = b ? l : W ? void 0 : C, ie = ee === void 0 && K, Ee = ie ? K : ee, le = ie || W ? F === null ? F : void 0 : F || K, oe = Ee === null || le === null, be = Qe(), He = _e(), A = (te) => He.toLanguageString(te, $[te]), xe = A(dn), ve = A(un), je = T !== void 0 ? T : _ ? !!ee : !0;
+  n.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;
   n.useEffect(
     () => {
-      v.current && v.current.setCustomValidity && v.current.setCustomValidity(
-        je ? "" : E || xe
+      k.current && k.current.setCustomValidity && k.current.setCustomValidity(
+        je ? "" : x || ae
       );
     },
-    [je, E, xe]
+    [je, x, ae]
   );
-  const De = n.useCallback(
+  const Oe = n.useCallback(
     (te, we) => {
-      !W && !m && (J(we), !b && !m && P(we)), w && !m && Q(
-        w,
+      !K && !p && (Y(we), !b && !p && D(we)), I && !p && J(
+        I,
         te,
         {
-          ...k(),
+          ...y(),
           value: we
         },
         { value: we }
       );
     },
-    [b, m, w, W, k]
+    [b, p, I, K, y]
   ), wt = n.useCallback(
     (te) => {
       const we = te.target.checked;
-      De(te, we);
+      Oe(te, we);
     },
-    [De, F]
+    [Oe, F]
   ), tt = n.useCallback(
     (te) => {
-      if (m)
+      if (p)
         return;
       const { keyCode: we } = te, Mn = te.currentTarget.checked;
-      we === z.space && (te.preventDefault(), te.stopPropagation(), De(te, !Mn));
+      we === _.space && (te.preventDefault(), te.stopPropagation(), Oe(te, !Mn));
     },
-    [m, De]
+    [p, Oe]
   ), at = n.useCallback(
     (te) => {
-      if (m)
+      if (p)
         return;
       const { keyCode: we } = te;
-      we === z.space && te.preventDefault();
+      we === _.space && te.preventDefault();
     },
-    [m]
+    [p]
   ), It = n.useCallback(
     (te) => {
-      B && !m && Q(
-        B,
+      O && !p && J(
+        O,
         te,
-        k(),
+        y(),
         void 0
       );
     },
-    [B, m, k]
-  ), x = n.useCallback(
+    [O, p, y]
+  ), C = n.useCallback(
     (te) => {
-      O && !m && Q(
-        O,
+      B && !p && J(
+        B,
         te,
-        k(),
+        y(),
         void 0
       );
     },
-    [O, m, k]
-  ), U = Ae(v, e.dir), ce = G(
+    [B, p, y]
+  ), j = He(k, e.dir), de = G(
     "k-checkbox-wrap",
     c
   ), Se = {
@@ -3549,48 +3549,48 @@ const Xs = he(), ya = n.forwardRef((a, t) => {
     className: G(
       "k-checkbox",
       {
-        [`k-checkbox-${ne.sizeMap[y] || y}`]: y,
-        [`k-rounded-${ne.roundedMap[N] || N}`]: N,
-        "k-indeterminate": oe,
-        "k-disabled": m,
-        "k-invalid k-invalid": !(je || M !== void 0 || M === !0)
+        [`k-checkbox-${se.sizeMap[v] || v}`]: v,
+        [`k-rounded-${se.roundedMap[N] || N}`]: N,
+        "k-indeterminate": Ee,
+        "k-disabled": p,
+        "k-invalid k-invalid": !(je || L !== void 0 || L === !0)
       }
     ),
-    ref: v,
-    name: L,
-    id: f || be,
+    ref: k,
+    name: V,
+    id: f || Ce,
     "aria-labelledby": i,
     "aria-describedby": s,
-    checked: !!Ee,
-    disabled: m,
-    tabIndex: re(I, m),
+    checked: !!xe,
+    disabled: p,
+    tabIndex: oe(w, p),
     role: "checkbox",
-    required: _ !== void 0 ? _ : !1,
-    "aria-checked": ee || Ee ? !0 : oe ? "mixed" : !1,
-    "aria-disabled": m || void 0,
-    ...h,
+    required: A !== void 0 ? A : !1,
+    "aria-checked": Z || xe ? !0 : Ee ? "mixed" : !1,
+    "aria-disabled": p || void 0,
+    ...g,
     onChange: wt,
     onKeyDown: tt,
     onKeyUp: at,
     onFocus: It,
-    onBlur: x
+    onBlur: C
   }, Vn = /* @__PURE__ */ n.createElement(
     n.Fragment,
     null,
     // removing value prop is required due to bug in react where
     // value set to undefined override default submit value
-    le === void 0 ? /* @__PURE__ */ n.createElement("input", { ...Se }) : /* @__PURE__ */ n.createElement("input", { ...Se, value: R ? void 0 : le === null ? "" : le })
-  ), Lt = /* @__PURE__ */ n.createElement(n.Fragment, null, D !== void 0 ? /* @__PURE__ */ n.createElement(
+    re === void 0 ? /* @__PURE__ */ n.createElement("input", { ...Se }) : /* @__PURE__ */ n.createElement("input", { ...Se, value: R ? void 0 : re === null ? "" : re })
+  ), Lt = /* @__PURE__ */ n.createElement(n.Fragment, null, P !== void 0 ? /* @__PURE__ */ n.createElement(
     "label",
     {
       className: G("k-checkbox-label", o),
-      htmlFor: f || be,
+      htmlFor: f || Ce,
       style: { userSelect: "none" }
     },
-    D,
-    S && /* @__PURE__ */ n.createElement("span", { className: "k-label-optional" }, ve)
-  ) : null), Rt = /* @__PURE__ */ n.createElement("span", { className: ce }, Vn, p);
-  return /* @__PURE__ */ n.createElement(n.Fragment, null, V === "before" ? /* @__PURE__ */ n.createElement("div", { dir: "rtl" }, Rt, Lt) : V === "after" ? /* @__PURE__ */ n.createElement("div", { dir: "ltr" }, Rt, Lt) : /* @__PURE__ */ n.createElement("div", { dir: U }, Rt, Lt));
+    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));
 });
 ya.propTypes = {
   checked: r.bool,
@@ -3624,104 +3624,104 @@ const Ys = {
 };
 ya.defaultProps = Ys;
 ya.displayName = "KendoCheckbox";
-const Zs = he(), xt = n.forwardRef((a, t) => {
-  pe(me);
+const Zs = pe(), xt = n.forwardRef((a, t) => {
+  me(ge);
   const e = Re(Zs, a), {
     ariaDescribedBy: s,
     checked: i,
     children: l,
     className: c,
     disabled: o,
-    id: p,
+    id: h,
     size: d,
-    label: m,
-    labelPlacement: u,
+    label: p,
+    labelPlacement: m,
     name: f,
-    style: y,
+    style: v,
     tabIndex: N,
-    value: D,
-    valid: V,
-    onChange: L,
+    value: P,
+    valid: M,
+    onChange: V,
     onFocus: S,
-    onBlur: w,
-    ...B
-  } = e, O = n.useRef(null), I = n.useCallback(
+    onBlur: I,
+    ...O
+  } = e, B = n.useRef(null), w = n.useCallback(
     () => {
-      O.current && O.current.focus();
+      B.current && B.current.focus();
     },
     []
   ), F = n.useCallback(
     () => ({
-      element: O.current,
-      focus: I
+      element: B.current,
+      focus: w
     }),
-    [I]
+    [w]
   );
   n.useImperativeHandle(t, F);
-  const _ = Qe(), T = n.useCallback(
-    (h) => {
-      Q(
-        L,
-        h,
+  const A = Qe(), T = n.useCallback(
+    (g) => {
+      J(
+        V,
+        g,
         F(),
-        { value: D }
+        { value: P }
       );
     },
-    [L, D, o]
-  ), E = n.useCallback(
-    (h) => {
-      S && !o && Q(
+    [V, P, o]
+  ), x = n.useCallback(
+    (g) => {
+      S && !o && J(
         S,
-        h,
+        g,
         F(),
         void 0
       );
     },
     [S, o]
-  ), M = n.useCallback(
-    (h) => {
-      w && !o && Q(
-        w,
-        h,
+  ), L = n.useCallback(
+    (g) => {
+      I && !o && J(
+        I,
+        g,
         F(),
         void 0
       );
     },
-    [w, o]
-  ), H = {
+    [I, o]
+  ), $ = {
     type: "radio",
-    id: p || _,
+    id: h || A,
     name: f,
     className: G(
       "k-radio",
       {
-        [`k-radio-${ne.sizeMap[d] || d}`]: d,
-        "k-invalid": V === !1
+        [`k-radio-${se.sizeMap[d] || d}`]: d,
+        "k-invalid": M === !1
       },
       c
     ),
-    ref: O,
+    ref: B,
     disabled: o,
-    tabIndex: re(N, o),
+    tabIndex: oe(N, o),
     checked: i,
-    style: y,
+    style: v,
     "aria-describedby": s,
-    value: D,
+    value: P,
     onChange: T,
-    onFocus: E,
-    onBlur: M,
-    ...B
-  }, q = /* @__PURE__ */ n.createElement(n.Fragment, null, m !== void 0 ? /* @__PURE__ */ n.createElement(
+    onFocus: x,
+    onBlur: L,
+    ...O
+  }, U = /* @__PURE__ */ n.createElement(n.Fragment, null, p !== void 0 ? /* @__PURE__ */ n.createElement(
     "label",
     {
       className: "k-radio-label",
-      htmlFor: p || _,
+      htmlFor: h || A,
       style: { userSelect: "none" },
-      "aria-label": m
+      "aria-label": p
     },
-    m
-  ) : null), Z = /* @__PURE__ */ n.createElement("input", { ...H });
-  return u === "before" ? /* @__PURE__ */ n.createElement(n.Fragment, null, q, Z, l) : /* @__PURE__ */ n.createElement(n.Fragment, null, Z, q, l);
+    p
+  ) : null), Q = /* @__PURE__ */ n.createElement("input", { ...$ });
+  return m === "before" ? /* @__PURE__ */ n.createElement(n.Fragment, null, U, Q, l) : /* @__PURE__ */ n.createElement(n.Fragment, null, Q, U, l);
 });
 xt.propTypes = {
   ariaDescribedBy: r.string,
@@ -3746,87 +3746,87 @@ const Js = {
 };
 xt.displayName = "KendoRadioButton";
 xt.defaultProps = Js;
-const Qs = he(), Ca = n.forwardRef((a, t) => {
-  pe(me);
+const Qs = pe(), Ca = n.forwardRef((a, t) => {
+  me(ge);
   const e = Re(Qs, a), {
     id: s,
     ariaLabelledBy: i,
     ariaDescribedBy: l,
     className: c,
     data: o,
-    defaultValue: p,
+    defaultValue: h,
     disabled: d,
-    name: m,
-    labelPlacement: u,
+    name: p,
+    labelPlacement: m,
     layout: f,
-    style: y,
+    style: v,
     value: N,
-    valid: D,
-    item: V = In.item,
-    onChange: L,
+    valid: P,
+    item: M = In.item,
+    onChange: V,
     onFocus: S
-  } = e, w = n.useRef(null), B = n.useCallback(
+  } = e, I = n.useRef(null), O = n.useCallback(
     () => {
-      w.current && tn(w.current);
+      I.current && tn(I.current);
     },
     []
-  ), O = n.useCallback(
+  ), B = n.useCallback(
     () => ({
-      element: w.current,
-      focus: B
+      element: I.current,
+      focus: O
     }),
-    [B]
+    [O]
   );
-  n.useImperativeHandle(t, O);
-  const [I, F] = n.useState(p), _ = N !== void 0, T = _ ? N : I, E = n.useCallback(
-    (v) => {
-      let g = v.value;
-      !_ && !d && F(g), L && !d && Q(
-        L,
-        v.syntheticEvent,
-        O(),
-        { value: g }
+  n.useImperativeHandle(t, B);
+  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,
+        k.syntheticEvent,
+        B(),
+        { value: u }
       );
     },
-    [F, L, d]
-  ), M = n.useCallback(
-    (v) => {
-      S && !d && Q(
+    [F, V, d]
+  ), L = n.useCallback(
+    (k) => {
+      S && !d && J(
         S,
-        v.syntheticEvent,
-        O(),
+        k.syntheticEvent,
+        B(),
         void 0
       );
     },
     [S, d]
-  ), H = Qe(), q = G(
+  ), $ = Qe(), U = G(
     "k-radio-list",
     {
       "k-list-horizontal": f === "horizontal",
       "k-list-vertical": f === "vertical" || f === void 0
     },
     c
-  ), Z = Bn(w, e.dir), h = o && o.map((v, g) => {
-    const k = T === v.value, C = T == null, P = {
-      ...v,
-      valid: D,
-      checked: k,
-      disabled: !!(v.disabled || d),
-      labelPlacement: v.labelPlacement ? v.labelPlacement : u,
-      tabIndex: v.tabIndex ? v.tabIndex : C && g === 0 || k ? 0 : -1,
-      index: g,
-      name: m || H,
-      onChange: E,
-      onFocus: M
+  ), Q = Bn(I, e.dir), g = o && o.map((k, u) => {
+    const y = T === k.value, E = T == null, D = {
+      ...k,
+      valid: P,
+      checked: y,
+      disabled: !!(k.disabled || d),
+      labelPlacement: k.labelPlacement ? k.labelPlacement : m,
+      tabIndex: k.tabIndex ? k.tabIndex : E && u === 0 || y ? 0 : -1,
+      index: u,
+      name: p || $,
+      onChange: x,
+      onFocus: L
     };
     return /* @__PURE__ */ n.createElement(
-      V,
+      M,
       {
-        className: G("k-radio-item", { "k-disabled": P.disabled || d }),
-        key: g,
+        className: G("k-radio-item", { "k-disabled": D.disabled || d }),
+        key: u,
         role: "none"
       },
-      /* @__PURE__ */ n.createElement(xt, { ...P })
+      /* @__PURE__ */ n.createElement(xt, { ...D })
     );
   });
   return /* @__PURE__ */ n.createElement(
@@ -3834,14 +3834,14 @@ const Qs = he(), Ca = n.forwardRef((a, t) => {
     {
       id: s,
       role: "radiogroup",
-      className: q,
-      ref: w,
-      dir: Z,
-      style: y,
+      className: U,
+      ref: I,
+      dir: Q,
+      style: v,
       "aria-labelledby": i,
       "aria-describedby": l
     },
-    h
+    g
   );
 }), In = {
   item: (a) => /* @__PURE__ */ n.createElement("li", { ...a })
@@ -3864,126 +3864,128 @@ Ca.propTypes = {
 };
 Ca.defaultProps = In;
 Ca.displayName = "KendoRadioGroup";
-const er = he(), xa = n.forwardRef((a, t) => {
+const er = pe(), xa = n.forwardRef((a, t) => {
   const e = Re(er, a), {
     size: s,
     rounded: i,
     fillMode: l,
-    ariaDescribedBy: c,
-    ariaLabelledBy: o,
+    prefix: c = n.Fragment,
+    suffix: o = n.Fragment,
+    ariaDescribedBy: h,
+    ariaLabelledBy: d,
     autoSize: p,
-    className: d,
-    defaultValue: m,
-    disabled: u,
-    readOnly: f,
-    required: y,
-    rows: N,
-    id: D,
-    name: V,
-    placeholder: L,
-    style: S,
-    tabIndex: w,
-    value: B,
-    valid: O,
-    validationMessage: I,
-    validityStyles: F,
-    onChange: _,
-    onFocus: T,
-    onBlur: E,
+    className: m,
+    defaultValue: f,
+    disabled: v,
+    readOnly: N,
+    required: P,
+    rows: M,
+    id: V,
+    name: S,
+    placeholder: I,
+    style: O,
+    tabIndex: B,
+    value: w,
+    valid: F,
+    validationMessage: A,
+    validityStyles: T,
+    onChange: x,
+    onFocus: L,
+    onBlur: $,
     // Removed to support direct use in Form Field component
-    visited: M,
-    touched: H,
-    modified: q,
-    ...Z
-  } = e, h = n.useRef(null), v = n.useCallback(
+    visited: U,
+    touched: Q,
+    modified: g,
+    ...k
+  } = e, u = n.useRef(null), y = n.useCallback(
     () => {
-      h.current && h.current.focus();
+      u.current && u.current.focus();
     },
     []
-  ), [g, k] = n.useState(m), C = B !== void 0, P = C ? B : g, j = n.useCallback(
+  ), [E, D] = n.useState(f), [ee] = Be(c), [Y] = Be(o), R = w !== void 0, b = R ? w : E, K = n.useCallback(
     () => ({
-      element: h,
-      focus: v,
+      element: u,
+      focus: y,
       get value() {
-        return P;
+        return b;
       },
       get name() {
-        return h.current && h.current.name;
+        return u.current && u.current.name;
       }
     }),
-    [v, P]
+    [y, b]
   );
-  n.useImperativeHandle(t, j);
-  const [J, R] = n.useState("auto"), b = Qe(), W = Ae(h, e.dir), K = O !== void 0 ? O : y ? !!P : !0;
+  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.useEffect(
     () => {
-      h.current && h.current.setCustomValidity && h.current.setCustomValidity(
-        K ? "" : I || ""
+      u.current && u.current.setCustomValidity && u.current.setCustomValidity(
+        re ? "" : A || ""
       );
     },
-    [K, I]
+    [re, A]
   ), n.useLayoutEffect(
     () => {
-      h.current && R(`${h.current.scrollHeight}px`);
+      u.current && Z(`${u.current.scrollHeight}px`);
     },
-    [P]
+    [b]
   );
-  const ee = n.useCallback(
-    (oe) => {
-      const be = oe.target.value;
-      R("auto"), !C && !u && k(be), _ && !u && Q(
-        _,
-        oe,
+  const Ee = n.useCallback(
+    (ae) => {
+      const ie = ae.target.value;
+      Z("auto"), !R && !v && D(ie), x && !v && J(
+        x,
+        ae,
         {
-          ...j(),
-          value: be
+          ...K(),
+          value: ie
         },
-        { value: be }
+        { value: ie }
       );
     },
-    [k, _, u, C]
-  ), ie = n.useCallback(
-    (oe) => {
-      T && !u && Q(
-        T,
-        oe,
-        j(),
+    [D, x, v, R]
+  ), Ce = n.useCallback(
+    (ae) => {
+      L && !v && J(
+        L,
+        ae,
+        K(),
         void 0
       );
     },
-    [T, u]
-  ), Ee = n.useCallback(
-    (oe) => {
-      E && !u && Q(
-        E,
-        oe,
-        j(),
+    [L, v]
+  ), Ve = n.useCallback(
+    (ae) => {
+      $ && !v && J(
+        $,
+        ae,
+        K(),
         void 0
       );
     },
-    [E, u]
-  ), le = {
-    id: D || b,
+    [$, v]
+  ), z = {
+    id: V || ce,
     role: "textbox",
-    name: V,
+    name: S,
     className: "k-input-inner !k-overflow-auto",
-    ref: h,
-    disabled: u,
-    rows: N,
-    placeholder: L,
-    readOnly: f,
-    required: y,
-    tabIndex: re(w, u),
-    style: p ? { resize: "none", overflow: "hidden", height: J } : {},
-    "aria-labelledby": o,
-    "aria-describedby": c,
+    ref: u,
+    disabled: v,
+    rows: M,
+    placeholder: I,
+    readOnly: N,
+    required: P,
+    tabIndex: oe(B, v),
+    style: p ? { resize: "none", overflow: "hidden", height: q } : {},
+    "aria-labelledby": d,
+    "aria-describedby": h,
     "aria-multiline": !0,
-    "aria-disabled": u || void 0,
-    value: C ? B : g,
-    ...Z,
-    onChange: ee,
-    onFocus: ie,
-    onBlur: Ee
+    "aria-disabled": v || void 0,
+    value: R ? w : E,
+    ...k,
+    onChange: Ee,
+    onFocus: Ce,
+    onBlur: Ve
   };
   return /* @__PURE__ */ n.createElement(
     "span",
@@ -3992,19 +3994,21 @@ const er = he(), xa = n.forwardRef((a, t) => {
         "k-input",
         "k-textarea",
         {
-          [`k-input-${ne.sizeMap[s] || s}`]: s,
+          [`k-input-${se.sizeMap[s] || s}`]: s,
           [`k-input-${l}`]: l,
-          [`k-rounded-${ne.roundedMap[i] || i}`]: i,
-          "k-invalid": !(K || F !== void 0 || F === !0),
-          "k-required": y,
-          "k-disabled": u
+          [`k-rounded-${se.roundedMap[i] || i}`]: i,
+          "k-invalid": !(re || T !== void 0 || T === !0),
+          "k-required": P,
+          "k-disabled": v
         },
-        d
+        m
       ),
-      style: S,
-      dir: W
+      style: O,
+      dir: xe
     },
-    /* @__PURE__ */ n.createElement("textarea", { ...le })
+    /* @__PURE__ */ n.createElement(ee, null),
+    /* @__PURE__ */ n.createElement("textarea", { ...z }),
+    /* @__PURE__ */ n.createElement(Y, null)
   );
 });
 xa.propTypes = {
@@ -4042,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 = Ae(s, a.dir);
+  const e = n.useRef(null), s = n.useRef(null), i = He(s, a.dir);
   n.useImperativeHandle(e, () => ({
     element: s.current,
     props: a,
@@ -4082,7 +4086,7 @@ const Et = n.forwardRef((a, t) => {
       );
     },
     [a.onFocus]
-  ), p = n.useCallback(
+  ), h = n.useCallback(
     (f) => {
       a.onBlur && a.onBlur.call(
         void 0,
@@ -4104,7 +4108,7 @@ const Et = n.forwardRef((a, t) => {
       );
     },
     [a.onMouseMove]
-  ), m = n.useCallback(
+  ), p = n.useCallback(
     (f) => {
       a.onMouseEnter && a.onMouseEnter.call(
         void 0,
@@ -4115,7 +4119,7 @@ const Et = n.forwardRef((a, t) => {
       );
     },
     [a.onMouseEnter]
-  ), u = n.useCallback(
+  ), m = n.useCallback(
     (f) => {
       a.onMouseLeave && a.onMouseLeave.call(
         void 0,
@@ -4149,9 +4153,9 @@ const Et = n.forwardRef((a, t) => {
       onClick: l,
       onKeyDown: c,
       onFocus: o,
-      onBlur: p,
-      onMouseEnter: m,
-      onMouseLeave: u,
+      onBlur: h,
+      onMouseEnter: p,
+      onMouseLeave: m,
       onMouseMove: d
     },
     a.children
@@ -4171,29 +4175,29 @@ const Et = n.forwardRef((a, t) => {
 Et.displayName = "KendoReactRatingItem";
 Et.propTypes = ar;
 Et.defaultProps = nr;
-const ye = (a, t) => {
+const ke = (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) => ye(a - e, e) < t && t < a, Tt = (a, t, e, s) => t === null ? !1 : s === "continues" ? da(a, t, e) ? ye(a - e / 2, e / 2) <= t : a <= t : s === "single" ? da(a, t, e) ? ye(a - e / 2, e / 2) === t : a === t : !1, Ya = (a, t, e) => a === "ltr" ? e < t.x + t.width / 2 : e > t.x + t.width / 2, Za = (a, t, e, s) => {
+}, 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) => {
   for (let i = a; i <= t; i += e)
     if (s === i)
       return !0;
   return !1;
 };
-var de = /* @__PURE__ */ ((a) => (a.select = "select", a.deselect = "deselect", a.increase = "increase", a.decrease = "decrease", a.min = "min", a.max = "max", a.reset = "reset", a))(de || {});
+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 || {});
 const rr = (a, t) => {
   switch (t.type) {
     case "select":
-      return t.payload === void 0 || t.step === void 0 ? a : t.payload === a ? null : t.payload >= t.min ? t.payload < t.max ? ye(t.payload, t.step) : t.max : t.min;
+      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;
     case "deselect":
       return null;
     case "increase":
-      return t.step === void 0 ? a : a < t.min ? t.min : a + t.step < t.max ? ye(a + t.step, t.step) : t.max;
+      return t.step === void 0 ? a : a < t.min ? t.min : a + t.step < t.max ? ke(a + t.step, t.step) : t.max;
     case "decrease":
-      return t.step === void 0 ? a : ye(a - t.step, t.step) >= t.min ? ye(a - t.step, t.step) : t.min;
+      return t.step === void 0 ? a : ke(a - t.step, t.step) >= t.min ? ke(a - t.step, t.step) : t.min;
     case "min":
       return t.step === void 0 ? a : t.min;
     case "max":
@@ -4209,204 +4213,204 @@ const rr = (a, t) => {
     const o = rr(t.state || s, { ...c, ...t });
     e && e(o, c.event), i(o);
   }];
-}, ir = he(), Ea = n.forwardRef((a, t) => {
-  const e = Re(ir, a), s = _e(), i = n.useRef(null), l = n.useRef(null), c = Ae(l, e.dir);
+}, 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);
   n.useImperativeHandle(i, () => ({
     element: l.current,
     props: e
   })), n.useImperativeHandle(t, () => i.current);
   const o = n.useCallback(
-    (h, v) => {
+    (g, k) => {
       e.onChange && i.current && e.onChange.call(void 0, {
-        value: h,
+        value: g,
         target: i.current,
-        syntheticEvent: v
+        syntheticEvent: k
       });
     },
     [e.onChange]
-  ), p = n.useMemo(
+  ), h = n.useMemo(
     () => e.min !== void 0 ? e.min : Ie.min,
     [e.min]
   ), d = n.useMemo(
     () => e.max !== void 0 ? e.max : Ie.max,
     [e.max]
-  ), m = n.useMemo(
+  ), p = n.useMemo(
     () => e.precision || Ie.precision,
     [e.precision]
-  ), u = n.useMemo(
+  ), m = n.useMemo(
     () => e.step !== void 0 ? e.step : Ie.step,
     [e.step]
   ), f = n.useMemo(
     () => e.readonly || Ie.readonly,
     [e.readonly]
-  ), y = n.useMemo(
+  ), v = n.useMemo(
     () => e.disabled || Ie.disabled,
     [e.disabled]
   ), N = n.useMemo(
     () => e.item || Ie.item,
     [e.item]
-  ), [D, V] = Ja(
+  ), [P, M] = Ja(
     e.defaultValue !== void 0 ? e.defaultValue : Ie.defaultValue,
     {
       state: e.value,
-      min: p,
+      min: h,
       max: d,
-      step: m === "half" ? u / 2 : u
+      step: p === "half" ? m / 2 : m
     },
     o
-  ), [L, S] = Ja(
+  ), [V, S] = Ja(
     null,
     {
       state: e.value,
-      min: p,
+      min: h,
       max: d,
-      step: m === "half" ? u / 2 : u,
-      precision: m
+      step: p === "half" ? m / 2 : m,
+      precision: p
     }
-  ), w = n.useMemo(
-    () => e.value !== void 0 ? e.value : D,
-    [e.value, D]
-  ), B = n.useMemo(
-    () => L,
-    [L]
+  ), I = n.useMemo(
+    () => e.value !== void 0 ? e.value : P,
+    [e.value, P]
   ), O = n.useMemo(
+    () => V,
+    [V]
+  ), B = n.useMemo(
     () => e.selection || Ie.selection,
     [e.selection]
-  ), I = n.useMemo(
-    () => u / (m === "half" ? 2 : 1),
-    [u, m]
+  ), w = n.useMemo(
+    () => m / (p === "half" ? 2 : 1),
+    [m, p]
   ), F = n.useCallback(
-    (h) => {
-      if (!(!h.target || !h.target.element || f || y)) {
-        if (m === "half") {
-          const v = h.target.element.getBoundingClientRect(), k = Ya(c || "ltr", v, h.syntheticEvent.clientX) ? ye(h.target.value - u / 2, I) : h.target.value;
-          V({ type: de.select, payload: k, event: h.syntheticEvent });
+    (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 });
         } else
-          V({ type: de.select, payload: h.target.value, event: h.syntheticEvent });
+          M({ type: ue.select, payload: g.target.value, event: g.syntheticEvent });
         if (e.onClick) {
-          const v = {
-            value: w,
+          const k = {
+            value: I,
             target: i.current,
-            syntheticEvent: h.syntheticEvent
+            syntheticEvent: g.syntheticEvent
           };
-          e.onClick.call(void 0, v);
+          e.onClick.call(void 0, k);
         }
       }
     },
-    [e.onClick, V, w]
-  ), _ = n.useCallback(
-    (h) => {
-      if (!(f || y)) {
-        switch (h.keyCode) {
-          case z.right:
-            h.preventDefault(), V({
-              type: c === "rtl" ? de.decrease : de.increase,
-              event: h
+    [e.onClick, M, I]
+  ), A = n.useCallback(
+    (g) => {
+      if (!(f || v)) {
+        switch (g.keyCode) {
+          case _.right:
+            g.preventDefault(), M({
+              type: c === "rtl" ? ue.decrease : ue.increase,
+              event: g
             });
             break;
-          case z.left:
-            h.preventDefault(), V({
-              type: c === "rtl" ? de.increase : de.decrease,
-              event: h
+          case _.left:
+            g.preventDefault(), M({
+              type: c === "rtl" ? ue.increase : ue.decrease,
+              event: g
             });
             break;
-          case z.home:
-            h.preventDefault(), V({
-              type: c === "rtl" ? de.min : de.max,
-              event: h
+          case _.home:
+            g.preventDefault(), M({
+              type: c === "rtl" ? ue.min : ue.max,
+              event: g
             });
             break;
-          case z.end:
-            h.preventDefault(), V({
-              type: c === "rtl" ? de.max : de.min,
-              event: h
+          case _.end:
+            g.preventDefault(), M({
+              type: c === "rtl" ? ue.max : ue.min,
+              event: g
             });
             break;
-          case z.esc:
-            h.preventDefault(), V({
-              type: de.deselect,
-              event: h
+          case _.esc:
+            g.preventDefault(), M({
+              type: ue.deselect,
+              event: g
             });
             break;
         }
         e.onKeyDown && e.onKeyDown.call(
           void 0,
           {
-            value: w,
+            value: I,
             target: i.current,
-            syntheticEvent: h
+            syntheticEvent: g
           }
         );
       }
     },
-    [e.onKeyDown, V, w]
+    [e.onKeyDown, M, I]
   ), T = n.useCallback(
-    (h) => {
+    (g) => {
       if (e.onFocus) {
-        const v = {
+        const k = {
           target: i.current,
-          syntheticEvent: h
+          syntheticEvent: g
         };
         e.onFocus.call(
           void 0,
-          v
+          k
         );
       }
     },
     [e.onFocus]
-  ), E = n.useCallback(
-    (h) => {
+  ), x = n.useCallback(
+    (g) => {
       if (e.onBlur) {
-        const v = {
+        const k = {
           target: i.current,
-          syntheticEvent: h
+          syntheticEvent: g
         };
         e.onBlur.call(
           void 0,
-          v
+          k
         );
       }
     },
     [e.onBlur]
-  ), M = n.useCallback(
-    (h) => {
-      if (!(!h.target || !h.target.element))
-        if (m === "half") {
-          const v = h.target.element.getBoundingClientRect(), k = Ya(c || "ltr", v, h.syntheticEvent.clientX) ? h.target.value - u / 2 : h.target.value;
-          S({ type: de.select, payload: k, event: h.syntheticEvent });
+  ), L = n.useCallback(
+    (g) => {
+      if (!(!g.target || !g.target.element))
+        if (p === "half") {
+          const k = g.target.element.getBoundingClientRect(), y = Ya(c || "ltr", k, g.syntheticEvent.clientX) ? g.target.value - m / 2 : g.target.value;
+          S({ type: ue.select, payload: y, event: g.syntheticEvent });
         } else
-          S({ type: de.select, payload: h.target.value, event: h.syntheticEvent });
+          S({ type: ue.select, payload: g.target.value, event: g.syntheticEvent });
     },
-    [m, u, c]
-  ), H = n.useCallback(
-    (h) => {
-      S({ type: de.reset, event: h.syntheticEvent });
+    [p, m, c]
+  ), $ = n.useCallback(
+    (g) => {
+      S({ type: ue.reset, event: g.syntheticEvent });
     },
     []
-  ), q = [], Z = sr(ye(d - p, I), u);
-  for (let h = p; h <= d; h = ye(h + u, I)) {
-    const v = ye(h + Z, I), g = m === "half" ? da(v, B !== null ? B : w !== null ? w : 0, u) : !1, k = Tt(v, w, u, O), C = Tt(v, B !== null ? B : w, u, O), P = Tt(v, B, u, O);
-    q.push(
+  ), 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.push(
       /* @__PURE__ */ n.createElement(
         N,
         {
-          key: v,
-          value: v,
+          key: k,
+          value: k,
           dir: c,
-          title: String(g ? ye(v - u / 2, I) : v),
+          title: String(u ? ke(k - m / 2, w) : k),
           icon: e.icon,
           svgIcon: e.svgIcon,
-          half: g,
-          selected: k || C,
-          hovered: P,
+          half: u,
+          selected: y || E,
+          hovered: D,
           onClick: F,
-          onMouseMove: M,
-          onMouseLeave: H
+          onMouseMove: L,
+          onMouseLeave: $
         },
-        g && /* @__PURE__ */ n.createElement("span", { className: "k-rating-precision-complement" }, !(e.icon || e.svgIconOutline) && /* @__PURE__ */ n.createElement(fe, { name: "star-outline", icon: Ra, style: { clipPath: `${c === "rtl" ? "inset(0 50% 0 0)" : "inset(0 0 0 50%)"}` }, size: "xlarge" }), (e.icon || e.svgIconOutline) && /* @__PURE__ */ n.createElement(fe, { name: Vt(`${e.icon}-outline`), icon: e.svgIconOutline, size: "xlarge" })),
-        g && /* @__PURE__ */ n.createElement("span", { className: "k-rating-precision-part" }, !(e.icon || e.svgIcon) && /* @__PURE__ */ n.createElement(fe, { name: "star", icon: Va, style: { clipPath: `${c === "rtl" ? "inset(0 0 0 50%)" : "inset(0 50% 0 0)"}` }, size: "xlarge" }), (e.icon || e.svgIcon) && /* @__PURE__ */ n.createElement(fe, { name: e.icon ? Vt(e.icon) : void 0, icon: e.svgIcon, size: "xlarge" })),
-        g && /* @__PURE__ */ n.createElement("span", { style: { width: "24px", height: "24px", display: "block" } }),
-        !g && !(e.icon || e.svgIcon) && (P || C && !P) && /* @__PURE__ */ n.createElement(fe, { name: "star", icon: Va, size: "xlarge" }) || !(e.icon || e.svgIcon) && !P && !C && /* @__PURE__ */ n.createElement(fe, { name: "star-outline", icon: Ra, size: "xlarge" }) || (e.icon || e.svgIcon) && (P || C && !P) && /* @__PURE__ */ n.createElement(fe, { name: e.icon, icon: e.svgIcon, size: "xlarge" }) || (e.icon || e.svgIcon) && !P && /* @__PURE__ */ n.createElement(fe, { name: Vt(`${e.icon}-outline`), icon: e.svgIconOutline, size: "xlarge" })
+        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", { 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" })
       )
     );
   }
@@ -4418,24 +4422,24 @@ const rr = (a, t) => {
       ref: l,
       role: "slider",
       dir: c,
-      tabIndex: re(e.tabIndex, e.disabled, void 0),
+      tabIndex: oe(e.tabIndex, e.disabled, void 0),
       className: G(
         "k-rating",
         {
           "k-rtl": c === "rtl",
           "k-readonly": f,
-          "k-disabled": y
+          "k-disabled": v
         },
         e.className
       ),
-      onKeyDown: _,
+      onKeyDown: A,
       onFocus: T,
-      onBlur: E,
-      "aria-valuemin": p,
+      onBlur: x,
+      "aria-valuemin": h,
       "aria-valuemax": d,
-      "aria-valuenow": w !== null ? w : void 0,
-      "aria-disabled": y ? "true" : void 0,
-      "aria-label": s.toLanguageString(aa, $[aa]),
+      "aria-valuenow": I !== null ? I : void 0,
+      "aria-disabled": v ? "true" : void 0,
+      "aria-label": s.toLanguageString(aa, H[aa]),
       "aria-labelledby": e.ariaLabelledBy,
       "aria-describedby": e.ariaDescribedBy
     },
@@ -4445,7 +4449,7 @@ const rr = (a, t) => {
         id: "rating",
         className: "k-hidden",
         readOnly: f,
-        disabled: y
+        disabled: v
       }
     ),
     /* @__PURE__ */ n.createElement(
@@ -4453,7 +4457,7 @@ const rr = (a, t) => {
       {
         className: "k-rating-container"
       },
-      q
+      U
     ),
     e.label && /* @__PURE__ */ n.createElement(
       "span",
@@ -4511,174 +4515,174 @@ function or(a, t) {
     e = e.parentNode;
   return !!e;
 }
-const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a) => a !== void 0, hr = he(), St = n.forwardRef((a, t) => {
-  pe(me);
-  const e = Re(hr, a), s = _e(), i = n.useRef(null), l = n.useRef(null), c = n.useRef(null), o = n.useRef(null), p = n.useRef(null), [d, m] = n.useState(), [u, f] = n.useState(!1), [y, N] = n.useState(!1), [D, V] = n.useState(), [L, S] = n.useState(), B = Qa(e.value) ? e.value : D, [O, I] = n.useState(!1), F = Qa(e.open), _ = F ? e.open : O, T = !(e.maximized || y || !e.maximizable || e.disabled), E = e.maximized && !y, H = !(!(e.value || D) || y || e.readOnly || e.disabled), q = s.toLanguageString(sa, $[sa]), Z = s.toLanguageString(ra, $[ra]), h = s.toLanguageString(na, $[na]), v = e.popupScale || Ln, g = e.exportScale || Rn, k = (x) => {
-    V(x), e.onChange && e.onChange({ value: x });
-  }, C = (x) => {
-    d == null || d.loadImage(x.value), k(x.value);
+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 });
+  }, E = (C) => {
+    d == null || d.loadImage(C.value), y(C.value);
   };
   n.useEffect(() => {
-    e.value !== D && (V(e.value), d == null || d.loadImage(e.value));
+    e.value !== P && (M(e.value), d == null || d.loadImage(e.value));
   }, [e.value]);
-  const P = () => {
-    d == null || d.clear(), k();
-  }, j = n.useCallback(
-    (x) => {
-      F || I(x);
+  const D = () => {
+    d == null || d.clear(), y();
+  }, ee = n.useCallback(
+    (C) => {
+      F || w(C);
     },
     [F]
-  ), J = (x) => {
-    var U, ce;
-    De(x), (ce = ((U = p.current) == null ? void 0 : U.element) || l.current) == null || ce.focus();
+  ), Y = (C) => {
+    var j, de;
+    Oe(C), (de = ((j = h.current) == null ? void 0 : j.element) || l.current) == null || de.focus();
   }, R = n.useCallback(() => {
-    let x = ur;
-    return !e.color && typeof document != "undefined" && i.current && (x = getComputedStyle(i.current).color), e.color || x;
+    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 x = fr;
-    return !e.backgroundColor && typeof document != "undefined" && i.current && (x = getComputedStyle(i.current).backgroundColor), e.backgroundColor || x;
-  }, [e.backgroundColor]), W = () => ({
+    let C = fr;
+    return !e.backgroundColor && typeof document != "undefined" && i.current && (C = getComputedStyle(i.current).backgroundColor), e.backgroundColor || C;
+  }, [e.backgroundColor]), K = () => ({
     scale: e.maximized ? e.popupScale : 1,
     color: R(),
     backgroundColor: b(),
     strokeWidth: e.strokeWidth,
     smooth: e.smooth,
     readonly: e.readOnly
-  }), K = async (x) => {
-    const { width: U, height: ce } = x;
+  }), q = async (C) => {
+    const { width: j, height: de } = C;
     return await (d == null ? void 0 : d.exportImage({
-      width: U * g,
-      height: ce * g
+      width: j * u,
+      height: de * u
     }));
   };
   n.useEffect(() => {
-    const x = l.current, U = new Hn(x, W());
-    return B && U.loadImage(B), m(U), () => U.destroy();
+    const C = l.current, j = new Hn(C, K());
+    return O && j.loadImage(O), p(j), () => j.destroy();
   }, []), n.useEffect(() => {
     d == null || d.setOptions({
-      onChange: async () => k(await K(tt())),
+      onChange: async () => y(await q(tt())),
       onDraw: () => N(!0),
       onDrawEnd: () => N(!1)
     });
   }, [d]), n.useLayoutEffect(
-    () => d == null ? void 0 : d.setOptions(W()),
+    () => d == null ? void 0 : d.setOptions(K()),
     [e.readOnly, e.color, e.backgroundColor, e.strokeWidth, e.smooth]
   ), n.useEffect(() => {
-    var ce, Se;
-    const x = (Se = (ce = c.current) == null ? void 0 : ce.element) == null ? void 0 : Se.querySelector(".k-overlay");
-    if (!x)
+    var de, Se;
+    const C = (Se = (de = c.current) == null ? void 0 : de.element) == null ? void 0 : Se.querySelector(".k-overlay");
+    if (!C)
       return;
-    const U = () => j(!1);
-    return x.addEventListener("click", U), () => x.removeEventListener("click", U);
-  }, [_]), n.useEffect(() => {
-    if (!_ || typeof document == "undefined")
+    const j = () => ee(!1);
+    return C.addEventListener("click", j), () => C.removeEventListener("click", j);
+  }, [A]), n.useEffect(() => {
+    if (!A || typeof document == "undefined")
       return;
-    const x = (U) => {
-      U.keyCode === z.esc && j(!1);
+    const C = (j) => {
+      j.keyCode === _.esc && ee(!1);
     };
-    return document.addEventListener("keydown", x), () => document.removeEventListener("keydown", x);
-  }, [_]), n.useEffect(() => {
-    var x, U;
-    e.maximized && ((U = (x = o.current) == null ? void 0 : x.element) == null || U.focus());
+    return document.addEventListener("keydown", C), () => document.removeEventListener("keydown", C);
+  }, [A]), n.useEffect(() => {
+    var C, j;
+    e.maximized && ((j = (C = o.current) == null ? void 0 : C.element) == null || j.focus());
   }, []);
-  const ee = n.useCallback(
+  const Z = n.useCallback(
     () => {
-      var x;
-      return (x = l.current) == null ? void 0 : x.focus();
+      var C;
+      return (C = l.current) == null ? void 0 : C.focus();
     },
     []
-  ), ie = n.useCallback(
+  ), ce = n.useCallback(
     () => e.value,
     [e.value]
-  ), Ee = n.useCallback(
+  ), xe = n.useCallback(
     () => e.name,
     [e.name]
-  ), le = n.useCallback(
+  ), re = n.useCallback(
     () => e.required,
     [e.required]
-  ), oe = n.useCallback(
+  ), Ee = n.useCallback(
     () => {
-      const x = e.validationMessage !== void 0, ce = !ie(), Se = e.valid !== void 0 ? e.valid : !le() || !ce;
+      const C = e.validationMessage !== void 0, de = !ce(), Se = e.valid !== void 0 ? e.valid : !re() || !de;
       return {
-        customError: x,
+        customError: C,
         valid: Se,
-        valueMissing: ce
+        valueMissing: de
       };
     },
-    [e.validationMessage, e.valid, ie, le]
-  ), be = n.useCallback(
+    [e.validationMessage, e.valid, ce, re]
+  ), Ce = n.useCallback(
     () => e.validityStyles,
     [e.validityStyles]
-  ), He = n.useCallback(
+  ), Ve = n.useCallback(
     () => e,
     [e]
-  ), A = n.useCallback(
+  ), z = n.useCallback(
     () => {
-      const x = {
+      const C = {
         element: i.current,
-        focus: ee
+        focus: Z
       };
-      return Object.defineProperty(x, "name", { get: Ee }), Object.defineProperty(x, "value", { get: ie }), Object.defineProperty(x, "validity", { get: oe }), Object.defineProperty(x, "validityStyles", { get: be }), Object.defineProperty(x, "required", { get: le }), Object.defineProperty(x, "props", { get: He }), Object.defineProperty(x, "color", { get: R }), Object.defineProperty(x, "backgroundColor", { get: b }), x;
+      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;
     },
-    [Ee, ie, oe, be, le, ee, He, R, b]
+    [xe, ce, Ee, Ce, re, Z, Ve, R, b]
   );
-  n.useImperativeHandle(t, A);
-  const xe = n.useCallback(
-    (x) => {
-      u || e.maximized || (f(!0), Q(
+  n.useImperativeHandle(t, z);
+  const ae = n.useCallback(
+    (C) => {
+      m || e.maximized || (f(!0), J(
         e.onFocus,
-        x,
-        A(),
+        C,
+        z(),
         {}
       ));
     },
-    [u, e.onFocus, A]
-  ), ve = n.useCallback(
-    (x) => {
-      or(x.relatedTarget, i.current) || (f(!1), Q(
+    [m, e.onFocus, z]
+  ), ie = n.useCallback(
+    (C) => {
+      or(C.relatedTarget, i.current) || (f(!1), J(
         e.onBlur,
-        x,
-        A(),
+        C,
+        z(),
         {}
       ));
     },
-    [u, e.onBlur, A]
+    [m, e.onBlur, z]
   ), je = n.useCallback(
-    async (x) => {
-      S(await K(at())), j(!0), Q(
+    async (C) => {
+      S(await q(at())), ee(!0), J(
         e.onOpen,
-        x,
-        A(),
+        C,
+        z(),
         {}
       );
     },
-    [_, F, e.onOpen, e.value, D, A]
-  ), De = n.useCallback(
-    (x) => {
-      j(!1), Q(
+    [A, F, e.onOpen, e.value, P, z]
+  ), Oe = n.useCallback(
+    (C) => {
+      ee(!1), J(
         e.onClose,
-        x,
-        A(),
+        C,
+        z(),
         {}
       );
     },
-    [_, F, e.onClose, A]
+    [A, F, e.onClose, z]
   ), wt = () => {
-    P(), ee();
+    D(), Z();
   }, tt = () => {
-    var ce, Se;
-    const x = e.width || ((ce = i.current) == null ? void 0 : ce.offsetWidth) || cr, U = e.height || ((Se = i.current) == null ? void 0 : Se.offsetHeight) || dr;
+    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;
     return {
-      width: x,
-      height: U
+      width: C,
+      height: j
     };
   }, at = () => {
-    const { width: x, height: U } = tt();
+    const { width: C, height: j } = tt();
     return {
-      width: x * v,
-      height: U * v
+      width: C * k,
+      height: j * k
     };
-  }, It = !be() || oe().valid;
+  }, It = !Ce() || Ee().valid;
   return /* @__PURE__ */ n.createElement(
     "div",
     {
@@ -4690,25 +4694,25 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
         "k-signature",
         {
           "k-signature-maximized": e.maximized,
-          [`k-signature-${ne.sizeMap[e.size] || e.size}`]: e.size,
+          [`k-signature-${se.sizeMap[e.size] || e.size}`]: e.size,
           [`k-input-${e.fillMode}`]: e.fillMode,
-          [`k-rounded-${ne.roundedMap[e.rounded] || e.rounded}`]: e.rounded,
+          [`k-rounded-${se.roundedMap[e.rounded] || e.rounded}`]: e.rounded,
           "k-invalid": !It,
           "k-required": e.required,
           "k-disabled": e.disabled,
-          "k-focus": u
+          "k-focus": m
         },
         e.className
       ),
-      onFocus: xe,
-      onBlur: ve
+      onFocus: ae,
+      onBlur: ie
     },
     /* @__PURE__ */ n.createElement(
       "div",
       {
         className: "k-signature-canvas",
         ref: l,
-        tabIndex: re(e.tabIndex, e.disabled),
+        tabIndex: oe(e.tabIndex, e.disabled),
         role: "img",
         id: e.id,
         "aria-label": e.ariaLabel,
@@ -4718,21 +4722,21 @@ 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(
-      ge,
+      be,
       {
         type: "button",
         className: "k-signature-action k-signature-maximize",
-        ref: p,
+        ref: h,
         icon: "hyperlink-open",
         svgIcon: Ma,
         fillMode: "flat",
         size: e.size,
         onClick: je,
-        "aria-label": q,
-        title: q
+        "aria-label": U,
+        title: U
       }
-    ), E && /* @__PURE__ */ n.createElement(
-      ge,
+    ), x && /* @__PURE__ */ n.createElement(
+      be,
       {
         type: "button",
         className: "k-signature-action k-signature-minimize k-rotate-180",
@@ -4741,9 +4745,9 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
         svgIcon: Ma,
         fillMode: "flat",
         size: e.size,
-        onClick: De,
-        "aria-label": Z,
-        title: Z
+        onClick: Oe,
+        "aria-label": Q,
+        title: Q
       }
     )),
     !e.hideLine && /* @__PURE__ */ n.createElement(
@@ -4753,8 +4757,8 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
         style: { zIndex: 2, pointerEvents: "none" }
       }
     ),
-    /* @__PURE__ */ n.createElement("div", { className: "k-signature-actions k-signature-actions-bottom" }, H && /* @__PURE__ */ n.createElement(
-      ge,
+    /* @__PURE__ */ n.createElement("div", { className: "k-signature-actions k-signature-actions-bottom" }, $ && /* @__PURE__ */ n.createElement(
+      be,
       {
         type: "button",
         className: "k-signature-action k-signature-clear",
@@ -4763,21 +4767,21 @@ const cr = 250, dr = 84, Ln = 3, Rn = 2, ur = "#000000", fr = "#ffffff", Qa = (a
         fillMode: "flat",
         size: e.size,
         onClick: wt,
-        "aria-label": h,
-        title: h
+        "aria-label": g,
+        title: g
       }
     )),
-    _ && /* @__PURE__ */ n.createElement(Gn, { ref: c }, /* @__PURE__ */ n.createElement(
+    A && /* @__PURE__ */ n.createElement(Gn, { ref: c }, /* @__PURE__ */ n.createElement(
       St,
       {
         ...e,
         ...at(),
-        value: L,
+        value: V,
         maximized: !0,
-        exportScale: 1 / v * g,
+        exportScale: 1 / k * u,
         open: !1,
-        onChange: C,
-        onClose: J
+        onChange: E,
+        onClose: Y
       }
     ))
   );
@@ -4814,21 +4818,21 @@ St.defaultProps = {
   disabled: !1,
   required: !1,
   validityStyles: !0,
-  onChange: (a) => Me,
-  onFocus: (a) => Me,
-  onBlur: (a) => Me,
-  onOpen: (a) => Me,
-  onClose: (a) => Me,
+  onChange: (a) => Ne,
+  onFocus: (a) => Ne,
+  onBlur: (a) => Ne,
+  onOpen: (a) => Ne,
+  onClose: (a) => Ne,
   size: "medium",
   rounded: "medium",
   fillMode: "solid"
 };
 const Sa = n.forwardRef((a, t) => {
-  pe(me);
+  me(ge);
   const e = n.useRef(null), s = n.useRef(null), i = n.useRef(), l = n.useCallback(
     () => {
-      var H;
-      return i.current !== void 0 ? i.current : (H = e.current) == null ? void 0 : H.value;
+      var $;
+      return i.current !== void 0 ? i.current : ($ = e.current) == null ? void 0 : $.value;
     },
     []
   );
@@ -4852,62 +4856,62 @@ const Sa = n.forwardRef((a, t) => {
   const {
     size: c,
     fillMode: o,
-    rounded: p,
+    rounded: h,
     className: d,
-    dir: m,
-    style: u,
+    dir: p,
+    style: m,
     prefix: f = ua.prefix,
-    suffix: y = ua.suffix,
+    suffix: v = ua.suffix,
     valid: N,
     // Destruct to avoid warning when used inside a form field
-    modified: D,
-    touched: V,
-    visited: L,
+    modified: P,
+    touched: M,
+    visited: V,
     ...S
-  } = a, [w] = qe(f), [B] = qe(y), [O, I] = n.useState(!1), F = (H) => {
-    I(!0);
-  }, _ = (H) => {
-    I(!1);
+  } = a, [I] = Be(f), [O] = Be(v), [B, w] = n.useState(!1), F = ($) => {
+    w(!0);
+  }, A = ($) => {
+    w(!1);
   }, T = n.useCallback(
-    (H) => {
-      i.current = H.target.value, a.onChange && a.onChange.call(void 0, {
-        syntheticEvent: H,
-        nativeEvent: H.nativeEvent,
-        value: H.target.value,
+    ($) => {
+      i.current = $.target.value, a.onChange && a.onChange.call(void 0, {
+        syntheticEvent: $,
+        nativeEvent: $.nativeEvent,
+        value: $.target.value,
         target: s.current
       }), i.current = void 0;
     },
     [a.onChange]
-  ), { onFocus: E, onBlur: M } = On({
+  ), { onFocus: x, onBlur: L } = On({
     onFocus: F,
-    onBlur: _,
+    onBlur: A,
     onSyncFocus: a.onFocus,
     onSyncBlur: a.onBlur
   });
   return /* @__PURE__ */ n.createElement(
     "span",
     {
-      style: u,
-      dir: m,
+      style: m,
+      dir: p,
       className: G(
         "k-textbox k-input",
         {
-          [`k-input-${ne.sizeMap[c] || c}`]: c,
+          [`k-input-${se.sizeMap[c] || c}`]: c,
           [`k-input-${o}`]: o,
-          [`k-rounded-${ne.roundedMap[p] || p}`]: p
+          [`k-rounded-${se.roundedMap[h] || h}`]: h
         },
         {
-          "k-focus": O,
+          "k-focus": B,
           "k-required": a.required,
           "k-disabled": a.disabled,
           "k-invalid": a.valid === !1
         },
         d
       ),
-      onFocus: E,
-      onBlur: M
+      onFocus: x,
+      onBlur: L
     },
-    /* @__PURE__ */ n.createElement(w, null),
+    /* @__PURE__ */ n.createElement(I, null),
     /* @__PURE__ */ n.createElement(
       "input",
       {
@@ -4917,7 +4921,7 @@ const Sa = n.forwardRef((a, t) => {
         onChange: T
       }
     ),
-    /* @__PURE__ */ n.createElement(B, null)
+    /* @__PURE__ */ n.createElement(O, null)
   );
 }), ua = {
   prefix: (a) => null,
@@ -4977,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(fe, { ref: t, ...a, className: G("k-input-validation-icon", a.className) }));
+const vr = n.forwardRef((a, t) => /* @__PURE__ */ n.createElement(he, { ref: t, ...a, className: G("k-input-validation-icon", a.className) }));
 vr.displayName = "KendoReactInputValidationIcon";
 export {
   ya as Checkbox,
@@ -5002,11 +5006,11 @@ export {
   gt as InputWithoutContext,
   Hs as MaskedTextBox,
   yt as MaskedTextBoxWithoutContext,
-  ze as NumericTextBox,
+  Ae as NumericTextBox,
   ns as NumericTextBoxPropsContext,
   Es as PALETTEPRESETS,
-  X as RANGE_ACTION,
-  de as RATING_ACTION,
+  W as RANGE_ACTION,
+  ue as RATING_ACTION,
   xt as RadioButton,
   Zs as RadioButtonPropsContext,
   Ca as RadioGroup,
@@ -5027,7 +5031,7 @@ export {
   xa as TextArea,
   er as TextAreaPropsContext,
   Sa as TextBox,
-  $ as inputsMessages,
+  H as inputsMessages,
   Za as isCorrectValue,
   da as isHalf,
   Tt as isSelected,
@@ -5037,5 +5041,5 @@ export {
   Gs as rangeReducer,
   rr as ratingReducer,
   Ta as sanitizeNumber,
-  ye as toRound
+  ke as toRound
 };