@grazziotin/react-components-next 2.0.0 → 2.2.0

package/dist/accessibility/index.d.mts

@@ -1,121 +1,85 @@
 import react__default from 'react';
 
 type SayFeedbackType = "info" | "success" | "warning" | "error" | "default";
-interface SayNotifyOptions {
-    type?: SayFeedbackType;
-    autoClose?: number;
-}
 interface SayCallOptions {
+    /** Tipo do toast. */
+    type: SayFeedbackType;
     /**
-     * Tipo de feedback.  desativa notificação.
-     * Padrão:  (via  do hook).
-     */
-    type?: SayFeedbackType | false;
-    /**
-     * Exibe notificação via .
-     * Padrão: .
+     * Exibe notificação toast integrada.
+     * Padrão: `true`.
      */
     notify?: boolean;
     /**
-     * Dispara vibração conforme .
-     * Padrão: .
+     * Dispara vibração conforme `shouldVibrate`.
+     * Padrão: `true`.
      */
     vibrate?: boolean;
-    /** Duração da notificação em ms (repasse para ). */
+    /** Duração da notificação em ms. Padrão: `notifyAutoClose` do hook. */
     autoClose?: number;
 }
 interface UseSayOptions {
-    /**
-     * Callback de notificação visual (ex.: toast).
-     * Omitir para não exibir notificação.
-     */
-    onNotify?: (text: string, options: SayNotifyOptions) => void;
-    /**
-     * Tipo padrão da notificação.
-     * Padrão: .
-     */
-    defaultNotifyType?: SayFeedbackType;
     /**
      * Auto-close padrão da notificação em ms.
-     * Padrão: .
+     * Padrão: `4500`.
      */
-    defaultNotifyAutoClose?: number;
+    notifyAutoClose?: number;
     /**
      * Duração padrão da vibração em ms.
-     * Padrão: .
+     * Padrão: `500`.
      */
     vibrateDuration?: number;
     /**
-     * Define se deve vibrar para o  informado.
-     * Padrão:  ( quando  é omitido ou ).
+     * Define se deve vibrar para o `type` informado.
+     * Padrão: vibra quando `type` é `"warning"`.
      */
-    shouldVibrate?: (type?: SayFeedbackType | false) => boolean;
+    shouldVibrate?: (type: SayFeedbackType) => boolean;
 }
 interface UseSayReturn {
-    say: (text: string, options?: SayCallOptions) => void;
+    /**
+     * Dispara fala, toast (quando `notify !== false`) e vibração.
+     * @param text - Texto falado.
+     * @param options - Controle de notificação, vibração e tipo do toast.
+     */
     isSpeaking: boolean;
     textSpeaking: string;
     setIsSpeaking: React.Dispatch<React.SetStateAction<boolean>>;
+    handleSay: (text: string, options: SayCallOptions) => void;
 }
 interface SayProps {
     isSpeaking: boolean;
     text: string;
     setIsSpeaking: React.Dispatch<React.SetStateAction<boolean>>;
     /**
-     * Nome da voz do .
-     * Padrão: .
+     * Nome da voz do `speechSynthesis`.
+     * Padrão: `"Google português do Brasil"`.
      */
     voice?: string;
     /**
      * Velocidade da fala.
-     * Padrão: .
+     * Padrão: `1.4`.
      */
     rate?: number;
     /**
      * Tom da voz.
-     * Padrão: .
+     * Padrão: `0.8`.
      */
     pitch?: number;
     /**
      * Volume da fala.
-     * Padrão: .
+     * Padrão: `1`.
      */
     volume?: number;
     onEnd?: () => void;
     onStart?: () => void;
 }
 
-/**
- * Hook para disparar fala, notificação e vibração de forma configurável.
- *
- * @example
- * ```tsx
- * const { say, isSpeaking, textSpeaking, setIsSpeaking } = useSay({
- *   onNotify: (text, { type }) => toast(text, { type }),
- * });
- *
- * <Say
- *   isSpeaking={isSpeaking}
- *   text={textSpeaking}
- *   setIsSpeaking={setIsSpeaking}
- * />
- *
- * <button type="button" onClick={() => say("Operação concluída")}>
- *   Falar
- * </button>
- * ```
- */
-declare function useSay({ onNotify, defaultNotifyType, vibrateDuration, defaultNotifyAutoClose, shouldVibrate, }?: UseSayOptions): UseSayReturn;
-
 /**
  * Sintetiza texto em fala via Web Speech API (`react-say`).
- * Use com {@link useSay} para controlar `isSpeaking`, `text` e `setIsSpeaking`.
+ * Inclui toast integrado para notificações do {@link useSay}.
  *
  * @example
  * ```tsx
- * const { say, isSpeaking, textSpeaking, setIsSpeaking } = useSay({
- *   onNotify: (text, { type }) => toast(text, { type }),
- * });
+ * const { handleSay, isSpeaking, textSpeaking, setIsSpeaking } = useSay();
  *
  * return (
  *   <>
@@ -123,14 +87,34 @@ declare function useSay({ onNotify, defaultNotifyType, vibrateDuration, defaultN
  *       isSpeaking={isSpeaking}
  *       text={textSpeaking}
  *       setIsSpeaking={setIsSpeaking}
- *       voice="Google português do Brasil"
- *       rate={1.4}
  *     />
- *     <button type="button" onClick={() => say("Pronto")}>Falar</button>
+ *     <button type="button" onClick={() => handleSay("Pronto", { type: "success" })}>
+ *       Falar
+ *     </button>
  *   </>
  * );
  * ```
  */
-declare function Say({ text, onEnd, onStart, isSpeaking, setIsSpeaking, rate, voice, pitch, volume, }: Readonly<SayProps>): react__default.ReactElement | null;
+declare function Say({ text, onEnd, onStart, isSpeaking, setIsSpeaking, rate, voice, pitch, volume, }: Readonly<SayProps>): react__default.ReactElement;
+
+/**
+ * Hook para disparar fala, toast integrado e vibração.
+ *
+ * @example
+ * ```tsx
+ * const { handleSay, isSpeaking, textSpeaking, setIsSpeaking } = useSay();
+ *
+ * <Say
+ *   isSpeaking={isSpeaking}
+ *   text={textSpeaking}
+ *   setIsSpeaking={setIsSpeaking}
+ * />
+ *
+ * handleSay("Operação concluída", { type: "success" });
+ * handleSay("Atenção", { type: "warning" });
+ * handleSay("Apenas fala", { type: "default", notify: false });
+ * ```
+ */
+declare function useSay({ notifyAutoClose, vibrateDuration, shouldVibrate, }?: UseSayOptions): UseSayReturn;
 
-export { Say, type SayCallOptions, type SayFeedbackType, type SayNotifyOptions, type SayProps, type UseSayOptions, type UseSayReturn, useSay };
+export { Say, type SayCallOptions, type SayFeedbackType, type SayProps, type UseSayOptions, type UseSayReturn, useSay };

package/dist/accessibility/index.d.ts

@@ -1,121 +1,85 @@
 import react__default from 'react';
 
 type SayFeedbackType = "info" | "success" | "warning" | "error" | "default";
-interface SayNotifyOptions {
-    type?: SayFeedbackType;
-    autoClose?: number;
-}
 interface SayCallOptions {
+    /** Tipo do toast. */
+    type: SayFeedbackType;
     /**
-     * Tipo de feedback.  desativa notificação.
-     * Padrão:  (via  do hook).
-     */
-    type?: SayFeedbackType | false;
-    /**
-     * Exibe notificação via .
-     * Padrão: .
+     * Exibe notificação toast integrada.
+     * Padrão: `true`.
      */
     notify?: boolean;
     /**
-     * Dispara vibração conforme .
-     * Padrão: .
+     * Dispara vibração conforme `shouldVibrate`.
+     * Padrão: `true`.
      */
     vibrate?: boolean;
-    /** Duração da notificação em ms (repasse para ). */
+    /** Duração da notificação em ms. Padrão: `notifyAutoClose` do hook. */
     autoClose?: number;
 }
 interface UseSayOptions {
-    /**
-     * Callback de notificação visual (ex.: toast).
-     * Omitir para não exibir notificação.
-     */
-    onNotify?: (text: string, options: SayNotifyOptions) => void;
-    /**
-     * Tipo padrão da notificação.
-     * Padrão: .
-     */
-    defaultNotifyType?: SayFeedbackType;
     /**
      * Auto-close padrão da notificação em ms.
-     * Padrão: .
+     * Padrão: `4500`.
      */
-    defaultNotifyAutoClose?: number;
+    notifyAutoClose?: number;
     /**
      * Duração padrão da vibração em ms.
-     * Padrão: .
+     * Padrão: `500`.
      */
     vibrateDuration?: number;
     /**
-     * Define se deve vibrar para o  informado.
-     * Padrão:  ( quando  é omitido ou ).
+     * Define se deve vibrar para o `type` informado.
+     * Padrão: vibra quando `type` é `"warning"`.
      */
-    shouldVibrate?: (type?: SayFeedbackType | false) => boolean;
+    shouldVibrate?: (type: SayFeedbackType) => boolean;
 }
 interface UseSayReturn {
-    say: (text: string, options?: SayCallOptions) => void;
+    /**
+     * Dispara fala, toast (quando `notify !== false`) e vibração.
+     * @param text - Texto falado.
+     * @param options - Controle de notificação, vibração e tipo do toast.
+     */
     isSpeaking: boolean;
     textSpeaking: string;
     setIsSpeaking: React.Dispatch<React.SetStateAction<boolean>>;
+    handleSay: (text: string, options: SayCallOptions) => void;
 }
 interface SayProps {
     isSpeaking: boolean;
     text: string;
     setIsSpeaking: React.Dispatch<React.SetStateAction<boolean>>;
     /**
-     * Nome da voz do .
-     * Padrão: .
+     * Nome da voz do `speechSynthesis`.
+     * Padrão: `"Google português do Brasil"`.
      */
     voice?: string;
     /**
      * Velocidade da fala.
-     * Padrão: .
+     * Padrão: `1.4`.
      */
     rate?: number;
     /**
      * Tom da voz.
-     * Padrão: .
+     * Padrão: `0.8`.
      */
     pitch?: number;
     /**
      * Volume da fala.
-     * Padrão: .
+     * Padrão: `1`.
      */
     volume?: number;
     onEnd?: () => void;
     onStart?: () => void;
 }
 
-/**
- * Hook para disparar fala, notificação e vibração de forma configurável.
- *
- * @example
- * ```tsx
- * const { say, isSpeaking, textSpeaking, setIsSpeaking } = useSay({
- *   onNotify: (text, { type }) => toast(text, { type }),
- * });
- *
- * <Say
- *   isSpeaking={isSpeaking}
- *   text={textSpeaking}
- *   setIsSpeaking={setIsSpeaking}
- * />
- *
- * <button type="button" onClick={() => say("Operação concluída")}>
- *   Falar
- * </button>
- * ```
- */
-declare function useSay({ onNotify, defaultNotifyType, vibrateDuration, defaultNotifyAutoClose, shouldVibrate, }?: UseSayOptions): UseSayReturn;
-
 /**
  * Sintetiza texto em fala via Web Speech API (`react-say`).
- * Use com {@link useSay} para controlar `isSpeaking`, `text` e `setIsSpeaking`.
+ * Inclui toast integrado para notificações do {@link useSay}.
  *
  * @example
  * ```tsx
- * const { say, isSpeaking, textSpeaking, setIsSpeaking } = useSay({
- *   onNotify: (text, { type }) => toast(text, { type }),
- * });
+ * const { handleSay, isSpeaking, textSpeaking, setIsSpeaking } = useSay();
  *
  * return (
  *   <>
@@ -123,14 +87,34 @@ declare function useSay({ onNotify, defaultNotifyType, vibrateDuration, defaultN
  *       isSpeaking={isSpeaking}
  *       text={textSpeaking}
  *       setIsSpeaking={setIsSpeaking}
- *       voice="Google português do Brasil"
- *       rate={1.4}
  *     />
- *     <button type="button" onClick={() => say("Pronto")}>Falar</button>
+ *     <button type="button" onClick={() => handleSay("Pronto", { type: "success" })}>
+ *       Falar
+ *     </button>
  *   </>
  * );
  * ```
  */
-declare function Say({ text, onEnd, onStart, isSpeaking, setIsSpeaking, rate, voice, pitch, volume, }: Readonly<SayProps>): react__default.ReactElement | null;
+declare function Say({ text, onEnd, onStart, isSpeaking, setIsSpeaking, rate, voice, pitch, volume, }: Readonly<SayProps>): react__default.ReactElement;
+
+/**
+ * Hook para disparar fala, toast integrado e vibração.
+ *
+ * @example
+ * ```tsx
+ * const { handleSay, isSpeaking, textSpeaking, setIsSpeaking } = useSay();
+ *
+ * <Say
+ *   isSpeaking={isSpeaking}
+ *   text={textSpeaking}
+ *   setIsSpeaking={setIsSpeaking}
+ * />
+ *
+ * handleSay("Operação concluída", { type: "success" });
+ * handleSay("Atenção", { type: "warning" });
+ * handleSay("Apenas fala", { type: "default", notify: false });
+ * ```
+ */
+declare function useSay({ notifyAutoClose, vibrateDuration, shouldVibrate, }?: UseSayOptions): UseSayReturn;
 
-export { Say, type SayCallOptions, type SayFeedbackType, type SayNotifyOptions, type SayProps, type UseSayOptions, type UseSayReturn, useSay };
+export { Say, type SayCallOptions, type SayFeedbackType, type SayProps, type UseSayOptions, type UseSayReturn, useSay };

package/dist/accessibility/index.js

@@ -1,5 +1,7 @@
 'use strict';
 
+require('react-toastify/dist/ReactToastify.css');
+var reactToastify = require('react-toastify');
 var SayEngine = require('react-say');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -8,7 +10,12 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var SayEngine__default = /*#__PURE__*/_interopDefault(SayEngine);
 
-// src/components/accessibility/say/utils/constants.ts
+// src/components/accessibility/say/index.tsx
+var DEFAULT_SAY_RATE = 1.4;
+var DEFAULT_SAY_VOLUME = 1;
+var DEFAULT_SAY_PITCH = 0.8;
+var DEFAULT_SAY_VIBRATE_DURATION = 500;
+var DEFAULT_SAY_VOICE = "Google portugu\xEAs do Brasil";
 var SPEECH_APIS = ["speechSynthesis", "SpeechSynthesisUtterance"];
 function hasSpeechSupport() {
   return SPEECH_APIS.every((api) => api in globalThis);
@@ -29,55 +36,11 @@ function getSpeechSupport() {
     SpeechSynthesisUtterance: globalThis.SpeechSynthesisUtterance
   };
 }
-var DEFAULT_SAY_VOICE = "Google portugu\xEAs do Brasil";
-var DEFAULT_SAY_RATE = 1.4;
-var DEFAULT_SAY_PITCH = 0.8;
-var DEFAULT_SAY_VOLUME = 1;
-var DEFAULT_SAY_NOTIFY_AUTO_CLOSE = 1500;
-var DEFAULT_SAY_VIBRATE_DURATION = 500;
 function defaultShouldVibrate(type) {
-  return !type || type === "warning";
+  return type === "warning";
 }
-
-// src/functions/nvl/nvl.ts
-function nvl(value, defaultValue) {
-  return value != null ? value : defaultValue;
-}
-function useSay({
-  onNotify,
-  defaultNotifyType = "success",
-  vibrateDuration = DEFAULT_SAY_VIBRATE_DURATION,
-  defaultNotifyAutoClose = DEFAULT_SAY_NOTIFY_AUTO_CLOSE,
-  shouldVibrate = defaultShouldVibrate
-} = {}) {
-  const [isSpeaking, setIsSpeaking] = react.useState(false);
-  const [textSpeaking, setTextSpeaking] = react.useState("");
-  const say = react.useCallback(
-    (text, options) => {
-      const type = options == null ? void 0 : options.type;
-      const notify = nvl(options == null ? void 0 : options.notify, true);
-      const vibrate = nvl(options == null ? void 0 : options.vibrate, true);
-      setIsSpeaking(true);
-      setTextSpeaking(text);
-      if (notify && type !== false && onNotify) {
-        onNotify(text, {
-          type: nvl(type, defaultNotifyType),
-          autoClose: nvl(options == null ? void 0 : options.autoClose, defaultNotifyAutoClose)
-        });
-      }
-      if (vibrate && shouldVibrate(type) && navigator.vibrate) {
-        navigator.vibrate(vibrateDuration);
-      }
-    },
-    [
-      onNotify,
-      shouldVibrate,
-      vibrateDuration,
-      defaultNotifyType,
-      defaultNotifyAutoClose
-    ]
-  );
-  return { say, isSpeaking, textSpeaking, setIsSpeaking };
+function showSayNotify(text, { type = "success", autoClose = 4500 }) {
+  reactToastify.toast(text, { type, autoClose });
 }
 function useSpeechPonyfill() {
   const ponyfill = react.useMemo(() => getSpeechSupport(), []);
@@ -111,27 +74,77 @@ function Say({
   volume = DEFAULT_SAY_VOLUME
 }) {
   const { voices, ponyfill } = useSpeechPonyfill();
+  const canSpeak = isSpeaking && voices.length > 0 && ponyfill;
   const handleEnd = react.useCallback(() => {
     setIsSpeaking(false);
     onEnd == null ? void 0 : onEnd();
   }, [setIsSpeaking, onEnd]);
-  if (!isSpeaking || voices.length === 0 || !ponyfill) return null;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    SayEngine__default.default,
-    {
-      text,
-      rate,
-      pitch,
-      volume,
-      onEnd: handleEnd,
-      onStart,
-      ponyfill,
-      voice: voices.find((v) => v.name === voice)
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      reactToastify.ToastContainer,
+      {
+        limit: 3,
+        draggable: true,
+        newestOnTop: true,
+        pauseOnHover: true,
+        closeOnClick: true,
+        autoClose: 4500,
+        pauseOnFocusLoss: true,
+        closeButton: false,
+        position: "top-right",
+        style: { fontSize: "14px" }
+      }
+    ),
+    canSpeak && /* @__PURE__ */ jsxRuntime.jsx(
+      SayEngine__default.default,
+      {
+        text,
+        rate,
+        pitch,
+        volume,
+        onEnd: handleEnd,
+        onStart,
+        ponyfill,
+        voice: voices.find((v) => v.name === voice)
+      }
+    )
+  ] });
 }
 var say_default = Say;
 
+// src/functions/nvl/nvl.ts
+function nvl(value, defaultValue) {
+  return value != null ? value : defaultValue;
+}
+function useSay({
+  notifyAutoClose = 4500,
+  vibrateDuration = DEFAULT_SAY_VIBRATE_DURATION,
+  shouldVibrate = defaultShouldVibrate
+} = {}) {
+  const [isSpeaking, setIsSpeaking] = react.useState(false);
+  const [textSpeaking, setTextSpeaking] = react.useState("");
+  const handleSay = react.useCallback(
+    (text, options) => {
+      const notify = nvl(options.notify, true);
+      const vibrate = nvl(options.vibrate, true);
+      const { type } = options;
+      setIsSpeaking(true);
+      setTextSpeaking(text);
+      if (notify) {
+        showSayNotify(text, {
+          type,
+          autoClose: nvl(options.autoClose, notifyAutoClose)
+        });
+      }
+      if (vibrate && shouldVibrate(type) && navigator.vibrate) {
+        navigator.vibrate(vibrateDuration);
+      }
+    },
+    [shouldVibrate, vibrateDuration, notifyAutoClose]
+  );
+  return { handleSay, isSpeaking, textSpeaking, setIsSpeaking };
+}
+
 exports.Say = say_default;
 exports.useSay = useSay;
 //# sourceMappingURL=index.js.map

package/dist/accessibility/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/accessibility/say/utils/constants.ts","../../src/functions/nvl/nvl.ts","../../src/components/accessibility/say/use-say.ts","../../src/components/accessibility/say/use-speech-ponyfill.ts","../../src/components/accessibility/say/index.tsx"],"names":["useState","useCallback","useMemo","useEffect","jsx","SayEngine"],"mappings":"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","file":"index.js","sourcesContent":["import type { SpeechPonyfill } from \"./interface\";\r\n\r\nexport const SPEECH_APIS = [\"speechSynthesis\", \"SpeechSynthesisUtterance\"];\r\n\r\nexport function hasSpeechSupport(): boolean {\r\n  return SPEECH_APIS.every((api) => api in globalThis);\r\n}\r\n\r\nexport function voicesAreEqual(\r\n  current: SpeechSynthesisVoice[],\r\n  next: SpeechSynthesisVoice[],\r\n): boolean {\r\n  if (current.length !== next.length) return false;\r\n\r\n  return current.every(\r\n    (v, i) => v.name === next[i]?.name && v.lang === next[i]?.lang,\r\n  );\r\n}\r\n\r\nexport function getSpeechSupport(): SpeechPonyfill | null {\r\n  if (!hasSpeechSupport()) return null;\r\n\r\n  return {\r\n    speechSynthesis: globalThis.speechSynthesis,\r\n    SpeechSynthesisUtterance: globalThis.SpeechSynthesisUtterance,\r\n  };\r\n}\r\n\r\nexport const DEFAULT_SAY_VOICE = \"Google português do Brasil\";\r\nexport const DEFAULT_SAY_RATE = 1.4;\r\nexport const DEFAULT_SAY_PITCH = 0.8;\r\nexport const DEFAULT_SAY_VOLUME = 1;\r\nexport const DEFAULT_SAY_NOTIFY_AUTO_CLOSE = 1500;\r\nexport const DEFAULT_SAY_VIBRATE_DURATION = 500;\r\n\r\nexport function defaultShouldVibrate(\r\n  type?: import(\"./interface\").SayFeedbackType | false,\r\n): boolean {\r\n  return !type || type === \"warning\";\r\n}\r\n\r\nconst sayConstants = `\r\nSintetiza texto em fala via Web Speech API (\\`react-say\\`), com hook \\`useSay\\` para notificação e vibração.\r\n\r\n**Importação:**\r\n\\`\\`\\`tsx\r\nimport { Say, useSay } from \"@grazziotin/react-components-next/accessibility\";\r\n\\`\\`\\`\r\n\r\n**Uso básico:**\r\n\\`\\`\\`tsx\r\nconst { say, isSpeaking, textSpeaking, setIsSpeaking } = useSay({\r\n  onNotify: (text, { type }) => toast(text, { type }),\r\n});\r\n\r\n<>\r\n  <Say\r\n    isSpeaking={isSpeaking}\r\n    text={textSpeaking}\r\n    setIsSpeaking={setIsSpeaking}\r\n  />\r\n  <button type=\"button\" onClick={() => say(\"Operação concluída\")}>\r\n    Falar\r\n  </button>\r\n</>\r\n\\`\\`\\`\r\n\r\nRequer suporte a \\`speechSynthesis\\` no navegador. A voz padrão é \\`Google português do Brasil\\`.\r\n`;\r\n\r\nexport default sayConstants;\r\n","/**\r\n * Função NVL (Null Value Logic) - retorna valor padrão se o valor for null/undefined\r\n * @param {T | null | undefined} value - Valor a ser verificado\r\n * @param {T} defaultValue - Valor padrão a ser retornado se value for null/undefined\r\n * @returns {T} Value se não for null/undefined, senão defaultValue\r\n * @template T - Tipo do valor\r\n * @example\r\n * nvl(null, 'padrão') // Retorna: 'padrão'\r\n * nvl('valor', 'padrão') // Retorna: 'valor'\r\n */\r\nexport function nvl<T>(value: T | null | undefined, defaultValue: T): T {\r\n  return value ?? defaultValue;\r\n}\r\n","import {\r\n  defaultShouldVibrate,\r\n  DEFAULT_SAY_NOTIFY_AUTO_CLOSE,\r\n  DEFAULT_SAY_VIBRATE_DURATION,\r\n} from \"./utils/constants\";\r\nimport type {\r\n  UseSayReturn,\r\n  UseSayOptions,\r\n  SayCallOptions,\r\n} from \"./utils/interface\";\r\nimport { nvl } from \"@/functions\";\r\nimport { useCallback, useState } from \"react\";\r\n\r\n/**\r\n * Hook para disparar fala, notificação e vibração de forma configurável.\r\n *\r\n * @example\r\n * ```tsx\r\n * const { say, isSpeaking, textSpeaking, setIsSpeaking } = useSay({\r\n *   onNotify: (text, { type }) => toast(text, { type }),\r\n * });\r\n *\r\n * <Say\r\n *   isSpeaking={isSpeaking}\r\n *   text={textSpeaking}\r\n *   setIsSpeaking={setIsSpeaking}\r\n * />\r\n *\r\n * <button type=\"button\" onClick={() => say(\"Operação concluída\")}>\r\n *   Falar\r\n * </button>\r\n * ```\r\n */\r\nexport function useSay({\r\n  onNotify,\r\n  defaultNotifyType = \"success\",\r\n  vibrateDuration = DEFAULT_SAY_VIBRATE_DURATION,\r\n  defaultNotifyAutoClose = DEFAULT_SAY_NOTIFY_AUTO_CLOSE,\r\n  shouldVibrate = defaultShouldVibrate,\r\n}: UseSayOptions = {}): UseSayReturn {\r\n  const [isSpeaking, setIsSpeaking] = useState(false);\r\n  const [textSpeaking, setTextSpeaking] = useState(\"\");\r\n\r\n  const say = useCallback(\r\n    (text: string, options?: SayCallOptions) => {\r\n      const type = options?.type;\r\n      const notify = nvl(options?.notify, true);\r\n      const vibrate = nvl(options?.vibrate, true);\r\n\r\n      setIsSpeaking(true);\r\n      setTextSpeaking(text);\r\n\r\n      if (notify && type !== false && onNotify) {\r\n        onNotify(text, {\r\n          type: nvl(type, defaultNotifyType),\r\n          autoClose: nvl(options?.autoClose, defaultNotifyAutoClose),\r\n        });\r\n      }\r\n\r\n      if (vibrate && shouldVibrate(type) && navigator.vibrate) {\r\n        navigator.vibrate(vibrateDuration);\r\n      }\r\n    },\r\n    [\r\n      onNotify,\r\n      shouldVibrate,\r\n      vibrateDuration,\r\n      defaultNotifyType,\r\n      defaultNotifyAutoClose,\r\n    ],\r\n  );\r\n\r\n  return { say, isSpeaking, textSpeaking, setIsSpeaking };\r\n}\r\n","import {\r\n  getSpeechSupport,\r\n  hasSpeechSupport,\r\n  voicesAreEqual,\r\n} from \"./utils/constants\";\r\nimport { useEffect, useMemo, useState } from \"react\";\r\n\r\nexport function useSpeechPonyfill() {\r\n  const ponyfill = useMemo(() => getSpeechSupport(), []);\r\n  const [voices, setVoices] = useState<SpeechSynthesisVoice[]>([]);\r\n\r\n  useEffect(() => {\r\n    if (!hasSpeechSupport()) return;\r\n\r\n    const synthesis = globalThis.speechSynthesis;\r\n\r\n    const updateVoices = () => {\r\n      setVoices((current) => {\r\n        const next = synthesis.getVoices();\r\n        return voicesAreEqual(current, next) ? current : next;\r\n      });\r\n    };\r\n\r\n    synthesis.onvoiceschanged = updateVoices;\r\n    updateVoices();\r\n\r\n    return () => {\r\n      synthesis.onvoiceschanged = null;\r\n    };\r\n  }, []);\r\n\r\n  return { voices, ponyfill };\r\n}\r\n","\"use client\";\r\n\r\nimport {\r\n  DEFAULT_SAY_PITCH,\r\n  DEFAULT_SAY_RATE,\r\n  DEFAULT_SAY_VOICE,\r\n  DEFAULT_SAY_VOLUME,\r\n} from \"./utils/constants\";\r\nimport SayEngine from \"react-say\";\r\nexport { useSay } from \"./use-say\";\r\nimport React, { useCallback } from \"react\";\r\nimport type { SayProps } from \"./utils/interface\";\r\nimport { useSpeechPonyfill } from \"./use-speech-ponyfill\";\r\n\r\n/**\r\n * Sintetiza texto em fala via Web Speech API (`react-say`).\r\n * Use com {@link useSay} para controlar `isSpeaking`, `text` e `setIsSpeaking`.\r\n *\r\n * @example\r\n * ```tsx\r\n * const { say, isSpeaking, textSpeaking, setIsSpeaking } = useSay({\r\n *   onNotify: (text, { type }) => toast(text, { type }),\r\n * });\r\n *\r\n * return (\r\n *   <>\r\n *     <Say\r\n *       isSpeaking={isSpeaking}\r\n *       text={textSpeaking}\r\n *       setIsSpeaking={setIsSpeaking}\r\n *       voice=\"Google português do Brasil\"\r\n *       rate={1.4}\r\n *     />\r\n *     <button type=\"button\" onClick={() => say(\"Pronto\")}>Falar</button>\r\n *   </>\r\n * );\r\n * ```\r\n */\r\nfunction Say({\r\n  text,\r\n  onEnd,\r\n  onStart,\r\n  isSpeaking,\r\n  setIsSpeaking,\r\n  rate = DEFAULT_SAY_RATE,\r\n  voice = DEFAULT_SAY_VOICE,\r\n  pitch = DEFAULT_SAY_PITCH,\r\n  volume = DEFAULT_SAY_VOLUME,\r\n}: Readonly<SayProps>): React.ReactElement | null {\r\n  const { voices, ponyfill } = useSpeechPonyfill();\r\n\r\n  const handleEnd = useCallback(() => {\r\n    setIsSpeaking(false);\r\n    onEnd?.();\r\n  }, [setIsSpeaking, onEnd]);\r\n\r\n  if (!isSpeaking || voices.length === 0 || !ponyfill) return null;\r\n\r\n  return (\r\n    <SayEngine\r\n      text={text}\r\n      rate={rate}\r\n      pitch={pitch}\r\n      volume={volume}\r\n      onEnd={handleEnd}\r\n      onStart={onStart}\r\n      ponyfill={ponyfill}\r\n      voice={voices.find((v) => v.name === voice)}\r\n    />\r\n  );\r\n}\r\n\r\nexport default Say;\r\n"]}
+{"version":3,"sources":["../../src/components/accessibility/say/utils/constants.ts","../../src/components/accessibility/say/use-speech-ponyfill.ts","../../src/components/accessibility/say/index.tsx","../../src/functions/nvl/nvl.ts","../../src/components/accessibility/say/use-say.ts"],"names":["toast","useMemo","useState","useEffect","useCallback","jsxs","Fragment","jsx","ToastContainer","SayEngine"],"mappings":"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","file":"index.js","sourcesContent":["import type {\r\n  SayFeedbackType,\r\n  SayNotifyOptions,\r\n  SpeechPonyfill,\r\n} from \"./interface\";\r\nimport { toast } from \"react-toastify\";\r\n\r\nexport const DEFAULT_SAY_RATE = 1.4;\r\nexport const DEFAULT_SAY_VOLUME = 1;\r\nexport const DEFAULT_SAY_PITCH = 0.8;\r\nexport const DEFAULT_SAY_VIBRATE_DURATION = 500;\r\nexport const DEFAULT_SAY_VOICE = \"Google português do Brasil\";\r\nexport const SPEECH_APIS = [\"speechSynthesis\", \"SpeechSynthesisUtterance\"];\r\n\r\nexport function hasSpeechSupport(): boolean {\r\n  return SPEECH_APIS.every((api) => api in globalThis);\r\n}\r\n\r\nexport function voicesAreEqual(\r\n  current: SpeechSynthesisVoice[],\r\n  next: SpeechSynthesisVoice[],\r\n): boolean {\r\n  if (current.length !== next.length) return false;\r\n  return current.every(\r\n    (v, i) => v.name === next[i]?.name && v.lang === next[i]?.lang,\r\n  );\r\n}\r\n\r\nexport function getSpeechSupport(): SpeechPonyfill | null {\r\n  if (!hasSpeechSupport()) return null;\r\n  return {\r\n    speechSynthesis: globalThis.speechSynthesis,\r\n    SpeechSynthesisUtterance: globalThis.SpeechSynthesisUtterance,\r\n  };\r\n}\r\n\r\nexport function defaultShouldVibrate(type: SayFeedbackType): boolean {\r\n  return type === \"warning\";\r\n}\r\n\r\n/** Exibe toast integrado do {@link Say}. */\r\nexport function showSayNotify(\r\n  text: string,\r\n  { type = \"success\", autoClose = 4500 }: SayNotifyOptions,\r\n): void {\r\n  toast(text, { type, autoClose });\r\n}\r\n\r\nconst sayConstants = `\r\nSintetiza texto em fala via Web Speech API (\\`react-say\\`), com toast integrado (\\`react-toastify\\`) e vibração.\r\n\r\n**Importação:**\r\n\\`\\`\\`tsx\r\nimport { Say, useSay } from \"@grazziotin/react-components-next/accessibility\";\r\n\\`\\`\\`\r\n\r\n**Uso básico:**\r\n\\`\\`\\`tsx\r\nconst { handleSay, isSpeaking, textSpeaking, setIsSpeaking } = useSay();\r\n\r\n<>\r\n  <Say\r\n    isSpeaking={isSpeaking}\r\n    text={textSpeaking}\r\n    setIsSpeaking={setIsSpeaking}\r\n  />\r\n  <button type=\"button\" onClick={() => handleSay(\"Operação concluída\", { type: \"success\" })}>\r\n    Falar\r\n  </button>\r\n</>\r\nonSuccess: (r) => handleSay(r.status, { type: \"success\" })\r\n\\`\\`\\`\r\n\r\nMonte \\`<Say />\\` uma vez no layout. Toast e CSS já vêm embutidos.\r\nUse \\`notify: false\\` para falar sem toast: \\`handleSay(texto, { type: \"default\", notify: false })\\`.\r\n`;\r\nexport default sayConstants;\r\n","import {\r\n  voicesAreEqual,\r\n  getSpeechSupport,\r\n  hasSpeechSupport,\r\n} from \"./utils/constants\";\r\n\r\nimport { useEffect, useMemo, useState } from \"react\";\r\n\r\nexport function useSpeechPonyfill() {\r\n  const ponyfill = useMemo(() => getSpeechSupport(), []);\r\n  const [voices, setVoices] = useState<SpeechSynthesisVoice[]>([]);\r\n\r\n  useEffect(() => {\r\n    if (!hasSpeechSupport()) return;\r\n    const synthesis = globalThis.speechSynthesis;\r\n\r\n    const updateVoices = () => {\r\n      setVoices((current) => {\r\n        const next = synthesis.getVoices();\r\n        return voicesAreEqual(current, next) ? current : next;\r\n      });\r\n    };\r\n\r\n    synthesis.onvoiceschanged = updateVoices;\r\n    updateVoices();\r\n\r\n    return () => {\r\n      synthesis.onvoiceschanged = null;\r\n    };\r\n  }, []);\r\n\r\n  return { voices, ponyfill };\r\n}\r\n","\"use client\";\r\nimport \"react-toastify/dist/ReactToastify.css\";\r\n\r\nimport {\r\n  DEFAULT_SAY_PITCH,\r\n  DEFAULT_SAY_RATE,\r\n  DEFAULT_SAY_VOICE,\r\n  DEFAULT_SAY_VOLUME,\r\n} from \"./utils/constants\";\r\nimport SayEngine from \"react-say\";\r\nimport React, { useCallback } from \"react\";\r\nimport { ToastContainer } from \"react-toastify\";\r\nimport type { SayProps } from \"./utils/interface\";\r\nimport { useSpeechPonyfill } from \"./use-speech-ponyfill\";\r\n\r\n/**\r\n * Sintetiza texto em fala via Web Speech API (`react-say`).\r\n * Inclui toast integrado para notificações do {@link useSay}.\r\n *\r\n * @example\r\n * ```tsx\r\n * const { handleSay, isSpeaking, textSpeaking, setIsSpeaking } = useSay();\r\n *\r\n * return (\r\n *   <>\r\n *     <Say\r\n *       isSpeaking={isSpeaking}\r\n *       text={textSpeaking}\r\n *       setIsSpeaking={setIsSpeaking}\r\n *     />\r\n *     <button type=\"button\" onClick={() => handleSay(\"Pronto\", { type: \"success\" })}>\r\n *       Falar\r\n *     </button>\r\n *   </>\r\n * );\r\n * ```\r\n */\r\nfunction Say({\r\n  text,\r\n  onEnd,\r\n  onStart,\r\n  isSpeaking,\r\n  setIsSpeaking,\r\n  rate = DEFAULT_SAY_RATE,\r\n  voice = DEFAULT_SAY_VOICE,\r\n  pitch = DEFAULT_SAY_PITCH,\r\n  volume = DEFAULT_SAY_VOLUME,\r\n}: Readonly<SayProps>): React.ReactElement {\r\n  const { voices, ponyfill } = useSpeechPonyfill();\r\n  const canSpeak = isSpeaking && voices.length > 0 && ponyfill;\r\n\r\n  const handleEnd = useCallback(() => {\r\n    setIsSpeaking(false);\r\n    onEnd?.();\r\n  }, [setIsSpeaking, onEnd]);\r\n\r\n  return (\r\n    <>\r\n      <ToastContainer\r\n        limit={3}\r\n        draggable\r\n        newestOnTop\r\n        pauseOnHover\r\n        closeOnClick\r\n        autoClose={4500}\r\n        pauseOnFocusLoss\r\n        closeButton={false}\r\n        position=\"top-right\"\r\n        style={{ fontSize: \"14px\" }}\r\n      />\r\n      {canSpeak && (\r\n        <SayEngine\r\n          text={text}\r\n          rate={rate}\r\n          pitch={pitch}\r\n          volume={volume}\r\n          onEnd={handleEnd}\r\n          onStart={onStart}\r\n          ponyfill={ponyfill}\r\n          voice={voices.find((v) => v.name === voice)}\r\n        />\r\n      )}\r\n    </>\r\n  );\r\n}\r\nexport default Say;\r\n","/**\r\n * Função NVL (Null Value Logic) - retorna valor padrão se o valor for null/undefined\r\n * @param {T | null | undefined} value - Valor a ser verificado\r\n * @param {T} defaultValue - Valor padrão a ser retornado se value for null/undefined\r\n * @returns {T} Value se não for null/undefined, senão defaultValue\r\n * @template T - Tipo do valor\r\n * @example\r\n * nvl(null, 'padrão') // Retorna: 'padrão'\r\n * nvl('valor', 'padrão') // Retorna: 'valor'\r\n */\r\nexport function nvl<T>(value: T | null | undefined, defaultValue: T): T {\r\n  return value ?? defaultValue;\r\n}\r\n","import {\r\n  showSayNotify,\r\n  defaultShouldVibrate,\r\n  DEFAULT_SAY_VIBRATE_DURATION,\r\n} from \"./utils/constants\";\r\nimport type {\r\n  SayCallOptions,\r\n  UseSayReturn,\r\n  UseSayOptions,\r\n} from \"./utils/interface\";\r\nimport { nvl } from \"@/functions\";\r\nimport { useCallback, useState } from \"react\";\r\n\r\n/**\r\n * Hook para disparar fala, toast integrado e vibração.\r\n *\r\n * @example\r\n * ```tsx\r\n * const { handleSay, isSpeaking, textSpeaking, setIsSpeaking } = useSay();\r\n *\r\n * <Say\r\n *   isSpeaking={isSpeaking}\r\n *   text={textSpeaking}\r\n *   setIsSpeaking={setIsSpeaking}\r\n * />\r\n *\r\n * handleSay(\"Operação concluída\", { type: \"success\" });\r\n * handleSay(\"Atenção\", { type: \"warning\" });\r\n * handleSay(\"Apenas fala\", { type: \"default\", notify: false });\r\n * ```\r\n */\r\nexport function useSay({\r\n  notifyAutoClose = 4500,\r\n  vibrateDuration = DEFAULT_SAY_VIBRATE_DURATION,\r\n  shouldVibrate = defaultShouldVibrate,\r\n}: UseSayOptions = {}): UseSayReturn {\r\n  const [isSpeaking, setIsSpeaking] = useState(false);\r\n  const [textSpeaking, setTextSpeaking] = useState(\"\");\r\n\r\n  const handleSay = useCallback(\r\n    (text: string, options: SayCallOptions) => {\r\n      const notify = nvl(options.notify, true);\r\n      const vibrate = nvl(options.vibrate, true);\r\n      const { type } = options;\r\n\r\n      setIsSpeaking(true);\r\n      setTextSpeaking(text);\r\n\r\n      if (notify) {\r\n        showSayNotify(text, {\r\n          type,\r\n          autoClose: nvl(options.autoClose, notifyAutoClose),\r\n        });\r\n      }\r\n\r\n      if (vibrate && shouldVibrate(type) && navigator.vibrate) {\r\n        navigator.vibrate(vibrateDuration);\r\n      }\r\n    },\r\n    [shouldVibrate, vibrateDuration, notifyAutoClose],\r\n  );\r\n\r\n  return { handleSay, isSpeaking, textSpeaking, setIsSpeaking };\r\n}\r\n"]}