@dreamtree-org/twreact-ui 1.1.11 → 1.1.13

package/dist/index.esm.js

@@ -4326,7 +4326,7 @@ function ActionMenu(_ref) {
     }
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "p-1"
-  }, actions.length === 0 ? /*#__PURE__*/React__default.createElement("div", {
+  }, !Array.isArray(actions) || actions.length === 0 ? /*#__PURE__*/React__default.createElement("div", {
     className: "px-3 py-2 text-sm text-gray-500"
   }, "No actions") : actions.map(function (action) {
     return /*#__PURE__*/React__default.createElement("div", {
@@ -4394,14 +4394,15 @@ function TableRow(_ref) {
     rowIndex: globalIndex
   }) : "";
   var safeExtraRowClass = typeof extraRowClass === "string" ? extraRowClass.trim() : "";
-  var stripeBg = stripedRows && !isSelected ? theme.stripedColors[globalIndex % theme.stripedColors.length] : undefined;
+  var stripeColors = theme === null || theme === void 0 ? void 0 : theme.stripedColors;
+  var stripeBg = stripedRows && !isSelected && Array.isArray(stripeColors) && stripeColors.length > 0 ? stripeColors[globalIndex % stripeColors.length] : undefined;
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
     key: key
   }, /*#__PURE__*/React__default.createElement("tr", {
     style: stripeBg ? {
       backgroundColor: stripeBg
     } : undefined,
-    className: cn$1(["hover:" + theme.rowHover], {
+    className: cn$1(theme !== null && theme !== void 0 && theme.rowHover ? ["hover:" + theme.rowHover] : [], {
       "cursor-pointer": !!onRowClick,
       "bg-primary-50": isSelected
     }, safeExtraRowClass),
@@ -4527,7 +4528,7 @@ function MobileCard(_ref) {
     rowIndex: globalIndex
   }) : "";
   var safeExtraRowClass = typeof extraRowClass === "string" ? extraRowClass.trim() : "";
-  var stripeBg = stripedRows && !isSelected ? stripedColors[globalIndex % stripedColors.length] : undefined;
+  var stripeBg = stripedRows && !isSelected && Array.isArray(stripedColors) && stripedColors.length > 0 ? stripedColors[globalIndex % stripedColors.length] : undefined;
   return /*#__PURE__*/React__default.createElement("div", {
     key: key,
     style: stripeBg ? {
@@ -4834,10 +4835,11 @@ var Table = function Table(_ref) {
     });
   }, [columnsState]);
   var sortedData = useMemo(function () {
-    if (serverSide || !sortConfig.key) return tableData;
+    var data = Array.isArray(tableData) ? tableData : [];
+    if (serverSide || !sortConfig.key) return data;
     var key = sortConfig.key,
       direction = sortConfig.direction;
-    return _toConsumableArray$1(tableData).sort(function (a, b) {
+    return _toConsumableArray$1(data).sort(function (a, b) {
       var av = a === null || a === void 0 ? void 0 : a[key];
       var bv = b === null || b === void 0 ? void 0 : b[key];
       if (av == null || bv == null) return 0;
@@ -4848,19 +4850,21 @@ var Table = function Table(_ref) {
     });
   }, [tableData, sortConfig, serverSide]);
   var filteredData = useMemo(function () {
-    if (serverSide || !filterable || !Object.keys(filters).length) return sortedData;
+    var data = Array.isArray(sortedData) ? sortedData : [];
+    if (serverSide || !filterable || !Object.keys(filters || {}).length) return data;
     var q = (filters.global || "").toLowerCase();
-    return sortedData.filter(function (row) {
+    return data.filter(function (row) {
       return Object.values(row || {}).some(function (v) {
         return String(v).toLowerCase().includes(q);
       });
     });
   }, [sortedData, filters, filterable, serverSide]);
   var _useMemo = useMemo(function () {
+      var data = Array.isArray(filteredData) ? filteredData : [];
       var start = pagination ? (currentPage - 1) * limit : 0;
-      var end = pagination ? start + limit : filteredData.length;
-      var paginated = !pagination || serverSide ? filteredData : filteredData.slice(start, start + limit);
-      var pages = !pagination ? 1 : serverSide ? Math.max(1, Math.ceil((totalRecords || 0) / limit)) : Math.max(1, Math.ceil(filteredData.length / limit));
+      var end = pagination ? start + limit : data.length;
+      var paginated = !pagination || serverSide ? data : data.slice(start, start + limit);
+      var pages = !pagination ? 1 : serverSide ? Math.max(1, Math.ceil((totalRecords || 0) / limit)) : Math.max(1, Math.ceil(data.length / limit));
       return {
         startIndex: start,
         endIndex: end,
@@ -5054,18 +5058,21 @@ var Table = function Table(_ref) {
     setSearchInput(filters.global || "");
   }, [filters.global]);
 
-  // Shared props for row components
+  // Shared props for row components (MobileCard expects stripedColors array)
+  var safeTheme = theme || DEFAULT_THEME;
+  var stripedColorsArray = Array.isArray(safeTheme.stripedColors) ? safeTheme.stripedColors : DEFAULT_THEME.stripedColors;
   var rowSharedProps = {
     selectedRows: selectedRows,
     expandedRows: expandedRows,
     rowClass: rowClass,
     stripedRows: stripedRows,
-    theme: theme,
+    theme: safeTheme,
+    stripedColors: stripedColorsArray,
     onRowClick: onRowClick,
     hasDetails: hasDetails,
     showSerial: showSerial,
     selectable: selectable,
-    visibleColumns: visibleColumns,
+    visibleColumns: Array.isArray(visibleColumns) ? visibleColumns : [],
     cellClass: cellClass,
     withAction: withAction,
     DetailsComponent: DetailsComponent,
@@ -15953,9 +15960,19 @@ var SpeechToText = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _ref$autoStart = _ref.autoStart,
     autoStart = _ref$autoStart === void 0 ? false : _ref$autoStart,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$maxAlternatives = _ref.maxAlternatives,
+    maxAlternatives = _ref$maxAlternatives === void 0 ? 1 : _ref$maxAlternatives,
+    _ref$grammars = _ref.grammars,
+    grammars = _ref$grammars === void 0 ? null : _ref$grammars,
+    _ref$timeout = _ref.timeout,
+    timeout = _ref$timeout === void 0 ? null : _ref$timeout,
+    _ref$clearOnStop = _ref.clearOnStop,
+    clearOnStop = _ref$clearOnStop === void 0 ? false : _ref$clearOnStop;
   var recognitionRef = useRef(null);
   var finalTranscriptRef = useRef("");
+  var timeoutRef = useRef(null);
+  var isMountedRef = useRef(true);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     _isListening = _useState2[0],
@@ -15964,34 +15981,48 @@ var SpeechToText = /*#__PURE__*/forwardRef(function (_ref, ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     _isSupported = _useState4[0],
     setIsSupported = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    error = _useState6[0],
+    setError = _useState6[1];
+
+  // Check browser support
   useEffect(function () {
-    if (!("webkitSpeechRecognition" in window) && !("SpeechRecognition" in window)) {
-      setIsSupported(false);
-    } else {
-      setIsSupported(true);
+    var supported = "webkitSpeechRecognition" in window || "SpeechRecognition" in window;
+    setIsSupported(supported);
+    if (!supported) {
+      var err = new Error("Speech recognition not supported in this browser");
+      setError(err);
+      onError(err);
     }
-  }, []);
-  useEffect(function () {
-    if (autoStart && _isSupported) {
-      startListening();
+  }, [onError]);
+
+  // Clear timeout helper
+  var clearInactivityTimeout = useCallback(function () {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
     }
-    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) {}
+  }, []);
+
+  // Reset inactivity timeout
+  var resetInactivityTimeout = useCallback(function () {
+    if (!timeout) return;
+    clearInactivityTimeout();
+    timeoutRef.current = setTimeout(function () {
+      if (recognitionRef.current && _isListening) {
+        stopListening();
       }
-    };
-  }, [autoStart, _isSupported]);
-  function initializeRecognition() {
+    }, timeout);
+  }, [timeout, _isListening]);
+
+  // Initialize recognition
+  var initializeRecognition = useCallback(function () {
     if (recognitionRef.current) return recognitionRef.current;
     var SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
     if (!SpeechRecognition) {
       var err = new Error("SpeechRecognition API not available");
+      setError(err);
       onError(err);
       return null;
     }
@@ -15999,12 +16030,21 @@ var SpeechToText = /*#__PURE__*/forwardRef(function (_ref, ref) {
     recognition.continuous = !!continuous;
     recognition.interimResults = !!interimResults;
     recognition.lang = lang;
+    recognition.maxAlternatives = maxAlternatives;
+    if (grammars) {
+      recognition.grammars = grammars;
+    }
     recognition.onstart = function () {
+      if (!isMountedRef.current) return;
       finalTranscriptRef.current = finalTranscriptRef.current || "";
       setIsListening(true);
+      setError(null);
+      resetInactivityTimeout();
       onStart();
     };
     recognition.onresult = function (event) {
+      if (!isMountedRef.current) return;
+      resetInactivityTimeout();
       var interim = "";
       var finalPart = "";
       for (var i = event.resultIndex; i < event.results.length; i++) {
@@ -16024,21 +16064,48 @@ var SpeechToText = /*#__PURE__*/forwardRef(function (_ref, ref) {
       }
     };
     recognition.onerror = function (event) {
-      var err = event && event.error ? new Error(event.error) : new Error("Speech recognition error");
-      onError(err);
+      if (!isMountedRef.current) return;
+      clearInactivityTimeout();
+      var errorMessage = (event === null || event === void 0 ? void 0 : event.error) || "Speech recognition error";
+      var err = new Error(errorMessage);
+      setError(err);
       setIsListening(false);
+      onError(err);
+
+      // Handle specific errors
+      if (errorMessage === "not-allowed" || errorMessage === "service-not-allowed") {
+        console.warn("Microphone permission denied");
+      } else if (errorMessage === "no-speech") {
+        console.warn("No speech detected");
+      } else if (errorMessage === "aborted") {
+        console.warn("Speech recognition aborted");
+      }
     };
     recognition.onend = function () {
+      if (!isMountedRef.current) return;
+      clearInactivityTimeout();
       setIsListening(false);
+      var finalText = (finalTranscriptRef.current || "").trim();
+      onSpeechComplete(finalText);
       onStop();
-      onSpeechComplete((finalTranscriptRef.current || "").trim());
+      if (clearOnStop) {
+        finalTranscriptRef.current = "";
+      }
     };
     recognitionRef.current = recognition;
     return recognition;
-  }
-  function startListening() {
+  }, [continuous, interimResults, lang, maxAlternatives, grammars, onStart, onSpeaking, onSpeechComplete, onError, onStop, clearOnStop, resetInactivityTimeout, clearInactivityTimeout]);
+
+  // Start listening
+  var startListening = useCallback(function () {
     if (!_isSupported) {
-      onError(new Error("Speech recognition not supported in this browser"));
+      var err = new Error("Speech recognition not supported in this browser");
+      setError(err);
+      onError(err);
+      return;
+    }
+    if (_isListening) {
+      console.warn("Already listening");
       return;
     }
     try {
@@ -16046,24 +16113,68 @@ var SpeechToText = /*#__PURE__*/forwardRef(function (_ref, ref) {
       if (!rec) return;
       rec.start();
     } catch (err) {
+      var _err$message;
+      // Handle "already started" error
+      if ((_err$message = err.message) !== null && _err$message !== void 0 && _err$message.includes("already started")) {
+        console.warn("Recognition already in progress");
+        return;
+      }
+      setError(err);
       onError(err);
     }
-  }
-  function stopListening() {
+  }, [_isSupported, _isListening, initializeRecognition, onError]);
+
+  // Stop listening
+  var stopListening = useCallback(function () {
     if (recognitionRef.current) {
       try {
+        clearInactivityTimeout();
         recognitionRef.current.stop();
-      } catch (e) {}
+      } catch (err) {
+        console.error("Error stopping recognition:", err);
+      }
     }
-  }
-  function toggleListening() {
+  }, [clearInactivityTimeout]);
+
+  // Toggle listening
+  var toggleListening = useCallback(function () {
     if (disabled) return;
     if (_isListening) {
       stopListening();
     } else {
       startListening();
     }
-  }
+  }, [disabled, _isListening, startListening, stopListening]);
+
+  // Auto-start effect
+  useEffect(function () {
+    if (autoStart && _isSupported && !disabled) {
+      startListening();
+    }
+  }, [autoStart, _isSupported, disabled, startListening]);
+
+  // Cleanup on unmount
+  useEffect(function () {
+    isMountedRef.current = true;
+    return function () {
+      isMountedRef.current = false;
+      clearInactivityTimeout();
+      if (recognitionRef.current) {
+        try {
+          recognitionRef.current.onresult = null;
+          recognitionRef.current.onerror = null;
+          recognitionRef.current.onend = null;
+          recognitionRef.current.onstart = null;
+          recognitionRef.current.stop();
+        } catch (err) {
+          console.error("Cleanup error:", err);
+        }
+        recognitionRef.current = null;
+      }
+    };
+  }, [clearInactivityTimeout]);
+
+  // Imperative handle
   useImperativeHandle(ref, function () {
     return {
       start: startListening,
@@ -16080,26 +16191,39 @@ var SpeechToText = /*#__PURE__*/forwardRef(function (_ref, ref) {
       },
       clearTranscript: function clearTranscript() {
         finalTranscriptRef.current = "";
+      },
+      getError: function getError() {
+        return error;
       }
     };
-  }, [_isListening, _isSupported]);
+  }, [_isListening, _isSupported, error, startListening, stopListening, toggleListening]);
+
+  // Custom button renderer
   if (renderButton && typeof renderButton === "function") {
     return renderButton({
       isListening: _isListening,
       isSupported: _isSupported,
+      error: error,
       start: startListening,
       stop: stopListening,
       toggle: toggleListening,
-      disabled: disabled
+      disabled: disabled || !_isSupported
     });
   }
+
+  // Default button
   return /*#__PURE__*/React__default.createElement("button", {
     type: "button",
     "aria-pressed": _isListening,
+    "aria-label": _isListening ? "Stop listening" : "Start listening",
     onClick: toggleListening,
-    disabled: disabled || !_isSupported
-  }, _isListening ? "Stop" : "Start");
+    disabled: disabled || !_isSupported,
+    style: {
+      cursor: disabled || !_isSupported ? "not-allowed" : "pointer"
+    }
+  }, _isListening ? "🎤 Stop" : "🎤 Start");
 });
+SpeechToText.displayName = "SpeechToText";
 
 var TextToSpeech = function TextToSpeech(_ref) {
   var _ref$text = _ref.text,

package/dist/index.js

@@ -4346,7 +4346,7 @@ function ActionMenu(_ref) {
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: "p-1"
-  }, actions.length === 0 ? /*#__PURE__*/React.createElement("div", {
+  }, !Array.isArray(actions) || actions.length === 0 ? /*#__PURE__*/React.createElement("div", {
     className: "px-3 py-2 text-sm text-gray-500"
   }, "No actions") : actions.map(function (action) {
     return /*#__PURE__*/React.createElement("div", {
@@ -4414,14 +4414,15 @@ function TableRow(_ref) {
     rowIndex: globalIndex
   }) : "";
   var safeExtraRowClass = typeof extraRowClass === "string" ? extraRowClass.trim() : "";
-  var stripeBg = stripedRows && !isSelected ? theme.stripedColors[globalIndex % theme.stripedColors.length] : undefined;
+  var stripeColors = theme === null || theme === void 0 ? void 0 : theme.stripedColors;
+  var stripeBg = stripedRows && !isSelected && Array.isArray(stripeColors) && stripeColors.length > 0 ? stripeColors[globalIndex % stripeColors.length] : undefined;
   return /*#__PURE__*/React.createElement(React.Fragment, {
     key: key
   }, /*#__PURE__*/React.createElement("tr", {
     style: stripeBg ? {
       backgroundColor: stripeBg
     } : undefined,
-    className: cn$1(["hover:" + theme.rowHover], {
+    className: cn$1(theme !== null && theme !== void 0 && theme.rowHover ? ["hover:" + theme.rowHover] : [], {
       "cursor-pointer": !!onRowClick,
       "bg-primary-50": isSelected
     }, safeExtraRowClass),
@@ -4547,7 +4548,7 @@ function MobileCard(_ref) {
     rowIndex: globalIndex
   }) : "";
   var safeExtraRowClass = typeof extraRowClass === "string" ? extraRowClass.trim() : "";
-  var stripeBg = stripedRows && !isSelected ? stripedColors[globalIndex % stripedColors.length] : undefined;
+  var stripeBg = stripedRows && !isSelected && Array.isArray(stripedColors) && stripedColors.length > 0 ? stripedColors[globalIndex % stripedColors.length] : undefined;
   return /*#__PURE__*/React.createElement("div", {
     key: key,
     style: stripeBg ? {
@@ -4854,10 +4855,11 @@ var Table = function Table(_ref) {
     });
   }, [columnsState]);
   var sortedData = React.useMemo(function () {
-    if (serverSide || !sortConfig.key) return tableData;
+    var data = Array.isArray(tableData) ? tableData : [];
+    if (serverSide || !sortConfig.key) return data;
     var key = sortConfig.key,
       direction = sortConfig.direction;
-    return _toConsumableArray$1(tableData).sort(function (a, b) {
+    return _toConsumableArray$1(data).sort(function (a, b) {
       var av = a === null || a === void 0 ? void 0 : a[key];
       var bv = b === null || b === void 0 ? void 0 : b[key];
       if (av == null || bv == null) return 0;
@@ -4868,19 +4870,21 @@ var Table = function Table(_ref) {
     });
   }, [tableData, sortConfig, serverSide]);
   var filteredData = React.useMemo(function () {
-    if (serverSide || !filterable || !Object.keys(filters).length) return sortedData;
+    var data = Array.isArray(sortedData) ? sortedData : [];
+    if (serverSide || !filterable || !Object.keys(filters || {}).length) return data;
     var q = (filters.global || "").toLowerCase();
-    return sortedData.filter(function (row) {
+    return data.filter(function (row) {
       return Object.values(row || {}).some(function (v) {
         return String(v).toLowerCase().includes(q);
       });
     });
   }, [sortedData, filters, filterable, serverSide]);
   var _useMemo = React.useMemo(function () {
+      var data = Array.isArray(filteredData) ? filteredData : [];
       var start = pagination ? (currentPage - 1) * limit : 0;
-      var end = pagination ? start + limit : filteredData.length;
-      var paginated = !pagination || serverSide ? filteredData : filteredData.slice(start, start + limit);
-      var pages = !pagination ? 1 : serverSide ? Math.max(1, Math.ceil((totalRecords || 0) / limit)) : Math.max(1, Math.ceil(filteredData.length / limit));
+      var end = pagination ? start + limit : data.length;
+      var paginated = !pagination || serverSide ? data : data.slice(start, start + limit);
+      var pages = !pagination ? 1 : serverSide ? Math.max(1, Math.ceil((totalRecords || 0) / limit)) : Math.max(1, Math.ceil(data.length / limit));
       return {
         startIndex: start,
         endIndex: end,
@@ -5074,18 +5078,21 @@ var Table = function Table(_ref) {
     setSearchInput(filters.global || "");
   }, [filters.global]);
 
-  // Shared props for row components
+  // Shared props for row components (MobileCard expects stripedColors array)
+  var safeTheme = theme || DEFAULT_THEME;
+  var stripedColorsArray = Array.isArray(safeTheme.stripedColors) ? safeTheme.stripedColors : DEFAULT_THEME.stripedColors;
   var rowSharedProps = {
     selectedRows: selectedRows,
     expandedRows: expandedRows,
     rowClass: rowClass,
     stripedRows: stripedRows,
-    theme: theme,
+    theme: safeTheme,
+    stripedColors: stripedColorsArray,
     onRowClick: onRowClick,
     hasDetails: hasDetails,
     showSerial: showSerial,
     selectable: selectable,
-    visibleColumns: visibleColumns,
+    visibleColumns: Array.isArray(visibleColumns) ? visibleColumns : [],
     cellClass: cellClass,
     withAction: withAction,
     DetailsComponent: DetailsComponent,
@@ -15973,9 +15980,19 @@ var SpeechToText = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _ref$autoStart = _ref.autoStart,
     autoStart = _ref$autoStart === void 0 ? false : _ref$autoStart,
     _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$maxAlternatives = _ref.maxAlternatives,
+    maxAlternatives = _ref$maxAlternatives === void 0 ? 1 : _ref$maxAlternatives,
+    _ref$grammars = _ref.grammars,
+    grammars = _ref$grammars === void 0 ? null : _ref$grammars,
+    _ref$timeout = _ref.timeout,
+    timeout = _ref$timeout === void 0 ? null : _ref$timeout,
+    _ref$clearOnStop = _ref.clearOnStop,
+    clearOnStop = _ref$clearOnStop === void 0 ? false : _ref$clearOnStop;
   var recognitionRef = React.useRef(null);
   var finalTranscriptRef = React.useRef("");
+  var timeoutRef = React.useRef(null);
+  var isMountedRef = React.useRef(true);
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     _isListening = _useState2[0],
@@ -15984,34 +16001,48 @@ var SpeechToText = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     _useState4 = _slicedToArray(_useState3, 2),
     _isSupported = _useState4[0],
     setIsSupported = _useState4[1];
+  var _useState5 = React.useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    error = _useState6[0],
+    setError = _useState6[1];
+
+  // Check browser support
   React.useEffect(function () {
-    if (!("webkitSpeechRecognition" in window) && !("SpeechRecognition" in window)) {
-      setIsSupported(false);
-    } else {
-      setIsSupported(true);
+    var supported = "webkitSpeechRecognition" in window || "SpeechRecognition" in window;
+    setIsSupported(supported);
+    if (!supported) {
+      var err = new Error("Speech recognition not supported in this browser");
+      setError(err);
+      onError(err);
     }
-  }, []);
-  React.useEffect(function () {
-    if (autoStart && _isSupported) {
-      startListening();
+  }, [onError]);
+
+  // Clear timeout helper
+  var clearInactivityTimeout = React.useCallback(function () {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
     }
-    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) {}
+  }, []);
+
+  // Reset inactivity timeout
+  var resetInactivityTimeout = React.useCallback(function () {
+    if (!timeout) return;
+    clearInactivityTimeout();
+    timeoutRef.current = setTimeout(function () {
+      if (recognitionRef.current && _isListening) {
+        stopListening();
       }
-    };
-  }, [autoStart, _isSupported]);
-  function initializeRecognition() {
+    }, timeout);
+  }, [timeout, _isListening]);
+
+  // Initialize recognition
+  var initializeRecognition = React.useCallback(function () {
     if (recognitionRef.current) return recognitionRef.current;
     var SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
     if (!SpeechRecognition) {
       var err = new Error("SpeechRecognition API not available");
+      setError(err);
       onError(err);
       return null;
     }
@@ -16019,12 +16050,21 @@ var SpeechToText = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     recognition.continuous = !!continuous;
     recognition.interimResults = !!interimResults;
     recognition.lang = lang;
+    recognition.maxAlternatives = maxAlternatives;
+    if (grammars) {
+      recognition.grammars = grammars;
+    }
     recognition.onstart = function () {
+      if (!isMountedRef.current) return;
       finalTranscriptRef.current = finalTranscriptRef.current || "";
       setIsListening(true);
+      setError(null);
+      resetInactivityTimeout();
       onStart();
     };
     recognition.onresult = function (event) {
+      if (!isMountedRef.current) return;
+      resetInactivityTimeout();
       var interim = "";
       var finalPart = "";
       for (var i = event.resultIndex; i < event.results.length; i++) {
@@ -16044,21 +16084,48 @@ var SpeechToText = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       }
     };
     recognition.onerror = function (event) {
-      var err = event && event.error ? new Error(event.error) : new Error("Speech recognition error");
-      onError(err);
+      if (!isMountedRef.current) return;
+      clearInactivityTimeout();
+      var errorMessage = (event === null || event === void 0 ? void 0 : event.error) || "Speech recognition error";
+      var err = new Error(errorMessage);
+      setError(err);
       setIsListening(false);
+      onError(err);
+
+      // Handle specific errors
+      if (errorMessage === "not-allowed" || errorMessage === "service-not-allowed") {
+        console.warn("Microphone permission denied");
+      } else if (errorMessage === "no-speech") {
+        console.warn("No speech detected");
+      } else if (errorMessage === "aborted") {
+        console.warn("Speech recognition aborted");
+      }
     };
     recognition.onend = function () {
+      if (!isMountedRef.current) return;
+      clearInactivityTimeout();
       setIsListening(false);
+      var finalText = (finalTranscriptRef.current || "").trim();
+      onSpeechComplete(finalText);
       onStop();
-      onSpeechComplete((finalTranscriptRef.current || "").trim());
+      if (clearOnStop) {
+        finalTranscriptRef.current = "";
+      }
     };
     recognitionRef.current = recognition;
     return recognition;
-  }
-  function startListening() {
+  }, [continuous, interimResults, lang, maxAlternatives, grammars, onStart, onSpeaking, onSpeechComplete, onError, onStop, clearOnStop, resetInactivityTimeout, clearInactivityTimeout]);
+
+  // Start listening
+  var startListening = React.useCallback(function () {
     if (!_isSupported) {
-      onError(new Error("Speech recognition not supported in this browser"));
+      var err = new Error("Speech recognition not supported in this browser");
+      setError(err);
+      onError(err);
+      return;
+    }
+    if (_isListening) {
+      console.warn("Already listening");
       return;
     }
     try {
@@ -16066,24 +16133,68 @@ var SpeechToText = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       if (!rec) return;
       rec.start();
     } catch (err) {
+      var _err$message;
+      // Handle "already started" error
+      if ((_err$message = err.message) !== null && _err$message !== void 0 && _err$message.includes("already started")) {
+        console.warn("Recognition already in progress");
+        return;
+      }
+      setError(err);
       onError(err);
     }
-  }
-  function stopListening() {
+  }, [_isSupported, _isListening, initializeRecognition, onError]);
+
+  // Stop listening
+  var stopListening = React.useCallback(function () {
     if (recognitionRef.current) {
       try {
+        clearInactivityTimeout();
         recognitionRef.current.stop();
-      } catch (e) {}
+      } catch (err) {
+        console.error("Error stopping recognition:", err);
+      }
     }
-  }
-  function toggleListening() {
+  }, [clearInactivityTimeout]);
+
+  // Toggle listening
+  var toggleListening = React.useCallback(function () {
     if (disabled) return;
     if (_isListening) {
       stopListening();
     } else {
       startListening();
     }
-  }
+  }, [disabled, _isListening, startListening, stopListening]);
+
+  // Auto-start effect
+  React.useEffect(function () {
+    if (autoStart && _isSupported && !disabled) {
+      startListening();
+    }
+  }, [autoStart, _isSupported, disabled, startListening]);
+
+  // Cleanup on unmount
+  React.useEffect(function () {
+    isMountedRef.current = true;
+    return function () {
+      isMountedRef.current = false;
+      clearInactivityTimeout();
+      if (recognitionRef.current) {
+        try {
+          recognitionRef.current.onresult = null;
+          recognitionRef.current.onerror = null;
+          recognitionRef.current.onend = null;
+          recognitionRef.current.onstart = null;
+          recognitionRef.current.stop();
+        } catch (err) {
+          console.error("Cleanup error:", err);
+        }
+        recognitionRef.current = null;
+      }
+    };
+  }, [clearInactivityTimeout]);
+
+  // Imperative handle
   React.useImperativeHandle(ref, function () {
     return {
       start: startListening,
@@ -16100,26 +16211,39 @@ var SpeechToText = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       },
       clearTranscript: function clearTranscript() {
         finalTranscriptRef.current = "";
+      },
+      getError: function getError() {
+        return error;
       }
     };
-  }, [_isListening, _isSupported]);
+  }, [_isListening, _isSupported, error, startListening, stopListening, toggleListening]);
+
+  // Custom button renderer
   if (renderButton && typeof renderButton === "function") {
     return renderButton({
       isListening: _isListening,
       isSupported: _isSupported,
+      error: error,
       start: startListening,
       stop: stopListening,
       toggle: toggleListening,
-      disabled: disabled
+      disabled: disabled || !_isSupported
     });
   }
+
+  // Default button
   return /*#__PURE__*/React.createElement("button", {
     type: "button",
     "aria-pressed": _isListening,
+    "aria-label": _isListening ? "Stop listening" : "Start listening",
     onClick: toggleListening,
-    disabled: disabled || !_isSupported
-  }, _isListening ? "Stop" : "Start");
+    disabled: disabled || !_isSupported,
+    style: {
+      cursor: disabled || !_isSupported ? "not-allowed" : "pointer"
+    }
+  }, _isListening ? "🎤 Stop" : "🎤 Start");
 });
+SpeechToText.displayName = "SpeechToText";
 
 var TextToSpeech = function TextToSpeech(_ref) {
   var _ref$text = _ref.text,

package/package.json

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