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

package/checkbox/Checkbox.d.ts

@@ -0,0 +1,49 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { CheckboxProps } from './interfaces/CheckboxProps.js';
+import * as React from 'react';
+/**
+ * The Checkbox ref.
+ */
+export interface CheckboxHandle {
+    /**
+     * The HTML input element of the Checkbox component.
+     */
+    element: HTMLInputElement | null;
+    /**
+     * Focuses the Checkbox component.
+     */
+    focus: any;
+    /**
+     * The value of the Checkbox component.
+     */
+    value?: string | number | string[] | boolean | null;
+    /**
+     * The name of the Checkbox component.
+     */
+    name?: string | null;
+}
+/**
+ * Represents the PropsContext of the `Checkbox` component.
+ * Used for global configuration of all `Checkbox` 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 CheckboxPropsContext: React.Context<(p: CheckboxProps) => CheckboxProps>;
+/**
+ * Represents the [KendoReact Checkbox component](https://www.telerik.com/kendo-react-ui/components/inputs/checkbox).
+ *
+ * @example
+ * ```jsx
+ * const App = () => {
+ *      return <Checkbox />;
+ * }
+ * const root = ReactDOM.createRoot(document.getElementById('app'));
+ * ```
+ */
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<CheckboxHandle | null>>;

package/checkbox/Checkbox.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ge=require("react"),e=require("prop-types"),o=require("@progress/kendo-react-common"),ye=require("@progress/kendo-react-intl"),I=require("../messages/index.js");function xe(c){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const r in c)if(r!=="default"){const m=Object.getOwnPropertyDescriptor(c,r);Object.defineProperty(d,r,m.get?m:{enumerable:!0,get:()=>c[r]})}}return d.default=c,Object.freeze(d)}const t=xe(ge),A=o.createPropsContext(),M=t.forwardRef((c,d)=>{const r=o.usePropsContext(A,c),{ariaDescribedBy:m,ariaLabelledBy:W,checked:O,className:G,labelClassName:J,children:Q,defaultChecked:X,disabled:n,defaultValue:Y,id:B,size:h=$.size,rounded:v=$.rounded,label:q,labelPlacement:z,name:Z,labelOptional:ee,onChange:C,onFocus:g,onBlur:y,tabIndex:te,value:i,required:p,valid:D,validationMessage:F,validityStyles:T,autoFocus:ae,visited:Pe,touched:Ve,modified:Ee,...ne}=r,l=t.useRef(null),K=t.useCallback(()=>{l.current&&l.current.focus()},[]),u=t.useCallback(()=>({element:l.current,focus:K,get name(){return l.current&&l.current.name}}),[K]);t.useImperativeHandle(d,u);const[oe,le]=t.useState(X),[se,ce]=t.useState(Y),R=typeof i=="boolean"||i===null,x=O!==void 0,b=R,P=b?i:se,V=x?O:b?void 0:oe,w=V===void 0&&P,j=w?P:V,k=w||b?i===null?i:void 0:i||P,re=j===null||k===null,L=o.useId(),ie=ye.useLocalization(),_=a=>ie.toLanguageString(a,I.messages[a]),H=_(I.checkboxValidation),ue=_(I.checkboxOptionalText),E=D!==void 0?D:p?!!V:!0;t.useEffect(()=>{l.current&&l.current.setCustomValidity&&l.current.setCustomValidity(E?"":F||H)},[E,F,H]);const f=t.useCallback((a,s)=>{!b&&!n&&(ce(s),!x&&!n&&le(s)),C&&!n&&o.dispatchEvent(C,a,{...u(),value:s},{value:s})},[x,n,C,b,u]),de=t.useCallback(a=>{const s=a.target.checked;f(a,s)},[f,i]),be=t.useCallback(a=>{if(n)return;const{keyCode:s}=a,Ce=a.currentTarget.checked;s===o.Keys.space&&(a.preventDefault(),a.stopPropagation(),f(a,!Ce))},[n,f]),me=t.useCallback(a=>{if(n)return;const{keyCode:s}=a;s===o.Keys.space&&a.preventDefault()},[n]),pe=t.useCallback(a=>{g&&!n&&o.dispatchEvent(g,a,u(),void 0)},[g,n,u]),ke=t.useCallback(a=>{y&&!n&&o.dispatchEvent(y,a,u(),void 0)},[y,n,u]),fe=o.useDir(l,r.dir),he=o.classNames("k-checkbox-wrap",G),U={type:"checkbox",className:o.classNames("k-checkbox",{[`k-checkbox-${o.kendoThemeMaps.sizeMap[h]||h}`]:h,[`k-rounded-${o.kendoThemeMaps.roundedMap[v]||v}`]:v,"k-indeterminate":re,"k-disabled":n,"k-invalid k-invalid":!(E||T!==void 0||T===!0)}),ref:l,name:Z,id:B||L,disabled:n,required:p!==void 0?p:!1,tabIndex:o.getTabIndex(te,n),role:"checkbox",checked:!!j,"aria-describedby":m,"aria-labelledby":W,"aria-disabled":n||void 0,"aria-required":p,autoFocus:ae,...ne,onChange:de,onKeyDown:be,onKeyUp:me,onFocus:pe,onBlur:ke},ve=k===void 0?t.createElement("input",{...U}):t.createElement("input",{...U,value:R?void 0:k===null?"":k}),N=q!==void 0?t.createElement("label",{className:o.classNames("k-checkbox-label",J),htmlFor:B||L,style:{userSelect:"none"}},q,ee&&t.createElement("span",{className:"k-label-optional"},ue)):null,S=t.createElement("span",{className:he},ve,Q);return t.createElement(t.Fragment,null,z==="before"?t.createElement("div",{dir:"rtl"},S,N):z==="after"?t.createElement("div",{dir:"ltr"},S,N):t.createElement("div",{dir:fe},S,N))});M.propTypes={checked:e.bool,className:e.string,defaultChecked:e.bool,defaultValue:e.any,dir:e.string,disabled:e.bool,id:e.string,size:e.oneOf([null,"small","medium","large"]),rounded:e.oneOf([null,"small","medium","large"]),ariaLabelledBy:e.string,ariaDescribedBy:e.string,label:e.any,labelPlacement:e.string,labelOptional:e.bool,name:e.string,tabIndex:e.number,value:e.any,validationMessage:e.string,required:e.bool,validate:e.bool,valid:e.bool,autoFocus:e.bool,onChange:e.func,onFocus:e.func,onBlur:e.func};const $={size:"medium",rounded:"medium",autoFocus:!1};M.displayName="KendoCheckbox";exports.Checkbox=M;exports.CheckboxPropsContext=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ge=require("react"),e=require("prop-types"),o=require("@progress/kendo-react-common"),ye=require("@progress/kendo-react-intl"),I=require("../messages/index.js");function xe(s){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const p=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(u,r,p.get?p:{enumerable:!0,get:()=>s[r]})}}return u.default=s,Object.freeze(u)}const t=xe(ge),A=o.createPropsContext(),M=t.forwardRef((s,u)=>{const r=o.usePropsContext(A,s),{ariaDescribedBy:p,ariaLabelledBy:W,checked:O,className:G,labelClassName:J,children:Q,defaultChecked:X,disabled:n,defaultValue:Y,id:B,size:h=$.size,rounded:v=$.rounded,label:q,labelPlacement:z,name:Z,labelOptional:ee,onChange:C,onFocus:g,onBlur:y,tabIndex:te,value:i,required:k,valid:D,validationMessage:T,validityStyles:F,autoFocus:ae,visited:Pe,touched:Ve,modified:Ee,...ne}=r,l=t.useRef(null),K=t.useCallback(()=>{l.current&&l.current.focus()},[]),d=t.useCallback(()=>({element:l.current,focus:K,get name(){return l.current&&l.current.name}}),[K]);t.useImperativeHandle(u,d);const[oe,le]=t.useState(X),[ce,se]=t.useState(Y),R=typeof i=="boolean"||i===null,x=O!==void 0,b=R,P=b?i:ce,V=x?O:b?void 0:oe,w=V===void 0&&P,j=w?P:V,m=w||b?i===null?i:void 0:i||P,re=j===null||m===null,L=o.useId(),ie=ye.useLocalization(),_=a=>ie.toLanguageString(a,I.messages[a]),H=_(I.checkboxValidation),de=_(I.checkboxOptionalText),E=D!==void 0?D:k?!!V:!0;t.useEffect(()=>{l.current&&l.current.setCustomValidity&&l.current.setCustomValidity(E?"":T||H)},[E,T,H]);const f=t.useCallback((a,c)=>{!b&&!n&&(se(c),!x&&!n&&le(c)),C&&!n&&o.dispatchEvent(C,a,{...d(),value:c},{value:c})},[x,n,C,b,d]),ue=t.useCallback(a=>{const c=a.target.checked;f(a,c)},[f,i]),be=t.useCallback(a=>{if(n)return;const{keyCode:c}=a,Ce=a.currentTarget.checked;c===o.Keys.space&&(a.preventDefault(),a.stopPropagation(),f(a,!Ce))},[n,f]),pe=t.useCallback(a=>{if(n)return;const{keyCode:c}=a;c===o.Keys.space&&a.preventDefault()},[n]),ke=t.useCallback(a=>{g&&!n&&o.dispatchEvent(g,a,d(),void 0)},[g,n,d]),me=t.useCallback(a=>{y&&!n&&o.dispatchEvent(y,a,d(),void 0)},[y,n,d]),fe=o.useDir(l,r.dir),he=o.classNames("k-checkbox-wrap",G),U={type:"checkbox",className:o.classNames("k-checkbox",{[`k-checkbox-${o.kendoThemeMaps.sizeMap[h]||h}`]:h,[`k-rounded-${o.kendoThemeMaps.roundedMap[v]||v}`]:v,"k-indeterminate":re,"k-disabled":n,"k-invalid k-invalid":!(E||F!==void 0||F===!0)}),ref:l,name:Z,id:B||L,disabled:n,required:k!==void 0?k:!1,tabIndex:o.getTabIndex(te,n),role:"checkbox",checked:!!j,"aria-describedby":p,"aria-labelledby":W,"aria-disabled":n||void 0,"aria-required":k,autoFocus:ae,...ne,onChange:ue,onKeyDown:be,onKeyUp:pe,onFocus:ke,onBlur:me},ve=m===void 0?t.createElement("input",{...U}):t.createElement("input",{...U,value:R?void 0:m===null?"":m}),N=q!==void 0?t.createElement("label",{className:o.classNames("k-checkbox-label",J),htmlFor:B||L,style:{userSelect:"none"}},q,ee&&t.createElement("span",{className:"k-label-optional"},de)):null,S=t.createElement("span",{className:he},ve,Q);return t.createElement(t.Fragment,null,z==="before"?t.createElement("div",{dir:"rtl"},S,N):z==="after"?t.createElement("div",{dir:"ltr"},S,N):t.createElement("div",{dir:fe},S,N))});M.propTypes={checked:e.bool,className:e.string,defaultChecked:e.bool,defaultValue:e.any,dir:e.string,disabled:e.bool,id:e.string,size:e.oneOf(["small","medium","large"]),rounded:e.oneOf(["small","medium","large"]),ariaLabelledBy:e.string,ariaDescribedBy:e.string,label:e.any,labelPlacement:e.string,labelOptional:e.bool,name:e.string,tabIndex:e.number,value:e.any,validationMessage:e.string,required:e.bool,validate:e.bool,valid:e.bool,autoFocus:e.bool,onChange:e.func,onFocus:e.func,onBlur:e.func};const $={size:void 0,rounded:void 0};M.displayName="KendoCheckbox";exports.Checkbox=M;exports.CheckboxPropsContext=A;

package/checkbox/Checkbox.mjs

@@ -7,11 +7,11 @@
  */
 import * as a from "react";
 import e from "prop-types";
-import { createPropsContext as ye, usePropsContext as xe, useId as Ve, dispatchEvent as V, Keys as H, useDir as Ee, classNames as E, kendoThemeMaps as U, getTabIndex as Pe } from "@progress/kendo-react-common";
+import { createPropsContext as ye, usePropsContext as xe, useId as Ve, dispatchEvent as V, Keys as H, useDir as Ee, classNames as E, getTabIndex as Pe, kendoThemeMaps as U } from "@progress/kendo-react-common";
 import { useLocalization as Be } from "@progress/kendo-react-intl";
-import { messages as Ie, checkboxValidation as Fe, checkboxOptionalText as Ne } from "../messages/index.mjs";
-const ze = ye(), A = a.forwardRef((W, j) => {
-  const P = xe(ze, W), {
+import { messages as Ie, checkboxValidation as Ne, checkboxOptionalText as ze } from "../messages/index.mjs";
+const Fe = ye(), A = a.forwardRef((W, j) => {
+  const P = xe(Fe, W), {
     ariaDescribedBy: G,
     ariaLabelledBy: J,
     checked: B,
@@ -24,8 +24,8 @@ const ze = ye(), A = a.forwardRef((W, j) => {
     id: I,
     size: b = $.size,
     rounded: m = $.rounded,
-    label: F,
-    labelPlacement: N,
+    label: N,
+    labelPlacement: z,
     name: ee,
     labelOptional: ae,
     onChange: p,
@@ -34,7 +34,7 @@ const ze = ye(), A = a.forwardRef((W, j) => {
     tabIndex: te,
     value: s,
     required: i,
-    valid: z,
+    valid: F,
     validationMessage: M,
     validityStyles: S,
     autoFocus: oe,
@@ -42,57 +42,57 @@ const ze = ye(), A = a.forwardRef((W, j) => {
     visited: Me,
     touched: Se,
     modified: De,
-    ...le
-  } = P, l = a.useRef(null), D = a.useCallback(() => {
-    l.current && l.current.focus();
+    ...ne
+  } = P, n = a.useRef(null), D = a.useCallback(() => {
+    n.current && n.current.focus();
   }, []), c = a.useCallback(
     () => ({
-      element: l.current,
+      element: n.current,
       focus: D,
       get name() {
-        return l.current && l.current.name;
+        return n.current && n.current.name;
       }
     }),
     [D]
   );
   a.useImperativeHandle(j, c);
-  const [ne, se] = a.useState(Z), [ce, re] = a.useState(_), K = typeof s == "boolean" || s === null, h = B !== void 0, r = K, v = r ? s : ce, C = h ? B : r ? void 0 : ne, T = C === void 0 && v, w = T ? v : C, d = T || r ? s === null ? s : void 0 : s || v, ie = w === null || d === null, L = Ve(), de = Be(), O = (t) => de.toLanguageString(t, Ie[t]), q = O(Fe), ue = O(Ne), g = z !== void 0 ? z : i ? !!C : !0;
+  const [le, se] = a.useState(Z), [ce, re] = a.useState(_), K = typeof s == "boolean" || s === null, h = B !== void 0, r = K, v = r ? s : ce, C = h ? B : r ? void 0 : le, T = C === void 0 && v, w = T ? v : C, d = T || r ? s === null ? s : void 0 : s || v, ie = w === null || d === null, L = Ve(), de = Be(), O = (t) => de.toLanguageString(t, Ie[t]), q = O(Ne), ue = O(ze), g = F !== void 0 ? F : i ? !!C : !0;
   a.useEffect(() => {
-    l.current && l.current.setCustomValidity && l.current.setCustomValidity(g ? "" : M || q);
+    n.current && n.current.setCustomValidity && n.current.setCustomValidity(g ? "" : M || q);
   }, [g, M, q]);
   const u = a.useCallback(
-    (t, n) => {
-      !r && !o && (re(n), !h && !o && se(n)), p && !o && V(
+    (t, l) => {
+      !r && !o && (re(l), !h && !o && se(l)), p && !o && V(
         p,
         t,
         {
           ...c(),
-          value: n
+          value: l
         },
-        { value: n }
+        { value: l }
       );
     },
     [h, o, p, r, c]
   ), be = a.useCallback(
     (t) => {
-      const n = t.target.checked;
-      u(t, n);
+      const l = t.target.checked;
+      u(t, l);
     },
     [u, s]
   ), me = a.useCallback(
     (t) => {
       if (o)
         return;
-      const { keyCode: n } = t, ge = t.currentTarget.checked;
-      n === H.space && (t.preventDefault(), t.stopPropagation(), u(t, !ge));
+      const { keyCode: l } = t, ge = t.currentTarget.checked;
+      l === H.space && (t.preventDefault(), t.stopPropagation(), u(t, !ge));
     },
     [o, u]
   ), pe = a.useCallback(
     (t) => {
       if (o)
         return;
-      const { keyCode: n } = t;
-      n === H.space && t.preventDefault();
+      const { keyCode: l } = t;
+      l === H.space && t.preventDefault();
     },
     [o]
   ), ke = a.useCallback(
@@ -105,7 +105,7 @@ const ze = ye(), A = a.forwardRef((W, j) => {
       f && !o && V(f, t, c(), void 0);
     },
     [f, o, c]
-  ), he = Ee(l, P.dir), ve = E("k-checkbox-wrap", Q), R = {
+  ), he = Ee(n, P.dir), ve = E("k-checkbox-wrap", Q), R = {
     type: "checkbox",
     className: E("k-checkbox", {
       [`k-checkbox-${U.sizeMap[b] || b}`]: b,
@@ -114,7 +114,7 @@ const ze = ye(), A = a.forwardRef((W, j) => {
       "k-disabled": o,
       "k-invalid k-invalid": !(g || S !== void 0 || S === !0)
     }),
-    ref: l,
+    ref: n,
     name: ee,
     id: I || L,
     disabled: o,
@@ -127,7 +127,7 @@ const ze = ye(), A = a.forwardRef((W, j) => {
     "aria-disabled": o || void 0,
     "aria-required": i,
     autoFocus: oe,
-    ...le,
+    ...ne,
     onChange: be,
     onKeyDown: me,
     onKeyUp: pe,
@@ -137,17 +137,17 @@ const ze = ye(), A = a.forwardRef((W, j) => {
     // removing value prop is required due to bug in react where
     // value set to undefined override default submit value
     d === void 0 ? /* @__PURE__ */ a.createElement("input", { ...R }) : /* @__PURE__ */ a.createElement("input", { ...R, value: K ? void 0 : d === null ? "" : d })
-  ), y = F !== void 0 ? /* @__PURE__ */ a.createElement(
+  ), y = N !== void 0 ? /* @__PURE__ */ a.createElement(
     "label",
     {
       className: E("k-checkbox-label", X),
       htmlFor: I || L,
       style: { userSelect: "none" }
     },
-    F,
+    N,
     ae && /* @__PURE__ */ a.createElement("span", { className: "k-label-optional" }, ue)
   ) : null, x = /* @__PURE__ */ a.createElement("span", { className: ve }, Ce, Y);
-  return /* @__PURE__ */ a.createElement(a.Fragment, null, N === "before" ? /* @__PURE__ */ a.createElement("div", { dir: "rtl" }, x, y) : N === "after" ? /* @__PURE__ */ a.createElement("div", { dir: "ltr" }, x, y) : /* @__PURE__ */ a.createElement("div", { dir: he }, x, y));
+  return /* @__PURE__ */ a.createElement(a.Fragment, null, z === "before" ? /* @__PURE__ */ a.createElement("div", { dir: "rtl" }, x, y) : z === "after" ? /* @__PURE__ */ a.createElement("div", { dir: "ltr" }, x, y) : /* @__PURE__ */ a.createElement("div", { dir: he }, x, y));
 });
 A.propTypes = {
   checked: e.bool,
@@ -157,8 +157,8 @@ A.propTypes = {
   dir: e.string,
   disabled: e.bool,
   id: e.string,
-  size: e.oneOf([null, "small", "medium", "large"]),
-  rounded: e.oneOf([null, "small", "medium", "large"]),
+  size: e.oneOf(["small", "medium", "large"]),
+  rounded: e.oneOf(["small", "medium", "large"]),
   ariaLabelledBy: e.string,
   ariaDescribedBy: e.string,
   label: e.any,
@@ -177,12 +177,11 @@ A.propTypes = {
   onBlur: e.func
 };
 const $ = {
-  size: "medium",
-  rounded: "medium",
-  autoFocus: !1
+  size: void 0,
+  rounded: void 0
 };
 A.displayName = "KendoCheckbox";
 export {
   A as Checkbox,
-  ze as CheckboxPropsContext
+  Fe as CheckboxPropsContext
 };

package/checkbox/interfaces/CheckboxBlurEvent.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 { CheckboxHandle } from './../Checkbox.js';
+import { BaseEvent } from '@progress/kendo-react-common';
+/**
+ * The arguments for the `onBlur` Checkbox event.
+ */
+export interface CheckboxBlurEvent extends BaseEvent<CheckboxHandle> {
+}

package/checkbox/interfaces/CheckboxChangeEvent.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 { CheckboxHandle } from './../Checkbox.js';
+import { BaseEvent } from '@progress/kendo-react-common';
+/**
+ * The arguments for the `onChange` Checkbox event.
+ */
+export interface CheckboxChangeEvent extends BaseEvent<CheckboxHandle> {
+    /**
+     * The new value of the Checkbox.
+     */
+    value: boolean;
+}

package/checkbox/interfaces/CheckboxFocusEvent.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 { CheckboxHandle } from './../Checkbox.js';
+import { BaseEvent } from '@progress/kendo-react-common';
+/**
+ * The arguments for the `onFocus` Checkbox event.
+ */
+export interface CheckboxFocusEvent extends BaseEvent<CheckboxHandle> {
+}

package/checkbox/interfaces/CheckboxProps.d.ts

@@ -0,0 +1,148 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ToggleBaseProps } from '../../interfaces/ToggleBaseProps.js';
+import { FormComponentProps } from '@progress/kendo-react-common';
+import { CheckboxChangeEvent } from './CheckboxChangeEvent.js';
+import { CheckboxFocusEvent } from './CheckboxFocusEvent.js';
+import { CheckboxBlurEvent } from './CheckboxBlurEvent.js';
+/**
+ * @hidden
+ */
+type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
+/**
+ * Represents the props of the [KendoReact Checkbox component](https://www.telerik.com/kendo-react-ui/components/inputs/checkbox).
+ * Extends the [native input props](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement).
+ */
+export interface CheckboxProps extends ToggleBaseProps, FormComponentProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'checked' | 'value' | 'size' | 'onChange' | 'onFocus' | 'onBlur'> {
+    /**
+     * Sets the checked state of the Checkbox.
+     * Set to null to enable the indeterminate state of the Checkbox ([see example](https://www.telerik.com/kendo-react-ui/components/inputs/checkbox)).
+     *
+     * @example
+     * ```jsx
+     * <Checkbox checked={true} />
+     * ```
+     */
+    checked?: boolean | null;
+    /**
+     * If the type is different than boolean and the `checked` property is provided it's passed to the underlying `input` element.
+     * If set to boolean and the `checked` property is omitted sets the checked state of the Checkbox.
+     * Set null to enable the indeterminate state of the Checkbox ([see example](https://www.telerik.com/kendo-react-ui/components/inputs/checkbox)).
+     */
+    value?: string | number | string[] | boolean | null;
+    /**
+     * Sets the `className` of the wrapping element of the Checkbox.
+     */
+    className?: string;
+    /**
+     * Sets the `className` of the label element of the Checkbox.
+     */
+    labelClassName?: string;
+    /**
+     * The React elements that are passed as children to the rendered component.
+     */
+    children?: any;
+    /**
+     * Sets the default value of checked attribute when used in uncontrolled mode ([see example](https://www.telerik.com/kendo-react-ui/components/inputs/switch/default-state)).
+     */
+    defaultChecked?: boolean;
+    /**
+     * The default value of the Checkbox.
+     */
+    defaultValue?: any;
+    /**
+     * Represents the `dir` HTML attribute. This is used to switch from LTR to RTL.
+     */
+    dir?: string;
+    /**
+     * Sets the disabled state of the Checkbox
+     * ([see example](https://www.telerik.com/kendo-react-ui/components/inputs/checkbox/disabled)).
+     */
+    disabled?: boolean;
+    /**
+     * Sets the `id` of the Checkbox.
+     */
+    id?: string;
+    /**
+     * Configures the `size` of the Checkbox.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - null&mdash;Does not set a size `className`.
+     *
+     * @default `medium`
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Configures the `rounded` style of the Checkbox.
+     *
+     * The available options are:
+     * - small
+     * - medium
+     * - large
+     * - null&mdash;Does not set a rounded `className`.
+     *
+     * @default `medium`
+     */
+    rounded?: 'small' | 'medium' | 'large';
+    /**
+     * 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;
+    /**
+     * Sets the label of the Checkbox component ([see example](https://www.telerik.com/kendo-react-ui/components/inputs/checkbox/labels)).
+     *
+     * @example
+     * ```jsx
+     * <Checkbox label="Accept Terms" />
+     * ```
+     */
+    label?: React.ReactNode;
+    /**
+     * Sets the label position of the Checkbox component ([see example](https://www.telerik.com/kendo-react-ui/components/inputs/checkbox/labels)).
+     *
+     * @example
+     * ```jsx
+     * <Checkbox labelPlacement="before" />
+     * ```
+     */
+    labelPlacement?: 'before' | 'after';
+    /**
+     * Sets the optional text after the label of the Checkbox component.
+     */
+    labelOptional?: boolean;
+    /**
+     * Sets the `tabIndex` property of the Checkbox.
+     * Defaults to `0`.
+     */
+    tabIndex?: number;
+    /**
+     * Represents the `autoFocus` HTML attribute that will be applied to the input element of the Checkbox. (Defaults to `false`)
+     */
+    autoFocus?: boolean;
+    /**
+     * The event handler that will be fired when the user edits the value.
+     */
+    onChange?: (event: CheckboxChangeEvent) => void;
+    /**
+     * The event handler that will be fired when Checkbox is focused.
+     */
+    onFocus?: (event: CheckboxFocusEvent) => void;
+    /**
+     * The event handler that will be fired when Checkbox is blurred.
+     */
+    onBlur?: (event: CheckboxBlurEvent) => void;
+}
+export {};

package/colors/ColorContrastLabels.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { RGBA } from './models/rgba.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface ColorContrastLabelProps {
+    bgColor: RGBA;
+    rgba: RGBA;
+}
+/**
+ * @hidden
+ */
+export declare class ColorContrastLabels extends React.Component<ColorContrastLabelProps, {}> {
+    render(): React.JSX.Element;
+}

package/colors/ColorContrastSvg.d.ts

@@ -0,0 +1,25 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { HSVA } from './models/hsva.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface ColorContrastSvgProps {
+    metrics: ClientRect | undefined;
+    backgroundColor: string;
+    hsva: HSVA;
+}
+/**
+ * @hidden
+ */
+export declare class ColorContrastSvg extends React.Component<ColorContrastSvgProps> {
+    renderSvgCurveLine(): string;
+    shouldComponentUpdate(nextProps: ColorContrastSvgProps): boolean;
+    render(): React.JSX.Element;
+}