@progress/kendo-react-buttons 7.2.4-develop.3 → 7.3.0-develop.1

package/package-metadata.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-buttons",productName:"KendoReact",productCodes:["KENDOUIREACT","KENDOUICOMPLETE"],publishDate:0,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;

package/package-metadata.mjs

@@ -0,0 +1,19 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+const e = {
+  name: "@progress/kendo-react-buttons",
+  productName: "KendoReact",
+  productCodes: ["KENDOUIREACT", "KENDOUICOMPLETE"],
+  publishDate: 1709715178,
+  version: "",
+  licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
+};
+export {
+  e as packageMetadata
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-buttons",
-  "version": "7.2.4-develop.3",
+  "version": "7.3.0-develop.1",
   "description": "All you need in React Button in one package: disabled/enabled states, built-in styles and more. KendoReact Buttons package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -23,8 +23,8 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.3.4",
-    "@progress/kendo-react-common": "7.2.4-develop.3",
-    "@progress/kendo-react-popup": "7.2.4-develop.3",
+    "@progress/kendo-react-common": "7.3.0-develop.1",
+    "@progress/kendo-react-popup": "7.3.0-develop.1",
     "@progress/kendo-svg-icons": "^2.1.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0"

package/toolbar/Toolbar.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),i=require("prop-types"),n=require("@progress/kendo-react-common"),u=require("../util.js"),p=require("../package-metadata.js");function b(h){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(h){for(const t in h)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(h,t);Object.defineProperty(e,t,o.get?o:{enumerable:!0,get:()=>h[t]})}}return e.default=h,Object.freeze(e)}const l=b(c),a=class a extends l.Component{constructor(e){super(e),this._element=null,this.offsetHeight=0,this.offsetWidth=0,this.buttons=[],this.focusedSelector=this.selectors.map(t=>t+":focus").join(","),this.setTabIndex=t=>{const{tabIndex:o=a.defaultProps.tabIndex}=this.props;this.buttons.forEach((r,s)=>{r.tabIndex=s===t?o:-1})},this.onKeyDown=t=>{const o=t.target;if(!(t.keyCode===n.Keys.left||t.keyCode===n.Keys.right||t.keyCode===n.Keys.home||t.keyCode===n.Keys.end)||t.defaultPrevented||this.buttons.findIndex(d=>d===o)===-1)return;const s=this.focusedIndex;t.keyCode===n.Keys.left?this.focusButton(s,s===0?this.buttons.length-1:s-1):this.focusButton(s,s===this.buttons.length-1?0:s+1),t.keyCode===n.Keys.home&&this.focusButton(s,0),t.keyCode===n.Keys.end&&this.focusButton(s,this.buttons.length-1)},this.onWindowResize=t=>{const o=this.element;if(!o)return;const r=o.offsetWidth,s=o.offsetHeight;if(this.offsetWidth!==r||this.offsetHeight!==s){this.offsetWidth=r,this.offsetHeight=s;const d={offsetWidth:this.offsetWidth,offsetHeight:this.offsetHeight};this.props.onResize&&this.props.onResize.call(void 0,{target:this,...d,nativeEvent:t})}},n.validatePackage(p.packageMetadata)}get selectors(){return this.props.buttons||u.toolbarButtons}get focusedIndex(){const e=this.element&&this.element.querySelector(this.focusedSelector);return Math.max(0,this.buttons.findIndex(t=>t===e))}get element(){return this._element}componentDidMount(){window.addEventListener("resize",this.onWindowResize);const e=this.element;e&&(this.offsetWidth=e.offsetWidth,this.offsetHeight=e.offsetHeight,this.props.keyboardNavigation!==!1&&(this.buttons=Array.from(e.querySelectorAll(this.selectors.join(","))),this.setTabIndex(0)))}componentDidUpdate(){const e=this.element;!e||this.props.keyboardNavigation===!1||(this.buttons=Array.from(e.querySelectorAll(this.selectors.join(","))),this.setTabIndex(this.focusedIndex))}componentWillUnmount(){window.removeEventListener("resize",this.onWindowResize),this.buttons.length=0}render(){return l.createElement("div",{id:this.props.id,"aria-label":this.props.ariaLabel,className:n.classNames("k-toolbar",{[`k-toolbar-${n.kendoThemeMaps.sizeMap[this.props.size]||this.props.size}`]:this.props.size},this.props.className),style:this.props.style,role:this.props.role!==void 0?this.props.role||void 0:"toolbar",dir:this.props.dir,ref:e=>this._element=e,onKeyDown:this.props.keyboardNavigation!==!1?this.onKeyDown:void 0},this.props.children)}focusButton(e,t){const{tabIndex:o=a.defaultProps.tabIndex}=this.props,r=this.buttons[t];if(r){r.tabIndex=o,r.focus();const s=this.buttons[e];s&&(s.tabIndex=-1)}}};a.propTypes={tabIndex:i.number,dir:i.string,keyboardNavigation:i.bool,style:i.object,className:i.string,role:i.string,onResize:i.func,buttons:i.arrayOf(i.string),size:i.oneOf([null,"small","medium","large"])},a.defaultProps={tabIndex:0,size:"medium"};let f=a;exports.Toolbar=f;

package/toolbar/Toolbar.mjs

@@ -0,0 +1,124 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as a from "react";
+import o from "prop-types";
+import { Keys as r, validatePackage as l, classNames as p, kendoThemeMaps as u } from "@progress/kendo-react-common";
+import { toolbarButtons as c } from "../util.mjs";
+import { packageMetadata as m } from "../package-metadata.mjs";
+const h = class h extends a.Component {
+  constructor(s) {
+    super(s), this._element = null, this.offsetHeight = 0, this.offsetWidth = 0, this.buttons = [], this.focusedSelector = this.selectors.map((t) => t + ":focus").join(","), this.setTabIndex = (t) => {
+      const { tabIndex: i = h.defaultProps.tabIndex } = this.props;
+      this.buttons.forEach((n, e) => {
+        n.tabIndex = e === t ? i : -1;
+      });
+    }, this.onKeyDown = (t) => {
+      const i = t.target;
+      if (!(t.keyCode === r.left || t.keyCode === r.right || t.keyCode === r.home || t.keyCode === r.end) || t.defaultPrevented || this.buttons.findIndex((f) => f === i) === -1)
+        return;
+      const e = this.focusedIndex;
+      t.keyCode === r.left ? this.focusButton(e, e === 0 ? this.buttons.length - 1 : e - 1) : this.focusButton(e, e === this.buttons.length - 1 ? 0 : e + 1), t.keyCode === r.home && this.focusButton(e, 0), t.keyCode === r.end && this.focusButton(e, this.buttons.length - 1);
+    }, this.onWindowResize = (t) => {
+      const i = this.element;
+      if (!i)
+        return;
+      const n = i.offsetWidth, e = i.offsetHeight;
+      if (this.offsetWidth !== n || this.offsetHeight !== e) {
+        this.offsetWidth = n, this.offsetHeight = e;
+        const f = { offsetWidth: this.offsetWidth, offsetHeight: this.offsetHeight };
+        this.props.onResize && this.props.onResize.call(void 0, { target: this, ...f, nativeEvent: t });
+      }
+    }, l(m);
+  }
+  get selectors() {
+    return this.props.buttons || c;
+  }
+  get focusedIndex() {
+    const s = this.element && this.element.querySelector(this.focusedSelector);
+    return Math.max(0, this.buttons.findIndex((t) => t === s));
+  }
+  /**
+   * Returns the HTML element of the Toolbar component.
+   */
+  get element() {
+    return this._element;
+  }
+  /**
+   * @hidden
+   */
+  componentDidMount() {
+    window.addEventListener("resize", this.onWindowResize);
+    const s = this.element;
+    s && (this.offsetWidth = s.offsetWidth, this.offsetHeight = s.offsetHeight, this.props.keyboardNavigation !== !1 && (this.buttons = Array.from(s.querySelectorAll(this.selectors.join(","))), this.setTabIndex(0)));
+  }
+  /**
+   * @hidden
+   */
+  componentDidUpdate() {
+    const s = this.element;
+    !s || this.props.keyboardNavigation === !1 || (this.buttons = Array.from(s.querySelectorAll(this.selectors.join(","))), this.setTabIndex(this.focusedIndex));
+  }
+  /**
+   * @hidden
+   */
+  componentWillUnmount() {
+    window.removeEventListener("resize", this.onWindowResize), this.buttons.length = 0;
+  }
+  /**
+   * @hidden
+   */
+  render() {
+    return /* @__PURE__ */ a.createElement(
+      "div",
+      {
+        id: this.props.id,
+        "aria-label": this.props.ariaLabel,
+        className: p(
+          "k-toolbar",
+          {
+            [`k-toolbar-${u.sizeMap[this.props.size] || this.props.size}`]: this.props.size
+          },
+          this.props.className
+        ),
+        style: this.props.style,
+        role: this.props.role !== void 0 ? this.props.role || void 0 : "toolbar",
+        dir: this.props.dir,
+        ref: (s) => this._element = s,
+        onKeyDown: this.props.keyboardNavigation !== !1 ? this.onKeyDown : void 0
+      },
+      this.props.children
+    );
+  }
+  focusButton(s, t) {
+    const { tabIndex: i = h.defaultProps.tabIndex } = this.props, n = this.buttons[t];
+    if (n) {
+      n.tabIndex = i, n.focus();
+      const e = this.buttons[s];
+      e && (e.tabIndex = -1);
+    }
+  }
+};
+h.propTypes = {
+  tabIndex: o.number,
+  dir: o.string,
+  keyboardNavigation: o.bool,
+  style: o.object,
+  className: o.string,
+  role: o.string,
+  onResize: o.func,
+  buttons: o.arrayOf(o.string),
+  size: o.oneOf([null, "small", "medium", "large"])
+}, h.defaultProps = {
+  tabIndex: 0,
+  size: "medium"
+};
+let d = h;
+export {
+  d as Toolbar
+};

package/toolbar/tools/ToolbarItem.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),a=require("prop-types"),l=require("@progress/kendo-react-common");function u(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const c=u(i),n=class n extends c.PureComponent{constructor(){super(...arguments),this._element=null}get element(){return this._element}render(){return c.createElement("div",{id:this.props.id,className:l.classNames("k-toolbar-item",this.props.className),style:this.props.style,ref:t=>this._element=t},this.props.children)}};n.propTypes={className:a.string};let s=n;exports.ToolbarItem=s;

package/toolbar/tools/ToolbarItem.mjs

@@ -0,0 +1,44 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as s from "react";
+import i from "prop-types";
+import { classNames as p } from "@progress/kendo-react-common";
+const e = class e extends s.PureComponent {
+  constructor() {
+    super(...arguments), this._element = null;
+  }
+  /**
+   * Returns the HTML element of the ToolbarItem component.
+   */
+  get element() {
+    return this._element;
+  }
+  /**
+   * @hidden
+   */
+  render() {
+    return /* @__PURE__ */ s.createElement(
+      "div",
+      {
+        id: this.props.id,
+        className: p("k-toolbar-item", this.props.className),
+        style: this.props.style,
+        ref: (r) => this._element = r
+      },
+      this.props.children
+    );
+  }
+};
+e.propTypes = {
+  className: i.string
+};
+let t = e;
+export {
+  t as ToolbarItem
+};

package/toolbar/tools/ToolbarSeparator.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),c=require("@progress/kendo-react-common");function s(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const o=s(n);class l extends o.PureComponent{render(){return o.createElement("div",{className:c.classNames("k-separator",this.props.className)})}}exports.ToolbarSeparator=l;

package/toolbar/tools/ToolbarSeparator.mjs

@@ -0,0 +1,21 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+import { classNames as r } from "@progress/kendo-react-common";
+class t extends e.PureComponent {
+  /**
+   * @hidden
+   */
+  render() {
+    return /* @__PURE__ */ e.createElement("div", { className: r("k-separator", this.props.className) });
+  }
+}
+export {
+  t as ToolbarSeparator
+};

package/toolbar/tools/ToolbarSpacer.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),l=require("prop-types"),u=require("@progress/kendo-react-common");function m(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const r=m(o),c=r.forwardRef((e,a)=>{const t=r.useRef(null),n=r.useRef(null);r.useImperativeHandle(n,()=>({element:t.current})),r.useImperativeHandle(a,()=>({element:t.current}));const s=r.useMemo(()=>u.classNames("k-spacer",e.className),[e.className]);return r.createElement("span",{ref:t,className:s})});c.displayName="KendoReactToolbarSpacer";c.propTypes={className:l.string};exports.ToolbarSpacer=c;

package/toolbar/tools/ToolbarSpacer.mjs

@@ -0,0 +1,36 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as e from "react";
+import m from "prop-types";
+import { classNames as n } from "@progress/kendo-react-common";
+const r = e.forwardRef((s, t) => {
+  const a = e.useRef(null), c = e.useRef(null);
+  e.useImperativeHandle(c, () => ({ element: a.current })), e.useImperativeHandle(t, () => ({ element: a.current }));
+  const l = e.useMemo(
+    () => n(
+      "k-spacer",
+      s.className
+    ),
+    [s.className]
+  );
+  return /* @__PURE__ */ e.createElement(
+    "span",
+    {
+      ref: a,
+      className: l
+    }
+  );
+});
+r.displayName = "KendoReactToolbarSpacer";
+r.propTypes = {
+  className: m.string
+};
+export {
+  r as ToolbarSpacer
+};

package/util.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o={button:"k-button",flat:"k-flat",outline:"k-outline",clear:"k-button-clear",primary:"k-primary","state-selected":"k-selected","button-icon":"k-button-icon","button-icontext":"k-button-icontext","state-disabled":"k-disabled","group-start":"k-group-start","group-end":"k-group-end","button-group":"k-button-group","button-group-stretched":"k-button-group-stretched",ltr:"k-ltr",rtl:"k-rtl"},t=":not(.k-dropdownlist button):not(.k-colorpicker button):not(.k-split-button .k-split-button-arrow)",n=["button"+t,".k-button-group > button"+t,".k-colorpicker",".k-dropdownlist"],e={styles:o};exports.default=e;exports.toolbarButtons=n;

package/util.mjs

@@ -0,0 +1,36 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+const o = {
+  button: "k-button",
+  flat: "k-flat",
+  outline: "k-outline",
+  clear: "k-button-clear",
+  primary: "k-primary",
+  "state-selected": "k-selected",
+  "button-icon": "k-button-icon",
+  "button-icontext": "k-button-icontext",
+  "state-disabled": "k-disabled",
+  "group-start": "k-group-start",
+  "group-end": "k-group-end",
+  "button-group": "k-button-group",
+  "button-group-stretched": "k-button-group-stretched",
+  ltr: "k-ltr",
+  rtl: "k-rtl"
+}, t = ":not(.k-dropdownlist button):not(.k-colorpicker button):not(.k-split-button .k-split-button-arrow)", n = [
+  "button" + t,
+  ".k-button-group > button" + t,
+  ".k-colorpicker",
+  ".k-dropdownlist"
+], r = {
+  styles: o
+};
+export {
+  r as default,
+  n as toolbarButtons
+};

package/Button.d.ts

@@ -1,146 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { ButtonInterface } from './ButtonInterface';
-/**
- * Represents the props of the [KendoReact Button component]({% slug overview_button %}).
- * Extends the [native button props](https://developer.mozilla.org/en-US/docs/Web/API/HTMLButtonElement).
- */
-export interface ButtonProps extends ButtonInterface, React.ButtonHTMLAttributes<HTMLButtonElement> {
-    /**
-     * @hidden
-     */
-    children?: React.ReactNode;
-    /**
-     * Configures the `size` of the Button.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - null&mdash;Does not set a size `className`.
-     *
-     * @default `medium`
-     */
-    size?: null | 'small' | 'medium' | 'large';
-    /**
-     * Configures the `roundness` of the Button.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - full
-     * - null&mdash;Does not set a rounded `className`.
-     *
-     * @default `medium`
-     */
-    rounded?: null | 'small' | 'medium' | 'large' | 'full';
-    /**
-     * Sets the title htmlAttribute of the Button.
-     */
-    title?: string;
-    /**
-     * Configures the `fillMode` of the Button.
-     *
-     * The available options are:
-     * - solid
-     * - outline
-     * - flat
-     * - link
-     * - null&mdash;Does not set a fillMode `className`.
-     *
-     * @default `solid`
-     */
-    fillMode?: null | 'solid' | 'outline' | 'flat' | 'link';
-    /**
-     * Configures the `themeColor` of the Button.
-     *
-     * The available options are:
-     * - base
-     * - primary
-     * - secondary
-     * - tertiary
-     * - info
-     * - success
-     * - warning
-     * - error
-     * - dark
-     * - light
-     * - inverse
-     * - null&mdash;Does not set a themeColor `className`.
-     *
-     * @default `base`
-     */
-    themeColor?: null | 'base' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'dark' | 'light' | 'inverse';
-}
-/**
- * @hidden
- */
-export interface ButtonState {
-    selected: boolean;
-}
-export declare class Button extends React.Component<ButtonProps, ButtonState> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-        selected: PropTypes.Requireable<boolean>;
-        togglable: PropTypes.Requireable<boolean>;
-        icon: PropTypes.Requireable<string>;
-        svgIcon: PropTypes.Requireable<PropTypes.InferProps<{
-            name: PropTypes.Validator<string>;
-            content: PropTypes.Validator<string>;
-            viewBox: PropTypes.Validator<string>;
-        }>>;
-        iconClass: PropTypes.Requireable<string>;
-        imageUrl: PropTypes.Requireable<string>;
-        imageAlt: PropTypes.Requireable<string>;
-        size: PropTypes.Requireable<string | null>;
-        rounded: PropTypes.Requireable<string | null>;
-        fillMode: PropTypes.Requireable<string | null>;
-        themeColor: PropTypes.Requireable<string | null>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        togglable: boolean;
-        size: string;
-        rounded: string;
-        fillMode: string;
-        themeColor: string;
-    };
-    /**
-     * @hidden
-     */
-    readonly state: ButtonState;
-    private _selectedTemp?;
-    private _element;
-    /**
-     * Gets the DOM element of the Button component.
-     */
-    get element(): HTMLButtonElement | null;
-    /**
-     * Returns `true` when the component is togglable and selected ([see example]({% slug toggleable_button %})).
-     * Otherwise, returns `false`.
-     */
-    get selected(): boolean;
-    constructor(props: ButtonProps);
-    /**
-     * @hidden
-     */
-    static getDerivedStateFromProps(props: ButtonProps, state: ButtonState): {
-        selected: boolean;
-    } | null;
-    /**
-     * @hidden
-     */
-    render(): import("react/jsx-runtime").JSX.Element;
-    private toggleIfApplicable;
-    private handleClick;
-}

package/ButtonGroup.d.ts

@@ -1,36 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { ButtonGroupInterface } from './ButtonGroupInterface';
-/**
- * Represents the props of the [KendoReact ButtonGroup component]({% slug overview_buttongroup %}).
- */
-export interface ButtonGroupProps extends ButtonGroupInterface {
-    /**
-     * Sets the `className` of the ButtonGroup component.
-     */
-    className?: string;
-}
-export declare class ButtonGroup extends React.Component<ButtonGroupProps, {}> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        children: PropTypes.Requireable<NonNullable<PropTypes.ReactElementLike | (PropTypes.ReactElementLike | null | undefined)[] | null | undefined>>;
-        className: PropTypes.Requireable<string>;
-        disabled: PropTypes.Requireable<boolean>;
-        width: PropTypes.Requireable<string>;
-        dir: PropTypes.Requireable<string>;
-    };
-    private _element;
-    constructor(props: ButtonGroupProps);
-    /**
-     * @hidden
-     */
-    render(): import("react/jsx-runtime").JSX.Element;
-    private mapButtons;
-    private renderButton;
-}

package/ButtonGroupInterface.d.ts

@@ -1,36 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Represents the properties which can be set to a ButtonGroup.
- */
-export interface ButtonGroupInterface {
-    /**
-     * @hidden
-     */
-    children?: React.ReactNode;
-    /**
-     * By default, the ButtonGroup is enabled ([see example]({% slug disabledstate_buttongroup %})). To disable the whole group of buttons, set its `disabled` attribute to `true`. To disable a specific button, set its own `disabled` attribute to `true` and leave the `disabled` attribute of the ButtonGroup undefined.
-     *
-     * If you define the `disabled` attribute of the ButtonGroup, it will take precedence over the `disabled` attributes of the underlying buttons and they will be ignored.
-     */
-    disabled?: boolean;
-    /**
-     * Sets the width of the ButtonGroup.
-     *
-     * If the width of the ButtonGroup is set:
-     * - The buttons resize automatically to fill the full width of the group wrapper.
-     * - The buttons acquire the same width.
-     */
-    width?: string;
-    /**
-     * Sets the direction of the ButtonGroup ([more information](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir)).
-     *
-     * The available options are:
-     * * `rtl`
-     * * `ltr`
-     * * `auto`
-     */
-    dir?: string;
-}

package/ButtonInterface.d.ts

@@ -1,39 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2024 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the package root for more information
-*-------------------------------------------------------------------------------------------*/
-import { SVGIcon } from '@progress/kendo-react-common';
-/**
- * Inherits the native HTML Button. Represents the properties which can be set to a Button.
- */
-export interface ButtonInterface {
-    /**
-     * Specifies if the Button is disabled ([see example]({% slug disabled_button %})). Defaults to `false`.
-     */
-    disabled?: boolean;
-    /**
-     * Sets the selected state of the Button. Can be used for controlled state.
-     */
-    selected?: boolean;
-    /**
-     * Provides visual styling that indicates if the Button is selected ([see example]({% slug toggleable_button %})). Defaults to `false`.
-     */
-    togglable?: boolean;
-    /**
-     * Defines the name for an existing icon in a KendoReact theme ([see example]({% slug icons_button %})). The icon is rendered inside the Button by a `span.k-icon` element.
-     */
-    icon?: string;
-    svgIcon?: SVGIcon;
-    /**
-     * Defines a CSS class—or multiple classes separated by spaces—which are applied to a `span` element inside the Button ([see example]({% slug icons_button %})). Allows the usage of custom icons.
-     */
-    iconClass?: string;
-    /**
-     * Defines a URL which is used as an `img` element inside the Button ([see example]({% slug icons_button %})). The URL can be relative or absolute. If relative, it is evaluated with relation to the URL of the web page.
-     */
-    imageUrl?: string;
-    /**
-     * Defines the alternative text of the image rendered inside the Button component.
-     */
-    imageAlt?: string;
-}