@progress/kendo-react-inputs 8.3.0-develop.11 → 8.3.0-develop.13

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,

package/slider/Slider.mjs

@@ -12,7 +12,7 @@ import { Keys as n, validatePackage as y, classNames as w, Draggable as S, getTa
 import { provideLocalizationService as C, registerForLocalization as I } from "@progress/kendo-react-intl";
 import { sliderIncreaseValue as d, messages as h, sliderDecreaseValue as m, sliderDragTitle as u } from "../messages/index.mjs";
 import { SLIDER_LABEL_ATTRIBUTE as L } from "./SliderLabel.mjs";
-import { packageMetadata as B } from "../package-metadata.mjs";
+import { packageMetadata as A } from "../package-metadata.mjs";
 import { Button as v } from "@progress/kendo-react-buttons";
 import { caretAltUpIcon as g, caretAltLeftIcon as f, caretAltRightIcon as b, caretAltDownIcon as k } from "@progress/kendo-svg-icons";
 const p = class p extends i.Component {
@@ -74,7 +74,7 @@ const p = class p extends i.Component {
     }, this.drag = (t) => {
       const e = t.element.getBoundingClientRect(), l = this.props.vertical ? e.bottom - t.event.clientY : this.state.dir === "rtl" ? e.right - t.event.clientX : t.event.clientX - e.left, r = this.props.vertical ? e.height : e.width, o = l / r;
       this.change(t, this.props.min + o * (this.props.max - this.props.min));
-    }, y(B);
+    }, y(A);
   }
   /**
    * @hidden
@@ -138,23 +138,16 @@ const p = class p extends i.Component {
               ...e
             }
           },
-          this.props.children && /* @__PURE__ */ i.createElement(
-            "ul",
+          this.props.children && /* @__PURE__ */ i.createElement("ul", { className: "k-reset k-slider-items", style: { margin: 0, ...l } }, i.Children.map(this.props.children, (r, o) => r && i.cloneElement(
+            r,
             {
-              className: "k-reset k-slider-items",
-              style: { margin: 0, ...l }
+              position: 100 * (r.props.position - this.props.min) / (this.props.max - this.props.min),
+              vertical: this.props.vertical,
+              firstTick: o === 0,
+              lastTick: o === i.Children.count(this.props.children) - 1
             },
-            i.Children.map(this.props.children, (r, o) => r && i.cloneElement(
-              r,
-              {
-                position: 100 * (r.props.position - this.props.min) / (this.props.max - this.props.min),
-                vertical: this.props.vertical,
-                firstTick: o === 0,
-                lastTick: o === i.Children.count(this.props.children) - 1
-              },
-              r.props.children
-            ))
-          ),
+            r.props.children
+          ))),
           /* @__PURE__ */ i.createElement(
             "div",
             {
@@ -215,11 +208,11 @@ p.displayName = "Slider", p.propTypes = {
   // TODO: validation when buttons is set to true, but no step is provided
 };
 let c = p;
-const A = E(), N = D(A, c);
+const B = E(), N = D(B, c);
 N.displayName = "KendoReactSlider";
 I(c);
 export {
   N as Slider,
-  A as SliderPropsContext,
+  B as SliderPropsContext,
   c as SliderWithoutContext
 };

package/switch/Switch.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 C=require("react"),s=require("prop-types"),i=require("@progress/kendo-react-common"),S=require("@progress/kendo-react-intl"),p=require("../messages/index.js"),N=require("../package-metadata.js");function O(o){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(a,e,t.get?t:{enumerable:!0,get:()=>o[e]})}}return a.default=o,Object.freeze(a)}const r=O(C),n=class n extends r.Component{constructor(a){super(a),this.setValidity=()=>{this._input&&this._input.setCustomValidity&&this._input.setCustomValidity(this.validity.valid?"":this.props.validationMessage||this.defaultValidationMessage.toLanguageString(p.switchValidation,p.messages[p.switchValidation]))},this.limit=(e,t,d)=>{const h=d.offsetWidth,l=t.offsetWidth;return e<0?0:e>h-l?h-l:e},this.toggle=(e,t)=>{this.setState({checked:e}),this.valueDuringOnChange=e,i.dispatchEvent(this.props.onChange,t,this,{value:e}),this.valueDuringOnChange=void 0},this._element=null,this._wrapper=null,this._input=null,this._id=this.props.id,this.defaultValidationMessage=S.provideLocalizationService(this),this.focus=()=>{this.actionElement&&this.actionElement.focus()},this.dummyInput=e=>r.createElement("input",{type:"checkbox",checked:this.props.checked,ref:t=>{this._input=t},tabIndex:-1,"aria-hidden":!0,value:e,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"},onChange:i.noop,name:this.name||void 0}),this.handleClick=e=>{this.eventTimeStamp!==e.timeStamp&&(this.eventTimeStamp=e.timeStamp,this.toggle(!this.value,e))},this.handleKeyDown=e=>{if(this.props.disabled)return;const{keyCode:t}=e;(t===i.Keys.space||t===i.Keys.enter)&&(this.toggle(!this.value,e),e.preventDefault())},this.handleWrapperFocus=e=>{if(this.props.disabled)return;this.setState({focused:!0});const{onFocus:t}=this.props;t&&t.call(void 0,e)},this.handleWrapperBlur=e=>{if(this.props.disabled)return;this.setState({focused:!1});const{onBlur:t}=this.props;t&&t.call(void 0,e)},i.validatePackage(N.packageMetadata),this.state={checked:a.defaultChecked||n.defaultProps.defaultChecked,focused:!1}}get value(){return this.valueDuringOnChange!==void 0?this.valueDuringOnChange:this.props.checked!==void 0?this.props.checked:this.state.checked}get element(){return this._element}get actionElement(){return this._wrapper}get name(){return this.props.name}get validity(){const a=this.props.validationMessage!==void 0,e=this.props.valid!==void 0?this.props.valid:this.props.required?!!this.value:!0,t=this.props.valid!==void 0?this.props.valid:e;return{customError:a,valid:t,valueMissing:this.value===null}}get validityStyles(){return this.props.validityStyles!==void 0?this.props.validityStyles:n.defaultProps.validityStyles}get required(){return this.props.required!==void 0?this.props.required:n.defaultProps.required}componentDidMount(){this.setValidity(),this.forceUpdate()}componentDidUpdate(){this.setValidity()}render(){const{focused:a}=this.state,{dir:e,disabled:t,trackRounded:d,thumbRounded:h,size:l,offLabel:m,onLabel:f,tabIndex:v}=this.props;this.dir=e||this.element&&getComputedStyle(this.element).direction||void 0;const y=!this.validityStyles||this.validity.valid,k=i.classNames("k-switch",{[`k-switch-${i.kendoThemeMaps.sizeMap[l]||l}`]:l,"k-switch-on":this.value,"k-switch-off":!this.value,"k-focus":a,"k-disabled":t,"k-invalid":!y},this.props.className),w={"aria-checked":this.value,"aria-disabled":t||void 0,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-label":this.props.ariaLabel};return r.createElement("span",{ref:u=>{this._wrapper=u},role:"switch",...w,className:k,dir:this.dir,onKeyDown:this.handleKeyDown,onClick:this.handleClick,onBlur:this.handleWrapperBlur,onFocus:this.handleWrapperFocus,tabIndex:i.getTabIndex(v,t,void 0),accessKey:this.props.accessKey,id:this.props.id||this._id},r.createElement("span",{className:i.classNames("k-switch-track",{[`k-rounded-${i.kendoThemeMaps.roundedMap[d]||d}`]:d}),ref:u=>{this._element=u}},this.dummyInput(this.value),f?r.createElement("span",{className:"k-switch-label-on"},f):"",m?r.createElement("span",{className:"k-switch-label-off"},m):""),r.createElement("span",{className:"k-switch-thumb-wrap"},r.createElement("span",{className:i.classNames("k-switch-thumb",{[`k-rounded-${h}`]:h})})))}};n.displayName="Switch",n.propTypes={accessKey:s.string,checked:s.bool,className:s.string,disabled:s.bool,defaultChecked:s.bool,size:s.oneOf([null,"small","medium","large"]),trackRounded:s.oneOf([null,"small","medium","large","full"]),thumbRounded:s.oneOf([null,"small","medium","large","full"]),dir:s.string,id:s.string,ariaLabelledBy:s.string,ariaDescribedBy:s.string,offLabel:s.string,required:s.bool,tabIndex:s.number,valid:s.bool,validate:s.bool,validationMessage:s.string,onBlur:s.any,onChange:s.any,onFocus:s.any,onLabel:s.string},n.defaultProps={disabled:!1,defaultChecked:!1,size:"medium",trackRounded:"full",thumbRounded:"full",offLabel:"OFF",onBlur:i.noop,onFocus:i.noop,onLabel:"ON",required:!1,validityStyles:!0};let c=n;const g=i.createPropsContext(),b=i.withIdHOC(i.withPropsContext(g,c));b.displayName="KendoReactSwitch";exports.Switch=b;exports.SwitchPropsContext=g;exports.SwitchWithoutContext=c;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react"),i=require("prop-types"),s=require("@progress/kendo-react-common"),S=require("@progress/kendo-react-intl"),p=require("../messages/index.js"),N=require("../package-metadata.js");function O(o){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(a,e,t.get?t:{enumerable:!0,get:()=>o[e]})}}return a.default=o,Object.freeze(a)}const r=O(C),n=class n extends r.Component{constructor(a){super(a),this.setValidity=()=>{this._input&&this._input.setCustomValidity&&this._input.setCustomValidity(this.validity.valid?"":this.props.validationMessage||this.defaultValidationMessage.toLanguageString(p.switchValidation,p.messages[p.switchValidation]))},this.limit=(e,t,d)=>{const h=d.offsetWidth,l=t.offsetWidth;return e<0?0:e>h-l?h-l:e},this.toggle=(e,t)=>{this.setState({checked:e}),this.valueDuringOnChange=e,s.dispatchEvent(this.props.onChange,t,this,{value:e}),this.valueDuringOnChange=void 0},this._element=null,this._wrapper=null,this._input=null,this._id=this.props.id,this.defaultValidationMessage=S.provideLocalizationService(this),this.focus=()=>{this.actionElement&&this.actionElement.focus()},this.dummyInput=e=>r.createElement("input",{type:"checkbox",checked:this.props.checked,ref:t=>{this._input=t},tabIndex:-1,"aria-hidden":!0,value:e,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"},onChange:s.noop,name:this.name||void 0}),this.handleClick=e=>{this.eventTimeStamp!==e.timeStamp&&(this.eventTimeStamp=e.timeStamp,this.toggle(!this.value,e))},this.handleKeyDown=e=>{if(this.props.disabled)return;const{keyCode:t}=e;(t===s.Keys.space||t===s.Keys.enter)&&(this.toggle(!this.value,e),e.preventDefault())},this.handleWrapperFocus=e=>{if(this.props.disabled)return;this.setState({focused:!0});const{onFocus:t}=this.props;t&&t.call(void 0,e)},this.handleWrapperBlur=e=>{if(this.props.disabled)return;this.setState({focused:!1});const{onBlur:t}=this.props;t&&t.call(void 0,e)},s.validatePackage(N.packageMetadata),this.state={checked:a.defaultChecked||n.defaultProps.defaultChecked,focused:!1}}get value(){return this.valueDuringOnChange!==void 0?this.valueDuringOnChange:this.props.checked!==void 0?this.props.checked:this.state.checked}get element(){return this._element}get actionElement(){return this._wrapper}get name(){return this.props.name}get validity(){const a=this.props.validationMessage!==void 0,e=this.props.valid!==void 0?this.props.valid:this.props.required?!!this.value:!0,t=this.props.valid!==void 0?this.props.valid:e;return{customError:a,valid:t,valueMissing:this.value===null}}get validityStyles(){return this.props.validityStyles!==void 0?this.props.validityStyles:n.defaultProps.validityStyles}get required(){return this.props.required!==void 0?this.props.required:!1}componentDidMount(){this.setValidity(),this.forceUpdate()}componentDidUpdate(){this.setValidity()}render(){const{focused:a}=this.state,{dir:e,disabled:t,trackRounded:d,thumbRounded:h,size:l,offLabel:m,onLabel:f,tabIndex:v}=this.props;this.dir=e||this.element&&getComputedStyle(this.element).direction||void 0;const y=!this.validityStyles||this.validity.valid,k=s.classNames("k-switch",{[`k-switch-${s.kendoThemeMaps.sizeMap[l]||l}`]:l,"k-switch-on":this.value,"k-switch-off":!this.value,"k-focus":a,"k-disabled":t,"k-invalid":!y},this.props.className),w={"aria-checked":this.value,"aria-disabled":t||void 0,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-label":this.props.ariaLabel,"aria-required":this.props.required};return r.createElement("span",{ref:u=>{this._wrapper=u},role:"switch",...w,className:k,dir:this.dir,onKeyDown:this.handleKeyDown,onClick:this.handleClick,onBlur:this.handleWrapperBlur,onFocus:this.handleWrapperFocus,tabIndex:s.getTabIndex(v,t,void 0),accessKey:this.props.accessKey,id:this.props.id||this._id},r.createElement("span",{className:s.classNames("k-switch-track",{[`k-rounded-${s.kendoThemeMaps.roundedMap[d]||d}`]:d}),ref:u=>{this._element=u}},this.dummyInput(this.value),f?r.createElement("span",{className:"k-switch-label-on"},f):"",m?r.createElement("span",{className:"k-switch-label-off"},m):""),r.createElement("span",{className:"k-switch-thumb-wrap"},r.createElement("span",{className:s.classNames("k-switch-thumb",{[`k-rounded-${h}`]:h})})))}};n.displayName="Switch",n.propTypes={accessKey:i.string,checked:i.bool,className:i.string,disabled:i.bool,defaultChecked:i.bool,size:i.oneOf([null,"small","medium","large"]),trackRounded:i.oneOf([null,"small","medium","large","full"]),thumbRounded:i.oneOf([null,"small","medium","large","full"]),dir:i.string,id:i.string,ariaLabelledBy:i.string,ariaDescribedBy:i.string,offLabel:i.string,required:i.bool,tabIndex:i.number,valid:i.bool,validate:i.bool,validationMessage:i.string,onBlur:i.any,onChange:i.any,onFocus:i.any,onLabel:i.string},n.defaultProps={disabled:!1,defaultChecked:!1,size:"medium",trackRounded:"full",thumbRounded:"full",offLabel:"OFF",onBlur:s.noop,onFocus:s.noop,onLabel:"ON",validityStyles:!0};let c=n;const g=s.createPropsContext(),b=s.withIdHOC(s.withPropsContext(g,c));b.displayName="KendoReactSwitch";exports.Switch=b;exports.SwitchPropsContext=g;exports.SwitchWithoutContext=c;

package/switch/Switch.mjs

@@ -106,7 +106,7 @@ const a = class a extends s.Component {
    * @hidden
    */
   get required() {
-    return this.props.required !== void 0 ? this.props.required : a.defaultProps.required;
+    return this.props.required !== void 0 ? this.props.required : !1;
   }
   /**
    * @hidden
@@ -142,7 +142,8 @@ const a = class a extends s.Component {
       "aria-disabled": i || void 0,
       "aria-labelledby": this.props.ariaLabelledBy,
       "aria-describedby": this.props.ariaDescribedBy,
-      "aria-label": this.props.ariaLabel
+      "aria-label": this.props.ariaLabel,
+      "aria-required": this.props.required
     };
     return /* @__PURE__ */ s.createElement(
       "span",
@@ -214,7 +215,6 @@ a.displayName = "Switch", a.propTypes = {
   onBlur: h,
   onFocus: h,
   onLabel: "ON",
-  required: !1,
   validityStyles: !0
 };
 let c = a;

package/textarea/TextArea.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 se=require("react"),e=require("prop-types"),a=require("@progress/kendo-react-common");function le(s){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const l=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(i,r,l.get?l:{enumerable:!0,get:()=>s[r]})}}return i.default=s,Object.freeze(i)}const t=le(se),B=a.createPropsContext(),z=t.forwardRef((s,i)=>{const r=a.usePropsContext(B,s),{size:l=m.size,rounded:p=m.rounded,fillMode:O=m.fillMode,autoFocus:F=m.autoFocus,prefix:N=null,suffix:w=null,ariaDescribedBy:j,ariaLabelledBy:R,autoSize:T,className:q,defaultValue:D,disabled:o,readOnly:H,required:b,rows:$,id:L,name:_,placeholder:K,style:G,tabIndex:J,value:g,valid:P,validationMessage:M,validityStyles:S,onChange:x,onFocus:v,onBlur:y,visited:ue,touched:ie,modified:ce,resizable:h,...Q}=r,n=t.useRef(null),E=t.useCallback(()=>{n.current&&n.current.focus()},[]),[I,V]=t.useState(D),[U,W]=a.useCustomComponent(N),[X,Y]=a.useCustomComponent(w),c=g!==void 0,d=c?g:I,f=t.useCallback(()=>({element:n,focus:E,get value(){return d},get name(){return n.current&&n.current.name}}),[E,d]);t.useImperativeHandle(i,f);const[Z,A]=t.useState("auto"),ee=a.useId(),te=a.useDir(n,r.dir),C=P!==void 0?P:b?!!d:!0;t.useEffect(()=>{n.current&&n.current.setCustomValidity&&n.current.setCustomValidity(C?"":M||"")},[C,M]),a.useIsomorphicLayoutEffect(()=>{n.current&&A(`${n.current.scrollHeight}px`)},[d]);const ae=t.useCallback(u=>{const k=u.target.value;A("auto"),!c&&!o&&V(k),x&&!o&&a.dispatchEvent(x,u,{...f(),value:k},{value:k})},[V,x,o,c]),ne=t.useCallback(u=>{v&&!o&&a.dispatchEvent(v,u,f(),void 0)},[v,o]),oe=t.useCallback(u=>{y&&!o&&a.dispatchEvent(y,u,f(),void 0)},[y,o]),re={id:L||ee,role:"textbox",name:_,className:a.classNames("k-input-inner","!k-overflow-auto",{"k-resize":!T&&h!=="none"}),ref:n,disabled:o,rows:$,placeholder:K,readOnly:H,required:b,tabIndex:a.getTabIndex(J,o),autoFocus:F,style:T?{resize:"none",overflow:"hidden",height:Z}:h?{resize:h}:{},"aria-labelledby":R,"aria-describedby":j,"aria-multiline":!0,"aria-disabled":o||void 0,value:c?g:I,...Q,onChange:ae,onFocus:ne,onBlur:oe};return t.createElement("span",{className:a.classNames("k-input","k-textarea",{[`k-input-${a.kendoThemeMaps.sizeMap[l]||l}`]:l,[`k-input-${O}`]:O,[`k-rounded-${a.kendoThemeMaps.roundedMap[p]||p}`]:p,"k-invalid":!(C||S!==void 0||S===!0),"k-required":b,"k-disabled":o},q),style:G,dir:te},r.prefix&&t.createElement(U,{...W}),t.createElement("textarea",{...re}),r.suffix&&t.createElement(X,{...Y}))});z.propTypes={ariaDescribedBy:e.string,ariaLabelledBy:e.string,autoSize:e.bool,className:e.string,defaultValue:e.string,dir:e.string,disabled:e.bool,readOnly:e.bool,rows:e.number,id:e.string,name:e.string,placeholder:e.string,style:e.object,tabIndex:e.number,value:e.oneOfType([e.string,e.arrayOf(e.string),e.number]),onChange:e.func,onFocus:e.func,onBlur:e.func,size:e.oneOf([null,"small","medium","large"]),rounded:e.oneOf([null,"small","medium","large","full"]),fillMode:e.oneOf([null,"solid","flat","outline"]),resizable:e.oneOf(["none","both","horizontal","vertical"]),autoFocus:e.bool};const m={size:"medium",rounded:"medium",fillMode:"solid",autoFocus:!1};z.displayName="KendoTextArea";exports.TextArea=z;exports.TextAreaPropsContext=B;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const se=require("react"),e=require("prop-types"),a=require("@progress/kendo-react-common");function le(s){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const o in s)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(s,o);Object.defineProperty(u,o,l.get?l:{enumerable:!0,get:()=>s[o]})}}return u.default=s,Object.freeze(u)}const t=le(se),B=a.createPropsContext(),z=t.forwardRef((s,u)=>{const o=a.usePropsContext(B,s),{size:l=p.size,rounded:b=p.rounded,fillMode:O=p.fillMode,autoFocus:F=p.autoFocus,prefix:N=null,suffix:w=null,ariaDescribedBy:j,ariaLabelledBy:q,autoSize:T,className:R,defaultValue:D,disabled:n,readOnly:H,required:c,rows:$,id:L,name:_,placeholder:K,style:G,tabIndex:J,value:g,valid:P,validationMessage:M,validityStyles:S,onChange:x,onFocus:v,onBlur:y,visited:ie,touched:ue,modified:ce,resizable:h,...Q}=o,r=t.useRef(null),E=t.useCallback(()=>{r.current&&r.current.focus()},[]),[I,V]=t.useState(D),[U,W]=a.useCustomComponent(N),[X,Y]=a.useCustomComponent(w),d=g!==void 0,f=d?g:I,m=t.useCallback(()=>({element:r,focus:E,get value(){return f},get name(){return r.current&&r.current.name}}),[E,f]);t.useImperativeHandle(u,m);const[Z,A]=t.useState("auto"),ee=a.useId(),te=a.useDir(r,o.dir),C=P!==void 0?P:c?!!f:!0;t.useEffect(()=>{r.current&&r.current.setCustomValidity&&r.current.setCustomValidity(C?"":M||"")},[C,M]),a.useIsomorphicLayoutEffect(()=>{r.current&&A(`${r.current.scrollHeight}px`)},[f]);const ae=t.useCallback(i=>{const k=i.target.value;A("auto"),!d&&!n&&V(k),x&&!n&&a.dispatchEvent(x,i,{...m(),value:k},{value:k})},[V,x,n,d]),re=t.useCallback(i=>{v&&!n&&a.dispatchEvent(v,i,m(),void 0)},[v,n]),ne=t.useCallback(i=>{y&&!n&&a.dispatchEvent(y,i,m(),void 0)},[y,n]),oe={id:L||ee,role:"textbox",name:_,className:a.classNames("k-input-inner","!k-overflow-auto",{"k-resize":!T&&h!=="none"}),ref:r,disabled:n,rows:$,placeholder:K,readOnly:H,required:c,tabIndex:a.getTabIndex(J,n),autoFocus:F,style:T?{resize:"none",overflow:"hidden",height:Z}:h?{resize:h}:{},"aria-labelledby":q,"aria-describedby":j,"aria-multiline":!0,"aria-disabled":n||void 0,"aria-required":c,value:d?g:I,...Q,onChange:ae,onFocus:re,onBlur:ne};return t.createElement("span",{className:a.classNames("k-input","k-textarea",{[`k-input-${a.kendoThemeMaps.sizeMap[l]||l}`]:l,[`k-input-${O}`]:O,[`k-rounded-${a.kendoThemeMaps.roundedMap[b]||b}`]:b,"k-invalid":!(C||S!==void 0||S===!0),"k-required":c,"k-disabled":n},R),style:G,dir:te},o.prefix&&t.createElement(U,{...W}),t.createElement("textarea",{...oe}),o.suffix&&t.createElement(X,{...Y}))});z.propTypes={ariaDescribedBy:e.string,ariaLabelledBy:e.string,autoSize:e.bool,className:e.string,defaultValue:e.string,dir:e.string,disabled:e.bool,readOnly:e.bool,rows:e.number,id:e.string,name:e.string,placeholder:e.string,style:e.object,tabIndex:e.number,value:e.oneOfType([e.string,e.arrayOf(e.string),e.number]),onChange:e.func,onFocus:e.func,onBlur:e.func,size:e.oneOf([null,"small","medium","large"]),rounded:e.oneOf([null,"small","medium","large","full"]),fillMode:e.oneOf([null,"solid","flat","outline"]),resizable:e.oneOf(["none","both","horizontal","vertical"]),autoFocus:e.bool};const p={size:"medium",rounded:"medium",fillMode:"solid",autoFocus:!1};z.displayName="KendoTextArea";exports.TextArea=z;exports.TextAreaPropsContext=B;

package/textarea/TextArea.mjs

@@ -11,20 +11,20 @@ import e from "prop-types";
 import { createPropsContext as ie, usePropsContext as ue, useCustomComponent as F, useId as de, useDir as ce, useIsomorphicLayoutEffect as fe, dispatchEvent as y, classNames as M, getTabIndex as me, kendoThemeMaps as O } from "@progress/kendo-react-common";
 const pe = ie(), S = t.forwardRef((w, A) => {
   const n = ue(pe, w), {
-    size: d = u.size,
-    rounded: c = u.rounded,
-    fillMode: k = u.fillMode,
-    autoFocus: N = u.autoFocus,
+    size: c = d.size,
+    rounded: f = d.rounded,
+    fillMode: k = d.fillMode,
+    autoFocus: N = d.autoFocus,
     prefix: H = null,
     suffix: R = null,
     ariaDescribedBy: $,
-    ariaLabelledBy: D,
+    ariaLabelledBy: q,
     autoSize: C,
-    className: L,
-    defaultValue: q,
+    className: D,
+    defaultValue: L,
     disabled: r,
     readOnly: j,
-    required: f,
+    required: s,
     rows: K,
     id: G,
     name: J,
@@ -49,21 +49,21 @@ const pe = ie(), S = t.forwardRef((w, A) => {
       a.current && a.current.focus();
     },
     []
-  ), [V, B] = t.useState(q), [Y, Z] = F(H), [_, ee] = F(R), s = m !== void 0, l = s ? m : V, i = t.useCallback(
+  ), [V, B] = t.useState(L), [Y, Z] = F(H), [_, ee] = F(R), l = m !== void 0, i = l ? m : V, u = t.useCallback(
     () => ({
       element: a,
       focus: T,
       get value() {
-        return l;
+        return i;
       },
       get name() {
         return a.current && a.current.name;
       }
     }),
-    [T, l]
+    [T, i]
   );
-  t.useImperativeHandle(A, i);
-  const [te, E] = t.useState("auto"), ae = de(), re = ce(a, n.dir), v = z !== void 0 ? z : f ? !!l : !0;
+  t.useImperativeHandle(A, u);
+  const [te, E] = t.useState("auto"), ae = de(), re = ce(a, n.dir), v = z !== void 0 ? z : s ? !!i : !0;
   t.useEffect(
     () => {
       a.current && a.current.setCustomValidity && a.current.setCustomValidity(
@@ -75,28 +75,28 @@ const pe = ie(), S = t.forwardRef((w, A) => {
     () => {
       a.current && E(`${a.current.scrollHeight}px`);
     },
-    [l]
+    [i]
   );
   const oe = t.useCallback(
     (o) => {
       const h = o.target.value;
-      E("auto"), !s && !r && B(h), p && !r && y(
+      E("auto"), !l && !r && B(h), p && !r && y(
         p,
         o,
         {
-          ...i(),
+          ...u(),
           value: h
         },
         { value: h }
       );
     },
-    [B, p, r, s]
+    [B, p, r, l]
   ), ne = t.useCallback(
     (o) => {
       b && !r && y(
         b,
         o,
-        i(),
+        u(),
         void 0
       );
     },
@@ -106,7 +106,7 @@ const pe = ie(), S = t.forwardRef((w, A) => {
       x && !r && y(
         x,
         o,
-        i(),
+        u(),
         void 0
       );
     },
@@ -121,15 +121,16 @@ const pe = ie(), S = t.forwardRef((w, A) => {
     rows: K,
     placeholder: Q,
     readOnly: j,
-    required: f,
+    required: s,
     tabIndex: me(W, r),
     autoFocus: N,
     style: C ? { resize: "none", overflow: "hidden", height: te } : g ? { resize: g } : {},
-    "aria-labelledby": D,
+    "aria-labelledby": q,
     "aria-describedby": $,
     "aria-multiline": !0,
     "aria-disabled": r || void 0,
-    value: s ? m : V,
+    "aria-required": s,
+    value: l ? m : V,
     ...X,
     onChange: oe,
     onFocus: ne,
@@ -142,14 +143,14 @@ const pe = ie(), S = t.forwardRef((w, A) => {
         "k-input",
         "k-textarea",
         {
-          [`k-input-${O.sizeMap[d] || d}`]: d,
+          [`k-input-${O.sizeMap[c] || c}`]: c,
           [`k-input-${k}`]: k,
-          [`k-rounded-${O.roundedMap[c] || c}`]: c,
+          [`k-rounded-${O.roundedMap[f] || f}`]: f,
           "k-invalid": !(v || P !== void 0 || P === !0),
-          "k-required": f,
+          "k-required": s,
           "k-disabled": r
         },
-        L
+        D
       ),
       style: U,
       dir: re
@@ -188,7 +189,7 @@ S.propTypes = {
   resizable: e.oneOf(["none", "both", "horizontal", "vertical"]),
   autoFocus: e.bool
 };
-const u = {
+const d = {
   size: "medium",
   rounded: "medium",
   fillMode: "solid",

package/textbox/Textbox.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 P=require("react"),c=require("prop-types"),l=require("@progress/kendo-react-common"),j=require("../package-metadata.js");function z(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(s,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return s.default=e,Object.freeze(s)}const t=z(P),d=t.forwardRef((e,s)=>{l.validatePackage(j.packageMetadata);const n=t.useRef(null),a=t.useRef(null),r=t.useRef(),f=l.useUnstyled(),i=f&&f.uTextBox,b=t.useCallback(()=>{var u;return r.current!==void 0?r.current:(u=n.current)==null?void 0:u.value},[]);t.useImperativeHandle(a,()=>({get element(){return n.current},get name(){return n.current&&n.current.name},get value(){return b()}})),t.useImperativeHandle(s,()=>a.current);const{size:m=o.size,fillMode:g=o.fillMode,rounded:v=o.rounded,autoFocus:h=o.autoFocus,className:x,dir:B,style:F,prefix:T=o.prefix,suffix:_=o.suffix,valid:w,modified:D,touched:H,visited:I,...M}=e,[O]=l.useCustomComponent(T),[R]=l.useCustomComponent(_),[C,y]=t.useState(!1),N=u=>{y(!0)},S=u=>{y(!1)},k=t.useCallback(u=>{r.current=u.target.value,e.onChange&&e.onChange.call(void 0,{syntheticEvent:u,nativeEvent:u.nativeEvent,value:u.target.value,target:a.current}),r.current=void 0},[e.onChange]),{onFocus:p,onBlur:q}=l.useAsyncFocusBlur({onFocus:N,onBlur:S,onSyncFocus:e.onFocus,onSyncBlur:e.onBlur}),E=t.useMemo(()=>l.classNames(l.uTextBox.wrapper({c:i,rounded:v,fillMode:g,size:m,focused:C,required:e.required,disabled:e.disabled,invalid:e.valid===!1}),x),[x,g,C,e.disabled,e.required,e.valid,v,m,i]);return t.createElement("span",{style:F,dir:B,className:E,onFocus:p,onBlur:q},t.createElement(O,null),t.createElement("input",{ref:n,className:l.classNames(l.uTextBox.input({c:i})),autoFocus:h,...M,onChange:k}),t.createElement(R,null))}),o={prefix:e=>null,suffix:e=>null,size:"medium",rounded:"medium",fillMode:"solid",autoFocus:!1};d.propTypes={size:c.oneOf([null,"small","medium","large"]),rounded:c.oneOf([null,"small","medium","large","full"]),fillMode:c.oneOf([null,"solid","flat","outline"]),autoFocus:c.bool};d.displayName="KendoReactTextBoxComponent";exports.TextBox=d;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react"),c=require("prop-types"),a=require("@progress/kendo-react-common"),p=require("../package-metadata.js");function z(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const t=z(j),d=t.forwardRef((e,r)=>{a.validatePackage(p.packageMetadata);const n=t.useRef(null),l=t.useRef(null),s=t.useRef(),f=a.useUnstyled(),i=f&&f.uTextBox,b=t.useCallback(()=>{var u;return s.current!==void 0?s.current:(u=n.current)==null?void 0:u.value},[]);t.useImperativeHandle(l,()=>({get element(){return n.current},get name(){return n.current&&n.current.name},get value(){return b()}})),t.useImperativeHandle(r,()=>l.current);const{size:m=o.size,fillMode:g=o.fillMode,rounded:v=o.rounded,autoFocus:h=o.autoFocus,className:x,dir:B,style:F,prefix:T=o.prefix,suffix:_=o.suffix,valid:w,modified:D,touched:H,visited:I,...q}=e,[M]=a.useCustomComponent(T),[O]=a.useCustomComponent(_),[C,y]=t.useState(!1),R=u=>{y(!0)},N=u=>{y(!1)},S=t.useCallback(u=>{s.current=u.target.value,e.onChange&&e.onChange.call(void 0,{syntheticEvent:u,nativeEvent:u.nativeEvent,value:u.target.value,target:l.current}),s.current=void 0},[e.onChange]),{onFocus:k,onBlur:E}=a.useAsyncFocusBlur({onFocus:R,onBlur:N,onSyncFocus:e.onFocus,onSyncBlur:e.onBlur}),P=t.useMemo(()=>a.classNames(a.uTextBox.wrapper({c:i,rounded:v,fillMode:g,size:m,focused:C,required:e.required,disabled:e.disabled,invalid:e.valid===!1}),x),[x,g,C,e.disabled,e.required,e.valid,v,m,i]);return t.createElement("span",{style:F,dir:B,className:P,onFocus:k,onBlur:E},t.createElement(M,null),t.createElement("input",{ref:n,className:a.classNames(a.uTextBox.input({c:i})),autoFocus:h,...q,"aria-required":e.required,onChange:S}),t.createElement(O,null))}),o={prefix:e=>null,suffix:e=>null,size:"medium",rounded:"medium",fillMode:"solid",autoFocus:!1};d.propTypes={size:c.oneOf([null,"small","medium","large"]),rounded:c.oneOf([null,"small","medium","large","full"]),fillMode:c.oneOf([null,"solid","flat","outline"]),autoFocus:c.bool};d.displayName="KendoReactTextBoxComponent";exports.TextBox=d;