@fayz-ai/ui 0.31.0 → 0.33.0

package/dist/{chunk-ABY2HXG4.js → chunk-UFT3MA5H.js}

@@ -1,5 +1,5 @@
-import { useIsWide, Dropdown, DropdownTrigger, DropdownContent, DropdownSeparator, DropdownItem, Card, FilterMenuRow, FilterMenu, DataTable, Popover, PopoverTrigger, PopoverContent, Checkbox } from './chunk-UDY4KJRX.js';
-import { useSaveBarVisible, useCrossModuleBack, useBackHandler, Hint, PageHeaderActions } from './chunk-VBYFN5ZL.js';
+import { useIsWide, Dropdown, DropdownTrigger, DropdownContent, DropdownSeparator, DropdownItem, Card, FilterMenuRow, FilterMenu, DataTable, Popover, PopoverTrigger, PopoverContent, Checkbox } from './chunk-3XKDGBP4.js';
+import { useSaveBarVisible, useCrossModuleBack, useBackHandler, Hint, PageHeaderActions } from './chunk-PL5CUWNE.js';
 import { cn, Button } from './chunk-OKZ6WQB3.js';
 import * as React18 from 'react';
 import React18__default, { useState, useRef, useEffect, useMemo, useCallback } from 'react';
@@ -27,7 +27,7 @@ var Input = React18.forwardRef(
           type,
           id: inputId,
           className: cn(
-            "flex h-8 w-full rounded-input border border-input bg-card px-2 py-1 text-sm text-foreground shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+            "flex h-9 w-full rounded-input border border-input bg-card px-3 py-1.5 text-sm text-foreground shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
             error && "border-destructive focus-visible:ring-destructive",
             className
           ),
@@ -190,7 +190,7 @@ var SelectTrigger = React18.forwardRef(({ className, children, ...props }, ref)
   {
     ref,
     className: cn(
-      "flex h-10 w-full items-center justify-between rounded-input border border-input bg-background px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      "flex h-9 w-full items-center justify-between rounded-input border border-input bg-background px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
       className
     ),
     ...props,
@@ -1075,7 +1075,11 @@ function PhoneField({
       "aria-label": rest["aria-label"],
       "data-testid": rest["data-testid"],
       className: cn(
-        "w-full rounded-md border bg-background px-2.5 py-1.5 text-sm outline-none focus:border-primary",
+        // `rounded-input`/`border-input` e não `rounded-md`/`border`: este campo
+        // senta ao lado de um texto e de um seletor do DS, e era o único com
+        // raio próprio — 6px contra os 12px do resto, na mesma linha da ficha.
+        // O raio é do TEMA (`--input-radius`), que é quem sabe o desenho da casa.
+        "flex h-9 w-full rounded-input border border-input bg-background px-3 py-1.5 text-sm outline-none focus:border-primary",
         className
       )
     }
@@ -1448,6 +1452,7 @@ function ListView({
   onRefresh,
   refreshLabel = "Refresh",
   className,
+  rowClassName,
   actions
 }) {
   const [internalSearch, setInternalSearch] = useState(controlledSearch ?? "");
@@ -1573,7 +1578,8 @@ function ListView({
           selectable: selection.selectable,
           selectedIds: selection.selectedIds,
           onSelectedIdsChange: selection.setSelectedIds,
-          getRowId
+          getRowId,
+          rowClassName
         }
       ),
       showPagination && /* @__PURE__ */ jsxs("div", { className: "-mt-px flex min-h-9 flex-col items-center gap-2 rounded-b-card border-t border-border px-3 py-2 sm:grid sm:grid-cols-[1fr_auto_1fr] sm:gap-3", children: [
@@ -1689,10 +1695,12 @@ function parseDate(s) {
   return new Date(y, m - 1, d);
 }
 var TRIGGER_VARIANT = {
-  input: "rounded-input border border-input bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-3 py-2 text-sm w-full",
+  input: "flex h-9 items-center rounded-input border border-input bg-card shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] px-3 text-sm w-full",
   toolbar: "h-[26px] rounded-button border border-border bg-card shadow-button px-2.5 text-xs font-medium",
   // 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"
+  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"
 };
 function DatePicker({ value, onChange, className, variant = "input", format = "long", defaultOpen, onOpenChange }) {
   const t = useTranslation();
@@ -1766,9 +1774,9 @@ function DatePicker({ value, onChange, className, variant = "input", format = "l
         ref: triggerRef,
         type: "button",
         onClick: () => setOpen((p) => !p),
-        className: `flex items-center text-left transition-colors ${variant === "chip" ? "gap-1" : "gap-2 hover:bg-muted/30"} ${TRIGGER_VARIANT[variant]}`,
+        className: `flex items-center text-left transition-colors ${variant === "chip" ? "gap-1" : variant === "inline" ? "" : "gap-2 hover:bg-muted/30"} ${TRIGGER_VARIANT[variant]}`,
         children: [
-          /* @__PURE__ */ jsx(Calendar, { className: `shrink-0 ${variant === "input" ? "h-3.5 w-3.5 text-muted-foreground" : "h-3 w-3 opacity-70"}` }),
+          variant !== "inline" && /* @__PURE__ */ jsx(Calendar, { className: `shrink-0 ${variant === "input" ? "h-3.5 w-3.5 text-muted-foreground" : "h-3 w-3 opacity-70"}` }),
           /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap", children: value ? (format === "numeric" ? formatDateNumeric : variant === "input" ? formatDate : formatDateCompact)(selectedDate, locale) : t("common.selectDate") })
         ]
       }
@@ -2226,7 +2234,7 @@ function SearchSelect({
       "div",
       {
         className: cn(
-          "mt-1 flex items-center gap-2 rounded-lg border bg-background transition-colors",
+          "mt-1 flex h-9 items-center gap-2 rounded-input border border-input bg-background transition-colors",
           open ? "ring-2 ring-primary/20" : "hover:bg-muted/30",
           disabled && "opacity-50 cursor-not-allowed"
         ),
@@ -2409,7 +2417,7 @@ function CurrencyInput({
       "div",
       {
         className: cn(
-          "flex items-center rounded-lg border border-input bg-background ring-offset-background transition-colors cursor-text",
+          "flex h-9 items-center rounded-input border border-input bg-background ring-offset-background transition-colors cursor-text",
           label && "mt-1",
           focused && "border-ring ring-2 ring-ring ring-offset-2",
           disabled && "opacity-50 cursor-not-allowed"
@@ -2431,7 +2439,7 @@ function CurrencyInput({
               placeholder: placeholder ?? format(0),
               disabled,
               readOnly: false,
-              className: "flex-1 bg-transparent px-2 py-2 text-sm outline-none text-right tabular-nums caret-primary selection:bg-primary/20",
+              className: "h-full flex-1 bg-transparent px-2 text-sm outline-none text-right tabular-nums caret-primary selection:bg-primary/20",
               onChange: () => {
               }
             }
@@ -3422,7 +3430,7 @@ function SearchCombobox({
         onKeyDown: handleKeyDown,
         placeholder,
         autoFocus,
-        className: minimal ? `w-full bg-transparent pl-2 ${chevron ? "pr-7" : "pr-3"} py-1.5 text-sm placeholder:text-muted-foreground focus:outline-none border-b border-transparent hover:border-border focus:border-foreground transition-colors` : `w-full rounded-lg border bg-background pl-8 ${chevron ? "pr-8" : "pr-3"} py-2 text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring`,
+        className: minimal ? `w-full bg-transparent pl-2 ${chevron ? "pr-7" : "pr-3"} py-1.5 text-sm placeholder:text-muted-foreground focus:outline-none border-b border-transparent hover:border-border focus:border-foreground transition-colors` : `h-9 w-full rounded-input border border-input bg-background pl-8 ${chevron ? "pr-8" : "pr-3"} text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring`,
         role: "combobox",
         "aria-expanded": hasDropdown,
         "aria-autocomplete": "list",
@@ -4272,5 +4280,5 @@ function AdaptiveFilter({
 }
 
 export { AdaptiveFilter, Badge, Breadcrumb, BulkActionBar, ChevronPager, CurrencyInput, DatePicker, DateRangeChip, DictateButton, DotBadge, DraftCommitBar, FILTER_RAIL_WIDTH, FilterCheckBox, FilterCheckList, FilterCheckRow, FilterChip, 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, useInModalTaskHost, useRowSelection };
-//# sourceMappingURL=chunk-ABY2HXG4.js.map
-//# sourceMappingURL=chunk-ABY2HXG4.js.map
+//# sourceMappingURL=chunk-UFT3MA5H.js.map
+//# sourceMappingURL=chunk-UFT3MA5H.js.map