@progress/kendo-react-inputs 13.3.0-develop.9 → 13.4.0-develop.1

package/input/Input.d.ts

@@ -0,0 +1,119 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { FormComponentProps, FormComponentValidity, InputsClassStructure } from '@progress/kendo-react-common';
+import { InputChangeEvent } from './interfaces/InputChangeEvent.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
+/**
+ * Represents the props of the [KendoReact Input component](https://www.telerik.com/kendo-react-ui/components/inputs/input).
+ * Extends the [native input props](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement).
+ */
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'>, FormComponentProps {
+    /**
+     * Renders a floating label for the Input component.
+     */
+    label?: React.ReactNode;
+    /**
+     * Sets a `className` for the floating label.
+     */
+    labelClassName?: string;
+    /**
+     * Represents the Input value.
+     */
+    value?: string | string[] | number;
+    /**
+     * Represents the Input default value.
+     */
+    defaultValue?: string | string[];
+    /**
+     * Identifies the element(s) which will describe the component, similar to [HTML aria-describedby attribute](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedby_attribute).
+     * For example these elements could contain error or hint message.
+     */
+    ariaDescribedBy?: string;
+    /**
+     * Identifies the element(s) which will label the component.
+     */
+    ariaLabelledBy?: string;
+    /**
+     * Defines a string value that labels an interactive element.
+     */
+    ariaLabel?: string;
+    /**
+     * Represents the `autoFocus` HTML attribute that will be applied to the input element of the Input. (Defaults to `false`)
+     */
+    autoFocus?: boolean;
+    /**
+     * Triggered after value change.
+     */
+    onChange?: (event: InputChangeEvent) => void;
+    /**
+     * @hidden
+     */
+    unstyled?: InputsClassStructure;
+    /**
+     * @hidden
+     */
+    visited?: boolean;
+    /**
+     * @hidden
+     */
+    touched?: boolean;
+    /**
+     * @hidden
+     */
+    modified?: boolean;
+}
+/**
+ * @hidden
+ */
+export interface InputState {
+    value?: string | string[] | number;
+}
+/**
+ * Represent the `ref` target of the Input component.
+ */
+export interface InputHandle {
+    /**
+     * Gets the native input element of the Input component.
+     */
+    element: HTMLInputElement | null;
+    /**
+     * Gets the `name` property of the Input.
+     */
+    name: string | undefined;
+    /**
+     *The props of the InputHandle component.
+     */
+    props: InputProps;
+    /**
+     * Represents the validity state into which the Input is set.
+     */
+    validity: FormComponentValidity;
+    /**
+     * Gets the value of the Input.
+     */
+    value: string | string[] | number | undefined;
+}
+/**
+ * Represents the [KendoReact Input component](https://www.telerik.com/kendo-react-ui/components/inputs/input).
+ *
+ * Accepts properties of type [InputProps](https://www.telerik.com/kendo-react-ui/components/inputs/api/inputprops).
+ * Obtaining the `ref` returns an object of type [InputHandle](https://www.telerik.com/kendo-react-ui/components/inputs/api/inputhandle).
+ */
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<InputHandle | null>>;
+/**
+ * Represents the PropsContext of the `Input` component.
+ * Used for global configuration of all `Input` instances.
+ *
+ * For more information, refer to the [Inputs Props Context](https://www.telerik.com/kendo-react-ui/components/inputs/props-context) article.
+ */
+export declare const InputPropsContext: React.Context<(p: InputProps) => InputProps>;
+export {};

package/input/Input.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 W=require("react"),a=require("prop-types"),l=require("@progress/kendo-react-common"),X=require("@progress/kendo-react-labels");function Y(s){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const u in s)if(u!=="default"){const c=Object.getOwnPropertyDescriptor(s,u);Object.defineProperty(o,u,c.get?c:{enumerable:!0,get:()=>s[u]})}}return o.default=s,Object.freeze(o)}const r=Y(W),m=r.forwardRef((s,o)=>{const c=r.useContext(R).call(void 0,s),[,N]=r.useReducer(t=>t,!0),n=l.applyDefaultProps(c,Z),{className:k,label:p,labelClassName:x,id:E,validationMessage:h,defaultValue:S,valid:C,unstyled:V,visited:$,touched:ee,modified:te,autoFocus:w,ariaLabelledBy:D,ariaDescribedBy:q,validityStyles:I,style:P,ariaLabel:F,...U}=n,j=l.useUnstyled(),f=V||j,B=f&&f.uInput,T=l.useId(),[_,A]=r.useState({value:S}),L=E||T,e=r.useRef(null),d=r.useRef(void 0),y=r.useRef(null),G=()=>{e.current&&e.current.focus()},b=()=>d.current!==void 0?d.current:n.value!==void 0?n.value:_.value,v=()=>{const t={badInput:e.current?e.current.validity.badInput:!1,patternMismatch:e.current?e.current.validity.patternMismatch:!1,rangeOverflow:e.current?e.current.validity.rangeOverflow:!1,rangeUnderflow:e.current?e.current.validity.rangeUnderflow:!1,stepMismatch:e.current?e.current.validity.stepMismatch:!1,tooLong:e.current?e.current.validity.tooLong:!1,typeMismatch:e.current?e.current.validity.typeMismatch:!1,valueMissing:e.current?e.current.validity.valueMissing:!1};return{...t,customError:h!==void 0,valid:C!==void 0?C:e.current?!H(t):!0}};r.useImperativeHandle(y,()=>({element:e.current,props:n,get value(){return b()},name:n.name,get validity(){return v()},focus:G})),r.useImperativeHandle(o,()=>y.current);const H=t=>{let i=!1;for(const O in t)t.hasOwnProperty(O)&&(i=i||!!t[O]);return i},g=!I||v().valid,z=l.classNames(k,l.uInput.input({c:B,invalid:!g,disabled:n.disabled})),K=()=>{e.current&&e.current.setCustomValidity&&(v().valid||!I?e.current.classList.remove("k-invalid"):e.current.classList.add("k-invalid"),e.current.setCustomValidity(v().valid?"":h||""))},J=t=>{A({value:t.target.value}),d.current=t.target.value,n.onChange&&n.onChange.call(void 0,{syntheticEvent:t,nativeEvent:t.nativeEvent,value:t.target.value,target:y.current}),d.current=void 0},Q=t=>{if(t.animationName==="autoFillStart"){const i=t.target.parentNode;i&&i.classList.contains("k-empty")&&i.classList.remove("k-empty")}};r.useEffect(()=>{N()},[]),r.useEffect(()=>{K()});const M=r.createElement("input",{"aria-labelledby":D,"aria-describedby":q,"aria-disabled":n.disabled||void 0,"aria-invalid":!g||void 0,"aria-label":F||void 0,...U,style:p?void 0:P,value:b(),id:L,autoFocus:w,className:z,onChange:J,onAnimationStart:Q,ref:e});return p?r.createElement(X.FloatingLabel,{label:p,labelClassName:x,editorId:L,editorValue:String(b()),editorValid:g,editorDisabled:n.disabled,editorPlaceholder:n.placeholder,children:M,style:P,dir:n.dir,unstyled:f}):M}),R=l.createPropsContext(),Z={defaultValue:"",required:!1,validityStyles:!0,autoFocus:!1};m.displayName="KendoReactInput";m.propTypes={label:a.node,labelClassName:a.string,validationMessage:a.string,required:a.bool,validate:a.bool,id:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,ariaLabel:a.string,autoFocus:a.bool,value:a.oneOfType([a.string,a.number,a.array])};exports.Input=m;exports.InputPropsContext=R;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Q=require("react"),a=require("prop-types"),u=require("@progress/kendo-react-common"),W=require("@progress/kendo-react-labels");function X(i){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const o in i)if(o!=="default"){const c=Object.getOwnPropertyDescriptor(i,o);Object.defineProperty(s,o,c.get?c:{enumerable:!0,get:()=>i[o]})}}return s.default=i,Object.freeze(s)}const r=X(Q),m=r.forwardRef((i,s)=>{const c=r.useContext(O).call(void 0,i),[,R]=r.useReducer(t=>t,!0),n=u.applyDefaultProps(c,Y),{className:N,label:p,labelClassName:x,id:E,validationMessage:h,defaultValue:S,valid:C,unstyled:V,visited:Z,touched:$,modified:ee,autoFocus:w,ariaLabelledBy:D,ariaDescribedBy:q,validityStyles:I,style:P,ariaLabel:F,...U}=n,j=u.useUnstyled(),f=V||j;f&&f.uInput;const B=u.useId(),[T,_]=r.useState({value:S}),k=E||B,e=r.useRef(null),d=r.useRef(void 0),y=r.useRef(null),A=()=>{e.current&&e.current.focus()},b=()=>d.current!==void 0?d.current:n.value!==void 0?n.value:T.value,v=()=>{const t={badInput:e.current?e.current.validity.badInput:!1,patternMismatch:e.current?e.current.validity.patternMismatch:!1,rangeOverflow:e.current?e.current.validity.rangeOverflow:!1,rangeUnderflow:e.current?e.current.validity.rangeUnderflow:!1,stepMismatch:e.current?e.current.validity.stepMismatch:!1,tooLong:e.current?e.current.validity.tooLong:!1,typeMismatch:e.current?e.current.validity.typeMismatch:!1,valueMissing:e.current?e.current.validity.valueMissing:!1};return{...t,customError:h!==void 0,valid:C!==void 0?C:e.current?!G(t):!0}};r.useImperativeHandle(y,()=>({element:e.current,props:n,get value(){return b()},name:n.name,get validity(){return v()},focus:A})),r.useImperativeHandle(s,()=>y.current);const G=t=>{let l=!1;for(const M in t)t.hasOwnProperty(M)&&(l=l||!!t[M]);return l},g=!I||v().valid,H=u.classNames("k-input",{"k-invalid":!g,"k-disabled":n.disabled},N),z=()=>{e.current&&e.current.setCustomValidity&&(v().valid||!I?e.current.classList.remove("k-invalid"):e.current.classList.add("k-invalid"),e.current.setCustomValidity(v().valid?"":h||""))},K=t=>{_({value:t.target.value}),d.current=t.target.value,n.onChange&&n.onChange.call(void 0,{syntheticEvent:t,nativeEvent:t.nativeEvent,value:t.target.value,target:y.current}),d.current=void 0},J=t=>{if(t.animationName==="autoFillStart"){const l=t.target.parentNode;l&&l.classList.contains("k-empty")&&l.classList.remove("k-empty")}};r.useEffect(()=>{R()},[]),r.useEffect(()=>{z()});const L=r.createElement("input",{"aria-labelledby":D,"aria-describedby":q,"aria-disabled":n.disabled||void 0,"aria-invalid":!g||void 0,"aria-label":F||void 0,...U,style:p?void 0:P,value:b(),id:k,autoFocus:w,className:H,onChange:K,onAnimationStart:J,ref:e});return p?r.createElement(W.FloatingLabel,{label:p,labelClassName:x,editorId:k,editorValue:String(b()),editorValid:g,editorDisabled:n.disabled,editorPlaceholder:n.placeholder,children:L,style:P,dir:n.dir,unstyled:f}):L}),O=u.createPropsContext(),Y={defaultValue:"",required:!1,validityStyles:!0,autoFocus:!1};m.displayName="KendoReactInput";m.propTypes={label:a.node,labelClassName:a.string,validationMessage:a.string,required:a.bool,validate:a.bool,id:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,ariaLabel:a.string,autoFocus:a.bool,value:a.oneOfType([a.string,a.number,a.array])};exports.Input=m;exports.InputPropsContext=O;

package/input/Input.mjs

@@ -7,34 +7,36 @@
  */
 import * as r from "react";
 import a from "prop-types";
-import { applyDefaultProps as J, useUnstyled as Q, useId as W, classNames as X, uInput as Y, createPropsContext as Z } from "@progress/kendo-react-common";
-import { FloatingLabel as _ } from "@progress/kendo-react-labels";
+import { createPropsContext as z, applyDefaultProps as J, useUnstyled as Q, useId as W, classNames as X } from "@progress/kendo-react-common";
+import { FloatingLabel as Y } from "@progress/kendo-react-labels";
 const C = r.forwardRef((I, L) => {
-  const M = r.useContext($).call(void 0, I), [, P] = r.useReducer((t) => t, !0), n = J(M, ee), {
-    className: x,
+  const M = r.useContext(Z).call(void 0, I), [, P] = r.useReducer((t) => t, !0), n = J(M, _), {
+    className: k,
     label: o,
-    labelClassName: E,
-    id: N,
+    labelClassName: x,
+    id: E,
     validationMessage: p,
-    defaultValue: R,
+    defaultValue: N,
     valid: f,
-    unstyled: V,
+    unstyled: R,
     // Removed to support direct use in Form Field component
-    visited: ae,
-    touched: re,
-    modified: ne,
-    autoFocus: k,
+    visited: ee,
+    touched: te,
+    modified: ae,
+    autoFocus: V,
     ariaLabelledBy: w,
     ariaDescribedBy: F,
     validityStyles: y,
     style: m,
     ariaLabel: U,
     ...B
-  } = n, D = Q(), u = V || D, O = u && u.uInput, S = W(), [T, q] = r.useState({
-    value: R
-  }), g = N || S, e = r.useRef(null), s = r.useRef(void 0), d = r.useRef(null), A = () => {
+  } = n, D = Q(), u = R || D;
+  u && u.uInput;
+  const O = W(), [S, T] = r.useState({
+    value: N
+  }), g = E || O, e = r.useRef(null), l = r.useRef(void 0), d = r.useRef(null), q = () => {
     e.current && e.current.focus();
-  }, c = () => s.current !== void 0 ? s.current : n.value !== void 0 ? n.value : T.value, l = () => {
+  }, c = () => l.current !== void 0 ? l.current : n.value !== void 0 ? n.value : S.value, s = () => {
     const t = {
       badInput: e.current ? e.current.validity.badInput : !1,
       patternMismatch: e.current ? e.current.validity.patternMismatch : !1,
@@ -48,7 +50,7 @@ const C = r.forwardRef((I, L) => {
     return {
       ...t,
       customError: p !== void 0,
-      valid: f !== void 0 ? f : e.current ? !G(t) : !0
+      valid: f !== void 0 ? f : e.current ? !A(t) : !0
     };
   };
   r.useImperativeHandle(d, () => ({
@@ -59,34 +61,34 @@ const C = r.forwardRef((I, L) => {
     },
     name: n.name,
     get validity() {
-      return l();
+      return s();
     },
-    focus: A
+    focus: q
   })), r.useImperativeHandle(L, () => d.current);
-  const G = (t) => {
+  const A = (t) => {
     let i = !1;
     for (const h in t)
       t.hasOwnProperty(h) && (i = i || !!t[h]);
     return i;
-  }, v = !y || l().valid, H = X(
-    x,
-    Y.input({
-      c: O,
-      invalid: !v,
-      disabled: n.disabled
-    })
-  ), K = () => {
-    e.current && e.current.setCustomValidity && (l().valid || !y ? e.current.classList.remove("k-invalid") : e.current.classList.add("k-invalid"), e.current.setCustomValidity(l().valid ? "" : p || ""));
-  }, j = (t) => {
-    q({
+  }, v = !y || s().valid, G = X(
+    "k-input",
+    {
+      "k-invalid": !v,
+      "k-disabled": n.disabled
+    },
+    k
+  ), H = () => {
+    e.current && e.current.setCustomValidity && (s().valid || !y ? e.current.classList.remove("k-invalid") : e.current.classList.add("k-invalid"), e.current.setCustomValidity(s().valid ? "" : p || ""));
+  }, K = (t) => {
+    T({
       value: t.target.value
-    }), s.current = t.target.value, n.onChange && n.onChange.call(void 0, {
+    }), l.current = t.target.value, n.onChange && n.onChange.call(void 0, {
       syntheticEvent: t,
       nativeEvent: t.nativeEvent,
       value: t.target.value,
       target: d.current
-    }), s.current = void 0;
-  }, z = (t) => {
+    }), l.current = void 0;
+  }, j = (t) => {
     if (t.animationName === "autoFillStart") {
       const i = t.target.parentNode;
       i && i.classList.contains("k-empty") && i.classList.remove("k-empty");
@@ -95,7 +97,7 @@ const C = r.forwardRef((I, L) => {
   r.useEffect(() => {
     P();
   }, []), r.useEffect(() => {
-    K();
+    H();
   });
   const b = /* @__PURE__ */ r.createElement(
     "input",
@@ -109,18 +111,18 @@ const C = r.forwardRef((I, L) => {
       style: o ? void 0 : m,
       value: c(),
       id: g,
-      autoFocus: k,
-      className: H,
-      onChange: j,
-      onAnimationStart: z,
+      autoFocus: V,
+      className: G,
+      onChange: K,
+      onAnimationStart: j,
       ref: e
     }
   );
   return o ? /* @__PURE__ */ r.createElement(
-    _,
+    Y,
     {
       label: o,
-      labelClassName: E,
+      labelClassName: x,
       editorId: g,
       editorValue: String(c()),
       editorValid: v,
@@ -132,7 +134,7 @@ const C = r.forwardRef((I, L) => {
       unstyled: u
     }
   ) : b;
-}), $ = Z(), ee = {
+}), Z = z(), _ = {
   defaultValue: "",
   required: !1,
   validityStyles: !0,
@@ -154,5 +156,5 @@ C.propTypes = {
 };
 export {
   C as Input,
-  $ as InputPropsContext
+  Z as InputPropsContext
 };

package/input/InputClearValue.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { InputsClassStructure } from '@progress/kendo-react-common';
+import * as React from 'react';
+/**
+ * Represent the `ref` of the `InputClearValue` component.
+ */
+export type InputClearValueHandle = {
+    element: HTMLSpanElement | null;
+};
+/**
+ * Represents the `props` of the `InputClearValue` component.
+ */
+export interface InputClearValueProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * @hidden
+     */
+    unstyled?: InputsClassStructure;
+}
+/**
+ * Represents the KendoReact InputClearValue component.
+ */
+export declare const InputClearValue: React.ForwardRefExoticComponent<InputClearValueProps & React.RefAttributes<InputClearValueHandle>>;

package/input/InputPrefix.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as React from 'react';
+/**
+ * Represent the `ref` of the `InputPrefix` component.
+ */
+export interface InputPrefixHandle {
+    /**
+     * The HTML element of the InputPrefix component.
+     */
+    element: HTMLSpanElement | null;
+}
+/**
+ * Represents the `props` of the `InputPrefix` component.
+ */
+export interface InputPrefixProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Sets the `orientation` property of the `InputPrefix` component.
+     */
+    orientation?: 'horizontal' | 'vertical';
+}
+/**
+ * Represents the KendoReact InputPrefix component.
+ */
+export declare const InputPrefix: React.ForwardRefExoticComponent<InputPrefixProps & React.RefAttributes<InputPrefixHandle>>;

package/input/InputSeparator.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as React from 'react';
+/**
+ * Represent the `ref` of the `InputSeparator` component.
+ */
+export interface InputSeparatorHandle {
+    /**
+     * The HTML element of the InputSeparator component.
+     */
+    element: HTMLSpanElement | null;
+}
+/**
+ * Represents the `props` of the `InputSeparator` component.
+ */
+export interface InputSeparatorProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Sets the `orientation` property of the `InputSeparator` component.
+     */
+    orientation?: 'horizontal' | 'vertical';
+}
+/**
+ * Represents the KendoReact InputSeparator component.
+ */
+export declare const InputSeparator: React.ForwardRefExoticComponent<InputSeparatorProps & React.RefAttributes<InputSeparatorHandle>>;

package/input/InputSuffix.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as React from 'react';
+/**
+ * Represent the `ref` of the `InputSuffix` component.
+ */
+export type InputSuffixHandle = {
+    element: HTMLSpanElement | null;
+};
+/**
+ * Represents the `props` of the `InputSuffix` component.
+ */
+export type InputSuffixProps = React.HTMLAttributes<HTMLSpanElement> & {
+    /**
+     * Sets the `orientation` property of the `InputSuffix` component.
+     */
+    orientation?: 'horizontal' | 'vertical';
+};
+/**
+ * Represents the KendoReact InputSuffix component.
+ */
+export declare const InputSuffix: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
+    /**
+     * Sets the `orientation` property of the `InputSuffix` component.
+     */
+    orientation?: "vertical" | "horizontal" | undefined;
+} & React.RefAttributes<InputSuffixHandle>>;

package/input/InputValidationIcon.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { IconHandle, SvgIconHandle, IconProps, SvgIconProps } from '@progress/kendo-react-common';
+import * as React from 'react';
+/**
+ * Represent the `ref` of the `InputValidationIcon` component.
+ */
+export type InputValidationIconHandle = IconHandle & SvgIconHandle;
+/**
+ * Represents the `props` of the `InputValidationIcon` component.
+ */
+export type InputValidationIconProps = IconProps & SvgIconProps;
+/**
+ * Represents the KendoReact InputValidationIcon component.
+ */
+export declare const InputValidationIcon: React.ForwardRefExoticComponent<IconProps & SvgIconProps & React.RefAttributes<InputValidationIconHandle>>;

package/input/interfaces/InputChangeEvent.d.ts

@@ -0,0 +1,18 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { BaseEvent } from '@progress/kendo-react-common';
+import { InputHandle } from '../Input.js';
+/**
+ * The arguments for the `change` event of the Input.
+ */
+export interface InputChangeEvent extends BaseEvent<InputHandle> {
+    /**
+     * The current value of the Input.
+     */
+    value: string;
+}

package/interfaces/Direction.d.ts

@@ -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
+ *-------------------------------------------------------------------------------------------
+ */
+export type Direction = 'ltr' | 'rtl';

package/interfaces/ToggleBaseProps.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * The props passed to the Checkbox and Switch components.
+ */
+export interface ToggleBaseProps {
+    /**
+     * The value of the component.
+     */
+    value?: any;
+    /**
+     * The checked state of the component.
+     */
+    checked?: any;
+    /**
+     * The default checked state of the component.
+     */
+    defaultChecked?: any;
+}