@progress/kendo-react-inputs 14.0.0-develop.1 → 14.0.0-develop.3

package/slider/Slider.mjs

@@ -8,7 +8,7 @@
 import * as l from "react";
 import { useState as L, useRef as R, useMemo as N, useEffect as q, useCallback as o, useImperativeHandle as me } from "react";
 import * as i from "prop-types";
-import { withPropsContext as ue, createPropsContext as fe, dispatchEvent as ge, Keys as s, classNames as ve, Draggable as he, getTabIndex as be } from "@progress/kendo-react-common";
+import { withPropsContext as ue, dispatchEvent as fe, Keys as s, classNames as ge, Draggable as ve, getTabIndex as he, createPropsContext as be } from "@progress/kendo-react-common";
 import { LocalizationService as ye, registerForLocalization as ke } from "@progress/kendo-react-intl";
 import { sliderDragTitle as H, messages as A, sliderDecreaseValue as O, sliderIncreaseValue as X } from "../messages/index.mjs";
 import { SLIDER_LABEL_ATTRIBUTE as xe } from "./SliderLabel.mjs";
@@ -53,7 +53,7 @@ const f = {
   }, []), d = o(
     (e, n) => {
       const c = Math.min(Math.max(n, t.min), t.max);
-      D || $(c), ge(t.onChange, e, V.current, { value: c });
+      D || $(c), fe(t.onChange, e, V.current, { value: c });
     },
     [t.min, t.max, t.onChange, D]
   ), te = o(() => {
@@ -153,7 +153,7 @@ const f = {
       onFocus: te,
       onBlur: ne,
       onKeyDown: ae,
-      className: ve(
+      className: ge(
         "k-slider",
         {
           "k-focus": p,
@@ -176,7 +176,7 @@ const f = {
         O,
         A[O]
       ),
-      children: /* @__PURE__ */ l.createElement(he, { onDrag: ce, onPress: re, autoScroll: !1 }, /* @__PURE__ */ l.createElement(
+      children: /* @__PURE__ */ l.createElement(ve, { onDrag: ce, onPress: re, autoScroll: !1 }, /* @__PURE__ */ l.createElement(
         "div",
         {
           className: "k-slider-track-wrap",
@@ -224,7 +224,7 @@ const f = {
               "aria-labelledby": t.ariaLabelledBy,
               "aria-describedby": t.ariaDescribedBy,
               "aria-label": t.ariaLabel,
-              tabIndex: be(Q, C, void 0),
+              tabIndex: he(Q, C, void 0),
               className: "k-draghandle k-draghandle-end",
               title: T.toLanguageString(
                 H,
@@ -239,7 +239,7 @@ const f = {
   );
 });
 z.displayName = "Slider";
-const Se = fe(), J = ue(Se, z);
+const Se = be(), J = ue(Se, z);
 J.displayName = "KendoReactSlider";
 J.propTypes = {
   value: i.number,

package/switch/Switch.d.ts

@@ -260,6 +260,10 @@ export interface SwitchHandle {
      * Returns the HTML element of the Switch component.
      */
     element: HTMLSpanElement | null;
+    /**
+     * Sets the focus on the Switch.
+     */
+    focus: () => void;
     /**
      * Gets the `name` property of the Switch.
      */

package/switch/Switch.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 n=require("react"),Y=require("prop-types"),i=require("@progress/kendo-react-common"),Z=require("@progress/kendo-react-intl"),N=require("../messages/index.js");function z(e){const f=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const h=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(f,s,h.get?h:{enumerable:!0,get:()=>e[s]})}}return f.default=e,Object.freeze(f)}const d=z(n),t=z(Y),l={disabled:!1,defaultChecked:!1,size:void 0,trackRounded:void 0,thumbRounded:void 0,offLabel:"OFF",onBlur:i.noop,onFocus:i.noop,onLabel:"ON",validityStyles:!0},x=d.forwardRef((e,f)=>{var F;const{disabled:s=l.disabled,defaultChecked:h=l.defaultChecked,size:C=l.size,trackRounded:w=l.trackRounded,thumbRounded:R=l.thumbRounded,offLabel:O=l.offLabel,onBlur:S=l.onBlur,onFocus:M=l.onFocus,onLabel:T=l.onLabel}=e,[I,V]=n.useState(h||!1),[_,P]=n.useState(!1),o=n.useRef(null),m=n.useRef(null),E=n.useRef(null),v=n.useRef(void 0),q=n.useRef(void 0),B=n.useRef(void 0),D=n.useMemo(()=>new Z.LocalizationService,[]),c=n.useMemo(()=>v.current!==void 0?v.current:e.checked!==void 0?e.checked:I,[e.checked,I]),b=n.useMemo(()=>{var g,K;const a=e.validationMessage!==void 0,r=(g=e.valid)!=null?g:e.required?!!c:!0,y=(K=e.valid)!=null?K:r;return{customError:a,valid:y,valueMissing:c===null}},[e.valid,e.validationMessage,e.required,c]),W=(F=e.validityStyles)!=null?F:l.validityStyles;n.useEffect(()=>{var a;(a=E.current)!=null&&a.setCustomValidity&&E.current.setCustomValidity(b.valid?"":e.validationMessage||D.toLanguageString(N.switchValidation,N.messages[N.switchValidation]))},[b,e.validationMessage,D]),n.useEffect(()=>{o.current&&(B.current=e.dir||getComputedStyle(o.current).direction||void 0)},[e.dir]);const k=n.useCallback(()=>({props:e,get element(){return o.current},get actionElement(){return m.current},get value(){return c},get name(){return e.name},get validity(){return b}}),[e,c,b]),u=n.useCallback((a,r)=>{V(a),v.current=a,i.dispatchEvent(e.onChange,r,{...k(),value:a},{value:a}),v.current=void 0},[e.onChange,k]);n.useEffect(()=>{const a=e.name||e.id,r=i.subscribeToKendoPaste(m.current,{fieldName:a,onValueChange:y=>{if(y!==c){const g={target:m.current,currentTarget:m.current,nativeEvent:new Event("change",{bubbles:!0})};u(y,g)}}});return()=>{r==null||r.unsubscribe()}},[e.name,e.id,c,u]);const H=n.useCallback(a=>{q.current!==a.timeStamp&&(q.current=a.timeStamp,u(!c,a))},[c,u]),$=n.useCallback(a=>{if(s)return;const{keyCode:r}=a;(r===i.Keys.space||r===i.Keys.enter)&&(u(!c,a),a.preventDefault())},[s,c,u]),A=n.useCallback(a=>{s||(P(!0),M&&M(a))},[s,M]),G=n.useCallback(a=>{s||(P(!1),S&&S(a))},[s,S]);n.useImperativeHandle(f,k,[k]);const J=B.current||e.dir||o.current&&getComputedStyle(o.current).direction||void 0,Q=!W||b.valid,U=i.classNames("k-switch",{[`k-switch-${i.kendoThemeMaps.sizeMap[C]||C}`]:C,"k-switch-on":c,"k-switch-off":!c,"k-focus":_,"k-disabled":s,"k-invalid":!Q},e.className),X=d.createElement("input",{type:"checkbox",checked:e.checked,ref:E,tabIndex:-1,"aria-hidden":!0,value:c,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"},onChange:i.noop,name:e.name||void 0});return d.createElement("span",{ref:m,role:"switch","aria-checked":c,"aria-disabled":s||void 0,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-label":e.ariaLabel,"aria-required":e.required,className:U,dir:J,onKeyDown:$,onClick:H,onBlur:G,onFocus:A,tabIndex:i.getTabIndex(e.tabIndex,s,void 0),accessKey:e.accessKey,id:e.id},d.createElement("span",{className:i.classNames("k-switch-track",{[`k-rounded-${i.kendoThemeMaps.roundedMap[w]||w}`]:w}),ref:o},X,T?d.createElement("span",{className:"k-switch-label-on"},T):"",O?d.createElement("span",{className:"k-switch-label-off"},O):""),d.createElement("span",{className:"k-switch-thumb-wrap"},d.createElement("span",{className:i.classNames("k-switch-thumb",{[`k-rounded-${i.kendoThemeMaps.roundedMap[R]||R}`]:R})})))});x.displayName="Switch";const j=i.createPropsContext(),L=i.withIdHOC(i.withPropsContext(j,x));L.displayName="KendoReactSwitch";L.propTypes={accessKey:t.string,checked:t.bool,className:t.string,defaultChecked:t.bool,defaultValue:t.any,disabled:t.bool,dir:t.string,id:t.string,size:t.oneOf(["small","medium","large"]),trackRounded:t.oneOf(["small","medium","large","full"]),thumbRounded:t.oneOf(["small","medium","large","full"]),ariaDescribedBy:t.string,ariaLabelledBy:t.string,ariaLabel:t.string,offLabel:t.node,onBlur:t.func,onChange:t.func,onFocus:t.func,onLabel:t.node,tabIndex:t.number,value:t.any,name:t.string,required:t.bool,valid:t.bool,validationMessage:t.string,validityStyles:t.bool};exports.Switch=L;exports.SwitchPropsContext=j;exports.SwitchWithoutContext=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),Y=require("prop-types"),i=require("@progress/kendo-react-common"),Z=require("@progress/kendo-react-intl"),N=require("../messages/index.js");function z(e){const m=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const h=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(m,s,h.get?h:{enumerable:!0,get:()=>e[s]})}}return m.default=e,Object.freeze(m)}const d=z(n),a=z(Y),l={disabled:!1,defaultChecked:!1,size:void 0,trackRounded:void 0,thumbRounded:void 0,offLabel:"OFF",onBlur:i.noop,onFocus:i.noop,onLabel:"ON",validityStyles:!0},x=d.forwardRef((e,m)=>{var F;const{disabled:s=l.disabled,defaultChecked:h=l.defaultChecked,size:C=l.size,trackRounded:w=l.trackRounded,thumbRounded:R=l.thumbRounded,offLabel:O=l.offLabel,onBlur:S=l.onBlur,onFocus:M=l.onFocus,onLabel:T=l.onLabel}=e,[I,V]=n.useState(h||!1),[_,P]=n.useState(!1),o=n.useRef(null),u=n.useRef(null),E=n.useRef(null),v=n.useRef(void 0),q=n.useRef(void 0),B=n.useRef(void 0),D=n.useMemo(()=>new Z.LocalizationService,[]),c=n.useMemo(()=>v.current!==void 0?v.current:e.checked!==void 0?e.checked:I,[e.checked,I]),b=n.useMemo(()=>{var g,K;const t=e.validationMessage!==void 0,r=(g=e.valid)!=null?g:e.required?!!c:!0,y=(K=e.valid)!=null?K:r;return{customError:t,valid:y,valueMissing:c===null}},[e.valid,e.validationMessage,e.required,c]),W=(F=e.validityStyles)!=null?F:l.validityStyles;n.useEffect(()=>{var t;(t=E.current)!=null&&t.setCustomValidity&&E.current.setCustomValidity(b.valid?"":e.validationMessage||D.toLanguageString(N.switchValidation,N.messages[N.switchValidation]))},[b,e.validationMessage,D]),n.useEffect(()=>{o.current&&(B.current=e.dir||getComputedStyle(o.current).direction||void 0)},[e.dir]);const k=n.useCallback(()=>({props:e,get element(){return o.current},get actionElement(){return u.current},focus:()=>{var t;(t=u.current)==null||t.focus()},get value(){return c},get name(){return e.name},get validity(){return b}}),[e,c,b]),f=n.useCallback((t,r)=>{V(t),v.current=t,i.dispatchEvent(e.onChange,r,{...k(),value:t},{value:t}),v.current=void 0},[e.onChange,k]);n.useEffect(()=>{const t=e.name||e.id,r=i.subscribeToKendoPaste(u.current,{fieldName:t,onValueChange:y=>{if(y!==c){const g={target:u.current,currentTarget:u.current,nativeEvent:new Event("change",{bubbles:!0})};f(y,g)}}});return()=>{r==null||r.unsubscribe()}},[e.name,e.id,c,f]);const H=n.useCallback(t=>{q.current!==t.timeStamp&&(q.current=t.timeStamp,f(!c,t))},[c,f]),$=n.useCallback(t=>{if(s)return;const{keyCode:r}=t;(r===i.Keys.space||r===i.Keys.enter)&&(f(!c,t),t.preventDefault())},[s,c,f]),A=n.useCallback(t=>{s||(P(!0),M&&M(t))},[s,M]),G=n.useCallback(t=>{s||(P(!1),S&&S(t))},[s,S]);n.useImperativeHandle(m,k,[k]);const J=B.current||e.dir||o.current&&getComputedStyle(o.current).direction||void 0,Q=!W||b.valid,U=i.classNames("k-switch",{[`k-switch-${i.kendoThemeMaps.sizeMap[C]||C}`]:C,"k-switch-on":c,"k-switch-off":!c,"k-focus":_,"k-disabled":s,"k-invalid":!Q},e.className),X=d.createElement("input",{type:"checkbox",checked:e.checked,ref:E,tabIndex:-1,"aria-hidden":!0,value:c,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"},onChange:i.noop,name:e.name||void 0});return d.createElement("span",{ref:u,role:"switch","aria-checked":c,"aria-disabled":s||void 0,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,"aria-label":e.ariaLabel,"aria-required":e.required,className:U,dir:J,onKeyDown:$,onClick:H,onBlur:G,onFocus:A,tabIndex:i.getTabIndex(e.tabIndex,s,void 0),accessKey:e.accessKey,id:e.id},d.createElement("span",{className:i.classNames("k-switch-track",{[`k-rounded-${i.kendoThemeMaps.roundedMap[w]||w}`]:w}),ref:o},X,T?d.createElement("span",{className:"k-switch-label-on"},T):"",O?d.createElement("span",{className:"k-switch-label-off"},O):""),d.createElement("span",{className:"k-switch-thumb-wrap"},d.createElement("span",{className:i.classNames("k-switch-thumb",{[`k-rounded-${i.kendoThemeMaps.roundedMap[R]||R}`]:R})})))});x.displayName="Switch";const j=i.createPropsContext(),L=i.withIdHOC(i.withPropsContext(j,x));L.displayName="KendoReactSwitch";L.propTypes={accessKey:a.string,checked:a.bool,className:a.string,defaultChecked:a.bool,defaultValue:a.any,disabled:a.bool,dir:a.string,id:a.string,size:a.oneOf(["small","medium","large"]),trackRounded:a.oneOf(["small","medium","large","full"]),thumbRounded:a.oneOf(["small","medium","large","full"]),ariaDescribedBy:a.string,ariaLabelledBy:a.string,ariaLabel:a.string,offLabel:a.node,onBlur:a.func,onChange:a.func,onFocus:a.func,onLabel:a.node,tabIndex:a.number,value:a.any,name:a.string,required:a.bool,valid:a.bool,validationMessage:a.string,validityStyles:a.bool};exports.Switch=L;exports.SwitchPropsContext=j;exports.SwitchWithoutContext=x;

package/switch/Switch.mjs

@@ -5,13 +5,13 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as c from "react";
-import { useState as q, useRef as s, useMemo as E, useEffect as L, useCallback as u, useImperativeHandle as ae } from "react";
-import * as t from "prop-types";
-import { withIdHOC as ne, withPropsContext as ie, createPropsContext as de, noop as M, dispatchEvent as re, subscribeToKendoPaste as ce, Keys as V, classNames as N, kendoThemeMaps as x, getTabIndex as le } from "@progress/kendo-react-common";
+import * as d from "react";
+import { useState as q, useRef as u, useMemo as E, useEffect as L, useCallback as m, useImperativeHandle as ae } from "react";
+import * as a from "prop-types";
+import { withIdHOC as ne, withPropsContext as ie, noop as M, dispatchEvent as re, subscribeToKendoPaste as ce, Keys as V, classNames as N, kendoThemeMaps as x, getTabIndex as de, createPropsContext as le } from "@progress/kendo-react-common";
 import { LocalizationService as oe } from "@progress/kendo-react-intl";
 import { switchValidation as H, messages as se } from "../messages/index.mjs";
-const d = {
+const r = {
   disabled: !1,
   defaultChecked: !1,
   size: void 0,
@@ -22,42 +22,46 @@ const d = {
   onFocus: M,
   onLabel: "ON",
   validityStyles: !0
-}, W = c.forwardRef((e, j) => {
+}, W = d.forwardRef((e, j) => {
   var T;
   const {
-    disabled: r = d.disabled,
-    defaultChecked: A = d.defaultChecked,
-    size: g = d.size,
-    trackRounded: k = d.trackRounded,
-    thumbRounded: w = d.thumbRounded,
-    offLabel: B = d.offLabel,
-    onBlur: C = d.onBlur,
-    onFocus: R = d.onFocus,
-    onLabel: I = d.onLabel
-  } = e, [F, G] = q(A || !1), [J, D] = q(!1), l = s(null), m = s(null), S = s(null), b = s(void 0), K = s(void 0), z = s(void 0), O = E(() => new oe(), []), n = E(() => b.current !== void 0 ? b.current : e.checked !== void 0 ? e.checked : F, [e.checked, F]), f = E(() => {
+    disabled: c = r.disabled,
+    defaultChecked: A = r.defaultChecked,
+    size: g = r.size,
+    trackRounded: k = r.trackRounded,
+    thumbRounded: w = r.thumbRounded,
+    offLabel: B = r.offLabel,
+    onBlur: C = r.onBlur,
+    onFocus: R = r.onFocus,
+    onLabel: I = r.onLabel
+  } = e, [F, G] = q(A || !1), [J, D] = q(!1), l = u(null), o = u(null), S = u(null), b = u(void 0), K = u(void 0), z = u(void 0), O = E(() => new oe(), []), n = E(() => b.current !== void 0 ? b.current : e.checked !== void 0 ? e.checked : F, [e.checked, F]), f = E(() => {
     var y, P;
-    const a = e.validationMessage !== void 0, i = (y = e.valid) != null ? y : e.required ? !!n : !0, v = (P = e.valid) != null ? P : i;
+    const t = e.validationMessage !== void 0, i = (y = e.valid) != null ? y : e.required ? !!n : !0, v = (P = e.valid) != null ? P : i;
     return {
-      customError: a,
+      customError: t,
       valid: v,
       valueMissing: n === null
     };
-  }, [e.valid, e.validationMessage, e.required, n]), Q = (T = e.validityStyles) != null ? T : d.validityStyles;
+  }, [e.valid, e.validationMessage, e.required, n]), Q = (T = e.validityStyles) != null ? T : r.validityStyles;
   L(() => {
-    var a;
-    (a = S.current) != null && a.setCustomValidity && S.current.setCustomValidity(
+    var t;
+    (t = S.current) != null && t.setCustomValidity && S.current.setCustomValidity(
       f.valid ? "" : e.validationMessage || O.toLanguageString(H, se[H])
     );
   }, [f, e.validationMessage, O]), L(() => {
     l.current && (z.current = e.dir || getComputedStyle(l.current).direction || void 0);
   }, [e.dir]);
-  const h = u(() => ({
+  const h = m(() => ({
     props: e,
     get element() {
       return l.current;
     },
     get actionElement() {
-      return m.current;
+      return o.current;
+    },
+    focus: () => {
+      var t;
+      (t = o.current) == null || t.focus();
     },
     get value() {
       return n;
@@ -68,58 +72,58 @@ const d = {
     get validity() {
       return f;
     }
-  }), [e, n, f]), o = u(
-    (a, i) => {
-      G(a), b.current = a, re(
+  }), [e, n, f]), s = m(
+    (t, i) => {
+      G(t), b.current = t, re(
         e.onChange,
         i,
-        { ...h(), value: a },
-        { value: a }
+        { ...h(), value: t },
+        { value: t }
       ), b.current = void 0;
     },
     [e.onChange, h]
   );
   L(() => {
-    const a = e.name || e.id, i = ce(m.current, {
-      fieldName: a,
+    const t = e.name || e.id, i = ce(o.current, {
+      fieldName: t,
       onValueChange: (v) => {
         if (v !== n) {
           const y = {
-            target: m.current,
-            currentTarget: m.current,
+            target: o.current,
+            currentTarget: o.current,
             nativeEvent: new Event("change", { bubbles: !0 })
           };
-          o(v, y);
+          s(v, y);
         }
       }
     });
     return () => {
       i == null || i.unsubscribe();
     };
-  }, [e.name, e.id, n, o]);
-  const U = u(
-    (a) => {
-      K.current !== a.timeStamp && (K.current = a.timeStamp, o(!n, a));
+  }, [e.name, e.id, n, s]);
+  const U = m(
+    (t) => {
+      K.current !== t.timeStamp && (K.current = t.timeStamp, s(!n, t));
     },
-    [n, o]
-  ), X = u(
-    (a) => {
-      if (r)
+    [n, s]
+  ), X = m(
+    (t) => {
+      if (c)
         return;
-      const { keyCode: i } = a;
-      (i === V.space || i === V.enter) && (o(!n, a), a.preventDefault());
+      const { keyCode: i } = t;
+      (i === V.space || i === V.enter) && (s(!n, t), t.preventDefault());
     },
-    [r, n, o]
-  ), Y = u(
-    (a) => {
-      r || (D(!0), R && R(a));
+    [c, n, s]
+  ), Y = m(
+    (t) => {
+      c || (D(!0), R && R(t));
     },
-    [r, R]
-  ), Z = u(
-    (a) => {
-      r || (D(!1), C && C(a));
+    [c, R]
+  ), Z = m(
+    (t) => {
+      c || (D(!1), C && C(t));
     },
-    [r, C]
+    [c, C]
   );
   ae(j, h, [h]);
   const _ = z.current || e.dir || l.current && getComputedStyle(l.current).direction || void 0, p = !Q || f.valid, ee = N(
@@ -129,11 +133,11 @@ const d = {
       "k-switch-on": n,
       "k-switch-off": !n,
       "k-focus": J,
-      "k-disabled": r,
+      "k-disabled": c,
       "k-invalid": !p
     },
     e.className
-  ), te = /* @__PURE__ */ c.createElement(
+  ), te = /* @__PURE__ */ d.createElement(
     "input",
     {
       type: "checkbox",
@@ -147,13 +151,13 @@ const d = {
       name: e.name || void 0
     }
   );
-  return /* @__PURE__ */ c.createElement(
+  return /* @__PURE__ */ d.createElement(
     "span",
     {
-      ref: m,
+      ref: o,
       role: "switch",
       "aria-checked": n,
-      "aria-disabled": r || void 0,
+      "aria-disabled": c || void 0,
       "aria-labelledby": e.ariaLabelledBy,
       "aria-describedby": e.ariaDescribedBy,
       "aria-label": e.ariaLabel,
@@ -164,11 +168,11 @@ const d = {
       onClick: U,
       onBlur: Z,
       onFocus: Y,
-      tabIndex: le(e.tabIndex, r, void 0),
+      tabIndex: de(e.tabIndex, c, void 0),
       accessKey: e.accessKey,
       id: e.id
     },
-    /* @__PURE__ */ c.createElement(
+    /* @__PURE__ */ d.createElement(
       "span",
       {
         className: N("k-switch-track", {
@@ -177,10 +181,10 @@ const d = {
         ref: l
       },
       te,
-      I ? /* @__PURE__ */ c.createElement("span", { className: "k-switch-label-on" }, I) : "",
-      B ? /* @__PURE__ */ c.createElement("span", { className: "k-switch-label-off" }, B) : ""
+      I ? /* @__PURE__ */ d.createElement("span", { className: "k-switch-label-on" }, I) : "",
+      B ? /* @__PURE__ */ d.createElement("span", { className: "k-switch-label-off" }, B) : ""
     ),
-    /* @__PURE__ */ c.createElement("span", { className: "k-switch-thumb-wrap" }, /* @__PURE__ */ c.createElement(
+    /* @__PURE__ */ d.createElement("span", { className: "k-switch-thumb-wrap" }, /* @__PURE__ */ d.createElement(
       "span",
       {
         className: N("k-switch-thumb", {
@@ -191,7 +195,7 @@ const d = {
   );
 });
 W.displayName = "Switch";
-const ue = de(), $ = ne(
+const ue = le(), $ = ne(
   ie(
     ue,
     W
@@ -199,32 +203,32 @@ const ue = de(), $ = ne(
 );
 $.displayName = "KendoReactSwitch";
 $.propTypes = {
-  accessKey: t.string,
-  checked: t.bool,
-  className: t.string,
-  defaultChecked: t.bool,
-  defaultValue: t.any,
-  disabled: t.bool,
-  dir: t.string,
-  id: t.string,
-  size: t.oneOf(["small", "medium", "large"]),
-  trackRounded: t.oneOf(["small", "medium", "large", "full"]),
-  thumbRounded: t.oneOf(["small", "medium", "large", "full"]),
-  ariaDescribedBy: t.string,
-  ariaLabelledBy: t.string,
-  ariaLabel: t.string,
-  offLabel: t.node,
-  onBlur: t.func,
-  onChange: t.func,
-  onFocus: t.func,
-  onLabel: t.node,
-  tabIndex: t.number,
-  value: t.any,
-  name: t.string,
-  required: t.bool,
-  valid: t.bool,
-  validationMessage: t.string,
-  validityStyles: t.bool
+  accessKey: a.string,
+  checked: a.bool,
+  className: a.string,
+  defaultChecked: a.bool,
+  defaultValue: a.any,
+  disabled: a.bool,
+  dir: a.string,
+  id: a.string,
+  size: a.oneOf(["small", "medium", "large"]),
+  trackRounded: a.oneOf(["small", "medium", "large", "full"]),
+  thumbRounded: a.oneOf(["small", "medium", "large", "full"]),
+  ariaDescribedBy: a.string,
+  ariaLabelledBy: a.string,
+  ariaLabel: a.string,
+  offLabel: a.node,
+  onBlur: a.func,
+  onChange: a.func,
+  onFocus: a.func,
+  onLabel: a.node,
+  tabIndex: a.number,
+  value: a.any,
+  name: a.string,
+  required: a.bool,
+  valid: a.bool,
+  validationMessage: a.string,
+  validityStyles: a.bool
 };
 export {
   $ as Switch,

package/textarea/TextArea.mjs

@@ -7,9 +7,9 @@
  */
 import * as a from "react";
 import e from "prop-types";
-import { createPropsContext as ve, usePropsContext as ge, useCustomComponent as $, useId as he, useDir as ye, useIsomorphicLayoutEffect as ke, dispatchEvent as z, useKendoPaste as Ce, getTabIndex as ze, classNames as q, kendoThemeMaps as D } from "@progress/kendo-react-common";
-const Pe = ve(), K = a.forwardRef((L, j) => {
-  const u = ge(Pe, L), {
+import { usePropsContext as ve, useCustomComponent as $, useId as ge, useDir as he, useIsomorphicLayoutEffect as ye, dispatchEvent as z, useKendoPaste as ke, getTabIndex as Ce, classNames as q, kendoThemeMaps as D, createPropsContext as ze } from "@progress/kendo-react-common";
+const Pe = ze(), K = a.forwardRef((L, j) => {
+  const u = ve(Pe, L), {
     size: b = i.size,
     rounded: p = i.rounded,
     fillMode: P = i.fillMode,
@@ -62,10 +62,10 @@ const Pe = ve(), K = a.forwardRef((L, j) => {
     }
   }), [O, I, m]);
   a.useImperativeHandle(j, n);
-  const [H, R] = a.useState("auto"), ce = he(), de = ye(t, u.dir), k = S !== void 0 ? S : d ? !!m : !0;
+  const [H, R] = a.useState("auto"), ce = ge(), de = he(t, u.dir), k = S !== void 0 ? S : d ? !!m : !0;
   a.useEffect(() => {
     t.current && t.current.setCustomValidity && t.current.setCustomValidity(k ? "" : T || "");
-  }, [k, T]), ke(() => {
+  }, [k, T]), ye(() => {
     t.current && R(`${t.current.scrollHeight}px`);
   }, [m]);
   const C = a.useCallback(
@@ -103,7 +103,7 @@ const Pe = ve(), K = a.forwardRef((L, j) => {
     },
     [C]
   );
-  Ce(t, {
+  ke(t, {
     fieldName: N,
     onValueChange: be,
     enabled: !!N
@@ -133,7 +133,7 @@ const Pe = ve(), K = a.forwardRef((L, j) => {
     placeholder: ee,
     readOnly: Y,
     required: d,
-    tabIndex: ze(ae, o),
+    tabIndex: Ce(ae, o),
     autoFocus: _,
     style: pe,
     "aria-labelledby": U,