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

package/numerictextbox/interfaces/NumericTextBoxHandle.d.ts

@@ -0,0 +1,46 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { FormComponentValidity } from '@progress/kendo-react-common';
+import { NumericTextBoxProps } from './NumericTextBoxProps.js';
+/**
+ * The NumericTextBox ref.
+ */
+export interface NumericTextBoxHandle {
+    /**
+     * The NumericTextBox element.
+     */
+    element: HTMLInputElement | null;
+    /**
+     * Focus the NumericTextBox.
+     */
+    focus: () => void;
+    /**
+     * Gets the `name` property of the NumericTextBox.
+     */
+    name: string | undefined;
+    /**
+     * Gets the value of the NumericTextBox.
+     */
+    value: number | null;
+    /**
+     * Represents the validity state into which the NumericTextBox is set.
+     */
+    validity: FormComponentValidity;
+    /**
+     * @hidden
+     */
+    props: NumericTextBoxProps;
+    /**
+     * @hidden
+     */
+    validityStyles: boolean;
+    /**
+     * @hidden
+     */
+    required: boolean;
+}

package/numerictextbox/interfaces/NumericTextBoxProps.d.ts

@@ -0,0 +1,212 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { CustomComponent, FormComponentProps } from '@progress/kendo-react-common';
+import { NumberFormatOptions } from '@progress/kendo-react-intl';
+import { NumericTextBoxChangeEvent } from './NumericTextBoxChangeEvent.js';
+import { NumericTextBoxFocusEvent } from './NumericTextBoxFocusEvent.js';
+import { NumericTextBoxBlurEvent } from './NumericTextBoxBlurEvent.js';
+type NumericTextBoxInputType = 'tel' | 'text' | 'number';
+/**
+ * Represents the props of the [KendoReact NumericTextBox component](https://www.telerik.com/kendo-react-ui/components/inputs/numerictextbox).
+ */
+export interface NumericTextBoxProps extends FormComponentProps, Omit<React.HTMLAttributes<HTMLElement>, 'defaultValue' | 'prefix' | 'onChange' | 'onBlur' | 'onFocus'> {
+    /**
+     * Sets a class of the NumericTextBox DOM element.
+     */
+    className?: string;
+    /**
+     * Specifies the value of the NumericTextBox.
+     */
+    value?: number | null;
+    /**
+     * Specifies the initial value. Leaves the subsequent updates uncontrolled.
+     */
+    defaultValue?: number | null;
+    /**
+     * Specifies the value that is used to increment or decrement the value of the NumericTextBox ([see example](https://www.telerik.com/kendo-react-ui/components/inputs/numerictextbox/incremental-step)).
+     */
+    step?: number;
+    /**
+     * Specifies the number format which is used for formatting the value ([see example](https://www.telerik.com/kendo-react-ui/components/inputs/numerictextbox/formats)). If set to `an empty string` or `undefined`, the default format will be used. Format cannot contain decimal separators or numbers. Power signs are supported.
+     */
+    format?: string | NumberFormatOptions;
+    /**
+     * Specifies the width of the NumericTextBox.
+     */
+    width?: number | string;
+    /**
+     * Sets the `tabIndex` property of the NumericTextBox.
+     */
+    tabIndex?: number;
+    /**
+     * Specifies the `accessKey` of the NumericTextBox.
+     */
+    accessKey?: string;
+    /**
+     * Sets the title of the `input` element of the NumericTextBox.
+     */
+    title?: string;
+    /**
+     * Specifies the input placeholder.
+     */
+    placeholder?: string;
+    /**
+     * Specifies the smallest value that can be entered.
+     */
+    min?: number;
+    /**
+     * Specifies the greatest value that can be entered.
+     */
+    max?: number;
+    /**
+     * Specifies whether the **Up** and **Down** spin buttons will be rendered ([see example](https://www.telerik.com/kendo-react-ui/components/inputs/numerictextbox/spin-buttons)).
+     */
+    spinners?: boolean;
+    /**
+     * Determines whether the NumericTextBox is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Represents the `dir` HTML attribute.
+     */
+    dir?: string;
+    /**
+     * Specifies the name of the `input` DOM element.
+     */
+    name?: string;
+    /**
+     * Renders a floating label for the NumericTextBox.
+     */
+    label?: string;
+    /**
+     * Sets the `id` of the `input` DOM element.
+     */
+    id?: string;
+    /**
+     * Sets a custom prefix to the NumericTextBox component.
+     */
+    prefix?: CustomComponent<any>;
+    /**
+     * Sets a custom suffix to the NumericTextBox component.
+     */
+    suffix?: CustomComponent<any>;
+    /**
+     * Identifies the element(s) which will describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
+     * For example these elements could contain error or hint message.
+     */
+    ariaDescribedBy?: string;
+    /**
+     * Identifies the element(s) which will label the component.
+     */
+    ariaLabelledBy?: string;
+    /**
+     * The accessible label of the component.
+     */
+    ariaLabel?: string;
+    /**
+     * Sets the `type` of the `input` DOM element.
+     *
+     * The available options are:
+     * - (Default) `tel`
+     * - `text`
+     */
+    inputType?: NumericTextBoxInputType;
+    /**
+     * If enabled, the NumericTextBox will handle the `enter` key to range the current invalid value between `min` and `max` props.
+     * The available options are:
+     * - (Default) `true`
+     * - `false`
+     * Can be disabled when form submit is required on pressing the `enter` key.
+     */
+    rangeOnEnter?: boolean;
+    /**
+     * Determines whether the NumericTextBox is in its read-only state.
+     */
+    readOnly?: boolean;
+    /**
+     * Determines the event handler that will be fired when the user edits the value.
+     */
+    onChange?: (event: NumericTextBoxChangeEvent) => void;
+    /**
+     * The event handler that will be fired when NumericTextBox is focused.
+     */
+    onFocus?: (event: NumericTextBoxFocusEvent) => void;
+    /**
+     * The event handler that will be fired when NumericTextBox is blurred.
+     */
+    onBlur?: (event: NumericTextBoxBlurEvent) => void;
+    /** @hidden */
+    children?: React.ReactNode;
+    /**
+     * Configures the `size` of the NumericTextBox.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     *
+     * @default undefined (theme-controlled)
+     *
+     * @example
+     * ```tsx
+     * <NumericTextBox size="large" />
+     * ```
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Configures the `roundness` of the NumericTextBox.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - full
+     *
+     * @default undefined (theme-controlled)
+     *
+     * @example
+     * ```tsx
+     * <NumericTextBox rounded="full" />
+     * ```
+     */
+    rounded?: 'small' | 'medium' | 'large' | 'full';
+    /**
+     * Configures the `fillMode` of the NumericTextBox.
+     *
+     * The available options are:
+     * - solid
+     * - outline
+     * - flat
+     *
+     * @default undefined (theme-controlled)
+     *
+     * @example
+     * ```tsx
+     * <NumericTextBox fillMode="outline" />
+     * ```
+     */
+    fillMode?: 'solid' | 'flat' | 'outline';
+    /**
+     * Represents the `style` HTML attribute.
+     */
+    style?: React.CSSProperties;
+    /**
+     * Represents the input element `style` HTML attribute.
+     */
+    inputStyle?: React.CSSProperties;
+    /**
+     * Represents the `autoFocus` HTML attribute that will be applied to the input element of the NumericTextBox. (Defaults to `false`)
+     */
+    autoFocus?: boolean;
+    /**
+     * Sets the HTML attributes of the inner focusable input element.
+     * Attributes which are essential for certain component functionalities cannot be changed.
+     */
+    inputAttributes?: React.InputHTMLAttributes<HTMLInputElement>;
+}
+export {};

package/numerictextbox/interfaces/NumericTextBoxState.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export interface NumericTextBoxState {
+    eventValue: number | null | undefined;
+    prevLooseValue: string | undefined;
+    currentLooseValue: string | undefined;
+    selectionStart: number | undefined;
+    selectionEnd: number | undefined;
+    decimalSelect: boolean;
+    valueIsCorrected: boolean;
+    valueIsOutOfRange: boolean;
+    focused: boolean;
+    isPaste: boolean;
+}

package/numerictextbox/utils/index.d.ts

@@ -0,0 +1,126 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { NumericTextBoxState } from '../interfaces/NumericTextBoxState.js';
+import { NumberFormatOptions } from '@progress/kendo-react-intl';
+/**
+ * @hidden
+ */
+export declare const getInitialState: () => NumericTextBoxState;
+/**
+ * @hidden
+ */
+export declare const getStateOrPropsValue: (value: number | null | undefined, stateValue: number | null | undefined) => number | null | undefined;
+/**
+ * @hidden
+ */
+export declare const formatValue: (value: string | number | null | undefined, format: string | NumberFormatOptions | undefined, intlService: any) => string;
+/**
+ * @hidden
+ */
+export declare const fractionLength: (value: number) => number;
+/**
+ * @hidden
+ */
+export declare const limitPrecision: (precision: number) => number;
+/**
+ * @hidden
+ */
+export declare const toFixedPrecision: (value: number, precision: number) => number;
+/**
+ * @hidden
+ */
+export declare const increaseValue: (value: any, newState: any, step: any, min: any, max: any, format: any, intlService: any) => void;
+/**
+ * @hidden
+ */
+export declare const decreaseValue: (value: any, newState: any, step: any, min: any, max: any, format: any, intlService: any) => void;
+/**
+ * @hidden
+ */
+export declare const rangeValue: (value: number | null, min?: number, max?: number) => number | null;
+/**
+ * @hidden
+ */
+export declare const getMaxCursorPosition: (nextValue: string, formatInfo: string[][]) => number;
+/**
+ * @hidden
+ */
+export declare const getMinCursorPosition: (nextValue: string, formatInfo: string[][]) => number;
+/**
+ * @hidden
+ */
+export declare const rangeSelection: (nextLooseValue: string, formatInfo: string[][], newState: NumericTextBoxState) => void;
+/**
+ * @hidden
+ */
+export declare const setSelection: (newState: NumericTextBoxState, newIndex: number, nextLooseValue: string, formatInfo: string[][]) => void;
+/**
+ * @hidden
+ */
+export declare const setInvalid: (newState: NumericTextBoxState, format: string | NumberFormatOptions | undefined, formatInfo: string[][], intlService: any) => void;
+/**
+ * @hidden
+ */
+export declare const isMinusSymbolAdded: (newState: NumericTextBoxState, symbols: any) => boolean;
+/**
+ * @hidden
+ */
+export declare const isMinusSymbolRemoved: (newState: NumericTextBoxState, symbols: any) => boolean;
+/**
+ * @hidden
+ */
+export declare const isDecimalDuplicated: (newState: NumericTextBoxState, symbols: any) => boolean;
+/**
+ * @hidden
+ */
+export declare const getFormatPrefixSufix: (format: string | NumberFormatOptions | undefined, intlService: any) => {
+    positiveInfo: string[];
+    negativeInfo: string[];
+    zeroInfo: string[];
+    oneInfo: string[];
+};
+/**
+ * @hidden
+ */
+export declare const getFormatSymbols: (format: string | NumberFormatOptions | undefined, intlService: any) => string;
+/**
+ * @hidden
+ */
+export declare const getInitialPosition: (nextLooseValue: string, symbols: any) => number;
+/**
+ * @hidden
+ */
+export declare const reverseString: (str: string) => string;
+/**
+ * @hidden
+ */
+export declare const getLastNumberIndex: (currentLooseValue: string, inputRegex: RegExp) => number;
+/**
+ * @hidden
+ */
+export declare const getPrefix: (str: string) => string;
+/**
+ * @hidden
+ */
+export declare const getSuffix: (str: string) => string;
+/**
+ * @hidden
+ */
+export declare const getFirstNumberIndex: (prevLooseValue: string, inputRegex: RegExp) => number;
+/**
+ * @hidden
+ */
+export declare const getDecimalCount: (value: string, decimal: string) => number;
+/**
+ * @hidden
+ */
+export declare const changeBasedSelection: (currentValue: string, nextValue: string, selectionPosition: number, isDelete: boolean, sanitizeRegex: any) => number;
+/**
+ * @hidden
+ */
+export declare const sanitizeNumber: (state: NumericTextBoxState, format: string | NumberFormatOptions | undefined, intlService: any) => NumericTextBoxState;

package/package-metadata.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

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

package/package-metadata.mjs

@@ -1,19 +1,13 @@
+// Generated file. DO NOT EDIT.
 /**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
+ * @hidden
  */
-const e = Object.freeze({
-  name: "@progress/kendo-react-inputs",
-  productName: "KendoReact",
-  productCode: "KENDOUIREACT",
-  productCodes: ["KENDOUIREACT"],
-  publishDate: 1768549967,
-  version: "13.3.0",
-  licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
+export const packageMetadata = Object.freeze({
+    name: '@progress/kendo-react-inputs',
+    productName: 'KendoReact',
+    productCode: 'KENDOUIREACT',
+    productCodes: ['KENDOUIREACT'],
+    publishDate: 0,
+    version: '13.4.0-develop.2',
+    licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
 });
-export {
-  e as packageMetadata
-};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-inputs",
-  "version": "13.3.0",
+  "version": "13.4.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": "13.3.0",
-    "@progress/kendo-react-buttons": "13.3.0",
-    "@progress/kendo-react-common": "13.3.0",
-    "@progress/kendo-react-dialogs": "13.3.0",
-    "@progress/kendo-react-layout": "13.3.0",
-    "@progress/kendo-react-intl": "13.3.0",
-    "@progress/kendo-react-labels": "13.3.0",
-    "@progress/kendo-react-popup": "13.3.0",
+    "@progress/kendo-react-animation": "13.4.0-develop.2",
+    "@progress/kendo-react-buttons": "13.4.0-develop.2",
+    "@progress/kendo-react-common": "13.4.0-develop.2",
+    "@progress/kendo-react-dialogs": "13.4.0-develop.2",
+    "@progress/kendo-react-layout": "13.4.0-develop.2",
+    "@progress/kendo-react-intl": "13.4.0-develop.2",
+    "@progress/kendo-react-labels": "13.4.0-develop.2",
+    "@progress/kendo-react-popup": "13.4.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"
@@ -82,7 +82,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1768549967,
+      "publishDate": 1770287905,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },

package/radiobutton/RadioButton.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { RadioButtonProps } from './interfaces/RadioButtonProps.js';
+import * as React from 'react';
+/**
+ * The RadioButton ref.
+ */
+export interface RadioButtonHandle {
+    /**
+     * The HTML input element of the RadioButton component.
+     */
+    element: HTMLInputElement | null;
+    /**
+     * Focuses the RadioButton component.
+     */
+    focus: any;
+}
+/**
+ * Represents the PropsContext of the `RadioButton` component.
+ * Used for global configuration of all `RadioButton` instances.
+ *
+ * For more information, refer to the [Inputs Props Context](https://www.telerik.com/kendo-react-ui/components/inputs/props-context) article.
+ */
+export declare const RadioButtonPropsContext: React.Context<(p: RadioButtonProps) => RadioButtonProps>;
+/**
+ * Represents the [KendoReact RadioButton component](https://www.telerik.com/kendo-react-ui/components/inputs/radiobutton).
+ *
+ * Accepts properties of type [RadioButtonProps](https://www.telerik.com/kendo-react-ui/components/inputs/api/radiobuttonprops).
+ * Obtaining the `ref` returns an object of type [RadioButtonHandle](https://www.telerik.com/kendo-react-ui/components/inputs/api/radiobuttonhandle).
+ */
+export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<RadioButtonHandle | null>>;

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

package/radiobutton/RadioButton.mjs

@@ -7,7 +7,7 @@
  */
 import * as e from "react";
 import a from "prop-types";
-import { createPropsContext as U, usePropsContext as A, useUnstyled as G, useId as J, dispatchEvent as d, classNames as m, uRadioButton as b, getTabIndex as M } from "@progress/kendo-react-common";
+import { createPropsContext as U, usePropsContext as A, useUnstyled as G, useId as J, dispatchEvent as d, getTabIndex as M, classNames as m, uRadioButton as b } from "@progress/kendo-react-common";
 const Q = U(), x = e.forwardRef((E, F) => {
   const I = A(Q, E), {
     ariaDescribedBy: P,
@@ -39,7 +39,7 @@ const Q = U(), x = e.forwardRef((E, F) => {
     [C]
   );
   e.useImperativeHandle(F, s);
-  const B = J(), K = e.useCallback(
+  const v = J(), K = e.useCallback(
     (t) => {
       d(h, t, s(), {
         value: r
@@ -63,7 +63,7 @@ const Q = U(), x = e.forwardRef((E, F) => {
     [i, n]
   ), S = {
     type: "radio",
-    id: g || B,
+    id: g || v,
     name: T,
     className: m(
       b.input({
@@ -86,17 +86,17 @@ const Q = U(), x = e.forwardRef((E, F) => {
     onFocus: L,
     onBlur: O,
     ...j
-  }, v = /* @__PURE__ */ e.createElement(e.Fragment, null, o !== void 0 ? /* @__PURE__ */ e.createElement(
+  }, B = /* @__PURE__ */ e.createElement(e.Fragment, null, o !== void 0 ? /* @__PURE__ */ e.createElement(
     "label",
     {
       className: m(b.label({ c: u })),
-      htmlFor: g || B,
+      htmlFor: g || v,
       style: { userSelect: "none" },
       "aria-label": o
     },
     o
   ) : null), R = /* @__PURE__ */ e.createElement("span", { className: m(b.wrap({ c: u })) }, /* @__PURE__ */ e.createElement("input", { ...S }));
-  return z === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, v, R, f) : /* @__PURE__ */ e.createElement(e.Fragment, null, R, v, f);
+  return z === "before" ? /* @__PURE__ */ e.createElement(e.Fragment, null, B, R, f) : /* @__PURE__ */ e.createElement(e.Fragment, null, R, B, f);
 });
 x.propTypes = {
   ariaDescribedBy: a.string,
@@ -104,7 +104,7 @@ x.propTypes = {
   className: a.string,
   disabled: a.bool,
   id: a.string,
-  size: a.oneOf([null, "small", "medium", "large"]),
+  size: a.oneOf(["small", "medium", "large"]),
   label: a.string,
   labelPlacement: a.string,
   name: a.string,
@@ -117,7 +117,7 @@ x.propTypes = {
   onBlur: a.func
 };
 const V = {
-  size: "medium"
+  size: void 0
 };
 x.displayName = "KendoRadioButton";
 export {

package/radiobutton/RadioGroup.d.ts

@@ -0,0 +1,36 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { RadioGroupProps } from './interfaces/RadioGroupProps.js';
+import * as React from 'react';
+/**
+ * The RadioGroup ref.
+ */
+export interface RadioGroupHandle {
+    /**
+     * The HTML list element of the RadioGroup component.
+     */
+    element: HTMLUListElement | null;
+    /**
+     * Focuses the RadioGroup component.
+     */
+    focus: any;
+}
+/**
+ * Represents the PropsContext of the `RadioGroup` component.
+ * Used for global configuration of all `RadioGroup` instances.
+ *
+ * For more information, refer to the [Inputs Props Context](https://www.telerik.com/kendo-react-ui/components/inputs/props-context) article.
+ */
+export declare const RadioGroupPropsContext: React.Context<(p: RadioGroupProps) => RadioGroupProps>;
+/**
+ * Represents the [KendoReact RadioGroup component](https://www.telerik.com/kendo-react-ui/components/inputs/radiogroup).
+ *
+ * Accepts properties of type [RadioGroupProps](https://www.telerik.com/kendo-react-ui/components/inputs/api/radiogroupprops).
+ * Obtaining the `ref` returns an object of type [RadioGroupHandle](https://www.telerik.com/kendo-react-ui/components/inputs/api/radiogrouphandle).
+ */
+export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<RadioGroupHandle | null>>;

package/radiobutton/interfaces/RadioButtonBlurEvent.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { RadioButtonHandle } from './../RadioButton.js';
+import { BaseEvent } from '@progress/kendo-react-common';
+/**
+ * The arguments for the `onBlur` RadioButton event.
+ */
+export interface RadioButtonBlurEvent extends BaseEvent<RadioButtonHandle> {
+}