@progress/kendo-react-buttons 11.3.1 → 11.4.0-develop.2

package/Button.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("react"),s=require("prop-types"),e=require("@progress/kendo-react-common");function H(n){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const o in n)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(c,o,l.get?l:{enumerable:!0,get:()=>n[o]})}}return c.default=n,Object.freeze(c)}const t=H(D);function K({imageUrl:n,name:c,iconClass:o,svgIcon:l,imageAlt:u,buttonClasses:a}){return n?t.createElement("img",{role:"presentation",className:e.classNames(e.uButton.icon({c:a})),alt:u,src:n}):c||l?t.createElement(e.IconWrap,{className:e.classNames(e.uButton.icon({c:a})),name:c,icon:l}):o?t.createElement("span",{role:"presentation",className:e.classNames(e.uButton.icon({c:a}),o)}):null}const p=t.forwardRef((n,c)=>{const{children:o,togglable:l,dir:u,disabled:a,selected:i,icon:b,iconClass:v,svgIcon:y,imageUrl:N,imageAlt:k,className:M,startIcon:h,endIcon:B,onClick:C,size:S=g.size,rounded:P=g.rounded,fillMode:T=g.fillMode,themeColor:j=g.themeColor,...z}=n,w=()=>{l&&i===void 0&&(d.current=!r,O(!r))},A=f=>{w(),C&&C.call(void 0,f)},d=t.useRef(void 0),E=t.useRef(null),[r,O]=t.useState(l===!0&&i===!0),q=y!==void 0||b!==void 0||v!==void 0||N!==void 0,U=o!==void 0,_=e.useUnstyled(),R=n.unstyled||_,m=R&&R.uButton;t.useImperativeHandle(c,()=>({element:E.current,selected:d.current!==void 0?d.current:r})),t.useMemo(()=>{l&&i!==void 0&&i!==r&&O(i)},[l,i]),t.useEffect(()=>{d.current=void 0},[r]);const x=K({name:b,svgIcon:y,iconClass:v,imageUrl:N,imageAlt:k,buttonClasses:m}),I=f=>t.cloneElement(f,{className:e.classNames(e.uButton.icon({c:m}),f.props.className)});return t.createElement("button",{ref:E,"aria-pressed":l?r:void 0,...z,dir:u,disabled:a,onClick:A,className:e.classNames(e.uButton.wrapper({c:m,isRtl:u==="rtl",selected:r,disabled:a,size:S,fillMode:T,rounded:P,themeColor:j,iconButton:!U&&q}),M)},h&&I(h),x,o&&t.createElement("span",{className:e.classNames(e.uButton.text({c:m}))},o),B&&I(B))}),g={togglable:!1,size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};p.displayName="KendoReactButton";p.propTypes={children:s.node,selected:s.bool,togglable:s.bool,icon:s.string,svgIcon:e.svgIconPropType,iconClass:s.string,imageUrl:s.string,imageAlt:s.string,size:s.oneOf([null,"small","medium","large"]),rounded:s.oneOf([null,"small","medium","large","full"]),fillMode:s.oneOf([null,"flat","link","outline","solid","clear"]),themeColor:s.oneOf([null,"base","primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"])};exports.Button=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("react"),l=require("prop-types"),e=require("@progress/kendo-react-common");function F(n){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const o in n)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(r,o,s.get?s:{enumerable:!0,get:()=>n[o]})}}return r.default=n,Object.freeze(r)}const t=F(W);function G({imageUrl:n,name:r,iconClass:o,svgIcon:s,imageAlt:u,buttonClasses:i,iconSize:c}){return n?t.createElement("img",{role:"presentation",className:e.classNames(e.uButton.icon({c:i})),alt:u,src:n}):r||s?t.createElement(e.IconWrap,{className:e.classNames(e.uButton.icon({c:i})),name:r,icon:s,size:c}):o?t.createElement("span",{role:"presentation",className:e.classNames(e.uButton.icon({c:i}),o)}):null}const p=t.forwardRef((n,r)=>{const{children:o,togglable:s,dir:u,disabled:i,selected:c,icon:b,iconClass:v,svgIcon:y,imageUrl:N,imageAlt:M,className:P,startIcon:h,endIcon:B,onClick:C,size:S=g.size,rounded:k=g.rounded,fillMode:z=g.fillMode,themeColor:T=g.themeColor,ariaPressed:j,iconSize:A,...w}=n,q=()=>{s&&c===void 0&&(d.current=!a,O(!a))},U=f=>{q(),C&&C.call(void 0,f)},d=t.useRef(void 0),E=t.useRef(null),[a,O]=t.useState(s===!0&&c===!0),_=y!==void 0||b!==void 0||v!==void 0||N!==void 0,x=o!==void 0,D=e.useUnstyled(),R=n.unstyled||D,m=R&&R.uButton;t.useImperativeHandle(r,()=>({element:E.current,selected:d.current!==void 0?d.current:a})),t.useMemo(()=>{s&&c!==void 0&&c!==a&&O(c)},[s,c]),t.useEffect(()=>{d.current=void 0},[a]);const H=G({name:b,svgIcon:y,iconClass:v,imageUrl:N,imageAlt:M,buttonClasses:m,iconSize:A}),I=f=>t.cloneElement(f,{className:e.classNames(e.uButton.icon({c:m}),f.props.className)}),K=t.useMemo(()=>s?a:j||void 0,[]);return t.createElement("button",{ref:E,"aria-pressed":K,...w,dir:u,disabled:i,onClick:U,className:e.classNames(e.uButton.wrapper({c:m,isRtl:u==="rtl",selected:a,disabled:i,size:S,fillMode:z,rounded:k,themeColor:T,iconButton:!x&&_}),P)},h&&I(h),H,o&&t.createElement("span",{className:e.classNames(e.uButton.text({c:m}))},o),B&&I(B))}),g={togglable:!1,size:"medium",rounded:"medium",fillMode:"solid",themeColor:"base"};p.displayName="KendoReactButton";p.propTypes={children:l.node,selected:l.bool,togglable:l.bool,icon:l.string,svgIcon:e.svgIconPropType,iconClass:l.string,imageUrl:l.string,imageAlt:l.string,size:l.oneOf([null,"small","medium","large"]),rounded:l.oneOf([null,"small","medium","large","full"]),fillMode:l.oneOf([null,"flat","link","outline","solid","clear"]),themeColor:l.oneOf([null,"base","primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"])};exports.Button=p;

package/Button.mjs

@@ -7,88 +7,101 @@
  */
 import * as e from "react";
 import t from "prop-types";
-import { useUnstyled as q, classNames as c, uButton as i, svgIconPropType as D, IconWrap as F } from "@progress/kendo-react-common";
-function G({ imageUrl: a, name: d, iconClass: l, svgIcon: n, imageAlt: u, buttonClasses: s }) {
+import { useUnstyled as G, classNames as c, uButton as i, svgIconPropType as J, IconWrap as L } from "@progress/kendo-react-common";
+function Q({ imageUrl: a, name: d, iconClass: s, svgIcon: n, imageAlt: u, buttonClasses: r, iconSize: o }) {
   return a ? /* @__PURE__ */ e.createElement(
     "img",
     {
       role: "presentation",
-      className: c(i.icon({ c: s })),
+      className: c(i.icon({ c: r })),
       alt: u,
       src: a
     }
-  ) : d || n ? /* @__PURE__ */ e.createElement(F, { className: c(i.icon({ c: s })), name: d, icon: n }) : l ? /* @__PURE__ */ e.createElement("span", { role: "presentation", className: c(i.icon({ c: s }), l) }) : null;
+  ) : d || n ? /* @__PURE__ */ e.createElement(
+    L,
+    {
+      className: c(i.icon({ c: r })),
+      name: d,
+      icon: n,
+      size: o
+    }
+  ) : s ? /* @__PURE__ */ e.createElement("span", { role: "presentation", className: c(i.icon({ c: r }), s) }) : null;
 }
-const M = e.forwardRef((a, d) => {
+const k = e.forwardRef((a, d) => {
   const {
-    children: l,
+    children: s,
     togglable: n,
     dir: u,
-    disabled: s,
-    selected: r,
+    disabled: r,
+    selected: o,
     icon: v,
     iconClass: h,
     svgIcon: y,
     imageUrl: b,
-    imageAlt: z,
-    className: A,
+    imageAlt: A,
+    className: B,
     startIcon: C,
     endIcon: E,
     onClick: N,
-    size: O = g.size,
-    rounded: T = g.rounded,
-    fillMode: w = g.fillMode,
-    themeColor: x = g.themeColor,
-    ...P
-  } = a, S = () => {
-    n && r === void 0 && (m.current = !o, R(!o));
-  }, U = (p) => {
-    S(), N && N.call(void 0, p);
-  }, m = e.useRef(void 0), I = e.useRef(null), [o, R] = e.useState(n === !0 && r === !0), H = y !== void 0 || v !== void 0 || h !== void 0 || b !== void 0, K = l !== void 0, W = q(), k = a.unstyled || W, f = k && k.uButton;
+    size: P = g.size,
+    rounded: O = g.rounded,
+    fillMode: S = g.fillMode,
+    themeColor: T = g.themeColor,
+    ariaPressed: w,
+    iconSize: x,
+    ...U
+  } = a, H = () => {
+    n && o === void 0 && (m.current = !l, R(!l));
+  }, K = (p) => {
+    H(), N && N.call(void 0, p);
+  }, m = e.useRef(void 0), I = e.useRef(null), [l, R] = e.useState(n === !0 && o === !0), W = y !== void 0 || v !== void 0 || h !== void 0 || b !== void 0, j = s !== void 0, q = G(), z = a.unstyled || q, f = z && z.uButton;
   e.useImperativeHandle(d, () => ({
     element: I.current,
-    selected: m.current !== void 0 ? m.current : o
+    selected: m.current !== void 0 ? m.current : l
   })), e.useMemo(() => {
-    n && r !== void 0 && r !== o && R(r);
-  }, [n, r]), e.useEffect(() => {
+    n && o !== void 0 && o !== l && R(o);
+  }, [n, o]), e.useEffect(() => {
     m.current = void 0;
-  }, [o]);
-  const j = G({
+  }, [l]);
+  const D = Q({
     name: v,
     svgIcon: y,
     iconClass: h,
     imageUrl: b,
-    imageAlt: z,
-    buttonClasses: f
-  }), B = (p) => e.cloneElement(p, { className: c(i.icon({ c: f }), p.props.className) });
+    imageAlt: A,
+    buttonClasses: f,
+    iconSize: x
+  }), M = (p) => e.cloneElement(p, {
+    className: c(i.icon({ c: f }), p.props.className)
+  }), F = e.useMemo(() => n ? l : w || void 0, []);
   return /* @__PURE__ */ e.createElement(
     "button",
     {
       ref: I,
-      "aria-pressed": n ? o : void 0,
-      ...P,
+      "aria-pressed": F,
+      ...U,
       dir: u,
-      disabled: s,
-      onClick: U,
+      disabled: r,
+      onClick: K,
       className: c(
         i.wrapper({
           c: f,
           isRtl: u === "rtl",
-          selected: o,
-          disabled: s,
-          size: O,
-          fillMode: w,
-          rounded: T,
-          themeColor: x,
-          iconButton: !K && H
+          selected: l,
+          disabled: r,
+          size: P,
+          fillMode: S,
+          rounded: O,
+          themeColor: T,
+          iconButton: !j && W
         }),
-        A
+        B
       )
     },
-    C && B(C),
-    j,
-    l && /* @__PURE__ */ e.createElement("span", { className: c(i.text({ c: f })) }, l),
-    E && B(E)
+    C && M(C),
+    D,
+    s && /* @__PURE__ */ e.createElement("span", { className: c(i.text({ c: f })) }, s),
+    E && M(E)
   );
 }), g = {
   togglable: !1,
@@ -97,13 +110,13 @@ const M = e.forwardRef((a, d) => {
   fillMode: "solid",
   themeColor: "base"
 };
-M.displayName = "KendoReactButton";
-M.propTypes = {
+k.displayName = "KendoReactButton";
+k.propTypes = {
   children: t.node,
   selected: t.bool,
   togglable: t.bool,
   icon: t.string,
-  svgIcon: D,
+  svgIcon: J,
   iconClass: t.string,
   imageUrl: t.string,
   imageAlt: t.string,
@@ -127,5 +140,5 @@ M.propTypes = {
   ])
 };
 export {
-  M as Button
+  k as Button
 };

package/README.md

@@ -30,6 +30,7 @@ What's in this package:
 -   [React ChipList component (free)](#react-chiplist-component)
 -   [React DropDownButton component (premium)](#react-dropdownbutton-component)
 -   [React FloatingActionButton component (free)](#react-floatingactionbutton-component)
+-   [React SpeechToTextButton component (premium)](#react-speechtotextbutton-component)
 -   [React SplitButton component (premium)](#react-splitbutton-component)
 -   [React Toolbar component (free)](#react-toolbar-component)
 
@@ -192,6 +193,28 @@ import { FloatingActionButton } from '@progress/kendo-react-buttons';
 <FloatingActionButton text={'FloatingActionButtonLabel'} />
 ```
 
+## React SpeechToTextButton Component
+
+> This is a KendoReact **premium component** and requires a commercial license or an active trial license.
+
+[The KendoReact SpeechToTextButton component](https://www.telerik.com/kendo-react-ui/components/buttons/speechtotextbutton/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-buttons) is a component for converting spoken input into text using speech recognition.
+
+Key features:
+
+-   [Speech configurations](https://www.telerik.com/kendo-react-ui/components/buttons/speechtotextbutton/speech-configs)&mdash;The KendoReact SpeechToTextButton provides various configuration options for controlling speech recognition settings.
+-   [Appearance](https://www.telerik.com/kendo-react-ui/components/buttons/speechtotextbutton/appearance)&mdash;The KendoReact SpeechToTextButton provides the ability to customize its appearance.
+-   [Integration](https://www.telerik.com/kendo-react-ui/components/buttons/speechtotextbutton/integration)&mdash;The KendoReact SpeechToTextButton can be seamlessly integrated with other KendoReact components or with external speech recognition services.
+
+How to use a simple text SpeechToTextButton component in your apps:
+
+```tsx
+import { SpeechToTextButton } from '@progress/kendo-react-buttons';
+...
+<SpeechToTextButton>
+    Button label
+</SpeechToTextButton>
+```
+
 ## React SplitButton Component
 
 > This is a KendoReact **premium component** and requires a commercial license or an active trial license.
@@ -214,7 +237,7 @@ import { SplitButton, SplitButtonItem } from '@progress/kendo-react-buttons';
 </SplitButton>
 ```
 
-How to use the DropDownButton with simple data binding:
+How to use the SplitButtonComponent with simple data binding:
 
 ```tsx
 import { SplitButton } from '@progress/kendo-react-buttons';
@@ -279,7 +302,8 @@ High-level component overview pages
 -   [React Chip Component](https://www.telerik.com/kendo-react-ui/chip)
 -   [React ChipList Component](https://www.telerik.com/kendo-react-ui/chiplist)
 -   [React DropDownButton Component](https://www.telerik.com/kendo-react-ui/dropdownbutton)
--   [React Floating Action Button](https://www.telerik.com/kendo-react-ui/floatingactionbutton)
+-   [React FloatingActionButton Component](https://www.telerik.com/kendo-react-ui/floatingactionbutton)
+-   [React SpeechToTextButton Component](https://www.telerik.com/kendo-react-ui/speechtotextbutton)
 -   [React SplitButton Component](https://www.telerik.com/kendo-react-ui/splitbutton)
 -   [React Toolbar Component](https://www.telerik.com/kendo-react-ui/toolbar)
 

package/SpeechToTextButton/SpeechToTextButton.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),$=require("@progress/kendo-webspeech-common"),ee=require("../Button.js"),p=require("@progress/kendo-react-common"),A=require("@progress/kendo-svg-icons"),c=require("../messages/index.js"),te=require("@progress/kendo-react-intl"),ne=require("../package-metadata.js"),q=e.forwardRef((a,M)=>{const B=!p.validatePackage(ne.packageMetadata,{component:"SpeechToTextButton"}),S=te.useLocalization(),{fillMode:E="solid",rounded:z="medium",size:H="medium",themeColor:L="base",ariaLabel:d,svgIcon:k,disabled:N,iconSize:O="medium",title:f,className:F,id:P,style:W,lang:v="en-US",continuous:b=!1,interimResults:T=!1,maxAlternatives:R=1,integrationMode:w="webSpeech",onStart:m,onResult:l,onEnd:g,onError:o,...K}=a,s=e.useRef(null),n=e.useRef(!1),[i,u]=e.useState(!1),r=w!=="none",U=e.useCallback(async()=>{n.current=!0,u(!0),m&&await m()},[m]),j=e.useCallback(async()=>{n.current=!1,u(!1),g&&await g()},[g]),D=e.useCallback(t=>{const x=t.results,I=x[x.length-1],_=Array.from(I).map(y=>({transcript:y.transcript,confidence:y.confidence}));l==null||l({isFinal:I.isFinal,alternatives:_})},[l]),G=e.useCallback(t=>{u(!1),n.current=!1,o==null||o({errorMessage:t.error})},[o]),J=()=>{var t;if(typeof window!="undefined"&&!("webkitSpeechRecognition"in window||"SpeechRecognition"in window)){o&&o({errorMessage:"Speech Recognition API is not supported in this browser."});return}(t=s.current)!=null&&t.isActive()&&s.current.stop(),s.current=new $.KendoSpeechRecognition({lang:v,continuous:b,interimResults:T,maxAlternatives:R,events:{start:U,end:j,result:D,error:G}})},C=e.useCallback(()=>{var t;!n.current&&r&&((t=s.current)==null||t.start())},[r]),h=e.useCallback(()=>{var t;n.current&&r&&((t=s.current)==null||t.stop())},[r]),Q=e.useCallback(()=>{var t;n.current&&r&&((t=s.current)==null||t.abort(),n.current=!1,u(!1))},[r]),V=()=>n.current;e.useImperativeHandle(M,()=>({start:C,stop:h,abort:Q,isActive:V})),e.useEffect(()=>(J(),()=>{n.current&&h()}),[v,b,T,R,w]);const X=()=>{i?h():C()},Y=a.icon!==void 0||a.iconClass!==void 0||a.imageUrl!==void 0,Z=e.useMemo(()=>i?A.stopSmIcon:k||A.microphoneOutlineIcon,[i,k]);return e.createElement(e.Fragment,null,e.createElement(ee.Button,{id:P,className:p.classNames({"k-speech-to-text-button":!0,"k-listening":i},F),style:W,svgIcon:Y?void 0:Z,iconSize:O,fillMode:E,rounded:z,size:H,themeColor:L,"aria-label":d!=null?d:S.toLanguageString(c.speechToTextAriaLabel,c.messages[c.speechToTextAriaLabel]),"aria-pressed":i,disabled:N,title:f!=null?f:S.toLanguageString(c.speechToTextTitle,c.messages[c.speechToTextTitle]),onClick:X,...K},a.children),B&&e.createElement(p.WatermarkOverlay,null))});q.displayName="KendoSpeechToTextButton";exports.SpeechToTextButton=q;

package/SpeechToTextButton/SpeechToTextButton.mjs

@@ -0,0 +1,133 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2025 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import e from "react";
+import { KendoSpeechRecognition as Z } from "@progress/kendo-webspeech-common";
+import { Button as $ } from "../Button.mjs";
+import { validatePackage as ee, classNames as te, WatermarkOverlay as ne } from "@progress/kendo-react-common";
+import { stopSmIcon as re, microphoneOutlineIcon as oe } from "@progress/kendo-svg-icons";
+import { speechToTextAriaLabel as x, messages as A, speechToTextTitle as y } from "../messages/index.mjs";
+import { useLocalization as se } from "@progress/kendo-react-intl";
+import { packageMetadata as ae } from "../package-metadata.mjs";
+const ie = e.forwardRef((a, E) => {
+  const M = !ee(ae, { component: "SpeechToTextButton" }), g = se(), {
+    fillMode: z = "solid",
+    rounded: H = "medium",
+    size: B = "medium",
+    themeColor: L = "base",
+    ariaLabel: u,
+    svgIcon: h,
+    disabled: N,
+    iconSize: F = "medium",
+    title: f,
+    className: O,
+    id: K,
+    style: P,
+    lang: v = "en-US",
+    continuous: S = !1,
+    interimResults: b = !1,
+    maxAlternatives: k = 1,
+    integrationMode: w = "webSpeech",
+    onStart: m,
+    onResult: c,
+    onEnd: d,
+    onError: r,
+    ...U
+  } = a, o = e.useRef(null), n = e.useRef(!1), [i, l] = e.useState(!1), s = w !== "none", W = e.useCallback(async () => {
+    n.current = !0, l(!0), m && await m();
+  }, [m]), _ = e.useCallback(async () => {
+    n.current = !1, l(!1), d && await d();
+  }, [d]), j = e.useCallback(
+    (t) => {
+      const C = t.results, T = C[C.length - 1], Y = Array.from(T).map((I) => ({
+        transcript: I.transcript,
+        confidence: I.confidence
+      }));
+      c == null || c({
+        isFinal: T.isFinal,
+        alternatives: Y
+      });
+    },
+    [c]
+  ), q = e.useCallback(
+    (t) => {
+      l(!1), n.current = !1, r == null || r({
+        errorMessage: t.error
+      });
+    },
+    [r]
+  ), D = () => {
+    var t;
+    if (typeof window != "undefined" && !("webkitSpeechRecognition" in window || "SpeechRecognition" in window)) {
+      r && r({ errorMessage: "Speech Recognition API is not supported in this browser." });
+      return;
+    }
+    (t = o.current) != null && t.isActive() && o.current.stop(), o.current = new Z({
+      lang: v,
+      continuous: S,
+      interimResults: b,
+      maxAlternatives: k,
+      events: {
+        start: W,
+        end: _,
+        result: j,
+        error: q
+      }
+    });
+  }, R = e.useCallback(() => {
+    var t;
+    !n.current && s && ((t = o.current) == null || t.start());
+  }, [s]), p = e.useCallback(() => {
+    var t;
+    n.current && s && ((t = o.current) == null || t.stop());
+  }, [s]), G = e.useCallback(() => {
+    var t;
+    n.current && s && ((t = o.current) == null || t.abort(), n.current = !1, l(!1));
+  }, [s]), J = () => n.current;
+  e.useImperativeHandle(E, () => ({
+    start: R,
+    stop: p,
+    abort: G,
+    isActive: J
+  })), e.useEffect(() => (D(), () => {
+    n.current && p();
+  }), [v, S, b, k, w]);
+  const Q = () => {
+    i ? p() : R();
+  }, V = a.icon !== void 0 || a.iconClass !== void 0 || a.imageUrl !== void 0, X = e.useMemo(() => i ? re : h || oe, [i, h]);
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+    $,
+    {
+      id: K,
+      className: te(
+        {
+          "k-speech-to-text-button": !0,
+          "k-listening": i
+        },
+        O
+      ),
+      style: P,
+      svgIcon: V ? void 0 : X,
+      iconSize: F,
+      fillMode: z,
+      rounded: H,
+      size: B,
+      themeColor: L,
+      "aria-label": u != null ? u : g.toLanguageString(x, A[x]),
+      "aria-pressed": i,
+      disabled: N,
+      title: f != null ? f : g.toLanguageString(y, A[y]),
+      onClick: Q,
+      ...U
+    },
+    a.children
+  ), M && /* @__PURE__ */ e.createElement(ne, null));
+});
+ie.displayName = "KendoSpeechToTextButton";
+export {
+  ie as SpeechToTextButton
+};