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

package/Chip/ChipList.d.ts

@@ -0,0 +1,221 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { FormComponentProps, KendoMouse } from '@progress/kendo-react-common';
+import { ChipProps } from './Chip.js';
+import { ChipListChangeEvent, ChipListDataChangeEvent } from './../models/index.js';
+import * as React from 'react';
+/**
+ * Represents the properties of [ChipList](https://www.telerik.com/kendo-react-ui/components/buttons/api/chiplist) component.
+ */
+export interface ChipListProps extends FormComponentProps, KendoMouse<ChipListHandle, HTMLDivElement> {
+    /**
+     * Sets the `id` property of the top div element of the ChipList.
+     *
+     * @example
+     * ```jsx
+     * <ChipList id="chiplist1" />
+     * ```
+     */
+    id?: string;
+    /**
+     * Sets additional classes to the ChipList.
+     *
+     * @example
+     * ```jsx
+     * <ChipList className="custom-chiplist" />
+     * ```
+     */
+    className?: string;
+    /**
+     * Sets the `tabIndex` attribute.
+     *
+     * @example
+     * ```jsx
+     * <ChipList tabIndex={0} />
+     * ```
+     */
+    tabIndex?: number;
+    /**
+     * Sets additional CSS styles to the ChipList.
+     *
+     * @example
+     * ```jsx
+     * <ChipList style={{ margin: '10px' }} />
+     * ```
+     */
+    style?: React.CSSProperties;
+    /**
+     * Represents Chip component.
+     *
+     * @example
+     * ```jsx
+     * <ChipList chip={CustomChip} />
+     * ```
+     */
+    chip?: React.ComponentType<ChipProps>;
+    /**
+     * Represents the data about the child Chips.
+     *
+     * @example
+     * ```jsx
+     * <ChipList data={[{ text: 'Chip1' }, { text: 'Chip2' }]} />
+     * ```
+     */
+    data?: any;
+    /**
+     * Represents the default data about the child Chips.
+     *
+     * @example
+     * ```jsx
+     * <ChipList defaultData={[{ text: 'DefaultChip1' }, { text: 'DefaultChip2' }]} />
+     * ```
+     */
+    defaultData?: any[];
+    /**
+     * Fires after Chip data change.
+     *
+     * @example
+     * ```jsx
+     * <ChipList onDataChange={(event) => console.log(event.value)} />
+     * ```
+     */
+    onDataChange?: (event: ChipListDataChangeEvent) => void;
+    /**
+     * Represents the selection state of Chip component.
+     *
+     * @example
+     * ```jsx
+     * <ChipList value={[{ text: 'SelectedChip' }]} />
+     * ```
+     */
+    value?: any | any[];
+    /**
+     * Represents the default value of the selection state of Chip component.
+     *
+     * @example
+     * ```jsx
+     * <ChipList defaultValue={[{ text: 'DefaultSelectedChip' }]} />
+     * ```
+     */
+    defaultValue?: any | any[];
+    /**
+     * Fires after value change.
+     *
+     * @example
+     * ```jsx
+     * <ChipList onChange={(event) => console.log(event.value)} />
+     * ```
+     */
+    onChange?: (event: ChipListChangeEvent) => void;
+    /**
+     * Represents the selection state of Chip component.
+     *
+     * @example
+     * ```jsx
+     * <ChipList selection="multiple" />
+     * ```
+     */
+    selection?: string;
+    /**
+     * Represents the `text` field of Chip, used for the `label`.
+     *
+     * @example
+     * ```jsx
+     * <ChipList textField="name" />
+     * ```
+     */
+    textField?: string;
+    /**
+     * Represents the `value` field of Chip, used for setting the Chip `id`.
+     *
+     * @example
+     * ```jsx
+     * <ChipList valueField="id" />
+     * ```
+     */
+    valueField?: string;
+    /**
+     * Determines of ChipList is disabled.
+     *
+     * @example
+     * ```jsx
+     * <ChipList disabled={true} />
+     * ```
+     */
+    disabled?: boolean;
+    /**
+     * The ChipList direction 'ltr' as default or 'rtl'.
+     *
+     * @example
+     * ```jsx
+     * <ChipList dir="rtl" />
+     * ```
+     */
+    dir?: string;
+    /**
+     * Identifies the element(s) which 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.
+     *
+     * @example
+     * ```jsx
+     * <ChipList ariaDescribedBy="description" />
+     * ```
+     */
+    ariaDescribedBy?: string;
+    /**
+     * Identifies the element(s) which label the component.
+     *
+     * @example
+     * ```jsx
+     * <ChipList ariaLabelledBy="label" />
+     * ```
+     */
+    ariaLabelledBy?: string;
+    /**
+     * The accessible label of the component.
+     *
+     * @example
+     * ```jsx
+     * <ChipList ariaLabel="ChipList" />
+     * ```
+     */
+    ariaLabel?: string;
+    /**
+     * Configures the `size` of the ChipList.
+     *
+     * The available options are:
+     * - `small`
+     * - `medium`
+     * - `large`
+     *
+     * @default undefined (theme-controlled)
+     *
+     * @example
+     * ```jsx
+     * <ChipList size="large" />
+     * ```
+     */
+    size?: 'small' | 'medium' | 'large';
+}
+/**
+ * Represents the target(element and props) of the ChipListChangeEvent.
+ */
+export interface ChipListHandle {
+    /**
+     * The current element or `null` if there is no one.
+     */
+    element: HTMLDivElement | null;
+    /**
+     * The props values of the ChipList.
+     */
+    props: ChipListProps;
+}
+/**
+ * Represents the ChipList component.
+ */
+export declare const ChipList: React.ForwardRefExoticComponent<ChipListProps & React.RefAttributes<ChipListHandle | null>>;

package/Chip/ChipList.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("react"),t=require("prop-types"),p=require("@progress/kendo-react-common"),X=require("./selection-reducer.js"),Y=require("./focus-reducer.js"),Z=require("./data-reducer.js"),S=require("./Chip.js"),D=require("./chip-list-contexts.js");function V(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(i,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return i.default=e,Object.freeze(i)}const a=V(W),ee=(e,i,n)=>{i.selection==="multiple"?Array.isArray(e)||(e=e?[e]:null):i.selection==="single"&&Array.isArray(e)&&(e=e?e.join(""):null);const[l,o]=a.useState(e);return[l,c=>{const u=X.selectionReducer(i.state||l,{...c,...i});n&&n(u,c.event),i.selection!=="none"&&o(u)}]},te=e=>{const[i,n]=a.useState(null);return[i,o=>{const h=Y.focusReducer(o.payload,{...o,...e});n(h)}]},ae=(e,i,n)=>{const[l,o]=a.useState(e);return[l,c=>{const u=Z.dataReducer(i.state||l,{...c,...i});n&&n(u,c.event),o(u)}]},x=a.forwardRef((e,i)=>{const n=a.useRef(null),l=a.useRef(null),{id:o,style:h,tabIndex:c,className:u,ariaDescribedBy:T,ariaLabelledBy:q,ariaLabel:j,value:b,defaultData:z=r.defaultData,chip:R=r.chip,disabled:y=r.disabled,size:m=r.size,defaultValue:E=r.defaultValue,selection:O=r.selection,valueField:f=r.valueField,textField:F=r.textField,dir:N=r.dir,onChange:C,onDataChange:g}=e,L=p.useDir(l,N),w=a.useMemo(()=>R||S.Chip,[R,S.Chip]);a.useImperativeHandle(n,()=>({element:l.current,props:e})),a.useImperativeHandle(i,()=>n.current);const A=a.useCallback((s,d)=>{C&&n.current&&C.call(void 0,{value:s,target:n.current,syntheticEvent:d})},[C]),[k,B]=ee(b||E,{selection:O,state:b},A),_=a.useCallback((s,d)=>{g&&n.current&&g.call(void 0,{value:s,target:n.current,syntheticEvent:d})},[g]),[I,G]=ae(e.data||z,{state:e.data,valueField:f},_),M=a.useCallback((s,d)=>(s.push(d[f]),s),[f]),v=a.useMemo(()=>e.data||I,[e.data,I]),H=a.useMemo(()=>b||k,[b,k]),K=a.useMemo(()=>v.reduce(M,[]),[v,M]),P=a.useCallback(s=>p.getter(f)(s),[f]),$=a.useCallback(s=>p.getter(F)(s),[F]),[J,Q]=te({items:K}),U=p.useMouse(e,n);return a.createElement(D.ChipListSelectionContext.Provider,{value:[H,B]},a.createElement(D.ChipListFocusContext.Provider,{value:[J,Q]},a.createElement(D.ChipListDataContext.Provider,{value:[v,G]},a.createElement("div",{ref:l,...U,role:y?void 0:"listbox",id:o,dir:L,style:h,tabIndex:p.getTabIndex(c,y,void 0),className:p.classNames("k-chip-list",{"k-rtl":L==="rtl","k-disabled":y,[`k-chip-list-${p.kendoThemeMaps.sizeMap[m]||m}`]:m},u),"aria-label":j,"aria-labelledby":q,"aria-describedby":T,"aria-orientation":"horizontal","aria-multiselectable":O==="multiple"},v.map((s,d)=>a.createElement(w,{role:"option",dataItem:s,size:m,key:[P(s),d].join("-"),text:$(s),value:P(s),ariaLabel:s.ariaLabel,svgIcon:s.svgIcon||void 0}))))))}),ne={id:t.string,className:t.string,tabIndex:t.number,data:t.any,defaultData:t.arrayOf(t.any),onDataChange:t.func,value:t.oneOfType([t.any,t.arrayOf(t.any)]),defaultValue:t.oneOfType([t.any,t.arrayOf(t.any)]),onChange:t.func,selection:t.oneOf(["single","none","multiple"]),textField:t.string,valueField:t.string,disabled:t.bool,dir:t.oneOf(["ltr","rtl"]),ariaLabelledBy:t.string,ariaDescribedBy:t.string,size:t.oneOf([null,"small","medium","large"])},r={chip:S.Chip,size:"medium",disabled:!1,defaultValue:null,defaultData:[],dir:"ltr",selection:"none",textField:"text",valueField:"value",removable:"removable"};x.displayName="KendoReactChipList";x.propTypes=ne;exports.ChipList=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("react"),t=require("prop-types"),p=require("@progress/kendo-react-common"),X=require("./selection-reducer.js"),Y=require("./focus-reducer.js"),Z=require("./data-reducer.js"),S=require("./Chip.js"),D=require("./chip-list-contexts.js");function V(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const l=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(i,n,l.get?l:{enumerable:!0,get:()=>e[n]})}}return i.default=e,Object.freeze(i)}const a=V(W),ee=(e,i,n)=>{i.selection==="multiple"?Array.isArray(e)||(e=e?[e]:null):i.selection==="single"&&Array.isArray(e)&&(e=e?e.join(""):null);const[l,o]=a.useState(e);return[l,c=>{const u=X.selectionReducer(i.state||l,{...c,...i});n&&n(u,c.event),i.selection!=="none"&&o(u)}]},te=e=>{const[i,n]=a.useState(null);return[i,o=>{const h=Y.focusReducer(o.payload,{...o,...e});n(h)}]},ae=(e,i,n)=>{const[l,o]=a.useState(e);return[l,c=>{const u=Z.dataReducer(i.state||l,{...c,...i});n&&n(u,c.event),o(u)}]},x=a.forwardRef((e,i)=>{const n=a.useRef(null),l=a.useRef(null),{id:o,style:h,tabIndex:c,className:u,ariaDescribedBy:T,ariaLabelledBy:q,ariaLabel:j,value:b,defaultData:z=r.defaultData,chip:R=r.chip,disabled:v=r.disabled,size:y=r.size,defaultValue:E=r.defaultValue,selection:O=r.selection,valueField:f=r.valueField,textField:F=r.textField,dir:N=r.dir,onChange:C,onDataChange:g}=e,L=p.useDir(l,N),w=a.useMemo(()=>R||S.Chip,[R,S.Chip]);a.useImperativeHandle(n,()=>({element:l.current,props:e})),a.useImperativeHandle(i,()=>n.current);const A=a.useCallback((s,d)=>{C&&n.current&&C.call(void 0,{value:s,target:n.current,syntheticEvent:d})},[C]),[k,B]=ee(b||E,{selection:O,state:b},A),_=a.useCallback((s,d)=>{g&&n.current&&g.call(void 0,{value:s,target:n.current,syntheticEvent:d})},[g]),[I,G]=ae(e.data||z,{state:e.data,valueField:f},_),M=a.useCallback((s,d)=>(s.push(d[f]),s),[f]),m=a.useMemo(()=>e.data||I,[e.data,I]),H=a.useMemo(()=>b||k,[b,k]),K=a.useMemo(()=>m.reduce(M,[]),[m,M]),P=a.useCallback(s=>p.getter(f)(s),[f]),$=a.useCallback(s=>p.getter(F)(s),[F]),[J,Q]=te({items:K}),U=p.useMouse(e,n);return a.createElement(D.ChipListSelectionContext.Provider,{value:[H,B]},a.createElement(D.ChipListFocusContext.Provider,{value:[J,Q]},a.createElement(D.ChipListDataContext.Provider,{value:[m,G]},a.createElement("div",{ref:l,...U,role:v?void 0:"listbox",id:o,dir:L,style:h,tabIndex:p.getTabIndex(c,v,void 0),className:p.classNames("k-chip-list",{"k-rtl":L==="rtl","k-disabled":v,[`k-chip-list-${p.kendoThemeMaps.sizeMap[y]||y}`]:y},u),"aria-label":j,"aria-labelledby":q,"aria-describedby":T,"aria-orientation":"horizontal","aria-multiselectable":O==="multiple"},m.map((s,d)=>a.createElement(w,{role:"option",dataItem:s,size:y,key:[P(s),d].join("-"),text:$(s),value:P(s),ariaLabel:s.ariaLabel,svgIcon:s.svgIcon||void 0}))))))}),ne={id:t.string,className:t.string,tabIndex:t.number,data:t.any,defaultData:t.arrayOf(t.any),onDataChange:t.func,value:t.oneOfType([t.any,t.arrayOf(t.any)]),defaultValue:t.oneOfType([t.any,t.arrayOf(t.any)]),onChange:t.func,selection:t.oneOf(["single","none","multiple"]),textField:t.string,valueField:t.string,disabled:t.bool,dir:t.oneOf(["ltr","rtl"]),ariaLabelledBy:t.string,ariaDescribedBy:t.string,size:t.oneOf(["small","medium","large"])},r={chip:S.Chip,size:void 0,disabled:!1,defaultValue:null,defaultData:[],dir:"ltr",selection:"none",textField:"text",valueField:"value"};x.displayName="KendoReactChipList";x.propTypes=ne;exports.ChipList=x;

package/Chip/ChipList.mjs

@@ -7,7 +7,7 @@
  */
 import * as t from "react";
 import e from "prop-types";
-import { useDir as W, getter as O, useMouse as X, getTabIndex as Y, classNames as Z, kendoThemeMaps as _ } from "@progress/kendo-react-common";
+import { useDir as W, getter as O, useMouse as X, classNames as Y, getTabIndex as Z, kendoThemeMaps as _ } from "@progress/kendo-react-common";
 import { selectionReducer as V } from "./selection-reducer.mjs";
 import { focusReducer as ee } from "./focus-reducer.mjs";
 import { dataReducer as te } from "./data-reducer.mjs";
@@ -15,43 +15,43 @@ import { Chip as D } from "./Chip.mjs";
 import { ChipListSelectionContext as ae, ChipListFocusContext as ne, ChipListDataContext as se } from "./chip-list-contexts.mjs";
 const ie = (a, i, s) => {
   i.selection === "multiple" ? Array.isArray(a) || (a = a ? [a] : null) : i.selection === "single" && Array.isArray(a) && (a = a ? a.join("") : null);
-  const [l, o] = t.useState(a);
+  const [l, r] = t.useState(a);
   return [l, (c) => {
     const d = V(i.state || l, { ...c, ...i });
-    s && s(d, c.event), i.selection !== "none" && o(d);
+    s && s(d, c.event), i.selection !== "none" && r(d);
   }];
 }, le = (a) => {
   const [i, s] = t.useState(null);
-  return [i, (o) => {
-    const m = ee(o.payload, { ...o, ...a });
-    s(m);
+  return [i, (r) => {
+    const p = ee(r.payload, { ...r, ...a });
+    s(p);
   }];
-}, re = (a, i, s) => {
-  const [l, o] = t.useState(a);
+}, oe = (a, i, s) => {
+  const [l, r] = t.useState(a);
   return [l, (c) => {
     const d = te(i.state || l, { ...c, ...i });
-    s && s(d, c.event), o(d);
+    s && s(d, c.event), r(d);
   }];
 }, E = t.forwardRef((a, i) => {
   const s = t.useRef(null), l = t.useRef(null), {
-    id: o,
-    style: m,
+    id: r,
+    style: p,
     tabIndex: c,
     className: d,
     ariaDescribedBy: M,
     ariaLabelledBy: T,
     ariaLabel: z,
     value: h,
-    defaultData: P = r.defaultData,
-    chip: g = r.chip,
-    disabled: b = r.disabled,
-    size: f = r.size,
-    defaultValue: N = r.defaultValue,
-    selection: x = r.selection,
-    valueField: p = r.valueField,
-    textField: S = r.textField,
-    dir: w = r.dir,
-    onChange: y,
+    defaultData: P = o.defaultData,
+    chip: g = o.chip,
+    disabled: y = o.disabled,
+    size: f = o.size,
+    defaultValue: N = o.defaultValue,
+    selection: x = o.selection,
+    valueField: m = o.valueField,
+    textField: S = o.textField,
+    dir: w = o.dir,
+    onChange: b,
     onDataChange: C
   } = a, F = W(l, w), A = t.useMemo(() => g || D, [g, D]);
   t.useImperativeHandle(s, () => ({
@@ -60,13 +60,13 @@ const ie = (a, i, s) => {
   })), t.useImperativeHandle(i, () => s.current);
   const B = t.useCallback(
     (n, u) => {
-      y && s.current && y.call(void 0, {
+      b && s.current && b.call(void 0, {
         value: n,
         target: s.current,
         syntheticEvent: u
       });
     },
-    [y]
+    [b]
   ), [L, j] = ie(
     h || N,
     {
@@ -83,32 +83,32 @@ const ie = (a, i, s) => {
       });
     },
     [C]
-  ), [I, H] = re(
+  ), [I, H] = oe(
     a.data || P,
     {
       state: a.data,
-      valueField: p
+      valueField: m
     },
     G
   ), R = t.useCallback(
-    (n, u) => (n.push(u[p]), n),
-    [p]
-  ), v = t.useMemo(() => a.data || I, [a.data, I]), K = t.useMemo(() => h || L, [h, L]), $ = t.useMemo(() => v.reduce(R, []), [v, R]), k = t.useCallback((n) => O(p)(n), [p]), q = t.useCallback((n) => O(S)(n), [S]), [J, Q] = le({ items: $ }), U = X(a, s);
+    (n, u) => (n.push(u[m]), n),
+    [m]
+  ), v = t.useMemo(() => a.data || I, [a.data, I]), K = t.useMemo(() => h || L, [h, L]), $ = t.useMemo(() => v.reduce(R, []), [v, R]), k = t.useCallback((n) => O(m)(n), [m]), q = t.useCallback((n) => O(S)(n), [S]), [J, Q] = le({ items: $ }), U = X(a, s);
   return /* @__PURE__ */ t.createElement(ae.Provider, { value: [K, j] }, /* @__PURE__ */ t.createElement(ne.Provider, { value: [J, Q] }, /* @__PURE__ */ t.createElement(se.Provider, { value: [v, H] }, /* @__PURE__ */ t.createElement(
     "div",
     {
       ref: l,
       ...U,
-      role: b ? void 0 : "listbox",
-      id: o,
+      role: y ? void 0 : "listbox",
+      id: r,
       dir: F,
-      style: m,
-      tabIndex: Y(c, b, void 0),
-      className: Z(
+      style: p,
+      tabIndex: Z(c, y, void 0),
+      className: Y(
         "k-chip-list",
         {
           "k-rtl": F === "rtl",
-          "k-disabled": b,
+          "k-disabled": y,
           [`k-chip-list-${_.sizeMap[f] || f}`]: f
         },
         d
@@ -133,7 +133,7 @@ const ie = (a, i, s) => {
       }
     ))
   ))));
-}), oe = {
+}), re = {
   id: e.string,
   className: e.string,
   tabIndex: e.number,
@@ -150,21 +150,20 @@ const ie = (a, i, s) => {
   dir: e.oneOf(["ltr", "rtl"]),
   ariaLabelledBy: e.string,
   ariaDescribedBy: e.string,
-  size: e.oneOf([null, "small", "medium", "large"])
-}, r = {
+  size: e.oneOf(["small", "medium", "large"])
+}, o = {
   chip: D,
-  size: "medium",
+  size: void 0,
   disabled: !1,
   defaultValue: null,
   defaultData: [],
   dir: "ltr",
   selection: "none",
   textField: "text",
-  valueField: "value",
-  removable: "removable"
+  valueField: "value"
 };
 E.displayName = "KendoReactChipList";
-E.propTypes = oe;
+E.propTypes = re;
 export {
   E as ChipList
 };

package/Chip/chip-list-contexts.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @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 React } from 'react';
+/**
+ * @hidden
+ */
+export declare const ChipListSelectionContext: React.Context<[string | string[] | null, Function]>;
+/**
+ * @hidden
+ */
+export declare const ChipListFocusContext: React.Context<[string | string[] | null, Function]>;
+/**
+ * @hidden
+ */
+export declare const ChipListDataContext: React.Context<[string | null, Function]>;

package/Chip/data-reducer.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 * as React from 'react';
+/**
+ * @hidden
+ */
+export declare enum CHIP_DATA_ACTION {
+    remove = "remove",
+    add = "add",
+    reorder = "reorder"
+}
+/**
+ * @hidden
+ */
+export type DataAction = {
+    type: CHIP_DATA_ACTION;
+    payload?: any;
+    valueField: string;
+    event?: React.SyntheticEvent<any>;
+};
+/**
+ * @hidden
+ */
+export declare const dataReducer: (state: any, action: DataAction) => any;

package/Chip/focus-reducer.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @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 enum FOCUS_ACTION {
+    next = "next",
+    prev = "prev",
+    current = "current",
+    reset = "reset"
+}
+/**
+ * @hidden
+ */
+export type FocusAction = {
+    type: FOCUS_ACTION;
+    payload: string;
+    items: string[];
+    target?: any;
+    event?: React.SyntheticEvent<any>;
+    state?: any;
+};
+/**
+ * @hidden
+ */
+export declare const focusReducer: (state: any, action: FocusAction) => any;

package/Chip/selection-reducer.d.ts

@@ -0,0 +1,37 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export declare enum SELECTION_TYPE {
+    single = "single",
+    multiple = "multiple",
+    none = "none"
+}
+/**
+ * @hidden
+ */
+export declare enum SELECTION_ACTION {
+    toggle = "toggle",
+    remove = "remove"
+}
+/**
+ * @hidden
+ */
+export type SelectionAction = {
+    type?: SELECTION_ACTION;
+    selection: SELECTION_TYPE;
+    payload?: string;
+    event?: React.SyntheticEvent<any>;
+    state?: any;
+};
+/**
+ * @hidden
+ */
+export declare const selectionReducer: (state: any, action: SelectionAction) => any;

package/FloatingActionButton/FloatingActionButton.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { FloatingActionButtonHandle } from './interfaces/FloatingActionButtonHandle.js';
+import { FloatingActionButtonProps } from './interfaces/FloatingActionButtonProps.js';
+import * as React from 'react';
+/**
+ * Represents the [KendoReact FloatingActionButton component](https://www.telerik.com/kendo-react-ui/components/buttons/floatingactionbutton).
+ *
+ * @example
+ * ```jsx
+ * const App = () => {
+ *   return (
+ *     <FloatingActionButton icon="plus" text="Create"/>
+ *   );
+ * };
+ * ```
+ */
+export declare const FloatingActionButton: React.ForwardRefExoticComponent<FloatingActionButtonProps & React.RefAttributes<FloatingActionButtonHandle | null>>;

package/FloatingActionButton/FloatingActionButton.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 ye=require("react"),o=require("prop-types"),n=require("@progress/kendo-react-common"),he=require("./FloatingActionButtonItem.js"),O=require("./utils.js"),Ce=require("@progress/kendo-react-popup");function ve(d){const g=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const r in d)if(r!=="default"){const k=Object.getOwnPropertyDescriptor(d,r);Object.defineProperty(g,r,k.get?k:{enumerable:!0,get:()=>d[r]})}}return g.default=d,Object.freeze(g)}const t=ve(ye),Ie=2,Ee=100,M=t.forwardRef((d,g)=>{const{align:r=C.align,alignOffset:k,className:q,disabled:f,icon:R,svgIcon:w,iconClass:$,id:j,items:a,item:ee,text:v,positionMode:A=C.positionMode,size:I=C.size,style:te,rounded:E=C.rounded,themeColor:F=C.themeColor,overlayStyle:ne,tabIndex:oe,accessKey:se,popupSettings:D={},modal:ae,onClick:P,onItemClick:_,onFocus:S,onBlur:W,onKeyDown:Z,onOpen:H,onClose:L,...le}=d,X=n.useZIndexContext(),U=X?X+Ie:Ee,G=t.useRef(null),i=t.useRef(null),ie=t.useRef(null),re=t.useRef(null),J=t.useCallback(()=>{i.current&&i.current.focus()},[]),p=t.useCallback(()=>({element:i.current,focus:J}),[J]);t.useImperativeHandle(G,p),t.useImperativeHandle(g,()=>G.current);const[c,u]=t.useState(!1),[x,m]=t.useState(!1),[y,l]=t.useState(-1),ce=n.useId()+"-button-id",T=n.useDir(i,d.dir),h=T==="rtl",N=n.useId()+"-list-id";t.useEffect(()=>{O.position(i,r,k,h)},[i,r,k,h]),t.useEffect(()=>{x&&i&&i.current&&i.current.focus()},[x,i]);const b=t.useCallback((e,s)=>{a&&n.dispatchEvent(s?H:L,e,p(),void 0)},[H,L,a]),Q=t.useCallback(e=>{!e.target||f||(!a&&P?n.dispatchEvent(P,e,p(),void 0):(u(!c),m(!0),l(c?-1:0),b(e,!c)))},[u,m,l,P,b,c,a,f]),ue=t.useCallback(e=>{m(!0),l(c?0:-1),S&&n.dispatchEvent(S,e,p(),void 0)},[S,m,l]),de=t.useCallback(e=>{m(!1),u(!1),l(-1),n.dispatchEvent(W,e,p(),void 0),c&&b(e,!1)},[W,m,u,l,b]),fe=t.useCallback(e=>{e.preventDefault()},[]),z=t.useCallback((e,s)=>{a&&(a[s].disabled||n.dispatchEvent(_,e,p(),{itemProps:a[s],itemIndex:s}))},[_]),pe=t.useCallback((e,s)=>{!e.target||!a||(l(s),u(!1),z(e,s),b(e,!1))},[l,u,z,b]),me=t.useCallback(e=>{n.getActiveElement(document)===i.current&&e.preventDefault()},[i]),be=t.useCallback(e=>{const s=y,B=a?a.length:-1;if(e.altKey){!c&&e.keyCode===n.Keys.down&&(e.preventDefault(),u(!0),l(0)),c&&e.keyCode===n.Keys.up&&(e.preventDefault(),u(!1),l(-1));return}switch(e.keyCode){case n.Keys.enter:case n.Keys.space:s>=0&&z(e,s),a||Q(e),e.preventDefault(),u(!c),l(c?-1:0);break;case n.Keys.esc:e.preventDefault(),u(!1),l(-1);break;case n.Keys.home:e.preventDefault(),l(0);break;case n.Keys.end:e.preventDefault(),l(B-1);break;case n.Keys.down:case n.Keys.right:e.preventDefault(),l(s+1>=B?0:s+1);break;case n.Keys.up:case n.Keys.left:e.preventDefault(),l(s-1<0?B-1:s-1);break}n.dispatchEvent(Z,e,p(),void 0)},[Z,y,l,h,u]),ge=t.useMemo(()=>n.classNames("k-fab k-fab-solid",{"k-fab-sm":I==="small","k-fab-md":I==="medium","k-fab-lg":I==="large","k-disabled":f,"k-pos-absolute":A==="absolute","k-pos-fixed":A==="fixed","k-focus":x,[`k-rounded-${n.kendoThemeMaps.roundedMap[E]||E}`]:E,[`k-fab-solid-${F}`]:F},`k-${r.vertical}-${r.horizontal}`,q),[F,I,E,f,A,r,x,q]),ke=a&&a.map((e,s)=>t.createElement(he.FloatingActionButtonItem,{...e,key:s,index:s,id:`${N}-${s}`,disabled:f||e.disabled,focused:y===s,dataItem:e,item:ee,className:n.classNames(e.className,O.getTextDirectionClass(T||"ltr",r.horizontal)),onClick:pe,onDown:me})),V=!!((R||w)&&!v),Y=(i.current?i.current.offsetWidth:0)/2-32/2;let K;return R||w?K=t.createElement(n.IconWrap,{className:"k-fab-icon",name:R,icon:w}):$?K=t.createElement("span",{role:"presentation",className:$}):K=null,t.createElement(n.ZIndexContext.Provider,{value:U},t.createElement(t.Fragment,null,t.createElement("button",{ref:i,id:j||ce,role:"button",type:"button","aria-disabled":f,"aria-expanded":a?c:void 0,"aria-haspopup":!!a,"aria-label":`${v||""} floatingactionbutton`,"aria-owns":a?N:void 0,"aria-activedescendant":y>=0&&a?`${N}-${y}`:void 0,tabIndex:n.getTabIndex(oe,f),accessKey:se,dir:T,disabled:f,className:ge,style:te,onClick:Q,onMouseDown:fe,onFocus:ue,onBlur:de,onKeyDown:be,...le},K,v&&t.createElement("span",{className:"k-fab-text"},v)),ae&&c&&t.createElement("div",{className:"k-overlay",style:{zIndex:U,...ne}}),t.createElement(Ce.Popup,{ref:re,anchor:i.current,show:c,animate:D.animate,popupClass:n.classNames("k-popup-transparent k-fab-popup",D.popupClass),anchorAlign:D.anchorAlign||O.getAnchorAlign(r,h),popupAlign:D.popupAlign||O.getPopupAlign(r,h),style:{boxShadow:"none"}},t.createElement("ul",{ref:ie,role:"menu","aria-labelledby":j,id:N,className:n.classNames("k-fab-items",{"k-fab-items-bottom":r.vertical!=="bottom","k-fab-items-top":r.vertical==="bottom"}),style:{paddingLeft:V?Y:void 0,paddingRight:V?Y:void 0}},ke))))});M.propTypes={className:o.string,style:o.object,id:o.string,dir:o.string,tabIndex:o.number,accessKey:o.string,disabled:o.bool,icon:o.string,svgIcon:n.svgIconPropType,iconClass:o.string,text:o.string,alignOffset:o.shape({x:o.oneOfType([o.number,o.string]).isRequired,y:o.oneOfType([o.number,o.string]).isRequired}),align:o.shape({vertical:o.oneOf(["top","middle","bottom"]).isRequired,horizontal:o.oneOf(["start","center","end"]).isRequired}),positionMode:o.oneOf(["absolute","fixed"]),size:o.oneOf([null,"small","medium","large"]),rounded:o.oneOf([null,"small","medium","large","full"]),themeColor:o.oneOf([null,"primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"]),modal:o.bool,overlayStyle:o.object};const C={align:{vertical:"bottom",horizontal:"end"},size:"medium",rounded:"full",themeColor:"primary",positionMode:"fixed"};M.displayName="KendoFloatingActionButton";exports.FloatingActionButton=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const ye=require("react"),s=require("prop-types"),o=require("@progress/kendo-react-common"),he=require("./FloatingActionButtonItem.js"),R=require("./utils.js"),ve=require("@progress/kendo-react-popup");function Ce(d){const g=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(d){for(const r in d)if(r!=="default"){const k=Object.getOwnPropertyDescriptor(d,r);Object.defineProperty(g,r,k.get?k:{enumerable:!0,get:()=>d[r]})}}return g.default=d,Object.freeze(g)}const t=Ce(ye),Ie=2,Ee=100,M=t.forwardRef((d,g)=>{const{align:r=v.align,alignOffset:k,className:q,disabled:f,icon:w,svgIcon:A,iconClass:$,id:j,items:a,item:ee,text:C,positionMode:F=v.positionMode,size:I=v.size,style:te,rounded:E=v.rounded,themeColor:D=v.themeColor,overlayStyle:oe,tabIndex:se,accessKey:ne,popupSettings:x={},modal:ae,onClick:P,onItemClick:_,onFocus:S,onBlur:W,onKeyDown:Z,onOpen:H,onClose:L,...le}=d,X=o.useZIndexContext(),U=X?X+Ie:Ee,G=t.useRef(null),i=t.useRef(null),ie=t.useRef(null),re=t.useRef(null),J=t.useCallback(()=>{i.current&&i.current.focus()},[]),p=t.useCallback(()=>({element:i.current,focus:J}),[J]);t.useImperativeHandle(G,p),t.useImperativeHandle(g,()=>G.current);const[c,u]=t.useState(!1),[N,m]=t.useState(!1),[y,l]=t.useState(-1),ce=o.useId()+"-button-id",T=o.useDir(i,d.dir),h=T==="rtl",K=o.useId()+"-list-id";t.useEffect(()=>{R.position(i,r,k,h)},[i,r,k,h]),t.useEffect(()=>{N&&i&&i.current&&i.current.focus()},[N,i]);const b=t.useCallback((e,n)=>{a&&o.dispatchEvent(n?H:L,e,p(),void 0)},[H,L,a]),Q=t.useCallback(e=>{!e.target||f||(!a&&P?o.dispatchEvent(P,e,p(),void 0):(u(!c),m(!0),l(c?-1:0),b(e,!c)))},[u,m,l,P,b,c,a,f]),ue=t.useCallback(e=>{m(!0),l(c?0:-1),S&&o.dispatchEvent(S,e,p(),void 0)},[S,m,l]),de=t.useCallback(e=>{m(!1),u(!1),l(-1),o.dispatchEvent(W,e,p(),void 0),c&&b(e,!1)},[W,m,u,l,b]),fe=t.useCallback(e=>{e.preventDefault()},[]),z=t.useCallback((e,n)=>{a&&(a[n].disabled||o.dispatchEvent(_,e,p(),{itemProps:a[n],itemIndex:n}))},[_]),pe=t.useCallback((e,n)=>{!e.target||!a||(l(n),u(!1),z(e,n),b(e,!1))},[l,u,z,b]),me=t.useCallback(e=>{o.getActiveElement(document)===i.current&&e.preventDefault()},[i]),be=t.useCallback(e=>{const n=y,B=a?a.length:-1;if(e.altKey){!c&&e.keyCode===o.Keys.down&&(e.preventDefault(),u(!0),l(0)),c&&e.keyCode===o.Keys.up&&(e.preventDefault(),u(!1),l(-1));return}switch(e.keyCode){case o.Keys.enter:case o.Keys.space:n>=0&&z(e,n),a||Q(e),e.preventDefault(),u(!c),l(c?-1:0);break;case o.Keys.esc:e.preventDefault(),u(!1),l(-1);break;case o.Keys.home:e.preventDefault(),l(0);break;case o.Keys.end:e.preventDefault(),l(B-1);break;case o.Keys.down:case o.Keys.right:e.preventDefault(),l(n+1>=B?0:n+1);break;case o.Keys.up:case o.Keys.left:e.preventDefault(),l(n-1<0?B-1:n-1);break}o.dispatchEvent(Z,e,p(),void 0)},[Z,y,l,h,u]),ge=t.useMemo(()=>o.classNames("k-fab",{"k-fab-sm":I==="small","k-fab-md":I==="medium","k-fab-lg":I==="large","k-disabled":f,"k-pos-absolute":F==="absolute","k-pos-fixed":F==="fixed","k-focus":N,[`k-rounded-${o.kendoThemeMaps.roundedMap[E]||E}`]:E,"k-fab-solid":D,[`k-fab-solid-${D}`]:D},`k-${r.vertical}-${r.horizontal}`,q),[D,I,E,f,F,r,N,q]),ke=a&&a.map((e,n)=>t.createElement(he.FloatingActionButtonItem,{...e,key:n,index:n,id:`${K}-${n}`,disabled:f||e.disabled,focused:y===n,dataItem:e,item:ee,className:o.classNames(e.className,R.getTextDirectionClass(T||"ltr",r.horizontal)),onClick:pe,onDown:me})),V=!!((w||A)&&!C),Y=(i.current?i.current.offsetWidth:0)/2-32/2;let O;return w||A?O=t.createElement(o.IconWrap,{className:"k-fab-icon",name:w,icon:A}):$?O=t.createElement("span",{role:"presentation",className:$}):O=null,t.createElement(o.ZIndexContext.Provider,{value:U},t.createElement(t.Fragment,null,t.createElement("button",{ref:i,id:j||ce,role:"button",type:"button","aria-disabled":f,"aria-expanded":a?c:void 0,"aria-haspopup":!!a,"aria-label":`${C||""} floatingactionbutton`,"aria-owns":a?K:void 0,"aria-activedescendant":y>=0&&a?`${K}-${y}`:void 0,tabIndex:o.getTabIndex(se,f),accessKey:ne,dir:T,disabled:f,className:ge,style:te,onClick:Q,onMouseDown:fe,onFocus:ue,onBlur:de,onKeyDown:be,...le},O,C&&t.createElement("span",{className:"k-fab-text"},C)),ae&&c&&t.createElement("div",{className:"k-overlay",style:{zIndex:U,...oe}}),t.createElement(ve.Popup,{ref:re,anchor:i.current,show:c,animate:x.animate,popupClass:o.classNames("k-popup-transparent k-fab-popup",x.popupClass),anchorAlign:x.anchorAlign||R.getAnchorAlign(r,h),popupAlign:x.popupAlign||R.getPopupAlign(r,h),style:{boxShadow:"none"}},t.createElement("ul",{ref:ie,role:"menu","aria-labelledby":j,id:K,className:o.classNames("k-fab-items",{"k-fab-items-bottom":r.vertical!=="bottom","k-fab-items-top":r.vertical==="bottom"}),style:{paddingLeft:V?Y:void 0,paddingRight:V?Y:void 0}},ke))))});M.propTypes={className:s.string,style:s.object,id:s.string,dir:s.string,tabIndex:s.number,accessKey:s.string,disabled:s.bool,icon:s.string,svgIcon:o.svgIconPropType,iconClass:s.string,text:s.string,alignOffset:s.shape({x:s.oneOfType([s.number,s.string]).isRequired,y:s.oneOfType([s.number,s.string]).isRequired}),align:s.shape({vertical:s.oneOf(["top","middle","bottom"]).isRequired,horizontal:s.oneOf(["start","center","end"]).isRequired}),positionMode:s.oneOf(["absolute","fixed"]),size:s.oneOf(["small","medium","large"]),rounded:s.oneOf(["small","medium","large","full"]),themeColor:s.oneOf(["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"]),modal:s.bool,overlayStyle:s.object};const v={align:{vertical:"bottom",horizontal:"end"},size:void 0,rounded:void 0,themeColor:void 0,positionMode:"fixed"};M.displayName="KendoFloatingActionButton";exports.FloatingActionButton=M;