@progress/kendo-react-inputs 13.4.0-develop.5 → 14.0.0-develop.2

package/index.d.mts

@@ -12,13 +12,14 @@ export { ColorInput };
 export { type InputChangeEvent } from './input/interfaces/InputChangeEvent.js';
 export { messages as inputsMessages, numericDecreaseValue, numericIncreaseValue } from './messages/index.js';
 export { ColorGradient, ColorGradientWithoutContext, type ColorGradientHandle, ColorGradientPropsContext, type ColorGradientState } from './colors/ColorGradient.js';
-export { ColorPalette, ColorPaletteWithoutContext, type ColorPaletteHandle, ColorPalettePropsContext, type ColorPaletteState } from './colors/ColorPalette.js';
+export { ColorPalette, ColorPaletteWithoutContext, ColorPalettePropsContext, type ColorPaletteState } from './colors/ColorPalette.js';
 export { PALETTEPRESETS } from './colors/models/palette-presets.js';
 export * from './colors/ColorPicker.js';
 export * from './colors/interfaces/ColorGradientChangeEvent.js';
 export * from './colors/interfaces/ColorGradientProps.js';
 export * from './colors/interfaces/ColorPaletteChangeEvent.js';
 export * from './colors/interfaces/ColorPaletteProps.js';
+export * from './colors/interfaces/ColorPaletteHandle.js';
 export * from './colors/interfaces/ColorPickerBlurEvent.js';
 export * from './colors/interfaces/ColorPickerChangeEvent.js';
 export * from './colors/interfaces/ColorPickerFocusEvent.js';

package/index.d.ts

@@ -12,13 +12,14 @@ export { ColorInput };
 export { type InputChangeEvent } from './input/interfaces/InputChangeEvent.js';
 export { messages as inputsMessages, numericDecreaseValue, numericIncreaseValue } from './messages/index.js';
 export { ColorGradient, ColorGradientWithoutContext, type ColorGradientHandle, ColorGradientPropsContext, type ColorGradientState } from './colors/ColorGradient.js';
-export { ColorPalette, ColorPaletteWithoutContext, type ColorPaletteHandle, ColorPalettePropsContext, type ColorPaletteState } from './colors/ColorPalette.js';
+export { ColorPalette, ColorPaletteWithoutContext, ColorPalettePropsContext, type ColorPaletteState } from './colors/ColorPalette.js';
 export { PALETTEPRESETS } from './colors/models/palette-presets.js';
 export * from './colors/ColorPicker.js';
 export * from './colors/interfaces/ColorGradientChangeEvent.js';
 export * from './colors/interfaces/ColorGradientProps.js';
 export * from './colors/interfaces/ColorPaletteChangeEvent.js';
 export * from './colors/interfaces/ColorPaletteProps.js';
+export * from './colors/interfaces/ColorPaletteHandle.js';
 export * from './colors/interfaces/ColorPickerBlurEvent.js';
 export * from './colors/interfaces/ColorPickerChangeEvent.js';
 export * from './colors/interfaces/ColorPickerFocusEvent.js';

package/input/Input.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=require("react"),r=require("prop-types"),i=require("@progress/kendo-react-common"),Z=require("@progress/kendo-react-labels");function $(l){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const u in l)if(u!=="default"){const c=Object.getOwnPropertyDescriptor(l,u);Object.defineProperty(o,u,c.get?c:{enumerable:!0,get:()=>l[u]})}}return o.default=l,Object.freeze(o)}const a=$(Y),P=a.forwardRef((l,o)=>{const c=a.useContext(R).call(void 0,l),[,S]=a.useReducer(t=>t,!0),n=i.applyDefaultProps(c,ee),{className:V,label:f,labelClassName:x,id:w,validationMessage:I,defaultValue:D,valid:k,unstyled:F,visited:te,touched:ae,modified:re,autoFocus:q,ariaLabelledBy:B,ariaDescribedBy:T,validityStyles:E,style:L,ariaLabel:U,...j}=n,K=i.useUnstyled(),y=F||K;y&&y.uInput;const _=i.useId(),[A,G]=a.useState({value:D}),M=w||_,e=a.useRef(null),d=a.useRef(void 0),g=a.useRef(null),N=n.name||n.id,H=()=>{e.current&&e.current.focus()},m=()=>d.current!==void 0?d.current:n.value!==void 0?n.value:A.value,v=()=>{const t={badInput:e.current?e.current.validity.badInput:!1,patternMismatch:e.current?e.current.validity.patternMismatch:!1,rangeOverflow:e.current?e.current.validity.rangeOverflow:!1,rangeUnderflow:e.current?e.current.validity.rangeUnderflow:!1,stepMismatch:e.current?e.current.validity.stepMismatch:!1,tooLong:e.current?e.current.validity.tooLong:!1,typeMismatch:e.current?e.current.validity.typeMismatch:!1,valueMissing:e.current?e.current.validity.valueMissing:!1};return{...t,customError:I!==void 0,valid:k!==void 0?k:e.current?!z(t):!0}};a.useImperativeHandle(g,()=>({element:e.current,props:n,get value(){return m()},name:n.name,get validity(){return v()},focus:H})),a.useImperativeHandle(o,()=>g.current);const z=t=>{let s=!1;for(const p in t)t.hasOwnProperty(p)&&(s=s||!!t[p]);return s},b=!E||v().valid,J=i.classNames("k-input",{"k-invalid":!b,"k-disabled":n.disabled},V),Q=()=>{e.current&&e.current.setCustomValidity&&(v().valid||!E?e.current.classList.remove("k-invalid"):e.current.classList.add("k-invalid"),e.current.setCustomValidity(v().valid?"":I||""))},{onChange:h}=n,C=a.useCallback(t=>{G({value:t.target.value}),d.current=t.target.value,h&&h({syntheticEvent:t,nativeEvent:t.nativeEvent,value:t.target.value,target:g.current}),d.current=void 0},[h]),W=a.useCallback(t=>{const s=t!=null?String(t):"",p={target:e.current,currentTarget:e.current,nativeEvent:new Event("change")};e.current&&(e.current.value=s),C(p)},[C]);i.useKendoPaste(e,{fieldName:N||"",onValueChange:W,enabled:!!N});const X=t=>{if(t.animationName==="autoFillStart"){const s=t.target.parentNode;s&&s.classList.contains("k-empty")&&s.classList.remove("k-empty")}};a.useEffect(()=>{S()},[]),a.useEffect(()=>{Q()});const O=a.createElement("input",{"aria-labelledby":B,"aria-describedby":T,"aria-disabled":n.disabled||void 0,"aria-invalid":!b||void 0,"aria-label":U||void 0,...j,style:f?void 0:L,value:m(),id:M,autoFocus:q,className:J,onChange:C,onAnimationStart:X,ref:e});return f?a.createElement(Z.FloatingLabel,{label:f,labelClassName:x,editorId:M,editorValue:String(m()),editorValid:b,editorDisabled:n.disabled,editorPlaceholder:n.placeholder,children:O,style:L,dir:n.dir,unstyled:y}):O}),R=i.createPropsContext(),ee={defaultValue:"",required:!1,validityStyles:!0,autoFocus:!1};P.displayName="KendoReactInput";P.propTypes={label:r.node,labelClassName:r.string,validationMessage:r.string,required:r.bool,validate:r.bool,id:r.string,ariaLabelledBy:r.string,ariaDescribedBy:r.string,ariaLabel:r.string,autoFocus:r.bool,value:r.oneOfType([r.string,r.number,r.array])};exports.Input=P;exports.InputPropsContext=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=require("react"),r=require("prop-types"),i=require("@progress/kendo-react-common"),Z=require("@progress/kendo-react-labels");function $(l){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const u in l)if(u!=="default"){const c=Object.getOwnPropertyDescriptor(l,u);Object.defineProperty(o,u,c.get?c:{enumerable:!0,get:()=>l[u]})}}return o.default=l,Object.freeze(o)}const a=$(Y),C=a.forwardRef((l,o)=>{const c=a.useContext(O).call(void 0,l),[,R]=a.useReducer(t=>t,!0),n=i.applyDefaultProps(c,ee),{className:S,label:f,labelClassName:V,id:x,validationMessage:P,defaultValue:w,valid:k,unstyled:D,visited:te,touched:ae,modified:re,autoFocus:F,ariaLabelledBy:q,ariaDescribedBy:B,validityStyles:I,style:E,ariaLabel:T,...U}=n,j=i.useUnstyled(),K=D||j,_=i.useId(),[A,G]=a.useState({value:w}),L=x||_,e=a.useRef(null),d=a.useRef(void 0),y=a.useRef(null),M=n.name||n.id,H=()=>{e.current&&e.current.focus()},g=()=>d.current!==void 0?d.current:n.value!==void 0?n.value:A.value,v=()=>{const t={badInput:e.current?e.current.validity.badInput:!1,patternMismatch:e.current?e.current.validity.patternMismatch:!1,rangeOverflow:e.current?e.current.validity.rangeOverflow:!1,rangeUnderflow:e.current?e.current.validity.rangeUnderflow:!1,stepMismatch:e.current?e.current.validity.stepMismatch:!1,tooLong:e.current?e.current.validity.tooLong:!1,typeMismatch:e.current?e.current.validity.typeMismatch:!1,valueMissing:e.current?e.current.validity.valueMissing:!1};return{...t,customError:P!==void 0,valid:k!==void 0?k:e.current?!z(t):!0}};a.useImperativeHandle(y,()=>({element:e.current,props:n,get value(){return g()},name:n.name,get validity(){return v()},focus:H})),a.useImperativeHandle(o,()=>y.current);const z=t=>{let s=!1;for(const p in t)t.hasOwnProperty(p)&&(s=s||!!t[p]);return s},m=!I||v().valid,J=i.classNames("k-input",{"k-invalid":!m,"k-disabled":n.disabled},S),Q=()=>{e.current&&e.current.setCustomValidity&&(v().valid||!I?e.current.classList.remove("k-invalid"):e.current.classList.add("k-invalid"),e.current.setCustomValidity(v().valid?"":P||""))},{onChange:b}=n,h=a.useCallback(t=>{G({value:t.target.value}),d.current=t.target.value,b&&b({syntheticEvent:t,nativeEvent:t.nativeEvent,value:t.target.value,target:y.current}),d.current=void 0},[b]),W=a.useCallback(t=>{const s=t!=null?String(t):"",p={target:e.current,currentTarget:e.current,nativeEvent:new Event("change")};e.current&&(e.current.value=s),h(p)},[h]);i.useKendoPaste(e,{fieldName:M||"",onValueChange:W,enabled:!!M});const X=t=>{if(t.animationName==="autoFillStart"){const s=t.target.parentNode;s&&s.classList.contains("k-empty")&&s.classList.remove("k-empty")}};a.useEffect(()=>{R()},[]),a.useEffect(()=>{Q()});const N=a.createElement("input",{"aria-labelledby":q,"aria-describedby":B,"aria-disabled":n.disabled||void 0,"aria-invalid":!m||void 0,"aria-label":T||void 0,...U,style:f?void 0:E,value:g(),id:L,autoFocus:F,className:J,onChange:h,onAnimationStart:X,ref:e});return f?a.createElement(Z.FloatingLabel,{label:f,labelClassName:V,editorId:L,editorValue:String(g()),editorValid:m,editorDisabled:n.disabled,editorPlaceholder:n.placeholder,children:N,style:E,dir:n.dir,unstyled:K}):N}),O=i.createPropsContext(),ee={defaultValue:"",required:!1,validityStyles:!0,autoFocus:!1};C.displayName="KendoReactInput";C.propTypes={label:r.node,labelClassName:r.string,validationMessage:r.string,required:r.bool,validate:r.bool,id:r.string,ariaLabelledBy:r.string,ariaDescribedBy:r.string,ariaLabel:r.string,autoFocus:r.bool,value:r.oneOfType([r.string,r.number,r.array])};exports.Input=C;exports.InputPropsContext=O;

package/input/Input.mjs

@@ -7,36 +7,34 @@
  */
 import * as a from "react";
 import r from "prop-types";
-import { createPropsContext as Q, applyDefaultProps as W, useUnstyled as X, useId as Y, classNames as Z, useKendoPaste as $ } from "@progress/kendo-react-common";
+import { applyDefaultProps as Q, useUnstyled as W, useId as X, classNames as Y, useKendoPaste as Z, createPropsContext as $ } from "@progress/kendo-react-common";
 import { FloatingLabel as ee } from "@progress/kendo-react-labels";
-const E = a.forwardRef((k, L) => {
-  const N = a.useContext(te).call(void 0, k), [, M] = a.useReducer((t) => t, !0), n = W(N, ae), {
-    className: V,
+const E = a.forwardRef((I, k) => {
+  const L = a.useContext(te).call(void 0, I), [, N] = a.useReducer((t) => t, !0), n = Q(L, ae), {
+    className: M,
     label: u,
-    labelClassName: x,
-    id: R,
-    validationMessage: y,
-    defaultValue: F,
-    valid: g,
-    unstyled: w,
+    labelClassName: V,
+    id: x,
+    validationMessage: m,
+    defaultValue: R,
+    valid: y,
+    unstyled: F,
     // Removed to support direct use in Form Field component
     visited: ne,
     touched: le,
     modified: se,
-    autoFocus: B,
-    ariaLabelledBy: S,
-    ariaDescribedBy: U,
-    validityStyles: b,
-    style: h,
-    ariaLabel: D,
-    ...O
-  } = n, T = X(), c = w || T;
-  c && c.uInput;
-  const K = Y(), [q, A] = a.useState({
-    value: F
-  }), C = R || K, e = a.useRef(null), s = a.useRef(void 0), d = a.useRef(null), I = n.name || n.id, G = () => {
+    autoFocus: w,
+    ariaLabelledBy: B,
+    ariaDescribedBy: S,
+    validityStyles: g,
+    style: b,
+    ariaLabel: U,
+    ...D
+  } = n, O = W(), T = F || O, K = X(), [q, A] = a.useState({
+    value: R
+  }), h = x || K, e = a.useRef(null), s = a.useRef(void 0), c = a.useRef(null), C = n.name || n.id, G = () => {
     e.current && e.current.focus();
-  }, v = () => s.current !== void 0 ? s.current : n.value !== void 0 ? n.value : q.value, i = () => {
+  }, d = () => s.current !== void 0 ? s.current : n.value !== void 0 ? n.value : q.value, i = () => {
     const t = {
       badInput: e.current ? e.current.validity.badInput : !1,
       patternMismatch: e.current ? e.current.validity.patternMismatch : !1,
@@ -49,48 +47,48 @@ const E = a.forwardRef((k, L) => {
     };
     return {
       ...t,
-      customError: y !== void 0,
-      valid: g !== void 0 ? g : e.current ? !H(t) : !0
+      customError: m !== void 0,
+      valid: y !== void 0 ? y : e.current ? !H(t) : !0
     };
   };
-  a.useImperativeHandle(d, () => ({
+  a.useImperativeHandle(c, () => ({
     element: e.current,
     props: n,
     get value() {
-      return v();
+      return d();
     },
     name: n.name,
     get validity() {
       return i();
     },
     focus: G
-  })), a.useImperativeHandle(L, () => d.current);
+  })), a.useImperativeHandle(k, () => c.current);
   const H = (t) => {
     let l = !1;
     for (const o in t)
       t.hasOwnProperty(o) && (l = l || !!t[o]);
     return l;
-  }, p = !b || i().valid, _ = Z(
+  }, v = !g || i().valid, _ = Y(
     "k-input",
     {
-      "k-invalid": !p,
+      "k-invalid": !v,
       "k-disabled": n.disabled
     },
-    V
+    M
   ), j = () => {
-    e.current && e.current.setCustomValidity && (i().valid || !b ? e.current.classList.remove("k-invalid") : e.current.classList.add("k-invalid"), e.current.setCustomValidity(i().valid ? "" : y || ""));
-  }, { onChange: f } = n, m = a.useCallback(
+    e.current && e.current.setCustomValidity && (i().valid || !g ? e.current.classList.remove("k-invalid") : e.current.classList.add("k-invalid"), e.current.setCustomValidity(i().valid ? "" : m || ""));
+  }, { onChange: p } = n, f = a.useCallback(
     (t) => {
       A({
         value: t.target.value
-      }), s.current = t.target.value, f && f({
+      }), s.current = t.target.value, p && p({
         syntheticEvent: t,
         nativeEvent: t.nativeEvent,
         value: t.target.value,
-        target: d.current
+        target: c.current
       }), s.current = void 0;
     },
-    [f]
+    [p]
   ), z = a.useCallback(
     (t) => {
       const l = t != null ? String(t) : "", o = {
@@ -98,14 +96,14 @@ const E = a.forwardRef((k, L) => {
         currentTarget: e.current,
         nativeEvent: new Event("change")
       };
-      e.current && (e.current.value = l), m(o);
+      e.current && (e.current.value = l), f(o);
     },
-    [m]
+    [f]
   );
-  $(e, {
-    fieldName: I || "",
+  Z(e, {
+    fieldName: C || "",
     onValueChange: z,
-    enabled: !!I
+    enabled: !!C
   });
   const J = (t) => {
     if (t.animationName === "autoFillStart") {
@@ -114,25 +112,25 @@ const E = a.forwardRef((k, L) => {
     }
   };
   a.useEffect(() => {
-    M();
+    N();
   }, []), a.useEffect(() => {
     j();
   });
   const P = /* @__PURE__ */ a.createElement(
     "input",
     {
-      "aria-labelledby": S,
-      "aria-describedby": U,
+      "aria-labelledby": B,
+      "aria-describedby": S,
       "aria-disabled": n.disabled || void 0,
-      "aria-invalid": !p || void 0,
-      "aria-label": D || void 0,
-      ...O,
-      style: u ? void 0 : h,
-      value: v(),
-      id: C,
-      autoFocus: B,
+      "aria-invalid": !v || void 0,
+      "aria-label": U || void 0,
+      ...D,
+      style: u ? void 0 : b,
+      value: d(),
+      id: h,
+      autoFocus: w,
       className: _,
-      onChange: m,
+      onChange: f,
       onAnimationStart: J,
       ref: e
     }
@@ -141,19 +139,19 @@ const E = a.forwardRef((k, L) => {
     ee,
     {
       label: u,
-      labelClassName: x,
-      editorId: C,
-      editorValue: String(v()),
-      editorValid: p,
+      labelClassName: V,
+      editorId: h,
+      editorValue: String(d()),
+      editorValid: v,
       editorDisabled: n.disabled,
       editorPlaceholder: n.placeholder,
       children: P,
-      style: h,
+      style: b,
       dir: n.dir,
-      unstyled: c
+      unstyled: T
     }
   ) : P;
-}), te = Q(), ae = {
+}), te = $(), ae = {
   defaultValue: "",
   required: !1,
   validityStyles: !0,

package/maskedtextbox/MaskedTextBox.mjs

@@ -9,7 +9,7 @@ import * as p from "react";
 import e from "prop-types";
 import { MaskingService as E } from "./masking.service.mjs";
 import { defaultRules as m, maskingChanged as V, returnFalse as b } from "./utils.mjs";
-import { withIdHOC as O, withPropsContext as M, createPropsContext as I, withUnstyledHOC as w, subscribeToKendoPaste as D, useCustomComponent as y, classNames as _, kendoThemeMaps as P, getTabIndex as H, uMaskedTextBox as T } from "@progress/kendo-react-common";
+import { withIdHOC as O, withPropsContext as M, withUnstyledHOC as I, subscribeToKendoPaste as w, useCustomComponent as y, classNames as _, kendoThemeMaps as P, getTabIndex as D, uMaskedTextBox as H, createPropsContext as T } from "@progress/kendo-react-common";
 import { FloatingLabel as q } from "@progress/kendo-react-labels";
 const n = class n extends p.Component {
   constructor() {
@@ -139,7 +139,7 @@ const n = class n extends p.Component {
   componentDidMount() {
     this.updateService(), this.setValidity();
     const t = this.props.name || this.props.id;
-    this.KendoPasteSubscription = D(this._input, {
+    this.KendoPasteSubscription = w(this._input, {
       fieldName: t,
       onValueChange: (s) => {
         this.handleKendoPasteValue(s);
@@ -195,7 +195,7 @@ const n = class n extends p.Component {
           autoCapitalize: "off",
           autoFocus: a,
           spellCheck: !1,
-          className: _(T.inputInner({ c: k })),
+          className: _(H.inputInner({ c: k })),
           value: this.value,
           id: c,
           "aria-labelledby": this.props.ariaLabelledBy,
@@ -203,7 +203,7 @@ const n = class n extends p.Component {
           "aria-placeholder": this.props.mask,
           "aria-required": this.props.required,
           name: this.props.name,
-          tabIndex: H(this.props.tabIndex, this.props.disabled, !0),
+          tabIndex: D(this.props.tabIndex, this.props.disabled, !0),
           accessKey: this.props.accessKey,
           title: this.props.title,
           disabled: this.props.disabled || void 0,
@@ -331,10 +331,10 @@ n.displayName = "MaskedTextBox", n.propTypes = {
   autoFocus: !1
 };
 let h = n;
-const B = I(), F = O(
+const B = T(), F = O(
   M(
     B,
-    w(h)
+    I(h)
   )
 );
 F.displayName = "KendoReactMaskedTextBox";

package/numerictextbox/NumericTextBox.mjs

@@ -8,15 +8,15 @@
 import * as n from "react";
 import t from "prop-types";
 import { useInternationalization as et, useLocalization as tt } from "@progress/kendo-react-intl";
-import { createPropsContext as nt, usePropsContext as rt, useId as at, useCustomComponent as ge, dispatchEvent as Q, useKendoPaste as st, getActiveElement as ve, useIsomorphicLayoutEffect as ot, classNames as lt, kendoThemeMaps as ye, getTabIndex as ut } from "@progress/kendo-react-common";
+import { usePropsContext as nt, useId as rt, useCustomComponent as ge, dispatchEvent as Q, useKendoPaste as at, getActiveElement as ve, useIsomorphicLayoutEffect as st, classNames as ot, kendoThemeMaps as ye, getTabIndex as lt, createPropsContext as ut } from "@progress/kendo-react-common";
 import { caretAltUpIcon as it, caretAltDownIcon as ct } from "@progress/kendo-svg-icons";
 import { FloatingLabel as dt } from "@progress/kendo-react-labels";
 import { numericIncreaseValue as G, messages as _, numericDecreaseValue as j } from "../messages/index.mjs";
 import { getInitialState as Ve, formatValue as O, getStateOrPropsValue as X, rangeValue as N, sanitizeNumber as Ce, decreaseValue as ke, increaseValue as Ee } from "./utils/index.mjs";
 import { Button as Se } from "@progress/kendo-react-buttons";
-const mt = "Please enter a valid value!", ft = nt(), he = n.forwardRef(
+const mt = "Please enter a valid value!", ft = ut(), he = n.forwardRef(
   (k, xe) => {
-    const K = rt(
+    const K = nt(
       ft,
       k
     ), {
@@ -66,7 +66,7 @@ const mt = "Please enter a valid value!", ft = nt(), he = n.forwardRef(
       autoFocus: Ge = c.autoFocus,
       inputAttributes: _e,
       ...ue
-    } = K, je = at(), ie = ne || je, o = et(), B = tt(), a = n.useRef(null), M = n.useRef(void 0), [Ke, S] = n.useState(!1), i = n.useRef(Ve()), T = n.useRef(!1), $ = n.useRef(void 0), x = n.useRef(Le), ce = P || ne, I = O(
+    } = K, je = rt(), ie = ne || je, o = et(), B = tt(), a = n.useRef(null), M = n.useRef(void 0), [Ke, S] = n.useState(!1), i = n.useRef(Ve()), T = n.useRef(!1), $ = n.useRef(void 0), x = n.useRef(Le), ce = P || ne, I = O(
       i.current.focused && !l ? i.current.currentLooseValue : X(y, x.current),
       s,
       o
@@ -136,7 +136,7 @@ const mt = "Please enter a valid value!", ft = nt(), he = n.forwardRef(
       },
       [d, m, s, o, f]
     );
-    st(a, {
+    at(a, {
       fieldName: ce,
       onValueChange: Ue,
       enabled: !!ce
@@ -239,7 +239,7 @@ const mt = "Please enter a valid value!", ft = nt(), he = n.forwardRef(
         r.preventDefault(), e !== a.current && a.current.focus();
       }
     }, []);
-    ot(() => {
+    st(() => {
       a.current && a.current.type !== "number" && i.current.selectionStart !== void 0 && i.current.selectionEnd !== void 0 && (a.current.selectionStart = i.current.selectionStart, a.current.selectionEnd = i.current.selectionEnd, i.current.selectionStart = void 0, i.current.selectionEnd = void 0);
     }, [Ke]);
     const be = !W() || A().valid, pe = /* @__PURE__ */ n.createElement(
@@ -247,7 +247,7 @@ const mt = "Please enter a valid value!", ft = nt(), he = n.forwardRef(
       {
         dir: te,
         style: D ? re : { width: Z, ...re },
-        className: lt(
+        className: ot(
           "k-input",
           "k-numerictextbox",
           {
@@ -269,7 +269,7 @@ const mt = "Please enter a valid value!", ft = nt(), he = n.forwardRef(
         {
           role: "spinbutton",
           value: I === null ? "" : I,
-          tabIndex: ut(Oe, l),
+          tabIndex: lt(Oe, l),
           accessKey: Ne,
           disabled: l,
           title: Pe,

package/package-metadata.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-inputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1770377871,version:"13.4.0-develop.5",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-inputs",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1770669973,version:"14.0.0-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;

package/package-metadata.mjs

@@ -8,6 +8,6 @@ export const packageMetadata = Object.freeze({
     productCode: 'KENDOUIREACT',
     productCodes: ['KENDOUIREACT'],
     publishDate: 0,
-    version: '13.4.0-develop.5',
+    version: '14.0.0-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-inputs",
-  "version": "13.4.0-develop.5",
+  "version": "14.0.0-develop.2",
   "description": "React Inputs offer a customizable interface for users to enter and pick different information. KendoReact Input package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -28,17 +28,17 @@
     "@progress/kendo-drawing": "^1.21.2",
     "@progress/kendo-inputs-common": "^3.1.0",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-animation": "13.4.0-develop.5",
-    "@progress/kendo-react-buttons": "13.4.0-develop.5",
-    "@progress/kendo-react-common": "13.4.0-develop.5",
-    "@progress/kendo-react-dialogs": "13.4.0-develop.5",
-    "@progress/kendo-react-layout": "13.4.0-develop.5",
-    "@progress/kendo-react-intl": "13.4.0-develop.5",
-    "@progress/kendo-react-labels": "13.4.0-develop.5",
-    "@progress/kendo-react-popup": "13.4.0-develop.5",
+    "@progress/kendo-react-animation": "14.0.0-develop.2",
+    "@progress/kendo-react-buttons": "14.0.0-develop.2",
+    "@progress/kendo-react-common": "14.0.0-develop.2",
+    "@progress/kendo-react-dialogs": "14.0.0-develop.2",
+    "@progress/kendo-react-layout": "14.0.0-develop.2",
+    "@progress/kendo-react-intl": "14.0.0-develop.2",
+    "@progress/kendo-react-labels": "14.0.0-develop.2",
+    "@progress/kendo-react-popup": "14.0.0-develop.2",
     "@progress/kendo-svg-icons": "^4.0.0",
-    "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
-    "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
     "prop-types": "^15.6.0"
@@ -82,7 +82,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1770377871,
+      "publishDate": 1770669973,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },

package/radiobutton/RadioButton.mjs

@@ -7,9 +7,9 @@
  */
 import * as e from "react";
 import a from "prop-types";
-import { createPropsContext as S, usePropsContext as U, useUnstyled as A, useId as G, dispatchEvent as d, getTabIndex as J, classNames as m, uRadioButton as b } from "@progress/kendo-react-common";
-const M = S(), x = e.forwardRef((E, F) => {
-  const I = U(M, E), {
+import { usePropsContext as S, useUnstyled as U, useId as A, dispatchEvent as d, getTabIndex as G, classNames as m, uRadioButton as b, createPropsContext as J } from "@progress/kendo-react-common";
+const M = J(), x = e.forwardRef((E, F) => {
+  const I = S(M, E), {
     ariaDescribedBy: P,
     checked: p,
     children: f,
@@ -29,7 +29,7 @@ const M = S(), x = e.forwardRef((E, F) => {
     onBlur: i,
     required: H,
     ..._
-  } = I, y = A(), u = y && y.uRadioButton, l = e.useRef(null), C = e.useCallback(() => {
+  } = I, y = U(), u = y && y.uRadioButton, l = e.useRef(null), C = e.useCallback(() => {
     l.current && l.current.focus();
   }, []), s = e.useCallback(
     () => ({
@@ -39,7 +39,7 @@ const M = S(), x = e.forwardRef((E, F) => {
     [C]
   );
   e.useImperativeHandle(F, s);
-  const v = G(), j = e.useCallback(
+  const v = A(), j = e.useCallback(
     (t) => {
       d(h, t, s(), {
         value: r
@@ -76,7 +76,7 @@ const M = S(), x = e.forwardRef((E, F) => {
     ),
     ref: l,
     disabled: n,
-    tabIndex: J(w, n),
+    tabIndex: G(w, n),
     checked: p,
     style: q,
     "aria-describedby": P,

package/radiobutton/RadioGroup.mjs

@@ -8,9 +8,9 @@
 import * as t from "react";
 import e from "prop-types";
 import { RadioButton as A } from "./RadioButton.mjs";
-import { createPropsContext as J, usePropsContext as M, useUnstyled as Q, focusFirstFocusableChild as W, dispatchEvent as k, useId as X, classNames as P, uRadioGroup as E, useRtl as Y } from "@progress/kendo-react-common";
-const Z = J(), G = t.forwardRef((r, I) => {
-  const m = M(Z, r), {
+import { usePropsContext as J, useUnstyled as M, focusFirstFocusableChild as Q, dispatchEvent as k, useId as W, classNames as P, uRadioGroup as E, useRtl as X, createPropsContext as Y } from "@progress/kendo-react-common";
+const Z = Y(), G = t.forwardRef((r, I) => {
+  const m = J(Z, r), {
     id: N,
     ariaLabelledBy: B,
     ariaDescribedBy: F,
@@ -27,8 +27,8 @@ const Z = J(), G = t.forwardRef((r, I) => {
     item: D = $.item,
     onChange: c,
     onFocus: d
-  } = m, f = Q(), y = f && f.uRadioGroup, o = t.useRef(null), C = t.useCallback(() => {
-    o.current && W(o.current);
+  } = m, f = M(), y = f && f.uRadioGroup, o = t.useRef(null), C = t.useCallback(() => {
+    o.current && Q(o.current);
   }, []), i = t.useCallback(
     () => ({
       element: o.current,
@@ -58,14 +58,14 @@ const Z = J(), G = t.forwardRef((r, I) => {
       );
     },
     [d, s]
-  ), T = X(), _ = P(
+  ), T = W(), _ = P(
     E.ul({
       c: y,
       horizontal: n === "horizontal",
       vertical: n === "vertical" || n === void 0
     }),
     x
-  ), w = Y(o, m.dir), K = b && b.map((a, l) => {
+  ), w = X(o, m.dir), K = b && b.map((a, l) => {
     const g = u === a.value, U = u == null, R = {
       ...a,
       valid: z,

package/range-slider/RangeSlider.mjs

@@ -7,7 +7,7 @@
  */
 import * as a from "react";
 import S from "prop-types";
-import { createPropsContext as j, validatePackage as J, getLicenseMessage as Q, usePropsContext as Z, useDir as ee, Keys as m, useDraggable as te, classNames as ae, getTabIndex as V, WatermarkOverlay as re } from "@progress/kendo-react-common";
+import { validatePackage as j, getLicenseMessage as J, usePropsContext as Q, useDir as Z, Keys as m, useDraggable as ee, classNames as te, getTabIndex as V, WatermarkOverlay as ae, createPropsContext as re } from "@progress/kendo-react-common";
 import { sliderDragTitle as $, messages as z } from "../messages/index.mjs";
 import { useLocalization as ne } from "@progress/kendo-react-intl";
 import { RANGE_ACTION as r, rangeReducer as le } from "./range-raducer.mjs";
@@ -21,8 +21,8 @@ const se = (n, s, p) => {
     [s, p]
   );
   return [c, e];
-}, ce = j(), K = a.forwardRef((n, s) => {
-  const p = !J(P, { component: "RangeSlider" }), c = Q(P), i = Z(ce, n), e = {
+}, ce = re(), K = a.forwardRef((n, s) => {
+  const p = !j(P, { component: "RangeSlider" }), c = J(P), i = Q(ce, n), e = {
     step: y.step,
     largeStep: y.largeStep,
     defaultValue: y.defaultValue,
@@ -43,7 +43,7 @@ const se = (n, s, p) => {
   ), O = a.useMemo(
     () => e.largeStep !== void 0 ? e.largeStep : y.largeStep,
     [e.largeStep, y.largeStep]
-  ), o = ee(b, e.dir), W = (t, u) => {
+  ), o = Z(b, e.dir), W = (t, u) => {
     e.onChange && f.current && e.onChange.call(void 0, {
       value: t,
       target: f.current,
@@ -187,7 +187,7 @@ const se = (n, s, p) => {
     },
     [e.vertical, g, k, l]
   );
-  return te(
+  return ee(
     R,
     {
       onPress: F,
@@ -208,7 +208,7 @@ const se = (n, s, p) => {
       style: e.style,
       ref: b,
       dir: o,
-      className: ae(
+      className: te(
         "k-slider",
         {
           "k-rtl": o === "rtl",
@@ -297,7 +297,7 @@ const se = (n, s, p) => {
         )
       )
     )
-  ), p && /* @__PURE__ */ a.createElement(re, { message: c }));
+  ), p && /* @__PURE__ */ a.createElement(ae, { message: c }));
 }), ie = {
   value: (n, s, p) => {
     if (n.value) {

package/rating/Rating.mjs

@@ -7,7 +7,7 @@
  */
 import * as a from "react";
 import c from "prop-types";
-import { createPropsContext as te, usePropsContext as ae, useDir as ne, Keys as R, IconWrap as y, toIconName as B, classNames as le, getTabIndex as se, svgIconPropType as S } from "@progress/kendo-react-common";
+import { usePropsContext as te, useDir as ae, Keys as R, IconWrap as y, toIconName as B, classNames as ne, getTabIndex as le, createPropsContext as se, svgIconPropType as S } from "@progress/kendo-react-common";
 import { starOutlineIcon as $, starIcon as K } from "@progress/kendo-svg-icons";
 import { RatingItem as oe } from "./RatingItem.mjs";
 import { RATING_ACTION as r, ratingReducer as ie } from "./rating-reducer.mjs";
@@ -20,8 +20,8 @@ const X = (n, g, v) => {
     const o = ie(g.state || e, { ...h, ...g });
     v && v(o, h.event), N(o);
   }];
-}, de = te(), q = a.forwardRef((n, g) => {
-  const v = ae(de, n), e = {
+}, de = se(), q = a.forwardRef((n, g) => {
+  const v = te(de, n), e = {
     dir: s.dir,
     min: s.min,
     max: s.max,
@@ -33,7 +33,7 @@ const X = (n, g, v) => {
     selection: s.selection,
     precision: s.precision,
     ...v
-  }, N = me(), m = a.useRef(null), h = a.useRef(null), o = ne(h, e.dir);
+  }, N = me(), m = a.useRef(null), h = a.useRef(null), o = ae(h, e.dir);
   a.useImperativeHandle(m, () => ({
     element: h.current,
     props: e
@@ -244,8 +244,8 @@ const X = (n, g, v) => {
       ref: h,
       role: "slider",
       dir: o,
-      tabIndex: se(e.tabIndex, e.disabled, void 0),
-      className: le(
+      tabIndex: le(e.tabIndex, e.disabled, void 0),
+      className: ne(
         "k-rating",
         {
           "k-rtl": o === "rtl",