@progress/kendo-react-inputs 15.0.1-develop.9 → 15.1.0-develop.1

package/index.d.mts

@@ -11,7 +11,7 @@ import { MaskedTextBoxWrapper } from './MaskedTextBoxMcpWrapper.js';
 export { type FormComponentValidity };
 export { ColorInput };
 export { type InputChangeEvent } from './input/interfaces/InputChangeEvent';
-export { messages as inputsMessages, numericDecreaseValue, numericIncreaseValue } from './messages/index.js';
+export { messages as inputsMessages, numericDecreaseValue, numericIncreaseValue, otpInputCellAriaLabel } from './messages/index.js';
 export { ColorGradient, ColorGradientWithoutContext, type ColorGradientHandle, ColorGradientPropsContext, type ColorGradientState } from './colors/ColorGradient.js';
 export { ColorPalette, ColorPaletteWithoutContext, ColorPalettePropsContext, type ColorPaletteState } from './colors/ColorPalette.js';
 export { PALETTEPRESETS } from './colors/models/palette-presets.js';
@@ -80,3 +80,10 @@ export { InputPrefix, type InputPrefixProps, type InputPrefixHandle } from './in
 export { InputSeparator, type InputSeparatorProps, type InputSeparatorHandle } from './input/InputSeparator.js';
 export { InputSuffix, type InputSuffixProps, type InputSuffixHandle } from './input/InputSuffix.js';
 export { InputValidationIcon, type InputValidationIconProps, type InputValidationIconHandle } from './input/InputValidationIcon.js';
+export * from './otpinput/OTPInput.js';
+export * from './otpinput/interfaces/OTPInputProps';
+export * from './otpinput/interfaces/OTPInputHandle';
+export * from './otpinput/interfaces/OTPInputChangeEvent';
+export * from './otpinput/interfaces/OTPInputFocusEvent';
+export * from './otpinput/interfaces/OTPInputBlurEvent';
+export * from './otpinput/interfaces/OTPSeparatorIcon';

package/index.d.ts

@@ -11,7 +11,7 @@ import { MaskedTextBoxWrapper } from './MaskedTextBoxMcpWrapper.js';
 export { type FormComponentValidity };
 export { ColorInput };
 export { type InputChangeEvent } from './input/interfaces/InputChangeEvent';
-export { messages as inputsMessages, numericDecreaseValue, numericIncreaseValue } from './messages/index.js';
+export { messages as inputsMessages, numericDecreaseValue, numericIncreaseValue, otpInputCellAriaLabel } from './messages/index.js';
 export { ColorGradient, ColorGradientWithoutContext, type ColorGradientHandle, ColorGradientPropsContext, type ColorGradientState } from './colors/ColorGradient.js';
 export { ColorPalette, ColorPaletteWithoutContext, ColorPalettePropsContext, type ColorPaletteState } from './colors/ColorPalette.js';
 export { PALETTEPRESETS } from './colors/models/palette-presets.js';
@@ -80,3 +80,10 @@ export { InputPrefix, type InputPrefixProps, type InputPrefixHandle } from './in
 export { InputSeparator, type InputSeparatorProps, type InputSeparatorHandle } from './input/InputSeparator.js';
 export { InputSuffix, type InputSuffixProps, type InputSuffixHandle } from './input/InputSuffix.js';
 export { InputValidationIcon, type InputValidationIconProps, type InputValidationIconHandle } from './input/InputValidationIcon.js';
+export * from './otpinput/OTPInput.js';
+export * from './otpinput/interfaces/OTPInputProps';
+export * from './otpinput/interfaces/OTPInputHandle';
+export * from './otpinput/interfaces/OTPInputChangeEvent';
+export * from './otpinput/interfaces/OTPInputFocusEvent';
+export * from './otpinput/interfaces/OTPInputBlurEvent';
+export * from './otpinput/interfaces/OTPSeparatorIcon';

package/index.js

@@ -6,4 +6,4 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("./colors/ColorInput.js"),g=require("./MaskedTextBoxMcpWrapper.js"),t=require("./messages/index.js"),o=require("./colors/ColorGradient.js"),r=require("./colors/ColorPalette.js"),B=require("./colors/models/palette-presets.js"),n=require("./colors/ColorPicker.js"),k=require("./colors/FlatColorPicker.js"),i=require("./input/Input.js"),u=require("./maskedtextbox/MaskedTextBox.js"),h=require("./maskedtextbox/utils.js"),a=require("./numerictextbox/NumericTextBox.js"),s=require("./slider/Slider.js"),x=require("./slider/SliderLabel.js"),m=require("./numerictextbox/utils/index.js"),c=require("./range-slider/range-raducer.js"),C=require("./range-slider/RangeSlider.js"),l=require("./switch/Switch.js"),p=require("./checkbox/Checkbox.js"),d=require("./radiobutton/RadioGroup.js"),P=require("./radiobutton/RadioButton.js"),R=require("./textarea/TextArea.js"),I=require("./rating/Rating.js"),A=require("./rating/RatingItem.js"),T=require("./rating/rating-reducer.js"),e=require("./rating/utils/index.js"),S=require("./signature/Signature.js"),E=require("./textbox/Textbox.js"),G=require("./input/InputClearValue.js"),N=require("./input/InputPrefix.js"),b=require("./input/InputSeparator.js"),f=require("./input/InputSuffix.js"),V=require("./input/InputValidationIcon.js");exports.ColorInput=q;exports.MaskedTextBox=g.MaskedTextBoxWrapper;exports.inputsMessages=t.messages;exports.numericDecreaseValue=t.numericDecreaseValue;exports.numericIncreaseValue=t.numericIncreaseValue;exports.ColorGradient=o.ColorGradient;exports.ColorGradientPropsContext=o.ColorGradientPropsContext;exports.ColorGradientWithoutContext=o.ColorGradientWithoutContext;exports.ColorPalette=r.ColorPalette;exports.ColorPalettePropsContext=r.ColorPalettePropsContext;exports.ColorPaletteWithoutContext=r.ColorPaletteWithoutContext;exports.PALETTEPRESETS=B.PALETTEPRESETS;exports.ColorPicker=n.ColorPicker;exports.ColorPickerPropsContext=n.ColorPickerPropsContext;exports.FlatColorPicker=k.FlatColorPicker;exports.Input=i.Input;exports.InputPropsContext=i.InputPropsContext;exports.MaskedTextBoxClassComponent=u.MaskedTextBox;exports.MaskedTextBoxWithoutContext=u.MaskedTextBoxWithoutContext;exports.maskingChanged=h.maskingChanged;exports.NumericTextBox=a.NumericTextBox;exports.NumericTextBoxPropsContext=a.NumericTextBoxPropsContext;exports.Slider=s.Slider;exports.SliderWithoutContext=s.SliderWithoutContext;exports.SLIDER_LABEL_ATTRIBUTE=x.SLIDER_LABEL_ATTRIBUTE;exports.SliderLabel=x.SliderLabel;exports.sanitizeNumber=m.sanitizeNumber;exports.RANGE_ACTION=c.RANGE_ACTION;exports.rangeReducer=c.rangeReducer;exports.RangeSlider=C.RangeSlider;exports.RangeSliderPropsContext=C.RangeSliderPropsContext;exports.Switch=l.Switch;exports.SwitchWithoutContext=l.SwitchWithoutContext;exports.Checkbox=p.Checkbox;exports.CheckboxPropsContext=p.CheckboxPropsContext;exports.RadioGroup=d.RadioGroup;exports.RadioGroupPropsContext=d.RadioGroupPropsContext;exports.RadioButton=P.RadioButton;exports.RadioButtonPropsContext=P.RadioButtonPropsContext;exports.TextArea=R.TextArea;exports.TextAreaPropsContext=R.TextAreaPropsContext;exports.Rating=I.Rating;exports.RatingPropsContext=I.RatingPropsContext;exports.RatingItem=A.RatingItem;exports.RATING_ACTION=T.RATING_ACTION;exports.ratingReducer=T.ratingReducer;exports.isCorrectValue=e.isCorrectValue;exports.isHalf=e.isHalf;exports.isSelected=e.isSelected;exports.toRound=e.toRound;exports.Signature=S.Signature;exports.SignaturePropsContext=S.SignaturePropsContext;exports.TextBox=E.TextBox;exports.InputClearValue=G.InputClearValue;exports.InputPrefix=N.InputPrefix;exports.InputSeparator=b.InputSeparator;exports.InputSuffix=f.InputSuffix;exports.InputValidationIcon=V.InputValidationIcon;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("./colors/ColorInput.js"),g=require("./MaskedTextBoxMcpWrapper.js"),e=require("./messages/index.js"),o=require("./colors/ColorGradient.js"),r=require("./colors/ColorPalette.js"),B=require("./colors/models/palette-presets.js"),n=require("./colors/ColorPicker.js"),k=require("./colors/FlatColorPicker.js"),i=require("./input/Input.js"),u=require("./maskedtextbox/MaskedTextBox.js"),h=require("./maskedtextbox/utils.js"),a=require("./numerictextbox/NumericTextBox.js"),s=require("./slider/Slider.js"),x=require("./slider/SliderLabel.js"),A=require("./numerictextbox/utils/index.js"),c=require("./range-slider/range-raducer.js"),l=require("./range-slider/RangeSlider.js"),C=require("./switch/Switch.js"),p=require("./checkbox/Checkbox.js"),d=require("./radiobutton/RadioGroup.js"),P=require("./radiobutton/RadioButton.js"),I=require("./textarea/TextArea.js"),T=require("./rating/Rating.js"),m=require("./rating/RatingItem.js"),R=require("./rating/rating-reducer.js"),t=require("./rating/utils/index.js"),S=require("./signature/Signature.js"),E=require("./textbox/Textbox.js"),G=require("./input/InputClearValue.js"),b=require("./input/InputPrefix.js"),N=require("./input/InputSeparator.js"),L=require("./input/InputSuffix.js"),f=require("./input/InputValidationIcon.js"),V=require("./otpinput/OTPInput.js");exports.ColorInput=q;exports.MaskedTextBox=g.MaskedTextBoxWrapper;exports.inputsMessages=e.messages;exports.numericDecreaseValue=e.numericDecreaseValue;exports.numericIncreaseValue=e.numericIncreaseValue;exports.otpInputCellAriaLabel=e.otpInputCellAriaLabel;exports.ColorGradient=o.ColorGradient;exports.ColorGradientPropsContext=o.ColorGradientPropsContext;exports.ColorGradientWithoutContext=o.ColorGradientWithoutContext;exports.ColorPalette=r.ColorPalette;exports.ColorPalettePropsContext=r.ColorPalettePropsContext;exports.ColorPaletteWithoutContext=r.ColorPaletteWithoutContext;exports.PALETTEPRESETS=B.PALETTEPRESETS;exports.ColorPicker=n.ColorPicker;exports.ColorPickerPropsContext=n.ColorPickerPropsContext;exports.FlatColorPicker=k.FlatColorPicker;exports.Input=i.Input;exports.InputPropsContext=i.InputPropsContext;exports.MaskedTextBoxClassComponent=u.MaskedTextBox;exports.MaskedTextBoxWithoutContext=u.MaskedTextBoxWithoutContext;exports.maskingChanged=h.maskingChanged;exports.NumericTextBox=a.NumericTextBox;exports.NumericTextBoxPropsContext=a.NumericTextBoxPropsContext;exports.Slider=s.Slider;exports.SliderWithoutContext=s.SliderWithoutContext;exports.SLIDER_LABEL_ATTRIBUTE=x.SLIDER_LABEL_ATTRIBUTE;exports.SliderLabel=x.SliderLabel;exports.sanitizeNumber=A.sanitizeNumber;exports.RANGE_ACTION=c.RANGE_ACTION;exports.rangeReducer=c.rangeReducer;exports.RangeSlider=l.RangeSlider;exports.RangeSliderPropsContext=l.RangeSliderPropsContext;exports.Switch=C.Switch;exports.SwitchWithoutContext=C.SwitchWithoutContext;exports.Checkbox=p.Checkbox;exports.CheckboxPropsContext=p.CheckboxPropsContext;exports.RadioGroup=d.RadioGroup;exports.RadioGroupPropsContext=d.RadioGroupPropsContext;exports.RadioButton=P.RadioButton;exports.RadioButtonPropsContext=P.RadioButtonPropsContext;exports.TextArea=I.TextArea;exports.TextAreaPropsContext=I.TextAreaPropsContext;exports.Rating=T.Rating;exports.RatingPropsContext=T.RatingPropsContext;exports.RatingItem=m.RatingItem;exports.RATING_ACTION=R.RATING_ACTION;exports.ratingReducer=R.ratingReducer;exports.isCorrectValue=t.isCorrectValue;exports.isHalf=t.isHalf;exports.isSelected=t.isSelected;exports.toRound=t.toRound;exports.Signature=S.Signature;exports.SignaturePropsContext=S.SignaturePropsContext;exports.TextBox=E.TextBox;exports.InputClearValue=G.InputClearValue;exports.InputPrefix=b.InputPrefix;exports.InputSeparator=N.InputSeparator;exports.InputSuffix=L.InputSuffix;exports.InputValidationIcon=f.InputValidationIcon;exports.OTPInput=V.OTPInput;

package/index.mjs

@@ -6,96 +6,99 @@
  *-------------------------------------------------------------------------------------------
  */
 "use client";
-import { default as t } from "./colors/ColorInput.mjs";
+import { default as e } from "./colors/ColorInput.mjs";
 import { MaskedTextBoxWrapper as x } from "./MaskedTextBoxMcpWrapper.mjs";
-import { messages as a, numericDecreaseValue as n, numericIncreaseValue as i } from "./messages/index.mjs";
-import { ColorGradient as f, ColorGradientPropsContext as s, ColorGradientWithoutContext as C } from "./colors/ColorGradient.mjs";
-import { ColorPalette as l, ColorPalettePropsContext as d, ColorPaletteWithoutContext as P } from "./colors/ColorPalette.mjs";
-import { PALETTEPRESETS as c } from "./colors/models/palette-presets.mjs";
-import { ColorPicker as I, ColorPickerPropsContext as S } from "./colors/ColorPicker.mjs";
-import { FlatColorPicker as B } from "./colors/FlatColorPicker.mjs";
-import { Input as h, InputPropsContext as A } from "./input/Input.mjs";
-import { MaskedTextBox as G, MaskedTextBoxWithoutContext as N } from "./maskedtextbox/MaskedTextBox.mjs";
+import { messages as a, numericDecreaseValue as n, numericIncreaseValue as i, otpInputCellAriaLabel as m } from "./messages/index.mjs";
+import { ColorGradient as s, ColorGradientPropsContext as C, ColorGradientWithoutContext as u } from "./colors/ColorGradient.mjs";
+import { ColorPalette as d, ColorPalettePropsContext as P, ColorPaletteWithoutContext as T } from "./colors/ColorPalette.mjs";
+import { PALETTEPRESETS as I } from "./colors/models/palette-presets.mjs";
+import { ColorPicker as S, ColorPickerPropsContext as g } from "./colors/ColorPicker.mjs";
+import { FlatColorPicker as k } from "./colors/FlatColorPicker.mjs";
+import { Input as A, InputPropsContext as E } from "./input/Input.mjs";
+import { MaskedTextBox as N, MaskedTextBoxWithoutContext as L } from "./maskedtextbox/MaskedTextBox.mjs";
 import { maskingChanged as W } from "./maskedtextbox/utils.mjs";
-import { NumericTextBox as V, NumericTextBoxPropsContext as b } from "./numerictextbox/NumericTextBox.mjs";
+import { NumericTextBox as V, NumericTextBoxPropsContext as _ } from "./numerictextbox/NumericTextBox.mjs";
 import { Slider as w, SliderWithoutContext as D } from "./slider/Slider.mjs";
-import { SLIDER_LABEL_ATTRIBUTE as z, SliderLabel as F } from "./slider/SliderLabel.mjs";
-import { sanitizeNumber as U } from "./numerictextbox/utils/index.mjs";
-import { RANGE_ACTION as q, rangeReducer as v } from "./range-slider/range-raducer.mjs";
-import { RangeSlider as J, RangeSliderPropsContext as K } from "./range-slider/RangeSlider.mjs";
-import { Switch as X, SwitchWithoutContext as Y } from "./switch/Switch.mjs";
-import { Checkbox as $, CheckboxPropsContext as oo } from "./checkbox/Checkbox.mjs";
-import { RadioGroup as to, RadioGroupPropsContext as ro } from "./radiobutton/RadioGroup.mjs";
-import { RadioButton as po, RadioButtonPropsContext as ao } from "./radiobutton/RadioButton.mjs";
-import { TextArea as io, TextAreaPropsContext as mo } from "./textarea/TextArea.mjs";
-import { Rating as so, RatingPropsContext as Co } from "./rating/Rating.mjs";
-import { RatingItem as lo } from "./rating/RatingItem.mjs";
-import { RATING_ACTION as To, ratingReducer as co } from "./rating/rating-reducer.mjs";
-import { isCorrectValue as Io, isHalf as So, isSelected as go, toRound as Bo } from "./rating/utils/index.mjs";
-import { Signature as ho, SignaturePropsContext as Ao } from "./signature/Signature.mjs";
-import { TextBox as Go } from "./textbox/Textbox.mjs";
+import { SLIDER_LABEL_ATTRIBUTE as F, SliderLabel as H } from "./slider/SliderLabel.mjs";
+import { sanitizeNumber as j } from "./numerictextbox/utils/index.mjs";
+import { RANGE_ACTION as v, rangeReducer as y } from "./range-slider/range-raducer.mjs";
+import { RangeSlider as K, RangeSliderPropsContext as Q } from "./range-slider/RangeSlider.mjs";
+import { Switch as Y, SwitchWithoutContext as Z } from "./switch/Switch.mjs";
+import { Checkbox as oo, CheckboxPropsContext as to } from "./checkbox/Checkbox.mjs";
+import { RadioGroup as ro, RadioGroupPropsContext as xo } from "./radiobutton/RadioGroup.mjs";
+import { RadioButton as ao, RadioButtonPropsContext as no } from "./radiobutton/RadioButton.mjs";
+import { TextArea as mo, TextAreaPropsContext as fo } from "./textarea/TextArea.mjs";
+import { Rating as Co, RatingPropsContext as uo } from "./rating/Rating.mjs";
+import { RatingItem as Po } from "./rating/RatingItem.mjs";
+import { RATING_ACTION as co, ratingReducer as Io } from "./rating/rating-reducer.mjs";
+import { isCorrectValue as So, isHalf as go, isSelected as Bo, toRound as ko } from "./rating/utils/index.mjs";
+import { Signature as Ao, SignaturePropsContext as Eo } from "./signature/Signature.mjs";
+import { TextBox as No } from "./textbox/Textbox.mjs";
 import { InputClearValue as Mo } from "./input/InputClearValue.mjs";
-import { InputPrefix as Lo } from "./input/InputPrefix.mjs";
-import { InputSeparator as bo } from "./input/InputSeparator.mjs";
+import { InputPrefix as bo } from "./input/InputPrefix.mjs";
+import { InputSeparator as _o } from "./input/InputSeparator.mjs";
 import { InputSuffix as wo } from "./input/InputSuffix.mjs";
-import { InputValidationIcon as Oo } from "./input/InputValidationIcon.mjs";
+import { InputValidationIcon as zo } from "./input/InputValidationIcon.mjs";
+import { OTPInput as Ho } from "./otpinput/OTPInput.mjs";
 export {
-  $ as Checkbox,
-  oo as CheckboxPropsContext,
-  f as ColorGradient,
-  s as ColorGradientPropsContext,
-  C as ColorGradientWithoutContext,
-  t as ColorInput,
-  l as ColorPalette,
-  d as ColorPalettePropsContext,
-  P as ColorPaletteWithoutContext,
-  I as ColorPicker,
-  S as ColorPickerPropsContext,
-  B as FlatColorPicker,
-  h as Input,
+  oo as Checkbox,
+  to as CheckboxPropsContext,
+  s as ColorGradient,
+  C as ColorGradientPropsContext,
+  u as ColorGradientWithoutContext,
+  e as ColorInput,
+  d as ColorPalette,
+  P as ColorPalettePropsContext,
+  T as ColorPaletteWithoutContext,
+  S as ColorPicker,
+  g as ColorPickerPropsContext,
+  k as FlatColorPicker,
+  A as Input,
   Mo as InputClearValue,
-  Lo as InputPrefix,
-  A as InputPropsContext,
-  bo as InputSeparator,
+  bo as InputPrefix,
+  E as InputPropsContext,
+  _o as InputSeparator,
   wo as InputSuffix,
-  Oo as InputValidationIcon,
+  zo as InputValidationIcon,
   x as MaskedTextBox,
-  G as MaskedTextBoxClassComponent,
-  N as MaskedTextBoxWithoutContext,
+  N as MaskedTextBoxClassComponent,
+  L as MaskedTextBoxWithoutContext,
   V as NumericTextBox,
-  b as NumericTextBoxPropsContext,
-  c as PALETTEPRESETS,
-  q as RANGE_ACTION,
-  To as RATING_ACTION,
-  po as RadioButton,
-  ao as RadioButtonPropsContext,
-  to as RadioGroup,
-  ro as RadioGroupPropsContext,
-  J as RangeSlider,
-  K as RangeSliderPropsContext,
-  so as Rating,
-  lo as RatingItem,
-  Co as RatingPropsContext,
-  z as SLIDER_LABEL_ATTRIBUTE,
-  ho as Signature,
-  Ao as SignaturePropsContext,
+  _ as NumericTextBoxPropsContext,
+  Ho as OTPInput,
+  I as PALETTEPRESETS,
+  v as RANGE_ACTION,
+  co as RATING_ACTION,
+  ao as RadioButton,
+  no as RadioButtonPropsContext,
+  ro as RadioGroup,
+  xo as RadioGroupPropsContext,
+  K as RangeSlider,
+  Q as RangeSliderPropsContext,
+  Co as Rating,
+  Po as RatingItem,
+  uo as RatingPropsContext,
+  F as SLIDER_LABEL_ATTRIBUTE,
+  Ao as Signature,
+  Eo as SignaturePropsContext,
   w as Slider,
-  F as SliderLabel,
+  H as SliderLabel,
   D as SliderWithoutContext,
-  X as Switch,
-  Y as SwitchWithoutContext,
-  io as TextArea,
-  mo as TextAreaPropsContext,
-  Go as TextBox,
+  Y as Switch,
+  Z as SwitchWithoutContext,
+  mo as TextArea,
+  fo as TextAreaPropsContext,
+  No as TextBox,
   a as inputsMessages,
-  Io as isCorrectValue,
-  So as isHalf,
-  go as isSelected,
+  So as isCorrectValue,
+  go as isHalf,
+  Bo as isSelected,
   W as maskingChanged,
   n as numericDecreaseValue,
   i as numericIncreaseValue,
-  v as rangeReducer,
-  co as ratingReducer,
-  U as sanitizeNumber,
-  Bo as toRound
+  m as otpInputCellAriaLabel,
+  y as rangeReducer,
+  Io as ratingReducer,
+  j as sanitizeNumber,
+  ko as toRound
 };

package/messages/index.d.ts

@@ -145,6 +145,14 @@ export declare const switchAriaLabel = "switch.ariaLabel";
  * @hidden
  */
 export declare const sliderAriaLabel = "slider.ariaLabel";
+/**
+ * @hidden
+ */
+export declare const otpInputAriaLabel = "otpInput.ariaLabel";
+/**
+ * @hidden
+ */
+export declare const otpInputCellAriaLabel = "otpInput.cellAriaLabel";
 /**
  * @hidden
  */
@@ -234,4 +242,6 @@ export declare const messages: {
     "colorGradient.greenChannelLabel": string;
     "colorGradient.blueChannelLabel": string;
     "colorGradient.alphaChannelLabel": string;
+    "otpInput.ariaLabel": string;
+    "otpInput.cellAriaLabel": string;
 };

package/messages/index.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="numerictextbox.increment",r="numerictextbox.decrement",o="slider.increment",a="slider.decrement",l="slider.dragTitle",t="colorGradient.r",i="colorGradient.g",n="colorGradient.b",c="colorGradient.a",d="colorGradient.hex",s="colorGradient.contrastRatio",G="colorGradient.colorGradientAALevel",b="colorGradient.colorGradientAAALevel",A="colorGradient.colorGradientPass",u="colorGradient.colorGradientFail",C="colorGradient.hueSliderLabel",L="colorGradient.alphaSliderLabel",h="colorGradient.toggleInputsButton",g="flatColorPicker.cancelBtn",P="flatColorPicker.applyBtn",p="flatColorPicker.colorGradientBtn",k="flatColorPicker.colorPaletteBtn",B="flatColorPicker.clearBtn",m="colorPicker.adaptiveTitle",f="checkbox.validation",x="checkbox.optionalText",v="radioButton.validation",w="switch.validation",V="colorPicker.dropdownButtonAriaLabel",S="rating.ariaLabel",T="signature.clear",D="signature.maximize",R="signature.minimize",y="switch.ariaLabel",I="slider.ariaLabel",z="rangeSlider.ariaLabel",H="colorGradient.ariaLabel",M="colorGradient.hsvAreaAriaLabel",F="colorPicker.ariaLabel",O="flatColorPicker.ariaLabel",j="colorPalette.ariaLabel",q="colorGradient.redChannelLabel",E="colorGradient.greenChannelLabel",J="colorGradient.blueChannelLabel",K="colorGradient.alphaChannelLabel",N={[e]:"Increase value",[r]:"Decrease value",[o]:"Increase",[a]:"Decrease",[l]:"Drag",[t]:"r",[i]:"g",[n]:"b",[c]:"a",[d]:"hex",[s]:"Contrast ratio",[G]:"AA",[b]:"AAA",[A]:"Pass",[u]:"Fail",[C]:"Hue slider",[L]:"Alpha slider",[h]:"Toggle colorgradient inputs",[g]:"Cancel",[P]:"Apply",[p]:"Color Gradient view",[k]:"Color Palette view",[B]:"Clear color value",[m]:"Choose color",[f]:"Please check this box if you want to proceed!",[x]:"(Optional)",[v]:"Please select option if you want to proceed!",[w]:"Please turn on if you want to proceed!",[V]:"Select",[S]:"Rating",[T]:"Clear",[D]:"Maximize",[R]:"Minimize",[y]:"Toggle switch value",[I]:"Slider",[z]:"Range slider",[H]:"Color gradient",[M]:"Color well with two-dimensional slider for selecting saturation and lightness",[F]:"Color picker",[O]:"Color editor",[j]:"Color palette",[q]:"Red channel",[E]:"Green channel",[J]:"Blue channel",[K]:"Alpha channel"};exports.checkboxOptionalText=x;exports.checkboxValidation=f;exports.colorGradientA=c;exports.colorGradientAAALevel=b;exports.colorGradientAALevel=G;exports.colorGradientAlphaChannelLabel=K;exports.colorGradientAlphaSliderLabel=L;exports.colorGradientAriaLabel=H;exports.colorGradientB=n;exports.colorGradientBlueChannelLabel=J;exports.colorGradientContrastRatio=s;exports.colorGradientFail=u;exports.colorGradientG=i;exports.colorGradientGreenChannelLabel=E;exports.colorGradientHSVAreaAriaLabel=M;exports.colorGradientHex=d;exports.colorGradientHueSliderLabel=C;exports.colorGradientPass=A;exports.colorGradientR=t;exports.colorGradientRedChannelLabel=q;exports.colorGradientToggleInputsButton=h;exports.colorPaletteAriaLabel=j;exports.colorPickerAdaptiveTitle=m;exports.colorPickerAriaLabel=F;exports.colorPickerDropdownButtonAriaLabel=V;exports.flatColorPickerApplyBtn=P;exports.flatColorPickerAriaLabel=O;exports.flatColorPickerCancelBtn=g;exports.flatColorPickerClearBtn=B;exports.flatColorPickerColorGradientBtn=p;exports.flatColorPickerColorPaletteBtn=k;exports.messages=N;exports.numericDecreaseValue=r;exports.numericIncreaseValue=e;exports.radioButtonValidation=v;exports.rangeSliderAriaLabel=z;exports.ratingAriaLabel=S;exports.signatureClear=T;exports.signatureMaximize=D;exports.signatureMinimize=R;exports.sliderAriaLabel=I;exports.sliderDecreaseValue=a;exports.sliderDragTitle=l;exports.sliderIncreaseValue=o;exports.switchAriaLabel=y;exports.switchValidation=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="numerictextbox.increment",o="numerictextbox.decrement",a="slider.increment",r="slider.decrement",l="slider.dragTitle",t="colorGradient.r",i="colorGradient.g",n="colorGradient.b",c="colorGradient.a",s="colorGradient.hex",d="colorGradient.contrastRatio",G="colorGradient.colorGradientAALevel",b="colorGradient.colorGradientAAALevel",A="colorGradient.colorGradientPass",u="colorGradient.colorGradientFail",L="colorGradient.hueSliderLabel",C="colorGradient.alphaSliderLabel",p="colorGradient.toggleInputsButton",h="flatColorPicker.cancelBtn",g="flatColorPicker.applyBtn",P="flatColorPicker.colorGradientBtn",k="flatColorPicker.colorPaletteBtn",B="flatColorPicker.clearBtn",m="colorPicker.adaptiveTitle",f="checkbox.validation",x="checkbox.optionalText",v="radioButton.validation",w="switch.validation",V="colorPicker.dropdownButtonAriaLabel",I="rating.ariaLabel",S="signature.clear",T="signature.maximize",D="signature.minimize",R="switch.ariaLabel",y="slider.ariaLabel",z="otpInput.ariaLabel",H="otpInput.cellAriaLabel",M="rangeSlider.ariaLabel",O="colorGradient.ariaLabel",F="colorGradient.hsvAreaAriaLabel",j="colorPicker.ariaLabel",q="flatColorPicker.ariaLabel",E="colorPalette.ariaLabel",J="colorGradient.redChannelLabel",K="colorGradient.greenChannelLabel",N="colorGradient.blueChannelLabel",Q="colorGradient.alphaChannelLabel",U={[e]:"Increase value",[o]:"Decrease value",[a]:"Increase",[r]:"Decrease",[l]:"Drag",[t]:"r",[i]:"g",[n]:"b",[c]:"a",[s]:"hex",[d]:"Contrast ratio",[G]:"AA",[b]:"AAA",[A]:"Pass",[u]:"Fail",[L]:"Hue slider",[C]:"Alpha slider",[p]:"Toggle colorgradient inputs",[h]:"Cancel",[g]:"Apply",[P]:"Color Gradient view",[k]:"Color Palette view",[B]:"Clear color value",[m]:"Choose color",[f]:"Please check this box if you want to proceed!",[x]:"(Optional)",[v]:"Please select option if you want to proceed!",[w]:"Please turn on if you want to proceed!",[V]:"Select",[I]:"Rating",[S]:"Clear",[T]:"Maximize",[D]:"Minimize",[R]:"Toggle switch value",[y]:"Slider",[M]:"Range slider",[O]:"Color gradient",[F]:"Color well with two-dimensional slider for selecting saturation and lightness",[j]:"Color picker",[q]:"Color editor",[E]:"Color palette",[J]:"Red channel",[K]:"Green channel",[N]:"Blue channel",[Q]:"Alpha channel",[z]:"One-time password",[H]:"Digit {index} of {total}"};exports.checkboxOptionalText=x;exports.checkboxValidation=f;exports.colorGradientA=c;exports.colorGradientAAALevel=b;exports.colorGradientAALevel=G;exports.colorGradientAlphaChannelLabel=Q;exports.colorGradientAlphaSliderLabel=C;exports.colorGradientAriaLabel=O;exports.colorGradientB=n;exports.colorGradientBlueChannelLabel=N;exports.colorGradientContrastRatio=d;exports.colorGradientFail=u;exports.colorGradientG=i;exports.colorGradientGreenChannelLabel=K;exports.colorGradientHSVAreaAriaLabel=F;exports.colorGradientHex=s;exports.colorGradientHueSliderLabel=L;exports.colorGradientPass=A;exports.colorGradientR=t;exports.colorGradientRedChannelLabel=J;exports.colorGradientToggleInputsButton=p;exports.colorPaletteAriaLabel=E;exports.colorPickerAdaptiveTitle=m;exports.colorPickerAriaLabel=j;exports.colorPickerDropdownButtonAriaLabel=V;exports.flatColorPickerApplyBtn=g;exports.flatColorPickerAriaLabel=q;exports.flatColorPickerCancelBtn=h;exports.flatColorPickerClearBtn=B;exports.flatColorPickerColorGradientBtn=P;exports.flatColorPickerColorPaletteBtn=k;exports.messages=U;exports.numericDecreaseValue=o;exports.numericIncreaseValue=e;exports.otpInputAriaLabel=z;exports.otpInputCellAriaLabel=H;exports.radioButtonValidation=v;exports.rangeSliderAriaLabel=M;exports.ratingAriaLabel=I;exports.signatureClear=S;exports.signatureMaximize=T;exports.signatureMinimize=D;exports.sliderAriaLabel=y;exports.sliderDecreaseValue=r;exports.sliderDragTitle=l;exports.sliderIncreaseValue=a;exports.switchAriaLabel=R;exports.switchValidation=w;

package/messages/index.mjs

@@ -5,11 +5,11 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-const e = "numerictextbox.increment", o = "numerictextbox.decrement", r = "slider.increment", a = "slider.decrement", l = "slider.dragTitle", t = "colorGradient.r", n = "colorGradient.g", i = "colorGradient.b", c = "colorGradient.a", s = "colorGradient.hex", d = "colorGradient.contrastRatio", G = "colorGradient.colorGradientAALevel", b = "colorGradient.colorGradientAAALevel", u = "colorGradient.colorGradientPass", C = "colorGradient.colorGradientFail", A = "colorGradient.hueSliderLabel", h = "colorGradient.alphaSliderLabel", L = "colorGradient.toggleInputsButton", g = "flatColorPicker.cancelBtn", p = "flatColorPicker.applyBtn", P = "flatColorPicker.colorGradientBtn", k = "flatColorPicker.colorPaletteBtn", B = "flatColorPicker.clearBtn", m = "colorPicker.adaptiveTitle", x = "checkbox.validation", f = "checkbox.optionalText", v = "radioButton.validation", w = "switch.validation", S = "colorPicker.dropdownButtonAriaLabel", T = "rating.ariaLabel", V = "signature.clear", D = "signature.maximize", R = "signature.minimize", y = "switch.ariaLabel", z = "slider.ariaLabel", I = "rangeSlider.ariaLabel", H = "colorGradient.ariaLabel", M = "colorGradient.hsvAreaAriaLabel", F = "colorPicker.ariaLabel", O = "flatColorPicker.ariaLabel", j = "colorPalette.ariaLabel", q = "colorGradient.redChannelLabel", E = "colorGradient.greenChannelLabel", J = "colorGradient.blueChannelLabel", K = "colorGradient.alphaChannelLabel", N = {
+const e = "numerictextbox.increment", o = "numerictextbox.decrement", a = "slider.increment", r = "slider.decrement", l = "slider.dragTitle", t = "colorGradient.r", n = "colorGradient.g", i = "colorGradient.b", c = "colorGradient.a", s = "colorGradient.hex", d = "colorGradient.contrastRatio", G = "colorGradient.colorGradientAALevel", b = "colorGradient.colorGradientAAALevel", u = "colorGradient.colorGradientPass", A = "colorGradient.colorGradientFail", L = "colorGradient.hueSliderLabel", C = "colorGradient.alphaSliderLabel", p = "colorGradient.toggleInputsButton", h = "flatColorPicker.cancelBtn", g = "flatColorPicker.applyBtn", P = "flatColorPicker.colorGradientBtn", k = "flatColorPicker.colorPaletteBtn", m = "flatColorPicker.clearBtn", x = "colorPicker.adaptiveTitle", B = "checkbox.validation", f = "checkbox.optionalText", v = "radioButton.validation", w = "switch.validation", I = "colorPicker.dropdownButtonAriaLabel", S = "rating.ariaLabel", T = "signature.clear", D = "signature.maximize", V = "signature.minimize", R = "switch.ariaLabel", y = "slider.ariaLabel", z = "otpInput.ariaLabel", H = "otpInput.cellAriaLabel", M = "rangeSlider.ariaLabel", F = "colorGradient.ariaLabel", O = "colorGradient.hsvAreaAriaLabel", j = "colorPicker.ariaLabel", q = "flatColorPicker.ariaLabel", E = "colorPalette.ariaLabel", J = "colorGradient.redChannelLabel", K = "colorGradient.greenChannelLabel", N = "colorGradient.blueChannelLabel", Q = "colorGradient.alphaChannelLabel", U = {
   [e]: "Increase value",
   [o]: "Decrease value",
-  [r]: "Increase",
-  [a]: "Decrease",
+  [a]: "Increase",
+  [r]: "Decrease",
   [l]: "Drag",
   [t]: "r",
   [n]: "g",
@@ -20,83 +20,87 @@ const e = "numerictextbox.increment", o = "numerictextbox.decrement", r = "slide
   [G]: "AA",
   [b]: "AAA",
   [u]: "Pass",
-  [C]: "Fail",
-  [A]: "Hue slider",
-  [h]: "Alpha slider",
-  [L]: "Toggle colorgradient inputs",
-  [g]: "Cancel",
-  [p]: "Apply",
+  [A]: "Fail",
+  [L]: "Hue slider",
+  [C]: "Alpha slider",
+  [p]: "Toggle colorgradient inputs",
+  [h]: "Cancel",
+  [g]: "Apply",
   [P]: "Color Gradient view",
   [k]: "Color Palette view",
-  [B]: "Clear color value",
-  [m]: "Choose color",
-  [x]: "Please check this box if you want to proceed!",
+  [m]: "Clear color value",
+  [x]: "Choose color",
+  [B]: "Please check this box if you want to proceed!",
   [f]: "(Optional)",
   [v]: "Please select option if you want to proceed!",
   [w]: "Please turn on if you want to proceed!",
-  [S]: "Select",
-  [T]: "Rating",
-  [V]: "Clear",
+  [I]: "Select",
+  [S]: "Rating",
+  [T]: "Clear",
   [D]: "Maximize",
-  [R]: "Minimize",
-  [y]: "Toggle switch value",
-  [z]: "Slider",
-  [I]: "Range slider",
-  [H]: "Color gradient",
-  [M]: "Color well with two-dimensional slider for selecting saturation and lightness",
-  [F]: "Color picker",
-  [O]: "Color editor",
-  [j]: "Color palette",
-  [q]: "Red channel",
-  [E]: "Green channel",
-  [J]: "Blue channel",
-  [K]: "Alpha channel"
+  [V]: "Minimize",
+  [R]: "Toggle switch value",
+  [y]: "Slider",
+  [M]: "Range slider",
+  [F]: "Color gradient",
+  [O]: "Color well with two-dimensional slider for selecting saturation and lightness",
+  [j]: "Color picker",
+  [q]: "Color editor",
+  [E]: "Color palette",
+  [J]: "Red channel",
+  [K]: "Green channel",
+  [N]: "Blue channel",
+  [Q]: "Alpha channel",
+  [z]: "One-time password",
+  [H]: "Digit {index} of {total}"
 };
 export {
   f as checkboxOptionalText,
-  x as checkboxValidation,
+  B as checkboxValidation,
   c as colorGradientA,
   b as colorGradientAAALevel,
   G as colorGradientAALevel,
-  K as colorGradientAlphaChannelLabel,
-  h as colorGradientAlphaSliderLabel,
-  H as colorGradientAriaLabel,
+  Q as colorGradientAlphaChannelLabel,
+  C as colorGradientAlphaSliderLabel,
+  F as colorGradientAriaLabel,
   i as colorGradientB,
-  J as colorGradientBlueChannelLabel,
+  N as colorGradientBlueChannelLabel,
   d as colorGradientContrastRatio,
-  C as colorGradientFail,
+  A as colorGradientFail,
   n as colorGradientG,
-  E as colorGradientGreenChannelLabel,
-  M as colorGradientHSVAreaAriaLabel,
+  K as colorGradientGreenChannelLabel,
+  O as colorGradientHSVAreaAriaLabel,
   s as colorGradientHex,
-  A as colorGradientHueSliderLabel,
+  L as colorGradientHueSliderLabel,
   u as colorGradientPass,
   t as colorGradientR,
-  q as colorGradientRedChannelLabel,
-  L as colorGradientToggleInputsButton,
-  j as colorPaletteAriaLabel,
-  m as colorPickerAdaptiveTitle,
-  F as colorPickerAriaLabel,
-  S as colorPickerDropdownButtonAriaLabel,
-  p as flatColorPickerApplyBtn,
-  O as flatColorPickerAriaLabel,
-  g as flatColorPickerCancelBtn,
-  B as flatColorPickerClearBtn,
+  J as colorGradientRedChannelLabel,
+  p as colorGradientToggleInputsButton,
+  E as colorPaletteAriaLabel,
+  x as colorPickerAdaptiveTitle,
+  j as colorPickerAriaLabel,
+  I as colorPickerDropdownButtonAriaLabel,
+  g as flatColorPickerApplyBtn,
+  q as flatColorPickerAriaLabel,
+  h as flatColorPickerCancelBtn,
+  m as flatColorPickerClearBtn,
   P as flatColorPickerColorGradientBtn,
   k as flatColorPickerColorPaletteBtn,
-  N as messages,
+  U as messages,
   o as numericDecreaseValue,
   e as numericIncreaseValue,
+  z as otpInputAriaLabel,
+  H as otpInputCellAriaLabel,
   v as radioButtonValidation,
-  I as rangeSliderAriaLabel,
-  T as ratingAriaLabel,
-  V as signatureClear,
+  M as rangeSliderAriaLabel,
+  S as ratingAriaLabel,
+  T as signatureClear,
   D as signatureMaximize,
-  R as signatureMinimize,
-  z as sliderAriaLabel,
-  a as sliderDecreaseValue,
+  V as signatureMinimize,
+  y as sliderAriaLabel,
+  r as sliderDecreaseValue,
   l as sliderDragTitle,
-  r as sliderIncreaseValue,
-  y as switchAriaLabel,
+  a as sliderIncreaseValue,
+  R as switchAriaLabel,
   w as switchValidation
 };

package/otpinput/OTPInput.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { OTPInputProps } from './interfaces/OTPInputProps';
+import { OTPInputHandle } from './interfaces/OTPInputHandle';
+import * as React from 'react';
+/**
+ * Represents the KendoReact [OTPInput](https://www.telerik.com/kendo-react-ui/components/inputs/api/OTPInput) component.
+ */
+export declare const OTPInput: React.ForwardRefExoticComponent<OTPInputProps & React.RefAttributes<OTPInputHandle>>;

package/otpinput/OTPInput.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const be=require("react"),I=require("@progress/kendo-react-common"),he=require("./OTPInputCell.js"),ge=require("./OTPInputSeparator.js"),Ce=require("@progress/kendo-react-intl"),j=require("../messages/index.js");function ve(o){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const f in o)if(f!=="default"){const m=Object.getOwnPropertyDescriptor(o,f);Object.defineProperty(d,f,m.get?m:{enumerable:!0,get:()=>o[f]})}}return d.default=o,Object.freeze(d)}const r=ve(be),ke=4;function ye(o,d){if(Array.isArray(d)){const C=d.reduce((E,w)=>E+w,0);return C!==o&&console.warn(`[OTPInput] The sum of groupLength values (${C}) must equal length (${o}).`),d}const f=[];let m=o;for(;m>0;)f.push(Math.min(d,m)),m-=d;return f}const H=r.forwardRef((o,d)=>{const{value:f,defaultValue:m,length:C,groupLength:E,separator:w,type:h,placeholder:G,spacing:F,disabled:L,readOnly:_,inputAttributes:U,name:T,required:W,valid:A,size:O,fillMode:J,rounded:Q,onChange:M,onFocus:P,onBlur:z,ariaLabel:X,ariaLabelledBy:Y,ariaDescribedBy:Z,id:$,style:x,dir:S,className:ee,touched:_e,visited:Ee,modified:we,validationMessage:Te,...te}=o,u=C!=null?C:ke,B=f!==void 0,[ae,re]=r.useState(()=>(m!=null?m:"").padEnd(u," ").slice(0,u)),l=(B?f:ae).padEnd(u," ").slice(0,u),V=r.useRef(l);V.current=l;const[ne,N]=r.useState(null),v=r.useRef(null),k=r.useCallback(e=>{v.current!==null&&clearTimeout(v.current),N(e),v.current=setTimeout(()=>{N(null),v.current=null},300)},[]);r.useEffect(()=>()=>{v.current!==null&&clearTimeout(v.current)},[]);const q=r.useRef(null),R=r.useRef([]),y=r.useRef(null),i=r.useCallback(e=>{var n;const t=Math.max(0,Math.min(e,u-1));(n=R.current[t])==null||n.focus()},[u]),b=r.useCallback((e,t)=>{const n=e.padEnd(u," ").slice(0,u);n!==l&&(V.current=n,B||re(n),M&&M({syntheticEvent:t,nativeEvent:t.nativeEvent,target:y.current,value:n}))},[B,u,M,l]),le=r.useCallback((e,t,n)=>{const a=n.target.value.slice(-1);if(!a)return;if(h==="number"&&!/^\d$/.test(a)){k(e);const g=l[e]===" "?"":l[e];n.target.value=g,n.target.select();return}const p=V.current.split("");p[e]=a;const s=p.join("");b(s,n),i(e+1)},[l,b,i,h,k]),K=r.useCallback((e,t,n)=>{if(n.preventDefault(),h==="number"&&!/^\d$/.test(t)){k(e),n.target.select();return}const c=l.split("");c[e]=t,b(c.join(""),n),i(e+1)},[h,k,l,b,i]),se=r.useCallback((e,t)=>{var c;if(_)return;const n=S==="rtl";switch(t.key){case"ArrowLeft":{t.preventDefault(),i(n?e+1:e-1);break}case"ArrowRight":{t.preventDefault(),i(n?e-1:e+1);break}case"ArrowUp":case"ArrowDown":{t.preventDefault();break}case"Backspace":{t.preventDefault();const a=l.split("");a[e]=" ",b(a.join(""),t),i(e-1);break}case"Delete":{t.preventDefault();const a=l.split("");a[e]=" ",b(a.join(""),t);break}default:{const{key:a,ctrlKey:p,altKey:s,metaKey:g}=t,D=(c=l[e])!=null?c:" ";a.length===1&&!p&&!s&&!g&&D!==" "&&K(e,a,t);break}}},[l,b,i,S,_,K]),ue=r.useCallback((e,t)=>{P&&P({syntheticEvent:t,nativeEvent:t.nativeEvent,target:y.current,cellIndex:e})},[P]),ce=r.useCallback((e,t)=>{},[]),{onFocus:oe,onBlur:ie}=I.useAsyncFocusBlur({onFocus:e=>{},onBlur:e=>{z&&z({syntheticEvent:e,nativeEvent:e.nativeEvent,target:y.current})}}),pe=r.useCallback(e=>{if(e.preventDefault(),_)return;const t=e.clipboardData.getData("text");if(!t)return;const n=R.current.findIndex(s=>s===document.activeElement),c=n>=0?n:0;if(h==="number"&&!/^\d+$/.test(t.trim())){k(c);return}const a=l.split("");for(let s=0;s<t.length&&c+s<u;s++)a[c+s]=t[s];b(a.join(""),e);const p=Math.min(c+t.length,u-1);i(p)},[l,b,i,u,h,k,_]);r.useImperativeHandle(y,()=>({get element(){return q.current},get value(){return l},focus(e){if(e!==void 0)i(e);else{const t=l.indexOf(" ");i(t>=0?t:u-1)}},blur(){R.current.forEach(e=>e==null?void 0:e.blur())}})),r.useImperativeHandle(d,()=>y.current),I.useWebMcpRegister("otpinput",y,o,o.webMcp);const de=()=>{const e=a=>{var p;return r.createElement(he.OTPInputCell,{key:a,ref:s=>{R.current[a]=s},index:a,totalLength:u,char:(p=l[a])!=null?p:" ",type:h,placeholder:G,disabled:L,readOnly:_,required:W,size:O,fillMode:J,rounded:Q,inputAttributes:U,valid:A===!1||ne===a?!1:A,onCellChange:le,onCellKeyDown:se,onCellFocus:ue,onCellBlur:ce,name:T?`${T}-cell-${a}`:`otp-cell-${a}`,id:$?`${$}-cell-${a}`:`otp-cell-${a}`})};if(!E){const a=Array.from({length:u},(p,s)=>e(s));return F===!1?[r.createElement("div",{key:"group",className:"k-input-group"},a)]:a}const t=ye(u,E);let n=0;const c=[];return t.forEach((a,p)=>{const s=n;p>0&&w!==void 0&&c.push(r.createElement(ge.OTPInputSeparator,{key:`sep-${s}`,separator:w}));const g=[];for(let D=0;D<a;D++)g.push(e(n++));F===!1?c.push(r.createElement("div",{key:`group-${s}`,className:"k-input-group"},g)):c.push(...g)}),c},fe=I.classNames("k-otp",{"k-disabled":L,"k-invalid":A===!1,[`k-otp-${I.kendoThemeMaps.sizeMap[O]||O}`]:O},ee),me=Ce.useLocalization().toLanguageString(j.otpInputAriaLabel,j.messages[j.otpInputAriaLabel]);return r.createElement("div",{ref:q,className:fe,role:"group","aria-label":X||me,"aria-labelledby":Y,"aria-describedby":Z,id:$,style:x,dir:S,onFocus:oe,onBlur:ie,onPaste:pe,...te},T&&r.createElement("input",{"aria-hidden":!0,type:"hidden",name:T,value:l.replace(/ /g,"")}),de())});H.displayName="KendoReactOTPInput";exports.OTPInput=H;