@progress/kendo-themes-html 6.2.1-dev.0 → 6.2.1-dev.44

package/dist/index.js

@@ -109,9 +109,9 @@
         "type"
       ]);
       const typeClass = type === "p" ? "paragraph" : type;
-      const Component99 = type.includes("display") ? "div" : type;
+      const Component120 = type.includes("display") ? "div" : type;
       return /* @__PURE__ */ React.createElement(
-        Component99,
+        Component120,
         __spreadProps(__spreadValues({}, htmlAttributes), {
           className: classNames(
             {
@@ -2244,7 +2244,7 @@
           required,
           loading,
           disabled,
-          className: classNames(className, "k-dropdowngrid")
+          className: classNames(className, "k-combobox", "k-dropdowngrid")
         },
         /* @__PURE__ */ React51.createElement(InputPrefix, null, prefix),
         /* @__PURE__ */ React51.createElement(InputInnerInput, { placeholder, value }),
@@ -2982,9 +2982,56 @@
     themeColor: "primary"
   };
 
-  // src/menu/menu-item.tsx
+  // src/fab/fab-items.tsx
   var React66 = __toESM(__require("react"));
-  var MenuItem = class extends React66.Component {
+  var FloatingActionButtonItems = class extends React66.Component {
+    render() {
+      const {
+        className,
+        position,
+        children
+      } = this.props;
+      return /* @__PURE__ */ React66.createElement("ul", { className: classNames(
+        className,
+        "k-fab-items",
+        {
+          [`k-fab-items-${position}`]: position
+        }
+      ) }, children);
+    }
+  };
+
+  // src/fab/fab-item.tsx
+  var React67 = __toESM(__require("react"));
+  var FloatingActionButtonItem = class extends React67.Component {
+    render() {
+      const {
+        className,
+        align,
+        text,
+        icon,
+        hover,
+        focus,
+        active,
+        disabled
+      } = this.props;
+      return /* @__PURE__ */ React67.createElement("li", { className: classNames(
+        className,
+        "k-fab-item",
+        {
+          [`k-text-${align}`]: align,
+          "k-hover": hover,
+          "k-focus": focus,
+          "k-active": active,
+          "k-disabled": disabled
+        }
+      ) }, /* @__PURE__ */ React67.createElement("span", { className: "k-fab-item-text" }, text), /* @__PURE__ */ React67.createElement(Icon, { className: "k-fab-item-icon", name: icon }));
+    }
+  };
+
+  // src/menu/menu-item.tsx
+  var React68 = __toESM(__require("react"));
+  var MenuItem = class extends React68.Component {
     render() {
       const {
         className,
@@ -3000,7 +3047,7 @@
         disabled,
         dir
       } = this.props;
-      const contentTemplate = /* @__PURE__ */ React66.createElement(React66.Fragment, null);
+      const contentTemplate = /* @__PURE__ */ React68.createElement(React68.Fragment, null);
       if (children) {
         children.forEach((child) => {
           const component = child.type;
@@ -3014,7 +3061,7 @@
       if (!expandArrowName) {
         expandArrowName = dir === "rtl" ? "caret-alt-left" : "caret-alt-right";
       }
-      return /* @__PURE__ */ React66.createElement(
+      return /* @__PURE__ */ React68.createElement(
         "li",
         {
           className: classNames(
@@ -3026,7 +3073,7 @@
             }
           )
         },
-        /* @__PURE__ */ React66.createElement(
+        /* @__PURE__ */ React68.createElement(
           "span",
           {
             className: classNames(
@@ -3040,9 +3087,9 @@
               }
             )
           },
-          icon && /* @__PURE__ */ React66.createElement(Icon, { className: "k-menu-link-icon", name: icon }),
-          /* @__PURE__ */ React66.createElement("span", { className: "k-menu-link-text" }, text),
-          showArrow && /* @__PURE__ */ React66.createElement("span", { className: "k-menu-expand-arrow" }, /* @__PURE__ */ React66.createElement(Icon, { name: expandArrowName }))
+          icon && /* @__PURE__ */ React68.createElement(Icon, { className: "k-menu-link-icon", name: icon }),
+          /* @__PURE__ */ React68.createElement("span", { className: "k-menu-link-text" }, text),
+          showArrow && /* @__PURE__ */ React68.createElement("span", { className: "k-menu-expand-arrow" }, /* @__PURE__ */ React68.createElement(Icon, { name: expandArrowName }))
         ),
         contentTemplate
       );
@@ -3054,17 +3101,17 @@
   };
 
   // src/menu/menu-item-content.tsx
-  var React67 = __toESM(__require("react"));
-  var MenuItemContent = class extends React67.Component {
+  var React69 = __toESM(__require("react"));
+  var MenuItemContent = class extends React69.Component {
     render() {
       const {
         className,
         children
       } = this.props;
       if (!children) {
-        return /* @__PURE__ */ React67.createElement(React67.Fragment, null);
+        return /* @__PURE__ */ React69.createElement(React69.Fragment, null);
       }
-      return /* @__PURE__ */ React67.createElement(
+      return /* @__PURE__ */ React69.createElement(
         "span",
         {
           className: classNames(
@@ -3078,8 +3125,8 @@
   };
 
   // src/menu/menu-list.tsx
-  var React68 = __toESM(__require("react"));
-  var MenuList = class extends React68.Component {
+  var React70 = __toESM(__require("react"));
+  var MenuList = class extends React70.Component {
     render() {
       const {
         className,
@@ -3087,9 +3134,9 @@
         size
       } = this.props;
       if (!children) {
-        return /* @__PURE__ */ React68.createElement(React68.Fragment, null);
+        return /* @__PURE__ */ React70.createElement(React70.Fragment, null);
       }
-      return /* @__PURE__ */ React68.createElement(
+      return /* @__PURE__ */ React70.createElement(
         "ul",
         {
           className: classNames(
@@ -3109,8 +3156,8 @@
   };
 
   // src/toolbar/toolbar.tsx
-  var React69 = __toESM(__require("react"));
-  var Toolbar = class extends React69.Component {
+  var React71 = __toESM(__require("react"));
+  var Toolbar = class extends React71.Component {
     render() {
       const _a = this.props, {
         children,
@@ -3130,7 +3177,7 @@
         const tempToolbarChildren = [];
         if (child.type === Button && child.props.className && child.props.className.includes("k-toolbar-overflow-button")) {
           tempToolbarChildren.push(
-            /* @__PURE__ */ React69.createElement(
+            /* @__PURE__ */ React71.createElement(
               Button,
               __spreadProps(__spreadValues({
                 key: `${index}-${new Date().getTime()}`
@@ -3141,7 +3188,7 @@
           );
         } else if (child.type === Button && child.props.className && child.props.className.includes("k-toggle-button")) {
           tempToolbarChildren.push(
-            /* @__PURE__ */ React69.createElement(
+            /* @__PURE__ */ React71.createElement(
               Button,
               __spreadProps(__spreadValues({
                 key: `${index}-${new Date().getTime()}`
@@ -3152,7 +3199,7 @@
           );
         } else if (child.type === Button) {
           tempToolbarChildren.push(
-            /* @__PURE__ */ React69.createElement(
+            /* @__PURE__ */ React71.createElement(
               Button,
               __spreadProps(__spreadValues({
                 key: `${index}-${new Date().getTime()}`
@@ -3163,7 +3210,7 @@
           );
         } else if (child.type === MenuButton) {
           tempToolbarChildren.push(
-            /* @__PURE__ */ React69.createElement(
+            /* @__PURE__ */ React71.createElement(
               MenuButton,
               __spreadProps(__spreadValues({
                 key: `${index}-${new Date().getTime()}`
@@ -3174,7 +3221,7 @@
           );
         } else if (child.type === SplitButton) {
           tempToolbarChildren.push(
-            /* @__PURE__ */ React69.createElement(
+            /* @__PURE__ */ React71.createElement(
               SplitButton,
               __spreadProps(__spreadValues({
                 key: `${index}-${new Date().getTime()}`
@@ -3188,7 +3235,7 @@
           const childrenArray = Array.isArray(child.props.children) ? child.props.children : [child.props.children];
           childrenArray.forEach((button, bindex) => {
             buttonGroupItems.push(
-              /* @__PURE__ */ React69.createElement(
+              /* @__PURE__ */ React71.createElement(
                 Button,
                 __spreadProps(__spreadValues({
                   key: `${bindex}-${new Date().getTime()}`
@@ -3199,7 +3246,7 @@
             );
           });
           tempToolbarChildren.push(
-            /* @__PURE__ */ React69.createElement(
+            /* @__PURE__ */ React71.createElement(
               ButtonGroup,
               __spreadProps(__spreadValues({
                 key: `${index}-${new Date().getTime()}`
@@ -3211,7 +3258,7 @@
           );
         } else if (child.type === Combobox) {
           tempToolbarChildren.push(
-            /* @__PURE__ */ React69.createElement(
+            /* @__PURE__ */ React71.createElement(
               Combobox,
               __spreadProps(__spreadValues({
                 key: `${index}-${new Date().getTime()}`
@@ -3222,7 +3269,7 @@
           );
         } else if (child.type === DropdownList) {
           tempToolbarChildren.push(
-            /* @__PURE__ */ React69.createElement(
+            /* @__PURE__ */ React71.createElement(
               DropdownList,
               __spreadProps(__spreadValues({
                 key: `${index}-${new Date().getTime()}`
@@ -3233,7 +3280,7 @@
           );
         } else if (child.type === ColorPicker) {
           tempToolbarChildren.push(
-            /* @__PURE__ */ React69.createElement(
+            /* @__PURE__ */ React71.createElement(
               ColorPicker,
               __spreadProps(__spreadValues({
                 key: `${index}-${new Date().getTime()}`
@@ -3246,7 +3293,7 @@
           tempToolbarChildren.push(child);
         }
         tempToolbarChildren.forEach((item) => {
-          const tool = framework === "angular" ? React69.createElement("div", { className: "k-toolbar-renderer" }, item) : item;
+          const tool = framework === "angular" ? React71.createElement("div", { className: "k-toolbar-renderer" }, item) : item;
           toolbarChildren.push(tool);
         });
       };
@@ -3260,7 +3307,7 @@
           }
         });
       }
-      return /* @__PURE__ */ React69.createElement(
+      return /* @__PURE__ */ React71.createElement(
         "div",
         __spreadProps(__spreadValues({}, htmlAttributes), {
           className: classNames(
@@ -3282,26 +3329,26 @@
   };
 
   // src/toolbar/toolbar-separator.tsx
-  var React70 = __toESM(__require("react"));
-  var ToolbarSeparator = class extends React70.Component {
+  var React72 = __toESM(__require("react"));
+  var ToolbarSeparator = class extends React72.Component {
     render() {
       const {
         className
       } = this.props;
-      return /* @__PURE__ */ React70.createElement("div", { className: classNames(className, "k-separator") });
+      return /* @__PURE__ */ React72.createElement("div", { className: classNames(className, "k-separator") });
     }
   };
 
   // src/toolbar/toolbar-item.tsx
-  var React71 = __toESM(__require("react"));
-  var ToolbarItem = class extends React71.Component {
+  var React73 = __toESM(__require("react"));
+  var ToolbarItem = class extends React73.Component {
     render() {
       const {
         children,
         className,
         focus
       } = this.props;
-      return /* @__PURE__ */ React71.createElement("div", { className: classNames(
+      return /* @__PURE__ */ React73.createElement("div", { className: classNames(
         className,
         "k-toolbar-item",
         {
@@ -3312,8 +3359,8 @@
   };
 
   // src/action-sheet/action-sheet.tsx
-  var React72 = __toESM(__require("react"));
-  var ActionSheet = class extends React72.Component {
+  var React74 = __toESM(__require("react"));
+  var ActionSheet = class extends React74.Component {
     render() {
       const _a = this.props, {
         children,
@@ -3336,11 +3383,11 @@
         "adaptive",
         "className"
       ]);
-      const childrenArray = React72.Children.toArray(children);
-      const _ActionSheetHeader = title ? /* @__PURE__ */ React72.createElement(ActionSheetHeader, { title }) : header ? header : childrenArray.find((child) => React72.isValidElement(child) && child.type === ActionSheetHeader);
-      const _ActionSheetFooter = actions ? /* @__PURE__ */ React72.createElement(ActionSheetFooter, { className: "k-actions", actions }) : footer ? typeof footer === "string" ? /* @__PURE__ */ React72.createElement(ActionSheetFooter, null, footer) : footer : childrenArray.find((child) => React72.isValidElement(child) && child.type === ActionSheetFooter);
+      const childrenArray = React74.Children.toArray(children);
+      const _ActionSheetHeader = title ? /* @__PURE__ */ React74.createElement(ActionSheetHeader, { title }) : header ? header : childrenArray.find((child) => React74.isValidElement(child) && child.type === ActionSheetHeader);
+      const _ActionSheetFooter = actions ? /* @__PURE__ */ React74.createElement(ActionSheetFooter, { className: "k-actions", actions }) : footer ? typeof footer === "string" ? /* @__PURE__ */ React74.createElement(ActionSheetFooter, null, footer) : footer : childrenArray.find((child) => React74.isValidElement(child) && child.type === ActionSheetFooter);
       const _ActionSheetContent = childrenArray.filter((child) => {
-        if (React72.isValidElement(child)) {
+        if (React74.isValidElement(child)) {
           switch (child.type) {
             case ActionSheetHeader:
             case ActionSheetFooter:
@@ -3351,7 +3398,7 @@
         }
         return true;
       });
-      return /* @__PURE__ */ React72.createElement("div", { className: "k-actionsheet-container" }, /* @__PURE__ */ React72.createElement("div", { className: "k-overlay" }), /* @__PURE__ */ React72.createElement("div", { className: "k-animation-container" }, /* @__PURE__ */ React72.createElement(
+      return /* @__PURE__ */ React74.createElement("div", { className: "k-actionsheet-container" }, /* @__PURE__ */ React74.createElement("div", { className: "k-overlay" }), /* @__PURE__ */ React74.createElement("div", { className: "k-animation-container" }, /* @__PURE__ */ React74.createElement(
         "div",
         {
           className: "k-child-animation-container",
@@ -3363,7 +3410,7 @@
             [`${side === "left" || side === "right" ? "height" : null}`]: "100%"
           }
         },
-        /* @__PURE__ */ React72.createElement(
+        /* @__PURE__ */ React74.createElement(
           "div",
           __spreadValues({
             className: classNames(
@@ -3376,7 +3423,7 @@
               className
             )
           }, htmlAttributes),
-          /* @__PURE__ */ React72.createElement(React72.Fragment, null, _ActionSheetHeader, /* @__PURE__ */ React72.createElement("div", { className: classNames(
+          /* @__PURE__ */ React74.createElement(React74.Fragment, null, _ActionSheetHeader, /* @__PURE__ */ React74.createElement("div", { className: classNames(
             "k-actionsheet-content",
             {
               "!k-overflow-hidden": adaptive
@@ -3393,8 +3440,8 @@
   };
 
   // src/action-sheet/actionsheet-header.tsx
-  var React73 = __toESM(__require("react"));
-  var ActionSheetHeader = class extends React73.Component {
+  var React75 = __toESM(__require("react"));
+  var ActionSheetHeader = class extends React75.Component {
     render() {
       const {
         title,
@@ -3404,7 +3451,7 @@
         filter,
         className
       } = this.props;
-      return /* @__PURE__ */ React73.createElement(
+      return /* @__PURE__ */ React75.createElement(
         "div",
         {
           className: classNames(
@@ -3412,42 +3459,42 @@
             "k-actionsheet-titlebar"
           )
         },
-        /* @__PURE__ */ React73.createElement(React73.Fragment, null, /* @__PURE__ */ React73.createElement("div", { className: "k-actionsheet-titlebar-group k-hbox" }, !children && (title || subTitle) && /* @__PURE__ */ React73.createElement(React73.Fragment, null, /* @__PURE__ */ React73.createElement("div", { className: "k-actionsheet-title" }, title !== "" && /* @__PURE__ */ React73.createElement("div", { className: "k-text-center" }, title), subTitle !== "" && /* @__PURE__ */ React73.createElement("div", { className: "k-actionsheet-subtitle k-text-center" }, subTitle))), children && /* @__PURE__ */ React73.createElement("div", { className: "k-actionsheet-title" }, children), actions && /* @__PURE__ */ React73.createElement(React73.Fragment, null, /* @__PURE__ */ React73.createElement("div", { className: "k-actionsheet-actions" }, actions.map((actionName) => /* @__PURE__ */ React73.createElement(Button, { key: actionName, icon: actionName, size: "large", fillMode: "flat" }))))), filter && /* @__PURE__ */ React73.createElement(React73.Fragment, null, /* @__PURE__ */ React73.createElement("div", { className: "k-actionsheet-titlebar-group k-actionsheet-filter" }, /* @__PURE__ */ React73.createElement(Searchbox, { placeholder: "Filter", size: "large" }))))
+        /* @__PURE__ */ React75.createElement(React75.Fragment, null, /* @__PURE__ */ React75.createElement("div", { className: "k-actionsheet-titlebar-group k-hbox" }, !children && (title || subTitle) && /* @__PURE__ */ React75.createElement(React75.Fragment, null, /* @__PURE__ */ React75.createElement("div", { className: "k-actionsheet-title" }, title !== "" && /* @__PURE__ */ React75.createElement("div", { className: "k-text-center" }, title), subTitle !== "" && /* @__PURE__ */ React75.createElement("div", { className: "k-actionsheet-subtitle k-text-center" }, subTitle))), children && /* @__PURE__ */ React75.createElement("div", { className: "k-actionsheet-title" }, children), actions && /* @__PURE__ */ React75.createElement(React75.Fragment, null, /* @__PURE__ */ React75.createElement("div", { className: "k-actionsheet-actions" }, actions.map((actionName) => /* @__PURE__ */ React75.createElement(Button, { key: actionName, icon: actionName, size: "large", fillMode: "flat" }))))), filter && /* @__PURE__ */ React75.createElement(React75.Fragment, null, /* @__PURE__ */ React75.createElement("div", { className: "k-actionsheet-titlebar-group k-actionsheet-filter" }, /* @__PURE__ */ React75.createElement(Searchbox, { placeholder: "Filter", size: "large" }))))
       );
     }
   };
 
   // src/action-sheet/actionsheet-footer.tsx
-  var React74 = __toESM(__require("react"));
-  var ActionSheetFooter = class extends React74.Component {
+  var React76 = __toESM(__require("react"));
+  var ActionSheetFooter = class extends React76.Component {
     render() {
       const {
         children,
         actions
       } = this.props;
-      return /* @__PURE__ */ React74.createElement(ActionButtons, { className: "k-actionsheet-footer", alignment: "stretched" }, /* @__PURE__ */ React74.createElement(React74.Fragment, null, actions && actions.map((action, index) => {
+      return /* @__PURE__ */ React76.createElement(ActionButtons, { className: "k-actionsheet-footer", alignment: "stretched" }, /* @__PURE__ */ React76.createElement(React76.Fragment, null, actions && actions.map((action, index) => {
         if (action === "|") {
-          return /* @__PURE__ */ React74.createElement("span", { key: index, className: "k-separator" });
+          return /* @__PURE__ */ React76.createElement("span", { key: index, className: "k-separator" });
         }
         if (action === " ") {
-          return /* @__PURE__ */ React74.createElement("span", { key: index, className: "k-spacer" });
+          return /* @__PURE__ */ React76.createElement("span", { key: index, className: "k-spacer" });
         }
         const importantFlag = action.startsWith("!");
         const actionName = importantFlag ? action.substring(1) : action;
-        return /* @__PURE__ */ React74.createElement(Button, { key: index, text: actionName, size: "large", themeColor: importantFlag ? "primary" : "base" });
+        return /* @__PURE__ */ React76.createElement(Button, { key: index, text: actionName, size: "large", themeColor: importantFlag ? "primary" : "base" });
       }), !actions && children));
     }
   };
 
   // src/action-sheet/actionsheet-items.tsx
-  var React75 = __toESM(__require("react"));
-  var ActionSheetItems = class extends React75.Component {
+  var React77 = __toESM(__require("react"));
+  var ActionSheetItems = class extends React77.Component {
     render() {
       const {
         children,
         className
       } = this.props;
-      return /* @__PURE__ */ React75.createElement("div", { className: classNames(
+      return /* @__PURE__ */ React77.createElement("div", { className: classNames(
         "k-list-ul",
         className
       ) }, children);
@@ -3455,8 +3502,8 @@
   };
 
   // src/action-sheet/actionsheet-item.tsx
-  var React76 = __toESM(__require("react"));
-  var ActionSheetItem = class extends React76.Component {
+  var React78 = __toESM(__require("react"));
+  var ActionSheetItem = class extends React78.Component {
     render() {
       const {
         children,
@@ -3469,7 +3516,7 @@
         selected,
         disabled
       } = this.props;
-      return /* @__PURE__ */ React76.createElement(
+      return /* @__PURE__ */ React78.createElement(
         "span",
         {
           className: classNames(
@@ -3483,15 +3530,15 @@
             }
           )
         },
-        !children && (text !== "" || description !== "" || iconName !== "") && /* @__PURE__ */ React76.createElement(React76.Fragment, null, /* @__PURE__ */ React76.createElement("span", { className: "k-actionsheet-action" }, iconName !== "" && /* @__PURE__ */ React76.createElement("span", { className: "k-icon-wrap" }, /* @__PURE__ */ React76.createElement(Icon, { className: "k-actionsheet-item-icon", name: iconName })), /* @__PURE__ */ React76.createElement("span", { className: "k-actionsheet-item-text" }, text !== "" && /* @__PURE__ */ React76.createElement("span", { className: "k-actionsheet-item-title" }, text), description !== "" && /* @__PURE__ */ React76.createElement("span", { className: "k-actionsheet-item-description" }, description)))),
+        !children && (text !== "" || description !== "" || iconName !== "") && /* @__PURE__ */ React78.createElement(React78.Fragment, null, /* @__PURE__ */ React78.createElement("span", { className: "k-actionsheet-action" }, iconName !== "" && /* @__PURE__ */ React78.createElement("span", { className: "k-icon-wrap" }, /* @__PURE__ */ React78.createElement(Icon, { className: "k-actionsheet-item-icon", name: iconName })), /* @__PURE__ */ React78.createElement("span", { className: "k-actionsheet-item-text" }, text !== "" && /* @__PURE__ */ React78.createElement("span", { className: "k-actionsheet-item-title" }, text), description !== "" && /* @__PURE__ */ React78.createElement("span", { className: "k-actionsheet-item-description" }, description)))),
         children
       );
     }
   };
 
   // src/dialog/dialog.tsx
-  var React77 = __toESM(__require("react"));
-  var Dialog = class extends React77.Component {
+  var React79 = __toESM(__require("react"));
+  var Dialog = class extends React79.Component {
     render() {
       const {
         className,
@@ -3502,7 +3549,7 @@
         actionButtons,
         actionButtonsAlign
       } = this.props;
-      return /* @__PURE__ */ React77.createElement(
+      return /* @__PURE__ */ React79.createElement(
         "div",
         {
           style: this.props.style,
@@ -3515,18 +3562,18 @@
             className
           )
         },
-        (title !== void 0 || actions) && /* @__PURE__ */ React77.createElement("div", { className: "k-window-titlebar k-dialog-titlebar" }, title !== void 0 && /* @__PURE__ */ React77.createElement("span", { className: "k-window-title k-dialog-title" }, title), actions && /* @__PURE__ */ React77.createElement(React77.Fragment, null, /* @__PURE__ */ React77.createElement("div", { className: "k-window-titlebar-actions k-dialog-titlebar-actions" }, actions.map(
-          (actionName) => /* @__PURE__ */ React77.createElement(Button, { key: actionName, icon: actionName, fillMode: "flat", className: "k-window-titlebar-action k-dialog-titlebar-action" })
+        (title !== void 0 || actions) && /* @__PURE__ */ React79.createElement("div", { className: "k-window-titlebar k-dialog-titlebar" }, title !== void 0 && /* @__PURE__ */ React79.createElement("span", { className: "k-window-title k-dialog-title" }, title), actions && /* @__PURE__ */ React79.createElement(React79.Fragment, null, /* @__PURE__ */ React79.createElement("div", { className: "k-window-titlebar-actions k-dialog-titlebar-actions" }, actions.map(
+          (actionName) => /* @__PURE__ */ React79.createElement(Button, { key: actionName, icon: actionName, fillMode: "flat", className: "k-window-titlebar-action k-dialog-titlebar-action" })
         )))),
-        /* @__PURE__ */ React77.createElement("div", { className: "k-window-content k-dialog-content" }, children),
-        actionButtons && /* @__PURE__ */ React77.createElement(ActionButtons, { alignment: actionButtonsAlign, className: "k-window-actions k-dialog-actions" }, /* @__PURE__ */ React77.createElement(Button, null, "Action"), /* @__PURE__ */ React77.createElement(Button, { themeColor: "primary" }, "Primary"))
+        /* @__PURE__ */ React79.createElement("div", { className: "k-window-content k-dialog-content" }, children),
+        actionButtons && /* @__PURE__ */ React79.createElement(ActionButtons, { alignment: actionButtonsAlign, className: "k-window-actions k-dialog-actions" }, /* @__PURE__ */ React79.createElement(Button, null, "Action"), /* @__PURE__ */ React79.createElement(Button, { themeColor: "primary" }, "Primary"))
       );
     }
   };
 
   // src/notification/notification.tsx
-  var React78 = __toESM(__require("react"));
-  var Notification = class extends React78.Component {
+  var React80 = __toESM(__require("react"));
+  var Notification = class extends React80.Component {
     render() {
       const _a = this.props, {
         actions,
@@ -3545,7 +3592,7 @@
         "closable",
         "children"
       ]);
-      return /* @__PURE__ */ React78.createElement(
+      return /* @__PURE__ */ React80.createElement(
         "div",
         __spreadProps(__spreadValues({}, htmlAttributes), {
           dir: this.props.dir,
@@ -3558,9 +3605,9 @@
             }
           )
         }),
-        icon && /* @__PURE__ */ React78.createElement(Icon, { className: "k-notification-status", name: icon }),
-        children ? /* @__PURE__ */ React78.createElement("div", { className: "k-notification-content" }, text, children) : /* @__PURE__ */ React78.createElement(React78.Fragment, null, text && /* @__PURE__ */ React78.createElement("div", { className: "k-notification-content" }, text)),
-        actions && /* @__PURE__ */ React78.createElement("span", { className: "k-notification-actions" }, actions)
+        icon && /* @__PURE__ */ React80.createElement(Icon, { className: "k-notification-status", name: icon }),
+        children ? /* @__PURE__ */ React80.createElement("div", { className: "k-notification-content" }, text, children) : /* @__PURE__ */ React80.createElement(React80.Fragment, null, text && /* @__PURE__ */ React80.createElement("div", { className: "k-notification-content" }, text)),
+        actions && /* @__PURE__ */ React80.createElement("span", { className: "k-notification-actions" }, actions)
       );
     }
   };
@@ -3570,12 +3617,12 @@
   };
 
   // src/notification/notification-action.tsx
-  var React79 = __toESM(__require("react"));
+  var React81 = __toESM(__require("react"));
   var notificatonActionType = /* @__PURE__ */ ((notificatonActionType2) => {
     notificatonActionType2["CLOSE"] = "close";
     return notificatonActionType2;
   })(notificatonActionType || {});
-  var NotificationAction = class extends React79.Component {
+  var NotificationAction = class extends React81.Component {
     render() {
       const {
         className,
@@ -3584,12 +3631,12 @@
       let icon;
       switch (type) {
         case "close" /* CLOSE */:
-          icon = /* @__PURE__ */ React79.createElement(Icon, { name: "x" });
+          icon = /* @__PURE__ */ React81.createElement(Icon, { name: "x" });
           break;
         default:
-          return /* @__PURE__ */ React79.createElement(Icon, { name: type });
+          return /* @__PURE__ */ React81.createElement(Icon, { name: type });
       }
-      return /* @__PURE__ */ React79.createElement(
+      return /* @__PURE__ */ React81.createElement(
         "span",
         {
           className: classNames(
@@ -3604,8 +3651,8 @@
   };
 
   // src/popover/popover.tsx
-  var React80 = __toESM(__require("react"));
-  var Popover = class extends React80.Component {
+  var React82 = __toESM(__require("react"));
+  var Popover = class extends React82.Component {
     render() {
       const _a = this.props, {
         className,
@@ -3620,18 +3667,18 @@
         "title",
         "body"
       ]);
-      return /* @__PURE__ */ React80.createElement("div", __spreadValues({ className: classNames(className, "k-popover") }, htmlAttributes), callout && /* @__PURE__ */ React80.createElement("div", { className: classNames(
+      return /* @__PURE__ */ React82.createElement("div", __spreadValues({ className: classNames(className, "k-popover") }, htmlAttributes), callout && /* @__PURE__ */ React82.createElement("div", { className: classNames(
         "k-popover-callout",
         {
           [`k-callout-${kendoThemeMaps.calloutMap[callout] || callout}`]: callout
         }
-      ) }), /* @__PURE__ */ React80.createElement("div", { className: "k-popover-inner" }, title && /* @__PURE__ */ React80.createElement("div", { className: "k-popover-header" }, title), body && /* @__PURE__ */ React80.createElement("div", { className: "k-popover-body" }, body), /* @__PURE__ */ React80.createElement(React80.Fragment, null, children)));
+      ) }), /* @__PURE__ */ React82.createElement("div", { className: "k-popover-inner" }, title && /* @__PURE__ */ React82.createElement("div", { className: "k-popover-header" }, title), body && /* @__PURE__ */ React82.createElement("div", { className: "k-popover-body" }, body), /* @__PURE__ */ React82.createElement(React82.Fragment, null, children)));
     }
   };
 
   // src/window/window.tsx
-  var React81 = __toESM(__require("react"));
-  var Window = class extends React81.Component {
+  var React83 = __toESM(__require("react"));
+  var Window = class extends React83.Component {
     render() {
       const {
         className,
@@ -3643,7 +3690,7 @@
         actionButtons,
         actionButtonsAlign
       } = this.props;
-      return /* @__PURE__ */ React81.createElement(
+      return /* @__PURE__ */ React83.createElement(
         "div",
         {
           className: classNames(
@@ -3655,23 +3702,23 @@
             className
           )
         },
-        (title !== void 0 || actions) && /* @__PURE__ */ React81.createElement("div", { className: "k-window-titlebar" }, title !== void 0 && /* @__PURE__ */ React81.createElement("span", { className: "k-window-title" }, title), actions && /* @__PURE__ */ React81.createElement(React81.Fragment, null, /* @__PURE__ */ React81.createElement("div", { className: "k-window-titlebar-actions" }, actions.map(
-          (actionName) => /* @__PURE__ */ React81.createElement(Button, { key: actionName, icon: actionName, fillMode: "flat", className: "k-window-titlebar-action" })
+        (title !== void 0 || actions) && /* @__PURE__ */ React83.createElement("div", { className: "k-window-titlebar" }, title !== void 0 && /* @__PURE__ */ React83.createElement("span", { className: "k-window-title" }, title), actions && /* @__PURE__ */ React83.createElement(React83.Fragment, null, /* @__PURE__ */ React83.createElement("div", { className: "k-window-titlebar-actions" }, actions.map(
+          (actionName) => /* @__PURE__ */ React83.createElement(Button, { key: actionName, icon: actionName, fillMode: "flat", className: "k-window-titlebar-action" })
         )))),
-        /* @__PURE__ */ React81.createElement("div", { className: classNames(
+        /* @__PURE__ */ React83.createElement("div", { className: classNames(
           "k-window-content",
           {
             "k-hidden": minimized
           }
         ) }, children),
-        actionButtons && /* @__PURE__ */ React81.createElement(ActionButtons, { alignment: actionButtonsAlign, className: "k-window-actions" }, /* @__PURE__ */ React81.createElement(Button, null, "Cancel"), /* @__PURE__ */ React81.createElement(Button, { themeColor: "primary" }, "Update"))
+        actionButtons && /* @__PURE__ */ React83.createElement(ActionButtons, { alignment: actionButtonsAlign, className: "k-window-actions" }, /* @__PURE__ */ React83.createElement(Button, null, "Cancel"), /* @__PURE__ */ React83.createElement(Button, { themeColor: "primary" }, "Update"))
       );
     }
   };
 
   // src/appbar/appbar.tsx
-  var React82 = __toESM(__require("react"));
-  var Appbar = class extends React82.Component {
+  var React84 = __toESM(__require("react"));
+  var Appbar = class extends React84.Component {
     render() {
       const _a = this.props, {
         children,
@@ -3686,7 +3733,7 @@
         "positionMode",
         "position"
       ]);
-      return /* @__PURE__ */ React82.createElement(
+      return /* @__PURE__ */ React84.createElement(
         "div",
         __spreadValues({
           className: classNames(
@@ -3705,17 +3752,17 @@
   };
 
   // src/appbar/appbar-section.tsx
-  var React83 = __toESM(__require("react"));
-  var AppbarSection = class extends React83.Component {
+  var React85 = __toESM(__require("react"));
+  var AppbarSection = class extends React85.Component {
     render() {
       const { children } = this.props;
-      return /* @__PURE__ */ React83.createElement("div", { className: "k-appbar-section" }, children);
+      return /* @__PURE__ */ React85.createElement("div", { className: "k-appbar-section" }, children);
     }
   };
 
   // src/pager/pager.tsx
-  var React84 = __toESM(__require("react"));
-  var Pager = class extends React84.Component {
+  var React86 = __toESM(__require("react"));
+  var Pager = class extends React86.Component {
     render() {
       const _a = this.props, {
         className,
@@ -3738,7 +3785,7 @@
         "focus",
         "disabled"
       ]);
-      return /* @__PURE__ */ React84.createElement(
+      return /* @__PURE__ */ React86.createElement(
         "div",
         __spreadProps(__spreadValues({}, htmlAttributes), {
           dir: this.props.dir,
@@ -3754,14 +3801,14 @@
             }
           )
         }),
-        /* @__PURE__ */ React84.createElement(
+        /* @__PURE__ */ React86.createElement(
           "div",
           {
             className: classNames(
               "k-pager-numbers-wrap"
             )
           },
-          /* @__PURE__ */ React84.createElement(
+          /* @__PURE__ */ React86.createElement(
             Button,
             {
               className: classNames(
@@ -3775,7 +3822,7 @@
               icon: "caret-alt-to-left"
             }
           ),
-          /* @__PURE__ */ React84.createElement(
+          /* @__PURE__ */ React86.createElement(
             Button,
             {
               className: classNames(
@@ -3788,7 +3835,7 @@
               icon: "caret-alt-left"
             }
           ),
-          /* @__PURE__ */ React84.createElement(
+          /* @__PURE__ */ React86.createElement(
             "select",
             {
               className: classNames(
@@ -3801,16 +3848,16 @@
                 }
               )
             },
-            /* @__PURE__ */ React84.createElement("option", null, "1")
+            /* @__PURE__ */ React86.createElement("option", null, "1")
           ),
-          type === "numeric" && /* @__PURE__ */ React84.createElement(
+          type === "numeric" && /* @__PURE__ */ React86.createElement(
             "div",
             {
               className: classNames(
                 "k-pager-numbers"
               )
             },
-            /* @__PURE__ */ React84.createElement(
+            /* @__PURE__ */ React86.createElement(
               Button,
               {
                 fillMode: "flat",
@@ -3820,7 +3867,7 @@
               },
               "1"
             ),
-            /* @__PURE__ */ React84.createElement(
+            /* @__PURE__ */ React86.createElement(
               Button,
               {
                 hover: true,
@@ -3831,7 +3878,7 @@
               },
               "2"
             ),
-            /* @__PURE__ */ React84.createElement(
+            /* @__PURE__ */ React86.createElement(
               Button,
               {
                 focus: true,
@@ -3842,7 +3889,7 @@
               },
               "3"
             ),
-            /* @__PURE__ */ React84.createElement(
+            /* @__PURE__ */ React86.createElement(
               Button,
               {
                 selected: true,
@@ -3853,7 +3900,7 @@
               },
               "4"
             ),
-            /* @__PURE__ */ React84.createElement(
+            /* @__PURE__ */ React86.createElement(
               Button,
               {
                 hover: true,
@@ -3865,7 +3912,7 @@
               },
               "5"
             ),
-            /* @__PURE__ */ React84.createElement(
+            /* @__PURE__ */ React86.createElement(
               Button,
               {
                 selected: true,
@@ -3878,7 +3925,7 @@
               "6"
             )
           ),
-          type === "input" && /* @__PURE__ */ React84.createElement(
+          type === "input" && /* @__PURE__ */ React86.createElement(
             "span",
             {
               className: classNames(
@@ -3886,10 +3933,10 @@
               )
             },
             "Page",
-            /* @__PURE__ */ React84.createElement(Textbox, { showClearButton: false, size: this.props.size, value: "999" }),
+            /* @__PURE__ */ React86.createElement(Textbox, { showClearButton: false, size: this.props.size, value: "999" }),
             "of 8"
           ),
-          /* @__PURE__ */ React84.createElement(
+          /* @__PURE__ */ React86.createElement(
             Button,
             {
               className: classNames(
@@ -3902,7 +3949,7 @@
               icon: "caret-alt-right"
             }
           ),
-          /* @__PURE__ */ React84.createElement(
+          /* @__PURE__ */ React86.createElement(
             Button,
             {
               className: classNames(
@@ -3916,17 +3963,17 @@
             }
           )
         ),
-        pageSizes && /* @__PURE__ */ React84.createElement(
+        pageSizes && /* @__PURE__ */ React86.createElement(
           "span",
           {
             className: classNames(
               "k-pager-sizes"
             )
           },
-          /* @__PURE__ */ React84.createElement(DropdownList, { value: "20", size: this.props.size }),
+          /* @__PURE__ */ React86.createElement(DropdownList, { value: "20", size: this.props.size }),
           "items per page"
         ),
-        refresh && /* @__PURE__ */ React84.createElement(
+        refresh && /* @__PURE__ */ React86.createElement(
           Button,
           {
             className: classNames(
@@ -3938,7 +3985,7 @@
             icon: "arrow-rotate-cw"
           }
         ),
-        info && /* @__PURE__ */ React84.createElement(
+        info && /* @__PURE__ */ React86.createElement(
           "span",
           {
             className: classNames(
@@ -3960,29 +4007,29 @@
   };
 
   // src/treeview/treeview.tsx
-  var React86 = __toESM(__require("react"));
+  var React88 = __toESM(__require("react"));
 
   // src/treeview/treeview-group.tsx
-  var React85 = __toESM(__require("react"));
-  var TreeviewGroup = class extends React85.Component {
+  var React87 = __toESM(__require("react"));
+  var TreeviewGroup = class extends React87.Component {
     render() {
       const {
         className,
         children
       } = this.props;
-      return /* @__PURE__ */ React85.createElement("ul", { className: classNames(className, "k-treeview-group") }, children);
+      return /* @__PURE__ */ React87.createElement("ul", { className: classNames(className, "k-treeview-group") }, children);
     }
   };
 
   // src/treeview/treeview.tsx
-  var Treeview = class extends React86.Component {
+  var Treeview = class extends React88.Component {
     render() {
       const {
         className,
         size,
         children
       } = this.props;
-      return /* @__PURE__ */ React86.createElement(
+      return /* @__PURE__ */ React88.createElement(
         "div",
         {
           className: classNames(
@@ -3993,7 +4040,7 @@
             }
           )
         },
-        /* @__PURE__ */ React86.createElement(TreeviewGroup, { className: "k-treeview-lines" }, children)
+        /* @__PURE__ */ React88.createElement(TreeviewGroup, { className: "k-treeview-lines" }, children)
       );
     }
   };
@@ -4002,11 +4049,11 @@
   };
 
   // src/treeview/treeview-item.tsx
-  var React88 = __toESM(__require("react"));
+  var React90 = __toESM(__require("react"));
 
   // src/treeview/treeview-leaf.tsx
-  var React87 = __toESM(__require("react"));
-  var TreeViewLeaf = class extends React87.Component {
+  var React89 = __toESM(__require("react"));
+  var TreeViewLeaf = class extends React89.Component {
     render() {
       const {
         className,
@@ -4017,7 +4064,7 @@
         focus,
         selected
       } = this.props;
-      return /* @__PURE__ */ React87.createElement(
+      return /* @__PURE__ */ React89.createElement(
         "span",
         {
           className: classNames(
@@ -4030,14 +4077,14 @@
             }
           )
         },
-        showIcon && /* @__PURE__ */ React87.createElement(Icon, { name: icon }),
-        /* @__PURE__ */ React87.createElement("span", { className: "k-treeview-leaf-text" }, text)
+        showIcon && /* @__PURE__ */ React89.createElement(Icon, { name: icon }),
+        /* @__PURE__ */ React89.createElement("span", { className: "k-treeview-leaf-text" }, text)
       );
     }
   };
 
   // src/treeview/treeview-item.tsx
-  var TreeviewItem = class extends React88.Component {
+  var TreeviewItem = class extends React90.Component {
     render() {
       const {
         className,
@@ -4056,7 +4103,7 @@
         disabled
       } = this.props;
       const _hasChildren = hasChildren || children;
-      return /* @__PURE__ */ React88.createElement(
+      return /* @__PURE__ */ React90.createElement(
         "li",
         {
           className: classNames(
@@ -4064,7 +4111,7 @@
             "k-treeview-item"
           )
         },
-        /* @__PURE__ */ React88.createElement("span", { className: "k-treeview-mid" }, _hasChildren && /* @__PURE__ */ React88.createElement(
+        /* @__PURE__ */ React90.createElement("span", { className: "k-treeview-mid" }, _hasChildren && /* @__PURE__ */ React90.createElement(
           "span",
           {
             className: classNames(
@@ -4074,8 +4121,8 @@
               }
             )
           },
-          /* @__PURE__ */ React88.createElement(Icon, { name: expanded ? "caret-alt-down" : "caret-alt-right" })
-        ), showCheckbox && /* @__PURE__ */ React88.createElement(Checkbox, { checked, disabled }), /* @__PURE__ */ React88.createElement(
+          /* @__PURE__ */ React90.createElement(Icon, { name: expanded ? "caret-alt-down" : "caret-alt-right" })
+        ), showCheckbox && /* @__PURE__ */ React90.createElement(Checkbox, { checked, disabled }), /* @__PURE__ */ React90.createElement(
           TreeViewLeaf,
           {
             className: classNames(
@@ -4092,14 +4139,14 @@
             selected
           }
         )),
-        expanded && _hasChildren && /* @__PURE__ */ React88.createElement(React88.Fragment, null, children)
+        expanded && _hasChildren && /* @__PURE__ */ React90.createElement(React90.Fragment, null, children)
       );
     }
   };
 
   // src/card/card.tsx
-  var React89 = __toESM(__require("react"));
-  var Card = class extends React89.Component {
+  var React91 = __toESM(__require("react"));
+  var Card = class extends React91.Component {
     render() {
       const _a = this.props, {
         children,
@@ -4122,7 +4169,7 @@
         "selected",
         "disabled"
       ]);
-      return /* @__PURE__ */ React89.createElement(
+      return /* @__PURE__ */ React91.createElement(
         "div",
         __spreadProps(__spreadValues({
           style: this.props.style
@@ -4141,15 +4188,15 @@
             className
           )
         }),
-        callout && callout !== "true" && /* @__PURE__ */ React89.createElement(CardCallout, { callout }),
-        /* @__PURE__ */ React89.createElement(React89.Fragment, null, children)
+        callout && callout !== "true" && /* @__PURE__ */ React91.createElement(CardCallout, { callout }),
+        /* @__PURE__ */ React91.createElement(React91.Fragment, null, children)
       );
     }
   };
 
   // src/card/card-callout.tsx
-  var React90 = __toESM(__require("react"));
-  var CardCallout = class extends React90.Component {
+  var React92 = __toESM(__require("react"));
+  var CardCallout = class extends React92.Component {
     render() {
       const _a = this.props, {
         className,
@@ -4158,7 +4205,7 @@
         "className",
         "callout"
       ]);
-      return /* @__PURE__ */ React90.createElement(
+      return /* @__PURE__ */ React92.createElement(
         "span",
         __spreadProps(__spreadValues({}, htmlAttributes), {
           className: classNames(
@@ -4174,8 +4221,8 @@
   };
 
   // src/card/card-title.tsx
-  var React91 = __toESM(__require("react"));
-  var CardTitle = class extends React91.Component {
+  var React93 = __toESM(__require("react"));
+  var CardTitle = class extends React93.Component {
     render() {
       const _a = this.props, {
         children,
@@ -4188,7 +4235,7 @@
         "hover",
         "focus"
       ]);
-      return /* @__PURE__ */ React91.createElement(
+      return /* @__PURE__ */ React93.createElement(
         "div",
         __spreadProps(__spreadValues({}, htmlAttributes), {
           className: classNames(
@@ -4206,8 +4253,8 @@
   };
 
   // src/card/card-subtitle.tsx
-  var React92 = __toESM(__require("react"));
-  var CardSubtitle = class extends React92.Component {
+  var React94 = __toESM(__require("react"));
+  var CardSubtitle = class extends React94.Component {
     render() {
       const _a = this.props, {
         children,
@@ -4216,7 +4263,7 @@
         "children",
         "className"
       ]);
-      return /* @__PURE__ */ React92.createElement(
+      return /* @__PURE__ */ React94.createElement(
         "div",
         __spreadProps(__spreadValues({}, htmlAttributes), {
           className: classNames(
@@ -4230,8 +4277,8 @@
   };
 
   // src/card/card-img.tsx
-  var React93 = __toESM(__require("react"));
-  var CardImage = class extends React93.Component {
+  var React95 = __toESM(__require("react"));
+  var CardImage = class extends React95.Component {
     render() {
       const _a = this.props, {
         children,
@@ -4242,7 +4289,7 @@
         "className",
         "src"
       ]);
-      return /* @__PURE__ */ React93.createElement(React93.Fragment, null, src ? /* @__PURE__ */ React93.createElement(
+      return /* @__PURE__ */ React95.createElement(React95.Fragment, null, src ? /* @__PURE__ */ React95.createElement(
         "img",
         __spreadProps(__spreadValues({
           style: this.props.style
@@ -4253,7 +4300,7 @@
           ),
           src
         })
-      ) : /* @__PURE__ */ React93.createElement(
+      ) : /* @__PURE__ */ React95.createElement(
         "span",
         __spreadProps(__spreadValues({
           style: this.props.style
@@ -4263,14 +4310,14 @@
             className
           )
         }),
-        /* @__PURE__ */ React93.createElement(React93.Fragment, null, children)
+        /* @__PURE__ */ React95.createElement(React95.Fragment, null, children)
       ));
     }
   };
 
   // src/card/card-header.tsx
-  var React94 = __toESM(__require("react"));
-  var CardHeader = class extends React94.Component {
+  var React96 = __toESM(__require("react"));
+  var CardHeader = class extends React96.Component {
     render() {
       const _a = this.props, {
         children,
@@ -4285,7 +4332,7 @@
         "subtitle",
         "details"
       ]);
-      return /* @__PURE__ */ React94.createElement(
+      return /* @__PURE__ */ React96.createElement(
         "div",
         __spreadProps(__spreadValues({}, htmlAttributes), {
           className: classNames(
@@ -4293,10 +4340,10 @@
             className
           )
         }),
-        title && /* @__PURE__ */ React94.createElement(CardTitle, null, title),
-        subtitle && /* @__PURE__ */ React94.createElement(CardSubtitle, null, subtitle),
-        /* @__PURE__ */ React94.createElement(React94.Fragment, null, children),
-        details && /* @__PURE__ */ React94.createElement("span", { className: "k-card-header-actions" }, /* @__PURE__ */ React94.createElement(
+        title && /* @__PURE__ */ React96.createElement(CardTitle, null, title),
+        subtitle && /* @__PURE__ */ React96.createElement(CardSubtitle, null, subtitle),
+        /* @__PURE__ */ React96.createElement(React96.Fragment, null, children),
+        details && /* @__PURE__ */ React96.createElement("span", { className: "k-card-header-actions" }, /* @__PURE__ */ React96.createElement(
           Button,
           {
             className: "k-card-details",
@@ -4312,8 +4359,8 @@
   };
 
   // src/card/card-footer.tsx
-  var React95 = __toESM(__require("react"));
-  var CardFooter = class extends React95.Component {
+  var React97 = __toESM(__require("react"));
+  var CardFooter = class extends React97.Component {
     render() {
       const _a = this.props, {
         children,
@@ -4322,7 +4369,7 @@
         "children",
         "className"
       ]);
-      return /* @__PURE__ */ React95.createElement(
+      return /* @__PURE__ */ React97.createElement(
         "div",
         __spreadProps(__spreadValues({}, htmlAttributes), {
           className: classNames(
@@ -4336,8 +4383,8 @@
   };
 
   // src/card/card-body.tsx
-  var React96 = __toESM(__require("react"));
-  var CardBody = class extends React96.Component {
+  var React98 = __toESM(__require("react"));
+  var CardBody = class extends React98.Component {
     render() {
       const _a = this.props, {
         children,
@@ -4352,7 +4399,7 @@
         "subtitle",
         "details"
       ]);
-      return /* @__PURE__ */ React96.createElement(
+      return /* @__PURE__ */ React98.createElement(
         "div",
         __spreadProps(__spreadValues({
           style: this.props.style
@@ -4362,10 +4409,10 @@
             className
           )
         }),
-        title && /* @__PURE__ */ React96.createElement(CardTitle, null, title),
-        subtitle && /* @__PURE__ */ React96.createElement(CardSubtitle, null, subtitle),
-        /* @__PURE__ */ React96.createElement(React96.Fragment, null, children),
-        details && /* @__PURE__ */ React96.createElement("span", { className: "k-card-body-actions" }, /* @__PURE__ */ React96.createElement(
+        title && /* @__PURE__ */ React98.createElement(CardTitle, null, title),
+        subtitle && /* @__PURE__ */ React98.createElement(CardSubtitle, null, subtitle),
+        /* @__PURE__ */ React98.createElement(React98.Fragment, null, children),
+        details && /* @__PURE__ */ React98.createElement("span", { className: "k-card-body-actions" }, /* @__PURE__ */ React98.createElement(
           Button,
           {
             className: "k-card-details",
@@ -4381,8 +4428,8 @@
   };
 
   // src/card/card-deck.tsx
-  var React97 = __toESM(__require("react"));
-  var CardDeck = class extends React97.Component {
+  var React99 = __toESM(__require("react"));
+  var CardDeck = class extends React99.Component {
     render() {
       const _a = this.props, {
         children,
@@ -4391,7 +4438,7 @@
         "children",
         "className"
       ]);
-      return /* @__PURE__ */ React97.createElement(
+      return /* @__PURE__ */ React99.createElement(
         "div",
         __spreadProps(__spreadValues({}, htmlAttributes), {
           className: classNames(
@@ -4405,15 +4452,15 @@
   };
 
   // src/editor/editor.tsx
-  var React98 = __toESM(__require("react"));
-  var Editor = class extends React98.Component {
+  var React100 = __toESM(__require("react"));
+  var Editor = class extends React100.Component {
     render() {
       const {
         children,
         className,
         readonly
       } = this.props;
-      return /* @__PURE__ */ React98.createElement(
+      return /* @__PURE__ */ React100.createElement(
         "div",
         {
           style: this.props.style,
@@ -4429,5 +4476,485 @@
       );
     }
   };
+
+  // src/table/data-table.tsx
+  var React101 = __toESM(__require("react"));
+  var DataTable = class extends React101.Component {
+    render() {
+      const {
+        children,
+        className,
+        size
+      } = this.props;
+      return /* @__PURE__ */ React101.createElement(
+        "div",
+        {
+          className: classNames(
+            className,
+            "k-data-table",
+            {
+              [`k-table-${kendoThemeMaps.sizeMap[size] || size}`]: size
+            }
+          )
+        },
+        children
+      );
+    }
+  };
+  DataTable.defaultProps = {
+    size: "medium"
+  };
+
+  // src/table/table-header.tsx
+  var React103 = __toESM(__require("react"));
+
+  // src/table/table.tsx
+  var React102 = __toESM(__require("react"));
+  var Table = class extends React102.Component {
+    render() {
+      const {
+        children,
+        className,
+        size
+      } = this.props;
+      return /* @__PURE__ */ React102.createElement(
+        "table",
+        {
+          className: classNames(
+            className,
+            "k-table",
+            {
+              [`k-table-${kendoThemeMaps.sizeMap[size]}`]: size
+            }
+          )
+        },
+        children
+      );
+    }
+  };
+
+  // src/table/table-header.tsx
+  var TableHeader = class extends React103.Component {
+    render() {
+      const {
+        children,
+        className
+      } = this.props;
+      return /* @__PURE__ */ React103.createElement(
+        "div",
+        {
+          className: classNames(
+            className,
+            "k-table-header"
+          )
+        },
+        /* @__PURE__ */ React103.createElement("div", { className: "k-table-header-wrap" }, /* @__PURE__ */ React103.createElement(Table, null, children))
+      );
+    }
+  };
+
+  // src/table/table-body.tsx
+  var React104 = __toESM(__require("react"));
+  var TableBody = class extends React104.Component {
+    render() {
+      const {
+        children,
+        className
+      } = this.props;
+      return /* @__PURE__ */ React104.createElement(
+        "div",
+        {
+          className: classNames(
+            className,
+            "k-table-body",
+            "k-table-scroller"
+          )
+        },
+        children
+      );
+    }
+  };
+
+  // src/table/table-footer.tsx
+  var React105 = __toESM(__require("react"));
+  var TableFooter = class extends React105.Component {
+    render() {
+      const {
+        children,
+        className
+      } = this.props;
+      return /* @__PURE__ */ React105.createElement(
+        "div",
+        {
+          className: classNames(
+            className,
+            "k-table-footer"
+          )
+        },
+        children
+      );
+    }
+  };
+
+  // src/table/table-list.tsx
+  var React106 = __toESM(__require("react"));
+  var TableList = class extends React106.Component {
+    render() {
+      const {
+        children,
+        className,
+        size,
+        virtualization
+      } = this.props;
+      return /* @__PURE__ */ React106.createElement(
+        "ul",
+        {
+          className: classNames(
+            className,
+            "k-table",
+            "k-table-list",
+            {
+              [`k-table-${kendoThemeMaps.sizeMap[size]}`]: size,
+              "k-virtual-table": virtualization
+            }
+          )
+        },
+        children
+      );
+    }
+  };
+
+  // src/table/table-thead.tsx
+  var React107 = __toESM(__require("react"));
+  var TableThead = class extends React107.Component {
+    render() {
+      const {
+        children,
+        className
+      } = this.props;
+      return /* @__PURE__ */ React107.createElement(
+        "thead",
+        {
+          className: classNames(
+            className,
+            "k-table-thead"
+          )
+        },
+        children
+      );
+    }
+  };
+
+  // src/table/table-tbody.tsx
+  var React108 = __toESM(__require("react"));
+  var TableTbody = class extends React108.Component {
+    render() {
+      const {
+        children,
+        className
+      } = this.props;
+      return /* @__PURE__ */ React108.createElement(
+        "tbody",
+        {
+          className: classNames(
+            className,
+            "k-table-tbody"
+          )
+        },
+        children
+      );
+    }
+  };
+
+  // src/table/table-tfoot.tsx
+  var React109 = __toESM(__require("react"));
+  var TableTfoot = class extends React109.Component {
+    render() {
+      const {
+        children,
+        className
+      } = this.props;
+      return /* @__PURE__ */ React109.createElement(
+        "tfoot",
+        {
+          className: classNames(
+            className,
+            "k-table-tfoot"
+          )
+        },
+        children
+      );
+    }
+  };
+
+  // src/table/table-row.tsx
+  var React110 = __toESM(__require("react"));
+  var TableRow = class extends React110.Component {
+    render() {
+      const {
+        children,
+        className,
+        alt,
+        hover,
+        focus,
+        selected,
+        disabled
+      } = this.props;
+      return /* @__PURE__ */ React110.createElement(
+        "tr",
+        {
+          className: classNames(
+            className,
+            "k-table-row",
+            {
+              "k-table-alt-row": alt,
+              "k-hover": hover,
+              "k-focus": focus,
+              "k-selected": selected,
+              "k-disabled": disabled
+            }
+          )
+        },
+        children
+      );
+    }
+  };
+
+  // src/table/table-list-row.tsx
+  var React111 = __toESM(__require("react"));
+  var TableListRow = class extends React111.Component {
+    render() {
+      const {
+        children,
+        className,
+        alt,
+        hover,
+        focus,
+        selected,
+        disabled
+      } = this.props;
+      return /* @__PURE__ */ React111.createElement(
+        "li",
+        {
+          className: classNames(
+            className,
+            "k-table-row",
+            {
+              "k-table-alt-row": alt,
+              "k-hover": hover,
+              "k-focus": focus,
+              "k-selected": selected,
+              "k-disabled": disabled
+            }
+          )
+        },
+        children
+      );
+    }
+  };
+
+  // src/table/table-th.tsx
+  var React112 = __toESM(__require("react"));
+  var TableTh = class extends React112.Component {
+    render() {
+      const _a = this.props, {
+        children,
+        className,
+        text,
+        colspan
+      } = _a, htmlAttributes = __objRest(_a, [
+        "children",
+        "className",
+        "text",
+        "colspan"
+      ]);
+      const textOrChildren = text ? text : children;
+      return /* @__PURE__ */ React112.createElement(
+        "th",
+        __spreadProps(__spreadValues({
+          colSpan: colspan
+        }, htmlAttributes), {
+          className: classNames(
+            className,
+            "k-table-th"
+          )
+        }),
+        textOrChildren
+      );
+    }
+  };
+
+  // src/table/table-list-th.tsx
+  var React113 = __toESM(__require("react"));
+  var TableListTh = class extends React113.Component {
+    render() {
+      const _a = this.props, {
+        children,
+        className,
+        text
+      } = _a, htmlAttributes = __objRest(_a, [
+        "children",
+        "className",
+        "text"
+      ]);
+      const textOrChildren = text ? text : children;
+      return /* @__PURE__ */ React113.createElement(
+        "span",
+        __spreadProps(__spreadValues({
+          style: this.props.style
+        }, htmlAttributes), {
+          className: classNames(
+            className,
+            "k-table-th"
+          )
+        }),
+        textOrChildren
+      );
+    }
+  };
+
+  // src/table/table-td.tsx
+  var React114 = __toESM(__require("react"));
+  var TableTd = class extends React114.Component {
+    render() {
+      const _a = this.props, {
+        children,
+        className,
+        text,
+        colspan
+      } = _a, htmlAttributes = __objRest(_a, [
+        "children",
+        "className",
+        "text",
+        "colspan"
+      ]);
+      const textOrChildren = text ? text : children;
+      return /* @__PURE__ */ React114.createElement(
+        "td",
+        __spreadProps(__spreadValues({
+          colSpan: colspan
+        }, htmlAttributes), {
+          className: classNames(
+            className,
+            "k-table-td"
+          )
+        }),
+        textOrChildren
+      );
+    }
+  };
+
+  // src/table/table-list-td.tsx
+  var React115 = __toESM(__require("react"));
+  var TableListTd = class extends React115.Component {
+    render() {
+      const _a = this.props, {
+        children,
+        className,
+        text
+      } = _a, htmlAttributes = __objRest(_a, [
+        "children",
+        "className",
+        "text"
+      ]);
+      const textOrChildren = text ? text : children;
+      return /* @__PURE__ */ React115.createElement(
+        "span",
+        __spreadProps(__spreadValues({
+          style: this.props.style
+        }, htmlAttributes), {
+          className: classNames(
+            className,
+            "k-table-td"
+          )
+        }),
+        textOrChildren
+      );
+    }
+  };
+
+  // src/table/table-group-header.tsx
+  var React116 = __toESM(__require("react"));
+  var TableGroupHeader = class extends React116.Component {
+    render() {
+      const {
+        children,
+        className
+      } = this.props;
+      return /* @__PURE__ */ React116.createElement(
+        "tr",
+        {
+          className: classNames(
+            className,
+            "k-table-group-header"
+          )
+        },
+        children
+      );
+    }
+  };
+
+  // src/table/table-group-sticky-header.tsx
+  var React117 = __toESM(__require("react"));
+  var TableGroupStickyHeader = class extends React117.Component {
+    render() {
+      const {
+        children,
+        className
+      } = this.props;
+      return /* @__PURE__ */ React117.createElement(
+        "div",
+        {
+          className: classNames(
+            className,
+            "k-table-group-sticky-header"
+          )
+        },
+        children
+      );
+    }
+  };
+
+  // src/table/table-group-row.tsx
+  var React118 = __toESM(__require("react"));
+  var TableGroupRow = class extends React118.Component {
+    render() {
+      const {
+        children,
+        className
+      } = this.props;
+      return /* @__PURE__ */ React118.createElement(
+        "tr",
+        {
+          className: classNames(
+            className,
+            "k-table-group-row"
+          )
+        },
+        children
+      );
+    }
+  };
+
+  // src/table/table-list-group-row.tsx
+  var React119 = __toESM(__require("react"));
+  var TableListGroupRow = class extends React119.Component {
+    render() {
+      const {
+        children,
+        className
+      } = this.props;
+      return /* @__PURE__ */ React119.createElement(
+        "li",
+        {
+          className: classNames(
+            className,
+            "k-table-group-row"
+          )
+        },
+        children
+      );
+    }
+  };
 })();
 //# sourceMappingURL=index.js.map