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

package/common/ListFilter.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 { TextBoxChangeEvent, TextBoxHandle } from '@progress/kendo-react-inputs';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface ListFilterProps {
+    value?: string | number | readonly string[] | undefined;
+    tabIndex?: number;
+    onChange?: (event: TextBoxChangeEvent) => void;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+    size?: 'small' | 'medium' | 'large';
+    rounded?: 'small' | 'medium' | 'large' | 'full';
+    fillMode?: 'solid' | 'flat' | 'outline';
+    renderListFilterWrapper?: boolean;
+    renderPrefixSeparator?: boolean;
+    placeholder?: string;
+}
+/**
+ * @hidden
+ */
+declare const ListFilter: React.ForwardRefExoticComponent<ListFilterProps & React.RefAttributes<TextBoxHandle | null>>;
+export default ListFilter;

package/common/ListFilter.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";const x=require("react"),n=require("prop-types"),c=require("@progress/kendo-react-inputs"),y=require("@progress/kendo-svg-icons"),r=require("@progress/kendo-react-common");function D(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(o,a,l.get?l:{enumerable:!0,get:()=>e[a]})}}return o.default=e,Object.freeze(o)}const t=D(x),u=t.forwardRef((e,o)=>{const a=t.useRef(null),{renderListFilterWrapper:l=!1,renderPrefixSeparator:f=!1,placeholder:m,...p}=e,i=r.useUnstyled(),s=i&&i.uDropDownsBase;t.useImperativeHandle(o,()=>a.current);const b=()=>t.createElement(t.Fragment,null,t.createElement(c.InputPrefix,null,t.createElement(r.IconWrap,{name:"search",icon:y.searchIcon,className:r.classNames(r.uDropDownsBase.inputIcon({c:s}))})),f&&t.createElement(c.InputSeparator,null)),d=t.createElement(c.TextBox,{...p,ref:a,className:r.classNames(r.uDropDownsBase.searchbox({c:s})),value:e.value||"",onChange:e.onChange,onKeyDown:e.onKeyDown,tabIndex:e.tabIndex,onClick:g=>g.stopPropagation(),size:e.size,fillMode:e.fillMode,rounded:e.rounded,prefix:b,placeholder:m});return l?t.createElement("div",{className:r.classNames(r.uDropDownsBase.listFilter({c:s}))}," ",d," "):d});u.propTypes={value:n.oneOfType([n.string,n.number,n.array]),tabIndex:n.number,onChange:n.func,onKeyDown:n.func,size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large","full"]),fillMode:n.oneOf([null,"solid","flat","outline"]),renderListFilterWrapper:n.bool,placeholder:n.string,renderPrefixSeparator:n.bool};u.displayName="KendoReactListFilter";module.exports=u;
+"use strict";const x=require("react"),n=require("prop-types"),c=require("@progress/kendo-react-inputs"),y=require("@progress/kendo-svg-icons"),r=require("@progress/kendo-react-common");function D(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(o,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return o.default=e,Object.freeze(o)}const t=D(x),u=t.forwardRef((e,o)=>{const a=t.useRef(null),{renderListFilterWrapper:s=!1,renderPrefixSeparator:f=!1,placeholder:m,...p}=e,i=r.useUnstyled(),l=i&&i.uDropDownsBase;t.useImperativeHandle(o,()=>a.current);const b=()=>t.createElement(t.Fragment,null,t.createElement(c.InputPrefix,null,t.createElement(r.IconWrap,{name:"search",icon:y.searchIcon,className:r.classNames(r.uDropDownsBase.inputIcon({c:l}))})),f&&t.createElement(c.InputSeparator,null)),d=t.createElement(c.TextBox,{...p,ref:a,className:r.classNames(r.uDropDownsBase.searchbox({c:l})),value:e.value||"",onChange:e.onChange,onKeyDown:e.onKeyDown,tabIndex:e.tabIndex,onClick:g=>g.stopPropagation(),size:e.size,fillMode:e.fillMode,rounded:e.rounded,prefix:b,placeholder:m});return s?t.createElement("div",{className:r.classNames(r.uDropDownsBase.listFilter({c:l}))}," ",d," "):d});u.propTypes={value:n.oneOfType([n.string,n.number,n.array]),tabIndex:n.number,onChange:n.func,onKeyDown:n.func,size:n.oneOf(["small","medium","large"]),rounded:n.oneOf(["small","medium","large","full"]),fillMode:n.oneOf(["solid","flat","outline"]),renderListFilterWrapper:n.bool,placeholder:n.string,renderPrefixSeparator:n.bool};u.displayName="KendoReactListFilter";module.exports=u;

package/common/ListFilter.mjs

@@ -9,23 +9,23 @@ import * as n from "react";
 import e from "prop-types";
 import { TextBox as b, InputPrefix as g, InputSeparator as h } from "@progress/kendo-react-inputs";
 import { searchIcon as I } from "@progress/kendo-svg-icons";
-import { useUnstyled as D, classNames as a, uDropDownsBase as t, IconWrap as w } from "@progress/kendo-react-common";
-const c = n.forwardRef((r, u) => {
-  const o = n.useRef(null), { renderListFilterWrapper: m = !1, renderPrefixSeparator: d = !1, placeholder: f, ...p } = r, s = D(), l = s && s.uDropDownsBase;
-  n.useImperativeHandle(u, () => o.current);
+import { useUnstyled as D, classNames as t, uDropDownsBase as o, IconWrap as w } from "@progress/kendo-react-common";
+const c = n.forwardRef((r, m) => {
+  const l = n.useRef(null), { renderListFilterWrapper: d = !1, renderPrefixSeparator: u = !1, placeholder: f, ...p } = r, s = D(), a = s && s.uDropDownsBase;
+  n.useImperativeHandle(m, () => l.current);
   const x = () => /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement(g, null, /* @__PURE__ */ n.createElement(
     w,
     {
       name: "search",
       icon: I,
-      className: a(t.inputIcon({ c: l }))
+      className: t(o.inputIcon({ c: a }))
     }
-  )), d && /* @__PURE__ */ n.createElement(h, null)), i = /* @__PURE__ */ n.createElement(
+  )), u && /* @__PURE__ */ n.createElement(h, null)), i = /* @__PURE__ */ n.createElement(
     b,
     {
       ...p,
-      ref: o,
-      className: a(t.searchbox({ c: l })),
+      ref: l,
+      className: t(o.searchbox({ c: a })),
       value: r.value || "",
       onChange: r.onChange,
       onKeyDown: r.onKeyDown,
@@ -38,16 +38,16 @@ const c = n.forwardRef((r, u) => {
       placeholder: f
     }
   );
-  return m ? /* @__PURE__ */ n.createElement("div", { className: a(t.listFilter({ c: l })) }, " ", i, " ") : i;
+  return d ? /* @__PURE__ */ n.createElement("div", { className: t(o.listFilter({ c: a })) }, " ", i, " ") : i;
 });
 c.propTypes = {
   value: e.oneOfType([e.string, e.number, e.array]),
   tabIndex: e.number,
   onChange: e.func,
   onKeyDown: e.func,
-  size: e.oneOf([null, "small", "medium", "large"]),
-  rounded: e.oneOf([null, "small", "medium", "large", "full"]),
-  fillMode: e.oneOf([null, "solid", "flat", "outline"]),
+  size: e.oneOf(["small", "medium", "large"]),
+  rounded: e.oneOf(["small", "medium", "large", "full"]),
+  fillMode: e.oneOf(["solid", "flat", "outline"]),
   renderListFilterWrapper: e.bool,
   placeholder: e.string,
   renderPrefixSeparator: e.bool

package/common/ListGroupItem.d.ts

@@ -0,0 +1,54 @@
+/**
+ * @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';
+/**
+ * Represents the props of the ListGroupItem component.
+ */
+export interface ListGroupItemProps {
+    /**
+     * Specifies the id that will be added to the group header item element.
+     */
+    id?: string;
+    /**
+     * The group that will be rendered.
+     */
+    group?: string;
+    /**
+     * @hidden
+     */
+    virtual?: boolean;
+    /**
+     * @hidden
+     * Provides information if the rendered list is a multicolumn popup
+     */
+    isMultiColumn?: boolean;
+    /**
+     * Fires when the group header item is about to be rendered. Used to override the default appearance of the group header item.
+     */
+    render?: (li: React.ReactElement<HTMLLIElement>, itemProps: ListGroupItemProps) => React.ReactNode;
+    /**
+     * @hidden
+     * The field name in the dataItem that contains the icon.
+     */
+    iconField?: string;
+    /**
+     * @hidden
+     * The field name in the dataItem that contains the SVG icon.
+     */
+    svgIconField?: string;
+    /**
+     * @hidden
+     * The group item data object containing icon information.
+     */
+    groupItem?: any;
+}
+/**
+ * @hidden
+ */
+declare const ListGroupItem: (props: ListGroupItemProps) => string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+export default ListGroupItem;

package/common/ListGroupItem.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";const n=require("@progress/kendo-react-common"),d=require("react");function m(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const l=m(d),p=e=>{const{group:o,virtual:t,render:s,isMultiColumn:r=!1,id:u}=e,a=n.useUnstyled(),c=a&&a.uDropDownsBase,i=l.createElement("li",{id:u,role:"group",className:n.classNames(n.uDropDownsBase.groupLi({c,isMultiColumn:r})),style:r?{boxSizing:"inherit",position:t?"relative":"unset"}:{position:t?"relative":"unset"}},l.createElement("span",{className:s?void 0:n.classNames(n.uDropDownsBase.groupItemText({c,isMultiColumn:r}))},o));return s!==void 0?s.call(void 0,i,e):i};module.exports=p;
+"use strict";const r=require("@progress/kendo-react-common"),g=require("react"),v=require("./ListItemIcon.js");function f(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const i=f(g),D=e=>{const{group:o,virtual:t,render:n,isMultiColumn:c=!1,id:p,iconField:a,svgIconField:l,groupItem:s}=e,u=r.useUnstyled(),d=u&&u.uDropDownsBase,m=i.createElement("li",{id:p,role:"presentation",className:r.classNames(r.uDropDownsBase.groupLi({c:d,isMultiColumn:c})),style:c?{boxSizing:"inherit",position:t?"relative":"unset"}:{position:t?"relative":"unset"}},(l||a)&&i.createElement(v.ListItemIcon,{icon:a?s==null?void 0:s.groupIcon:void 0,svgIcon:l?s==null?void 0:s.groupSvgIcon:void 0}),i.createElement("span",{className:n?void 0:r.classNames(r.uDropDownsBase.groupItemText({c:d,isMultiColumn:c}))},o));return n!==void 0?n(m,e):m};module.exports=D;

package/common/ListGroupItem.mjs

@@ -5,27 +5,35 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { useUnstyled as d, classNames as n, uDropDownsBase as l } from "@progress/kendo-react-common";
-import * as u from "react";
-const v = (t) => {
-  const { group: c, virtual: o, render: e, isMultiColumn: s = !1, id: m } = t, r = d(), i = r && r.uDropDownsBase, a = /* @__PURE__ */ u.createElement(
+import { useUnstyled as g, classNames as m, uDropDownsBase as u } from "@progress/kendo-react-common";
+import * as t from "react";
+import { ListItemIcon as f } from "./ListItemIcon.mjs";
+const x = (n) => {
+  const { group: p, virtual: i, render: o, isMultiColumn: s = !1, id: v, iconField: r, svgIconField: a, groupItem: e } = n, l = g(), c = l && l.uDropDownsBase, d = /* @__PURE__ */ t.createElement(
     "li",
     {
-      id: m,
-      role: "group",
-      className: n(l.groupLi({ c: i, isMultiColumn: s })),
-      style: s ? { boxSizing: "inherit", position: o ? "relative" : "unset" } : { position: o ? "relative" : "unset" }
+      id: v,
+      role: "presentation",
+      className: m(u.groupLi({ c, isMultiColumn: s })),
+      style: s ? { boxSizing: "inherit", position: i ? "relative" : "unset" } : { position: i ? "relative" : "unset" }
     },
-    /* @__PURE__ */ u.createElement(
+    (a || r) && /* @__PURE__ */ t.createElement(
+      f,
+      {
+        icon: r ? e == null ? void 0 : e.groupIcon : void 0,
+        svgIcon: a ? e == null ? void 0 : e.groupSvgIcon : void 0
+      }
+    ),
+    /* @__PURE__ */ t.createElement(
       "span",
       {
-        className: e ? void 0 : n(l.groupItemText({ c: i, isMultiColumn: s }))
+        className: o ? void 0 : m(u.groupItemText({ c, isMultiColumn: s }))
       },
-      c
+      p
     )
   );
-  return e !== void 0 ? e.call(void 0, a, t) : a;
+  return o !== void 0 ? o(d, n) : d;
 };
 export {
-  v as default
+  x as default
 };

package/common/ListItem.d.ts

@@ -0,0 +1,87 @@
+/**
+ * @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';
+/**
+ * Represents the props of the ListItem component.
+ */
+export interface ListItemProps {
+    /**
+     * Specifies the id that will be added to the list item element.
+     */
+    id?: string;
+    /**
+     * Represents the index of the list item element.
+     */
+    index: number;
+    /**
+     * Represents the data item of the list item element.
+     */
+    dataItem: any;
+    /**
+     * Sets the data item field that represents the item text. If the data contains only primitive values, do not define it.
+     */
+    textField?: string;
+    /**
+     * The group that will be rendered.
+     */
+    group?: string;
+    /**
+     * Indicates the focused state of the list item element.
+     */
+    focused: boolean;
+    /**
+     * Indicates the selected state of the list item element.
+     */
+    selected: boolean;
+    /**
+     * Indicates the disabled/enabled state of the list item element.
+     */
+    disabled?: boolean;
+    /**
+     * @hidden
+     */
+    virtual?: boolean;
+    /**
+     * Fires when the list item is about to be rendered. Used to override the default appearance of the list item.
+     */
+    render?: (li: React.ReactElement<HTMLLIElement>, itemProps: ListItemProps) => React.ReactNode;
+    /**
+     * The `onClick` event handler of the list item element.
+     */
+    onClick: (index: number, event: React.MouseEvent<HTMLLIElement>) => void;
+    /**
+     * @hidden
+     * The field name in the dataItem that contains the actions.
+     */
+    actionsField?: string;
+    /**
+     * @hidden
+     * The field name in the dataItem that contains the description.
+     */
+    descriptionField?: string;
+    /**
+     * @hidden
+     * The field name in the dataItem that contains the icon.
+     */
+    iconField?: string;
+    /**
+     * @hidden
+     * The field name in the dataItem that contains the SVG icon.
+     */
+    svgIconField?: string;
+    /**
+     * @hidden
+     * The field name in the dataItem that contains the checkbox state.
+     */
+    checkboxField?: string;
+}
+/**
+ * @hidden
+ */
+declare const ListItem: (props: ListItemProps) => React.ReactElement;
+export default ListItem;

package/common/ListItem.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";const p=require("react"),s=require("@progress/kendo-react-common"),v=require("./utils.js");function N(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const o=N(p),y=e=>{const{selected:a,group:t,dataItem:n,virtual:m,groupMode:l,disabled:r,id:f,focused:D,render:i}=e,u=s.useUnstyled(),c=u&&u.uDropDownsBase,b=g=>e.onClick(e.index,g),d=o.createElement("li",{id:f,role:"option","aria-selected":a,"aria-disabled":r?!0:void 0,className:s.classNames(s.uDropDownsBase.li({c,selected:a,focused:D,first:!!t&&l==="classic",disabled:r})),onClick:b,style:{position:m?"relative":"unset"}},o.createElement("span",{className:s.classNames(s.uDropDownsBase.itemText({c}))},v.getItemValue(n,e.textField).toString()),t!==void 0&&l==="classic"?o.createElement("div",{className:s.classNames(s.uDropDownsBase.itemGroupLabel({c}))},t):null);return i!==void 0?i.call(void 0,d,e):d};module.exports=y;
+"use strict";const y=require("react"),r=require("@progress/kendo-react-common"),s=require("./utils.js"),E=require("@progress/kendo-react-inputs"),F=require("./ListItemIcon.js");function S(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const i=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(n,e,i.get?i:{enumerable:!0,get:()=>t[e]})}}return n.default=t,Object.freeze(n)}const o=S(y),V=t=>{const{selected:n,dataItem:e,virtual:i,disabled:u,id:p,focused:C,render:d,actionsField:m,descriptionField:g,iconField:a,svgIconField:l,checkboxField:f}=t,k=r.useUnstyled(),I=k&&k.uDropDownsBase,h=c=>t.onClick(t.index,c),v=()=>{if(!f)return null;const c=s.getItemValue(e,f)||!1;return o.createElement("span",{className:"k-checkbox-wrap"},o.createElement(E.Checkbox,{checked:c,onChange:N=>{e.onCheckboxChange&&e.onCheckboxChange(e,N.value)}}))},x=()=>m?s.getItemValue(e,m):null,D=()=>{if(!g)return null;const c=s.getItemValue(e,g);return c?o.createElement("span",{className:"k-list-item-description"},c):null},b=o.createElement("li",{id:p,role:"option","aria-selected":n,"aria-disabled":u?!0:void 0,className:r.classNames(r.uDropDownsBase.li({c:I,selected:n,focused:C,disabled:u})),onClick:h,style:{position:i?"relative":"unset"}},v(),(l||a)&&o.createElement(F.ListItemIcon,{icon:a?s.getItemValue(e,a):void 0,svgIcon:l?s.getItemValue(e,l):void 0}),o.createElement("span",{className:r.classNames(r.uDropDownsBase.itemText({c:I}))},s.getItemValue(e,t.textField).toString()),x(),D());return d!==void 0?d(b,t):b};module.exports=V;

package/common/ListItem.mjs

@@ -5,34 +5,75 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import * as a from "react";
-import { useUnstyled as B, classNames as l, uDropDownsBase as i } from "@progress/kendo-react-common";
-import { getItemValue as C } from "./utils.mjs";
-const b = (e) => {
-  const { selected: o, group: t, dataItem: u, virtual: v, groupMode: c, disabled: n, id: f, focused: g, render: r } = e, d = B(), s = d && d.uDropDownsBase, p = (x) => e.onClick(e.index, x), m = /* @__PURE__ */ a.createElement(
+import * as n from "react";
+import { useUnstyled as N, classNames as C, uDropDownsBase as p } from "@progress/kendo-react-common";
+import { getItemValue as o } from "./utils.mjs";
+import { Checkbox as S } from "@progress/kendo-react-inputs";
+import { ListItemIcon as w } from "./ListItemIcon.mjs";
+const R = (i) => {
+  const {
+    selected: r,
+    dataItem: e,
+    virtual: x,
+    disabled: l,
+    id: v,
+    focused: b,
+    render: a,
+    actionsField: d,
+    descriptionField: m,
+    iconField: c,
+    svgIconField: s,
+    checkboxField: u
+  } = i, f = N(), k = f && f.uDropDownsBase, g = (t) => i.onClick(i.index, t), I = () => {
+    if (!u)
+      return null;
+    const t = o(e, u) || !1;
+    return /* @__PURE__ */ n.createElement("span", { className: "k-checkbox-wrap" }, /* @__PURE__ */ n.createElement(
+      S,
+      {
+        checked: t,
+        onChange: (D) => {
+          e.onCheckboxChange && e.onCheckboxChange(e, D.value);
+        }
+      }
+    ));
+  }, E = () => d ? o(e, d) : null, F = () => {
+    if (!m)
+      return null;
+    const t = o(e, m);
+    return t ? /* @__PURE__ */ n.createElement("span", { className: "k-list-item-description" }, t) : null;
+  }, h = /* @__PURE__ */ n.createElement(
     "li",
     {
-      id: f,
+      id: v,
       role: "option",
-      "aria-selected": o,
-      "aria-disabled": n ? !0 : void 0,
-      className: l(
-        i.li({
-          c: s,
-          selected: o,
-          focused: g,
-          first: !!t && c === "classic",
-          disabled: n
+      "aria-selected": r,
+      "aria-disabled": l ? !0 : void 0,
+      className: C(
+        p.li({
+          c: k,
+          selected: r,
+          focused: b,
+          disabled: l
         })
       ),
-      onClick: p,
-      style: { position: v ? "relative" : "unset" }
+      onClick: g,
+      style: { position: x ? "relative" : "unset" }
     },
-    /* @__PURE__ */ a.createElement("span", { className: l(i.itemText({ c: s })) }, C(u, e.textField).toString()),
-    t !== void 0 && c === "classic" ? /* @__PURE__ */ a.createElement("div", { className: l(i.itemGroupLabel({ c: s })) }, t) : null
+    I(),
+    (s || c) && /* @__PURE__ */ n.createElement(
+      w,
+      {
+        icon: c ? o(e, c) : void 0,
+        svgIcon: s ? o(e, s) : void 0
+      }
+    ),
+    /* @__PURE__ */ n.createElement("span", { className: C(p.itemText({ c: k })) }, o(e, i.textField).toString()),
+    E(),
+    F()
   );
-  return r !== void 0 ? r.call(void 0, m, e) : m;
+  return a !== void 0 ? a(h, i) : h;
 };
 export {
-  b as default
+  R as default
 };

package/common/ListItemIcon.d.ts

@@ -0,0 +1,26 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { SVGIcon } from '@progress/kendo-react-common';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface ListItemIconProps {
+    /**
+     * The icon name (string-based icon).
+     */
+    icon?: string;
+    /**
+     * The SVG icon.
+     */
+    svgIcon?: SVGIcon;
+}
+/**
+ * @hidden
+ */
+export declare const ListItemIcon: React.FC<ListItemIconProps>;

package/common/ListItemIcon.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),o=require("@progress/kendo-react-common");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const a=i(c),s=({icon:e,svgIcon:t})=>t||e?a.createElement("span",{className:"k-list-item-icon-wrapper",role:"presentation"},a.createElement(o.IconWrap,{className:"k-list-item-icon",name:e?o.toIconName(e):void 0,icon:t,"aria-hidden":"true"})):null;exports.ListItemIcon=s;

package/common/ListItemIcon.mjs

@@ -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 * as a from "react";
+import { IconWrap as r, toIconName as n } from "@progress/kendo-react-common";
+const m = ({ icon: e, svgIcon: t }) => t || e ? /* @__PURE__ */ a.createElement("span", { className: "k-list-item-icon-wrapper", role: "presentation" }, /* @__PURE__ */ a.createElement(
+  r,
+  {
+    className: "k-list-item-icon",
+    name: e ? n(e) : void 0,
+    icon: t,
+    "aria-hidden": "true"
+  }
+)) : null;
+export {
+  m as ListItemIcon
+};

package/common/MultiColumnList.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { ListProps } from './List.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export declare const MultiColumnList: (props: ListProps) => React.JSX.Element;

package/common/Navigation.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
+ *-------------------------------------------------------------------------------------------
+ */
+/**
+ * @hidden
+ */
+export declare class Navigation {
+    navigate(args: {
+        keyCode: number;
+        current: number;
+        max: number;
+        min: number;
+        skipItems?: number;
+    }): number | undefined;
+    private next;
+}

package/common/SearchBar.d.ts

@@ -0,0 +1,55 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { DropDownsClassStructure } from '@progress/kendo-react-common';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export interface SearchBarProps {
+    value: string;
+    onChange: React.FormEventHandler<HTMLInputElement>;
+    render?: (rendering: React.ReactElement<HTMLSpanElement>) => React.ReactNode;
+    id?: string;
+    placeholder?: string;
+    title?: string;
+    tabIndex?: number;
+    size?: number;
+    suggestedText?: string;
+    focused?: boolean;
+    onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    onClick?: React.MouseEventHandler<HTMLInputElement>;
+    disabled?: boolean;
+    readOnly?: boolean;
+    expanded?: boolean;
+    owns?: string;
+    role?: string;
+    name?: string;
+    activedescendant?: string;
+    accessKey?: string;
+    ariaLabelledBy?: string;
+    ariaLabel?: string;
+    ariaDescribedBy?: string;
+    ariaRequired?: boolean;
+    ariaControls?: string;
+    unstyled?: DropDownsClassStructure;
+    inputAttributes?: React.InputHTMLAttributes<HTMLInputElement>;
+}
+/**
+ * @hidden
+ */
+export default class SearchBar extends React.Component<SearchBarProps> {
+    private _input;
+    /**
+     * @hidden
+     */
+    get input(): HTMLInputElement | null;
+    componentDidUpdate(prevProps: SearchBarProps): void;
+    render(): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+}

package/common/VirtualScrollStatic.d.ts

@@ -0,0 +1,44 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2026 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { RowHeightService } from '@progress/kendo-react-common';
+import { Page } from './settings.js';
+import * as React from 'react';
+/**
+ * @hidden
+ */
+export declare class VirtualScroll {
+    table: HTMLTableElement | null;
+    total: number;
+    enabled: boolean;
+    skip: number;
+    pageSize: number;
+    PageChange: ((event: Page, syntheticEvent: React.SyntheticEvent<any>) => void) | null;
+    scrollElement: HTMLDivElement | null;
+    listTransform: string;
+    itemHeight: number;
+    containerHeight: number;
+    rowHeightService?: RowHeightService;
+    private reactVersion;
+    private scrollSyncing;
+    private lastLoaded;
+    private firstLoaded;
+    private lastScrollTop;
+    private listTranslate;
+    get translate(): number;
+    list: HTMLUListElement | null;
+    container: HTMLDivElement | null;
+    constructor();
+    translateTo(dY: number, force?: boolean): void;
+    changePage(skip: number, e: React.SyntheticEvent<HTMLDivElement>): void;
+    reset(): void;
+    scrollToEnd(): void;
+    calcScrollElementHeight: () => boolean;
+    scrollerRef: (element: HTMLDivElement | null) => void;
+    scrollHandler(e: React.SyntheticEvent<HTMLDivElement>): void;
+    private getRowHeightService;
+}