@fayz-ai/ui 0.33.1 → 0.36.0

package/dist/{chunk-6GWXDVCO.js → chunk-7W6WRDDF.js}

@@ -1,12 +1,11 @@
-import { useIsWide, Dropdown, DropdownTrigger, DropdownContent, DropdownSeparator, DropdownItem, Card, FilterMenuRow, FilterMenu, DataTable, Popover, PopoverTrigger, PopoverContent, Checkbox } from './chunk-UNEEY5XG.js';
-import { COLUMN_WIDTH, useSaveBarVisible, useCrossModuleBack, useBackHandler, Hint, PageHeaderActions, SubpageHeader, PageRail, CollapsibleColumn } from './chunk-33A7SN2N.js';
-import { cn, Button } from './chunk-OKZ6WQB3.js';
+import { useIsWide, Dropdown, DropdownTrigger, DropdownContent, DropdownSeparator, DropdownItem, Card, FilterMenuRow, FilterMenu, DataTable, Popover, PopoverTrigger, PopoverContent, Checkbox } from './chunk-UCNY76FQ.js';
+import { COLUMN_WIDTH, useSaveBarVisible, useCrossModuleBack, useBackHandler, Hint, PageHeaderActions, Modal, ModalContent, ModalHeader, ModalTitle, ModalBody, ModalDescription, ModalFooter, SubpageHeader, PageRail, CollapsibleColumn } from './chunk-XR3WXB6N.js';
+import { Button, cn } from './chunk-OKZ6WQB3.js';
 import * as React18 from 'react';
 import React18__default, { useState, useRef, useEffect, useMemo, useCallback } from 'react';
+import { Loader2, Sparkles, ChevronDown, ChevronUp, Check, ArrowLeft, MoreHorizontal, Search, ChevronsLeft, ChevronLeft, ChevronRight, ChevronsRight, ImageIcon, RefreshCw, Clock, X, Plus, Download, Calendar, Pencil, CalendarDays, MicOff, Mic, ArrowRight, MoreVertical } from 'lucide-react';
 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, Plus, MoreVertical, Search, ChevronsLeft, ChevronLeft, ChevronRight, ChevronsRight, ImageIcon, RefreshCw, Clock, Download, Calendar, Loader2, Pencil, CalendarDays, MicOff, Mic, ArrowRight } from 'lucide-react';
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { Toaster } from 'sonner';
 export { toast } from 'sonner';
@@ -15,6 +14,42 @@ import * as SeparatorPrimitive from '@radix-ui/react-separator';
 import { createPortal } from 'react-dom';
 import { useTranslation, getCountry, unmaskPhone, maskPhone, getCurrentLocale } from '@fayz-ai/core';
 
+var TONE = {
+  solid: "bg-magic text-magic-foreground border border-magic shadow-button-primary hover:bg-magic/90 active:shadow-button-inset",
+  soft: "border border-magic/30 bg-magic-soft text-magic-soft-foreground shadow-button hover:bg-magic/10 active:shadow-button-inset"
+};
+var AiActionButton = React18.forwardRef(
+  ({ busy, busyLabel, tone = "solid", className, children, disabled, ...props }, ref) => /* @__PURE__ */ jsxs(
+    Button,
+    {
+      ref,
+      variant: "ghost",
+      disabled: disabled || busy,
+      className: cn(TONE[tone], className),
+      ...props,
+      children: [
+        busy ? /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 shrink-0 animate-spin", "aria-hidden": true }) : /* @__PURE__ */ jsx(Sparkles, { className: "h-3.5 w-3.5 shrink-0", "aria-hidden": true }),
+        busy ? busyLabel ?? children : children
+      ]
+    }
+  )
+);
+AiActionButton.displayName = "AiActionButton";
+var INLINE_LINK_TONE = {
+  solid: "underline underline-offset-2 decoration-from-font",
+  dashed: "underline decoration-dashed decoration-from-font underline-offset-4"
+};
+var TONE2 = INLINE_LINK_TONE;
+var BASE = "inline items-baseline text-left font-[inherit] text-primary hover:opacity-80 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-50";
+function InlineLink({ tone = "solid", className, children, ...rest }) {
+  const classes = cn(BASE, TONE2[tone], className);
+  if ("href" in rest && rest.href !== void 0) {
+    const { href, ...anchor } = rest;
+    return /* @__PURE__ */ jsx("a", { href, className: classes, ...anchor, children });
+  }
+  const button = rest;
+  return /* @__PURE__ */ jsx("button", { type: "button", className: classes, ...button, children });
+}
 var Input = React18.forwardRef(
   ({ className, type, error, description, id, ...props }, ref) => {
     const inputId = id ?? React18.useId();
@@ -92,96 +127,6 @@ function Badge({ className, variant, dot, children, ...props }) {
     children
   ] });
 }
-var SIZE_MAP = {
-  sm: "sm:max-w-sm",
-  md: "sm:max-w-md",
-  lg: "sm:max-w-lg",
-  xl: "sm:max-w-xl",
-  "2xl": "sm:max-w-2xl",
-  "3xl": "sm:max-w-3xl",
-  // Duas colunas de trabalho lado a lado (ficha + linha do tempo) não cabem em
-  // 3xl: a coluna da direita fica com 20rem e o texto de cada anotação quebra
-  // a cada quatro palavras.
-  "4xl": "sm:max-w-4xl",
-  "5xl": "sm:max-w-5xl",
-  full: "sm:max-w-[calc(100vw-4rem)]"
-};
-var Modal = DialogPrimitive.Root;
-var ModalTrigger = DialogPrimitive.Trigger;
-var ModalClose = DialogPrimitive.Close;
-var ModalPortal = DialogPrimitive.Portal;
-var ModalOverlay = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive.Overlay,
-  {
-    ref,
-    className: cn(
-      "fayz-modal-overlay saas-mdl-ov fixed inset-0 z-[100]",
-      "flex items-center justify-center p-0 sm:p-6",
-      className
-    ),
-    ...props
-  }
-));
-ModalOverlay.displayName = "ModalOverlay";
-var ModalContent = React18.forwardRef(({ className, children, size = "lg", hideClose, noPadding, onPointerDownOutside, onInteractOutside, onCloseAutoFocus, ...props }, ref) => /* @__PURE__ */ jsx(ModalPortal, { children: /* @__PURE__ */ jsx(ModalOverlay, { children: /* @__PURE__ */ jsxs(
-  DialogPrimitive.Content,
-  {
-    ref,
-    onCloseAutoFocus: (e) => {
-      e.preventDefault();
-      onCloseAutoFocus?.(e);
-    },
-    onPointerDownOutside: (e) => {
-      const target = e.target;
-      if (target.closest("[data-modal-passthrough]") || target.closest("[data-radix-popper-content-wrapper]")) {
-        e.preventDefault();
-      }
-      onPointerDownOutside?.(e);
-    },
-    onInteractOutside: (e) => {
-      const target = e.target;
-      if (target.closest("[data-modal-passthrough]") || target.closest("[data-radix-popper-content-wrapper]")) {
-        e.preventDefault();
-      }
-      onInteractOutside?.(e);
-    },
-    className: cn(
-      // fz-container: a form inside a dialog measures the DIALOG. Without
-      // it a two-column field grid in an `sm` modal read the window's width
-      // and kept both columns in 380px.
-      "fayz-glass-surface fayz-modal-content saas-mdl-ct fz-container relative z-[100] flex flex-col w-full outline-none",
-      // Mobile fullscreen
-      "h-full rounded-none border-0",
-      // Desktop centered card
-      "sm:h-auto sm:max-h-[85vh] sm:rounded-2xl sm:border",
-      SIZE_MAP[size],
-      noPadding ? "" : "p-6 gap-4",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      !hideClose && /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 z-10 flex h-7 w-7 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted hover:text-foreground focus:outline-none focus:ring-2 focus:ring-ring", children: [
-        /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-      ] })
-    ]
-  }
-) }) }));
-ModalContent.displayName = "ModalContent";
-function ModalHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left shrink-0", className), ...props });
-}
-function ModalBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("flex flex-1 flex-col overflow-y-auto min-h-0", className), ...props });
-}
-function ModalFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("mt-auto flex flex-col-reverse gap-2 pb-[env(safe-area-inset-bottom)] sm:mt-0 sm:flex-row sm:justify-end sm:gap-0 sm:space-x-2 sm:pb-0 shrink-0", className), ...props });
-}
-var ModalTitle = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Title, { ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props }));
-ModalTitle.displayName = "ModalTitle";
-var ModalDescription = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
-ModalDescription.displayName = "ModalDescription";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
@@ -480,7 +425,10 @@ function PageActionBar({ actions, className }) {
   if (visible.length === 0) return null;
   if (!wide) {
     const usable = visible.filter((a) => !a.desktopOnly);
-    return usable.length > 0 ? /* @__PURE__ */ jsx(PageActionFab, { actions: usable }) : null;
+    if (usable.length === 0) return null;
+    const fab = /* @__PURE__ */ jsx(PageActionFab, { actions: usable });
+    const fabHost = typeof document !== "undefined" ? document.querySelector(".shell-enter") ?? document.body : null;
+    return fabHost ? createPortal(fab, fabHost) : fab;
   }
   let seenPrimary = false;
   const primary = [];
@@ -1700,7 +1648,9 @@ var TRIGGER_VARIANT = {
   // Mesmas medidas e cores de FilterChip.
   chip: "rounded-full border border-transparent bg-muted/70 px-2.5 py-1 text-xs font-medium text-muted-foreground hover:bg-muted hover:text-foreground",
   // O tracejado é o que diz que o texto se edita. Sem ele a data lê como rótulo.
-  inline: "text-xs font-medium text-primary underline decoration-dashed decoration-from-font underline-offset-4 hover:opacity-80"
+  // A tinta vem do InlineLink: o mesmo traço estava escrito aqui, no gatilho de
+  // forma de pagamento e na barra de ferramentas, com três grafias.
+  inline: `text-xs font-medium text-primary hover:opacity-80 ${INLINE_LINK_TONE.dashed}`
 };
 function DatePicker({ value, onChange, className, variant = "input", format = "long", defaultOpen, onOpenChange }) {
   const t = useTranslation();
@@ -2048,6 +1998,7 @@ function SearchSelect({
   loadOnOpen = true,
   variant = "field",
   icon: FilterIcon,
+  leading,
   emptyValue = "____",
   className,
   disabled,
@@ -2239,7 +2190,7 @@ function SearchSelect({
           disabled && "opacity-50 cursor-not-allowed"
         ),
         children: [
-          /* @__PURE__ */ jsx(Search, { className: "h-3.5 w-3.5 text-muted-foreground ml-3 shrink-0" }),
+          leading && hasValue && !open ? /* @__PURE__ */ jsx("span", { className: "ml-2.5 flex shrink-0 items-center", children: leading }) : /* @__PURE__ */ jsx(Search, { className: "h-3.5 w-3.5 text-muted-foreground ml-3 shrink-0" }),
           open ? /* @__PURE__ */ jsx(
             "input",
             {
@@ -2917,7 +2868,8 @@ function MultiSelect({
 var AVATAR_SIZE = {
   xs: "h-5 w-5 text-[9px]",
   sm: "h-6 w-6 text-[10px]",
-  md: "h-8 w-8 text-xs"
+  md: "h-8 w-8 text-xs",
+  lg: "h-10 w-10 text-sm"
 };
 function personInitials(name) {
   const parts = name.trim().split(/\s+/).map((w) => w.replace(/[^\p{L}\p{N}]/gu, "")).filter(Boolean);
@@ -4467,6 +4419,6 @@ function AdaptiveFilter({
   );
 }
 
-export { AdaptiveFilter, Badge, Breadcrumb, BulkActionBar, ChevronPager, ComingSoon, CurrencyInput, DatePicker, DateRangeChip, DictateButton, DotBadge, DraftCommitBar, EmBreve, FILTER_RAIL_WIDTH, FilterCheckBox, FilterCheckList, FilterCheckRow, FilterChip, FilterPanel, FilterPanelField, FilterRail, FilterRailColumn, FilterSection, INLINE_FILTER_MAX, Input, ListFilterBar, ListView, Markdown, MarkdownEditor, MiniCalendar, Modal, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFlow, ModalFlowEntry, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTask, ModalTaskHeader, ModalTaskHost, ModalTitle, ModalTrigger, MultiSelect, NestedPane, PageActionBar, PersonAvatar, PersonMultiPicker, PersonPicker, PhoneField, PhoneLink, PickerDialog, PickerList, RailWorkspace, RefreshButton, RequiredFilter, RowActions, SearchCombobox, SearchField, SearchSelect, SegmentedControl, 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, WizardSteps, abbreviatePersonName, badgeVariants, comparePersonNames, formatPhone2 as formatPhone, normalizePhone, personInitials, renderMarkdown, setActionsMenuLabel, setRowActionsLabel, toLocalISODate, useFilterDraft, useInModalTaskHost, useRowSelection };
-//# sourceMappingURL=chunk-6GWXDVCO.js.map
-//# sourceMappingURL=chunk-6GWXDVCO.js.map
+export { AdaptiveFilter, AiActionButton, Badge, Breadcrumb, BulkActionBar, ChevronPager, ComingSoon, CurrencyInput, DatePicker, DateRangeChip, DictateButton, DotBadge, DraftCommitBar, EmBreve, FILTER_RAIL_WIDTH, FilterCheckBox, FilterCheckList, FilterCheckRow, FilterChip, FilterPanel, FilterPanelField, FilterRail, FilterRailColumn, FilterSection, INLINE_FILTER_MAX, INLINE_LINK_TONE, InlineLink, Input, ListFilterBar, ListView, Markdown, MarkdownEditor, MiniCalendar, ModalFlow, ModalFlowEntry, ModalTask, ModalTaskHeader, ModalTaskHost, MultiSelect, NestedPane, PageActionBar, PersonAvatar, PersonMultiPicker, PersonPicker, PhoneField, PhoneLink, PickerDialog, PickerList, RailWorkspace, RefreshButton, RequiredFilter, RowActions, SearchCombobox, SearchField, SearchSelect, SegmentedControl, 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, WizardSteps, abbreviatePersonName, badgeVariants, comparePersonNames, formatPhone2 as formatPhone, normalizePhone, personInitials, renderMarkdown, setActionsMenuLabel, setRowActionsLabel, toLocalISODate, useFilterDraft, useInModalTaskHost, useRowSelection };
+//# sourceMappingURL=chunk-7W6WRDDF.js.map
+//# sourceMappingURL=chunk-7W6WRDDF.js.map