@progress/kendo-themes-html 5.8.2-dev.6 → 5.9.1-dev.0

package/dist/index.js

@@ -109,8 +109,8 @@
         "type"
       ]);
       const typeClass = type === "p" ? "paragraph" : type;
-      const Component80 = type.includes("display") ? "div" : type;
-      return /* @__PURE__ */ React.createElement(Component80, __spreadProps(__spreadValues({}, htmlAttributes), {
+      const Component81 = type.includes("display") ? "div" : type;
+      return /* @__PURE__ */ React.createElement(Component81, __spreadProps(__spreadValues({}, htmlAttributes), {
         className: classNames(
           {
             [`k-${typeClass}`]: type
@@ -1977,9 +1977,9 @@
     }
   };
 
-  // src/dropdowngrid/dropdowngrid.tsx
+  // src/timedurationpicker/timedurationpicker.tsx
   var React50 = __toESM(__require("react"));
-  var DropdownGrid = class extends React50.Component {
+  var TimeDurationPicker = class extends React50.Component {
     render() {
       const {
         className,
@@ -2009,11 +2009,57 @@
         required,
         loading,
         disabled,
-        className: classNames(className, "k-dropdowngrid")
+        className: classNames(className, "k-timedurationpicker")
       }, /* @__PURE__ */ React50.createElement(InputPrefix, null, prefix), /* @__PURE__ */ React50.createElement(InputInnerInput, {
         placeholder,
         value
       }), /* @__PURE__ */ React50.createElement(InputSuffix, null, suffix), /* @__PURE__ */ React50.createElement(InputValidationIcon, __spreadValues({}, this.props)), /* @__PURE__ */ React50.createElement(InputLoadingIcon, __spreadValues({}, this.props)), /* @__PURE__ */ React50.createElement(InputClearValue, __spreadValues({}, this.props)), /* @__PURE__ */ React50.createElement(Button, {
+        className: "k-input-button",
+        icon: "clock-arrow-rotate",
+        rounded: null,
+        size,
+        fillMode
+      }));
+    }
+  };
+
+  // src/dropdowngrid/dropdowngrid.tsx
+  var React51 = __toESM(__require("react"));
+  var DropdownGrid = class extends React51.Component {
+    render() {
+      const {
+        className,
+        prefix,
+        suffix,
+        value,
+        placeholder,
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled
+      } = this.props;
+      return /* @__PURE__ */ React51.createElement(Input, {
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled,
+        className: classNames(className, "k-dropdowngrid")
+      }, /* @__PURE__ */ React51.createElement(InputPrefix, null, prefix), /* @__PURE__ */ React51.createElement(InputInnerInput, {
+        placeholder,
+        value
+      }), /* @__PURE__ */ React51.createElement(InputSuffix, null, suffix), /* @__PURE__ */ React51.createElement(InputValidationIcon, __spreadValues({}, this.props)), /* @__PURE__ */ React51.createElement(InputLoadingIcon, __spreadValues({}, this.props)), /* @__PURE__ */ React51.createElement(InputClearValue, __spreadValues({}, this.props)), /* @__PURE__ */ React51.createElement(Button, {
         className: "k-input-button",
         icon: "arrow-s",
         rounded: null,
@@ -2024,8 +2070,8 @@
   };
 
   // src/dropdownlist/dropdownlist.tsx
-  var React51 = __toESM(__require("react"));
-  var DropdownList = class extends React51.Component {
+  var React52 = __toESM(__require("react"));
+  var DropdownList = class extends React52.Component {
     render() {
       const {
         className,
@@ -2048,7 +2094,7 @@
         disabled,
         showValue
       } = this.props;
-      return /* @__PURE__ */ React51.createElement(Picker, {
+      return /* @__PURE__ */ React52.createElement(Picker, {
         style,
         size,
         rounded,
@@ -2067,12 +2113,12 @@
             "k-icon-picker": !showValue && valueIconName
           }
         )
-      }, /* @__PURE__ */ React51.createElement(InputPrefix, null, prefix), /* @__PURE__ */ React51.createElement(InputInnerSpan, {
+      }, /* @__PURE__ */ React52.createElement(InputPrefix, null, prefix), /* @__PURE__ */ React52.createElement(InputInnerSpan, {
         placeholder,
         value,
         showValue,
         valueIconName
-      }), /* @__PURE__ */ React51.createElement(InputSuffix, null, suffix), /* @__PURE__ */ React51.createElement(InputValidationIcon, __spreadValues({}, this.props)), /* @__PURE__ */ React51.createElement(InputLoadingIcon, __spreadValues({}, this.props)), /* @__PURE__ */ React51.createElement(Button, {
+      }), /* @__PURE__ */ React52.createElement(InputSuffix, null, suffix), /* @__PURE__ */ React52.createElement(InputValidationIcon, __spreadValues({}, this.props)), /* @__PURE__ */ React52.createElement(InputLoadingIcon, __spreadValues({}, this.props)), /* @__PURE__ */ React52.createElement(Button, {
         className: "k-input-button",
         icon: arrowIconName,
         rounded: null,
@@ -2087,8 +2133,8 @@
   };
 
   // src/maskedtextbox/maskedtextbox.tsx
-  var React52 = __toESM(__require("react"));
-  var MaskedTextbox = class extends React52.Component {
+  var React53 = __toESM(__require("react"));
+  var MaskedTextbox = class extends React53.Component {
     render() {
       const {
         className,
@@ -2105,7 +2151,7 @@
         loading,
         disabled
       } = this.props;
-      return /* @__PURE__ */ React52.createElement(Input, {
+      return /* @__PURE__ */ React53.createElement(Input, {
         size,
         rounded,
         fillMode,
@@ -2117,16 +2163,16 @@
         loading,
         disabled,
         className: classNames(className, "k-maskedtextbox")
-      }, /* @__PURE__ */ React52.createElement(InputInnerInput, {
+      }, /* @__PURE__ */ React53.createElement(InputInnerInput, {
         placeholder,
         value
-      }), /* @__PURE__ */ React52.createElement(InputValidationIcon, __spreadValues({}, this.props)), /* @__PURE__ */ React52.createElement(InputLoadingIcon, __spreadValues({}, this.props)), /* @__PURE__ */ React52.createElement(InputClearValue, __spreadValues({}, this.props)));
+      }), /* @__PURE__ */ React53.createElement(InputValidationIcon, __spreadValues({}, this.props)), /* @__PURE__ */ React53.createElement(InputLoadingIcon, __spreadValues({}, this.props)), /* @__PURE__ */ React53.createElement(InputClearValue, __spreadValues({}, this.props)));
     }
   };
 
   // src/multiselect/multiselect.tsx
-  var React53 = __toESM(__require("react"));
-  var MultiSelect = class extends React53.Component {
+  var React54 = __toESM(__require("react"));
+  var MultiSelect = class extends React54.Component {
     render() {
       const {
         className,
@@ -2147,7 +2193,7 @@
         loading,
         disabled
       } = this.props;
-      return /* @__PURE__ */ React53.createElement(Input, {
+      return /* @__PURE__ */ React54.createElement(Input, {
         size,
         rounded,
         fillMode,
@@ -2159,15 +2205,15 @@
         loading,
         disabled,
         className: classNames(className, "k-multiselect")
-      }, /* @__PURE__ */ React53.createElement(InputPrefix, null, prefix), /* @__PURE__ */ React53.createElement(ChipList, {
+      }, /* @__PURE__ */ React54.createElement(InputPrefix, null, prefix), /* @__PURE__ */ React54.createElement(ChipList, {
         className: "k-input-values",
         size
-      }, /* @__PURE__ */ React53.createElement(React53.Fragment, null, tags), /* @__PURE__ */ React53.createElement(InputInnerInput, {
+      }, /* @__PURE__ */ React54.createElement(React54.Fragment, null, tags), /* @__PURE__ */ React54.createElement(InputInnerInput, {
         placeholder,
         value
-      })), /* @__PURE__ */ React53.createElement(InputSuffix, null, suffix), /* @__PURE__ */ React53.createElement(InputValidationIcon, __spreadValues({}, this.props)), /* @__PURE__ */ React53.createElement(InputLoadingIcon, __spreadValues({}, this.props)), /* @__PURE__ */ React53.createElement(InputClearValue, __spreadValues({
+      })), /* @__PURE__ */ React54.createElement(InputSuffix, null, suffix), /* @__PURE__ */ React54.createElement(InputValidationIcon, __spreadValues({}, this.props)), /* @__PURE__ */ React54.createElement(InputLoadingIcon, __spreadValues({}, this.props)), /* @__PURE__ */ React54.createElement(InputClearValue, __spreadValues({
         value: tags ? "value" : ""
-      }, this.props)), showArrowButton && /* @__PURE__ */ React53.createElement(Button, {
+      }, this.props)), showArrowButton && /* @__PURE__ */ React54.createElement(Button, {
         className: "k-input-button",
         icon: "arrow-s",
         rounded: null,
@@ -2178,8 +2224,8 @@
   };
 
   // src/numerictextbox/numerictextbox.tsx
-  var React54 = __toESM(__require("react"));
-  var NumericTextbox = class extends React54.Component {
+  var React55 = __toESM(__require("react"));
+  var NumericTextbox = class extends React55.Component {
     render() {
       const {
         className,
@@ -2198,7 +2244,7 @@
         showSpinButton,
         showClearButton
       } = this.props;
-      return /* @__PURE__ */ React54.createElement(Input, {
+      return /* @__PURE__ */ React55.createElement(Input, {
         size,
         rounded,
         fillMode,
@@ -2210,10 +2256,10 @@
         loading,
         disabled,
         className: classNames(className, "k-numerictextbox")
-      }, /* @__PURE__ */ React54.createElement(InputInnerInput, {
+      }, /* @__PURE__ */ React55.createElement(InputInnerInput, {
         placeholder,
         value
-      }), /* @__PURE__ */ React54.createElement(InputValidationIcon, __spreadValues({}, this.props)), /* @__PURE__ */ React54.createElement(InputLoadingIcon, __spreadValues({}, this.props)), showClearButton && /* @__PURE__ */ React54.createElement(InputClearValue, __spreadValues({}, this.props)), showSpinButton && /* @__PURE__ */ React54.createElement(SpinButton, {
+      }), /* @__PURE__ */ React55.createElement(InputValidationIcon, __spreadValues({}, this.props)), /* @__PURE__ */ React55.createElement(InputLoadingIcon, __spreadValues({}, this.props)), showClearButton && /* @__PURE__ */ React55.createElement(InputClearValue, __spreadValues({}, this.props)), showSpinButton && /* @__PURE__ */ React55.createElement(SpinButton, {
         className: "k-input-spinner",
         size,
         fillMode
@@ -2226,8 +2272,8 @@
   };
 
   // src/searchbox/searchbox.tsx
-  var React55 = __toESM(__require("react"));
-  var Searchbox = class extends React55.Component {
+  var React56 = __toESM(__require("react"));
+  var Searchbox = class extends React56.Component {
     render() {
       const {
         className,
@@ -2246,7 +2292,7 @@
         showIcon = true,
         icon = "search"
       } = this.props;
-      return /* @__PURE__ */ React55.createElement(Input, {
+      return /* @__PURE__ */ React56.createElement(Input, {
         size,
         rounded,
         fillMode,
@@ -2258,19 +2304,19 @@
         loading,
         disabled,
         className: classNames(className, "k-searchbox")
-      }, showIcon && /* @__PURE__ */ React55.createElement(Icon, {
+      }, showIcon && /* @__PURE__ */ React56.createElement(Icon, {
         className: "k-input-icon",
         name: icon
-      }), /* @__PURE__ */ React55.createElement(InputInnerInput, {
+      }), /* @__PURE__ */ React56.createElement(InputInnerInput, {
         placeholder,
         value
-      }), /* @__PURE__ */ React55.createElement(InputValidationIcon, __spreadValues({}, this.props)), /* @__PURE__ */ React55.createElement(InputLoadingIcon, __spreadValues({}, this.props)), /* @__PURE__ */ React55.createElement(InputClearValue, __spreadValues({}, this.props)));
+      }), /* @__PURE__ */ React56.createElement(InputValidationIcon, __spreadValues({}, this.props)), /* @__PURE__ */ React56.createElement(InputLoadingIcon, __spreadValues({}, this.props)), /* @__PURE__ */ React56.createElement(InputClearValue, __spreadValues({}, this.props)));
     }
   };
 
   // src/switch/switch.tsx
-  var React56 = __toESM(__require("react"));
-  var Switch = class extends React56.Component {
+  var React57 = __toESM(__require("react"));
+  var Switch = class extends React57.Component {
     render() {
       const {
         className,
@@ -2284,7 +2330,7 @@
         focus,
         disabled
       } = this.props;
-      return /* @__PURE__ */ React56.createElement("span", {
+      return /* @__PURE__ */ React57.createElement("span", {
         className: classNames(
           className,
           "k-switch",
@@ -2297,20 +2343,20 @@
             "k-switch-off": !checked
           }
         )
-      }, /* @__PURE__ */ React56.createElement("span", {
+      }, /* @__PURE__ */ React57.createElement("span", {
         className: classNames(
           "k-switch-track",
           {
             [`k-rounded-${kendoThemeMaps.roundedMap[trackRounded] || trackRounded}`]: trackRounded
           }
         )
-      }, onLabel && /* @__PURE__ */ React56.createElement("span", {
+      }, onLabel && /* @__PURE__ */ React57.createElement("span", {
         className: "k-switch-label-on"
-      }, onLabel), offLabel && /* @__PURE__ */ React56.createElement("span", {
+      }, onLabel), offLabel && /* @__PURE__ */ React57.createElement("span", {
         className: "k-switch-label-off"
-      }, offLabel)), /* @__PURE__ */ React56.createElement("span", {
+      }, offLabel)), /* @__PURE__ */ React57.createElement("span", {
         className: "k-switch-thumb-wrap"
-      }, /* @__PURE__ */ React56.createElement("span", {
+      }, /* @__PURE__ */ React57.createElement("span", {
         className: classNames(
           "k-switch-thumb",
           {
@@ -2327,8 +2373,8 @@
   };
 
   // src/fab/fab.tsx
-  var React57 = __toESM(__require("react"));
-  var FloatingActionButton = class extends React57.Component {
+  var React58 = __toESM(__require("react"));
+  var FloatingActionButton = class extends React58.Component {
     render() {
       const _a = this.props, {
         className,
@@ -2365,7 +2411,7 @@
         "selected",
         "disabled"
       ]);
-      return /* @__PURE__ */ React57.createElement("button", __spreadProps(__spreadValues({}, htmlAttributes), {
+      return /* @__PURE__ */ React58.createElement("button", __spreadProps(__spreadValues({}, htmlAttributes), {
         type,
         className: classNames(
           className,
@@ -2385,10 +2431,10 @@
           }
         ),
         style
-      }), icon && /* @__PURE__ */ React57.createElement(Icon, {
+      }), icon && /* @__PURE__ */ React58.createElement(Icon, {
         className: "k-fab-icon",
         name: icon
-      }), text && /* @__PURE__ */ React57.createElement("span", {
+      }), text && /* @__PURE__ */ React58.createElement("span", {
         className: "k-fab-text"
       }, text));
     }
@@ -2403,8 +2449,8 @@
   };
 
   // src/menu/menu-item.tsx
-  var React58 = __toESM(__require("react"));
-  var MenuItem = class extends React58.Component {
+  var React59 = __toESM(__require("react"));
+  var MenuItem = class extends React59.Component {
     render() {
       const {
         className,
@@ -2420,7 +2466,7 @@
         disabled,
         dir
       } = this.props;
-      const contentTemplate = /* @__PURE__ */ React58.createElement(React58.Fragment, null);
+      const contentTemplate = /* @__PURE__ */ React59.createElement(React59.Fragment, null);
       if (children) {
         children.forEach((child) => {
           const component = child.type;
@@ -2434,7 +2480,7 @@
       if (!expandArrowName) {
         expandArrowName = dir === "rtl" ? "arrow-w" : "arrow-e";
       }
-      return /* @__PURE__ */ React58.createElement("li", {
+      return /* @__PURE__ */ React59.createElement("li", {
         className: classNames(
           className,
           "k-item k-menu-item",
@@ -2443,7 +2489,7 @@
             "k-focus": focus
           }
         )
-      }, /* @__PURE__ */ React58.createElement("span", {
+      }, /* @__PURE__ */ React59.createElement("span", {
         className: classNames(
           className,
           "k-link k-menu-link",
@@ -2454,14 +2500,14 @@
             "k-disabled": disabled
           }
         )
-      }, icon && /* @__PURE__ */ React58.createElement(Icon, {
+      }, icon && /* @__PURE__ */ React59.createElement(Icon, {
         className: "k-menu-link-icon",
         name: icon
-      }), /* @__PURE__ */ React58.createElement("span", {
+      }), /* @__PURE__ */ React59.createElement("span", {
         className: "k-menu-link-text"
-      }, text), showArrow && /* @__PURE__ */ React58.createElement("span", {
+      }, text), showArrow && /* @__PURE__ */ React59.createElement("span", {
         className: "k-menu-expand-arrow"
-      }, /* @__PURE__ */ React58.createElement(Icon, {
+      }, /* @__PURE__ */ React59.createElement(Icon, {
         name: expandArrowName
       }))), contentTemplate);
     }
@@ -2472,17 +2518,17 @@
   };
 
   // src/menu/menu-item-content.tsx
-  var React59 = __toESM(__require("react"));
-  var MenuItemContent = class extends React59.Component {
+  var React60 = __toESM(__require("react"));
+  var MenuItemContent = class extends React60.Component {
     render() {
       const {
         className,
         children
       } = this.props;
       if (!children) {
-        return /* @__PURE__ */ React59.createElement(React59.Fragment, null);
+        return /* @__PURE__ */ React60.createElement(React60.Fragment, null);
       }
-      return /* @__PURE__ */ React59.createElement("span", {
+      return /* @__PURE__ */ React60.createElement("span", {
         className: classNames(
           className,
           "k-menu-item-content"
@@ -2492,8 +2538,8 @@
   };
 
   // src/menu/menu-list.tsx
-  var React60 = __toESM(__require("react"));
-  var MenuList = class extends React60.Component {
+  var React61 = __toESM(__require("react"));
+  var MenuList = class extends React61.Component {
     render() {
       const {
         className,
@@ -2501,9 +2547,9 @@
         size
       } = this.props;
       if (!children) {
-        return /* @__PURE__ */ React60.createElement(React60.Fragment, null);
+        return /* @__PURE__ */ React61.createElement(React61.Fragment, null);
       }
-      return /* @__PURE__ */ React60.createElement("ul", {
+      return /* @__PURE__ */ React61.createElement("ul", {
         className: classNames(
           className,
           "k-menu-group",
@@ -2519,8 +2565,8 @@
   };
 
   // src/action-sheet/action-sheet.tsx
-  var React61 = __toESM(__require("react"));
-  var ActionSheet = class extends React61.Component {
+  var React62 = __toESM(__require("react"));
+  var ActionSheet = class extends React62.Component {
     render() {
       const _a = this.props, {
         children,
@@ -2543,16 +2589,16 @@
         "adaptive",
         "className"
       ]);
-      const childrenArray = React61.Children.toArray(children);
-      const _ActionSheetHeader = title ? /* @__PURE__ */ React61.createElement(ActionSheetHeader, {
+      const childrenArray = React62.Children.toArray(children);
+      const _ActionSheetHeader = title ? /* @__PURE__ */ React62.createElement(ActionSheetHeader, {
         title
-      }) : header ? header : childrenArray.find((child) => React61.isValidElement(child) && child.type === ActionSheetHeader);
-      const _ActionSheetFooter = actions ? /* @__PURE__ */ React61.createElement(ActionSheetFooter, {
+      }) : header ? header : childrenArray.find((child) => React62.isValidElement(child) && child.type === ActionSheetHeader);
+      const _ActionSheetFooter = actions ? /* @__PURE__ */ React62.createElement(ActionSheetFooter, {
         className: "k-actions",
         actions
-      }) : footer ? typeof footer === "string" ? /* @__PURE__ */ React61.createElement(ActionSheetFooter, null, footer) : footer : childrenArray.find((child) => React61.isValidElement(child) && child.type === ActionSheetFooter);
+      }) : footer ? typeof footer === "string" ? /* @__PURE__ */ React62.createElement(ActionSheetFooter, null, footer) : footer : childrenArray.find((child) => React62.isValidElement(child) && child.type === ActionSheetFooter);
       const _ActionSheetContent = childrenArray.filter((child) => {
-        if (React61.isValidElement(child)) {
+        if (React62.isValidElement(child)) {
           switch (child.type) {
             case ActionSheetHeader:
             case ActionSheetFooter:
@@ -2563,13 +2609,13 @@
         }
         return true;
       });
-      return /* @__PURE__ */ React61.createElement("div", {
+      return /* @__PURE__ */ React62.createElement("div", {
         className: "k-actionsheet-container"
-      }, /* @__PURE__ */ React61.createElement("div", {
+      }, /* @__PURE__ */ React62.createElement("div", {
         className: "k-overlay"
-      }), /* @__PURE__ */ React61.createElement("div", {
+      }), /* @__PURE__ */ React62.createElement("div", {
         className: "k-animation-container"
-      }, /* @__PURE__ */ React61.createElement("div", {
+      }, /* @__PURE__ */ React62.createElement("div", {
         className: "k-child-animation-container",
         style: {
           [`${fullscreen === true ? "top" : side}`]: 0,
@@ -2578,7 +2624,7 @@
           [`${side === "top" || side === "bottom" ? "width" : null}`]: "100%",
           [`${side === "left" || side === "right" ? "height" : null}`]: "100%"
         }
-      }, /* @__PURE__ */ React61.createElement("div", __spreadValues({
+      }, /* @__PURE__ */ React62.createElement("div", __spreadValues({
         className: classNames(
           "k-actionsheet",
           {
@@ -2588,7 +2634,7 @@
           },
           className
         )
-      }, htmlAttributes), /* @__PURE__ */ React61.createElement(React61.Fragment, null, _ActionSheetHeader, /* @__PURE__ */ React61.createElement("div", {
+      }, htmlAttributes), /* @__PURE__ */ React62.createElement(React62.Fragment, null, _ActionSheetHeader, /* @__PURE__ */ React62.createElement("div", {
         className: classNames(
           "k-actionsheet-content",
           {
@@ -2605,8 +2651,8 @@
   };
 
   // src/action-sheet/actionsheet-header.tsx
-  var React62 = __toESM(__require("react"));
-  var ActionSheetHeader = class extends React62.Component {
+  var React63 = __toESM(__require("react"));
+  var ActionSheetHeader = class extends React63.Component {
     render() {
       const {
         title,
@@ -2616,31 +2662,31 @@
         filter,
         className
       } = this.props;
-      return /* @__PURE__ */ React62.createElement("div", {
+      return /* @__PURE__ */ React63.createElement("div", {
         className: classNames(
           className,
           "k-actionsheet-titlebar"
         )
-      }, /* @__PURE__ */ React62.createElement(React62.Fragment, null, /* @__PURE__ */ React62.createElement("div", {
+      }, /* @__PURE__ */ React63.createElement(React63.Fragment, null, /* @__PURE__ */ React63.createElement("div", {
         className: "k-actionsheet-titlebar-group k-hbox"
-      }, !children && (title || subTitle) && /* @__PURE__ */ React62.createElement(React62.Fragment, null, /* @__PURE__ */ React62.createElement("div", {
+      }, !children && (title || subTitle) && /* @__PURE__ */ React63.createElement(React63.Fragment, null, /* @__PURE__ */ React63.createElement("div", {
         className: "k-actionsheet-title"
-      }, title !== "" && /* @__PURE__ */ React62.createElement("div", {
+      }, title !== "" && /* @__PURE__ */ React63.createElement("div", {
         className: "k-text-center"
-      }, title), subTitle !== "" && /* @__PURE__ */ React62.createElement("div", {
+      }, title), subTitle !== "" && /* @__PURE__ */ React63.createElement("div", {
         className: "k-actionsheet-subtitle k-text-center"
-      }, subTitle))), children && /* @__PURE__ */ React62.createElement("div", {
+      }, subTitle))), children && /* @__PURE__ */ React63.createElement("div", {
         className: "k-actionsheet-title"
-      }, children), actions && /* @__PURE__ */ React62.createElement(React62.Fragment, null, /* @__PURE__ */ React62.createElement("div", {
+      }, children), actions && /* @__PURE__ */ React63.createElement(React63.Fragment, null, /* @__PURE__ */ React63.createElement("div", {
         className: "k-actionsheet-actions"
-      }, actions.map((actionName) => /* @__PURE__ */ React62.createElement(Button, {
+      }, actions.map((actionName) => /* @__PURE__ */ React63.createElement(Button, {
         key: actionName,
         icon: actionName,
         size: "large",
         fillMode: "flat"
-      }))))), filter && /* @__PURE__ */ React62.createElement(React62.Fragment, null, /* @__PURE__ */ React62.createElement("div", {
+      }))))), filter && /* @__PURE__ */ React63.createElement(React63.Fragment, null, /* @__PURE__ */ React63.createElement("div", {
         className: "k-actionsheet-titlebar-group k-actionsheet-filter"
-      }, /* @__PURE__ */ React62.createElement(Searchbox, {
+      }, /* @__PURE__ */ React63.createElement(Searchbox, {
         placeholder: "Filter",
         size: "large"
       })))));
@@ -2648,32 +2694,32 @@
   };
 
   // src/action-sheet/actionsheet-footer.tsx
-  var React63 = __toESM(__require("react"));
-  var ActionSheetFooter = class extends React63.Component {
+  var React64 = __toESM(__require("react"));
+  var ActionSheetFooter = class extends React64.Component {
     render() {
       const {
         children,
         actions
       } = this.props;
-      return /* @__PURE__ */ React63.createElement(ActionButtons, {
+      return /* @__PURE__ */ React64.createElement(ActionButtons, {
         className: "k-actionsheet-footer",
         alignment: "stretched"
-      }, /* @__PURE__ */ React63.createElement(React63.Fragment, null, actions && actions.map((action, index) => {
+      }, /* @__PURE__ */ React64.createElement(React64.Fragment, null, actions && actions.map((action, index) => {
         if (action === "|") {
-          return /* @__PURE__ */ React63.createElement("span", {
+          return /* @__PURE__ */ React64.createElement("span", {
             key: index,
             className: "k-separator"
           });
         }
         if (action === " ") {
-          return /* @__PURE__ */ React63.createElement("span", {
+          return /* @__PURE__ */ React64.createElement("span", {
             key: index,
             className: "k-spacer"
           });
         }
         const importantFlag = action.startsWith("!");
         const actionName = importantFlag ? action.substring(1) : action;
-        return /* @__PURE__ */ React63.createElement(Button, {
+        return /* @__PURE__ */ React64.createElement(Button, {
           key: index,
           text: actionName,
           size: "large",
@@ -2684,14 +2730,14 @@
   };
 
   // src/action-sheet/actionsheet-items.tsx
-  var React64 = __toESM(__require("react"));
-  var ActionSheetItems = class extends React64.Component {
+  var React65 = __toESM(__require("react"));
+  var ActionSheetItems = class extends React65.Component {
     render() {
       const {
         children,
         className
       } = this.props;
-      return /* @__PURE__ */ React64.createElement("ul", {
+      return /* @__PURE__ */ React65.createElement("ul", {
         className: classNames(
           "k-list-ul",
           className
@@ -2701,8 +2747,8 @@
   };
 
   // src/action-sheet/actionsheet-item.tsx
-  var React65 = __toESM(__require("react"));
-  var ActionSheetItem = class extends React65.Component {
+  var React66 = __toESM(__require("react"));
+  var ActionSheetItem = class extends React66.Component {
     render() {
       const {
         children,
@@ -2715,7 +2761,7 @@
         selected,
         disabled
       } = this.props;
-      return /* @__PURE__ */ React65.createElement("li", {
+      return /* @__PURE__ */ React66.createElement("li", {
         className: classNames(
           className,
           "k-actionsheet-item",
@@ -2726,27 +2772,27 @@
             "k-disabled": disabled
           }
         )
-      }, !children && (text !== "" || description !== "" || iconName !== "") && /* @__PURE__ */ React65.createElement(React65.Fragment, null, /* @__PURE__ */ React65.createElement("a", {
+      }, !children && (text !== "" || description !== "" || iconName !== "") && /* @__PURE__ */ React66.createElement(React66.Fragment, null, /* @__PURE__ */ React66.createElement("a", {
         href: "#",
         className: "k-actionsheet-action"
-      }, iconName !== "" && /* @__PURE__ */ React65.createElement("span", {
+      }, iconName !== "" && /* @__PURE__ */ React66.createElement("span", {
         className: "k-icon-wrap"
-      }, /* @__PURE__ */ React65.createElement(Icon, {
+      }, /* @__PURE__ */ React66.createElement(Icon, {
         className: "k-actionsheet-item-icon",
         name: iconName
-      })), /* @__PURE__ */ React65.createElement("span", {
+      })), /* @__PURE__ */ React66.createElement("span", {
         className: "k-actionsheet-item-text"
-      }, text !== "" && /* @__PURE__ */ React65.createElement("span", {
+      }, text !== "" && /* @__PURE__ */ React66.createElement("span", {
         className: "k-actionsheet-item-title"
-      }, text), description !== "" && /* @__PURE__ */ React65.createElement("span", {
+      }, text), description !== "" && /* @__PURE__ */ React66.createElement("span", {
         className: "k-actionsheet-item-description"
       }, description)))), children);
     }
   };
 
   // src/popover/popover.tsx
-  var React66 = __toESM(__require("react"));
-  var Popover = class extends React66.Component {
+  var React67 = __toESM(__require("react"));
+  var Popover = class extends React67.Component {
     render() {
       const _a = this.props, {
         className,
@@ -2761,51 +2807,51 @@
         "title",
         "body"
       ]);
-      return /* @__PURE__ */ React66.createElement("div", __spreadValues({
+      return /* @__PURE__ */ React67.createElement("div", __spreadValues({
         className: classNames(className, "k-popover")
-      }, htmlAttributes), callout && /* @__PURE__ */ React66.createElement("div", {
+      }, htmlAttributes), callout && /* @__PURE__ */ React67.createElement("div", {
         className: classNames(
           "k-popover-callout",
           {
             [`k-callout-${kendoThemeMaps.calloutMap[callout] || callout}`]: callout
           }
         )
-      }), /* @__PURE__ */ React66.createElement("div", {
+      }), /* @__PURE__ */ React67.createElement("div", {
         className: "k-popover-inner"
-      }, title && /* @__PURE__ */ React66.createElement("div", {
+      }, title && /* @__PURE__ */ React67.createElement("div", {
         className: "k-popover-header"
-      }, title), body && /* @__PURE__ */ React66.createElement("div", {
+      }, title), body && /* @__PURE__ */ React67.createElement("div", {
         className: "k-popover-body"
-      }, body), /* @__PURE__ */ React66.createElement(React66.Fragment, null, children)));
+      }, body), /* @__PURE__ */ React67.createElement(React67.Fragment, null, children)));
     }
   };
 
   // src/treeview/treeview.tsx
-  var React68 = __toESM(__require("react"));
+  var React69 = __toESM(__require("react"));
 
   // src/treeview/treeview-group.tsx
-  var React67 = __toESM(__require("react"));
-  var TreeviewGroup = class extends React67.Component {
+  var React68 = __toESM(__require("react"));
+  var TreeviewGroup = class extends React68.Component {
     render() {
       const {
         className,
         children
       } = this.props;
-      return /* @__PURE__ */ React67.createElement("ul", {
+      return /* @__PURE__ */ React68.createElement("ul", {
         className: classNames(className, "k-treeview-group")
       }, children);
     }
   };
 
   // src/treeview/treeview.tsx
-  var Treeview = class extends React68.Component {
+  var Treeview = class extends React69.Component {
     render() {
       const {
         className,
         size,
         children
       } = this.props;
-      return /* @__PURE__ */ React68.createElement("div", {
+      return /* @__PURE__ */ React69.createElement("div", {
         className: classNames(
           className,
           "k-treeview",
@@ -2813,7 +2859,7 @@
             [`k-treeview-${kendoThemeMaps.sizeMap[size] || size}`]: size
           }
         )
-      }, /* @__PURE__ */ React68.createElement(TreeviewGroup, {
+      }, /* @__PURE__ */ React69.createElement(TreeviewGroup, {
         className: "k-treeview-lines"
       }, children));
     }
@@ -2823,11 +2869,11 @@
   };
 
   // src/treeview/treeview-item.tsx
-  var React70 = __toESM(__require("react"));
+  var React71 = __toESM(__require("react"));
 
   // src/treeview/treeview-leaf.tsx
-  var React69 = __toESM(__require("react"));
-  var TreeViewLeaf = class extends React69.Component {
+  var React70 = __toESM(__require("react"));
+  var TreeViewLeaf = class extends React70.Component {
     render() {
       const {
         className,
@@ -2838,7 +2884,7 @@
         focus,
         selected
       } = this.props;
-      return /* @__PURE__ */ React69.createElement("span", {
+      return /* @__PURE__ */ React70.createElement("span", {
         className: classNames(
           className,
           "k-treeview-leaf",
@@ -2848,16 +2894,16 @@
             "k-selected": selected
           }
         )
-      }, showIcon && /* @__PURE__ */ React69.createElement(Icon, {
+      }, showIcon && /* @__PURE__ */ React70.createElement(Icon, {
         name: icon
-      }), /* @__PURE__ */ React69.createElement("span", {
+      }), /* @__PURE__ */ React70.createElement("span", {
         className: "k-treeview-leaf-text"
       }, text));
     }
   };
 
   // src/treeview/treeview-item.tsx
-  var TreeviewItem = class extends React70.Component {
+  var TreeviewItem = class extends React71.Component {
     render() {
       const {
         className,
@@ -2876,7 +2922,7 @@
         disabled
       } = this.props;
       const _hasChildren = hasChildren || children;
-      return /* @__PURE__ */ React70.createElement("li", {
+      return /* @__PURE__ */ React71.createElement("li", {
         className: classNames(
           className,
           "k-treeview-item",
@@ -2884,15 +2930,15 @@
             "k-disabled": disabled
           }
         )
-      }, /* @__PURE__ */ React70.createElement("span", {
+      }, /* @__PURE__ */ React71.createElement("span", {
         className: "k-treeview-mid"
-      }, _hasChildren && /* @__PURE__ */ React70.createElement("span", {
+      }, _hasChildren && /* @__PURE__ */ React71.createElement("span", {
         className: "k-treeview-toggle"
-      }, /* @__PURE__ */ React70.createElement(Icon, {
+      }, /* @__PURE__ */ React71.createElement(Icon, {
         name: expanded ? "collapse" : "expand"
-      })), showCheckbox && /* @__PURE__ */ React70.createElement(Checkbox, {
+      })), showCheckbox && /* @__PURE__ */ React71.createElement(Checkbox, {
         checked
-      }), /* @__PURE__ */ React70.createElement(TreeViewLeaf, {
+      }), /* @__PURE__ */ React71.createElement(TreeViewLeaf, {
         className: leafClassName,
         text,
         showIcon,
@@ -2900,13 +2946,13 @@
         hover,
         focus,
         selected
-      })), expanded && _hasChildren && /* @__PURE__ */ React70.createElement(React70.Fragment, null, children));
+      })), expanded && _hasChildren && /* @__PURE__ */ React71.createElement(React71.Fragment, null, children));
     }
   };
 
   // src/card/card.tsx
-  var React71 = __toESM(__require("react"));
-  var Card = class extends React71.Component {
+  var React72 = __toESM(__require("react"));
+  var Card = class extends React72.Component {
     render() {
       const _a = this.props, {
         children,
@@ -2929,7 +2975,7 @@
         "selected",
         "disabled"
       ]);
-      return /* @__PURE__ */ React71.createElement("div", __spreadProps(__spreadValues({
+      return /* @__PURE__ */ React72.createElement("div", __spreadProps(__spreadValues({
         style: this.props.style
       }, htmlAttributes), {
         className: classNames(
@@ -2945,15 +2991,15 @@
           },
           className
         )
-      }), callout && callout !== "true" && /* @__PURE__ */ React71.createElement(CardCallout, {
+      }), callout && callout !== "true" && /* @__PURE__ */ React72.createElement(CardCallout, {
         callout
-      }), /* @__PURE__ */ React71.createElement(React71.Fragment, null, children));
+      }), /* @__PURE__ */ React72.createElement(React72.Fragment, null, children));
     }
   };
 
   // src/card/card-callout.tsx
-  var React72 = __toESM(__require("react"));
-  var CardCallout = class extends React72.Component {
+  var React73 = __toESM(__require("react"));
+  var CardCallout = class extends React73.Component {
     render() {
       const _a = this.props, {
         className,
@@ -2962,7 +3008,7 @@
         "className",
         "callout"
       ]);
-      return /* @__PURE__ */ React72.createElement("span", __spreadProps(__spreadValues({}, htmlAttributes), {
+      return /* @__PURE__ */ React73.createElement("span", __spreadProps(__spreadValues({}, htmlAttributes), {
         className: classNames(
           "k-card-callout",
           {
@@ -2975,8 +3021,8 @@
   };
 
   // src/card/card-title.tsx
-  var React73 = __toESM(__require("react"));
-  var CardTitle = class extends React73.Component {
+  var React74 = __toESM(__require("react"));
+  var CardTitle = class extends React74.Component {
     render() {
       const _a = this.props, {
         children,
@@ -2989,7 +3035,7 @@
         "hover",
         "focus"
       ]);
-      return /* @__PURE__ */ React73.createElement("div", __spreadProps(__spreadValues({}, htmlAttributes), {
+      return /* @__PURE__ */ React74.createElement("div", __spreadProps(__spreadValues({}, htmlAttributes), {
         className: classNames(
           "k-card-title",
           {
@@ -3003,8 +3049,8 @@
   };
 
   // src/card/card-subtitle.tsx
-  var React74 = __toESM(__require("react"));
-  var CardSubtitle = class extends React74.Component {
+  var React75 = __toESM(__require("react"));
+  var CardSubtitle = class extends React75.Component {
     render() {
       const _a = this.props, {
         children,
@@ -3013,7 +3059,7 @@
         "children",
         "className"
       ]);
-      return /* @__PURE__ */ React74.createElement("div", __spreadProps(__spreadValues({}, htmlAttributes), {
+      return /* @__PURE__ */ React75.createElement("div", __spreadProps(__spreadValues({}, htmlAttributes), {
         className: classNames(
           "k-card-subtitle",
           className
@@ -3023,8 +3069,8 @@
   };
 
   // src/card/card-img.tsx
-  var React75 = __toESM(__require("react"));
-  var CardImage = class extends React75.Component {
+  var React76 = __toESM(__require("react"));
+  var CardImage = class extends React76.Component {
     render() {
       const _a = this.props, {
         children,
@@ -3035,7 +3081,7 @@
         "className",
         "src"
       ]);
-      return /* @__PURE__ */ React75.createElement(React75.Fragment, null, src ? /* @__PURE__ */ React75.createElement("img", __spreadProps(__spreadValues({
+      return /* @__PURE__ */ React76.createElement(React76.Fragment, null, src ? /* @__PURE__ */ React76.createElement("img", __spreadProps(__spreadValues({
         style: this.props.style
       }, htmlAttributes), {
         className: classNames(
@@ -3043,20 +3089,20 @@
           className
         ),
         src
-      })) : /* @__PURE__ */ React75.createElement("span", __spreadProps(__spreadValues({
+      })) : /* @__PURE__ */ React76.createElement("span", __spreadProps(__spreadValues({
         style: this.props.style
       }, htmlAttributes), {
         className: classNames(
           "k-card-image",
           className
         )
-      }), /* @__PURE__ */ React75.createElement(React75.Fragment, null, children)));
+      }), /* @__PURE__ */ React76.createElement(React76.Fragment, null, children)));
     }
   };
 
   // src/card/card-header.tsx
-  var React76 = __toESM(__require("react"));
-  var CardHeader = class extends React76.Component {
+  var React77 = __toESM(__require("react"));
+  var CardHeader = class extends React77.Component {
     render() {
       const _a = this.props, {
         children,
@@ -3071,14 +3117,14 @@
         "subtitle",
         "details"
       ]);
-      return /* @__PURE__ */ React76.createElement("div", __spreadProps(__spreadValues({}, htmlAttributes), {
+      return /* @__PURE__ */ React77.createElement("div", __spreadProps(__spreadValues({}, htmlAttributes), {
         className: classNames(
           "k-card-header",
           className
         )
-      }), title && /* @__PURE__ */ React76.createElement(CardTitle, null, title), subtitle && /* @__PURE__ */ React76.createElement(CardSubtitle, null, subtitle), /* @__PURE__ */ React76.createElement(React76.Fragment, null, children), details && /* @__PURE__ */ React76.createElement("span", {
+      }), title && /* @__PURE__ */ React77.createElement(CardTitle, null, title), subtitle && /* @__PURE__ */ React77.createElement(CardSubtitle, null, subtitle), /* @__PURE__ */ React77.createElement(React77.Fragment, null, children), details && /* @__PURE__ */ React77.createElement("span", {
         className: "k-card-header-actions"
-      }, /* @__PURE__ */ React76.createElement(Button, {
+      }, /* @__PURE__ */ React77.createElement(Button, {
         className: "k-card-details",
         icon: "more-vertical",
         rounded: "medium",
@@ -3090,8 +3136,8 @@
   };
 
   // src/card/card-footer.tsx
-  var React77 = __toESM(__require("react"));
-  var CardFooter = class extends React77.Component {
+  var React78 = __toESM(__require("react"));
+  var CardFooter = class extends React78.Component {
     render() {
       const _a = this.props, {
         children,
@@ -3100,7 +3146,7 @@
         "children",
         "className"
       ]);
-      return /* @__PURE__ */ React77.createElement("div", __spreadProps(__spreadValues({}, htmlAttributes), {
+      return /* @__PURE__ */ React78.createElement("div", __spreadProps(__spreadValues({}, htmlAttributes), {
         className: classNames(
           "k-card-footer",
           className
@@ -3110,8 +3156,8 @@
   };
 
   // src/card/card-body.tsx
-  var React78 = __toESM(__require("react"));
-  var CardBody = class extends React78.Component {
+  var React79 = __toESM(__require("react"));
+  var CardBody = class extends React79.Component {
     render() {
       const _a = this.props, {
         children,
@@ -3126,16 +3172,16 @@
         "subtitle",
         "details"
       ]);
-      return /* @__PURE__ */ React78.createElement("div", __spreadProps(__spreadValues({
+      return /* @__PURE__ */ React79.createElement("div", __spreadProps(__spreadValues({
         style: this.props.style
       }, htmlAttributes), {
         className: classNames(
           "k-card-body",
           className
         )
-      }), title && /* @__PURE__ */ React78.createElement(CardTitle, null, title), subtitle && /* @__PURE__ */ React78.createElement(CardSubtitle, null, subtitle), /* @__PURE__ */ React78.createElement(React78.Fragment, null, children), details && /* @__PURE__ */ React78.createElement("span", {
+      }), title && /* @__PURE__ */ React79.createElement(CardTitle, null, title), subtitle && /* @__PURE__ */ React79.createElement(CardSubtitle, null, subtitle), /* @__PURE__ */ React79.createElement(React79.Fragment, null, children), details && /* @__PURE__ */ React79.createElement("span", {
         className: "k-card-body-actions"
-      }, /* @__PURE__ */ React78.createElement(Button, {
+      }, /* @__PURE__ */ React79.createElement(Button, {
         className: "k-card-details",
         icon: "more-vertical",
         rounded: "medium",
@@ -3147,8 +3193,8 @@
   };
 
   // src/card/card-deck.tsx
-  var React79 = __toESM(__require("react"));
-  var CardDeck = class extends React79.Component {
+  var React80 = __toESM(__require("react"));
+  var CardDeck = class extends React80.Component {
     render() {
       const _a = this.props, {
         children,
@@ -3157,7 +3203,7 @@
         "children",
         "className"
       ]);
-      return /* @__PURE__ */ React79.createElement("div", __spreadProps(__spreadValues({}, htmlAttributes), {
+      return /* @__PURE__ */ React80.createElement("div", __spreadProps(__spreadValues({}, htmlAttributes), {
         className: classNames(
           "k-card-deck",
           className