@progress/kendo-react-inputs 15.2.0-develop.1 → 15.2.0-develop.2

package/otpinput/OTPInput.mjs

@@ -5,25 +5,23 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as r from "react";
-import { useAsyncFocusBlur as de, useWebMcpRegister as me, classNames as he, kendoThemeMaps as be } from "@progress/kendo-react-common";
-import { OTPInputCell as Ce } from "./OTPInputCell.mjs";
-import { OTPInputSeparator as ge } from "./OTPInputSeparator.mjs";
-import { useLocalization as ve } from "@progress/kendo-react-intl";
-import { otpInputAriaLabel as j, messages as ke } from "../messages/index.mjs";
-const ye = 4;
-function Ee(f, d) {
-  if (Array.isArray(d)) {
-    const C = d.reduce((_, w) => _ + w, 0);
-    return C !== f && console.warn(`[OTPInput] The sum of groupLength values (${C}) must equal length (${f}).`), d;
+import * as a from "react";
+import { useAsyncFocusBlur as pe, useWebMcpRegister as de, classNames as fe, kendoThemeMaps as me } from "@progress/kendo-react-common";
+import { OTPInputCell as he } from "./OTPInputCell.mjs";
+import { OTPInputSeparator as be } from "./OTPInputSeparator.mjs";
+const Ce = 4;
+function ve(d, f) {
+  if (Array.isArray(f)) {
+    const C = f.reduce((_, w) => _ + w, 0);
+    return C !== d && console.warn(`[OTPInput] The sum of groupLength values (${C}) must equal length (${d}).`), f;
   }
   const y = [];
-  let m = f;
+  let m = d;
   for (; m > 0; )
-    y.push(Math.min(d, m)), m -= d;
+    y.push(Math.min(f, m)), m -= f;
   return y;
 }
-const _e = r.forwardRef((f, d) => {
+const ge = a.forwardRef((d, f) => {
   const {
     value: y,
     defaultValue: m,
@@ -32,100 +30,100 @@ const _e = r.forwardRef((f, d) => {
     separator: w,
     type: h,
     placeholder: H,
-    spacing: L,
-    disabled: z,
+    spacing: N,
+    disabled: P,
     readOnly: E,
-    inputAttributes: q,
+    inputAttributes: S,
     name: R,
-    required: G,
+    required: q,
     valid: A,
     size: D,
-    fillMode: U,
-    rounded: W,
+    fillMode: G,
+    rounded: U,
     onChange: M,
     onFocus: B,
-    onBlur: N,
-    ariaLabel: J,
-    ariaLabelledBy: Q,
-    ariaDescribedBy: X,
-    id: I,
-    style: Y,
-    dir: V,
-    className: Z,
+    onBlur: K,
+    ariaLabel: W,
+    ariaLabelledBy: J,
+    ariaDescribedBy: Q,
+    id: V,
+    style: X,
+    dir: F,
+    className: Y,
     // Form
-    touched: we,
-    visited: Re,
-    modified: De,
-    validationMessage: Te,
-    ...x
-  } = f, o = C != null ? C : ye, F = y !== void 0, [ee, te] = r.useState(() => (m != null ? m : "").padEnd(o, " ").slice(0, o)), n = (F ? y : ee).padEnd(o, " ").slice(0, o), O = r.useRef(n);
+    touched: ke,
+    visited: ye,
+    modified: Ee,
+    validationMessage: _e,
+    ...Z
+  } = d, u = C != null ? C : Ce, I = y !== void 0, [x, ee] = a.useState(() => (m != null ? m : "").padEnd(u, " ").slice(0, u)), n = (I ? y : x).padEnd(u, " ").slice(0, u), O = a.useRef(n);
   O.current = n;
-  const [ae, P] = r.useState(null), g = r.useRef(null), v = r.useCallback((e) => {
-    g.current !== null && clearTimeout(g.current), P(e), g.current = setTimeout(() => {
-      P(null), g.current = null;
+  const [te, j] = a.useState(null), v = a.useRef(null), g = a.useCallback((e) => {
+    v.current !== null && clearTimeout(v.current), j(e), v.current = setTimeout(() => {
+      j(null), v.current = null;
     }, 300);
   }, []);
-  r.useEffect(() => () => {
-    g.current !== null && clearTimeout(g.current);
+  a.useEffect(() => () => {
+    v.current !== null && clearTimeout(v.current);
   }, []);
-  const S = r.useRef(null), T = r.useRef([]), k = r.useRef(null), c = r.useCallback(
+  const z = a.useRef(null), T = a.useRef([]), k = a.useRef(null), o = a.useCallback(
     (e) => {
       var l;
-      const t = Math.max(0, Math.min(e, o - 1));
+      const t = Math.max(0, Math.min(e, u - 1));
       (l = T.current[t]) == null || l.focus();
     },
-    [o]
-  ), p = r.useCallback(
+    [u]
+  ), p = a.useCallback(
     (e, t) => {
-      const l = e.padEnd(o, " ").slice(0, o);
-      l !== n && (O.current = l, F || te(l), M && M({
+      const l = e.padEnd(u, " ").slice(0, u);
+      l !== n && (O.current = l, I || ee(l), M && M({
         syntheticEvent: t,
         nativeEvent: t.nativeEvent,
         target: k.current,
         value: l
       }));
     },
-    [F, o, M, n]
-  ), re = r.useCallback(
+    [I, u, M, n]
+  ), re = a.useCallback(
     (e, t, l) => {
-      const a = l.target.value.slice(-1);
-      if (!a)
+      const r = l.target.value.slice(-1);
+      if (!r)
         return;
-      if (h === "number" && !/^\d$/.test(a)) {
-        v(e);
+      if (h === "number" && !/^\d$/.test(r)) {
+        g(e);
         const b = n[e] === " " ? "" : n[e];
         l.target.value = b, l.target.select();
         return;
       }
       const i = O.current.split("");
-      i[e] = a;
+      i[e] = r;
       const s = i.join("");
-      p(s, l), c(e + 1);
+      p(s, l), o(e + 1);
     },
-    [n, p, c, h, v]
-  ), K = r.useCallback(
+    [n, p, o, h, g]
+  ), L = a.useCallback(
     (e, t, l) => {
       if (l.preventDefault(), h === "number" && !/^\d$/.test(t)) {
-        v(e), l.target.select();
+        g(e), l.target.select();
         return;
       }
-      const u = n.split("");
-      u[e] = t, p(u.join(""), l), c(e + 1);
+      const c = n.split("");
+      c[e] = t, p(c.join(""), l), o(e + 1);
     },
-    [h, v, n, p, c]
-  ), le = r.useCallback(
+    [h, g, n, p, o]
+  ), ae = a.useCallback(
     (e, t) => {
-      var u;
+      var c;
       if (E)
         return;
-      const l = V === "rtl";
+      const l = F === "rtl";
       switch (t.key) {
         case "ArrowLeft": {
-          t.preventDefault(), c(l ? e + 1 : e - 1);
+          t.preventDefault(), o(l ? e + 1 : e - 1);
           break;
         }
         case "ArrowRight": {
-          t.preventDefault(), c(l ? e - 1 : e + 1);
+          t.preventDefault(), o(l ? e - 1 : e + 1);
           break;
         }
         case "ArrowUp":
@@ -135,25 +133,25 @@ const _e = r.forwardRef((f, d) => {
         }
         case "Backspace": {
           t.preventDefault();
-          const a = n.split("");
-          a[e] = " ", p(a.join(""), t), c(e - 1);
+          const r = n.split("");
+          r[e] = " ", p(r.join(""), t), o(e - 1);
           break;
         }
         case "Delete": {
           t.preventDefault();
-          const a = n.split("");
-          a[e] = " ", p(a.join(""), t);
+          const r = n.split("");
+          r[e] = " ", p(r.join(""), t);
           break;
         }
         default: {
-          const { key: a, ctrlKey: i, altKey: s, metaKey: b } = t, $ = (u = n[e]) != null ? u : " ";
-          a.length === 1 && !i && !s && !b && $ !== " " && K(e, a, t);
+          const { key: r, ctrlKey: i, altKey: s, metaKey: b } = t, $ = (c = n[e]) != null ? c : " ";
+          r.length === 1 && !i && !s && !b && $ !== " " && L(e, r, t);
           break;
         }
       }
     },
-    [n, p, c, V, E, K]
-  ), ne = r.useCallback(
+    [n, p, o, F, E, L]
+  ), le = a.useCallback(
     (e, t) => {
       B && B({
         syntheticEvent: t,
@@ -163,139 +161,139 @@ const _e = r.forwardRef((f, d) => {
       });
     },
     [B]
-  ), se = r.useCallback((e, t) => {
-  }, []), { onFocus: oe, onBlur: ue } = de({
+  ), ne = a.useCallback((e, t) => {
+  }, []), { onFocus: se, onBlur: ue } = pe({
     onFocus: (e) => {
     },
     onBlur: (e) => {
-      N && N({
+      K && K({
         syntheticEvent: e,
         nativeEvent: e.nativeEvent,
         target: k.current
       });
     }
-  }), ce = r.useCallback(
+  }), ce = a.useCallback(
     (e) => {
       if (e.preventDefault(), E)
         return;
       const t = e.clipboardData.getData("text");
       if (!t)
         return;
-      const l = T.current.findIndex((s) => s === document.activeElement), u = l >= 0 ? l : 0;
+      const l = T.current.findIndex((s) => s === document.activeElement), c = l >= 0 ? l : 0;
       if (h === "number" && !/^\d+$/.test(t.trim())) {
-        v(u);
+        g(c);
         return;
       }
-      const a = n.split("");
-      for (let s = 0; s < t.length && u + s < o; s++)
-        a[u + s] = t[s];
-      p(a.join(""), e);
-      const i = Math.min(u + t.length, o - 1);
-      c(i);
+      const r = n.split("");
+      for (let s = 0; s < t.length && c + s < u; s++)
+        r[c + s] = t[s];
+      p(r.join(""), e);
+      const i = Math.min(c + t.length, u - 1);
+      o(i);
     },
-    [n, p, c, o, h, v, E]
+    [n, p, o, u, h, g, E]
   );
-  r.useImperativeHandle(k, () => ({
+  a.useImperativeHandle(k, () => ({
     get element() {
-      return S.current;
+      return z.current;
     },
     get value() {
       return n;
     },
     focus(e) {
       if (e !== void 0)
-        c(e);
+        o(e);
       else {
         const t = n.indexOf(" ");
-        c(t >= 0 ? t : o - 1);
+        o(t >= 0 ? t : u - 1);
       }
     },
     blur() {
       T.current.forEach((e) => e == null ? void 0 : e.blur());
     }
-  })), r.useImperativeHandle(d, () => k.current), me("otpinput", k, f, f.webMcp);
-  const ie = () => {
-    const e = (a) => {
+  })), a.useImperativeHandle(f, () => k.current), de("otpinput", k, d, d.webMcp);
+  const oe = () => {
+    const e = (r) => {
       var i;
-      return /* @__PURE__ */ r.createElement(
-        Ce,
+      return /* @__PURE__ */ a.createElement(
+        he,
         {
-          key: a,
+          key: r,
           ref: (s) => {
-            T.current[a] = s;
+            T.current[r] = s;
           },
-          index: a,
-          totalLength: o,
-          char: (i = n[a]) != null ? i : " ",
+          index: r,
+          totalLength: u,
+          char: (i = n[r]) != null ? i : " ",
           type: h,
           placeholder: H,
-          disabled: z,
+          disabled: P,
           readOnly: E,
-          required: G,
+          required: q,
           size: D,
-          fillMode: U,
-          rounded: W,
-          inputAttributes: q,
-          valid: A === !1 || ae === a ? !1 : A,
+          fillMode: G,
+          rounded: U,
+          inputAttributes: S,
+          valid: A === !1 || te === r ? !1 : A,
           onCellChange: re,
-          onCellKeyDown: le,
-          onCellFocus: ne,
-          onCellBlur: se,
-          name: R ? `${R}-cell-${a}` : `otp-cell-${a}`,
-          id: I ? `${I}-cell-${a}` : `otp-cell-${a}`
+          onCellKeyDown: ae,
+          onCellFocus: le,
+          onCellBlur: ne,
+          name: R ? `${R}-cell-${r}` : `otp-cell-${r}`,
+          id: V ? `${V}-cell-${r}` : `otp-cell-${r}`
         }
       );
     };
     if (!_) {
-      const a = Array.from({ length: o }, (i, s) => e(s));
-      return L === !1 ? [
-        /* @__PURE__ */ r.createElement("div", { key: "group", className: "k-input-group" }, a)
-      ] : a;
+      const r = Array.from({ length: u }, (i, s) => e(s));
+      return N === !1 ? [
+        /* @__PURE__ */ a.createElement("div", { key: "group", className: "k-input-group" }, r)
+      ] : r;
     }
-    const t = Ee(o, _);
+    const t = ve(u, _);
     let l = 0;
-    const u = [];
-    return t.forEach((a, i) => {
+    const c = [];
+    return t.forEach((r, i) => {
       const s = l;
-      i > 0 && w !== void 0 && u.push(/* @__PURE__ */ r.createElement(ge, { key: `sep-${s}`, separator: w }));
+      i > 0 && w !== void 0 && c.push(/* @__PURE__ */ a.createElement(be, { key: `sep-${s}`, separator: w }));
       const b = [];
-      for (let $ = 0; $ < a; $++)
+      for (let $ = 0; $ < r; $++)
         b.push(e(l++));
-      L === !1 ? u.push(
-        /* @__PURE__ */ r.createElement("div", { key: `group-${s}`, className: "k-input-group" }, b)
-      ) : u.push(...b);
-    }), u;
-  }, pe = he(
+      N === !1 ? c.push(
+        /* @__PURE__ */ a.createElement("div", { key: `group-${s}`, className: "k-input-group" }, b)
+      ) : c.push(...b);
+    }), c;
+  }, ie = fe(
     "k-otp",
     {
-      "k-disabled": z,
+      "k-disabled": P,
       "k-invalid": A === !1,
-      [`k-otp-${be.sizeMap[D] || D}`]: D
+      [`k-otp-${me.sizeMap[D] || D}`]: D
     },
-    Z
-  ), fe = ve().toLanguageString(j, ke[j]);
-  return /* @__PURE__ */ r.createElement(
+    Y
+  );
+  return /* @__PURE__ */ a.createElement(
     "div",
     {
-      ref: S,
-      className: pe,
+      ref: z,
+      className: ie,
       role: "group",
-      "aria-label": J || fe,
-      "aria-labelledby": Q,
-      "aria-describedby": X,
-      id: I,
-      style: Y,
-      dir: V,
-      onFocus: oe,
+      "aria-label": W,
+      "aria-labelledby": J,
+      "aria-describedby": Q,
+      id: V,
+      style: X,
+      dir: F,
+      onFocus: se,
       onBlur: ue,
       onPaste: ce,
-      ...x
+      ...Z
     },
-    R && /* @__PURE__ */ r.createElement("input", { "aria-hidden": !0, type: "hidden", name: R, value: n.replace(/ /g, "") }),
-    ie()
+    R && /* @__PURE__ */ a.createElement("input", { "aria-hidden": !0, type: "hidden", name: R, value: n.replace(/ /g, "") }),
+    oe()
   );
 });
-_e.displayName = "KendoReactOTPInput";
+ge.displayName = "KendoReactOTPInput";
 export {
-  _e as OTPInput
+  ge as OTPInput
 };

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: 1784273472,version:"15.2.0-develop.1",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: 1785412073,version:"15.2.0-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = Object.freeze({
     productName: 'KendoReact',
     productCode: 'KENDOUIREACT',
     productCodes: ['KENDOUIREACT'],
-    publishDate: 1784273472,
-    version: '15.2.0-develop.1',
+    publishDate: 1785412073,
+    version: '15.2.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": "15.2.0-develop.1",
+  "version": "15.2.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,14 +28,14 @@
     "@progress/kendo-drawing": "^1.21.2",
     "@progress/kendo-inputs-common": "^3.1.0",
     "@progress/kendo-licensing": "^1.7.2",
-    "@progress/kendo-react-animation": "15.2.0-develop.1",
-    "@progress/kendo-react-buttons": "15.2.0-develop.1",
-    "@progress/kendo-react-common": "15.2.0-develop.1",
-    "@progress/kendo-react-dialogs": "15.2.0-develop.1",
-    "@progress/kendo-react-layout": "15.2.0-develop.1",
-    "@progress/kendo-react-intl": "15.2.0-develop.1",
-    "@progress/kendo-react-labels": "15.2.0-develop.1",
-    "@progress/kendo-react-popup": "15.2.0-develop.1",
+    "@progress/kendo-react-animation": "15.2.0-develop.2",
+    "@progress/kendo-react-buttons": "15.2.0-develop.2",
+    "@progress/kendo-react-common": "15.2.0-develop.2",
+    "@progress/kendo-react-dialogs": "15.2.0-develop.2",
+    "@progress/kendo-react-layout": "15.2.0-develop.2",
+    "@progress/kendo-react-intl": "15.2.0-develop.2",
+    "@progress/kendo-react-labels": "15.2.0-develop.2",
+    "@progress/kendo-react-popup": "15.2.0-develop.2",
     "@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
@@ -82,7 +82,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1784273472,
+      "publishDate": 1785412073,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },

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

package/radiobutton/RadioButton.mjs

@@ -8,29 +8,29 @@
 import * as e from "react";
 import a from "prop-types";
 import { usePropsContext as A, useUnstyled as G, useId as J, dispatchEvent as d, getTabIndex as M, classNames as m, uRadioButton as b, createPropsContext as Q } from "@progress/kendo-react-common";
-const V = Q(), x = e.forwardRef((E, F) => {
-  const I = A(V, E), {
-    ariaDescribedBy: P,
-    ariaLabel: k,
+const V = Q(), E = e.forwardRef((F, I) => {
+  const P = A(V, F), {
+    ariaDescribedBy: k,
+    ariaLabel: N,
     checked: p,
     children: f,
-    className: N,
+    className: z,
     disabled: n,
     id: g,
-    size: z = W.size,
+    size: L = W.size,
     label: o,
-    labelPlacement: L,
-    name: T,
-    style: q,
-    tabIndex: w,
+    labelPlacement: T,
+    name: q,
+    style: w,
+    tabIndex: D,
     value: r,
-    valid: D,
+    valid: v,
     onChange: h,
     onFocus: c,
     onBlur: i,
     required: H,
     ...j
-  } = I, y = G(), u = y && y.uRadioButton, l = e.useRef(null), C = e.useCallback(() => {
+  } = P, y = G(), u = y && y.uRadioButton, l = e.useRef(null), C = e.useCallback(() => {
     l.current && l.current.focus();
   }, []), s = e.useCallback(
     () => ({
@@ -39,8 +39,8 @@ const V = Q(), x = e.forwardRef((E, F) => {
     }),
     [C]
   );
-  e.useImperativeHandle(F, s);
-  const v = J(), K = e.useCallback(
+  e.useImperativeHandle(I, s);
+  const B = J(), K = e.useCallback(
     (t) => {
       d(h, t, s(), {
         value: r
@@ -64,43 +64,45 @@ const V = Q(), x = e.forwardRef((E, F) => {
     [i, n]
   ), U = {
     type: "radio",
-    id: g || v,
-    name: T,
+    id: g || B,
+    name: q,
     className: m(
       b.input({
         c: u,
-        size: z,
-        invalid: D === !1,
+        size: L,
+        disabled: n,
+        invalid: v === !1,
         checked: p
       }),
-      N
+      z
     ),
     ref: l,
     disabled: n,
-    tabIndex: M(w, n),
+    tabIndex: M(D, n),
     checked: p,
-    style: q,
-    "aria-describedby": P,
-    "aria-label": k,
+    style: w,
+    "aria-describedby": k,
+    "aria-label": N,
     "aria-required": H,
+    "aria-invalid": v === !1 ? "true" : void 0,
     value: r,
     onChange: K,
     onFocus: O,
     onBlur: S,
     ...j
-  }, B = /* @__PURE__ */ e.createElement(e.Fragment, null, o !== void 0 ? /* @__PURE__ */ e.createElement(
+  }, R = /* @__PURE__ */ e.createElement(e.Fragment, null, o !== void 0 ? /* @__PURE__ */ e.createElement(
     "label",
     {
       className: m(b.label({ c: u })),
-      htmlFor: g || v,
+      htmlFor: g || B,
       style: { userSelect: "none" },
       "aria-label": o
     },
     o
-  ) : null), R = /* @__PURE__ */ e.createElement("span", { className: m(b.wrap({ c: u })) }, /* @__PURE__ */ e.createElement("input", { ...U }));
-  return L === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, B, R, f) : /* @__PURE__ */ e.createElement(e.Fragment, null, R, B, f);
+  ) : null), x = /* @__PURE__ */ e.createElement("span", { className: m(b.wrap({ c: u })) }, /* @__PURE__ */ e.createElement("input", { ...U }));
+  return T === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, R, x, f) : /* @__PURE__ */ e.createElement(e.Fragment, null, x, R, f);
 });
-x.propTypes = {
+E.propTypes = {
   ariaDescribedBy: a.string,
   ariaLabel: a.string,
   checked: a.bool,
@@ -122,8 +124,8 @@ x.propTypes = {
 const W = {
   size: void 0
 };
-x.displayName = "KendoRadioButton";
+E.displayName = "KendoRadioButton";
 export {
-  x as RadioButton,
+  E as RadioButton,
   V as RadioButtonPropsContext
 };