@progress/kendo-themes-html 5.4.2-dev.1 → 5.4.2-dev.4

package/dist/index.js

@@ -0,0 +1,2646 @@
+(() => {
+  var __create = Object.create;
+  var __defProp = Object.defineProperty;
+  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __getProtoOf = Object.getPrototypeOf;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
+    get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
+  }) : x)(function(x) {
+    if (typeof require !== "undefined")
+      return require.apply(this, arguments);
+    throw new Error('Dynamic require of "' + x + '" is not supported');
+  });
+  var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from === "object" || typeof from === "function") {
+      for (let key of __getOwnPropNames(from))
+        if (!__hasOwnProp.call(to, key) && key !== except)
+          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+    }
+    return to;
+  };
+  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+
+  // src/typography/typography.tsx
+  var React = __toESM(__require("react"));
+
+  // src/utils/classNames.ts
+  var classNames = (...args) => {
+    const result = {};
+    const addLeafKeys = (arg) => {
+      typeof arg === "object" ? Object.keys(arg).forEach((key) => {
+        result[key] = arg[key];
+      }) : result[arg] = true;
+    };
+    const addKeys = (list) => list.filter((arg) => arg !== true && Boolean(arg)).map((arg) => Array.isArray(arg) ? addKeys(arg) : addLeafKeys(arg));
+    addKeys(args);
+    return Object.keys(result).map((key) => result[key] && key || null).filter((el) => el !== null).join(" ");
+  };
+
+  // src/utils/theme.ts
+  var kendoThemeMaps = {
+    sizeMap: {
+      small: "sm",
+      medium: "md",
+      large: "lg"
+    },
+    roundedMap: {
+      small: "sm",
+      medium: "md",
+      large: "lg"
+    },
+    calloutMap: {
+      top: "n",
+      bottom: "s",
+      left: "w",
+      right: "e"
+    },
+    orientationMap: {
+      vertical: "vstack",
+      horizontal: "hstack"
+    }
+  };
+
+  // src/typography/typography.tsx
+  var Typography = class extends React.Component {
+    render() {
+      const {
+        children,
+        className,
+        type,
+        ...htmlAttributes
+      } = this.props;
+      const typeClass = type === "p" ? "paragraph" : type;
+      const Component74 = type.includes("display") ? "div" : type;
+      return /* @__PURE__ */ React.createElement(Component74, {
+        ...htmlAttributes,
+        className: classNames({
+          [`k-${typeClass}`]: type
+        }, className)
+      }, children);
+    }
+  };
+
+  // src/icon/icon.tsx
+  var React2 = __toESM(__require("react"));
+  var Icon = class extends React2.Component {
+    render() {
+      const {
+        className,
+        style,
+        name
+      } = this.props;
+      return /* @__PURE__ */ React2.createElement(React2.Fragment, null, name && /* @__PURE__ */ React2.createElement("span", {
+        className: classNames(className, "k-icon", {
+          [`k-i-${name}`]: name
+        }),
+        style
+      }));
+    }
+  };
+
+  // src/input/input.tsx
+  var React3 = __toESM(__require("react"));
+  var Input = class extends React3.Component {
+    render() {
+      const {
+        className,
+        children,
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled
+      } = this.props;
+      return /* @__PURE__ */ React3.createElement("span", {
+        className: classNames(className, "k-input", {
+          [`k-input-${kendoThemeMaps.sizeMap[size] || size}`]: size,
+          [`k-input-${fillMode}`]: fillMode,
+          [`k-rounded-${kendoThemeMaps.roundedMap[rounded] || rounded}`]: rounded,
+          "k-hover": hover,
+          "k-focus": focus,
+          "k-valid": valid,
+          "k-invalid": invalid,
+          "k-required": required,
+          "k-disabled": disabled,
+          "k-loading": loading
+        })
+      }, children);
+    }
+  };
+  Input.defaultProps = {
+    size: "medium",
+    rounded: "medium",
+    fillMode: "solid"
+  };
+
+  // src/input/picker.tsx
+  var React4 = __toESM(__require("react"));
+  var Picker = class extends React4.Component {
+    render() {
+      const {
+        children,
+        className,
+        style,
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled
+      } = this.props;
+      return /* @__PURE__ */ React4.createElement("span", {
+        className: classNames(className, "k-picker", {
+          [`k-picker-${kendoThemeMaps.sizeMap[size] || size}`]: size,
+          [`k-picker-${fillMode}`]: fillMode,
+          [`k-rounded-${kendoThemeMaps.roundedMap[rounded] || rounded}`]: rounded,
+          "k-hover": hover,
+          "k-focus": focus,
+          "k-valid": valid,
+          "k-invalid": invalid,
+          "k-required": required,
+          "k-disabled": disabled,
+          "k-loading": loading
+        }),
+        style
+      }, children);
+    }
+  };
+  Picker.defaultProps = {
+    size: "medium",
+    rounded: "medium",
+    fillMode: "solid"
+  };
+
+  // src/input/input-clear-value.tsx
+  var React5 = __toESM(__require("react"));
+  var InputClearValue = class extends React5.Component {
+    render() {
+      const {
+        readonly,
+        loading,
+        disabled,
+        value
+      } = this.props;
+      if (disabled || readonly || loading || !value) {
+        return /* @__PURE__ */ React5.createElement(React5.Fragment, null);
+      }
+      return /* @__PURE__ */ React5.createElement("span", {
+        className: "k-clear-value"
+      }, /* @__PURE__ */ React5.createElement(Icon, {
+        name: "x"
+      }));
+    }
+  };
+
+  // src/input/input-inner-input.tsx
+  var React6 = __toESM(__require("react"));
+  var InputInnerInput = class extends React6.Component {
+    render() {
+      const {
+        type,
+        value,
+        placeholder,
+        autocomplete
+      } = this.props;
+      return /* @__PURE__ */ React6.createElement("input", {
+        type,
+        className: "k-input-inner",
+        placeholder,
+        autoComplete: autocomplete,
+        defaultValue: value
+      });
+    }
+  };
+  InputInnerInput.defaultProps = {
+    type: "text",
+    autocomplete: "off",
+    value: "",
+    placeholder: ""
+  };
+
+  // src/input/input-inner-span.tsx
+  var React7 = __toESM(__require("react"));
+  var InputInnerSpan = class extends React7.Component {
+    render() {
+      const {
+        value,
+        placeholder,
+        valueIcon,
+        showValue,
+        valueIconName
+      } = this.props;
+      return /* @__PURE__ */ React7.createElement("span", {
+        className: "k-input-inner"
+      }, valueIcon, !valueIcon && valueIconName && /* @__PURE__ */ React7.createElement(Icon, {
+        className: "k-input-value-icon",
+        name: valueIconName
+      }), showValue && !value && placeholder, showValue && value && /* @__PURE__ */ React7.createElement("span", {
+        className: "k-input-value-text"
+      }, value));
+    }
+  };
+
+  // src/input/input-inner-textarea.tsx
+  var React8 = __toESM(__require("react"));
+  var InputInnerTextarea = class extends React8.Component {
+    render() {
+      const {
+        value,
+        className,
+        placeholder,
+        rows
+      } = this.props;
+      return /* @__PURE__ */ React8.createElement("textarea", {
+        className: classNames("k-input-inner", className),
+        placeholder,
+        rows
+      }, value);
+    }
+  };
+  InputInnerTextarea.defaultProps = {
+    value: "",
+    placeholder: ""
+  };
+
+  // src/input/input-loading-icon.tsx
+  var React9 = __toESM(__require("react"));
+  var InputLoadingIcon = class extends React9.Component {
+    render() {
+      const {
+        loading,
+        disabled
+      } = this.props;
+      if (disabled || !loading) {
+        return /* @__PURE__ */ React9.createElement(React9.Fragment, null);
+      }
+      return /* @__PURE__ */ React9.createElement(Icon, {
+        className: "k-input-loading-icon",
+        name: "loading"
+      });
+    }
+  };
+
+  // src/input/input-validation-icon.tsx
+  var React10 = __toESM(__require("react"));
+  var InputValidationIcon = class extends React10.Component {
+    render() {
+      const {
+        valid,
+        invalid,
+        loading,
+        disabled
+      } = this.props;
+      const iconName = invalid ? "warning" : "check";
+      const renderValidationIcon = Boolean(valid || invalid);
+      if (disabled || loading || !renderValidationIcon) {
+        return /* @__PURE__ */ React10.createElement(React10.Fragment, null);
+      }
+      return /* @__PURE__ */ React10.createElement(Icon, {
+        className: "k-input-validation-icon",
+        name: iconName
+      });
+    }
+  };
+
+  // src/input/input-prefix.tsx
+  var React11 = __toESM(__require("react"));
+  var InputPrefix = class extends React11.Component {
+    render() {
+      const {
+        className,
+        children
+      } = this.props;
+      if (!children) {
+        return /* @__PURE__ */ React11.createElement(React11.Fragment, null);
+      }
+      return /* @__PURE__ */ React11.createElement("span", {
+        className: classNames(className, "k-input-prefix")
+      }, children);
+    }
+  };
+
+  // src/input/input-suffix.tsx
+  var React12 = __toESM(__require("react"));
+  var InputSuffix = class extends React12.Component {
+    render() {
+      const {
+        className,
+        children
+      } = this.props;
+      if (!children) {
+        return /* @__PURE__ */ React12.createElement(React12.Fragment, null);
+      }
+      return /* @__PURE__ */ React12.createElement("span", {
+        className: classNames(className, "k-input-suffix")
+      }, children);
+    }
+  };
+
+  // src/popup/popup.tsx
+  var React13 = __toESM(__require("react"));
+  var Popup = class extends React13.Component {
+    render() {
+      const {
+        className,
+        children
+      } = this.props;
+      return /* @__PURE__ */ React13.createElement("div", {
+        className: classNames(className, "k-popup")
+      }, children);
+    }
+  };
+
+  // src/list/list.tsx
+  var React15 = __toESM(__require("react"));
+
+  // src/nodata/nodata.tsx
+  var React14 = __toESM(__require("react"));
+  var NoData = class extends React14.Component {
+    render() {
+      const {
+        children,
+        className
+      } = this.props;
+      return /* @__PURE__ */ React14.createElement("div", {
+        className: classNames(className, "k-nodata")
+      }, children);
+    }
+  };
+
+  // src/list/list.tsx
+  var List = class extends React15.Component {
+    render() {
+      const {
+        children,
+        className,
+        size,
+        virtualization,
+        framework
+      } = this.props;
+      let listHeader;
+      let listGroup;
+      let listContent;
+      const listChildren = [];
+      if (children) {
+        children.map((child, index) => {
+          if (child.type === ListGroup) {
+            if (child.props.root === true) {
+              listHeader = child.props.label;
+              child.props.children.map((optChild, index2) => {
+                listChildren.push(/* @__PURE__ */ React15.createElement(ListItem, {
+                  key: `optChild-${index2}-${new Date().getTime()}`,
+                  ...optChild.props
+                }));
+              });
+            } else {
+              if (framework === "angular" || framework === "blazor") {
+                listChildren.push(/* @__PURE__ */ React15.createElement(ListGroupItem, {
+                  key: `listChild-${index}`,
+                  ...child.props
+                }, child.props.label));
+                child.props.children.map((optChild, index2) => {
+                  listChildren.push(/* @__PURE__ */ React15.createElement(ListItem, {
+                    key: `fwOptChild-${index2}-${new Date().getTime()}`,
+                    ...optChild.props
+                  }));
+                });
+              } else {
+                child.props.children.forEach((optChild, index2) => {
+                  let groupLabel = "";
+                  if (index2 === 0) {
+                    groupLabel = child.props.label;
+                  }
+                  listChildren.push(/* @__PURE__ */ React15.createElement(ListItem, {
+                    className: index2 === 0 ? "k-first" : "",
+                    key: `groupLabel-${index2}-${new Date().getTime()}`,
+                    ...optChild.props,
+                    groupLabel
+                  }));
+                });
+              }
+            }
+            listGroup = /* @__PURE__ */ React15.createElement(ListGroup, {
+              label: listHeader,
+              virtualization
+            }, listChildren);
+          } else if (child.type === ListItem) {
+            listChildren.push(/* @__PURE__ */ React15.createElement(ListItem, {
+              key: `${child.type}-${index}`,
+              ...child.props
+            }));
+            listContent = /* @__PURE__ */ React15.createElement(ListContent, {
+              virtualization
+            }, listChildren);
+          }
+        });
+      } else {
+        listContent = /* @__PURE__ */ React15.createElement(NoData, null, "No data found.");
+      }
+      return /* @__PURE__ */ React15.createElement("div", {
+        className: classNames(className, "k-list", {
+          [`k-list-${kendoThemeMaps.sizeMap[size] || size}`]: size,
+          "k-virtual-list": virtualization
+        })
+      }, listGroup, listContent);
+    }
+  };
+  List.defaultProps = {
+    size: "medium"
+  };
+
+  // src/list/list-item.tsx
+  var React17 = __toESM(__require("react"));
+
+  // src/checkbox/checkbox.tsx
+  var React16 = __toESM(__require("react"));
+  var Checkbox = class extends React16.Component {
+    render() {
+      const {
+        id,
+        className,
+        checked,
+        indeterminate,
+        size,
+        rounded,
+        hover,
+        focus,
+        invalid,
+        disabled,
+        required
+      } = this.props;
+      return /* @__PURE__ */ React16.createElement("span", {
+        className: "k-checkbox-wrap"
+      }, /* @__PURE__ */ React16.createElement("input", {
+        id,
+        type: "checkbox",
+        checked,
+        required,
+        className: classNames(className, "k-checkbox", {
+          [`k-checkbox-${kendoThemeMaps.sizeMap[size] || size}`]: size,
+          [`k-rounded-${kendoThemeMaps.roundedMap[rounded] || rounded}`]: rounded,
+          "k-hover": hover,
+          "k-focus": focus,
+          "k-disabled": disabled,
+          "k-checked": checked,
+          "k-invalid": invalid,
+          "k-indeterminate": !checked && indeterminate
+        })
+      }));
+    }
+  };
+  Checkbox.defaultProps = {
+    size: "medium",
+    rounded: "medium"
+  };
+
+  // src/list/list-item.tsx
+  var ListItem = class extends React17.Component {
+    render() {
+      const {
+        children,
+        className,
+        groupLabel,
+        showIcon,
+        iconName,
+        showCheckbox,
+        checked,
+        hover,
+        focus,
+        selected,
+        disabled
+      } = this.props;
+      return /* @__PURE__ */ React17.createElement("li", {
+        className: classNames(className, "k-list-item", {
+          "k-hover": hover,
+          "k-focus": focus,
+          "k-selected": selected,
+          "k-disabled": disabled
+        })
+      }, showCheckbox && /* @__PURE__ */ React17.createElement(Checkbox, {
+        checked
+      }), showIcon && /* @__PURE__ */ React17.createElement(Icon, {
+        name: iconName
+      }), /* @__PURE__ */ React17.createElement("span", {
+        className: "k-list-item-text"
+      }, children), groupLabel && groupLabel !== "" && /* @__PURE__ */ React17.createElement("div", {
+        className: "k-list-item-group-label"
+      }, groupLabel));
+    }
+  };
+
+  // src/list/list-content.tsx
+  var React18 = __toESM(__require("react"));
+  var ListContent = class extends React18.Component {
+    render() {
+      const {
+        children,
+        className,
+        virtualization
+      } = this.props;
+      return /* @__PURE__ */ React18.createElement("div", {
+        className: classNames(className, "k-list-content")
+      }, /* @__PURE__ */ React18.createElement("ul", {
+        className: classNames("k-list-ul")
+      }, children), virtualization && /* @__PURE__ */ React18.createElement("div", {
+        className: "k-height-container"
+      }, /* @__PURE__ */ React18.createElement("div", null)));
+    }
+  };
+
+  // src/list/list-header.tsx
+  var React19 = __toESM(__require("react"));
+  var ListHeader = class extends React19.Component {
+    render() {
+      const {
+        children,
+        className
+      } = this.props;
+      return /* @__PURE__ */ React19.createElement("div", {
+        className: classNames(className, "k-list-group-sticky-header")
+      }, /* @__PURE__ */ React19.createElement("div", {
+        className: "k-list-header-text"
+      }, children));
+    }
+  };
+
+  // src/list/list-group.tsx
+  var React20 = __toESM(__require("react"));
+  var ListGroup = class extends React20.Component {
+    render() {
+      const {
+        children,
+        label
+      } = this.props;
+      return /* @__PURE__ */ React20.createElement(React20.Fragment, null, label && /* @__PURE__ */ React20.createElement(ListHeader, null, label), children && /* @__PURE__ */ React20.createElement(ListContent, {
+        virtualization: true
+      }, children));
+    }
+  };
+
+  // src/list/list-group-item.tsx
+  var React21 = __toESM(__require("react"));
+  var ListGroupItem = class extends React21.Component {
+    render() {
+      const {
+        children,
+        className
+      } = this.props;
+      return /* @__PURE__ */ React21.createElement("li", {
+        className: classNames(className, "k-list-group-item")
+      }, /* @__PURE__ */ React21.createElement("span", {
+        className: "k-list-item-text"
+      }, children));
+    }
+  };
+
+  // src/avatar/avatar.tsx
+  var React22 = __toESM(__require("react"));
+  var avatarType = /* @__PURE__ */ ((avatarType2) => {
+    avatarType2["TEXT"] = "text";
+    avatarType2["IMAGE"] = "image";
+    avatarType2["ICON"] = "icon";
+    return avatarType2;
+  })(avatarType || {});
+  var Avatar = class extends React22.Component {
+    render() {
+      const {
+        children,
+        className,
+        type,
+        size,
+        rounded,
+        fillMode,
+        themeColor,
+        border,
+        ...htmlAttributes
+      } = this.props;
+      return /* @__PURE__ */ React22.createElement("div", {
+        style: this.props.style,
+        ...htmlAttributes,
+        className: classNames("k-avatar", {
+          [`k-rounded-${kendoThemeMaps.roundedMap[rounded] || rounded}`]: rounded,
+          [`k-avatar-${kendoThemeMaps.sizeMap[size] || size}`]: size,
+          [`k-avatar-${fillMode}`]: fillMode,
+          [`k-avatar-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),
+          ["k-avatar-bordered"]: border
+        }, className)
+      }, /* @__PURE__ */ React22.createElement("span", {
+        className: `k-avatar-${type}`
+      }, children));
+    }
+  };
+  Avatar.defaultProps = {
+    type: "text" /* TEXT */,
+    size: "medium",
+    rounded: "full",
+    fillMode: "solid",
+    themeColor: "primary",
+    border: false
+  };
+
+  // src/chip/chip-action.tsx
+  var React23 = __toESM(__require("react"));
+  var chipActionType = /* @__PURE__ */ ((chipActionType2) => {
+    chipActionType2["REMOVE"] = "remove";
+    chipActionType2["MORE"] = "more";
+    return chipActionType2;
+  })(chipActionType || {});
+  var ChipAction = class extends React23.Component {
+    render() {
+      const {
+        className,
+        type
+      } = this.props;
+      let icon;
+      switch (type) {
+        case "remove" /* REMOVE */:
+          icon = /* @__PURE__ */ React23.createElement(Icon, {
+            name: "x-circle"
+          });
+          break;
+        case "more" /* MORE */:
+          icon = /* @__PURE__ */ React23.createElement(Icon, {
+            name: "more-vertical"
+          });
+          break;
+        default:
+          return /* @__PURE__ */ React23.createElement(Icon, {
+            name: type
+          });
+      }
+      return /* @__PURE__ */ React23.createElement("span", {
+        className: classNames(className, "k-chip-action", `k-chip-${type}-action`)
+      }, icon);
+    }
+  };
+
+  // src/chip/chip.tsx
+  var React24 = __toESM(__require("react"));
+  var Chip = class extends React24.Component {
+    render() {
+      const {
+        children,
+        className,
+        text,
+        icon,
+        actions,
+        showAvatar,
+        size,
+        rounded,
+        fillMode,
+        themeColor,
+        hover,
+        focus,
+        active,
+        selected,
+        disabled
+      } = this.props;
+      return /* @__PURE__ */ React24.createElement("div", {
+        className: classNames(className, "k-chip", {
+          [`k-chip-${kendoThemeMaps.sizeMap[size] || size}`]: size,
+          [`k-chip-${fillMode}`]: fillMode,
+          [`k-chip-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),
+          [`k-rounded-${kendoThemeMaps.roundedMap[rounded] || rounded}`]: rounded,
+          "k-hover": hover,
+          "k-focus": focus,
+          "k-active": active,
+          "k-selected": selected,
+          "k-disabled": disabled
+        })
+      }, icon && /* @__PURE__ */ React24.createElement(Icon, {
+        className: "k-chip-icon",
+        name: icon
+      }), showAvatar && /* @__PURE__ */ React24.createElement(Avatar, {
+        className: "k-chip-avatar",
+        type: "image"
+      }, /* @__PURE__ */ React24.createElement("img", {
+        src: "/packages/html/assets/avatar.jpg"
+      })), /* @__PURE__ */ React24.createElement("span", {
+        className: "k-chip-content"
+      }, children ? children : text && /* @__PURE__ */ React24.createElement("span", {
+        className: "k-chip-label k-text-ellipsis"
+      }, text)), actions && /* @__PURE__ */ React24.createElement("span", {
+        className: "k-chip-actions"
+      }, actions));
+    }
+  };
+  Chip.defaultProps = {
+    size: "medium",
+    rounded: "medium",
+    fillMode: "solid",
+    themeColor: "base"
+  };
+
+  // src/chip/chip-list.tsx
+  var React25 = __toESM(__require("react"));
+  var ChipList = class extends React25.Component {
+    render() {
+      const {
+        children,
+        className,
+        size
+      } = this.props;
+      return /* @__PURE__ */ React25.createElement("div", {
+        className: classNames(className, "k-chip-list", {
+          [`k-chip-list-${kendoThemeMaps.sizeMap[size] || size}`]: size
+        })
+      }, children);
+    }
+  };
+  ChipList.defaultProps = {
+    size: "medium",
+    selection: null
+  };
+
+  // src/color-preview/color-preview.tsx
+  var React26 = __toESM(__require("react"));
+  var ColorPreview = class extends React26.Component {
+    render() {
+      const {
+        className,
+        color,
+        iconName
+      } = this.props;
+      return /* @__PURE__ */ React26.createElement("span", {
+        className: classNames("k-color-preview", {
+          "k-icon-color-preview": iconName,
+          "k-no-color": !color
+        }, className)
+      }, iconName && /* @__PURE__ */ React26.createElement(Icon, {
+        name: iconName,
+        className: "k-color-preview-icon"
+      }), /* @__PURE__ */ React26.createElement("span", {
+        className: "k-color-preview-mask",
+        style: { backgroundColor: color }
+      }));
+    }
+  };
+
+  // src/action-buttons/action-buttons.tsx
+  var React27 = __toESM(__require("react"));
+  var ActionButtons = class extends React27.Component {
+    render() {
+      const {
+        children,
+        className,
+        alignment,
+        orientation,
+        ...htmlAttributes
+      } = this.props;
+      return /* @__PURE__ */ React27.createElement("div", {
+        ...htmlAttributes,
+        className: classNames("k-actions", {
+          [`k-actions-${alignment}`]: alignment,
+          [`k-actions-${orientation}`]: orientation
+        }, className)
+      }, children);
+    }
+  };
+  ActionButtons.defaultProps = {
+    alignment: "start",
+    orientation: "horizontal"
+  };
+
+  // src/button/button.tsx
+  var React28 = __toESM(__require("react"));
+  var Button = class extends React28.Component {
+    render() {
+      const {
+        children,
+        className,
+        iconClassName,
+        text,
+        icon,
+        size,
+        rounded,
+        fillMode,
+        themeColor,
+        hover,
+        focus,
+        active,
+        selected,
+        disabled,
+        ...htmlAttributes
+      } = this.props;
+      const hasIcon = icon !== void 0;
+      const hasChildren = children !== void 0;
+      return /* @__PURE__ */ React28.createElement("button", {
+        style: this.props.style,
+        ...htmlAttributes,
+        dir: this.props.dir,
+        className: classNames(className, "k-button", {
+          [`k-button-${kendoThemeMaps.sizeMap[size] || size}`]: size,
+          [`k-button-${fillMode}`]: fillMode,
+          [`k-button-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),
+          [`k-rounded-${kendoThemeMaps.roundedMap[rounded] || rounded}`]: rounded,
+          "k-icon-button": !hasChildren && hasIcon,
+          "k-hover": hover,
+          "k-focus": focus,
+          "k-active": active,
+          "k-selected": selected,
+          "k-disabled": disabled
+        })
+      }, icon && /* @__PURE__ */ React28.createElement(Icon, {
+        className: classNames(iconClassName, "k-button-icon"),
+        name: icon
+      }), text || hasIcon ? /* @__PURE__ */ React28.createElement(React28.Fragment, null, text && /* @__PURE__ */ React28.createElement("span", {
+        className: "k-button-text"
+      }, text), children) : children && /* @__PURE__ */ React28.createElement("span", {
+        className: "k-button-text"
+      }, children));
+    }
+  };
+  Button.defaultProps = {
+    size: "medium",
+    rounded: "medium",
+    fillMode: "solid",
+    themeColor: "base"
+  };
+
+  // src/button-group/button-group.tsx
+  var React29 = __toESM(__require("react"));
+  var _ButtonGroup = class extends React29.Component {
+    render() {
+      const {
+        children,
+        className,
+        fillMode = _ButtonGroup.defaultProps.fillMode,
+        ...htmlAttributes
+      } = this.props;
+      return /* @__PURE__ */ React29.createElement("div", {
+        ...htmlAttributes,
+        className: classNames(className, "k-button-group", {
+          [`k-button-group-${fillMode}`]: fillMode
+        })
+      }, children);
+    }
+  };
+  var ButtonGroup = _ButtonGroup;
+  ButtonGroup.defaultProps = {
+    fillMode: "solid"
+  };
+
+  // src/menu-button/menu-button.tsx
+  var React30 = __toESM(__require("react"));
+  var MenuButton = class extends React30.Component {
+    render() {
+      const {
+        className,
+        text,
+        icon,
+        size,
+        rounded,
+        fillMode,
+        themeColor,
+        hover,
+        focus,
+        active,
+        selected,
+        disabled,
+        showArrow,
+        arrowIconName
+      } = this.props;
+      return /* @__PURE__ */ React30.createElement(Button, {
+        dir: this.props.dir,
+        className: classNames(className, "k-menu-button", {
+          "k-icon-button": icon !== void 0
+        }),
+        text,
+        size,
+        rounded,
+        fillMode,
+        themeColor,
+        hover,
+        focus,
+        active,
+        selected,
+        disabled,
+        icon
+      }, showArrow && /* @__PURE__ */ React30.createElement("span", {
+        className: "k-menu-button-arrow k-button-arrow"
+      }, /* @__PURE__ */ React30.createElement(Icon, {
+        name: arrowIconName
+      })));
+    }
+  };
+  MenuButton.defaultProps = {
+    size: "medium",
+    rounded: "medium",
+    fillMode: "solid",
+    themeColor: "base",
+    showArrow: true,
+    arrowIconName: "arrow-s"
+  };
+
+  // src/split-button/split-button.tsx
+  var React31 = __toESM(__require("react"));
+  var SplitButton = class extends React31.Component {
+    render() {
+      const {
+        children,
+        className,
+        text,
+        icon,
+        arrowIconName,
+        size,
+        rounded,
+        fillMode,
+        themeColor,
+        hover,
+        focus,
+        active,
+        selected,
+        disabled
+      } = this.props;
+      return /* @__PURE__ */ React31.createElement("div", {
+        className: classNames(className, "k-split-button", "k-button-group", {
+          [`k-rounded-${kendoThemeMaps.roundedMap[rounded] || rounded}`]: rounded
+        })
+      }, /* @__PURE__ */ React31.createElement(Button, {
+        text,
+        icon,
+        size,
+        rounded,
+        fillMode,
+        themeColor,
+        hover,
+        focus,
+        active,
+        selected,
+        disabled
+      }, children), /* @__PURE__ */ React31.createElement(Button, {
+        className: "k-split-button-arrow",
+        icon: arrowIconName,
+        size,
+        rounded,
+        fillMode,
+        disabled
+      }));
+    }
+  };
+  SplitButton.defaultProps = {
+    size: "medium",
+    rounded: "medium",
+    fillMode: "solid",
+    themeColor: "base",
+    arrowIconName: "arrow-s"
+  };
+
+  // src/textbox/textbox.tsx
+  var React32 = __toESM(__require("react"));
+  var Textbox = class extends React32.Component {
+    render() {
+      const {
+        className,
+        prefix,
+        suffix,
+        value,
+        placeholder,
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled,
+        showClearButton
+      } = this.props;
+      return /* @__PURE__ */ React32.createElement(Input, {
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled,
+        className: classNames(className, "k-textbox")
+      }, /* @__PURE__ */ React32.createElement(InputPrefix, null, prefix), /* @__PURE__ */ React32.createElement(InputInnerInput, {
+        placeholder,
+        value
+      }), /* @__PURE__ */ React32.createElement(InputSuffix, null, suffix), /* @__PURE__ */ React32.createElement(InputValidationIcon, {
+        ...this.props
+      }), /* @__PURE__ */ React32.createElement(InputLoadingIcon, {
+        ...this.props
+      }), showClearButton && /* @__PURE__ */ React32.createElement(InputClearValue, {
+        ...this.props
+      }));
+    }
+  };
+  Textbox.defaultProps = {
+    showClearButton: true
+  };
+
+  // src/textarea/textarea.tsx
+  var React33 = __toESM(__require("react"));
+  var Textarea = class extends React33.Component {
+    render() {
+      const {
+        className,
+        placeholder,
+        value,
+        rows,
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled
+      } = this.props;
+      return /* @__PURE__ */ React33.createElement(Input, {
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled,
+        className: classNames(className, "k-textarea")
+      }, /* @__PURE__ */ React33.createElement(InputInnerTextarea, {
+        className: "!k-overflow-auto",
+        value,
+        placeholder,
+        rows
+      }));
+    }
+  };
+
+  // src/radio/radio.tsx
+  var React34 = __toESM(__require("react"));
+  var RadioButton = class extends React34.Component {
+    render() {
+      const {
+        className,
+        id,
+        checked,
+        size,
+        hover,
+        focus,
+        invalid,
+        disabled,
+        required
+      } = this.props;
+      return /* @__PURE__ */ React34.createElement("span", {
+        className: "k-radio-wrap"
+      }, /* @__PURE__ */ React34.createElement("input", {
+        type: "radio",
+        id,
+        checked,
+        required,
+        className: classNames(className, "k-radio", {
+          [`k-radio-${kendoThemeMaps.sizeMap[size] || size}`]: size,
+          "k-hover": hover,
+          "k-focus": focus,
+          "k-disabled": disabled,
+          "k-checked": checked,
+          "k-invalid": invalid
+        })
+      }));
+    }
+  };
+  RadioButton.defaultProps = {
+    size: "medium"
+  };
+
+  // src/floating-label/floating-label.tsx
+  var React35 = __toESM(__require("react"));
+  var FloatingLabel = class extends React35.Component {
+    render() {
+      const {
+        className,
+        children,
+        label,
+        focus,
+        valid,
+        invalid,
+        empty,
+        disabled,
+        style
+      } = this.props;
+      return /* @__PURE__ */ React35.createElement("span", {
+        className: classNames(className, "k-floating-label-container", {
+          "k-focus": focus,
+          "k-valid": valid,
+          "k-invalid": invalid,
+          "k-empty": empty,
+          "k-disabled": disabled
+        }),
+        style
+      }, children, label && /* @__PURE__ */ React35.createElement("label", {
+        className: "k-label"
+      }, label));
+    }
+  };
+
+  // src/autocomplete/autocomplete.tsx
+  var React36 = __toESM(__require("react"));
+  var Autocomplete = class extends React36.Component {
+    render() {
+      const {
+        className,
+        prefix,
+        suffix,
+        value,
+        placeholder,
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled
+      } = this.props;
+      return /* @__PURE__ */ React36.createElement(Input, {
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled,
+        className: classNames(className, "k-autocomplete")
+      }, /* @__PURE__ */ React36.createElement(InputPrefix, null, prefix), /* @__PURE__ */ React36.createElement(InputInnerInput, {
+        placeholder,
+        value
+      }), /* @__PURE__ */ React36.createElement(InputSuffix, null, suffix), /* @__PURE__ */ React36.createElement(InputValidationIcon, {
+        ...this.props
+      }), /* @__PURE__ */ React36.createElement(InputLoadingIcon, {
+        ...this.props
+      }), /* @__PURE__ */ React36.createElement(InputClearValue, {
+        ...this.props
+      }));
+    }
+  };
+
+  // src/colorpalette/colorpalette.tsx
+  var React37 = __toESM(__require("react"));
+
+  // src/colorpalette/colorpalette-presets.tsx
+  var PALETTEPRESETS = {
+    basic: {
+      colors: ["#000000", "#7f7f7f", "#880015", "#ed1c24", "#ff7f27", "#fff200", "#22b14c", "#00a2e8", "#3f48cc", "#a349a4", "#ffffff", "#c3c3c3", "#b97a57", "#ffaec9", "#ffc90e", "#efe4b0", "#b5e61d", "#99d9ea", "#7092be", "#c8bfe7"],
+      columns: 10
+    },
+    office: {
+      colors: ["#ffffff", "#000000", "#e6e6e6", "#435569", "#4371c4", "#ed7e32", "#a5a4a5", "#febf04", "#5a9bd5", "#71ae48", "#f2f2f3", "#7f7f7f", "#d1cece", "#d5dde3", "#dae1f4", "#fce5d4", "#deeded", "#fff2cc", "#deeaf6", "#e1efd9", "#d7d8d8", "#585959", "#aeabab", "#adbaca", "#b4c5e7", "#f6caac", "#dbdbdb", "#ffe498", "#bcd6ee", "#c5e0b2", "#bfbfc0", "#3f3f3f", "#767070", "#8595b1", "#8fabdb", "#f5b183", "#c9c8c9", "#fed965", "#9bc4e5", "#a8d08d", "#a5a5a6", "#262625", "#393939", "#334050", "#2e5496", "#c45a11", "#7b7b7a", "#bf9000", "#2f75b5", "#548235", "#7f7f7f", "#0b0c0c", "#161616", "#222a34", "#203764", "#843d0b", "#525252", "#7f6000", "#1d4d79", "#375623"],
+      columns: 10
+    },
+    apex: {
+      colors: ["#ffffff", "#000000", "#c9c2d1", "#69676d", "#ceb966", "#9cb084", "#6bb1c9", "#6585cf", "#7e6bc9", "#a379bb", "#f2f2f2", "#7f7f7f", "#f4f2f5", "#e0e0e2", "#f5f1e0", "#ebefe6", "#e1eff4", "#e0e6f5", "#e5e1f4", "#ece4f1", "#d8d8d8", "#595959", "#e9e6ec", "#c2c1c5", "#ebe3c1", "#d7dfcd", "#c3dfe9", "#c1ceeb", "#cbc3e9", "#dac9e3", "#bfbfbf", "#3f3f3f", "#dedae3", "#a4a3a8", "#e1d5a3", "#c3cfb5", "#a6d0de", "#a2b5e2", "#b1a6de", "#c7aed6", "#a5a5a5", "#262626", "#9688a5", "#4e4d51", "#ae9638", "#758c5a", "#3d8da9", "#365bb0", "#533da9", "#7d4d99", "#7f7f7f", "#0c0c0c", "#635672", "#343336", "#746425", "#4e5d3c", "#295e70", "#243c75", "#372970", "#533366"],
+      columns: 10
+    },
+    austin: {
+      colors: ["#ffffff", "#000000", "#caf278", "#3e3d2d", "#94c600", "#71685a", "#ff6700", "#909465", "#956b43", "#fea022", "#f2f2f2", "#7f7f7f", "#f4fce4", "#dddcd0", "#efffc0", "#e3e1dc", "#ffe0cb", "#e8e9df", "#ece1d6", "#feecd2", "#d8d8d8", "#595959", "#e9f9c9", "#bbb9a1", "#dfff82", "#c8c3ba", "#ffc299", "#d2d4c0", "#dac3ad", "#fed9a6", "#bfbfbf", "#3f3f3f", "#dff7ae", "#ada598", "#cfff43", "#ada598", "#ffa365", "#bcbfa1", "#c8a585", "#fec67a", "#a5a5a5", "#262626", "#a9ea25", "#2e2d21", "#6f9400", "#544e43", "#bf4d00", "#6c6f4b", "#6f5032", "#d77b00", "#7f7f7f", "#0c0c0c", "#74a50f", "#1f1e16", "#4a6300", "#38342d", "#7f3300", "#484a32", "#4a3521", "#8f5200"],
+      columns: 10
+    },
+    clarity: {
+      colors: ["#ffffff", "#292934", "#f3f2dc", "#d2533c", "#93a299", "#ad8f67", "#726056", "#4c5a6a", "#808da0", "#79463d", "#f2f2f2", "#e7e7ec", "#e7e5b9", "#f6dcd8", "#e9ecea", "#eee8e0", "#e4dedb", "#d8dde3", "#e5e8ec", "#e9d6d3", "#d8d8d8", "#c4c4d1", "#d5d185", "#edbab1", "#d3d9d6", "#ded2c2", "#c9beb8", "#b2bcc8", "#ccd1d9", "#d3aea7", "#bfbfbf", "#8a8aa3", "#aca73b", "#e4978a", "#bec7c1", "#cdbba3", "#af9e94", "#8c9bac", "#b2bac6", "#bd857c", "#a5a5a5", "#56566e", "#56531d", "#a43925", "#6b7c72", "#866b48", "#554840", "#39434f", "#5c697b", "#5a342d", "#7f7f7f", "#3b3b4b", "#22210b", "#6d2619", "#47534c", "#594730", "#39302b", "#262d35", "#3d4652", "#3c231e"],
+      columns: 10
+    },
+    slipstream: {
+      colors: ["#ffffff", "#000000", "#b4dcfa", "#212745", "#4e67c8", "#5eccf3", "#a7ea52", "#5dceaf", "#ff8021", "#f14124", "#f2f2f2", "#7f7f7f", "#8bc9f7", "#c7cce4", "#dbe0f4", "#def4fc", "#edfadc", "#def5ef", "#ffe5d2", "#fcd9d3", "#d8d8d8", "#595959", "#4facf3", "#909aca", "#b8c2e9", "#beeafa", "#dbf6b9", "#beebdf", "#ffcca6", "#f9b3a7", "#bfbfbf", "#3f3f3f", "#0d78c9", "#5967af", "#94a3de", "#9ee0f7", "#caf297", "#9de1cf", "#ffb279", "#f68d7b", "#a5a5a5", "#262626", "#063c64", "#181d33", "#31479f", "#11b2eb", "#81d319", "#34ac8b", "#d85c00", "#c3260c", "#7f7f7f", "#0c0c0c", "#021828", "#101322", "#202f6a", "#0b769c", "#568c11", "#22725c", "#903d00", "#821908"],
+      columns: 10
+    },
+    metro: {
+      colors: ["#ffffff", "#000000", "#d6ecff", "#4e5b6f", "#7fd13b", "#ea157a", "#feb80a", "#00addc", "#738ac8", "#1ab39f", "#f2f2f2", "#7f7f7f", "#a7d6ff", "#d9dde4", "#e5f5d7", "#fad0e4", "#fef0cd", "#c5f2ff", "#e2e7f4", "#c9f7f1", "#d8d8d8", "#595959", "#60b5ff", "#b3bcca", "#cbecb0", "#f6a1c9", "#fee29c", "#8be6ff", "#c7d0e9", "#94efe3", "#bfbfbf", "#3f3f3f", "#007dea", "#8d9baf", "#b2e389", "#f272af", "#fed46b", "#51d9ff", "#aab8de", "#5fe7d5", "#a5a5a5", "#262626", "#003e75", "#3a4453", "#5ea226", "#af0f5b", "#c58c00", "#0081a5", "#425ea9", "#138677", "#7f7f7f", "#0c0c0c", "#00192e", "#272d37", "#3f6c19", "#750a3d", "#835d00", "#00566e", "#2c3f71", "#0c594f"],
+      columns: 10
+    },
+    flow: {
+      colors: ["#ffffff", "#000000", "#dbf5f9", "#04617b", "#0f6fc6", "#009dd9", "#0bd0d9", "#10cf9b", "#7cca62", "#a5c249", "#f2f2f2", "#7f7f7f", "#b2e9f2", "#b4ecfc", "#c7e2fa", "#c4eeff", "#c9fafc", "#c9faed", "#e4f4df", "#edf2da", "#d8d8d8", "#595959", "#76d9e8", "#6adafa", "#90c6f6", "#89deff", "#93f5f9", "#94f6db", "#cae9c0", "#dbe6b6", "#bfbfbf", "#3f3f3f", "#21b2c8", "#20c8f7", "#59a9f2", "#4fceff", "#5df0f6", "#5ff2ca", "#b0dfa0", "#c9da91", "#a5a5a5", "#262626", "#105964", "#02485c", "#0b5394", "#0075a2", "#089ca2", "#0b9b74", "#54a838", "#7e9532", "#7f7f7f", "#0c0c0c", "#062328", "#01303d", "#073763", "#004e6c", "#05686c", "#07674d", "#387025", "#546321"],
+      columns: 10
+    },
+    hardcover: {
+      colors: ["#ffffff", "#000000", "#ece9c6", "#895d1d", "#873624", "#d6862d", "#d0be40", "#877f6c", "#972109", "#aeb795", "#f2f2f2", "#7f7f7f", "#e1dca5", "#f2e0c6", "#f0d0c9", "#f6e6d5", "#f5f2d8", "#e7e5e1", "#fbc7bc", "#eef0e9", "#d8d8d8", "#595959", "#d0c974", "#e6c28d", "#e2a293", "#eeceaa", "#ece5b2", "#cfccc3", "#f78f7a", "#dee2d4", "#bfbfbf", "#3f3f3f", "#a29a36", "#daa454", "#d4735e", "#e6b681", "#e2d88c", "#b7b2a5", "#f35838", "#ced3bf", "#a5a5a5", "#262626", "#514d1b", "#664515", "#65281a", "#a2641f", "#a39428", "#655f50", "#711806", "#879464", "#7f7f7f", "#0c0c0c", "#201e0a", "#442e0e", "#431b11", "#6c4315", "#6d621a", "#433f35", "#4b1004", "#5a6243"],
+      columns: 10
+    },
+    trek: {
+      colors: ["#ffffff", "#000000", "#fbeec9", "#4e3b30", "#f0a22e", "#a5644e", "#b58b80", "#c3986d", "#a19574", "#c17529", "#f2f2f2", "#7f7f7f", "#f7e09e", "#e1d6cf", "#fcecd5", "#eddfda", "#f0e7e5", "#f3eae1", "#ece9e3", "#f5e3d1", "#d8d8d8", "#595959", "#f3cc5f", "#c4ad9f", "#f9d9ab", "#dcc0b6", "#e1d0cc", "#e7d5c4", "#d9d4c7", "#ebc7a3", "#bfbfbf", "#3f3f3f", "#d29f0f", "#a78470", "#f6c781", "#cba092", "#d2b9b2", "#dbc1a7", "#c6bfab", "#e1ac76", "#a5a5a5", "#262626", "#694f07", "#3a2c24", "#c87d0e", "#7b4b3a", "#926255", "#a17242", "#7b7153", "#90571e", "#7f7f7f", "#0c0c0c", "#2a1f03", "#271d18", "#855309", "#523226", "#614138", "#6b4c2c", "#524b37", "#603a14"],
+      columns: 10
+    },
+    verve: {
+      colors: ["#ffffff", "#000000", "#d2d2d2", "#666666", "#ff388c", "#e40059", "#9c007f", "#68007f", "#005bd3", "#00349e", "#f2f2f2", "#7f7f7f", "#bdbdbd", "#e0e0e0", "#ffd7e8", "#ffc6dc", "#ffb8f1", "#f1b2ff", "#c3dcff", "#b8cfff", "#d8d8d8", "#595959", "#9d9d9d", "#c1c1c1", "#ffafd1", "#ff8eba", "#ff71e4", "#e365ff", "#87baff", "#72a0ff", "#bfbfbf", "#3f3f3f", "#696969", "#a3a3a3", "#ff87ba", "#ff5597", "#ff2ad7", "#d519ff", "#4b98ff", "#2b71ff", "#a5a5a5", "#262626", "#343434", "#4c4c4c", "#e90062", "#ab0042", "#75005f", "#4e005f", "#00449e", "#002676", "#7f7f7f", "#0c0c0c", "#151515", "#333333", "#9b0041", "#72002c", "#4e003f", "#34003f", "#002d69", "#00194f"],
+      columns: 10
+    },
+    monochrome: {
+      colors: ["#000000", "#1a1a1a", "#333333", "#4d4d4d", "#666666", "#808080", "#999999", "#b3b3b3", "#cccccc", "#e6e6e6", "#f2f2f2", "#ffffff"],
+      columns: 12
+    }
+  };
+
+  // src/colorpalette/colorpalette.tsx
+  var ColorPalette = class extends React37.Component {
+    render() {
+      const {
+        children,
+        className,
+        palette,
+        columns,
+        tileSize,
+        disabled
+      } = this.props;
+      const newChildren = [];
+      if (palette) {
+        const preset = PALETTEPRESETS[palette];
+        if (preset) {
+          const cols = columns || preset.columns;
+          Array.from({ length: Math.ceil(preset.colors.length / cols) }, (_, i) => {
+            const items = [];
+            preset.colors.slice(i * cols, (i + 1) * cols).map((color) => {
+              items.push(/* @__PURE__ */ React37.createElement(ColorPaletteTile, {
+                color,
+                tileSize
+              }));
+            });
+            const row = /* @__PURE__ */ React37.createElement(ColorPaletteRow, null, items);
+            newChildren.push(row);
+          });
+        }
+      }
+      return /* @__PURE__ */ React37.createElement("div", {
+        className: classNames(className, "k-colorpalette", {
+          "k-disabled": disabled
+        })
+      }, /* @__PURE__ */ React37.createElement("div", {
+        className: "k-colorpalette-table-wrap"
+      }, /* @__PURE__ */ React37.createElement("table", {
+        className: "k-colorpalette-table k-palette"
+      }, newChildren.length > 0 ? newChildren : children)));
+    }
+  };
+  ColorPalette.defaultProps = {
+    columns: 10
+  };
+
+  // src/colorpalette/colorpalette-row.tsx
+  var React38 = __toESM(__require("react"));
+  var ColorPaletteRow = class extends React38.Component {
+    render() {
+      const {
+        children
+      } = this.props;
+      return /* @__PURE__ */ React38.createElement("tr", null, children);
+    }
+  };
+
+  // src/colorpalette/colorpalette-tile.tsx
+  var React39 = __toESM(__require("react"));
+  var ColorPaletteTile = class extends React39.Component {
+    render() {
+      const {
+        className,
+        color,
+        tileSize,
+        hover,
+        focus,
+        selected
+      } = this.props;
+      const styles = {
+        "background-color": color,
+        "width": tileSize ? tileSize + "px" : "",
+        "height": tileSize ? tileSize + "px" : ""
+      };
+      return /* @__PURE__ */ React39.createElement("td", {
+        className: classNames(className, "k-colorpalette-tile", {
+          "k-hover": hover,
+          "k-focus": focus,
+          "k-selected": selected
+        }),
+        style: styles
+      });
+    }
+  };
+
+  // src/captcha/captcha.tsx
+  var React40 = __toESM(__require("react"));
+  var Captcha = class extends React40.Component {
+    render() {
+      const {
+        className,
+        value,
+        valid,
+        invalid,
+        loading,
+        disabled
+      } = this.props;
+      return /* @__PURE__ */ React40.createElement("div", {
+        className: classNames(className, "k-captcha", {
+          "k-captcha-loading": loading,
+          "k-disabled": disabled
+        })
+      }, /* @__PURE__ */ React40.createElement("div", {
+        className: "k-captcha-image-wrap k-hstack"
+      }, /* @__PURE__ */ React40.createElement("div", {
+        className: "k-captcha-image"
+      }, /* @__PURE__ */ React40.createElement("img", {
+        className: classNames({ "k-hidden": loading }),
+        src: "/packages/html/assets/captcha.jpg"
+      }), loading && /* @__PURE__ */ React40.createElement("span", {
+        style: { width: "100%", height: "100%" },
+        className: "k-skeleton k-skeleton-rect"
+      })), /* @__PURE__ */ React40.createElement("div", {
+        className: "k-captcha-image-controls k-vstack"
+      }, /* @__PURE__ */ React40.createElement(Button, {
+        icon: "volume-up",
+        disabled: loading === true
+      }), /* @__PURE__ */ React40.createElement(Button, {
+        icon: "reload",
+        disabled: loading === true
+      })), /* @__PURE__ */ React40.createElement("div", {
+        className: "k-captcha-volume-control k-vstack k-pos-absolute k-hidden"
+      }, /* @__PURE__ */ React40.createElement("div", {
+        className: "k-widget k-slider k-slider-vertical"
+      }))), /* @__PURE__ */ React40.createElement("div", {
+        className: "k-captcha-input k-vstack"
+      }, /* @__PURE__ */ React40.createElement(Textbox, {
+        value,
+        invalid,
+        disabled: loading === true
+      }), valid && !loading && /* @__PURE__ */ React40.createElement("span", {
+        className: "k-captcha-validation-message k-text-success"
+      }, "Verification Success")));
+    }
+  };
+
+  // src/colorpicker/colorpicker.tsx
+  var React41 = __toESM(__require("react"));
+  var ColorPicker = class extends React41.Component {
+    render() {
+      const {
+        className,
+        valueIconName,
+        arrowIconName,
+        prefix,
+        suffix,
+        value,
+        placeholder,
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        disabled
+      } = this.props;
+      return /* @__PURE__ */ React41.createElement(Picker, {
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        disabled,
+        className: classNames(className, "k-colorpicker", "k-icon-picker")
+      }, /* @__PURE__ */ React41.createElement(InputPrefix, null, prefix), /* @__PURE__ */ React41.createElement(InputInnerSpan, {
+        placeholder,
+        value,
+        showValue: false,
+        valueIcon: /* @__PURE__ */ React41.createElement(ColorPreview, {
+          className: "k-value-icon",
+          color: value,
+          iconName: valueIconName
+        }),
+        valueIconName
+      }), /* @__PURE__ */ React41.createElement(InputSuffix, null, suffix), /* @__PURE__ */ React41.createElement(Button, {
+        className: "k-input-button",
+        icon: arrowIconName,
+        rounded: null,
+        size: this.props.size,
+        fillMode: this.props.fillMode
+      }));
+    }
+  };
+  ColorPicker.defaultProps = {
+    arrowIconName: "arrow-s"
+  };
+
+  // src/combobox/combobox.tsx
+  var React42 = __toESM(__require("react"));
+  var Combobox = class extends React42.Component {
+    render() {
+      const {
+        className,
+        prefix,
+        suffix,
+        value,
+        placeholder,
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled
+      } = this.props;
+      return /* @__PURE__ */ React42.createElement(Input, {
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled,
+        className: classNames(className, "k-combobox")
+      }, /* @__PURE__ */ React42.createElement(InputPrefix, null, prefix), /* @__PURE__ */ React42.createElement(InputInnerInput, {
+        placeholder,
+        value
+      }), /* @__PURE__ */ React42.createElement(InputSuffix, null, suffix), /* @__PURE__ */ React42.createElement(InputValidationIcon, {
+        ...this.props
+      }), /* @__PURE__ */ React42.createElement(InputLoadingIcon, {
+        ...this.props
+      }), /* @__PURE__ */ React42.createElement(InputClearValue, {
+        ...this.props
+      }), /* @__PURE__ */ React42.createElement(Button, {
+        className: "k-input-button",
+        icon: "arrow-s",
+        rounded: null,
+        size: this.props.size,
+        fillMode: this.props.fillMode
+      }));
+    }
+  };
+
+  // src/dateinput/dateinput.tsx
+  var React44 = __toESM(__require("react"));
+
+  // src/spinbutton/spinbutton.tsx
+  var React43 = __toESM(__require("react"));
+  var SpinButton = class extends React43.Component {
+    render() {
+      const {
+        className,
+        size,
+        fillMode
+      } = this.props;
+      return /* @__PURE__ */ React43.createElement("span", {
+        className: classNames(className, "k-spin-button")
+      }, /* @__PURE__ */ React43.createElement(Button, {
+        className: "k-spinner-increase",
+        icon: "arrow-n",
+        rounded: null,
+        size,
+        fillMode
+      }), /* @__PURE__ */ React43.createElement(Button, {
+        className: "k-spinner-decrease",
+        icon: "arrow-s",
+        rounded: null,
+        size,
+        fillMode
+      }));
+    }
+  };
+
+  // src/dateinput/dateinput.tsx
+  var DateInput = class extends React44.Component {
+    render() {
+      const {
+        className,
+        value,
+        placeholder,
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled,
+        showSpinButton
+      } = this.props;
+      return /* @__PURE__ */ React44.createElement(Input, {
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled,
+        className: classNames(className, "k-dateinput")
+      }, /* @__PURE__ */ React44.createElement(InputInnerInput, {
+        placeholder,
+        value
+      }), /* @__PURE__ */ React44.createElement(InputValidationIcon, {
+        ...this.props
+      }), /* @__PURE__ */ React44.createElement(InputLoadingIcon, {
+        ...this.props
+      }), /* @__PURE__ */ React44.createElement(InputClearValue, {
+        ...this.props
+      }), showSpinButton && /* @__PURE__ */ React44.createElement(SpinButton, {
+        className: "k-input-spinner",
+        size,
+        fillMode
+      }));
+    }
+  };
+  DateInput.defaultProps = {
+    showSpinButton: true
+  };
+
+  // src/datepicker/datepicker.tsx
+  var React45 = __toESM(__require("react"));
+  var DatePicker = class extends React45.Component {
+    render() {
+      const {
+        className,
+        prefix,
+        suffix,
+        value,
+        placeholder,
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled
+      } = this.props;
+      return /* @__PURE__ */ React45.createElement(Input, {
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled,
+        className: classNames(className, "k-datepicker")
+      }, /* @__PURE__ */ React45.createElement(InputPrefix, null, prefix), /* @__PURE__ */ React45.createElement(InputInnerInput, {
+        placeholder,
+        value
+      }), /* @__PURE__ */ React45.createElement(InputSuffix, null, suffix), /* @__PURE__ */ React45.createElement(InputValidationIcon, {
+        ...this.props
+      }), /* @__PURE__ */ React45.createElement(InputLoadingIcon, {
+        ...this.props
+      }), /* @__PURE__ */ React45.createElement(InputClearValue, {
+        ...this.props
+      }), /* @__PURE__ */ React45.createElement(Button, {
+        className: "k-input-button",
+        icon: "calendar",
+        rounded: null,
+        size,
+        fillMode
+      }));
+    }
+  };
+
+  // src/timepicker/timepicker.tsx
+  var React46 = __toESM(__require("react"));
+  var TimePicker = class extends React46.Component {
+    render() {
+      const {
+        className,
+        prefix,
+        suffix,
+        value,
+        placeholder,
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled
+      } = this.props;
+      return /* @__PURE__ */ React46.createElement(Input, {
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled,
+        className: classNames(className, "k-timepicker")
+      }, /* @__PURE__ */ React46.createElement(InputPrefix, null, prefix), /* @__PURE__ */ React46.createElement(InputInnerInput, {
+        placeholder,
+        value
+      }), /* @__PURE__ */ React46.createElement(InputSuffix, null, suffix), /* @__PURE__ */ React46.createElement(InputValidationIcon, {
+        ...this.props
+      }), /* @__PURE__ */ React46.createElement(InputLoadingIcon, {
+        ...this.props
+      }), /* @__PURE__ */ React46.createElement(InputClearValue, {
+        ...this.props
+      }), /* @__PURE__ */ React46.createElement(Button, {
+        className: "k-input-button",
+        icon: "clock",
+        rounded: null,
+        size,
+        fillMode
+      }));
+    }
+  };
+
+  // src/datetimepicker/datetimepicker.tsx
+  var React47 = __toESM(__require("react"));
+  var DateTimePicker = class extends React47.Component {
+    render() {
+      const {
+        className,
+        prefix,
+        suffix,
+        value,
+        placeholder,
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled
+      } = this.props;
+      return /* @__PURE__ */ React47.createElement(Input, {
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled,
+        className: classNames(className, "k-datetimepicker")
+      }, /* @__PURE__ */ React47.createElement(InputPrefix, null, prefix), /* @__PURE__ */ React47.createElement(InputInnerInput, {
+        placeholder,
+        value
+      }), /* @__PURE__ */ React47.createElement(InputSuffix, null, suffix), /* @__PURE__ */ React47.createElement(InputValidationIcon, {
+        ...this.props
+      }), /* @__PURE__ */ React47.createElement(InputLoadingIcon, {
+        ...this.props
+      }), /* @__PURE__ */ React47.createElement(InputClearValue, {
+        ...this.props
+      }), /* @__PURE__ */ React47.createElement(Button, {
+        className: "k-input-button",
+        icon: "calendar",
+        rounded: null,
+        size,
+        fillMode
+      }));
+    }
+  };
+
+  // src/daterangepicker/daterangepicker.tsx
+  var React48 = __toESM(__require("react"));
+  var DateRangePicker = class extends React48.Component {
+    render() {
+      const {
+        className,
+        size,
+        rounded,
+        fillMode,
+        swapButton,
+        disabled,
+        style
+      } = this.props;
+      return /* @__PURE__ */ React48.createElement("span", {
+        style,
+        className: classNames(className, "k-daterangepicker", {
+          "k-disabled": disabled
+        })
+      }, /* @__PURE__ */ React48.createElement(FloatingLabel, {
+        label: "Start"
+      }, /* @__PURE__ */ React48.createElement(DateInput, {
+        showSpinButton: false,
+        size,
+        rounded,
+        fillMode
+      })), swapButton && /* @__PURE__ */ React48.createElement(Button, {
+        rounded,
+        size,
+        fillMode: "flat",
+        icon: "arrows-swap",
+        iconClassName: "k-rotate-90"
+      }), /* @__PURE__ */ React48.createElement(FloatingLabel, {
+        label: "End"
+      }, /* @__PURE__ */ React48.createElement(DateInput, {
+        showSpinButton: false,
+        size,
+        rounded,
+        fillMode
+      })));
+    }
+  };
+
+  // src/dropdowngrid/dropdowngrid.tsx
+  var React49 = __toESM(__require("react"));
+  var DropdownGrid = class extends React49.Component {
+    render() {
+      const {
+        className,
+        prefix,
+        suffix,
+        value,
+        placeholder,
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled
+      } = this.props;
+      return /* @__PURE__ */ React49.createElement(Input, {
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled,
+        className: classNames(className, "k-dropdowngrid")
+      }, /* @__PURE__ */ React49.createElement(InputPrefix, null, prefix), /* @__PURE__ */ React49.createElement(InputInnerInput, {
+        placeholder,
+        value
+      }), /* @__PURE__ */ React49.createElement(InputSuffix, null, suffix), /* @__PURE__ */ React49.createElement(InputValidationIcon, {
+        ...this.props
+      }), /* @__PURE__ */ React49.createElement(InputLoadingIcon, {
+        ...this.props
+      }), /* @__PURE__ */ React49.createElement(InputClearValue, {
+        ...this.props
+      }), /* @__PURE__ */ React49.createElement(Button, {
+        className: "k-input-button",
+        icon: "arrow-s",
+        rounded: null,
+        size: this.props.size,
+        fillMode: this.props.fillMode
+      }));
+    }
+  };
+
+  // src/dropdownlist/dropdownlist.tsx
+  var React50 = __toESM(__require("react"));
+  var DropdownList = class extends React50.Component {
+    render() {
+      const {
+        className,
+        style,
+        valueIconName,
+        arrowIconName,
+        prefix,
+        suffix,
+        value,
+        placeholder,
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled,
+        showValue
+      } = this.props;
+      return /* @__PURE__ */ React50.createElement(Picker, {
+        style,
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled,
+        className: classNames(className, "k-dropdown", {
+          "k-icon-picker": !showValue && valueIconName
+        })
+      }, /* @__PURE__ */ React50.createElement(InputPrefix, null, prefix), /* @__PURE__ */ React50.createElement(InputInnerSpan, {
+        placeholder,
+        value,
+        showValue,
+        valueIconName
+      }), /* @__PURE__ */ React50.createElement(InputSuffix, null, suffix), /* @__PURE__ */ React50.createElement(InputValidationIcon, {
+        ...this.props
+      }), /* @__PURE__ */ React50.createElement(InputLoadingIcon, {
+        ...this.props
+      }), /* @__PURE__ */ React50.createElement(Button, {
+        className: "k-input-button",
+        icon: arrowIconName,
+        rounded: null,
+        size: this.props.size,
+        fillMode: this.props.fillMode
+      }));
+    }
+  };
+  DropdownList.defaultProps = {
+    showValue: true,
+    arrowIconName: "arrow-s"
+  };
+
+  // src/maskedtextbox/maskedtextbox.tsx
+  var React51 = __toESM(__require("react"));
+  var MaskedTextbox = class extends React51.Component {
+    render() {
+      const {
+        className,
+        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-maskedtextbox")
+      }, /* @__PURE__ */ React51.createElement(InputInnerInput, {
+        placeholder,
+        value
+      }), /* @__PURE__ */ React51.createElement(InputValidationIcon, {
+        ...this.props
+      }), /* @__PURE__ */ React51.createElement(InputLoadingIcon, {
+        ...this.props
+      }), /* @__PURE__ */ React51.createElement(InputClearValue, {
+        ...this.props
+      }));
+    }
+  };
+
+  // src/multiselect/multiselect.tsx
+  var React52 = __toESM(__require("react"));
+  var MultiSelect = class extends React52.Component {
+    render() {
+      const {
+        className,
+        prefix,
+        suffix,
+        value,
+        placeholder,
+        tags,
+        size,
+        rounded,
+        fillMode,
+        showArrowButton,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled
+      } = this.props;
+      return /* @__PURE__ */ React52.createElement(Input, {
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled,
+        className: classNames(className, "k-multiselect")
+      }, /* @__PURE__ */ React52.createElement(InputPrefix, null, prefix), /* @__PURE__ */ React52.createElement(ChipList, {
+        className: "k-input-values",
+        size
+      }, /* @__PURE__ */ React52.createElement(React52.Fragment, null, tags), /* @__PURE__ */ React52.createElement(InputInnerInput, {
+        placeholder,
+        value
+      })), /* @__PURE__ */ React52.createElement(InputSuffix, null, suffix), /* @__PURE__ */ React52.createElement(InputValidationIcon, {
+        ...this.props
+      }), /* @__PURE__ */ React52.createElement(InputLoadingIcon, {
+        ...this.props
+      }), /* @__PURE__ */ React52.createElement(InputClearValue, {
+        value: tags ? "value" : "",
+        ...this.props
+      }), showArrowButton && /* @__PURE__ */ React52.createElement(Button, {
+        className: "k-input-button",
+        icon: "arrow-s",
+        rounded: null,
+        size,
+        fillMode
+      }));
+    }
+  };
+
+  // src/numerictextbox/numerictextbox.tsx
+  var React53 = __toESM(__require("react"));
+  var NumericTextbox = class extends React53.Component {
+    render() {
+      const {
+        className,
+        value,
+        placeholder,
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled,
+        showSpinButton,
+        showClearButton
+      } = this.props;
+      return /* @__PURE__ */ React53.createElement(Input, {
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled,
+        className: classNames(className, "k-numerictextbox")
+      }, /* @__PURE__ */ React53.createElement(InputInnerInput, {
+        placeholder,
+        value
+      }), /* @__PURE__ */ React53.createElement(InputValidationIcon, {
+        ...this.props
+      }), /* @__PURE__ */ React53.createElement(InputLoadingIcon, {
+        ...this.props
+      }), showClearButton && /* @__PURE__ */ React53.createElement(InputClearValue, {
+        ...this.props
+      }), showSpinButton && /* @__PURE__ */ React53.createElement(SpinButton, {
+        className: "k-input-spinner",
+        size,
+        fillMode
+      }));
+    }
+  };
+  NumericTextbox.defaultProps = {
+    showSpinButton: true,
+    showClearButton: true
+  };
+
+  // src/searchbox/searchbox.tsx
+  var React54 = __toESM(__require("react"));
+  var Searchbox = class extends React54.Component {
+    render() {
+      const {
+        className,
+        value,
+        placeholder,
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled,
+        showIcon = true,
+        icon = "search"
+      } = this.props;
+      return /* @__PURE__ */ React54.createElement(Input, {
+        size,
+        rounded,
+        fillMode,
+        hover,
+        focus,
+        valid,
+        invalid,
+        required,
+        loading,
+        disabled,
+        className: classNames(className, "k-searchbox")
+      }, showIcon && /* @__PURE__ */ React54.createElement(Icon, {
+        className: "k-input-icon",
+        name: icon
+      }), /* @__PURE__ */ React54.createElement(InputInnerInput, {
+        placeholder,
+        value
+      }), /* @__PURE__ */ React54.createElement(InputValidationIcon, {
+        ...this.props
+      }), /* @__PURE__ */ React54.createElement(InputLoadingIcon, {
+        ...this.props
+      }), /* @__PURE__ */ React54.createElement(InputClearValue, {
+        ...this.props
+      }));
+    }
+  };
+
+  // src/switch/switch.tsx
+  var React55 = __toESM(__require("react"));
+  var Switch = class extends React55.Component {
+    render() {
+      const {
+        className,
+        checked,
+        onLabel,
+        offLabel,
+        size,
+        trackRounded,
+        thumbRounded,
+        hover,
+        focus,
+        disabled
+      } = this.props;
+      return /* @__PURE__ */ React55.createElement("span", {
+        className: classNames(className, "k-switch", {
+          [`k-switch-${kendoThemeMaps.sizeMap[size] || size}`]: size,
+          "k-hover": hover,
+          "k-focus": focus,
+          "k-disabled": disabled,
+          "k-switch-on": checked,
+          "k-switch-off": !checked
+        })
+      }, /* @__PURE__ */ React55.createElement("span", {
+        className: classNames("k-switch-track", {
+          [`k-rounded-${kendoThemeMaps.roundedMap[trackRounded] || trackRounded}`]: trackRounded
+        })
+      }, onLabel && /* @__PURE__ */ React55.createElement("span", {
+        className: "k-switch-label-on"
+      }, onLabel), offLabel && /* @__PURE__ */ React55.createElement("span", {
+        className: "k-switch-label-off"
+      }, offLabel)), /* @__PURE__ */ React55.createElement("span", {
+        className: "k-switch-thumb-wrap"
+      }, /* @__PURE__ */ React55.createElement("span", {
+        className: classNames("k-switch-thumb", {
+          [`k-rounded-${kendoThemeMaps.roundedMap[thumbRounded] || thumbRounded}`]: thumbRounded
+        })
+      })));
+    }
+  };
+  Switch.defaultProps = {
+    size: "medium",
+    trackRounded: "full",
+    thumbRounded: "full"
+  };
+
+  // src/fab/fab.tsx
+  var React56 = __toESM(__require("react"));
+  var FloatingActionButton = class extends React56.Component {
+    render() {
+      const {
+        className,
+        style,
+        text,
+        icon,
+        type,
+        size,
+        shape,
+        rounded,
+        fillMode,
+        themeColor,
+        position,
+        hover,
+        focus,
+        active,
+        selected,
+        disabled,
+        ...htmlAttributes
+      } = this.props;
+      return /* @__PURE__ */ React56.createElement("button", {
+        ...htmlAttributes,
+        type,
+        className: classNames(className, "k-fab", {
+          [`k-fab-${kendoThemeMaps.sizeMap[size] || size}`]: size,
+          [`k-fab-${shape}`]: shape,
+          [`k-fab-${fillMode}`]: fillMode,
+          [`k-fab-${fillMode}-${themeColor}`]: Boolean(fillMode && themeColor),
+          [`k-rounded-${kendoThemeMaps.roundedMap[rounded] || rounded}`]: rounded,
+          [`k-pos-absolute k-${position}`]: position,
+          "k-hover": hover,
+          "k-focus": focus,
+          "k-active": active,
+          "k-selected": selected,
+          "k-disabled": disabled
+        }),
+        style
+      }, icon && /* @__PURE__ */ React56.createElement(Icon, {
+        className: "k-fab-icon",
+        name: icon
+      }), text && /* @__PURE__ */ React56.createElement("span", {
+        className: "k-fab-text"
+      }, text));
+    }
+  };
+  FloatingActionButton.defaultProps = {
+    type: "button",
+    size: "medium",
+    shape: "rectangle",
+    rounded: "full",
+    fillMode: "solid",
+    themeColor: "primary"
+  };
+
+  // src/menu/menu-item.tsx
+  var React57 = __toESM(__require("react"));
+  var MenuItem = class extends React57.Component {
+    render() {
+      const {
+        className,
+        children,
+        text,
+        icon,
+        showArrow,
+        arrowIconName,
+        hover,
+        focus,
+        active,
+        selected,
+        disabled,
+        dir
+      } = this.props;
+      const contentTemplate = /* @__PURE__ */ React57.createElement(React57.Fragment, null);
+      if (children) {
+        children.forEach((child) => {
+          const component = child.type;
+          if (component === "MenuItemContent") {
+            contentTemplate.props.children.push(child);
+            return;
+          }
+        });
+      }
+      let expandArrowName = arrowIconName;
+      if (!expandArrowName) {
+        expandArrowName = dir === "rtl" ? "arrow-w" : "arrow-e";
+      }
+      return /* @__PURE__ */ React57.createElement("li", {
+        className: classNames(className, "k-item k-menu-item", {
+          "k-disabled": disabled,
+          "k-focus": focus
+        })
+      }, /* @__PURE__ */ React57.createElement("span", {
+        className: classNames(className, "k-link k-menu-link", {
+          "k-hover": hover,
+          "k-active": active,
+          "k-selected": selected,
+          "k-disabled": disabled
+        })
+      }, icon && /* @__PURE__ */ React57.createElement(Icon, {
+        className: "k-menu-link-icon",
+        name: icon
+      }), /* @__PURE__ */ React57.createElement("span", {
+        className: "k-menu-link-text"
+      }, text), showArrow && /* @__PURE__ */ React57.createElement("span", {
+        className: "k-menu-expand-arrow"
+      }, /* @__PURE__ */ React57.createElement(Icon, {
+        name: expandArrowName
+      }))), contentTemplate);
+    }
+  };
+  MenuItem.defaultProps = {
+    size: "medium",
+    dir: "ltr"
+  };
+
+  // src/menu/menu-item-content.tsx
+  var React58 = __toESM(__require("react"));
+  var MenuItemContent = class extends React58.Component {
+    render() {
+      const {
+        className,
+        children
+      } = this.props;
+      if (!children) {
+        return /* @__PURE__ */ React58.createElement(React58.Fragment, null);
+      }
+      return /* @__PURE__ */ React58.createElement("span", {
+        className: classNames(className, "k-menu-item-content")
+      }, children);
+    }
+  };
+
+  // src/menu/menu-list.tsx
+  var React59 = __toESM(__require("react"));
+  var MenuList = class extends React59.Component {
+    render() {
+      const {
+        className,
+        children,
+        size
+      } = this.props;
+      if (!children) {
+        return /* @__PURE__ */ React59.createElement(React59.Fragment, null);
+      }
+      return /* @__PURE__ */ React59.createElement("ul", {
+        className: classNames(className, "k-menu-group", {
+          [`k-menu-group-${kendoThemeMaps.sizeMap[size] || size}`]: size
+        })
+      }, children);
+    }
+  };
+  MenuList.defaultProps = {
+    size: "medium"
+  };
+
+  // src/popover/popover.tsx
+  var React60 = __toESM(__require("react"));
+  var Popover = class extends React60.Component {
+    render() {
+      const {
+        className,
+        children,
+        callout,
+        title,
+        body,
+        ...htmlAttributes
+      } = this.props;
+      return /* @__PURE__ */ React60.createElement("div", {
+        className: classNames(className, "k-popover"),
+        ...htmlAttributes
+      }, callout && /* @__PURE__ */ React60.createElement("div", {
+        className: classNames("k-popover-callout", {
+          [`k-callout-${kendoThemeMaps.calloutMap[callout] || callout}`]: callout
+        })
+      }), title && /* @__PURE__ */ React60.createElement("div", {
+        className: "k-popover-header"
+      }, title), body && /* @__PURE__ */ React60.createElement("div", {
+        className: "k-popover-body"
+      }, body), /* @__PURE__ */ React60.createElement(React60.Fragment, null, children));
+    }
+  };
+
+  // src/treeview/treeview.tsx
+  var React62 = __toESM(__require("react"));
+
+  // src/treeview/treeview-group.tsx
+  var React61 = __toESM(__require("react"));
+  var TreeviewGroup = class extends React61.Component {
+    render() {
+      const {
+        className,
+        children
+      } = this.props;
+      return /* @__PURE__ */ React61.createElement("ul", {
+        className: classNames(className, "k-treeview-group")
+      }, children);
+    }
+  };
+
+  // src/treeview/treeview.tsx
+  var Treeview = class extends React62.Component {
+    render() {
+      const {
+        className,
+        size,
+        children
+      } = this.props;
+      return /* @__PURE__ */ React62.createElement("div", {
+        className: classNames(className, "k-treeview", {
+          [`k-treeview-${kendoThemeMaps.sizeMap[size] || size}`]: size
+        })
+      }, /* @__PURE__ */ React62.createElement(TreeviewGroup, {
+        className: "k-treeview-lines"
+      }, children));
+    }
+  };
+  Treeview.defaultProps = {
+    size: "medium"
+  };
+
+  // src/treeview/treeview-item.tsx
+  var React64 = __toESM(__require("react"));
+
+  // src/treeview/treeview-leaf.tsx
+  var React63 = __toESM(__require("react"));
+  var TreeViewLeaf = class extends React63.Component {
+    render() {
+      const {
+        className,
+        text,
+        showIcon,
+        icon,
+        hover,
+        focus,
+        selected
+      } = this.props;
+      return /* @__PURE__ */ React63.createElement("span", {
+        className: classNames(className, "k-treeview-leaf", {
+          "k-hover": hover,
+          "k-focus": focus,
+          "k-selected": selected
+        })
+      }, showIcon && /* @__PURE__ */ React63.createElement(Icon, {
+        name: icon
+      }), /* @__PURE__ */ React63.createElement("span", {
+        className: "k-treeview-leaf-text"
+      }, text));
+    }
+  };
+
+  // src/treeview/treeview-item.tsx
+  var TreeviewItem = class extends React64.Component {
+    render() {
+      const {
+        className,
+        leafClassName,
+        children,
+        hasChildren,
+        expanded,
+        text,
+        showIcon,
+        icon,
+        showCheckbox,
+        checked,
+        hover,
+        focus,
+        selected,
+        disabled
+      } = this.props;
+      const _hasChildren = hasChildren || children;
+      return /* @__PURE__ */ React64.createElement("li", {
+        className: classNames(className, "k-treeview-item", {
+          "k-disabled": disabled
+        })
+      }, /* @__PURE__ */ React64.createElement("span", {
+        className: "k-treeview-mid"
+      }, _hasChildren && /* @__PURE__ */ React64.createElement("span", {
+        className: "k-treeview-toggle"
+      }, /* @__PURE__ */ React64.createElement(Icon, {
+        name: expanded ? "collapse" : "expand"
+      })), showCheckbox && /* @__PURE__ */ React64.createElement(Checkbox, {
+        checked
+      }), /* @__PURE__ */ React64.createElement(TreeViewLeaf, {
+        className: leafClassName,
+        text,
+        showIcon,
+        icon,
+        hover,
+        focus,
+        selected
+      })), expanded && _hasChildren && /* @__PURE__ */ React64.createElement(React64.Fragment, null, children));
+    }
+  };
+
+  // src/card/card.tsx
+  var React65 = __toESM(__require("react"));
+  var Card = class extends React65.Component {
+    render() {
+      const {
+        children,
+        className,
+        orientation,
+        themeColor,
+        callout,
+        hover,
+        focus,
+        selected,
+        disabled,
+        ...htmlAttributes
+      } = this.props;
+      return /* @__PURE__ */ React65.createElement("div", {
+        style: this.props.style,
+        ...htmlAttributes,
+        className: classNames("k-card", {
+          [`k-card-${themeColor}`]: themeColor,
+          [`k-card-${orientation}`]: orientation,
+          "k-card-with-callout": callout,
+          "k-hover": hover,
+          "k-focus": focus,
+          "k-selected": selected,
+          "k-disabled": disabled
+        }, className)
+      }, callout && callout !== "true" && /* @__PURE__ */ React65.createElement(CardCallout, {
+        callout
+      }), /* @__PURE__ */ React65.createElement(React65.Fragment, null, children));
+    }
+  };
+
+  // src/card/card-callout.tsx
+  var React66 = __toESM(__require("react"));
+  var CardCallout = class extends React66.Component {
+    render() {
+      const {
+        className,
+        callout,
+        ...htmlAttributes
+      } = this.props;
+      return /* @__PURE__ */ React66.createElement("span", {
+        ...htmlAttributes,
+        className: classNames("k-card-callout", {
+          [`k-callout-${kendoThemeMaps.calloutMap[callout] || callout}`]: callout
+        }, className)
+      });
+    }
+  };
+
+  // src/card/card-title.tsx
+  var React67 = __toESM(__require("react"));
+  var CardTitle = class extends React67.Component {
+    render() {
+      const {
+        children,
+        className,
+        hover,
+        focus,
+        ...htmlAttributes
+      } = this.props;
+      return /* @__PURE__ */ React67.createElement("div", {
+        ...htmlAttributes,
+        className: classNames("k-card-title", {
+          "k-hover": hover,
+          "k-focus": focus
+        }, className)
+      }, children);
+    }
+  };
+
+  // src/card/card-subtitle.tsx
+  var React68 = __toESM(__require("react"));
+  var CardSubtitle = class extends React68.Component {
+    render() {
+      const {
+        children,
+        className,
+        ...htmlAttributes
+      } = this.props;
+      return /* @__PURE__ */ React68.createElement("div", {
+        ...htmlAttributes,
+        className: classNames("k-card-subtitle", className)
+      }, children);
+    }
+  };
+
+  // src/card/card-img.tsx
+  var React69 = __toESM(__require("react"));
+  var CardImage = class extends React69.Component {
+    render() {
+      const {
+        children,
+        className,
+        src,
+        ...htmlAttributes
+      } = this.props;
+      return /* @__PURE__ */ React69.createElement(React69.Fragment, null, src ? /* @__PURE__ */ React69.createElement("img", {
+        style: this.props.style,
+        ...htmlAttributes,
+        className: classNames("k-card-image", className),
+        src
+      }) : /* @__PURE__ */ React69.createElement("span", {
+        style: this.props.style,
+        ...htmlAttributes,
+        className: classNames("k-card-image", className)
+      }, /* @__PURE__ */ React69.createElement(React69.Fragment, null, children)));
+    }
+  };
+
+  // src/card/card-header.tsx
+  var React70 = __toESM(__require("react"));
+  var CardHeader = class extends React70.Component {
+    render() {
+      const {
+        children,
+        className,
+        title,
+        subtitle,
+        details,
+        ...htmlAttributes
+      } = this.props;
+      return /* @__PURE__ */ React70.createElement("div", {
+        ...htmlAttributes,
+        className: classNames("k-card-header", className)
+      }, title && /* @__PURE__ */ React70.createElement(CardTitle, null, title), subtitle && /* @__PURE__ */ React70.createElement(CardSubtitle, null, subtitle), /* @__PURE__ */ React70.createElement(React70.Fragment, null, children), details && /* @__PURE__ */ React70.createElement("span", {
+        className: "k-card-header-actions"
+      }, /* @__PURE__ */ React70.createElement(Button, {
+        className: "k-card-details",
+        icon: "more-vertical",
+        rounded: "medium",
+        size: "medium",
+        fillMode: "flat",
+        themeColor: "base"
+      })));
+    }
+  };
+
+  // src/card/card-footer.tsx
+  var React71 = __toESM(__require("react"));
+  var CardFooter = class extends React71.Component {
+    render() {
+      const {
+        children,
+        className,
+        ...htmlAttributes
+      } = this.props;
+      return /* @__PURE__ */ React71.createElement("div", {
+        ...htmlAttributes,
+        className: classNames("k-card-footer", className)
+      }, children);
+    }
+  };
+
+  // src/card/card-body.tsx
+  var React72 = __toESM(__require("react"));
+  var CardBody = class extends React72.Component {
+    render() {
+      const {
+        children,
+        className,
+        title,
+        subtitle,
+        details,
+        ...htmlAttributes
+      } = this.props;
+      return /* @__PURE__ */ React72.createElement("div", {
+        style: this.props.style,
+        ...htmlAttributes,
+        className: classNames("k-card-body", className)
+      }, title && /* @__PURE__ */ React72.createElement(CardTitle, null, title), subtitle && /* @__PURE__ */ React72.createElement(CardSubtitle, null, subtitle), /* @__PURE__ */ React72.createElement(React72.Fragment, null, children), details && /* @__PURE__ */ React72.createElement("span", {
+        className: "k-card-body-actions"
+      }, /* @__PURE__ */ React72.createElement(Button, {
+        className: "k-card-details",
+        icon: "more-vertical",
+        rounded: "medium",
+        size: "medium",
+        fillMode: "flat",
+        themeColor: "base"
+      })));
+    }
+  };
+
+  // src/card/card-deck.tsx
+  var React73 = __toESM(__require("react"));
+  var CardDeck = class extends React73.Component {
+    render() {
+      const {
+        children,
+        className,
+        ...htmlAttributes
+      } = this.props;
+      return /* @__PURE__ */ React73.createElement("div", {
+        ...htmlAttributes,
+        className: classNames("k-card-deck", className)
+      }, children);
+    }
+  };
+})();
+//# sourceMappingURL=index.js.map