@fayz-ai/ui 0.24.0 → 0.25.0

package/dist/{chunk-NXFVYZY7.js → chunk-OQVFOBKU.js}

@@ -7,7 +7,7 @@ import React15__default, { useState, useRef, useEffect, useMemo, useCallback } f
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { cva } from 'class-variance-authority';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { X, ChevronDown, ChevronUp, Check, ArrowLeft, MoreHorizontal, Search, ChevronsLeft, ChevronLeft, ChevronRight, ChevronsRight, ImageIcon, RefreshCw, Clock, Plus, Download, Calendar, Loader2, CalendarDays, SlidersHorizontal } from 'lucide-react';
+import { X, ChevronDown, ChevronUp, Check, ArrowLeft, MoreHorizontal, Search, ChevronsLeft, ChevronLeft, ChevronRight, ChevronsRight, ImageIcon, RefreshCw, Clock, Plus, Download, Calendar, Loader2, CalendarDays, MicOff, Mic, SlidersHorizontal } from 'lucide-react';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { Toaster } from 'sonner';
 export { toast } from 'sonner';
@@ -1098,6 +1098,18 @@ function FilterChip({ allLabel, options, value, onChange, label, icon: Icon2, cl
   ] });
 }
 var ICON_BTN = "fz-tap text-muted-foreground";
+function pageNumbers(page, totalPages) {
+  const fixas = /* @__PURE__ */ new Set([1, totalPages, page - 1, page, page + 1]);
+  const visiveis = [...fixas].filter((n) => n >= 1 && n <= totalPages).sort((a, b) => a - b);
+  const saida = [];
+  for (const n of visiveis) {
+    const anterior = saida[saida.length - 1];
+    if (anterior !== void 0 && n - anterior === 2) saida.push(anterior + 1);
+    else if (anterior !== void 0 && n - anterior > 2) saida.push(-1);
+    saida.push(n);
+  }
+  return saida;
+}
 function ListFilters({ tagFilter, filters, advanced, label, count, wideCount }) {
   const wide = useIsWide();
   const [open, setOpen] = useState(false);
@@ -1207,9 +1219,7 @@ function ListView({
   }, [onSearchChange, searchDebounce]);
   const totalItems = total ?? data.length;
   const totalPages = Math.max(1, Math.ceil(totalItems / pageSize));
-  const PAGE_WINDOW = 5;
-  const windowStart = Math.max(1, Math.min(page - Math.floor(PAGE_WINDOW / 2), totalPages - PAGE_WINDOW + 1));
-  const pageWindow = Array.from({ length: Math.min(PAGE_WINDOW, totalPages) }, (_, i) => windowStart + i);
+  const pageWindow = pageNumbers(page, totalPages);
   const showPagination = onPageChange && totalItems > pageSize;
   const showSearch = !!onSearchChange;
   const showTags = tags && tags.length > 0 && onTagChange;
@@ -1262,7 +1272,13 @@ function ListView({
         // `flex-wrap`, então uma primeira cria que ocupa a linha
         // inteira empurra o resto para baixo sozinha. Sem filtros,
         // a busca volta a partilhar a linha com atualizar/exportar.
-        /* @__PURE__ */ jsxs("div", { className: cn("relative min-w-0 flex-1", searchOwnRow && "basis-full"), children: [
+        // `basis-full` SEM `flex-1`, e não os dois: `flex-1` é
+        // `flex: 1 1 0%`, que fixa `flex-basis: 0%` — e o Tailwind
+        // emite `basis-*` ANTES de `flex-*`, então os dois juntos
+        // deixam o `flex-1` ganhar e a busca continua a encolher
+        // até "Busc". Sozinha na linha ela não precisa crescer:
+        // a base de 100% já é a linha inteira.
+        /* @__PURE__ */ jsxs("div", { className: cn("relative min-w-0", searchOwnRow ? "basis-full" : "flex-1"), children: [
           /* @__PURE__ */ jsx(Search, { className: "pointer-events-none absolute left-2.5 top-1/2 h-3.5 w-3.5 -translate-y-1/2 text-muted-foreground" }),
           /* @__PURE__ */ jsx(
             "input",
@@ -1334,7 +1350,7 @@ function ListView({
           totalItems.toLocaleString()
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-          totalPages > PAGE_WINDOW && /* @__PURE__ */ jsx(
+          totalPages > 1 && /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -1356,7 +1372,12 @@ function ListView({
               children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
             }
           ),
-          pageWindow.map((n) => /* @__PURE__ */ jsx(
+          pageWindow.map((n, i) => n === -1 ? (
+            // Sem `onClick` e fora da ordem de tabulação: é um sinal de que
+            // há páginas ali, não um destino. Um "…" clicável promete um
+            // salto que ninguém sabe para onde vai.
+            /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "px-0.5 text-xs text-muted-foreground", children: "\u2026" }, `gap-${i}`)
+          ) : /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -1379,7 +1400,7 @@ function ListView({
               children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
             }
           ),
-          totalPages > PAGE_WINDOW && /* @__PURE__ */ jsx(
+          totalPages > 1 && /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
@@ -2329,6 +2350,79 @@ function MultiSelect({
     )
   ] });
 }
+function recognitionCtor() {
+  if (typeof window === "undefined") return null;
+  const w = window;
+  return w.SpeechRecognition ?? w.webkitSpeechRecognition ?? null;
+}
+function DictateButton({
+  onTranscript,
+  lang,
+  startLabel = "Ditar",
+  stopLabel = "Parar de ditar",
+  className,
+  disabled
+}) {
+  const [ouvindo, setOuvindo] = React15.useState(false);
+  const [erro, setErro] = React15.useState(null);
+  const ref = React15.useRef(null);
+  const [suportado, setSuportado] = React15.useState(false);
+  React15.useEffect(() => {
+    setSuportado(recognitionCtor() !== null);
+  }, []);
+  React15.useEffect(() => () => {
+    ref.current?.stop();
+  }, []);
+  const alternar = React15.useCallback(() => {
+    if (ouvindo) {
+      ref.current?.stop();
+      return;
+    }
+    const Ctor = recognitionCtor();
+    if (!Ctor) return;
+    const rec = new Ctor();
+    const doPagina = typeof document !== "undefined" ? document.documentElement.lang : "";
+    rec.lang = lang ?? (doPagina || "pt-BR");
+    rec.continuous = true;
+    rec.interimResults = true;
+    rec.onresult = (e) => {
+      let texto = "";
+      for (let i = 0; i < e.results.length; i++) texto += e.results[i][0].transcript;
+      onTranscript(texto);
+    };
+    rec.onerror = (e) => {
+      if (e?.error && e.error !== "no-speech" && e.error !== "aborted") setErro(String(e.error));
+      setOuvindo(false);
+    };
+    rec.onend = () => setOuvindo(false);
+    ref.current = rec;
+    setErro(null);
+    try {
+      rec.start();
+      setOuvindo(true);
+    } catch {
+      setOuvindo(false);
+    }
+  }, [ouvindo, lang, onTranscript]);
+  if (!suportado) return null;
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: alternar,
+      disabled,
+      "aria-pressed": ouvindo,
+      "aria-label": ouvindo ? stopLabel : startLabel,
+      title: erro ? `${startLabel} \u2014 ${erro}` : ouvindo ? stopLabel : startLabel,
+      className: cn(
+        "fz-tap inline-flex h-7 w-7 items-center justify-center rounded-md transition-colors",
+        ouvindo ? "animate-pulse bg-destructive/10 text-destructive hover:bg-destructive/15" : "text-muted-foreground hover:bg-muted hover:text-foreground",
+        className
+      ),
+      children: ouvindo ? /* @__PURE__ */ jsx(MicOff, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(Mic, { className: "h-3.5 w-3.5" })
+    }
+  );
+}
 var INLINE_TOKEN = /(\*\*[^*]+\*\*|\*[^*]+\*|`[^`]+`)/g;
 function renderInline(text, keyPrefix) {
   return text.split(INLINE_TOKEN).map((part, i) => {
@@ -2873,6 +2967,6 @@ function StockEntryForm({
   ] }) });
 }
 
-export { Badge, Breadcrumb, BulkActionBar, ChevronPager, CurrencyInput, DatePicker, DateRangeChip, DotBadge, DraftCommitBar, FilterCheckBox, FilterCheckList, FilterCheckRow, FilterChip, FilterSection, Input, ListView, Markdown, MarkdownEditor, MiniCalendar, Modal, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, MultiSelect, PhoneField, PhoneLink, RefreshButton, RowActions, SearchCombobox, SearchField, SearchSelect, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, StatTiles, StockEntryForm, Tabs, TabsContent, TabsList, TabsTrigger, Thumbnail, TimePicker, ToastProvider, WHATSAPP_BRAND_COLOR, WhatsAppIcon, badgeVariants, formatPhone2 as formatPhone, normalizePhone, renderMarkdown, setRowActionsLabel, toLocalISODate, useRowSelection };
-//# sourceMappingURL=chunk-NXFVYZY7.js.map
-//# sourceMappingURL=chunk-NXFVYZY7.js.map
+export { Badge, Breadcrumb, BulkActionBar, ChevronPager, CurrencyInput, DatePicker, DateRangeChip, DictateButton, DotBadge, DraftCommitBar, FilterCheckBox, FilterCheckList, FilterCheckRow, FilterChip, FilterSection, Input, ListView, Markdown, MarkdownEditor, MiniCalendar, Modal, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, MultiSelect, PhoneField, PhoneLink, RefreshButton, RowActions, SearchCombobox, SearchField, SearchSelect, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, StatTiles, StockEntryForm, Tabs, TabsContent, TabsList, TabsTrigger, Thumbnail, TimePicker, ToastProvider, WHATSAPP_BRAND_COLOR, WhatsAppIcon, badgeVariants, formatPhone2 as formatPhone, normalizePhone, renderMarkdown, setRowActionsLabel, toLocalISODate, useRowSelection };
+//# sourceMappingURL=chunk-OQVFOBKU.js.map
+//# sourceMappingURL=chunk-OQVFOBKU.js.map