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

package/switch/Switch.d.ts

@@ -0,0 +1,397 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { default as PropTypes } from 'prop-types';
+import { BaseEvent, FormComponent, FormComponentProps, FormComponentValidity } from '@progress/kendo-react-common';
+import { ToggleBaseProps } from '../interfaces/ToggleBaseProps.js';
+import * as React from 'react';
+/**
+ * The arguments for the `onChange` Switch event.
+ */
+export interface SwitchChangeEvent extends BaseEvent<Switch> {
+    /**
+     * The new value of the Switch.
+     */
+    value: boolean;
+}
+/**
+ * Represents the props of the [KendoReact Switch component](https://www.telerik.com/kendo-react-ui/components/inputs/switch).
+ */
+export interface SwitchProps extends ToggleBaseProps, FormComponentProps {
+    /**
+     * Specifies the `accessKey` of the Switch.
+     *
+     * @example
+     * ```jsx
+     * <Switch accessKey="s" />
+     * ```
+     */
+    accessKey?: string;
+    /**
+     * Sets the current value of the Switch ([see example](https://www.telerik.com/kendo-react-ui/components/inputs/switch/controlled-switch)).
+     *
+     * @example
+     * ```jsx
+     * <Switch checked={true} />
+     * ```
+     */
+    checked?: boolean;
+    /**
+     * Adds custom CSS classes to the Switch.
+     *
+     * @example
+     * ```jsx
+     * <Switch className="custom-class" />
+     * ```
+     */
+    className?: string;
+    /**
+     * Sets the value of the Switch when it is initially displayed ([see example](https://www.telerik.com/kendo-react-ui/components/inputs/switch/default-state)).
+     *
+     * @example
+     * ```jsx
+     * <Switch defaultChecked={true} />
+     * ```
+     */
+    defaultChecked?: boolean;
+    /**
+     * Specifies the default value of the Switch.
+     *
+     * @example
+     * ```jsx
+     * <Switch defaultValue={true} />
+     * ```
+     */
+    defaultValue?: any;
+    /**
+     * Disables the Switch when set to `true` ([see example](https://www.telerik.com/kendo-react-ui/components/inputs/switch/disabled-state)).
+     *
+     * @example
+     * ```jsx
+     * <Switch disabled={true} />
+     * ```
+     */
+    disabled?: boolean;
+    /**
+     * Specifies the `dir` property of the wrapping element of the Switch.
+     *
+     * @example
+     * ```jsx
+     * <Switch dir="rtl" />
+     * ```
+     */
+    dir?: string;
+    /**
+     * Specifies the `id` of the Switch.
+     *
+     * @example
+     * ```jsx
+     * <Switch id="switch-component" />
+     * ```
+     */
+    id?: string;
+    /**
+     * Configures the `size` of the Switch.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - null&mdash;Does not set a size `className`.
+     *
+     * @default `medium`
+     * @example
+     * ```jsx
+     * <Switch size="large" />
+     * ```
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Configures the `trackRounded` of the Switch.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - full
+     * - null&mdash;Does not set a trackRounded `className`.
+     *
+     * @default undefined (theme-controlled)
+     * @example
+     * ```jsx
+     * <Switch trackRounded="medium" />
+     * ```
+     */
+    trackRounded?: 'small' | 'medium' | 'large' | 'full';
+    /**
+     * Configures the `thumbRounded` property of the Switch.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - full
+     * - null&mdash;Does not set a thumbRounded `className`.
+     *
+     * @default undefined (theme-controlled)
+     * @example
+     * ```jsx
+     * <Switch thumbRounded="full" />
+     * ```
+     */
+    thumbRounded?: 'small' | 'medium' | 'large' | 'full';
+    /**
+     * Identifies the element(s) which will describe the component.
+     * For example these elements could contain error or hint message.
+     *
+     * @example
+     * ```jsx
+     * <Switch ariaDescribedBy="description-id" />
+     * ```
+     */
+    ariaDescribedBy?: string;
+    /**
+     * Identifies the element(s) which will label the component.
+     *
+     * @example
+     * ```jsx
+     * <Switch ariaLabelledBy="label-id" />
+     * ```
+     */
+    ariaLabelledBy?: string;
+    /**
+     * Sets a custom label for the **Off** state.
+     *
+     * @example
+     * ```jsx
+     * <Switch offLabel="No" />
+     * ```
+     */
+    offLabel?: React.ReactNode;
+    /**
+     * Fires when the Switch is blurred.
+     *
+     * @example
+     * ```jsx
+     * <Switch onBlur={(event) => console.log('Blurred')} />
+     * ```
+     */
+    onBlur?: (event: React.FocusEvent<HTMLSpanElement>) => void;
+    /**
+     * Fires when the value of the Switch changes.
+     *
+     * @example
+     * ```jsx
+     * <Switch onChange={(event) => console.log(event.value)} />
+     * ```
+     */
+    onChange?: (event: SwitchChangeEvent) => void;
+    /**
+     * Fires when the Switch is focused.
+     *
+     * @example
+     * ```jsx
+     * <Switch onFocus={(event) => console.log('Focused')} />
+     * ```
+     */
+    onFocus?: (event: React.FocusEvent<HTMLSpanElement>) => void;
+    /**
+     * Sets a custom label for the **On** state.
+     *
+     * @example
+     * ```jsx
+     * <Switch onLabel="Yes" />
+     * ```
+     */
+    onLabel?: React.ReactNode;
+    /**
+     * Specifies the [`tabIndex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
+     *
+     * @example
+     * ```jsx
+     * <Switch tabIndex={0} />
+     * ```
+     */
+    tabIndex?: number;
+    /**
+     * Specifies the value of the Switch.
+     *
+     * @example
+     * ```jsx
+     * <Switch value={true} />
+     * ```
+     */
+    value?: string | number | string[] | boolean | null;
+    /**
+     * Specifies the accessible label of the Switch.
+     *
+     * @example
+     * ```jsx
+     * <Switch ariaLabel="Toggle switch" />
+     * ```
+     */
+    ariaLabel?: string;
+}
+/**
+ * @hidden
+ */
+export interface SwitchState {
+    checked: boolean;
+    focused: boolean;
+}
+/** @hidden */
+export declare class SwitchWithoutContext extends React.Component<SwitchProps, SwitchState> implements FormComponent {
+    static displayName: string;
+    /**
+     * Gets the value of the Switch.
+     */
+    get value(): boolean;
+    get element(): HTMLSpanElement | null;
+    get actionElement(): HTMLSpanElement | null;
+    /**
+     * Gets the `name` property of the Switch.
+     */
+    get name(): string | undefined;
+    /**
+     * Represents the validity state into which the Switch is set.
+     */
+    get validity(): FormComponentValidity;
+    /**
+     * @hidden
+     */
+    protected get validityStyles(): boolean;
+    /**
+     * @hidden
+     */
+    protected get required(): boolean;
+    /**
+     * @hidden
+     */
+    protected setValidity: () => void;
+    protected limit: (offset: number, drag: HTMLSpanElement, wrapper: HTMLSpanElement) => number;
+    protected toggle: (value: boolean, event: any) => void;
+    /**
+     * @hidden
+     */
+    static propTypes: {
+        accessKey: PropTypes.Requireable<string>;
+        checked: PropTypes.Requireable<boolean>;
+        className: PropTypes.Requireable<string>;
+        disabled: PropTypes.Requireable<boolean>;
+        defaultChecked: PropTypes.Requireable<boolean>;
+        size: PropTypes.Requireable<"small" | "medium" | "large" | undefined>;
+        trackRounded: PropTypes.Requireable<"small" | "medium" | "large" | "full" | undefined>;
+        thumbRounded: PropTypes.Requireable<"small" | "medium" | "large" | "full" | undefined>;
+        dir: PropTypes.Requireable<string>;
+        id: PropTypes.Requireable<string>;
+        ariaLabelledBy: PropTypes.Requireable<string>;
+        ariaDescribedBy: PropTypes.Requireable<string>;
+        offLabel: PropTypes.Requireable<string>;
+        required: PropTypes.Requireable<boolean>;
+        tabIndex: PropTypes.Requireable<number>;
+        valid: PropTypes.Requireable<boolean>;
+        validate: PropTypes.Requireable<boolean>;
+        validationMessage: PropTypes.Requireable<string>;
+        onBlur: PropTypes.Requireable<any>;
+        onChange: PropTypes.Requireable<any>;
+        onFocus: PropTypes.Requireable<any>;
+        onLabel: PropTypes.Requireable<string>;
+    };
+    /**
+     * @hidden
+     */
+    static defaultProps: {
+        disabled: boolean;
+        defaultChecked: boolean;
+        size: undefined;
+        trackRounded: undefined;
+        thumbRounded: undefined;
+        offLabel: string;
+        onBlur: () => void;
+        onFocus: () => void;
+        onLabel: string;
+        validityStyles: boolean;
+    };
+    /**
+     * @hidden
+     */
+    readonly state: SwitchState;
+    private _element;
+    private _wrapper;
+    private _input;
+    private _id;
+    private valueDuringOnChange;
+    private dir?;
+    private defaultValidationMessage;
+    private eventTimeStamp?;
+    /**
+     * @hidden
+     */
+    constructor(props: SwitchProps);
+    /**
+     * @hidden
+     */
+    componentDidMount(): void;
+    /**
+     * @hidden
+     */
+    componentDidUpdate(): void;
+    /**
+     * @hidden
+     */
+    focus: () => void;
+    /**
+     * @hidden
+     */
+    render(): React.JSX.Element;
+    private dummyInput;
+    private handleClick;
+    private handleKeyDown;
+    private handleWrapperFocus;
+    private handleWrapperBlur;
+}
+/**
+ * Represents the PropsContext of the `Switch` component.
+ * Used for global configuration of all `Switch` 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 SwitchPropsContext: React.Context<(p: SwitchProps) => SwitchProps>;
+/**
+ * Represent the `ref` of the Switch component.
+ */
+export interface SwitchHandle extends Pick<SwitchWithoutContext, keyof SwitchWithoutContext> {
+    /**
+     * @hidden
+     */
+    actionElement: HTMLSpanElement | null;
+    /**
+     * Returns the HTML element of the Switch component.
+     */
+    element: HTMLSpanElement | null;
+    /**
+     * Gets the `name` property of the Switch.
+     */
+    name: string | undefined;
+    /**
+     * Represents the validity state into which the Switch is set.
+     */
+    validity: FormComponentValidity;
+    /**
+     * Gets the value of the Switch.
+     */
+    value: boolean;
+}
+/** @hidden */
+export type Switch = SwitchHandle;
+/**
+ * Represents the [KendoReact Switch component](https://www.telerik.com/kendo-react-ui/components/inputs/switch).
+ *
+ * Accepts properties of type [SwitchProps](https://www.telerik.com/kendo-react-ui/components/inputs/api/switchprops).
+ * Obtaining the `ref` returns an object of type [SwitchHandle](https://www.telerik.com/kendo-react-ui/components/inputs/api/switchhandle).
+ */
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<any>>;

package/switch/Switch.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react"),s=require("prop-types"),i=require("@progress/kendo-react-common"),S=require("@progress/kendo-react-intl"),p=require("../messages/index.js");function N(d){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const e in d)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(d,e);Object.defineProperty(a,e,t.get?t:{enumerable:!0,get:()=>d[e]})}}return a.default=d,Object.freeze(a)}const r=N(C),n=class n extends r.Component{constructor(a){super(a),this.setValidity=()=>{this._input&&this._input.setCustomValidity&&this._input.setCustomValidity(this.validity.valid?"":this.props.validationMessage||this.defaultValidationMessage.toLanguageString(p.switchValidation,p.messages[p.switchValidation]))},this.limit=(e,t,h)=>{const l=h.offsetWidth,o=t.offsetWidth;return e<0?0:e>l-o?l-o:e},this.toggle=(e,t)=>{this.setState({checked:e}),this.valueDuringOnChange=e,i.dispatchEvent(this.props.onChange,t,this,{value:e}),this.valueDuringOnChange=void 0},this._element=null,this._wrapper=null,this._input=null,this._id=this.props.id,this.defaultValidationMessage=S.provideLocalizationService(this),this.focus=()=>{this.actionElement&&this.actionElement.focus()},this.dummyInput=e=>r.createElement("input",{type:"checkbox",checked:this.props.checked,ref:t=>{this._input=t},tabIndex:-1,"aria-hidden":!0,value:e,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"},onChange:i.noop,name:this.name||void 0}),this.handleClick=e=>{this.eventTimeStamp!==e.timeStamp&&(this.eventTimeStamp=e.timeStamp,this.toggle(!this.value,e))},this.handleKeyDown=e=>{if(this.props.disabled)return;const{keyCode:t}=e;(t===i.Keys.space||t===i.Keys.enter)&&(this.toggle(!this.value,e),e.preventDefault())},this.handleWrapperFocus=e=>{if(this.props.disabled)return;this.setState({focused:!0});const{onFocus:t}=this.props;t&&t.call(void 0,e)},this.handleWrapperBlur=e=>{if(this.props.disabled)return;this.setState({focused:!1});const{onBlur:t}=this.props;t&&t.call(void 0,e)},this.state={checked:a.defaultChecked||n.defaultProps.defaultChecked,focused:!1}}get value(){return this.valueDuringOnChange!==void 0?this.valueDuringOnChange:this.props.checked!==void 0?this.props.checked:this.state.checked}get element(){return this._element}get actionElement(){return this._wrapper}get name(){return this.props.name}get validity(){const a=this.props.validationMessage!==void 0,e=this.props.valid!==void 0?this.props.valid:this.props.required?!!this.value:!0,t=this.props.valid!==void 0?this.props.valid:e;return{customError:a,valid:t,valueMissing:this.value===null}}get validityStyles(){return this.props.validityStyles!==void 0?this.props.validityStyles:n.defaultProps.validityStyles}get required(){return this.props.required!==void 0?this.props.required:!1}componentDidMount(){this.setValidity(),this.forceUpdate()}componentDidUpdate(){this.setValidity()}render(){const{focused:a}=this.state,{dir:e,disabled:t,trackRounded:h,thumbRounded:l,size:o,offLabel:m,onLabel:f,tabIndex:y}=this.props;this.dir=e||this.element&&getComputedStyle(this.element).direction||void 0;const v=!this.validityStyles||this.validity.valid,k=i.classNames("k-switch",{[`k-switch-${i.kendoThemeMaps.sizeMap[o]||o}`]:o,"k-switch-on":this.value,"k-switch-off":!this.value,"k-focus":a,"k-disabled":t,"k-invalid":!v},this.props.className),w={"aria-checked":this.value,"aria-disabled":t||void 0,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-label":this.props.ariaLabel,"aria-required":this.props.required};return r.createElement("span",{ref:u=>{this._wrapper=u},role:"switch",...w,className:k,dir:this.dir,onKeyDown:this.handleKeyDown,onClick:this.handleClick,onBlur:this.handleWrapperBlur,onFocus:this.handleWrapperFocus,tabIndex:i.getTabIndex(y,t,void 0),accessKey:this.props.accessKey,id:this.props.id||this._id},r.createElement("span",{className:i.classNames("k-switch-track",{[`k-rounded-${i.kendoThemeMaps.roundedMap[h]||h}`]:h}),ref:u=>{this._element=u}},this.dummyInput(this.value),f?r.createElement("span",{className:"k-switch-label-on"},f):"",m?r.createElement("span",{className:"k-switch-label-off"},m):""),r.createElement("span",{className:"k-switch-thumb-wrap"},r.createElement("span",{className:i.classNames("k-switch-thumb",{[`k-rounded-${i.kendoThemeMaps.roundedMap[l]||l}`]:l})})))}};n.displayName="Switch",n.propTypes={accessKey:s.string,checked:s.bool,className:s.string,disabled:s.bool,defaultChecked:s.bool,size:s.oneOf([null,"small","medium","large"]),trackRounded:s.oneOf([null,"small","medium","large","full"]),thumbRounded:s.oneOf([null,"small","medium","large","full"]),dir:s.string,id:s.string,ariaLabelledBy:s.string,ariaDescribedBy:s.string,offLabel:s.string,required:s.bool,tabIndex:s.number,valid:s.bool,validate:s.bool,validationMessage:s.string,onBlur:s.any,onChange:s.any,onFocus:s.any,onLabel:s.string},n.defaultProps={disabled:!1,defaultChecked:!1,size:"medium",trackRounded:"full",thumbRounded:"full",offLabel:"OFF",onBlur:i.noop,onFocus:i.noop,onLabel:"ON",validityStyles:!0};let c=n;const g=i.createPropsContext(),b=i.withIdHOC(i.withPropsContext(g,c));b.displayName="KendoReactSwitch";exports.Switch=b;exports.SwitchPropsContext=g;exports.SwitchWithoutContext=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react"),i=require("prop-types"),s=require("@progress/kendo-react-common"),S=require("@progress/kendo-react-intl"),u=require("../messages/index.js");function N(d){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const e in d)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(d,e);Object.defineProperty(a,e,t.get?t:{enumerable:!0,get:()=>d[e]})}}return a.default=d,Object.freeze(a)}const r=N(C),n=class n extends r.Component{constructor(a){super(a),this.setValidity=()=>{this._input&&this._input.setCustomValidity&&this._input.setCustomValidity(this.validity.valid?"":this.props.validationMessage||this.defaultValidationMessage.toLanguageString(u.switchValidation,u.messages[u.switchValidation]))},this.limit=(e,t,h)=>{const o=h.offsetWidth,l=t.offsetWidth;return e<0?0:e>o-l?o-l:e},this.toggle=(e,t)=>{this.setState({checked:e}),this.valueDuringOnChange=e,s.dispatchEvent(this.props.onChange,t,this,{value:e}),this.valueDuringOnChange=void 0},this._element=null,this._wrapper=null,this._input=null,this._id=this.props.id,this.defaultValidationMessage=S.provideLocalizationService(this),this.focus=()=>{this.actionElement&&this.actionElement.focus()},this.dummyInput=e=>r.createElement("input",{type:"checkbox",checked:this.props.checked,ref:t=>{this._input=t},tabIndex:-1,"aria-hidden":!0,value:e,style:{opacity:0,width:1,border:0,zIndex:-1,position:"absolute",left:"50%"},onChange:s.noop,name:this.name||void 0}),this.handleClick=e=>{this.eventTimeStamp!==e.timeStamp&&(this.eventTimeStamp=e.timeStamp,this.toggle(!this.value,e))},this.handleKeyDown=e=>{if(this.props.disabled)return;const{keyCode:t}=e;(t===s.Keys.space||t===s.Keys.enter)&&(this.toggle(!this.value,e),e.preventDefault())},this.handleWrapperFocus=e=>{if(this.props.disabled)return;this.setState({focused:!0});const{onFocus:t}=this.props;t&&t.call(void 0,e)},this.handleWrapperBlur=e=>{if(this.props.disabled)return;this.setState({focused:!1});const{onBlur:t}=this.props;t&&t.call(void 0,e)},this.state={checked:a.defaultChecked||n.defaultProps.defaultChecked,focused:!1}}get value(){return this.valueDuringOnChange!==void 0?this.valueDuringOnChange:this.props.checked!==void 0?this.props.checked:this.state.checked}get element(){return this._element}get actionElement(){return this._wrapper}get name(){return this.props.name}get validity(){const a=this.props.validationMessage!==void 0,e=this.props.valid!==void 0?this.props.valid:this.props.required?!!this.value:!0,t=this.props.valid!==void 0?this.props.valid:e;return{customError:a,valid:t,valueMissing:this.value===null}}get validityStyles(){return this.props.validityStyles!==void 0?this.props.validityStyles:n.defaultProps.validityStyles}get required(){return this.props.required!==void 0?this.props.required:!1}componentDidMount(){this.setValidity(),this.forceUpdate()}componentDidUpdate(){this.setValidity()}render(){const{focused:a}=this.state,{dir:e,disabled:t,trackRounded:h,thumbRounded:o,size:l,offLabel:m,onLabel:f,tabIndex:v}=this.props;this.dir=e||this.element&&getComputedStyle(this.element).direction||void 0;const y=!this.validityStyles||this.validity.valid,k=s.classNames("k-switch",{[`k-switch-${s.kendoThemeMaps.sizeMap[l]||l}`]:l,"k-switch-on":this.value,"k-switch-off":!this.value,"k-focus":a,"k-disabled":t,"k-invalid":!y},this.props.className),w={"aria-checked":this.value,"aria-disabled":t||void 0,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-label":this.props.ariaLabel,"aria-required":this.props.required};return r.createElement("span",{ref:p=>{this._wrapper=p},role:"switch",...w,className:k,dir:this.dir,onKeyDown:this.handleKeyDown,onClick:this.handleClick,onBlur:this.handleWrapperBlur,onFocus:this.handleWrapperFocus,tabIndex:s.getTabIndex(v,t,void 0),accessKey:this.props.accessKey,id:this.props.id||this._id},r.createElement("span",{className:s.classNames("k-switch-track",{[`k-rounded-${s.kendoThemeMaps.roundedMap[h]||h}`]:h}),ref:p=>{this._element=p}},this.dummyInput(this.value),f?r.createElement("span",{className:"k-switch-label-on"},f):"",m?r.createElement("span",{className:"k-switch-label-off"},m):""),r.createElement("span",{className:"k-switch-thumb-wrap"},r.createElement("span",{className:s.classNames("k-switch-thumb",{[`k-rounded-${s.kendoThemeMaps.roundedMap[o]||o}`]:o})})))}};n.displayName="Switch",n.propTypes={accessKey:i.string,checked:i.bool,className:i.string,disabled:i.bool,defaultChecked:i.bool,size:i.oneOf(["small","medium","large"]),trackRounded:i.oneOf(["small","medium","large","full"]),thumbRounded:i.oneOf(["small","medium","large","full"]),dir:i.string,id:i.string,ariaLabelledBy:i.string,ariaDescribedBy:i.string,offLabel:i.string,required:i.bool,tabIndex:i.number,valid:i.bool,validate:i.bool,validationMessage:i.string,onBlur:i.any,onChange:i.any,onFocus:i.any,onLabel:i.string},n.defaultProps={disabled:!1,defaultChecked:!1,size:void 0,trackRounded:void 0,thumbRounded:void 0,offLabel:"OFF",onBlur:s.noop,onFocus:s.noop,onLabel:"ON",validityStyles:!0};let c=n;const g=s.createPropsContext(),b=s.withIdHOC(s.withPropsContext(g,c));b.displayName="KendoReactSwitch";exports.Switch=b;exports.SwitchPropsContext=g;exports.SwitchWithoutContext=c;

package/switch/Switch.mjs

@@ -7,7 +7,7 @@
  */
 import * as s from "react";
 import t from "prop-types";
-import { dispatchEvent as C, noop as h, Keys as v, classNames as p, kendoThemeMaps as c, getTabIndex as S, createPropsContext as N, withIdHOC as D, withPropsContext as E } from "@progress/kendo-react-common";
+import { withIdHOC as C, withPropsContext as S, createPropsContext as N, dispatchEvent as D, noop as h, Keys as v, classNames as p, kendoThemeMaps as c, getTabIndex as E } from "@progress/kendo-react-common";
 import { provideLocalizationService as L } from "@progress/kendo-react-intl";
 import { switchValidation as g, messages as M } from "../messages/index.mjs";
 const a = class a extends s.Component {
@@ -19,11 +19,11 @@ const a = class a extends s.Component {
       this._input && this._input.setCustomValidity && this._input.setCustomValidity(
         this.validity.valid ? "" : this.props.validationMessage || this.defaultValidationMessage.toLanguageString(g, M[g])
       );
-    }, this.limit = (e, i, n) => {
-      const l = n.offsetWidth, o = i.offsetWidth;
-      return e < 0 ? 0 : e > l - o ? l - o : e;
+    }, this.limit = (e, i, d) => {
+      const o = d.offsetWidth, l = i.offsetWidth;
+      return e < 0 ? 0 : e > o - l ? o - l : e;
     }, this.toggle = (e, i) => {
-      this.setState({ checked: e }), this.valueDuringOnChange = e, C(this.props.onChange, i, this, { value: e }), this.valueDuringOnChange = void 0;
+      this.setState({ checked: e }), this.valueDuringOnChange = e, D(this.props.onChange, i, this, { value: e }), this.valueDuringOnChange = void 0;
     }, this._element = null, this._wrapper = null, this._input = null, this._id = this.props.id, this.defaultValidationMessage = L(this), this.focus = () => {
       this.actionElement && this.actionElement.focus();
     }, this.dummyInput = (e) => /* @__PURE__ */ s.createElement(
@@ -122,12 +122,12 @@ const a = class a extends s.Component {
    * @hidden
    */
   render() {
-    const { focused: r } = this.state, { dir: e, disabled: i, trackRounded: n, thumbRounded: l, size: o, offLabel: m, onLabel: f, tabIndex: b } = this.props;
+    const { focused: r } = this.state, { dir: e, disabled: i, trackRounded: d, thumbRounded: o, size: l, offLabel: m, onLabel: f, tabIndex: b } = this.props;
     this.dir = e || this.element && getComputedStyle(this.element).direction || void 0;
     const y = !this.validityStyles || this.validity.valid, k = p(
       "k-switch",
       {
-        [`k-switch-${c.sizeMap[o] || o}`]: o,
+        [`k-switch-${c.sizeMap[l] || l}`]: l,
         "k-switch-on": this.value,
         "k-switch-off": !this.value,
         "k-focus": r,
@@ -146,8 +146,8 @@ const a = class a extends s.Component {
     return /* @__PURE__ */ s.createElement(
       "span",
       {
-        ref: (d) => {
-          this._wrapper = d;
+        ref: (n) => {
+          this._wrapper = n;
         },
         role: "switch",
         ...w,
@@ -157,7 +157,7 @@ const a = class a extends s.Component {
         onClick: this.handleClick,
         onBlur: this.handleWrapperBlur,
         onFocus: this.handleWrapperFocus,
-        tabIndex: S(b, i, void 0),
+        tabIndex: E(b, i, void 0),
         accessKey: this.props.accessKey,
         id: this.props.id || this._id
       },
@@ -165,17 +165,24 @@ const a = class a extends s.Component {
         "span",
         {
           className: p("k-switch-track", {
-            [`k-rounded-${c.roundedMap[n] || n}`]: n
+            [`k-rounded-${c.roundedMap[d] || d}`]: d
           }),
-          ref: (d) => {
-            this._element = d;
+          ref: (n) => {
+            this._element = n;
           }
         },
         this.dummyInput(this.value),
         f ? /* @__PURE__ */ s.createElement("span", { className: "k-switch-label-on" }, f) : "",
         m ? /* @__PURE__ */ s.createElement("span", { className: "k-switch-label-off" }, m) : ""
       ),
-      /* @__PURE__ */ s.createElement("span", { className: "k-switch-thumb-wrap" }, /* @__PURE__ */ s.createElement("span", { className: p("k-switch-thumb", { [`k-rounded-${c.roundedMap[l] || l}`]: l }) }))
+      /* @__PURE__ */ s.createElement("span", { className: "k-switch-thumb-wrap" }, /* @__PURE__ */ s.createElement(
+        "span",
+        {
+          className: p("k-switch-thumb", {
+            [`k-rounded-${c.roundedMap[o] || o}`]: o
+          })
+        }
+      ))
     );
   }
 };
@@ -185,9 +192,9 @@ a.displayName = "Switch", a.propTypes = {
   className: t.string,
   disabled: t.bool,
   defaultChecked: t.bool,
-  size: t.oneOf([null, "small", "medium", "large"]),
-  trackRounded: t.oneOf([null, "small", "medium", "large", "full"]),
-  thumbRounded: t.oneOf([null, "small", "medium", "large", "full"]),
+  size: t.oneOf(["small", "medium", "large"]),
+  trackRounded: t.oneOf(["small", "medium", "large", "full"]),
+  thumbRounded: t.oneOf(["small", "medium", "large", "full"]),
   dir: t.string,
   id: t.string,
   ariaLabelledBy: t.string,
@@ -205,9 +212,9 @@ a.displayName = "Switch", a.propTypes = {
 }, a.defaultProps = {
   disabled: !1,
   defaultChecked: !1,
-  size: "medium",
-  trackRounded: "full",
-  thumbRounded: "full",
+  size: void 0,
+  trackRounded: void 0,
+  thumbRounded: void 0,
   offLabel: "OFF",
   onBlur: h,
   onFocus: h,
@@ -215,8 +222,8 @@ a.displayName = "Switch", a.propTypes = {
   validityStyles: !0
 };
 let u = a;
-const B = N(), O = D(
-  E(
+const B = N(), O = C(
+  S(
     B,
     u
   )

package/textarea/TextArea.d.ts

@@ -0,0 +1,40 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { TextAreaProps } from './interfaces/TextAreaProps.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface TextAreaHandle {
+    element: React.RefObject<HTMLTextAreaElement | null>;
+    focus: any;
+    blur: any;
+    name?: string | null;
+    value?: string;
+}
+/**
+ * Represents the PropsContext of the `TextArea` component.
+ * Used for global configuration of all `TextArea` 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 TextAreaPropsContext: React.Context<(p: TextAreaProps) => TextAreaProps>;
+/**
+ * Represents the [KendoReact TextArea component](https://www.telerik.com/kendo-react-ui/components/inputs/textarea).
+ *
+ *
+ * Accepts properties of type [TextAreaProps](https://www.telerik.com/kendo-react-ui/components/inputs/api/textareaprops).
+ *
+ * @example
+ * ```jsx
+ * const App = () => {
+ *     return <TextArea />;
+ * }
+ * ```
+ */
+export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<TextAreaHandle | null>>;

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