@progress/kendo-react-inputs 14.0.1 → 14.1.0-develop.1

package/input/Input.d.ts

@@ -36,18 +36,30 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     /**
      * 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.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     ariaDescribedBy?: string;
     /**
      * Identifies the element(s) which will label the component.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     ariaLabelledBy?: string;
     /**
      * Defines a string value that labels an interactive element.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     ariaLabel?: string;
     /**
      * Represents the `autoFocus` HTML attribute that will be applied to the input element of the Input. (Defaults to `false`)
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     autoFocus?: boolean;
     /**

package/input/Input.mjs

@@ -7,10 +7,10 @@
  */
 import * as a from "react";
 import r from "prop-types";
-import { applyDefaultProps as Q, useUnstyled as W, useId as X, classNames as Y, useKendoPaste as Z, createPropsContext as $ } from "@progress/kendo-react-common";
+import { applyDefaultProps as W, useUnstyled as X, useId as Y, classNames as Z, useKendoPaste as _, createPropsContext as $ } from "@progress/kendo-react-common";
 import { FloatingLabel as ee } from "@progress/kendo-react-labels";
 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), {
+  const L = a.useContext(te).call(void 0, I), [, N] = a.useReducer((t) => t, !0), n = W(L, ae), {
     className: M,
     label: u,
     labelClassName: V,
@@ -30,7 +30,7 @@ const E = a.forwardRef((I, k) => {
     style: b,
     ariaLabel: U,
     ...D
-  } = n, O = W(), T = F || O, K = X(), [q, A] = a.useState({
+  } = n, O = X(), T = F || O, K = Y(), [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();
@@ -68,14 +68,14 @@ const E = a.forwardRef((I, k) => {
     for (const o in t)
       t.hasOwnProperty(o) && (l = l || !!t[o]);
     return l;
-  }, v = !g || i().valid, _ = Y(
+  }, v = !g || i().valid, j = Z(
     "k-input",
     {
       "k-invalid": !v,
       "k-disabled": n.disabled
     },
     M
-  ), j = () => {
+  ), z = () => {
     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) => {
@@ -89,7 +89,7 @@ const E = a.forwardRef((I, k) => {
       }), s.current = void 0;
     },
     [p]
-  ), z = a.useCallback(
+  ), J = a.useCallback(
     (t) => {
       const l = t != null ? String(t) : "", o = {
         target: e.current,
@@ -100,12 +100,12 @@ const E = a.forwardRef((I, k) => {
     },
     [f]
   );
-  Z(e, {
+  _(e, {
     fieldName: C || "",
-    onValueChange: z,
+    onValueChange: J,
     enabled: !!C
   });
-  const J = (t) => {
+  const Q = (t) => {
     if (t.animationName === "autoFillStart") {
       const l = t.target.parentNode;
       l && l.classList.contains("k-empty") && l.classList.remove("k-empty");
@@ -114,7 +114,7 @@ const E = a.forwardRef((I, k) => {
   a.useEffect(() => {
     N();
   }, []), a.useEffect(() => {
-    j();
+    z();
   });
   const P = /* @__PURE__ */ a.createElement(
     "input",
@@ -129,9 +129,9 @@ const E = a.forwardRef((I, k) => {
       value: d(),
       id: h,
       autoFocus: w,
-      className: _,
+      className: j,
       onChange: f,
-      onAnimationStart: J,
+      onAnimationStart: Q,
       ref: e
     }
   );

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, 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 { withIdHOC as O, withPropsContext as M, withUnstyledHOC as I, subscribeToKendoPaste as w, useCustomComponent as y, classNames as P, kendoThemeMaps as _, 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() {
@@ -171,13 +171,13 @@ const n = class n extends p.Component {
       "span",
       {
         dir: this.props.dir,
-        className: _(
+        className: P(
           "k-input",
           "k-maskedtextbox",
           {
-            [`k-input-${P.sizeMap[t] || t}`]: t,
+            [`k-input-${_.sizeMap[t] || t}`]: t,
             [`k-input-${s}`]: s,
-            [`k-rounded-${P.roundedMap[i] || i}`]: i,
+            [`k-rounded-${_.roundedMap[i] || i}`]: i,
             "k-invalid": !f,
             "k-disabled": this.props.disabled
           },
@@ -195,7 +195,7 @@ const n = class n extends p.Component {
           autoCapitalize: "off",
           autoFocus: a,
           spellCheck: !1,
-          className: _(H.inputInner({ c: k })),
+          className: P(H.inputInner({ c: k })),
           value: this.value,
           id: c,
           "aria-labelledby": this.props.ariaLabelledBy,

package/maskedtextbox/MaskedTextBoxProps.d.ts

@@ -100,10 +100,16 @@ export interface MaskedTextBoxProps extends FormComponentProps {
     dir?: string;
     /**
      * Sets the `tabIndex` property of the MaskedTextBox.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     tabIndex?: number;
     /**
      * Specifies the `accessKey` of the MaskedTextBox.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     accessKey?: string;
     /**
@@ -143,10 +149,16 @@ export interface MaskedTextBoxProps extends FormComponentProps {
     /**
      * 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.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     ariaDescribedBy?: string;
     /**
      * Identifies the element(s) which will label the component.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     ariaLabelledBy?: string;
     /**
@@ -259,6 +271,9 @@ export interface MaskedTextBoxProps extends FormComponentProps {
     fillMode?: 'solid' | 'flat' | 'outline';
     /**
      * Represents the `autoFocus` HTML attribute that will be applied to the input element of the MaskedTextBox. (Defaults to `false`)
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     autoFocus?: boolean;
     /**
@@ -268,6 +283,9 @@ export interface MaskedTextBoxProps extends FormComponentProps {
     /**
      * Sets the HTML attributes of the inner focusable input element.
      * Attributes which are essential for certain component functionalities cannot be changed.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     inputAttributes?: React.InputHTMLAttributes<HTMLInputElement>;
 }

package/numerictextbox/NumericTextBox.mjs

@@ -11,12 +11,12 @@ import { useInternationalization as et, useLocalization as tt } from "@progress/
 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 { numericIncreaseValue as G, messages as j, numericDecreaseValue as K } 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 = ut(), he = n.forwardRef(
   (k, xe) => {
-    const K = nt(
+    const _ = nt(
       ft,
       k
     ), {
@@ -64,9 +64,9 @@ const mt = "Please enter a valid value!", ft = ut(), he = n.forwardRef(
       rounded: U = c.rounded,
       fillMode: F = c.fillMode,
       autoFocus: Ge = c.autoFocus,
-      inputAttributes: _e,
+      inputAttributes: je,
       ...ue
-    } = 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(
+    } = _, Ke = rt(), ie = ne || Ke, o = et(), B = tt(), a = n.useRef(null), M = n.useRef(void 0), [_e, 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
@@ -87,7 +87,7 @@ const mt = "Please enter a valid value!", ft = ut(), he = n.forwardRef(
         valid: b,
         valueMissing: e == null
       };
-    }, [H, w, z, q]), W = n.useCallback(() => ae, [ae]), fe = n.useCallback(() => K, [K]), C = n.useCallback(() => {
+    }, [H, w, z, q]), W = n.useCallback(() => ae, [ae]), fe = n.useCallback(() => _, [_]), C = n.useCallback(() => {
       const r = {
         element: a.current,
         focus: de
@@ -241,7 +241,7 @@ const mt = "Please enter a valid value!", ft = ut(), he = n.forwardRef(
     }, []);
     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]);
+    }, [_e]);
     const be = !W() || A().valid, pe = /* @__PURE__ */ n.createElement(
       "span",
       {
@@ -298,7 +298,7 @@ const mt = "Please enter a valid value!", ft = ut(), he = n.forwardRef(
           onPaste: Ye,
           onWheel: Je,
           ref: a,
-          ..._e
+          ...je
         }
       ),
       /* @__PURE__ */ n.createElement(we, null),
@@ -315,11 +315,11 @@ const mt = "Please enter a valid value!", ft = ut(), he = n.forwardRef(
           className: "k-spinner-increase",
           "aria-label": B.toLanguageString(
             G,
-            _[G]
+            j[G]
           ),
           title: B.toLanguageString(
             G,
-            _[G]
+            j[G]
           ),
           onClick: Y
         }
@@ -334,12 +334,12 @@ const mt = "Please enter a valid value!", ft = ut(), he = n.forwardRef(
           size: h,
           className: "k-spinner-decrease",
           "aria-label": B.toLanguageString(
-            j,
-            _[j]
+            K,
+            j[K]
           ),
           title: B.toLanguageString(
-            j,
-            _[j]
+            K,
+            j[K]
           ),
           onClick: J
         }

package/numerictextbox/interfaces/NumericTextBoxProps.d.ts

@@ -41,6 +41,9 @@ export interface NumericTextBoxProps extends FormComponentProps, Omit<React.HTML
     width?: number | string;
     /**
      * Sets the `tabIndex` property of the NumericTextBox.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     tabIndex?: number;
     /**
@@ -98,14 +101,23 @@ export interface NumericTextBoxProps extends FormComponentProps, Omit<React.HTML
     /**
      * 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.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     ariaDescribedBy?: string;
     /**
      * Identifies the element(s) which will label the component.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     ariaLabelledBy?: string;
     /**
      * The accessible label of the component.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     ariaLabel?: string;
     /**
@@ -201,11 +213,17 @@ export interface NumericTextBoxProps extends FormComponentProps, Omit<React.HTML
     inputStyle?: React.CSSProperties;
     /**
      * Represents the `autoFocus` HTML attribute that will be applied to the input element of the NumericTextBox. (Defaults to `false`)
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     autoFocus?: boolean;
     /**
      * Sets the HTML attributes of the inner focusable input element.
      * Attributes which are essential for certain component functionalities cannot be changed.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     inputAttributes?: React.InputHTMLAttributes<HTMLInputElement>;
 }

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: 1770896475,version:"14.0.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: 1770995672,version:"14.1.0-develop.1",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: '14.0.1',
+    version: '14.1.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-inputs",
-  "version": "14.0.1",
+  "version": "14.1.0-develop.1",
   "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": "14.0.1",
-    "@progress/kendo-react-buttons": "14.0.1",
-    "@progress/kendo-react-common": "14.0.1",
-    "@progress/kendo-react-dialogs": "14.0.1",
-    "@progress/kendo-react-layout": "14.0.1",
-    "@progress/kendo-react-intl": "14.0.1",
-    "@progress/kendo-react-labels": "14.0.1",
-    "@progress/kendo-react-popup": "14.0.1",
+    "@progress/kendo-react-animation": "14.1.0-develop.1",
+    "@progress/kendo-react-buttons": "14.1.0-develop.1",
+    "@progress/kendo-react-common": "14.1.0-develop.1",
+    "@progress/kendo-react-dialogs": "14.1.0-develop.1",
+    "@progress/kendo-react-layout": "14.1.0-develop.1",
+    "@progress/kendo-react-intl": "14.1.0-develop.1",
+    "@progress/kendo-react-labels": "14.1.0-develop.1",
+    "@progress/kendo-react-popup": "14.1.0-develop.1",
     "@progress/kendo-svg-icons": "^4.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": 1770896475,
+      "publishDate": 1770995672,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },

package/radiobutton/RadioButton.mjs

@@ -7,16 +7,16 @@
  */
 import * as e from "react";
 import a from "prop-types";
-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), {
+import { usePropsContext as U, useUnstyled as A, useId as G, dispatchEvent as d, getTabIndex as J, classNames as m, uRadioButton as b, createPropsContext as M } from "@progress/kendo-react-common";
+const Q = M(), x = e.forwardRef((E, F) => {
+  const I = U(Q, E), {
     ariaDescribedBy: P,
     checked: p,
     children: f,
     className: k,
     disabled: n,
     id: g,
-    size: N = Q.size,
+    size: N = V.size,
     label: o,
     labelPlacement: z,
     name: T,
@@ -28,8 +28,8 @@ const M = J(), x = e.forwardRef((E, F) => {
     onFocus: c,
     onBlur: i,
     required: H,
-    ..._
-  } = I, y = U(), u = y && y.uRadioButton, l = e.useRef(null), C = e.useCallback(() => {
+    ...j
+  } = I, y = A(), u = y && y.uRadioButton, l = e.useRef(null), C = e.useCallback(() => {
     l.current && l.current.focus();
   }, []), s = e.useCallback(
     () => ({
@@ -39,14 +39,14 @@ const M = J(), x = e.forwardRef((E, F) => {
     [C]
   );
   e.useImperativeHandle(F, s);
-  const v = A(), j = e.useCallback(
+  const v = G(), K = e.useCallback(
     (t) => {
       d(h, t, s(), {
         value: r
       });
     },
     [h, r, n]
-  ), K = e.useCallback(
+  ), L = e.useCallback(
     (t) => {
       c && !n && d(
         c,
@@ -56,12 +56,12 @@ const M = J(), x = e.forwardRef((E, F) => {
       );
     },
     [c, n]
-  ), L = e.useCallback(
+  ), O = e.useCallback(
     (t) => {
       i && !n && d(i, t, s(), void 0);
     },
     [i, n]
-  ), O = {
+  ), S = {
     type: "radio",
     id: g || v,
     name: T,
@@ -76,16 +76,16 @@ const M = J(), x = e.forwardRef((E, F) => {
     ),
     ref: l,
     disabled: n,
-    tabIndex: G(w, n),
+    tabIndex: J(w, n),
     checked: p,
     style: q,
     "aria-describedby": P,
     "aria-required": H,
     value: r,
-    onChange: j,
-    onFocus: K,
-    onBlur: L,
-    ..._
+    onChange: K,
+    onFocus: L,
+    onBlur: O,
+    ...j
   }, B = /* @__PURE__ */ e.createElement(e.Fragment, null, o !== void 0 ? /* @__PURE__ */ e.createElement(
     "label",
     {
@@ -95,7 +95,7 @@ const M = J(), x = e.forwardRef((E, F) => {
       "aria-label": o
     },
     o
-  ) : null), R = /* @__PURE__ */ e.createElement("span", { className: m(b.wrap({ c: u })) }, /* @__PURE__ */ e.createElement("input", { ...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, B, R, f) : /* @__PURE__ */ e.createElement(e.Fragment, null, R, B, f);
 });
 x.propTypes = {
@@ -116,11 +116,11 @@ x.propTypes = {
   onFocus: a.func,
   onBlur: a.func
 };
-const Q = {
+const V = {
   size: void 0
 };
 x.displayName = "KendoRadioButton";
 export {
   x as RadioButton,
-  M as RadioButtonPropsContext
+  Q as RadioButtonPropsContext
 };

package/radiobutton/RadioGroup.mjs

@@ -7,10 +7,10 @@
  */
 import * as t from "react";
 import e from "prop-types";
-import { RadioButton as A } from "./RadioButton.mjs";
-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), {
+import { RadioButton as J } from "./RadioButton.mjs";
+import { usePropsContext as M, useUnstyled as Q, focusFirstFocusableChild as W, dispatchEvent as k, useId as X, classNames as P, uRadioGroup as E, useRtl as Y, createPropsContext as Z } from "@progress/kendo-react-common";
+const _ = Z(), G = t.forwardRef((r, I) => {
+  const m = M(_, r), {
     id: N,
     ariaLabelledBy: B,
     ariaDescribedBy: F,
@@ -27,8 +27,8 @@ const Z = Y(), G = t.forwardRef((r, I) => {
     item: D = $.item,
     onChange: c,
     onFocus: d
-  } = m, f = M(), y = f && f.uRadioGroup, o = t.useRef(null), C = t.useCallback(() => {
-    o.current && Q(o.current);
+  } = m, f = Q(), y = f && f.uRadioGroup, o = t.useRef(null), C = t.useCallback(() => {
+    o.current && W(o.current);
   }, []), i = t.useCallback(
     () => ({
       element: o.current,
@@ -58,21 +58,21 @@ const Z = Y(), G = t.forwardRef((r, I) => {
       );
     },
     [d, s]
-  ), T = W(), _ = P(
+  ), T = X(), w = P(
     E.ul({
       c: y,
       horizontal: n === "horizontal",
       vertical: n === "vertical" || n === void 0
     }),
     x
-  ), w = X(o, m.dir), K = b && b.map((a, l) => {
-    const g = u === a.value, U = u == null, R = {
+  ), K = Y(o, m.dir), U = b && b.map((a, l) => {
+    const g = u === a.value, A = u == null, R = {
       ...a,
       valid: z,
       checked: g,
       disabled: !!(a.disabled || s),
       labelPlacement: a.labelPlacement ? a.labelPlacement : j,
-      tabIndex: a.tabIndex ? a.tabIndex : U && l === 0 || g ? 0 : -1,
+      tabIndex: a.tabIndex ? a.tabIndex : A && l === 0 || g ? 0 : -1,
       index: l,
       name: O || T,
       required: a.required,
@@ -91,7 +91,7 @@ const Z = Y(), G = t.forwardRef((r, I) => {
         key: l,
         role: "none"
       },
-      /* @__PURE__ */ t.createElement(A, { ...R })
+      /* @__PURE__ */ t.createElement(J, { ...R })
     );
   });
   return /* @__PURE__ */ t.createElement(
@@ -99,14 +99,14 @@ const Z = Y(), G = t.forwardRef((r, I) => {
     {
       id: N,
       role: "radiogroup",
-      className: _,
+      className: w,
       ref: o,
-      dir: w,
+      dir: K,
       style: q,
       "aria-labelledby": B,
       "aria-describedby": F
     },
-    K
+    U
   );
 }), $ = {
   item: (r) => /* @__PURE__ */ t.createElement("li", { ...r })
@@ -130,5 +130,5 @@ G.propTypes = {
 G.displayName = "KendoRadioGroup";
 export {
   G as RadioGroup,
-  Z as RadioGroupPropsContext
+  _ as RadioGroupPropsContext
 };

package/range-slider/RangeSlider.d.ts

@@ -83,19 +83,31 @@ export interface RangeSliderProps extends FormComponentProps {
     dir?: Direction;
     /**
      * Sets the `tabIndex` attribute to the `start` drag handle.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     startTabIndex?: number;
     /**
      * Sets the `tabIndex` attribute to the `end` drag handle.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     endTabIndex?: number;
     /**
      * 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.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     ariaDescribedBy?: string;
     /**
      * Identifies the element(s) which will label the component.
+     *
+     * @remarks
+     * This property is related to accessibility.
      */
     ariaLabelledBy?: string;
 }