@grazziotin/react-components-next 2.2.1 → 3.0.0

package/README.md

@@ -8,34 +8,30 @@ Biblioteca de componentes React reutilizáveis para o projeto Grazziotin, constr
 npm install @grazziotin/react-components-next
 ```
 
+Instale também as peer dependencies necessárias:
+
+```bash
+npm install @mui/material @mui/x-data-grid @emotion/react @emotion/styled @mantine/core @mantine/hooks
+```
+
 ### Requisitos
 
 - React `>= 18`
-- Tailwind CSS v4 configurado no projeto consumidor
-- `ThemeProvider` do MUI e `MantineProvider` do Mantine envolvendo a aplicação
+- Material UI (`@mui/material`, `@mui/x-data-grid`) e Emotion
+- Mantine (`@mantine/core`, `@mantine/hooks`)
+- `GrazziotinProviders` (ou `ThemeProvider` do MUI + `MantineProvider`) envolvendo a aplicação
 
 ### Configuração no projeto consumidor
 
-Importe os estilos da biblioteca e configure as variáveis CSS do tema:
+Configure os providers na raiz da aplicação. Os estilos Tailwind da biblioteca são carregados automaticamente ao importar componentes de `/ui` ou do entry point raiz — não é necessário importar `/styles` manualmente (o export `/styles` continua disponível para uso explícito).
 
 ```tsx
-import "@grazziotin/react-components-next/styles";
-
-import { CssBaseline, ThemeProvider, createTheme } from "@mui/material";
-import { MantineProvider } from "@mantine/core";
 import "@mantine/core/styles.css";
 
-const theme = createTheme({
-  typography: { fontFamily: "var(--font-family, inherit)" },
-});
+import { GrazziotinProviders } from "@grazziotin/react-components-next/providers";
 
 export function AppProviders({ children }: { children: React.ReactNode }) {
-  return (
-    <ThemeProvider theme={theme}>
-      <CssBaseline />
-      <MantineProvider>{children}</MantineProvider>
-    </ThemeProvider>
-  );
+  return <GrazziotinProviders>{children}</GrazziotinProviders>;
 }
 ```
 
@@ -46,39 +42,45 @@ export function AppProviders({ children }: { children: React.ReactNode }) {
 }
 ```
 
-> **Atenção:** vários componentes usam classes do Tailwind CSS e dependem do MUI/Mantine. Certifique-se de que o Tailwind esteja configurado e os providers estejam na raiz da aplicação.
+> **Atenção:** os estilos do Mantine (`@mantine/core/styles.css`) ainda precisam ser importados no projeto consumidor. Os providers MUI/Mantine são obrigatórios.
 
 ## Componentes disponíveis
 
+| Componente     | Descrição                                                       |
+| -------------- | --------------------------------------------------------------- |
+| `Card`         | Container com cabeçalho colorido, título, ícone e tooltip       |
+| `Dialog`       | Modal baseado no MUI com título, conteúdo e ações opcionais     |
+| `DataTable`    | Tabela de dados com MUI DataGrid, filtros e textos em português |
+| `Tab`/`Tabs`   | Abas estilizadas com indicador e tipografia customizáveis       |
+| `Input`        | Campo de texto com máscaras e estilização MUI                   |
+| `InputSelect`  | Select com grid de opções                                       |
+| `Filter`       | Drawer de filtros com campos configuráveis                        |
 
-| Componente   | Descrição                                                       |
-| ------------ | --------------------------------------------------------------- |
-| `Card`       | Container com cabeçalho colorido, título, ícone e tooltip       |
-| `Dialog`     | Modal baseado no MUI com título, conteúdo e ações opcionais     |
-| `DataTable`  | Tabela de dados com MUI DataGrid, filtros e textos em português |
-| `Tab`/`Tabs` | Abas estilizadas com indicador e tipografia customizáveis       |
+## Acessibilidade
 
+| Export    | Descrição                              |
+| --------- | -------------------------------------- |
+| `Say`     | Componente de leitura de tela (toast)  |
+| `useSay`  | Hook para disparar feedback por voz    |
 
 ## Funções utilitárias
 
-
-| Função          | Descrição                                        |
-| --------------- | ------------------------------------------------ |
-| `cn`            | Mescla classes CSS com `clsx` e `tailwind-merge` |
-| `nvl`           | Retorna valor padrão quando `null`/`undefined`   |
-| `formatCpfCnpj` | Formata CPF ou CNPJ                              |
-| `formatPhoneBr` | Formata telefone brasileiro                      |
-
+| Função           | Descrição                                        |
+| ---------------- | ------------------------------------------------ |
+| `cn`             | Mescla classes CSS com `clsx` e `tailwind-merge` |
+| `nvl`            | Retorna valor padrão quando `null`/`undefined`   |
+| `formatCpfCnpj`  | Formata CPF ou CNPJ                              |
+| `formatPhoneBr`  | Formata telefone brasileiro                      |
+| `formatPriceBrl` | Formata valor monetário em BRL                   |
+| `formatItem170`  | Formata item 170                                 |
+| `formatItem150`  | Formata item 150                                 |
 
 ## Uso
 
 ```tsx
 import {
   Card,
-  Dialog,
   DataTable,
-  Tab,
-  Tabs,
   cn,
   formatCpfCnpj,
 } from "@grazziotin/react-components-next";
@@ -107,14 +109,14 @@ export function Example() {
 
 A biblioteca expõe múltiplos pontos de entrada:
 
-
-| Import                                        | Conteúdo                                 |
-| --------------------------------------------- | ---------------------------------------- |
-| `@grazziotin/react-components-next`           | Componentes e funções (export principal) |
-| `@grazziotin/react-components-next/ui`        | Apenas componentes de UI                 |
-| `@grazziotin/react-components-next/functions` | Apenas funções utilitárias               |
-| `@grazziotin/react-components-next/styles`    | CSS compilado da biblioteca              |
-
+| Import                                          | Conteúdo                                      |
+| ----------------------------------------------- | --------------------------------------------- |
+| `@grazziotin/react-components-next`             | Componentes, funções, acessibilidade e providers |
+| `@grazziotin/react-components-next/ui`          | Apenas componentes de UI                      |
+| `@grazziotin/react-components-next/functions`   | Apenas funções utilitárias                    |
+| `@grazziotin/react-components-next/accessibility` | Componentes de acessibilidade (`Say`, `useSay`) |
+| `@grazziotin/react-components-next/providers`  | `GrazziotinProviders` e `MantineAppProvider`  |
+| `@grazziotin/react-components-next/styles`      | CSS compilado da biblioteca (opcional — já incluído ao importar `/ui` ou `.`) |
 
 ## Componentes
 
@@ -244,24 +246,17 @@ npm publish
 
 ```
 src/
-├── app/                        # Next.js App Router (página inicial mínima)
-│   ├── globals.css             # Variáveis CSS e tema
-│   ├── layout.tsx              # Providers MUI + Mantine
+├── app/                        # Next.js App Router (demo local, não publicado)
+│   ├── globals.css
+│   ├── layout.tsx
 │   └── page.tsx
 ├── components/
+│   ├── accessibility/          # Say, useSay
 │   ├── index.ts
-│   └── ui/
-│       ├── card/
-│       ├── dialog/
-│       ├── data-table/
-│       └── tab/
-├── core/                       # Utilitários internos
-├── functions/
-│   ├── cn/
-│   ├── nvl/
-│   ├── format-cpf-cnpj/
-│   └── format-phone-br/
-├── providers/
+│   └── ui/                     # Card, Dialog, DataTable, Tab, Input, Filter...
+├── core/                       # Utilitários internos (não exportados)
+├── functions/                  # cn, nvl, formatters
+├── providers/                  # GrazziotinProviders, MantineAppProvider
 ├── styles/
 │   └── index.css               # Entrada do Tailwind para o build CSS
 └── index.ts                    # Entrypoint principal da biblioteca
@@ -269,4 +264,4 @@ src/
 
 ## Licença
 
-MIT
+MIT

package/dist/accessibility/index.mjs

@@ -1,139 +1,5 @@
-import { nvl } from '../chunk-BWW3F4R4.mjs';
-import 'react-toastify/dist/ReactToastify.css';
-import { ToastContainer, toast } from 'react-toastify';
-import SayEngine from 'react-say';
-import { useCallback, useState, useMemo, useEffect } from 'react';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-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);
-}
-function voicesAreEqual(current, next) {
-  if (current.length !== next.length) return false;
-  return current.every(
-    (v, i) => {
-      var _a, _b;
-      return v.name === ((_a = next[i]) == null ? void 0 : _a.name) && v.lang === ((_b = next[i]) == null ? void 0 : _b.lang);
-    }
-  );
-}
-function getSpeechSupport() {
-  if (!hasSpeechSupport()) return null;
-  return {
-    speechSynthesis: globalThis.speechSynthesis,
-    SpeechSynthesisUtterance: globalThis.SpeechSynthesisUtterance
-  };
-}
-function defaultShouldVibrate(type) {
-  return type === "warning";
-}
-function showSayNotify(text, { type = "success", autoClose = 4500 }) {
-  toast(text, { type, autoClose });
-}
-function useSpeechPonyfill() {
-  const ponyfill = useMemo(() => getSpeechSupport(), []);
-  const [voices, setVoices] = useState([]);
-  useEffect(() => {
-    if (!hasSpeechSupport()) return;
-    const synthesis = globalThis.speechSynthesis;
-    const updateVoices = () => {
-      setVoices((current) => {
-        const next = synthesis.getVoices();
-        return voicesAreEqual(current, next) ? current : next;
-      });
-    };
-    synthesis.onvoiceschanged = updateVoices;
-    updateVoices();
-    return () => {
-      synthesis.onvoiceschanged = null;
-    };
-  }, []);
-  return { voices, ponyfill };
-}
-function Say({
-  text,
-  onEnd,
-  onStart,
-  isSpeaking,
-  setIsSpeaking,
-  rate = DEFAULT_SAY_RATE,
-  voice = DEFAULT_SAY_VOICE,
-  pitch = DEFAULT_SAY_PITCH,
-  volume = DEFAULT_SAY_VOLUME
-}) {
-  const { voices, ponyfill } = useSpeechPonyfill();
-  const canSpeak = isSpeaking && voices.length > 0 && ponyfill;
-  const handleEnd = useCallback(() => {
-    setIsSpeaking(false);
-    onEnd == null ? void 0 : onEnd();
-  }, [setIsSpeaking, onEnd]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      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__ */ jsx(
-      SayEngine,
-      {
-        text,
-        rate,
-        pitch,
-        volume,
-        onEnd: handleEnd,
-        onStart,
-        ponyfill,
-        voice: voices.find((v) => v.name === voice)
-      }
-    )
-  ] });
-}
-var say_default = Say;
-function useSay({
-  notifyAutoClose = 4500,
-  vibrateDuration = DEFAULT_SAY_VIBRATE_DURATION,
-  shouldVibrate = defaultShouldVibrate
-} = {}) {
-  const [isSpeaking, setIsSpeaking] = useState(false);
-  const [textSpeaking, setTextSpeaking] = useState("");
-  const handleSay = 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 };
-}
-
-export { say_default as Say, useSay };
+export { say_default as Say, useSay } from '../chunk-4AYAPBGW.mjs';
+import '../chunk-DM64WOVD.mjs';
+import '../chunk-YOSPWY5K.mjs';
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

package/dist/accessibility/index.mjs.map

@@ -1 +1 @@
-{"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/components/accessibility/say/use-say.ts"],"names":["useState","useCallback"],"mappings":"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","file":"index.mjs","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","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"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.mjs"}

package/dist/chunk-4AYAPBGW.mjs

@@ -0,0 +1,139 @@
+import { nvl } from './chunk-DM64WOVD.mjs';
+import 'react-toastify/dist/ReactToastify.css';
+import { ToastContainer, toast } from 'react-toastify';
+import SayEngine from 'react-say';
+import { useCallback, useState, useMemo, useEffect } from 'react';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+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);
+}
+function voicesAreEqual(current, next) {
+  if (current.length !== next.length) return false;
+  return current.every(
+    (v, i) => {
+      var _a, _b;
+      return v.name === ((_a = next[i]) == null ? void 0 : _a.name) && v.lang === ((_b = next[i]) == null ? void 0 : _b.lang);
+    }
+  );
+}
+function getSpeechSupport() {
+  if (!hasSpeechSupport()) return null;
+  return {
+    speechSynthesis: globalThis.speechSynthesis,
+    SpeechSynthesisUtterance: globalThis.SpeechSynthesisUtterance
+  };
+}
+function defaultShouldVibrate(type) {
+  return type === "warning";
+}
+function showSayNotify(text, { type = "success", autoClose = 4500 }) {
+  toast(text, { type, autoClose });
+}
+function useSpeechPonyfill() {
+  const ponyfill = useMemo(() => getSpeechSupport(), []);
+  const [voices, setVoices] = useState([]);
+  useEffect(() => {
+    if (!hasSpeechSupport()) return;
+    const synthesis = globalThis.speechSynthesis;
+    const updateVoices = () => {
+      setVoices((current) => {
+        const next = synthesis.getVoices();
+        return voicesAreEqual(current, next) ? current : next;
+      });
+    };
+    synthesis.onvoiceschanged = updateVoices;
+    updateVoices();
+    return () => {
+      synthesis.onvoiceschanged = null;
+    };
+  }, []);
+  return { voices, ponyfill };
+}
+function Say({
+  text,
+  onEnd,
+  onStart,
+  isSpeaking,
+  setIsSpeaking,
+  rate = DEFAULT_SAY_RATE,
+  voice = DEFAULT_SAY_VOICE,
+  pitch = DEFAULT_SAY_PITCH,
+  volume = DEFAULT_SAY_VOLUME
+}) {
+  const { voices, ponyfill } = useSpeechPonyfill();
+  const canSpeak = isSpeaking && voices.length > 0 && ponyfill;
+  const handleEnd = useCallback(() => {
+    setIsSpeaking(false);
+    onEnd == null ? void 0 : onEnd();
+  }, [setIsSpeaking, onEnd]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      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__ */ jsx(
+      SayEngine,
+      {
+        text,
+        rate,
+        pitch,
+        volume,
+        onEnd: handleEnd,
+        onStart,
+        ponyfill,
+        voice: voices.find((v) => v.name === voice)
+      }
+    )
+  ] });
+}
+var say_default = Say;
+function useSay({
+  notifyAutoClose = 4500,
+  vibrateDuration = DEFAULT_SAY_VIBRATE_DURATION,
+  shouldVibrate = defaultShouldVibrate
+} = {}) {
+  const [isSpeaking, setIsSpeaking] = useState(false);
+  const [textSpeaking, setTextSpeaking] = useState("");
+  const handleSay = 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 };
+}
+
+export { say_default, useSay };
+//# sourceMappingURL=chunk-4AYAPBGW.mjs.map
+//# sourceMappingURL=chunk-4AYAPBGW.mjs.map

package/dist/chunk-4AYAPBGW.mjs.map

@@ -0,0 +1 @@
+{"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/components/accessibility/say/use-say.ts"],"names":["useState","useCallback"],"mappings":"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","file":"chunk-4AYAPBGW.mjs","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","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"]}

package/dist/{chunk-BWW3F4R4.mjs → chunk-DM64WOVD.mjs}

@@ -1,37 +1,7 @@
 import { twMerge } from 'tailwind-merge';
 import { clsx } from 'clsx';
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
+// src/functions/cn/cn.ts
 function cn(...values) {
   return twMerge(clsx(values));
 }
@@ -113,6 +83,6 @@ function formatItem150(item) {
   return digits.replace(/(\d{2})(\d)/, "$1.$2").replace(/(\d{2})(\d)/, "$1.$2").replace(/(\d{2})(\d)/, "$1.$2").replace(/(\d{2})\.(\d)(\d{1,3})$/, "$1.$2.$3");
 }
 
-export { __objRest, __spreadProps, __spreadValues, cn, formatCpfCnpj, formatItem150, formatItem170, formatPhoneBr, formatPriceBrl, nvl, removeDigits, removeNonDigits, removeTextOnly };
-//# sourceMappingURL=chunk-BWW3F4R4.mjs.map
-//# sourceMappingURL=chunk-BWW3F4R4.mjs.map
+export { cn, formatCpfCnpj, formatItem150, formatItem170, formatPhoneBr, formatPriceBrl, nvl, removeDigits, removeNonDigits, removeTextOnly };
+//# sourceMappingURL=chunk-DM64WOVD.mjs.map
+//# sourceMappingURL=chunk-DM64WOVD.mjs.map

package/dist/chunk-DM64WOVD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/functions/cn/cn.ts","../src/functions/nvl/nvl.ts","../src/core/remove-digits.ts","../src/functions/format-cpf-cnpj/format-cpf-cnpj.ts","../src/functions/format-phone-br/format-phone-br.ts","../src/functions/format-price-brl/format-price-brl.ts","../src/functions/format-item-170/format-item-170.ts","../src/functions/format-item-150/format-item-150.ts"],"names":[],"mappings":"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","file":"chunk-DM64WOVD.mjs","sourcesContent":["import { twMerge } from \"tailwind-merge\";\r\nimport { clsx } from \"clsx\";\r\nimport type { ClassValue } from \"./utils/interfaces\";\r\n\r\nexport function cn(...values: ClassValue[]): string {\r\n  return twMerge(clsx(values));\r\n}\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","/** Remove tudo que não for dígito. */\r\nexport function removeDigits(value: string): string {\r\n  return value.replace(/\\D/g, \"\");\r\n}\r\n\r\n/** Remove tudo que não for número. */\r\nexport function removeNonDigits(value: string) {\r\n  return value.replaceAll(/\\d/g, \"\");\r\n}\r\n\r\n/** Remove tudo que não for letra. */\r\nexport function removeTextOnly(value: string) {\r\n  return value.replaceAll(/[^\\p{L}]/gu, \"\");\r\n}\r\n","import { removeDigits } from \"../../core/remove-digits\";\r\n\r\n/**\r\n * Formata CPF (até 11 dígitos) ou CNPJ (12–14 dígitos) conforme o tamanho.\r\n * @param data - Valor com ou sem formatação\r\n * @returns CPF `000.000.000-00` ou CNPJ `00.000.000/0000-00`; string vazia se ausente\r\n * @example\r\n * formatCpfCnpj(\"12345678901\") // \"123.456.789-01\"\r\n * formatCpfCnpj(\"12345678000199\") // \"12.345.678/0001-99\"\r\n */\r\nexport function formatCpfCnpj(data?: string): string {\r\n  if (!data) return \"\";\r\n  const value = removeDigits(data);\r\n\r\n  if (!value) return \"\";\r\n  if (value.length <= 11) {\r\n    const cpf = value.slice(0, 11);\r\n    return cpf\r\n      .replace(/(\\d{3})(\\d)/, \"$1.$2\")\r\n      .replace(/(\\d{3})(\\d)/, \"$1.$2\")\r\n      .replace(/(\\d{3})(\\d{1,2})$/, \"$1-$2\");\r\n  }\r\n\r\n  const cnpj = value.slice(0, 14);\r\n  return cnpj\r\n    .replace(/^(\\d{2})(\\d)/, \"$1.$2\")\r\n    .replace(/^(\\d{2})\\.(\\d{3})(\\d)/, \"$1.$2.$3\")\r\n    .replace(/\\.(\\d{3})(\\d)/, \".$1/$2\")\r\n    .replace(/(\\d{4})(\\d)/, \"$1-$2\");\r\n}\r\n","import { removeDigits } from \"../../core/remove-digits\";\r\n\r\n/**\r\n * Formata telefone brasileiro (até 11 dígitos): fixo `(00) 0000-0000` ou celular `(00) 00000-0000`.\r\n * @param phone - Valor com ou sem formatação\r\n * @returns Telefone formatado ou string vazia se ausente\r\n * @example\r\n * formatPhoneBr(\"11987654321\") // \"(11) 98765-4321\"\r\n * formatPhoneBr(\"1133334444\") // \"(11) 3333-4444\"\r\n */\r\nexport function formatPhoneBr(phone?: string): string {\r\n  if (!phone) return \"\";\r\n  const digits = removeDigits(phone).slice(0, 11);\r\n\r\n  if (!digits) return \"\";\r\n  if (digits.length <= 2) return digits;\r\n  if (digits.length <= 6) {\r\n    return digits.replace(/(\\d{2})(\\d+)/, \"($1) $2\");\r\n  }\r\n  if (digits.length <= 10) {\r\n    return digits.replace(/(\\d{2})(\\d{4})(\\d+)/, \"($1) $2-$3\");\r\n  }\r\n  return digits.replace(/(\\d{2})(\\d{5})(\\d+)/, \"($1) $2-$3\");\r\n}\r\n","import { removeDigits } from \"../../core/remove-digits\";\r\n\r\n/**\r\n * Formata um valor como moeda brasileira (BRL).\r\n *\r\n * - **string** — máscara de input: remove não dígitos, divide por 100 (centavos)\r\n * - **number** — valor já em reais\r\n *\r\n * @param value - Valor digitado ou numérico em reais\r\n * @returns Valor formatado (ex.: `R$ 1.234,56`) ou string vazia se ausente\r\n * @example\r\n * formatPriceBrl(\"123456\") // \"R$ 1.234,56\" (input)\r\n * formatPriceBrl(1234.56) // \"R$ 1.234,56\" (número)\r\n * formatPriceBrl(0) // \"R$ 0,00\"\r\n */\r\nexport function formatPriceBrl(value?: string | number | null): string {\r\n  if (value === undefined || value === null) return \"\";\r\n\r\n  if (typeof value === \"string\") {\r\n    const digits = removeDigits(value);\r\n    if (!digits) return \"\";\r\n    const price = Number(digits) / 100;\r\n    if (Number.isNaN(price)) return \"\";\r\n    return price.toLocaleString(\"pt-BR\", {\r\n      style: \"currency\",\r\n      currency: \"BRL\",\r\n    });\r\n  }\r\n\r\n  if (Number.isNaN(value)) return \"\";\r\n  return value.toLocaleString(\"pt-BR\", { style: \"currency\", currency: \"BRL\" });\r\n}\r\n","import { removeDigits } from \"../../core/remove-digits\";\r\n\r\n/**\r\n * Formata máscara de item 170 (até 12 dígitos) no padrão `00.00.00.00.0.000`.\r\n * Remove caracteres não numéricos antes de formatar.\r\n * @param item - Valor com ou sem formatação\r\n * @returns Item formatado ou string vazia se ausente\r\n * @example\r\n * formatItem170(\"123456789012\") // \"12.34.56.78.9.012\"\r\n */\r\nexport function formatItem170(item?: string): string {\r\n  if (!item) return \"\";\r\n  const digits = removeDigits(item).slice(0, 12);\r\n  if (!digits) return \"\";\r\n\r\n  return digits\r\n    .replace(/(\\d{2})(\\d)/, \"$1.$2\")\r\n    .replace(/(\\d{2})(\\d)/, \"$1.$2\")\r\n    .replace(/(\\d{2})(\\d)/, \"$1.$2\")\r\n    .replace(/(\\d{2})(\\d)/, \"$1.$2\")\r\n    .replace(/(\\d{2})\\.(\\d)(\\d{1,3})$/, \"$1.$2.$3\");\r\n}\r\n","import { removeDigits } from \"../../core/remove-digits\";\r\n\r\n/**\r\n * Formata máscara de item 150 (até 10 dígitos) no padrão `00.00.00.0.000`.\r\n * Remove caracteres não numéricos antes de formatar.\r\n * @param item - Valor com ou sem formatação\r\n * @returns Item formatado ou string vazia se ausente\r\n * @example\r\n * formatItem150(\"1234567890\") // \"12.34.56.7.890\"\r\n */\r\nexport function formatItem150(item?: string): string {\r\n  if (!item) return \"\";\r\n  const digits = removeDigits(item).slice(0, 10);\r\n  if (!digits) return \"\";\r\n\r\n  return digits\r\n    .replace(/(\\d{2})(\\d)/, \"$1.$2\")\r\n    .replace(/(\\d{2})(\\d)/, \"$1.$2\")\r\n    .replace(/(\\d{2})(\\d)/, \"$1.$2\")\r\n    .replace(/(\\d{2})\\.(\\d)(\\d{1,3})$/, \"$1.$2.$3\");\r\n}\r\n"]}