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

package/messages/index.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
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare const speechToTextAriaLabel = "speechToTextButton.ariaLabel";
+/**
+ * @hidden
+ */
+export declare const speechToTextTitle = "speechToTextButton.title";
+/**
+ * @hidden
+ */
+export declare const messages: {
+    "speechToTextButton.ariaLabel": string;
+    "speechToTextButton.title": string;
+};

package/models/index.d.ts

@@ -0,0 +1,95 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ChipHandle } from './../Chip/Chip.js';
+import { ChipListHandle } from './../Chip/ChipList.js';
+/**
+ * Represents the return type of the ChipRemoveEvent.
+ */
+export interface ChipRemoveEvent {
+    /**
+     * The target of the ChipRemoveEvent from ChipHandle.
+     */
+    target: ChipHandle;
+    /**
+     * The event of the ChipRemoveEvent.
+     */
+    syntheticEvent: React.SyntheticEvent<any>;
+}
+/**
+ * Represents the return type of the ChipMouseEvent.
+ */
+export interface ChipMouseEvent {
+    /**
+     * The target of the ChipMouseEvent from ChipHandle.
+     */
+    target: ChipHandle;
+    /**
+     * The event of the ChipMouseEvent.
+     */
+    syntheticEvent: React.MouseEvent<any>;
+}
+/**
+ * Represents the return type of the ChipKeyboardEvent.
+ */
+export interface ChipKeyboardEvent {
+    /**
+     * The target of the ChipKeyboardEvent from ChipHandle.
+     */
+    target: ChipHandle;
+    /**
+     * The event of the ChipKeyboardEvent.
+     */
+    syntheticEvent: React.KeyboardEvent<any>;
+}
+/**
+ * Represents the return type of the ChipFocusEvent.
+ */
+export interface ChipFocusEvent {
+    /**
+     * The target of the ChipFocusEvent from ChipHandle.
+     */
+    target: ChipHandle;
+    /**
+     * The event of the ChipFocusEvent.
+     */
+    syntheticEvent: React.FocusEvent<any>;
+}
+/**
+ * Represents the return type of the ChipListDataChangeEvent.
+ */
+export interface ChipListDataChangeEvent {
+    /**
+     * Represents the new data state value.
+     */
+    value: any | any[];
+    /**
+     * The target of the ChipListChangeEvent from ChipListHandle.
+     */
+    target: ChipListHandle;
+    /**
+     * The event of the ChipListChangeEvent.
+     */
+    syntheticEvent: React.SyntheticEvent<any>;
+}
+/**
+ * Represents the return type of the ChipListChangeEvent.
+ */
+export interface ChipListChangeEvent {
+    /**
+     * Represents the new state value.
+     */
+    value: any | any[];
+    /**
+     * The target of the ChipListChangeEvent from ChipListHandle.
+     */
+    target: ChipListHandle;
+    /**
+     * The event of the ChipListChangeEvent.
+     */
+    syntheticEvent: React.SyntheticEvent<any>;
+}

package/package-metadata.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { PackageMetadata } from '@progress/kendo-licensing';
+/**
+ * @hidden
+ */
+export declare const packageMetadata: PackageMetadata;

package/package-metadata.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=Object.freeze({name:"@progress/kendo-react-buttons",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1768549850,version:"13.3.0",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-buttons",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1770287799,version:"13.4.0-develop.2",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;

package/package-metadata.mjs

@@ -1,19 +1,13 @@
+// Generated file. DO NOT EDIT.
 /**
- * @license
- *-------------------------------------------------------------------------------------------
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
- * Licensed under commercial license. See LICENSE.md in the package root for more information
- *-------------------------------------------------------------------------------------------
+ * @hidden
  */
-const e = Object.freeze({
-  name: "@progress/kendo-react-buttons",
-  productName: "KendoReact",
-  productCode: "KENDOUIREACT",
-  productCodes: ["KENDOUIREACT"],
-  publishDate: 1768549850,
-  version: "13.3.0",
-  licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
+export const packageMetadata = Object.freeze({
+    name: '@progress/kendo-react-buttons',
+    productName: 'KendoReact',
+    productCode: 'KENDOUIREACT',
+    productCodes: ['KENDOUIREACT'],
+    publishDate: 0,
+    version: '13.4.0-develop.2',
+    licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/components/my-license/'
 });
-export {
-  e as packageMetadata
-};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-buttons",
-  "version": "13.3.0",
+  "version": "13.4.0-develop.2",
   "description": "All you need in React Button in one package: disabled/enabled states, built-in styles and more. KendoReact Buttons package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -27,9 +27,9 @@
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.7.2",
     "@progress/kendo-webspeech-common": "^1.0.1",
-    "@progress/kendo-react-common": "13.3.0",
-    "@progress/kendo-react-intl": "13.3.0",
-    "@progress/kendo-react-popup": "13.3.0",
+    "@progress/kendo-react-common": "13.4.0-develop.2",
+    "@progress/kendo-react-intl": "13.4.0-develop.2",
+    "@progress/kendo-react-popup": "13.4.0-develop.2",
     "@progress/kendo-svg-icons": "^4.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
@@ -64,7 +64,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1768549850,
+      "publishDate": 1770287799,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },

package/toolbar/Toolbar.d.ts

@@ -0,0 +1,38 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ToolbarProps } from './interfaces/ToolbarProps.js';
+import { ToolbarHandle } from './interfaces/ToolbarHandle.js';
+import * as React from 'react';
+/**
+ * Represents the [KendoReact Toolbar component](https://www.telerik.com/kendo-react-ui/components/buttons/toolbar).
+ *
+ * @example
+ * ```jsx
+ * const App = () => {
+ *       return (
+ *          <Toolbar>
+ *              <ToolbarItem>
+ *                  <ButtonGroup>
+ *                      <Button togglable={true} icon="bold" />
+ *                      <Button togglable={true} icon="italic" />
+ *                      <Button togglable={true} icon="underline" />
+ *                  </ButtonGroup>
+ *              </ToolbarItem>
+ *              <ToolbarItem>
+ *                  <ButtonGroup>
+ *                      <Button icon="hyperlink">Insert Link</Button>
+ *                      <Button icon="image">Insert Image</Button>
+ *                      <Button icon="table">Insert Table</Button>
+ *                  </ButtonGroup>
+ *              </ToolbarItem>
+ *          </Toolbar>
+ *       );
+ * }
+ * ```
+ */
+export declare const Toolbar: React.ForwardRefExoticComponent<ToolbarProps & React.RefAttributes<ToolbarHandle>>;

package/toolbar/Toolbar.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 Y=require("react"),n=require("prop-types"),i=require("@progress/kendo-react-common"),Z=require("../util.js"),ee=require("./tools/ToolbarScrollable.js"),te=require("./tools/ToolbarOverflowSection.js");function oe(l){const b=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const a in l)if(a!=="default"){const y=Object.getOwnPropertyDescriptor(l,a);Object.defineProperty(b,a,y.get?y:{enumerable:!0,get:()=>l[a]})}}return b.default=l,Object.freeze(b)}const t=oe(Y),E=t.forwardRef((l,b)=>{const{children:a,className:y,id:N,ariaLabel:A,keyboardNavigation:R,role:x,onResize:B,style:D,tabIndex:P=d.tabIndex,size:h=d.size,fillMode:I=d.fillMode,overflow:u,scrollButtons:m=d.scrollButtons,scrollButtonsPosition:_=d.scrollButtonsPosition,buttonScrollSpeed:$=d.buttonScrollSpeed,prevButton:F,nextButton:G,_ariaControls:J}=l,T=t.useRef(!1),r=t.useRef(null),S=t.useRef(null),g=t.useRef(0),v=t.useRef(0),c=t.useRef([]),C=t.useRef({element:null,props:l}),[Q,U]=t.useState(!1),[z,M]=t.useState(!0),[W,K]=t.useState(!1),k=i.useDir(r,l.dir),w=t.useMemo(()=>l.buttons||Z.toolbarButtons,[l.buttons]),V=t.useMemo(()=>w.map(e=>e+":focus").join(","),[w]),q=()=>{const e=r.current&&r.current.querySelector(V);return Math.max(0,c.current.findIndex(s=>s===e))};t.useImperativeHandle(C,()=>({element:r.current,props:l})),t.useImperativeHandle(b,()=>C.current),t.useEffect(()=>(window.addEventListener("resize",H),r.current&&(v.current=r.current.offsetWidth,g.current=r.current.offsetHeight,R!==!1&&(c.current=Array.from(r.current.querySelectorAll(w.join(","))),j(0))),()=>{window.removeEventListener("resize",H),c.current.length=0}),[]),t.useEffect(()=>{if(T.current){if(!r.current||R===!1)return;c.current=Array.from(r.current.querySelectorAll(w.join(","))),j(q()),L()}else T.current=!0});const j=e=>{c.current.forEach((s,o)=>{s.tabIndex=o===e?P:-1})},X=e=>{const s=e.keyCode===i.Keys.left||e.keyCode===i.Keys.right||e.keyCode===i.Keys.home||e.keyCode===i.Keys.end,o=q();!s||e.defaultPrevented||c.current.findIndex(f=>f===e.target)===-1||(e.keyCode===i.Keys.left?O(o,o===0?c.current.length-1:o-1):O(o,o===c.current.length-1?0:o+1),e.keyCode===i.Keys.home&&O(o,0),e.keyCode===i.Keys.end&&O(o,c.current.length-1))},O=(e,s)=>{const o=c.current[s];if(o){o.tabIndex=P,o.focus();const f=c.current[e];f&&(f.tabIndex=-1)}},H=e=>{if(!r.current)return;const s=r.current.offsetWidth,o=r.current.offsetHeight;if(v.current!==s||g.current!==o){v.current=s,g.current=o;const f={offsetWidth:v.current,offsetHeight:g.current};B&&B.call(void 0,{target:C.current,...f,nativeEvent:e})}L()},L=t.useCallback(()=>{const e=S.current;e&&U(e.scrollWidth>e.clientWidth||e.scrollHeight>e.clientHeight)},[]),p=t.useCallback(()=>{const e=S.current;if(e){const s=e.scrollLeft===0,o=k!=="rtl"?e.scrollLeft+e.clientWidth===e.scrollWidth:e.clientWidth-e.scrollLeft===e.scrollWidth;s&&M(!0),o&&K(!0),!s&&!o&&(M(!1),K(!1))}},[k]);return t.useEffect(()=>{const e=S.current;if(e)return e.addEventListener("scroll",p),()=>{e.removeEventListener("scroll",p)}},[p]),t.createElement("div",{id:N,"aria-label":A,"aria-controls":J,className:i.classNames("k-toolbar",{[`k-toolbar-${i.kendoThemeMaps.sizeMap[h]||h}`]:h,[`k-toolbar-${I}`]:I,"k-toolbar-scrollable":u==="scroll","k-toolbar-scrollable-overlay":u==="scroll"&&(m==="hidden"||m===void 0),"k-toolbar-scrollable-start":u==="scroll"&&m==="hidden"&&z,"k-toolbar-scrollable-end":u==="scroll"&&m==="hidden"&&W,"k-toolbar-section":l.overflow&&u==="section"},y),style:D,role:x!==void 0?x||void 0:"toolbar",dir:k,ref:r,onKeyDown:R!==!1?X:void 0},u==="scroll"&&t.createElement(ee.ToolbarScrollable,{scrollButtons:m,scrollButtonsPosition:_,prevButton:F,nextButton:G,isOverflowing:Q,scrollContentRef:S,buttonScrollSpeed:$,dir:k,isScrollStartPosition:z,isScrollEndPosition:W,children:a}),u==="section"&&t.createElement(te.ToolbarOverflowSection,{toolbarRef:r,fillMode:I,size:h},a),(u==="none"||u===void 0)&&a)}),d={tabIndex:0,size:"medium",fillMode:"solid",scrollButtons:"auto",scrollButtonsPosition:"split",buttonScrollSpeed:100};E.displayName="KendoReactToolbar";E.propTypes={tabIndex:n.number,dir:n.string,keyboardNavigation:n.bool,style:n.object,className:n.string,role:n.string,onResize:n.func,buttons:n.arrayOf(n.string.isRequired),size:n.oneOf([null,"small","medium","large"]),fillMode:n.oneOf([null,"solid","flat","outline"]),overflow:n.oneOf(["none","section","scroll"]),scrollButtons:n.oneOf(["hidden","visible","auto"]),scrollButtonsPosition:n.oneOf(["start","end","split"]),buttonScrollSpeed:n.number};exports.Toolbar=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=require("react"),n=require("prop-types"),i=require("@progress/kendo-react-common"),Z=require("../util.js"),ee=require("./tools/ToolbarScrollable.js"),te=require("./tools/ToolbarOverflowSection.js");function oe(l){const b=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const a in l)if(a!=="default"){const y=Object.getOwnPropertyDescriptor(l,a);Object.defineProperty(b,a,y.get?y:{enumerable:!0,get:()=>l[a]})}}return b.default=l,Object.freeze(b)}const t=oe(Y),E=t.forwardRef((l,b)=>{const{children:a,className:y,id:N,ariaLabel:A,keyboardNavigation:R,role:x,onResize:B,style:D,tabIndex:P=d.tabIndex,size:h=d.size,fillMode:I=d.fillMode,overflow:u,scrollButtons:m=d.scrollButtons,scrollButtonsPosition:_=d.scrollButtonsPosition,buttonScrollSpeed:$=d.buttonScrollSpeed,prevButton:F,nextButton:G,_ariaControls:J}=l,T=t.useRef(!1),r=t.useRef(null),S=t.useRef(null),g=t.useRef(0),v=t.useRef(0),c=t.useRef([]),C=t.useRef({element:null,props:l}),[Q,U]=t.useState(!1),[z,M]=t.useState(!0),[W,K]=t.useState(!1),k=i.useDir(r,l.dir),w=t.useMemo(()=>l.buttons||Z.toolbarButtons,[l.buttons]),V=t.useMemo(()=>w.map(e=>e+":focus").join(","),[w]),q=()=>{const e=r.current&&r.current.querySelector(V);return Math.max(0,c.current.findIndex(s=>s===e))};t.useImperativeHandle(C,()=>({element:r.current,props:l})),t.useImperativeHandle(b,()=>C.current),t.useEffect(()=>(window.addEventListener("resize",H),r.current&&(v.current=r.current.offsetWidth,g.current=r.current.offsetHeight,R!==!1&&(c.current=Array.from(r.current.querySelectorAll(w.join(","))),j(0))),()=>{window.removeEventListener("resize",H),c.current.length=0}),[]),t.useEffect(()=>{if(T.current){if(!r.current||R===!1)return;c.current=Array.from(r.current.querySelectorAll(w.join(","))),j(q()),L()}else T.current=!0});const j=e=>{c.current.forEach((s,o)=>{s.tabIndex=o===e?P:-1})},X=e=>{const s=e.keyCode===i.Keys.left||e.keyCode===i.Keys.right||e.keyCode===i.Keys.home||e.keyCode===i.Keys.end,o=q();!s||e.defaultPrevented||c.current.findIndex(f=>f===e.target)===-1||(e.keyCode===i.Keys.left?O(o,o===0?c.current.length-1:o-1):O(o,o===c.current.length-1?0:o+1),e.keyCode===i.Keys.home&&O(o,0),e.keyCode===i.Keys.end&&O(o,c.current.length-1))},O=(e,s)=>{const o=c.current[s];if(o){o.tabIndex=P,o.focus();const f=c.current[e];f&&(f.tabIndex=-1)}},H=e=>{if(!r.current)return;const s=r.current.offsetWidth,o=r.current.offsetHeight;if(v.current!==s||g.current!==o){v.current=s,g.current=o;const f={offsetWidth:v.current,offsetHeight:g.current};B&&B.call(void 0,{target:C.current,...f,nativeEvent:e})}L()},L=t.useCallback(()=>{const e=S.current;e&&U(e.scrollWidth>e.clientWidth||e.scrollHeight>e.clientHeight)},[]),p=t.useCallback(()=>{const e=S.current;if(e){const s=e.scrollLeft===0,o=k!=="rtl"?e.scrollLeft+e.clientWidth===e.scrollWidth:e.clientWidth-e.scrollLeft===e.scrollWidth;s&&M(!0),o&&K(!0),!s&&!o&&(M(!1),K(!1))}},[k]);return t.useEffect(()=>{const e=S.current;if(e)return e.addEventListener("scroll",p),()=>{e.removeEventListener("scroll",p)}},[p]),t.createElement("div",{id:N,"aria-label":A,"aria-controls":J,className:i.classNames("k-toolbar",{[`k-toolbar-${i.kendoThemeMaps.sizeMap[h]||h}`]:h,[`k-toolbar-${I}`]:I,"k-toolbar-scrollable":u==="scroll","k-toolbar-scrollable-overlay":u==="scroll"&&(m==="hidden"||m===void 0),"k-toolbar-scrollable-start":u==="scroll"&&m==="hidden"&&z,"k-toolbar-scrollable-end":u==="scroll"&&m==="hidden"&&W,"k-toolbar-section":l.overflow&&u==="section"},y),style:D,role:x!==void 0?x||void 0:"toolbar",dir:k,ref:r,onKeyDown:R!==!1?X:void 0},u==="scroll"&&t.createElement(ee.ToolbarScrollable,{scrollButtons:m,scrollButtonsPosition:_,prevButton:F,nextButton:G,isOverflowing:Q,scrollContentRef:S,buttonScrollSpeed:$,dir:k,isScrollStartPosition:z,isScrollEndPosition:W,children:a}),u==="section"&&t.createElement(te.ToolbarOverflowSection,{toolbarRef:r,fillMode:I,size:h},a),(u==="none"||u===void 0)&&a)}),d={tabIndex:0,size:void 0,fillMode:void 0,scrollButtons:"auto",scrollButtonsPosition:"split",buttonScrollSpeed:100};E.displayName="KendoReactToolbar";E.propTypes={tabIndex:n.number,dir:n.string,keyboardNavigation:n.bool,style:n.object,className:n.string,role:n.string,onResize:n.func,buttons:n.arrayOf(n.string.isRequired),size:n.oneOf(["small","medium","large"]),fillMode:n.oneOf(["solid","flat","outline"]),overflow:n.oneOf(["none","section","scroll"]),scrollButtons:n.oneOf(["hidden","visible","auto"]),scrollButtonsPosition:n.oneOf(["start","end","split"]),buttonScrollSpeed:n.number};exports.Toolbar=E;

package/toolbar/Toolbar.mjs

@@ -31,7 +31,7 @@ const N = t.forwardRef((i, A) => {
     prevButton: _,
     nextButton: G,
     _ariaControls: J
-  } = i, B = t.useRef(!1), r = t.useRef(null), m = t.useRef(null), h = t.useRef(0), S = t.useRef(0), s = t.useRef([]), R = t.useRef({ element: null, props: i }), [Q, U] = t.useState(!1), [O, W] = t.useState(!0), [z, P] = t.useState(!1), y = Y(r, i.dir), g = t.useMemo(() => i.buttons || te, [i.buttons]), V = t.useMemo(() => g.map((e) => e + ":focus").join(","), [g]), M = () => {
+  } = i, B = t.useRef(!1), r = t.useRef(null), m = t.useRef(null), h = t.useRef(0), S = t.useRef(0), s = t.useRef([]), R = t.useRef({ element: null, props: i }), [Q, U] = t.useState(!1), [O, W] = t.useState(!0), [z, P] = t.useState(!1), v = Y(r, i.dir), y = t.useMemo(() => i.buttons || te, [i.buttons]), V = t.useMemo(() => y.map((e) => e + ":focus").join(","), [y]), M = () => {
     const e = r.current && r.current.querySelector(V);
     return Math.max(
       0,
@@ -45,7 +45,7 @@ const N = t.forwardRef((i, A) => {
       props: i
     })
   ), t.useImperativeHandle(A, () => R.current), t.useEffect(() => (window.addEventListener("resize", L), r.current && (S.current = r.current.offsetWidth, h.current = r.current.offsetHeight, w !== !1 && (s.current = Array.from(
-    r.current.querySelectorAll(g.join(","))
+    r.current.querySelectorAll(y.join(","))
   ), H(0))), () => {
     window.removeEventListener("resize", L), s.current.length = 0;
   }), []), t.useEffect(() => {
@@ -53,7 +53,7 @@ const N = t.forwardRef((i, A) => {
       if (!r.current || w === !1)
         return;
       s.current = Array.from(
-        r.current.querySelectorAll(g.join(","))
+        r.current.querySelectorAll(y.join(","))
       ), H(M()), T();
     } else
       B.current = !0;
@@ -64,14 +64,14 @@ const N = t.forwardRef((i, A) => {
     });
   }, X = (e) => {
     const l = e.keyCode === u.left || e.keyCode === u.right || e.keyCode === u.home || e.keyCode === u.end, o = M();
-    !l || e.defaultPrevented || s.current.findIndex((a) => a === e.target) === -1 || (e.keyCode === u.left ? v(
+    !l || e.defaultPrevented || s.current.findIndex((a) => a === e.target) === -1 || (e.keyCode === u.left ? g(
       o,
       o === 0 ? s.current.length - 1 : o - 1
-    ) : v(
+    ) : g(
       o,
       o === s.current.length - 1 ? 0 : o + 1
-    ), e.keyCode === u.home && v(o, 0), e.keyCode === u.end && v(o, s.current.length - 1));
-  }, v = (e, l) => {
+    ), e.keyCode === u.home && g(o, 0), e.keyCode === u.end && g(o, s.current.length - 1));
+  }, g = (e, l) => {
     const o = s.current[l];
     if (o) {
       o.tabIndex = E, o.focus();
@@ -96,10 +96,10 @@ const N = t.forwardRef((i, A) => {
   }, []), p = t.useCallback(() => {
     const e = m.current;
     if (e) {
-      const l = e.scrollLeft === 0, o = y !== "rtl" ? e.scrollLeft + e.clientWidth === e.scrollWidth : e.clientWidth - e.scrollLeft === e.scrollWidth;
+      const l = e.scrollLeft === 0, o = v !== "rtl" ? e.scrollLeft + e.clientWidth === e.scrollWidth : e.clientWidth - e.scrollLeft === e.scrollWidth;
       l && W(!0), o && P(!0), !l && !o && (W(!1), P(!1));
     }
-  }, [y]);
+  }, [v]);
   return t.useEffect(() => {
     const e = m.current;
     if (e)
@@ -127,7 +127,7 @@ const N = t.forwardRef((i, A) => {
       ),
       style: D,
       role: x !== void 0 ? x || void 0 : "toolbar",
-      dir: y,
+      dir: v,
       ref: r,
       onKeyDown: w !== !1 ? X : void 0
     },
@@ -141,7 +141,7 @@ const N = t.forwardRef((i, A) => {
         isOverflowing: Q,
         scrollContentRef: m,
         buttonScrollSpeed: F,
-        dir: y,
+        dir: v,
         isScrollStartPosition: O,
         isScrollEndPosition: z,
         children: k
@@ -152,8 +152,8 @@ const N = t.forwardRef((i, A) => {
   );
 }), f = {
   tabIndex: 0,
-  size: "medium",
-  fillMode: "solid",
+  size: void 0,
+  fillMode: void 0,
   scrollButtons: "auto",
   scrollButtonsPosition: "split",
   buttonScrollSpeed: 100
@@ -168,8 +168,8 @@ N.propTypes = {
   role: n.string,
   onResize: n.func,
   buttons: n.arrayOf(n.string.isRequired),
-  size: n.oneOf([null, "small", "medium", "large"]),
-  fillMode: n.oneOf([null, "solid", "flat", "outline"]),
+  size: n.oneOf(["small", "medium", "large"]),
+  fillMode: n.oneOf(["solid", "flat", "outline"]),
   overflow: n.oneOf(["none", "section", "scroll"]),
   scrollButtons: n.oneOf(["hidden", "visible", "auto"]),
   scrollButtonsPosition: n.oneOf(["start", "end", "split"]),

package/toolbar/events/ToolbarResizeEvent.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ToolbarHandle } from '../interfaces/ToolbarHandle.js';
+/**
+ * Represents the `resize` event of the Toolbar.
+ */
+export interface ToolbarResizeEvent {
+    /**
+     * An event target.
+     */
+    target: ToolbarHandle;
+    /**
+     * The `offsetWidth` event of the Toolbar.
+     */
+    offsetWidth: number;
+    /**
+     * The `offsetHeight` event of the Toolbar.
+     */
+    offsetHeight: number;
+    /**
+     * A native DOM event.
+     */
+    nativeEvent: any;
+}

package/toolbar/interfaces/ToolbarHandle.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 { ToolbarProps } from './ToolbarProps.js';
+/**
+ * Represents the Toolbar handle.
+ */
+export interface ToolbarHandle {
+    /**
+     * Represents the element of the Toolbar component.
+     */
+    element: HTMLDivElement | null;
+    /**
+     * Represents the props of the Toolbar component.
+     */
+    props: Readonly<ToolbarProps>;
+}

package/toolbar/interfaces/ToolbarOverflowProps.d.ts

@@ -0,0 +1,50 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export interface ToolbarOverflowProps {
+    /**
+     * Represents the possible overflow mode options of the Toolbar.
+     * Applicable when there is not enough space to render all tools.
+     *
+     * @default `none`
+     */
+    overflow?: 'none' | 'section' | 'scroll';
+    /**
+     * Determines the Toolbar scroll buttons visibility.
+     * Applicable when the overflow property is set to `scroll`.
+     *
+     * @default `auto`
+     */
+    scrollButtons?: 'hidden' | 'visible' | 'auto';
+    /**
+     * Determines the Toolbar scroll buttons position.
+     * Applicable when the overflow property is set to `scroll`.
+     *
+     * @default `split`
+     */
+    scrollButtonsPosition?: 'start' | 'end' | 'split';
+    /**
+     * Sets the Toolbar scroll speed in pixels when scrolling via clicking the previous or next button.
+     * Applicable when the overflow property is set to `scroll`.
+     *
+     * @default 100
+     */
+    buttonScrollSpeed?: number;
+    /**
+     * Defines the custom component that will be rendered as a previous button.
+     * To remove the button, set a function which returns null `() => null`.
+     */
+    prevButton?: React.ComponentType;
+    /**
+     * Defines the custom component that will be rendered as a next button.
+     * To remove the button, set a function which returns null `() => null`.
+     */
+    nextButton?: React.ComponentType;
+}

package/toolbar/interfaces/ToolbarProps.d.ts

@@ -0,0 +1,128 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { KendoReactComponentBaseProps } from '@progress/kendo-react-common';
+import { ToolbarOverflowProps } from './ToolbarOverflowProps.js';
+import { ToolbarResizeEvent } from '../events/ToolbarResizeEvent.js';
+import * as React from 'react';
+/**
+ * Represents the props of the [KendoReact Toolbar component](https://www.telerik.com/kendo-react-ui/components/buttons/toolbar).
+ */
+export interface ToolbarProps extends KendoReactComponentBaseProps, ToolbarOverflowProps {
+    /**
+     * Sets additional classes to the Toolbar.
+     *
+     * @example
+     * ```jsx
+     * <Toolbar className="custom-toolbar" />
+     * ```
+     */
+    className?: string;
+    /**
+     * Represents the `dir` HTML attribute.
+     *
+     * @example
+     * ```jsx
+     * <Toolbar dir="rtl" />
+     * ```
+     */
+    dir?: string;
+    /**
+     * The styles that are applied to the Toolbar.
+     *
+     * @example
+     * ```jsx
+     * <Toolbar style={{ backgroundColor: 'lightblue' }} />
+     * ```
+     */
+    style?: React.CSSProperties;
+    /**
+     * Represents the `aria-label` HTML attribute of the Toolbar component.
+     *
+     * @example
+     * ```jsx
+     * <Toolbar ariaLabel="Main toolbar" />
+     * ```
+     */
+    ariaLabel?: string;
+    /**
+     * Specifies the `tabIndex` of the Toolbar.
+     *
+     * @example
+     * ```jsx
+     * <Toolbar tabIndex={0} />
+     * ```
+     */
+    tabIndex?: number;
+    /**
+     * The `resize` event of the Toolbar.
+     *
+     * @example
+     * ```jsx
+     * <Toolbar onResize={(event) => console.log(event)} />
+     * ```
+     */
+    onResize?: (event: ToolbarResizeEvent) => void;
+    /**
+     * If set to `false`, it will turn off the built-in keyboard navigation.
+     *
+     * @example
+     * ```jsx
+     * <Toolbar keyboardNavigation={false} />
+     * ```
+     */
+    keyboardNavigation?: boolean;
+    /**
+     * @hidden
+     *
+     * The CSS selectors of the toolbar HTML elements used by built-in keyboard navigation.
+     * Each selector needs to point to a focusable element.
+     * Defaults to [
+     *  'button',
+     *  '.k-button-group > button',
+     *  '.k-dropdown > .k-dropdown-wrap',
+     *  '.k-colorpicker > .k-picker-wrap'
+     * ].
+     */
+    buttons?: string[];
+    /**
+     * Configures the `size` of the Toolbar.
+     * The available options are:
+     * - `small` - Sets the padding of the component to 4px 4px.
+     * - `medium` - Sets the padding of the component to 8px 8px.
+     * - `large` - Sets the padding of the component to 10px 10px.
+     *
+     * @default undefined (theme-controlled)
+     * @example
+     * ```jsx
+     * <Toolbar size="large" />
+     * ```
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Configures the `fillMode` of the Toolbar.
+     * The available options are:
+     * - `solid` - Applies a `background` color and `solid borders`.
+     * - `flat` - Sets a `transparent background` and `solid bottom border`.
+     * - `outline` - Sets a `transparent background` and `solid borders`.
+     *
+     * @default undefined (theme-controlled)
+     * @example
+     * ```jsx
+     * <Toolbar fillMode="flat" />
+     * ```
+     */
+    fillMode?: 'solid' | 'flat' | 'outline';
+    /**
+     * @hidden
+     */
+    role?: string;
+    /**
+     * @hidden
+     */
+    _ariaControls?: string;
+}

package/toolbar/messages/index.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare const prevArrowTitle = "prevArrow.title";
+/**
+ * @hidden
+ */
+export declare const nextArrowTitle = "nextArrow.title";
+/**
+ * @hidden
+ */
+export declare const moreButtonTitle = "moreButtonTitle.title";
+/**
+ * @hidden
+ */
+export declare const messages: {
+    "prevArrow.title": string;
+    "nextArrow.title": string;
+    "moreButtonTitle.title": string;
+};