@progress/kendo-react-inputs 14.5.0-develop.8 → 15.0.0-develop.1

package/switch/Switch.mjs

@@ -5,63 +5,63 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as d from "react";
-import { useState as q, useRef as u, useMemo as N, useEffect as x, useCallback as f, useImperativeHandle as ie } from "react";
+import * as l from "react";
+import { useState as H, useRef as d, useMemo as E, useEffect as M, useCallback as m, useImperativeHandle as V } from "react";
 import t from "prop-types";
-import { withIdHOC as re, withPropsContext as ce, noop as I, dispatchEvent as de, subscribeToKendoPaste as le, Keys as H, classNames as M, kendoThemeMaps as B, getTabIndex as se, createPropsContext as oe } from "@progress/kendo-react-common";
-import { LocalizationService as ue } from "@progress/kendo-react-intl";
-import { switchValidation as V, messages as W, switchAriaLabel as $ } from "../messages/index.mjs";
-const r = {
+import { withIdHOC as le, withPropsContext as de, noop as B, dispatchEvent as se, subscribeToKendoPaste as oe, Keys as W, useWebMcpRegister as ue, classNames as N, kendoThemeMaps as x, getTabIndex as fe, createPropsContext as me } from "@progress/kendo-react-common";
+import { LocalizationService as be, useLocalization as he } from "@progress/kendo-react-intl";
+import { switchValidation as $, messages as A, switchAriaLabel as j } from "../messages/index.mjs";
+const c = {
   disabled: !1,
   defaultChecked: !1,
   size: void 0,
   trackRounded: void 0,
   thumbRounded: void 0,
   offLabel: "OFF",
-  onBlur: I,
-  onFocus: I,
+  onBlur: B,
+  onFocus: B,
   onLabel: "ON",
   validityStyles: !0
-}, A = d.forwardRef((e, G) => {
-  var P;
+}, G = l.forwardRef((e, Q) => {
+  var T;
   const {
-    disabled: c = r.disabled,
-    defaultChecked: J = r.defaultChecked,
-    size: k = r.size,
-    trackRounded: w = r.trackRounded,
-    thumbRounded: C = r.thumbRounded,
-    offLabel: F = r.offLabel,
-    onBlur: R = r.onBlur,
-    onFocus: L = r.onFocus,
-    onLabel: D = r.onLabel
-  } = e, [K, Q] = q(J || !1), [U, z] = q(!1), l = u(null), s = u(null), b = u(null), h = u(void 0), S = u(!1), O = u(void 0), E = N(() => new ue(), []), n = N(() => h.current !== void 0 ? h.current : e.checked !== void 0 ? e.checked : K, [e.checked, K]), m = N(() => {
-    var y, T;
-    const a = e.validationMessage !== void 0, i = (y = e.valid) != null ? y : e.required ? !!n : !0, g = (T = e.valid) != null ? T : i;
+    disabled: r = c.disabled,
+    defaultChecked: U = c.defaultChecked,
+    size: k = c.size,
+    trackRounded: w = c.trackRounded,
+    thumbRounded: C = c.thumbRounded,
+    offLabel: I = c.offLabel,
+    onBlur: R = c.onBlur,
+    onFocus: L = c.onFocus,
+    onLabel: z = c.onLabel
+  } = e, [F, X] = H(U || !1), [Y, D] = H(!1), s = d(null), o = d(null), h = d(null), v = d(void 0), S = d(!1), K = d(void 0), O = E(() => new be(), []), Z = he(), n = E(() => v.current !== void 0 ? v.current : e.checked !== void 0 ? e.checked : F, [e.checked, F]), b = E(() => {
+    var y, q;
+    const a = e.validationMessage !== void 0, i = (y = e.valid) != null ? y : e.required ? !!n : !0, g = (q = e.valid) != null ? q : i;
     return {
       customError: a,
       valid: g,
       valueMissing: n === null
     };
-  }, [e.valid, e.validationMessage, e.required, n]), X = (P = e.validityStyles) != null ? P : r.validityStyles;
-  x(() => {
+  }, [e.valid, e.validationMessage, e.required, n]), _ = (T = e.validityStyles) != null ? T : c.validityStyles;
+  M(() => {
     var a;
-    (a = b.current) != null && a.setCustomValidity && b.current.setCustomValidity(
-      m.valid ? "" : e.validationMessage || E.toLanguageString(V, W[V])
+    (a = h.current) != null && a.setCustomValidity && h.current.setCustomValidity(
+      b.valid ? "" : e.validationMessage || O.toLanguageString($, A[$])
     );
-  }, [m, e.validationMessage, E]), x(() => {
-    l.current && (O.current = e.dir || getComputedStyle(l.current).direction || void 0);
+  }, [b, e.validationMessage, O]), M(() => {
+    s.current && (K.current = e.dir || getComputedStyle(s.current).direction || void 0);
   }, [e.dir]);
-  const v = f(() => ({
+  const u = m(() => ({
     props: e,
     get element() {
-      return l.current;
+      return s.current;
     },
     get actionElement() {
-      return s.current;
+      return o.current;
     },
     focus: () => {
       var a;
-      (a = s.current) == null || a.focus();
+      (a = o.current) == null || a.focus();
     },
     get value() {
       return n;
@@ -70,147 +70,147 @@ const r = {
       return e.name;
     },
     get validity() {
-      return m;
+      return b;
     }
-  }), [e, n, m]), o = f(
+  }), [e, n, b]), f = m(
     (a, i) => {
-      Q(a), h.current = a, de(
+      X(a), v.current = a, se(
         e.onChange,
         i,
-        { ...v(), value: a },
+        { ...u(), value: a },
         { value: a }
-      ), h.current = void 0;
+      ), v.current = void 0;
     },
-    [e.onChange, v]
+    [e.onChange, u]
   );
-  x(() => {
-    const a = e.name || e.id, i = le(s.current, {
+  M(() => {
+    const a = e.name || e.id, i = oe(o.current, {
       fieldName: a,
       onValueChange: (g) => {
         if (g !== n) {
           const y = {
-            target: s.current,
-            currentTarget: s.current,
+            target: o.current,
+            currentTarget: o.current,
             nativeEvent: new Event("change", { bubbles: !0 })
           };
-          o(g, y);
+          f(g, y);
         }
       }
     });
     return () => {
       i == null || i.unsubscribe();
     };
-  }, [e.name, e.id, n, o]);
-  const Y = f(
+  }, [e.name, e.id, n, f]);
+  const p = m(
     (a) => {
-      if (a.target === b.current) {
+      if (a.target === h.current) {
         if (S.current) {
           S.current = !1;
           return;
         }
       } else
         S.current = !0;
-      o(!n, a);
+      f(!n, a);
     },
-    [n, o]
-  ), Z = f(
+    [n, f]
+  ), ee = m(
     (a) => {
-      if (c)
+      if (r)
         return;
       const { keyCode: i } = a;
-      (i === H.space || i === H.enter) && (o(!n, a), a.preventDefault());
+      (i === W.space || i === W.enter) && (f(!n, a), a.preventDefault());
     },
-    [c, n, o]
-  ), _ = f(
+    [r, n, f]
+  ), te = m(
     (a) => {
-      c || (z(!0), L && L(a));
+      r || (D(!0), L && L(a));
     },
-    [c, L]
-  ), p = f(
+    [r, L]
+  ), ae = m(
     (a) => {
-      c || (z(!1), R && R(a));
+      r || (D(!1), R && R(a));
     },
-    [c, R]
+    [r, R]
   );
-  ie(G, v, [v]);
-  const ee = O.current || e.dir || l.current && getComputedStyle(l.current).direction || void 0, te = !X || m.valid, ae = M(
+  V(Q, u, [u]);
+  const P = d(null);
+  V(P, u, [u]), ue("switch", P, e, e.webMcp);
+  const ne = K.current || e.dir || s.current && getComputedStyle(s.current).direction || void 0, ie = !_ || b.valid, ce = N(
     "k-switch",
     {
-      [`k-switch-${B.sizeMap[k] || k}`]: k,
+      [`k-switch-${x.sizeMap[k] || k}`]: k,
       "k-switch-on": n,
       "k-switch-off": !n,
-      "k-focus": U,
-      "k-disabled": c,
-      "k-invalid": !te
+      "k-focus": Y,
+      "k-disabled": r,
+      "k-invalid": !ie
     },
     e.className
-  ), ne = /* @__PURE__ */ d.createElement(
+  ), re = /* @__PURE__ */ l.createElement(
     "input",
     {
       type: "checkbox",
       checked: e.checked,
-      ref: b,
+      ref: h,
       tabIndex: -1,
-      "aria-hidden": !0,
-      "aria-label": e.ariaLabel || E.toLanguageString($, W[$]),
       value: n,
       style: { opacity: 0, width: 1, border: 0, zIndex: -1, position: "absolute", left: "50%" },
-      onChange: I,
+      onChange: B,
       name: e.name || void 0
     }
   );
-  return /* @__PURE__ */ d.createElement(
+  return /* @__PURE__ */ l.createElement(
     "span",
     {
-      ref: s,
+      ref: o,
       role: "switch",
       "aria-checked": n,
-      "aria-disabled": c || void 0,
+      "aria-disabled": r || void 0,
       "aria-labelledby": e.ariaLabelledBy,
       "aria-describedby": e.ariaDescribedBy,
-      "aria-label": e.ariaLabel,
+      "aria-label": e.ariaLabel || Z.toLanguageString(j, A[j]),
       "aria-required": e.required,
-      className: ae,
-      dir: ee,
-      onKeyDown: Z,
-      onClick: Y,
-      onBlur: p,
-      onFocus: _,
-      tabIndex: se(e.tabIndex, c, void 0),
+      className: ce,
+      dir: ne,
+      onKeyDown: ee,
+      onClick: p,
+      onBlur: ae,
+      onFocus: te,
+      tabIndex: fe(e.tabIndex, r, void 0),
       accessKey: e.accessKey,
       id: e.id
     },
-    /* @__PURE__ */ d.createElement(
+    /* @__PURE__ */ l.createElement(
       "span",
       {
-        className: M("k-switch-track", {
-          [`k-rounded-${B.roundedMap[w] || w}`]: w
+        className: N("k-switch-track", {
+          [`k-rounded-${x.roundedMap[w] || w}`]: w
         }),
-        ref: l
+        ref: s
       },
-      ne,
-      D ? /* @__PURE__ */ d.createElement("span", { className: "k-switch-label-on" }, D) : "",
-      F ? /* @__PURE__ */ d.createElement("span", { className: "k-switch-label-off" }, F) : ""
+      re,
+      z ? /* @__PURE__ */ l.createElement("span", { className: "k-switch-label-on" }, z) : "",
+      I ? /* @__PURE__ */ l.createElement("span", { className: "k-switch-label-off" }, I) : ""
     ),
-    /* @__PURE__ */ d.createElement("span", { className: "k-switch-thumb-wrap" }, /* @__PURE__ */ d.createElement(
+    /* @__PURE__ */ l.createElement("span", { className: "k-switch-thumb-wrap" }, /* @__PURE__ */ l.createElement(
       "span",
       {
-        className: M("k-switch-thumb", {
-          [`k-rounded-${B.roundedMap[C] || C}`]: C
+        className: N("k-switch-thumb", {
+          [`k-rounded-${x.roundedMap[C] || C}`]: C
         })
       }
     ))
   );
 });
-A.displayName = "Switch";
-const fe = oe(), j = re(
-  ce(
-    fe,
-    A
+G.displayName = "Switch";
+const ve = me(), J = le(
+  de(
+    ve,
+    G
   )
 );
-j.displayName = "KendoReactSwitch";
-j.propTypes = {
+J.displayName = "KendoReactSwitch";
+J.propTypes = {
   accessKey: t.string,
   checked: t.bool,
   className: t.string,
@@ -239,7 +239,7 @@ j.propTypes = {
   validityStyles: t.bool
 };
 export {
-  j as Switch,
-  fe as SwitchPropsContext,
-  A as SwitchWithoutContext
+  J as Switch,
+  ve as SwitchPropsContext,
+  G as SwitchWithoutContext
 };

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

package/textarea/TextArea.mjs

@@ -5,176 +5,176 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as a from "react";
+import * as t from "react";
 import e from "prop-types";
-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,
+import { usePropsContext as xe, useCustomComponent as q, useWebMcpRegister as he, useId as ye, useDir as ke, useIsomorphicLayoutEffect as Ce, dispatchEvent as z, useKendoPaste as ze, getTabIndex as we, classNames as D, kendoThemeMaps as K, createPropsContext as Pe } from "@progress/kendo-react-common";
+const Fe = Pe(), L = t.forwardRef((j, W) => {
+  const s = xe(Fe, j), {
+    size: p = i.size,
+    rounded: b = i.rounded,
+    fillMode: w = i.fillMode,
     autoFocus: G = i.autoFocus,
-    flow: x = i.flow,
+    flow: v = i.flow,
     prefix: J = null,
     suffix: Q = null,
     ariaDescribedBy: U,
-    ariaLabelledBy: W,
+    ariaLabelledBy: X,
     autoSize: c,
-    className: X,
-    defaultValue: Y,
+    className: Y,
+    defaultValue: Z,
     disabled: o,
-    readOnly: Z,
+    readOnly: _,
     required: d,
-    rows: _,
-    id: w,
+    rows: ee,
+    id: P,
     name: F,
-    placeholder: ee,
-    style: te,
-    tabIndex: ae,
-    value: v,
-    valid: S,
-    validationMessage: T,
-    validityStyles: V,
-    onChange: g,
+    placeholder: te,
+    style: ae,
+    tabIndex: re,
+    value: g,
+    valid: I,
+    validationMessage: M,
+    validityStyles: S,
+    onChange: x,
     onFocus: h,
     onBlur: y,
     // Removed to support direct use in Form Field component
-    visited: we,
-    touched: Fe,
+    visited: Ie,
+    touched: Me,
     modified: Se,
-    resizable: s,
-    inputAttributes: re,
-    textareaStyle: E,
-    ...oe
-  } = u, t = a.useRef(null), I = a.useCallback(() => {
-    t.current && t.current.focus();
-  }, []), O = a.useCallback(() => {
-    t.current && t.current.blur();
-  }, []), [B, M] = a.useState(Y), [ne, A] = a.useState(!1), [se, le] = $(J), [ie, ue] = $(Q), f = v !== void 0, m = f ? v : B, N = F || w, n = a.useCallback(() => ({
-    element: t,
-    focus: I,
-    blur: O,
+    resizable: l,
+    inputAttributes: oe,
+    textareaStyle: T,
+    ...ne
+  } = s, a = t.useRef(null), V = t.useCallback(() => {
+    a.current && a.current.focus();
+  }, []), E = t.useCallback(() => {
+    a.current && a.current.blur();
+  }, []), [O, B] = t.useState(Z), [se, A] = t.useState(!1), [le, ue] = q(J), [ie, ce] = q(Q), f = g !== void 0, m = f ? g : O, N = F || P, n = t.useCallback(() => ({
+    element: a,
+    focus: V,
+    blur: E,
     get value() {
       return m;
     },
     get name() {
-      return t.current && t.current.name;
+      return a.current && a.current.name;
     }
-  }), [O, I, m]);
-  a.useImperativeHandle(j, n);
-  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]), ye(() => {
-    t.current && R(`${t.current.scrollHeight}px`);
+  }), [E, V, m]);
+  t.useImperativeHandle(W, n);
+  const R = t.useRef(null);
+  t.useImperativeHandle(R, n), he("textarea", R, s, s.webMcp);
+  const [H, $] = t.useState("auto"), de = ye(), fe = ke(a, s.dir), k = I !== void 0 ? I : d ? !!m : !0;
+  t.useEffect(() => {
+    a.current && a.current.setCustomValidity && a.current.setCustomValidity(k ? "" : M || "");
+  }, [k, M]), Ce(() => {
+    a.current && $(`${a.current.scrollHeight}px`);
   }, [m]);
-  const C = a.useCallback(
+  const C = t.useCallback(
     (r) => {
-      const l = r.target.value;
-      R("auto"), !f && !o && M(l), g && !o && z(
-        g,
+      const u = r.target.value;
+      $("auto"), !f && !o && B(u), x && !o && z(
+        x,
         r,
         {
           ...n(),
-          value: l
+          value: u
         },
-        { value: l }
+        { value: u }
       );
     },
-    [M, g, o, f]
-  ), fe = a.useCallback(
+    [B, x, o, f]
+  ), me = t.useCallback(
     (r) => {
       A(!0), h && !o && z(h, r, n(), void 0);
     },
     [h, o, n]
-  ), me = a.useCallback(
+  ), pe = t.useCallback(
     (r) => {
       A(!1), y && !o && z(y, r, n(), void 0);
     },
     [y, o, n]
-  ), be = a.useCallback(
+  ), be = t.useCallback(
     (r) => {
-      t.current && (t.current.value = r);
-      const l = {
-        target: t.current,
-        currentTarget: t.current
+      a.current && (a.current.value = r);
+      const u = {
+        target: a.current,
+        currentTarget: a.current
       };
-      C(l);
+      C(u);
     },
     [C]
   );
-  ke(t, {
+  ze(a, {
     fieldName: N,
     onValueChange: be,
     enabled: !!N
   });
-  const pe = a.useMemo(() => {
+  const ve = t.useMemo(() => {
     let r = {};
     return c ? r = {
       resize: "none",
       overflow: "hidden",
       height: H
-    } : s && (r = { resize: s }), {
+    } : l && (r = { resize: l }), {
       ...r,
-      ...E
+      ...T
     };
-  }, [c, s, H, E]), xe = {
-    id: w || ce,
-    role: "textbox",
+  }, [c, l, H, T]), ge = {
+    id: P || de,
     name: F,
-    className: q("k-input-inner", "!k-overflow-auto", {
-      "k-resize": !c && s !== "none",
-      "k-resize-none": c || s === "none",
-      "!k-flex-none": x === "vertical"
+    className: D("k-input-inner", "!k-overflow-auto", {
+      "k-resize": !c && l !== "none",
+      "k-resize-none": c || l === "none",
+      "!k-flex-none": v === "vertical"
     }),
-    ref: t,
+    ref: a,
     disabled: o,
-    rows: _,
-    placeholder: ee,
-    readOnly: Z,
+    rows: ee,
+    placeholder: te,
+    readOnly: _,
     required: d,
-    tabIndex: Ce(ae, o),
+    tabIndex: we(re, o),
     autoFocus: G,
-    style: pe,
-    "aria-labelledby": W,
+    style: ve,
+    "aria-labelledby": X,
     "aria-describedby": U,
-    "aria-multiline": !0,
     "aria-disabled": o || void 0,
     "aria-required": d,
-    value: f ? v : B,
-    ...Object.assign({}, oe, re),
+    value: f ? g : O,
+    ...Object.assign({}, ne, oe),
     onChange: C,
-    onFocus: fe,
-    onBlur: me
+    onFocus: me,
+    onBlur: pe
   };
-  return /* @__PURE__ */ a.createElement(
+  return /* @__PURE__ */ t.createElement(
     "span",
     {
-      className: q(
+      className: D(
         "k-input",
         "k-textarea",
         {
-          [`k-input-${D.sizeMap[b] || b}`]: b,
-          [`k-input-${P}`]: P,
-          [`k-rounded-${D.roundedMap[p] || p}`]: p,
-          "k-invalid": !(k || V !== void 0 || V === !0),
+          [`k-input-${K.sizeMap[p] || p}`]: p,
+          [`k-input-${w}`]: w,
+          [`k-rounded-${K.roundedMap[b] || b}`]: b,
+          "k-invalid": !(k || S !== void 0 || S === !0),
           "k-required": d,
           "k-disabled": o,
-          "k-focus": ne,
-          "!k-flex-col": x === "vertical",
-          "!k-flex-row": x === "horizontal"
+          "k-focus": se,
+          "!k-flex-col": v === "vertical",
+          "!k-flex-row": v === "horizontal"
         },
-        X
+        Y
       ),
-      style: te,
-      dir: de
+      style: ae,
+      dir: fe
     },
-    u.prefix && /* @__PURE__ */ a.createElement(se, { ...le }),
-    /* @__PURE__ */ a.createElement("textarea", { ...xe }),
-    u.suffix && /* @__PURE__ */ a.createElement(ie, { ...ue })
+    s.prefix && /* @__PURE__ */ t.createElement(le, { ...ue }),
+    /* @__PURE__ */ t.createElement("textarea", { ...ge }),
+    s.suffix && /* @__PURE__ */ t.createElement(ie, { ...ce })
   );
 });
-K.propTypes = {
+L.propTypes = {
   ariaDescribedBy: e.string,
   ariaLabelledBy: e.string,
   autoSize: e.bool,
@@ -207,8 +207,8 @@ const i = {
   autoFocus: !1,
   flow: "horizontal"
 };
-K.displayName = "KendoTextArea";
+L.displayName = "KendoTextArea";
 export {
-  K as TextArea,
-  Pe as TextAreaPropsContext
+  L as TextArea,
+  Fe as TextAreaPropsContext
 };