@progress/kendo-react-inputs 8.3.0-develop.9 → 8.3.0

package/numerictextbox/NumericTextBox.mjs

@@ -12,13 +12,13 @@ import { useInternationalization as Qe, useLocalization as Xe } from "@progress/
 import { createPropsContext as Ze, validatePackage as et, usePropsContext as tt, useId as nt, useCustomComponent as pe, dispatchEvent as Q, getActiveElement as be, useIsomorphicLayoutEffect as rt, classNames as at, kendoThemeMaps as ge, getTabIndex as lt } from "@progress/kendo-react-common";
 import { caretAltUpIcon as st, caretAltDownIcon as ot } from "@progress/kendo-svg-icons";
 import { FloatingLabel as ut } from "@progress/kendo-react-labels";
-import { packageMetadata as ct } from "../package-metadata.mjs";
-import { numericIncreaseValue as B, messages as M, numericDecreaseValue as T } from "../messages/index.mjs";
-import { getInitialState as ve, formatValue as z, getStateOrPropsValue as X, rangeValue as G, sanitizeNumber as ye, decreaseValue as Ve, increaseValue as ke } from "./utils/index.mjs";
+import { packageMetadata as it } from "../package-metadata.mjs";
+import { numericIncreaseValue as M, messages as T, numericDecreaseValue as z } from "../messages/index.mjs";
+import { getInitialState as ve, formatValue as q, getStateOrPropsValue as X, rangeValue as G, sanitizeNumber as ye, decreaseValue as Ve, increaseValue as ke } from "./utils/index.mjs";
 import { Button as Ce } from "@progress/kendo-react-buttons";
-const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) => {
-  et(ct);
-  const q = tt(dt, C), {
+const ct = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) => {
+  et(it);
+  const j = tt(dt, C), {
     className: xe,
     value: b,
     defaultValue: he,
@@ -28,10 +28,10 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
     accessKey: Oe,
     title: Le,
     placeholder: ee,
-    min: i,
+    min: c,
     max: d,
     dir: te,
-    name: j,
+    name: A,
     label: I,
     id: Pe,
     ariaDescribedBy: Ne,
@@ -39,80 +39,80 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
     ariaLabel: Re,
     inputType: Fe,
     readOnly: g,
-    validationMessage: A,
+    validationMessage: _,
     children: Be,
     style: ne,
     inputStyle: Me,
-    valid: _,
+    valid: H,
     step: v = u.step,
     spinners: Te = u.spinners,
     disabled: o = u.disabled,
-    required: H = u.required,
+    required: O = u.required,
     validityStyles: re = u.validityStyles,
     prefix: ze = u.prefix,
-    suffix: Ge = u.suffix,
+    suffix: qe = u.suffix,
     onChange: E = u.onChange,
     onFocus: ae = u.onFocus,
     onBlur: le = u.onBlur,
     rangeOnEnter: se = u.rangeOnEnter,
     size: K = u.size,
     rounded: w = u.rounded,
-    fillMode: O = u.fillMode,
-    autoFocus: qe = u.autoFocus,
+    fillMode: L = u.fillMode,
+    autoFocus: Ge = u.autoFocus,
     ...oe
-  } = q, je = nt(), ue = Pe || je, s = Qe(), L = Xe(), a = n.useRef(null), P = n.useRef(), [Ae, S] = n.useState(!1), c = n.useRef(ve()), N = n.useRef(!1), U = n.useRef(), x = n.useRef(he), h = z(
-    c.current.focused && !o ? c.current.currentLooseValue : X(b, x.current),
+  } = j, je = nt(), ue = Pe || je, s = Qe(), P = Xe(), a = n.useRef(null), N = n.useRef(), [Ae, S] = n.useState(!1), i = n.useRef(ve()), D = n.useRef(!1), U = n.useRef(), x = n.useRef(he), h = q(
+    i.current.focused && !o ? i.current.currentLooseValue : X(b, x.current),
     l,
     s
   );
   U.current = h;
-  const [_e] = pe(ze), [He] = pe(Ge);
+  const [_e] = pe(ze), [He] = pe(qe);
   n.useEffect(
     () => {
       a.current && a.current.setCustomValidity && a.current.setCustomValidity(
-        F().valid ? "" : A || it
+        B().valid ? "" : _ || ct
       );
     }
   );
-  const ce = n.useCallback(
+  const ie = n.useCallback(
     () => {
       a.current && a.current.focus();
     },
     []
-  ), D = n.useCallback(
-    () => P.current !== void 0 ? P.current : X(b, x.current),
-    [b]
-  ), ie = n.useCallback(
-    () => j,
-    [j]
   ), R = n.useCallback(
-    () => H,
-    [H]
+    () => N.current !== void 0 ? N.current : X(b, x.current),
+    [b]
+  ), ce = n.useCallback(
+    () => A,
+    [A]
   ), F = n.useCallback(
+    () => O,
+    [O]
+  ), B = n.useCallback(
     () => {
-      const r = A !== void 0, e = D(), V = _ !== void 0 ? _ : !c.current.valueIsOutOfRange && (!R() || e != null);
+      const r = _ !== void 0, e = R(), V = H !== void 0 ? H : !i.current.valueIsOutOfRange && (!F() || e != null);
       return {
         customError: r,
         valid: V,
         valueMissing: e == null
       };
     },
-    [A, _, D, R]
+    [_, H, R, F]
   ), $ = n.useCallback(
     () => re,
     [re]
   ), de = n.useCallback(
-    () => q,
-    [q]
+    () => j,
+    [j]
   ), y = n.useCallback(
     () => {
       const r = {
         element: a.current,
-        focus: ce
+        focus: ie
       };
-      return Object.defineProperty(r, "name", { get: ie }), Object.defineProperty(r, "value", { get: D }), Object.defineProperty(r, "validity", { get: F }), Object.defineProperty(r, "validityStyles", { get: $ }), Object.defineProperty(r, "required", { get: R }), Object.defineProperty(r, "props", { get: de }), r;
+      return Object.defineProperty(r, "name", { get: ce }), Object.defineProperty(r, "value", { get: R }), Object.defineProperty(r, "validity", { get: B }), Object.defineProperty(r, "validityStyles", { get: $ }), Object.defineProperty(r, "required", { get: F }), Object.defineProperty(r, "props", { get: de }), r;
     },
-    [ie, D, F, $, R, ce, de]
+    [ce, R, B, $, F, ie, de]
   );
   n.useImperativeHandle(Se, y);
   const f = n.useCallback(
@@ -125,28 +125,28 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
       decimalSelect: !1,
       valueIsCorrected: !1,
       valueIsOutOfRange: !1,
-      isPaste: N.current,
-      focused: c.current.focused
+      isPaste: D.current,
+      focused: i.current.focused
     }),
     [b]
   ), p = n.useCallback(
     (r, e) => {
       if (o)
         return;
-      P.current = e.eventValue, x.current = e.eventValue;
-      const V = z(G(e.eventValue, i, d), l, s), m = G(s.parseNumber(V, l), i, d);
+      N.current = e.eventValue, x.current = e.eventValue;
+      const V = q(G(e.eventValue, c, d), l, s), m = G(s.parseNumber(V, l), c, d);
       m !== e.eventValue && (e.valueIsOutOfRange = !0, e.eventValue = m, x.current = m), b !== e.eventValue && Q(
         E,
         r,
         y(),
         { value: e.eventValue }
-      ), P.current = void 0, c.current = e, S((J) => !J);
+      ), N.current = void 0, i.current = e, S((J) => !J);
     },
     [b, E, o, S, y]
   ), Ke = n.useCallback(
     (r) => {
       const e = f();
-      N.current = !1, p(r, ye(e, l, s));
+      D.current = !1, p(r, ye(e, l, s));
     },
     [l, E, s, p, f]
   ), we = n.useCallback(
@@ -155,7 +155,7 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
       const V = s.parseNumber(String(e.currentLooseValue), l);
       if (e.selectionEnd > e.selectionStart && e.selectionEnd - e.selectionStart === String(e.currentLooseValue).length) {
         const m = s.numberSymbols(), k = m && r.key === m.minusSign, J = m && r.key === m.decimal;
-        N.current = !k && !J;
+        D.current = !k && !J;
         return;
       }
       switch (r.keyCode) {
@@ -164,7 +164,7 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
             V,
             e,
             v,
-            i,
+            c,
             d,
             l,
             s
@@ -175,7 +175,7 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
             V,
             e,
             v,
-            i,
+            c,
             d,
             l,
             s
@@ -184,8 +184,8 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
         case 13: {
           if (se === !1)
             return;
-          const m = z(G(V, i, d), l, s), k = G(s.parseNumber(m, l), i, d);
-          e.eventValue = k, e.currentLooseValue = z(k, l, s), e.selectionStart = e.selectionEnd = e.currentLooseValue.length;
+          const m = q(G(V, c, d), l, s), k = G(s.parseNumber(m, l), c, d);
+          e.eventValue = k, e.currentLooseValue = q(k, l, s), e.selectionStart = e.selectionEnd = e.currentLooseValue.length;
           break;
         }
         case 110: {
@@ -198,10 +198,10 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
       }
       r.preventDefault(), p(r, e);
     },
-    [l, i, d, v, E, se, p, f]
+    [l, c, d, v, E, se, p, f]
   ), Ue = n.useCallback(
     () => {
-      N.current = !0;
+      D.current = !0;
     },
     []
   ), W = n.useCallback(
@@ -213,13 +213,13 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
         s.parseNumber(String(e.currentLooseValue), l),
         e,
         v,
-        i,
+        c,
         d,
         l,
         s
       ), p(r, e);
     },
-    [l, i, d, v, E, g, o, p, f]
+    [l, c, d, v, E, g, o, p, f]
   ), Y = n.useCallback(
     (r) => {
       if (g || o)
@@ -229,13 +229,13 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
         s.parseNumber(String(e.currentLooseValue), l),
         e,
         v,
-        i,
+        c,
         d,
         l,
         s
       ), p(r, e);
     },
-    [l, i, d, v, E, g, o, p, f]
+    [l, c, d, v, E, g, o, p, f]
   ), $e = n.useCallback(
     (r) => {
       const e = be(document);
@@ -244,7 +244,7 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
     [W, Y, o, g]
   ), We = n.useCallback(
     (r) => {
-      c.current.currentLooseValue = U.current, c.current.focused = !0, Q(
+      i.current.currentLooseValue = U.current, i.current.focused = !0, Q(
         ae,
         r,
         y(),
@@ -254,7 +254,7 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
     [ae, S, y]
   ), Ye = n.useCallback(
     (r) => {
-      c.current = ve(), Q(
+      i.current = ve(), Q(
         le,
         r,
         y(),
@@ -273,11 +273,11 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
   );
   rt(
     () => {
-      a.current && a.current.type !== "number" && c.current.selectionStart !== void 0 && c.current.selectionEnd !== void 0 && (a.current.selectionStart = c.current.selectionStart, a.current.selectionEnd = c.current.selectionEnd, c.current.selectionStart = void 0, c.current.selectionEnd = void 0);
+      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);
     },
     [Ae]
   );
-  const me = !$() || F().valid, fe = /* @__PURE__ */ n.createElement(
+  const me = !$() || B().valid, fe = /* @__PURE__ */ n.createElement(
     "span",
     {
       dir: te,
@@ -287,10 +287,10 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
         "k-numerictextbox",
         {
           [`k-input-${ge.sizeMap[K] || K}`]: K,
-          [`k-input-${O}`]: O,
+          [`k-input-${L}`]: L,
           [`k-rounded-${ge.roundedMap[w] || w}`]: w,
           "k-invalid": !me,
-          "k-required": H,
+          "k-required": O,
           "k-disabled": o
         },
         xe
@@ -309,20 +309,21 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
         disabled: o,
         title: Le,
         "aria-disabled": o ? "true" : void 0,
-        "aria-valuemin": i,
+        "aria-valuemin": c,
         "aria-valuemax": d,
         "aria-label": Re,
         "aria-labelledby": De,
         "aria-describedby": Ne,
+        "aria-required": O,
         placeholder: ee,
         spellCheck: !1,
         autoComplete: "off",
         autoCorrect: "off",
-        autoFocus: qe,
+        autoFocus: Ge,
         type: Fe || "tel",
         className: "k-input-inner",
         id: ue,
-        name: j,
+        name: A,
         readOnly: g,
         style: Me,
         onChange: Ke,
@@ -350,10 +351,10 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
           icon: "caret-alt-up",
           svgIcon: st,
           rounded: null,
-          fillMode: O,
+          fillMode: L,
           className: "k-spinner-increase",
-          "aria-label": L.toLanguageString(B, M[B]),
-          title: L.toLanguageString(B, M[B]),
+          "aria-label": P.toLanguageString(M, T[M]),
+          title: P.toLanguageString(M, T[M]),
           onClick: W
         }
       ),
@@ -365,10 +366,10 @@ const it = "Please enter a valid value!", dt = Ze(), Ee = n.forwardRef((C, Se) =
           icon: "caret-alt-down",
           svgIcon: ot,
           rounded: null,
-          fillMode: O,
+          fillMode: L,
           className: "k-spinner-decrease",
-          "aria-label": L.toLanguageString(T, M[T]),
-          title: L.toLanguageString(T, M[T]),
+          "aria-label": P.toLanguageString(z, T[z]),
+          title: P.toLanguageString(z, T[z]),
           onClick: Y
         }
       )

package/package-metadata.mjs

@@ -10,7 +10,7 @@ const e = {
   name: "@progress/kendo-react-inputs",
   productName: "KendoReact",
   productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
-  publishDate: 1724413257,
+  publishDate: 1726561298,
   version: "",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-inputs",
-  "version": "8.3.0-develop.9",
+  "version": "8.3.0",
   "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",
@@ -25,13 +25,13 @@
     "@progress/kendo-drawing": "^1.20.1",
     "@progress/kendo-inputs-common": "^3.1.0",
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-animation": "8.3.0-develop.9",
-    "@progress/kendo-react-buttons": "8.3.0-develop.9",
-    "@progress/kendo-react-common": "8.3.0-develop.9",
-    "@progress/kendo-react-dialogs": "8.3.0-develop.9",
-    "@progress/kendo-react-intl": "8.3.0-develop.9",
-    "@progress/kendo-react-labels": "8.3.0-develop.9",
-    "@progress/kendo-react-popup": "8.3.0-develop.9",
+    "@progress/kendo-react-animation": "8.3.0",
+    "@progress/kendo-react-buttons": "8.3.0",
+    "@progress/kendo-react-common": "8.3.0",
+    "@progress/kendo-react-dialogs": "8.3.0",
+    "@progress/kendo-react-intl": "8.3.0",
+    "@progress/kendo-react-labels": "8.3.0",
+    "@progress/kendo-react-popup": "8.3.0",
     "@progress/kendo-svg-icons": "^3.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"

package/radiobutton/RadioButton.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("react"),t=require("prop-types"),a=require("@progress/kendo-react-common"),H=require("../package-metadata.js");function K(n){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const s in n)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(n,s);Object.defineProperty(l,s,r.get?r:{enumerable:!0,get:()=>n[s]})}}return l.default=n,Object.freeze(l)}const e=K(_),N=a.createPropsContext(),g=e.forwardRef((n,l)=>{a.validatePackage(H.packageMetadata);const s=a.usePropsContext(N,n),{ariaDescribedBy:r,checked:y,children:v,className:x,disabled:o,id:B,size:F=L.size,label:d,labelPlacement:I,name:O,style:j,tabIndex:z,value:m,valid:S,onChange:h,onFocus:b,onBlur:p,...T}=s,C=a.useUnstyled(),f=C&&C.uRadioButton,u=e.useRef(null),R=e.useCallback(()=>{u.current&&u.current.focus()},[]),i=e.useCallback(()=>({element:u.current,focus:R}),[R]);e.useImperativeHandle(l,i);const P=a.useId(),q=e.useCallback(c=>{a.dispatchEvent(h,c,i(),{value:m})},[h,m,o]),D=e.useCallback(c=>{b&&!o&&a.dispatchEvent(b,c,i(),void 0)},[b,o]),M=e.useCallback(c=>{p&&!o&&a.dispatchEvent(p,c,i(),void 0)},[p,o]),w={type:"radio",id:B||P,name:O,className:a.classNames(a.uRadioButton.input({c:f,size:F,invalid:S===!1,checked:y}),x),ref:u,disabled:o,tabIndex:a.getTabIndex(z,o),checked:y,style:j,"aria-describedby":r,value:m,onChange:q,onFocus:D,onBlur:M,...T},k=e.createElement(e.Fragment,null,d!==void 0?e.createElement("label",{className:a.classNames(a.uRadioButton.label({c:f})),htmlFor:B||P,style:{userSelect:"none"},"aria-label":d},d):null),E=e.createElement("span",{className:a.classNames(a.uRadioButton.wrap({c:f}))},e.createElement("input",{...w}));return I==="before"?e.createElement(e.Fragment,null,k,E,v):e.createElement(e.Fragment,null,E,k,v)});g.propTypes={ariaDescribedBy:t.string,checked:t.bool,className:t.string,disabled:t.bool,id:t.string,size:t.oneOf([null,"small","medium","large"]),label:t.string,labelPlacement:t.string,name:t.string,style:t.object,tabIndex:t.number,value:t.any,valid:t.bool,onChange:t.func,onFocus:t.func,onBlur:t.func};const L={size:"medium"};g.displayName="KendoRadioButton";exports.RadioButton=g;exports.RadioButtonPropsContext=N;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("react"),t=require("prop-types"),a=require("@progress/kendo-react-common"),K=require("../package-metadata.js");function L(n){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const s in n)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(n,s);Object.defineProperty(l,s,r.get?r:{enumerable:!0,get:()=>n[s]})}}return l.default=n,Object.freeze(l)}const e=L(H),N=a.createPropsContext(),g=e.forwardRef((n,l)=>{a.validatePackage(K.packageMetadata);const s=a.usePropsContext(N,n),{ariaDescribedBy:r,checked:y,children:v,className:x,disabled:o,id:B,size:F=U.size,label:d,labelPlacement:I,name:O,style:j,tabIndex:q,value:m,valid:z,onChange:h,onFocus:b,onBlur:p,required:S,...T}=s,C=a.useUnstyled(),f=C&&C.uRadioButton,u=e.useRef(null),R=e.useCallback(()=>{u.current&&u.current.focus()},[]),i=e.useCallback(()=>({element:u.current,focus:R}),[R]);e.useImperativeHandle(l,i);const P=a.useId(),D=e.useCallback(c=>{a.dispatchEvent(h,c,i(),{value:m})},[h,m,o]),M=e.useCallback(c=>{b&&!o&&a.dispatchEvent(b,c,i(),void 0)},[b,o]),w=e.useCallback(c=>{p&&!o&&a.dispatchEvent(p,c,i(),void 0)},[p,o]),_={type:"radio",id:B||P,name:O,className:a.classNames(a.uRadioButton.input({c:f,size:F,invalid:z===!1,checked:y}),x),ref:u,disabled:o,tabIndex:a.getTabIndex(q,o),checked:y,style:j,"aria-describedby":r,"aria-required":S,value:m,onChange:D,onFocus:M,onBlur:w,...T},k=e.createElement(e.Fragment,null,d!==void 0?e.createElement("label",{className:a.classNames(a.uRadioButton.label({c:f})),htmlFor:B||P,style:{userSelect:"none"},"aria-label":d},d):null),E=e.createElement("span",{className:a.classNames(a.uRadioButton.wrap({c:f}))},e.createElement("input",{..._}));return I==="before"?e.createElement(e.Fragment,null,k,E,v):e.createElement(e.Fragment,null,E,k,v)});g.propTypes={ariaDescribedBy:t.string,checked:t.bool,className:t.string,disabled:t.bool,id:t.string,size:t.oneOf([null,"small","medium","large"]),label:t.string,labelPlacement:t.string,name:t.string,style:t.object,tabIndex:t.number,value:t.any,valid:t.bool,onChange:t.func,onFocus:t.func,onBlur:t.func};const U={size:"medium"};g.displayName="KendoRadioButton";exports.RadioButton=g;exports.RadioButtonPropsContext=N;

package/radiobutton/RadioButton.mjs

@@ -8,30 +8,31 @@
 "use client";
 import * as e from "react";
 import a from "prop-types";
-import { createPropsContext as S, validatePackage as U, usePropsContext as q, useUnstyled as A, useId as G, dispatchEvent as d, classNames as m, uRadioButton as b, getTabIndex as J } from "@progress/kendo-react-common";
-import { packageMetadata as Q } from "../package-metadata.mjs";
-const V = S(), P = e.forwardRef((R, x) => {
-  U(Q);
-  const E = q(V, R), {
+import { createPropsContext as S, validatePackage as U, usePropsContext as A, useUnstyled as G, useId as J, dispatchEvent as d, classNames as m, uRadioButton as b, getTabIndex as Q } from "@progress/kendo-react-common";
+import { packageMetadata as V } from "../package-metadata.mjs";
+const W = S(), P = e.forwardRef((R, x) => {
+  U(V);
+  const E = A(W, R), {
     ariaDescribedBy: F,
     checked: p,
     children: f,
     className: I,
     disabled: t,
     id: g,
-    size: N = W.size,
+    size: N = X.size,
     label: o,
     labelPlacement: z,
     name: T,
-    style: w,
-    tabIndex: D,
-    value: c,
-    valid: H,
+    style: q,
+    tabIndex: w,
+    value: r,
+    valid: D,
     onChange: h,
-    onFocus: r,
+    onFocus: c,
     onBlur: i,
+    required: H,
     ...j
-  } = E, y = A(), u = y && y.uRadioButton, l = e.useRef(null), C = e.useCallback(
+  } = E, y = G(), u = y && y.uRadioButton, l = e.useRef(null), C = e.useCallback(
     () => {
       l.current && l.current.focus();
     },
@@ -44,26 +45,26 @@ const V = S(), P = e.forwardRef((R, x) => {
     [C]
   );
   e.useImperativeHandle(x, s);
-  const v = G(), K = e.useCallback(
+  const v = J(), K = e.useCallback(
     (n) => {
       d(
         h,
         n,
         s(),
-        { value: c }
+        { value: r }
       );
     },
-    [h, c, t]
+    [h, r, t]
   ), L = e.useCallback(
     (n) => {
-      r && !t && d(
-        r,
+      c && !t && d(
+        c,
         n,
         s(),
         void 0
       );
     },
-    [r, t]
+    [c, t]
   ), M = e.useCallback(
     (n) => {
       i && !t && d(
@@ -82,18 +83,19 @@ const V = S(), P = e.forwardRef((R, x) => {
       b.input({
         c: u,
         size: N,
-        invalid: H === !1,
+        invalid: D === !1,
         checked: p
       }),
       I
     ),
     ref: l,
     disabled: t,
-    tabIndex: J(D, t),
+    tabIndex: Q(w, t),
     checked: p,
-    style: w,
+    style: q,
     "aria-describedby": F,
-    value: c,
+    "aria-required": H,
+    value: r,
     onChange: K,
     onFocus: L,
     onBlur: M,
@@ -128,11 +130,11 @@ P.propTypes = {
   onFocus: a.func,
   onBlur: a.func
 };
-const W = {
+const X = {
   size: "medium"
 };
 P.displayName = "KendoRadioButton";
 export {
   P as RadioButton,
-  V as RadioButtonPropsContext
+  W as RadioButtonPropsContext
 };

package/radiobutton/RadioGroup.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const K=require("react"),e=require("prop-types"),U=require("./RadioButton.js"),a=require("@progress/kendo-react-common"),A=require("../package-metadata.js");function J(o){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const n in o)if(n!=="default"){const i=Object.getOwnPropertyDescriptor(o,n);Object.defineProperty(c,n,i.get?i:{enumerable:!0,get:()=>o[n]})}}return c.default=o,Object.freeze(c)}const s=J(K),N=a.createPropsContext(),y=s.forwardRef((o,c)=>{a.validatePackage(A.packageMetadata);const n=a.usePropsContext(N,o),{id:i,ariaLabelledBy:O,ariaDescribedBy:j,className:B,data:g,defaultValue:I,disabled:l,name:F,labelPlacement:S,layout:d,style:q,value:C,valid:x,item:D=Q.item,onChange:b,onFocus:m}=n,v=a.useUnstyled(),h=v&&v.uRadioGroup,u=s.useRef(null),R=s.useCallback(()=>{u.current&&a.focusFirstFocusableChild(u.current)},[]),p=s.useCallback(()=>({element:u.current,focus:R}),[R]);s.useImperativeHandle(c,p);const[M,k]=s.useState(I),P=C!==void 0,f=P?C:M,T=s.useCallback(t=>{let r=t.value;!P&&!l&&k(r),b&&!l&&a.dispatchEvent(b,t.syntheticEvent,p(),{value:r})},[k,b,l]),V=s.useCallback(t=>{m&&!l&&a.dispatchEvent(m,t.syntheticEvent,p(),void 0)},[m,l]),z=a.useId(),_=a.classNames(a.uRadioGroup.ul({c:h,horizontal:d==="horizontal",vertical:d==="vertical"||d===void 0}),B),w=a.useRtl(u,n.dir),H=g&&g.map((t,r)=>{const G=f===t.value,L=f==null,E={...t,valid:x,checked:G,disabled:!!(t.disabled||l),labelPlacement:t.labelPlacement?t.labelPlacement:S,tabIndex:t.tabIndex?t.tabIndex:L&&r===0||G?0:-1,index:r,name:F||z,onChange:T,onFocus:V};return s.createElement(D,{className:a.classNames(a.uRadioGroup.item({c:h,disabled:E.disabled||l})),key:r,role:"none"},s.createElement(U.RadioButton,{...E}))});return s.createElement("ul",{id:i,role:"radiogroup",className:_,ref:u,dir:w,style:q,"aria-labelledby":O,"aria-describedby":j},H)}),Q={item:o=>s.createElement("li",{...o})};y.propTypes={ariaLabelledBy:e.string,ariaDescribedBy:e.string,className:e.string,data:e.arrayOf(e.object),defaultValue:e.any,dir:e.string,disabled:e.bool,labelPlacement:e.string,layout:e.string,name:e.string,style:e.object,value:e.any,onChange:e.func,onFocus:e.func};y.displayName="KendoRadioGroup";exports.RadioGroup=y;exports.RadioGroupPropsContext=N;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const K=require("react"),e=require("prop-types"),U=require("./RadioButton.js"),t=require("@progress/kendo-react-common"),A=require("../package-metadata.js");function J(n){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const o in n)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(c,o,i.get?i:{enumerable:!0,get:()=>n[o]})}}return c.default=n,Object.freeze(c)}const s=J(K),N=t.createPropsContext(),y=s.forwardRef((n,c)=>{t.validatePackage(A.packageMetadata);const o=t.usePropsContext(N,n),{id:i,ariaLabelledBy:O,ariaDescribedBy:j,className:q,data:g,defaultValue:B,disabled:r,name:I,labelPlacement:F,layout:d,style:S,value:C,valid:x,item:D=Q.item,onChange:b,onFocus:m}=o,v=t.useUnstyled(),h=v&&v.uRadioGroup,u=s.useRef(null),R=s.useCallback(()=>{u.current&&t.focusFirstFocusableChild(u.current)},[]),p=s.useCallback(()=>({element:u.current,focus:R}),[R]);s.useImperativeHandle(c,p);const[M,k]=s.useState(B),P=C!==void 0,f=P?C:M,T=s.useCallback(a=>{const l=a.value;!P&&!r&&k(l),b&&!r&&t.dispatchEvent(b,a.syntheticEvent,p(),{value:l})},[k,b,r]),V=s.useCallback(a=>{m&&!r&&t.dispatchEvent(m,a.syntheticEvent,p(),void 0)},[m,r]),z=t.useId(),_=t.classNames(t.uRadioGroup.ul({c:h,horizontal:d==="horizontal",vertical:d==="vertical"||d===void 0}),q),w=t.useRtl(u,o.dir),H=g&&g.map((a,l)=>{const G=f===a.value,L=f==null,E={...a,valid:x,checked:G,disabled:!!(a.disabled||r),labelPlacement:a.labelPlacement?a.labelPlacement:F,tabIndex:a.tabIndex?a.tabIndex:L&&l===0||G?0:-1,index:l,name:I||z,required:a.required,onChange:T,onFocus:V};return s.createElement(D,{className:t.classNames(t.uRadioGroup.item({c:h,disabled:E.disabled||r})),key:l,role:"none"},s.createElement(U.RadioButton,{...E}))});return s.createElement("ul",{id:i,role:"radiogroup",className:_,ref:u,dir:w,style:S,"aria-labelledby":O,"aria-describedby":j},H)}),Q={item:n=>s.createElement("li",{...n})};y.propTypes={ariaLabelledBy:e.string,ariaDescribedBy:e.string,className:e.string,data:e.arrayOf(e.object),defaultValue:e.any,dir:e.string,disabled:e.bool,labelPlacement:e.string,layout:e.string,name:e.string,style:e.object,value:e.any,onChange:e.func,onFocus:e.func};y.displayName="KendoRadioGroup";exports.RadioGroup=y;exports.RadioGroupPropsContext=N;

package/radiobutton/RadioGroup.mjs

@@ -11,9 +11,9 @@ import e from "prop-types";
 import { RadioButton as A } from "./RadioButton.mjs";
 import { createPropsContext as J, validatePackage as Q, usePropsContext as W, useUnstyled as X, focusFirstFocusableChild as Y, dispatchEvent as P, useId as Z, classNames as R, uRadioGroup as E, useRtl as _ } from "@progress/kendo-react-common";
 import { packageMetadata as $ } from "../package-metadata.mjs";
-const ee = J(), G = t.forwardRef((n, I) => {
+const ee = J(), G = t.forwardRef((r, I) => {
   Q($);
-  const m = W(ee, n), {
+  const m = W(ee, r), {
     id: N,
     ariaLabelledBy: B,
     ariaDescribedBy: F,
@@ -23,11 +23,11 @@ const ee = J(), G = t.forwardRef((n, I) => {
     disabled: s,
     name: O,
     labelPlacement: j,
-    layout: r,
-    style: z,
+    layout: n,
+    style: q,
     value: p,
-    valid: D,
-    item: H = ae.item,
+    valid: z,
+    item: D = ae.item,
     onChange: c,
     onFocus: d
   } = m, f = X(), y = f && f.uRadioGroup, o = t.useRef(null), C = t.useCallback(
@@ -43,9 +43,9 @@ const ee = J(), G = t.forwardRef((n, I) => {
     [C]
   );
   t.useImperativeHandle(I, i);
-  const [L, h] = t.useState(V), v = p !== void 0, u = v ? p : L, S = t.useCallback(
+  const [H, h] = t.useState(V), v = p !== void 0, u = v ? p : H, L = t.useCallback(
     (a) => {
-      let l = a.value;
+      const l = a.value;
       !v && !s && h(l), c && !s && P(
         c,
         a.syntheticEvent,
@@ -54,7 +54,7 @@ const ee = J(), G = t.forwardRef((n, I) => {
       );
     },
     [h, c, s]
-  ), T = t.useCallback(
+  ), S = t.useCallback(
     (a) => {
       d && !s && P(
         d,
@@ -64,28 +64,29 @@ const ee = J(), G = t.forwardRef((n, I) => {
       );
     },
     [d, s]
-  ), w = Z(), K = R(
+  ), T = Z(), w = R(
     E.ul({
       c: y,
-      horizontal: r === "horizontal",
-      vertical: r === "vertical" || r === void 0
+      horizontal: n === "horizontal",
+      vertical: n === "vertical" || n === void 0
     }),
     x
-  ), M = _(o, m.dir), U = b && b.map((a, l) => {
-    const g = u === a.value, q = u == null, k = {
+  ), K = _(o, m.dir), M = b && b.map((a, l) => {
+    const g = u === a.value, U = u == null, k = {
       ...a,
-      valid: D,
+      valid: z,
       checked: g,
       disabled: !!(a.disabled || s),
       labelPlacement: a.labelPlacement ? a.labelPlacement : j,
-      tabIndex: a.tabIndex ? a.tabIndex : q && l === 0 || g ? 0 : -1,
+      tabIndex: a.tabIndex ? a.tabIndex : U && l === 0 || g ? 0 : -1,
       index: l,
-      name: O || w,
-      onChange: S,
-      onFocus: T
+      name: O || T,
+      required: a.required,
+      onChange: L,
+      onFocus: S
     };
     return /* @__PURE__ */ t.createElement(
-      H,
+      D,
       {
         className: R(
           E.item({
@@ -104,17 +105,17 @@ const ee = J(), G = t.forwardRef((n, I) => {
     {
       id: N,
       role: "radiogroup",
-      className: K,
+      className: w,
       ref: o,
-      dir: M,
-      style: z,
+      dir: K,
+      style: q,
       "aria-labelledby": B,
       "aria-describedby": F
     },
-    U
+    M
   );
 }), ae = {
-  item: (n) => /* @__PURE__ */ t.createElement("li", { ...n })
+  item: (r) => /* @__PURE__ */ t.createElement("li", { ...r })
 };
 G.propTypes = {
   ariaLabelledBy: e.string,