@dreamtree-org/twreact-ui 1.1.3 → 1.1.5

package/dist/index.esm.js

@@ -15913,6 +15913,220 @@ function LocationPicker(_ref) {
   }, iconButton)));
 }
 
+var SpeechToText = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$lang = _ref.lang,
+    lang = _ref$lang === void 0 ? "ne-NP" : _ref$lang,
+    _ref$continuous = _ref.continuous,
+    continuous = _ref$continuous === void 0 ? true : _ref$continuous,
+    _ref$interimResults = _ref.interimResults,
+    interimResults = _ref$interimResults === void 0 ? true : _ref$interimResults,
+    _ref$onSpeechComplete = _ref.onSpeechComplete,
+    onSpeechComplete = _ref$onSpeechComplete === void 0 ? function () {} : _ref$onSpeechComplete,
+    _ref$onSpeaking = _ref.onSpeaking,
+    onSpeaking = _ref$onSpeaking === void 0 ? function () {} : _ref$onSpeaking,
+    _ref$onError = _ref.onError,
+    onError = _ref$onError === void 0 ? function () {} : _ref$onError,
+    _ref$onStart = _ref.onStart,
+    onStart = _ref$onStart === void 0 ? function () {} : _ref$onStart,
+    _ref$onStop = _ref.onStop,
+    onStop = _ref$onStop === void 0 ? function () {} : _ref$onStop,
+    _ref$renderButton = _ref.renderButton,
+    renderButton = _ref$renderButton === void 0 ? null : _ref$renderButton,
+    _ref$autoStart = _ref.autoStart,
+    autoStart = _ref$autoStart === void 0 ? false : _ref$autoStart,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
+  var recognitionRef = useRef(null);
+  var finalTranscriptRef = useRef("");
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    _isListening = _useState2[0],
+    setIsListening = _useState2[1];
+  var _useState3 = useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    _isSupported = _useState4[0],
+    setIsSupported = _useState4[1];
+  useEffect(function () {
+    if (!("webkitSpeechRecognition" in window) && !("SpeechRecognition" in window)) {
+      setIsSupported(false);
+    } else {
+      setIsSupported(true);
+    }
+  }, []);
+  useEffect(function () {
+    if (autoStart && _isSupported) {
+      startListening();
+    }
+    return function () {
+      if (recognitionRef.current) {
+        try {
+          recognitionRef.current.onresult = null;
+          recognitionRef.current.onerror = null;
+          recognitionRef.current.onend = null;
+          recognitionRef.current.onstart = null;
+          recognitionRef.current.stop();
+        } catch (e) {}
+      }
+    };
+  }, [autoStart, _isSupported]);
+  function initializeRecognition() {
+    if (recognitionRef.current) return recognitionRef.current;
+    var SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
+    if (!SpeechRecognition) {
+      var err = new Error("SpeechRecognition API not available");
+      onError(err);
+      return null;
+    }
+    var recognition = new SpeechRecognition();
+    recognition.continuous = !!continuous;
+    recognition.interimResults = !!interimResults;
+    recognition.lang = lang;
+    recognition.onstart = function () {
+      finalTranscriptRef.current = finalTranscriptRef.current || "";
+      setIsListening(true);
+      onStart();
+    };
+    recognition.onresult = function (event) {
+      var interim = "";
+      var finalPart = "";
+      for (var i = event.resultIndex; i < event.results.length; i++) {
+        var piece = event.results[i][0].transcript;
+        if (event.results[i].isFinal) {
+          finalPart += piece + " ";
+        } else {
+          interim += piece;
+        }
+      }
+      if (interim) {
+        onSpeaking(interim);
+      }
+      if (finalPart) {
+        finalTranscriptRef.current = (finalTranscriptRef.current || "") + finalPart;
+        onSpeechComplete(finalTranscriptRef.current.trim());
+      }
+    };
+    recognition.onerror = function (event) {
+      var err = event && event.error ? new Error(event.error) : new Error("Speech recognition error");
+      onError(err);
+      setIsListening(false);
+    };
+    recognition.onend = function () {
+      setIsListening(false);
+      onStop();
+      onSpeechComplete((finalTranscriptRef.current || "").trim());
+    };
+    recognitionRef.current = recognition;
+    return recognition;
+  }
+  function startListening() {
+    if (!_isSupported) {
+      onError(new Error("Speech recognition not supported in this browser"));
+      return;
+    }
+    try {
+      var rec = initializeRecognition();
+      if (!rec) return;
+      rec.start();
+    } catch (err) {
+      onError(err);
+    }
+  }
+  function stopListening() {
+    if (recognitionRef.current) {
+      try {
+        recognitionRef.current.stop();
+      } catch (e) {}
+    }
+  }
+  function toggleListening() {
+    if (disabled) return;
+    if (_isListening) {
+      stopListening();
+    } else {
+      startListening();
+    }
+  }
+  useImperativeHandle(ref, function () {
+    return {
+      start: startListening,
+      stop: stopListening,
+      toggle: toggleListening,
+      isListening: function isListening() {
+        return _isListening;
+      },
+      isSupported: function isSupported() {
+        return _isSupported;
+      },
+      getTranscript: function getTranscript() {
+        return (finalTranscriptRef.current || "").trim();
+      },
+      clearTranscript: function clearTranscript() {
+        finalTranscriptRef.current = "";
+      }
+    };
+  }, [_isListening, _isSupported]);
+  if (renderButton && typeof renderButton === "function") {
+    return renderButton({
+      isListening: _isListening,
+      isSupported: _isSupported,
+      start: startListening,
+      stop: stopListening,
+      toggle: toggleListening,
+      disabled: disabled
+    });
+  }
+  return /*#__PURE__*/React__default.createElement("button", {
+    type: "button",
+    "aria-pressed": _isListening,
+    onClick: toggleListening,
+    disabled: disabled || !_isSupported
+  }, _isListening ? "Stop" : "Start");
+});
+
+var TextToSpeech = function TextToSpeech(_ref) {
+  var _ref$text = _ref.text,
+    text = _ref$text === void 0 ? "" : _ref$text,
+    _ref$rate = _ref.rate,
+    rate = _ref$rate === void 0 ? 1 : _ref$rate,
+    _ref$pitch = _ref.pitch,
+    pitch = _ref$pitch === void 0 ? 0.5 : _ref$pitch,
+    _ref$onSpeak = _ref.onSpeak,
+    onSpeak = _ref$onSpeak === void 0 ? function () {} : _ref$onSpeak,
+    renderButton = _ref.renderButton;
+  var _useState = useState(text),
+    _useState2 = _slicedToArray(_useState, 2),
+    inputText = _useState2[0];
+    _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isSpeaking = _useState4[0],
+    setIsSpeaking = _useState4[1];
+  var handleSpeak = function handleSpeak() {
+    var utterance = new SpeechSynthesisUtterance(inputText);
+    utterance.rate = rate;
+    utterance.pitch = pitch;
+    utterance.onstart = function () {
+      onSpeak(inputText);
+      setIsSpeaking(true);
+    };
+    utterance.onend = function () {
+      setIsSpeaking(false);
+    };
+    if (isSpeaking) {
+      window.speechSynthesis.cancel();
+      setIsSpeaking(false);
+    } else {
+      window.speechSynthesis.speak(utterance);
+    }
+  };
+  return /*#__PURE__*/React__default.createElement("div", null, renderButton && typeof renderButton === "function" ? renderButton({
+    onClick: handleSpeak,
+    isSpeaking: isSpeaking
+  }) : /*#__PURE__*/React__default.createElement("button", {
+    onClick: handleSpeak
+  }, isSpeaking ? "Stop" : "Speak"));
+};
+
 var _excluded$d = ["items", "collapsed", "onToggle", "className", "logo", "user", "onUserClick", "drawerPosition", "isMobileOpen", "setIsMobileOpen", "showCollapsedTooltips", "tooltipOptions"];
 
 /**
@@ -16545,7 +16759,7 @@ var Navbar = function Navbar(_ref3) {
         "text-gray-700 hover:bg-gray-50": !item.active
       })
     }, item.label);
-  }))));
+  }))), /*#__PURE__*/React__default.createElement("h1", null, "asddddddddddddd"));
 };
 Navbar.displayName = "Navbar";
 Navbar.propTypes = {
@@ -26585,4 +26799,4 @@ var StoreProvider = function StoreProvider(_ref) {
   }, children));
 };
 
-export { Accordion, Alert, Avatar, Badge, Breadcrumbs, Button, Card, Carousel, Checkbox, ColorPicker, Condition, DatePicker, DateRangePicker, Dialog, EmitterClass as Emitter, FileUpload, FootNav, Form, Helpers, Input, Loader, LocationPicker, Navbar, Pagination, PriceRangePicker, ProgressBar, Radio, Rate, RoundedTag, Select, Sidebar, Skeleton, Stepper, StoreProvider, Switch, Table, Tabs, ThemeProvider, ThreeDotPopoverSimple as ThreeDotPopover, Toast, ToastContainer, Tooltip, cn$1 as cn, useApi, useMixins, useTheme, useToast };
+export { Accordion, Alert, Avatar, Badge, Breadcrumbs, Button, Card, Carousel, Checkbox, ColorPicker, Condition, DatePicker, DateRangePicker, Dialog, EmitterClass as Emitter, FileUpload, FootNav, Form, Helpers, Input, Loader, LocationPicker, Navbar, Pagination, PriceRangePicker, ProgressBar, Radio, Rate, RoundedTag, Select, Sidebar, Skeleton, SpeechToText, Stepper, StoreProvider, Switch, Table, Tabs, TextToSpeech, ThemeProvider, ThreeDotPopoverSimple as ThreeDotPopover, Toast, ToastContainer, Tooltip, cn$1 as cn, useApi, useMixins, useTheme, useToast };

package/dist/index.js

@@ -15933,6 +15933,220 @@ function LocationPicker(_ref) {
   }, iconButton)));
 }
 
+var SpeechToText = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var _ref$lang = _ref.lang,
+    lang = _ref$lang === void 0 ? "ne-NP" : _ref$lang,
+    _ref$continuous = _ref.continuous,
+    continuous = _ref$continuous === void 0 ? true : _ref$continuous,
+    _ref$interimResults = _ref.interimResults,
+    interimResults = _ref$interimResults === void 0 ? true : _ref$interimResults,
+    _ref$onSpeechComplete = _ref.onSpeechComplete,
+    onSpeechComplete = _ref$onSpeechComplete === void 0 ? function () {} : _ref$onSpeechComplete,
+    _ref$onSpeaking = _ref.onSpeaking,
+    onSpeaking = _ref$onSpeaking === void 0 ? function () {} : _ref$onSpeaking,
+    _ref$onError = _ref.onError,
+    onError = _ref$onError === void 0 ? function () {} : _ref$onError,
+    _ref$onStart = _ref.onStart,
+    onStart = _ref$onStart === void 0 ? function () {} : _ref$onStart,
+    _ref$onStop = _ref.onStop,
+    onStop = _ref$onStop === void 0 ? function () {} : _ref$onStop,
+    _ref$renderButton = _ref.renderButton,
+    renderButton = _ref$renderButton === void 0 ? null : _ref$renderButton,
+    _ref$autoStart = _ref.autoStart,
+    autoStart = _ref$autoStart === void 0 ? false : _ref$autoStart,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
+  var recognitionRef = React.useRef(null);
+  var finalTranscriptRef = React.useRef("");
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    _isListening = _useState2[0],
+    setIsListening = _useState2[1];
+  var _useState3 = React.useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    _isSupported = _useState4[0],
+    setIsSupported = _useState4[1];
+  React.useEffect(function () {
+    if (!("webkitSpeechRecognition" in window) && !("SpeechRecognition" in window)) {
+      setIsSupported(false);
+    } else {
+      setIsSupported(true);
+    }
+  }, []);
+  React.useEffect(function () {
+    if (autoStart && _isSupported) {
+      startListening();
+    }
+    return function () {
+      if (recognitionRef.current) {
+        try {
+          recognitionRef.current.onresult = null;
+          recognitionRef.current.onerror = null;
+          recognitionRef.current.onend = null;
+          recognitionRef.current.onstart = null;
+          recognitionRef.current.stop();
+        } catch (e) {}
+      }
+    };
+  }, [autoStart, _isSupported]);
+  function initializeRecognition() {
+    if (recognitionRef.current) return recognitionRef.current;
+    var SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
+    if (!SpeechRecognition) {
+      var err = new Error("SpeechRecognition API not available");
+      onError(err);
+      return null;
+    }
+    var recognition = new SpeechRecognition();
+    recognition.continuous = !!continuous;
+    recognition.interimResults = !!interimResults;
+    recognition.lang = lang;
+    recognition.onstart = function () {
+      finalTranscriptRef.current = finalTranscriptRef.current || "";
+      setIsListening(true);
+      onStart();
+    };
+    recognition.onresult = function (event) {
+      var interim = "";
+      var finalPart = "";
+      for (var i = event.resultIndex; i < event.results.length; i++) {
+        var piece = event.results[i][0].transcript;
+        if (event.results[i].isFinal) {
+          finalPart += piece + " ";
+        } else {
+          interim += piece;
+        }
+      }
+      if (interim) {
+        onSpeaking(interim);
+      }
+      if (finalPart) {
+        finalTranscriptRef.current = (finalTranscriptRef.current || "") + finalPart;
+        onSpeechComplete(finalTranscriptRef.current.trim());
+      }
+    };
+    recognition.onerror = function (event) {
+      var err = event && event.error ? new Error(event.error) : new Error("Speech recognition error");
+      onError(err);
+      setIsListening(false);
+    };
+    recognition.onend = function () {
+      setIsListening(false);
+      onStop();
+      onSpeechComplete((finalTranscriptRef.current || "").trim());
+    };
+    recognitionRef.current = recognition;
+    return recognition;
+  }
+  function startListening() {
+    if (!_isSupported) {
+      onError(new Error("Speech recognition not supported in this browser"));
+      return;
+    }
+    try {
+      var rec = initializeRecognition();
+      if (!rec) return;
+      rec.start();
+    } catch (err) {
+      onError(err);
+    }
+  }
+  function stopListening() {
+    if (recognitionRef.current) {
+      try {
+        recognitionRef.current.stop();
+      } catch (e) {}
+    }
+  }
+  function toggleListening() {
+    if (disabled) return;
+    if (_isListening) {
+      stopListening();
+    } else {
+      startListening();
+    }
+  }
+  React.useImperativeHandle(ref, function () {
+    return {
+      start: startListening,
+      stop: stopListening,
+      toggle: toggleListening,
+      isListening: function isListening() {
+        return _isListening;
+      },
+      isSupported: function isSupported() {
+        return _isSupported;
+      },
+      getTranscript: function getTranscript() {
+        return (finalTranscriptRef.current || "").trim();
+      },
+      clearTranscript: function clearTranscript() {
+        finalTranscriptRef.current = "";
+      }
+    };
+  }, [_isListening, _isSupported]);
+  if (renderButton && typeof renderButton === "function") {
+    return renderButton({
+      isListening: _isListening,
+      isSupported: _isSupported,
+      start: startListening,
+      stop: stopListening,
+      toggle: toggleListening,
+      disabled: disabled
+    });
+  }
+  return /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    "aria-pressed": _isListening,
+    onClick: toggleListening,
+    disabled: disabled || !_isSupported
+  }, _isListening ? "Stop" : "Start");
+});
+
+var TextToSpeech = function TextToSpeech(_ref) {
+  var _ref$text = _ref.text,
+    text = _ref$text === void 0 ? "" : _ref$text,
+    _ref$rate = _ref.rate,
+    rate = _ref$rate === void 0 ? 1 : _ref$rate,
+    _ref$pitch = _ref.pitch,
+    pitch = _ref$pitch === void 0 ? 0.5 : _ref$pitch,
+    _ref$onSpeak = _ref.onSpeak,
+    onSpeak = _ref$onSpeak === void 0 ? function () {} : _ref$onSpeak,
+    renderButton = _ref.renderButton;
+  var _useState = React.useState(text),
+    _useState2 = _slicedToArray(_useState, 2),
+    inputText = _useState2[0];
+    _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isSpeaking = _useState4[0],
+    setIsSpeaking = _useState4[1];
+  var handleSpeak = function handleSpeak() {
+    var utterance = new SpeechSynthesisUtterance(inputText);
+    utterance.rate = rate;
+    utterance.pitch = pitch;
+    utterance.onstart = function () {
+      onSpeak(inputText);
+      setIsSpeaking(true);
+    };
+    utterance.onend = function () {
+      setIsSpeaking(false);
+    };
+    if (isSpeaking) {
+      window.speechSynthesis.cancel();
+      setIsSpeaking(false);
+    } else {
+      window.speechSynthesis.speak(utterance);
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", null, renderButton && typeof renderButton === "function" ? renderButton({
+    onClick: handleSpeak,
+    isSpeaking: isSpeaking
+  }) : /*#__PURE__*/React.createElement("button", {
+    onClick: handleSpeak
+  }, isSpeaking ? "Stop" : "Speak"));
+};
+
 var _excluded$d = ["items", "collapsed", "onToggle", "className", "logo", "user", "onUserClick", "drawerPosition", "isMobileOpen", "setIsMobileOpen", "showCollapsedTooltips", "tooltipOptions"];
 
 /**
@@ -16565,7 +16779,7 @@ var Navbar = function Navbar(_ref3) {
         "text-gray-700 hover:bg-gray-50": !item.active
       })
     }, item.label);
-  }))));
+  }))), /*#__PURE__*/React.createElement("h1", null, "asddddddddddddd"));
 };
 Navbar.displayName = "Navbar";
 Navbar.propTypes = {
@@ -26637,11 +26851,13 @@ exports.RoundedTag = RoundedTag;
 exports.Select = Select;
 exports.Sidebar = Sidebar;
 exports.Skeleton = Skeleton;
+exports.SpeechToText = SpeechToText;
 exports.Stepper = Stepper;
 exports.StoreProvider = StoreProvider;
 exports.Switch = Switch;
 exports.Table = Table;
 exports.Tabs = Tabs;
+exports.TextToSpeech = TextToSpeech;
 exports.ThemeProvider = ThemeProvider;
 exports.ThreeDotPopover = ThreeDotPopoverSimple;
 exports.Toast = Toast;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dreamtree-org/twreact-ui",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "description": "A comprehensive React + Tailwind components library for building modern web apps",
   "author": {
     "name": "Partha Preetham Krishna",