@progress/kendo-react-inputs 14.5.0-develop.14 → 14.5.0-develop.16

package/switch/Switch.mjs

@@ -5,11 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as d from "react";
-import { useState as H, useRef as l, useMemo as M, useEffect as N, useCallback as m, useImperativeHandle as V } 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 de, noop as I, dispatchEvent as le, subscribeToKendoPaste as se, Keys as W, useWebMcpRegister as oe, classNames as x, kendoThemeMaps as B, getTabIndex as ue, createPropsContext as fe } from "@progress/kendo-react-common";
-import { LocalizationService as me } from "@progress/kendo-react-intl";
+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,
@@ -18,11 +18,11 @@ const c = {
   trackRounded: void 0,
   thumbRounded: void 0,
   offLabel: "OFF",
-  onBlur: I,
-  onFocus: I,
+  onBlur: B,
+  onFocus: B,
   onLabel: "ON",
   validityStyles: !0
-}, G = d.forwardRef((e, Q) => {
+}, G = l.forwardRef((e, Q) => {
   var T;
   const {
     disabled: r = c.disabled,
@@ -30,11 +30,11 @@ const c = {
     size: k = c.size,
     trackRounded: w = c.trackRounded,
     thumbRounded: C = c.thumbRounded,
-    offLabel: F = c.offLabel,
+    offLabel: I = c.offLabel,
     onBlur: R = c.onBlur,
     onFocus: L = c.onFocus,
-    onLabel: D = c.onLabel
-  } = e, [K, X] = H(U || !1), [Y, z] = H(!1), s = l(null), o = l(null), h = l(null), v = l(void 0), S = l(!1), O = l(void 0), E = M(() => new me(), []), n = M(() => v.current !== void 0 ? v.current : e.checked !== void 0 ? e.checked : K, [e.checked, K]), b = M(() => {
+    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 {
@@ -42,14 +42,14 @@ const c = {
       valid: g,
       valueMissing: n === null
     };
-  }, [e.valid, e.validationMessage, e.required, n]), Z = (T = e.validityStyles) != null ? T : c.validityStyles;
-  N(() => {
+  }, [e.valid, e.validationMessage, e.required, n]), _ = (T = e.validityStyles) != null ? T : c.validityStyles;
+  M(() => {
     var a;
     (a = h.current) != null && a.setCustomValidity && h.current.setCustomValidity(
-      b.valid ? "" : e.validationMessage || E.toLanguageString($, A[$])
+      b.valid ? "" : e.validationMessage || O.toLanguageString($, A[$])
     );
-  }, [b, e.validationMessage, E]), N(() => {
-    s.current && (O.current = e.dir || getComputedStyle(s.current).direction || void 0);
+  }, [b, e.validationMessage, O]), M(() => {
+    s.current && (K.current = e.dir || getComputedStyle(s.current).direction || void 0);
   }, [e.dir]);
   const u = m(() => ({
     props: e,
@@ -74,7 +74,7 @@ const c = {
     }
   }), [e, n, b]), f = m(
     (a, i) => {
-      X(a), v.current = a, le(
+      X(a), v.current = a, se(
         e.onChange,
         i,
         { ...u(), value: a },
@@ -83,8 +83,8 @@ const c = {
     },
     [e.onChange, u]
   );
-  N(() => {
-    const a = e.name || e.id, i = se(o.current, {
+  M(() => {
+    const a = e.name || e.id, i = oe(o.current, {
       fieldName: a,
       onValueChange: (g) => {
         if (g !== n) {
@@ -101,7 +101,7 @@ const c = {
       i == null || i.unsubscribe();
     };
   }, [e.name, e.id, n, f]);
-  const _ = m(
+  const p = m(
     (a) => {
       if (a.target === h.current) {
         if (S.current) {
@@ -113,7 +113,7 @@ const c = {
       f(!n, a);
     },
     [n, f]
-  ), p = m(
+  ), ee = m(
     (a) => {
       if (r)
         return;
@@ -121,47 +121,45 @@ const c = {
       (i === W.space || i === W.enter) && (f(!n, a), a.preventDefault());
     },
     [r, n, f]
-  ), ee = m(
+  ), te = m(
     (a) => {
-      r || (z(!0), L && L(a));
+      r || (D(!0), L && L(a));
     },
     [r, L]
-  ), te = m(
+  ), ae = m(
     (a) => {
-      r || (z(!1), R && R(a));
+      r || (D(!1), R && R(a));
     },
     [r, R]
   );
   V(Q, u, [u]);
-  const P = l(null);
-  V(P, u, [u]), oe("switch", P, e, e.webMcp);
-  const ae = O.current || e.dir || s.current && getComputedStyle(s.current).direction || void 0, ne = !Z || b.valid, ie = x(
+  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": Y,
       "k-disabled": r,
-      "k-invalid": !ne
+      "k-invalid": !ie
     },
     e.className
-  ), ce = /* @__PURE__ */ d.createElement(
+  ), re = /* @__PURE__ */ l.createElement(
     "input",
     {
       type: "checkbox",
       checked: e.checked,
       ref: h,
       tabIndex: -1,
-      "aria-hidden": !0,
-      "aria-label": e.ariaLabel || E.toLanguageString(j, A[j]),
       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: o,
@@ -170,44 +168,44 @@ const c = {
       "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: ie,
-      dir: ae,
-      onKeyDown: p,
-      onClick: _,
-      onBlur: te,
-      onFocus: ee,
-      tabIndex: ue(e.tabIndex, r, 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: x("k-switch-track", {
-          [`k-rounded-${B.roundedMap[w] || w}`]: w
+        className: N("k-switch-track", {
+          [`k-rounded-${x.roundedMap[w] || w}`]: w
         }),
         ref: s
       },
-      ce,
-      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: x("k-switch-thumb", {
-          [`k-rounded-${B.roundedMap[C] || C}`]: C
+        className: N("k-switch-thumb", {
+          [`k-rounded-${x.roundedMap[C] || C}`]: C
         })
       }
     ))
   );
 });
 G.displayName = "Switch";
-const be = fe(), J = re(
+const ve = me(), J = le(
   de(
-    be,
+    ve,
     G
   )
 );
@@ -242,6 +240,6 @@ J.propTypes = {
 };
 export {
   J as Switch,
-  be as SwitchPropsContext,
+  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 ge=require("react"),e=require("prop-types"),r=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=r.createPropsContext(),T=t.forwardRef((l,c)=>{const o=r.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,...re}=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),[ne,j]=t.useState(!1),[oe,se]=r.useCustomComponent(_),[le,ue]=r.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),r.useWebMcpRegister("textarea",H,o,o.webMcp);const[D,$]=t.useState("auto"),ie=r.useId(),ce=r.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]),r.useIsomorphicLayoutEffect(()=>{a.current&&$(`${a.current.scrollHeight}px`)},[v]);const P=t.useCallback(n=>{const f=n.target.value;$("auto"),!g&&!s&&R(f),k&&!s&&r.dispatchEvent(k,n,{...u(),value:f},{value:f})},[R,k,s,g]),de=t.useCallback(n=>{j(!0),C&&!s&&r.dispatchEvent(C,n,u(),void 0)},[C,s,u]),fe=t.useCallback(n=>{j(!1),z&&!s&&r.dispatchEvent(z,n,u(),void 0)},[z,s,u]),me=t.useCallback(n=>{a.current&&(a.current.value=n);const f={target:a.current,currentTarget:a.current};P(f)},[P]);r.useKendoPaste(a,{fieldName:q,onValueChange:me,enabled:!!q});const pe=t.useMemo(()=>{let n={};return p?n={resize:"none",overflow:"hidden",height:D}:d&&(n={resize:d}),{...n,...V}},[p,d,D,V]),be={id:M||ie,role:"textbox",name:w,className:r.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:r.getTabIndex(te,s),autoFocus:L,style:pe,"aria-labelledby":J,"aria-describedby":G,"aria-multiline":!0,"aria-disabled":s||void 0,"aria-required":b,value:g?y:B,...Object.assign({},re,ae),onChange:P,onFocus:de,onBlur:fe};return t.createElement("span",{className:r.classNames("k-input","k-textarea",{[`k-input-${r.kendoThemeMaps.sizeMap[i]||i}`]:i,[`k-input-${S}`]:S,[`k-rounded-${r.kendoThemeMaps.roundedMap[x]||x}`]:x,"k-invalid":!(O||I!==void 0||I===!0),"k-required":b,"k-disabled":s,"k-focus":ne,"!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;
+"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

@@ -7,14 +7,14 @@
  */
 import * as t from "react";
 import e from "prop-types";
-import { usePropsContext as ge, 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";
+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 = ge(Fe, j), {
-    size: p = u.size,
-    rounded: b = u.rounded,
-    fillMode: w = u.fillMode,
-    autoFocus: G = u.autoFocus,
-    flow: x = u.flow,
+  const s = xe(Fe, j), {
+    size: p = i.size,
+    rounded: b = i.rounded,
+    fillMode: w = i.fillMode,
+    autoFocus: G = i.autoFocus,
+    flow: v = i.flow,
     prefix: J = null,
     suffix: Q = null,
     ariaDescribedBy: U,
@@ -31,11 +31,11 @@ const Fe = Pe(), L = t.forwardRef((j, W) => {
     placeholder: te,
     style: ae,
     tabIndex: re,
-    value: v,
+    value: g,
     valid: I,
     validationMessage: M,
     validityStyles: S,
-    onChange: g,
+    onChange: x,
     onFocus: h,
     onBlur: y,
     // Removed to support direct use in Form Field component
@@ -50,7 +50,7 @@ const Fe = Pe(), L = t.forwardRef((j, W) => {
     a.current && a.current.focus();
   }, []), E = t.useCallback(() => {
     a.current && a.current.blur();
-  }, []), [O, B] = t.useState(Z), [se, A] = t.useState(!1), [le, ie] = q(J), [ue, ce] = q(Q), f = v !== void 0, m = f ? v : O, N = F || P, n = t.useCallback(() => ({
+  }, []), [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,
@@ -72,18 +72,18 @@ const Fe = Pe(), L = t.forwardRef((j, W) => {
   }, [m]);
   const C = t.useCallback(
     (r) => {
-      const i = r.target.value;
-      $("auto"), !f && !o && B(i), g && !o && z(
-        g,
+      const u = r.target.value;
+      $("auto"), !f && !o && B(u), x && !o && z(
+        x,
         r,
         {
           ...n(),
-          value: i
+          value: u
         },
-        { value: i }
+        { value: u }
       );
     },
-    [B, g, o, f]
+    [B, x, o, f]
   ), me = t.useCallback(
     (r) => {
       A(!0), h && !o && z(h, r, n(), void 0);
@@ -97,11 +97,11 @@ const Fe = Pe(), L = t.forwardRef((j, W) => {
   ), be = t.useCallback(
     (r) => {
       a.current && (a.current.value = r);
-      const i = {
+      const u = {
         target: a.current,
         currentTarget: a.current
       };
-      C(i);
+      C(u);
     },
     [C]
   );
@@ -110,7 +110,7 @@ const Fe = Pe(), L = t.forwardRef((j, W) => {
     onValueChange: be,
     enabled: !!N
   });
-  const xe = t.useMemo(() => {
+  const ve = t.useMemo(() => {
     let r = {};
     return c ? r = {
       resize: "none",
@@ -120,14 +120,13 @@ const Fe = Pe(), L = t.forwardRef((j, W) => {
       ...r,
       ...T
     };
-  }, [c, l, H, T]), ve = {
+  }, [c, l, H, T]), ge = {
     id: P || de,
-    role: "textbox",
     name: F,
     className: D("k-input-inner", "!k-overflow-auto", {
       "k-resize": !c && l !== "none",
       "k-resize-none": c || l === "none",
-      "!k-flex-none": x === "vertical"
+      "!k-flex-none": v === "vertical"
     }),
     ref: a,
     disabled: o,
@@ -137,13 +136,12 @@ const Fe = Pe(), L = t.forwardRef((j, W) => {
     required: d,
     tabIndex: we(re, o),
     autoFocus: G,
-    style: xe,
+    style: ve,
     "aria-labelledby": X,
     "aria-describedby": U,
-    "aria-multiline": !0,
     "aria-disabled": o || void 0,
     "aria-required": d,
-    value: f ? v : O,
+    value: f ? g : O,
     ...Object.assign({}, ne, oe),
     onChange: C,
     onFocus: me,
@@ -163,17 +161,17 @@ const Fe = Pe(), L = t.forwardRef((j, W) => {
           "k-required": d,
           "k-disabled": o,
           "k-focus": se,
-          "!k-flex-col": x === "vertical",
-          "!k-flex-row": x === "horizontal"
+          "!k-flex-col": v === "vertical",
+          "!k-flex-row": v === "horizontal"
         },
         Y
       ),
       style: ae,
       dir: fe
     },
-    s.prefix && /* @__PURE__ */ t.createElement(le, { ...ie }),
-    /* @__PURE__ */ t.createElement("textarea", { ...ve }),
-    s.suffix && /* @__PURE__ */ t.createElement(ue, { ...ce })
+    s.prefix && /* @__PURE__ */ t.createElement(le, { ...ue }),
+    /* @__PURE__ */ t.createElement("textarea", { ...ge }),
+    s.suffix && /* @__PURE__ */ t.createElement(ie, { ...ce })
   );
 });
 L.propTypes = {
@@ -202,7 +200,7 @@ L.propTypes = {
   autoFocus: e.bool,
   flow: e.oneOf(["vertical", "horizontal"])
 };
-const u = {
+const i = {
   size: void 0,
   rounded: void 0,
   fillMode: void 0,