@fayz-ai/ui 0.22.0 → 0.24.0

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

@@ -1,25 +1,24 @@
-import { useSaveBarVisible, useCrossModuleBack, useBackHandler, PageHeaderActions, SegmentedControl } from './chunk-PQUS22JE.js';
-import { useIsWide, Dropdown, DropdownTrigger, DropdownContent, DropdownSeparator, DropdownItem, Card, DataTable, Checkbox } from './chunk-E44WOPCR.js';
+import { PageHeaderActions, SegmentedControl } from './chunk-UP7WVKSU.js';
+import { Hint, Dropdown, DropdownTrigger, DropdownContent, DropdownSeparator, DropdownItem, Card, PageActionBar, DataTable, Popover, PopoverTrigger, PopoverContent, Checkbox, useIsWide } from './chunk-HO2P2XB4.js';
+import { useSaveBarVisible, useCrossModuleBack, useBackHandler } from './chunk-RRNMNFLF.js';
 import { cn, Button } from './chunk-OKZ6WQB3.js';
-import * as React18 from 'react';
-import React18__default, { useState, useRef, useEffect, useMemo, useCallback } from 'react';
+import * as React15 from 'react';
+import React15__default, { useState, useRef, useEffect, useMemo, useCallback } from '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, ChevronLeft, ChevronRight, ImageIcon, RefreshCw, Clock, Download, Calendar, Loader2 } from 'lucide-react';
+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 * as SelectPrimitive from '@radix-ui/react-select';
 import { Toaster } from 'sonner';
 export { toast } from 'sonner';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import * as SeparatorPrimitive from '@radix-ui/react-separator';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { createPortal } from 'react-dom';
 import { useTranslation, getCountry, unmaskPhone, maskPhone, getCurrentLocale } from '@fayz-ai/core';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
+import { createPortal } from 'react-dom';
 
-var Input = React18.forwardRef(
+var Input = React15.forwardRef(
   ({ className, type, error, description, id, ...props }, ref) => {
-    const inputId = id ?? React18.useId();
+    const inputId = id ?? React15.useId();
     const descriptionId = description ? `${inputId}-description` : void 0;
     const errorId = error ? `${inputId}-error` : void 0;
     return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
@@ -101,13 +100,18 @@ var SIZE_MAP = {
   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(
+var ModalOverlay = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -120,7 +124,7 @@ var ModalOverlay = React18.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 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(
+var ModalContent = React15.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,
@@ -175,14 +179,14 @@ function ModalBody({ className, ...props }) {
 function ModalFooter({ className, ...props }) {
   return /* @__PURE__ */ jsx("div", { className: cn("mt-auto flex flex-col-reverse gap-2 sm:mt-0 sm:flex-row sm:justify-end sm:gap-0 sm:space-x-2 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 }));
+var ModalTitle = React15.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 }));
+var ModalDescription = React15.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;
-var SelectTrigger = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectTrigger = React15.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -198,7 +202,7 @@ var SelectTrigger = React18.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollUpButton = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -211,7 +215,7 @@ var SelectScrollUpButton = React18.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollDownButton = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -224,7 +228,7 @@ var SelectScrollDownButton = React18.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React18.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+var SelectContent = React15.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
   SelectPrimitive.Content,
   {
     ref,
@@ -252,7 +256,7 @@ var SelectContent = React18.forwardRef(({ className, children, position = "poppe
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
@@ -264,7 +268,7 @@ var SelectLabel = React18.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectItem = React15.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
@@ -280,7 +284,7 @@ var SelectItem = React18.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -318,7 +322,7 @@ function ToastProvider({
   );
 }
 var Tabs = TabsPrimitive.Root;
-var TabsList = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsList = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.List,
   {
     ref,
@@ -332,7 +336,7 @@ var TabsList = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsTrigger = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -344,7 +348,7 @@ var TabsTrigger = React18.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
     ref,
@@ -356,7 +360,7 @@ var TabsContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
-var Separator2 = React18.forwardRef(
+var Separator2 = React15.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
     SeparatorPrimitive.Root,
     {
@@ -407,7 +411,7 @@ function formatPhone(digits, fallback, countryCode) {
   const tail = rest.length === 9 ? rest.slice(5) : rest.slice(4);
   return `+55 (${ddd}) ${head}-${tail}`;
 }
-var PhoneLink = React18.forwardRef(
+var PhoneLink = React15.forwardRef(
   ({ phone, message, countryCode, raw, className, children, ...props }, ref) => {
     const { e164, display } = normalizePhone(phone, countryCode);
     const label = children ?? (raw ? phone ?? "" : display);
@@ -467,235 +471,6 @@ function Breadcrumb({ parent, current, onBack }) {
     ] })
   ] });
 }
-var TooltipProvider = TooltipPrimitive.Provider;
-var Tooltip = TooltipPrimitive.Root;
-var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React18.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
-  TooltipPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "fayz-glass-surface z-[120] overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-var Hint = React18.forwardRef(function Hint2({ label, children, side = "top", delayDuration = 0, ...rest }, ref) {
-  if (!label) return React18.cloneElement(children, { ...rest, ref });
-  return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ jsxs(Tooltip, { children: [
-    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, ...rest, ref, children }),
-    /* @__PURE__ */ jsx(TooltipContent, { side, className: "px-2 py-1 text-xs font-medium", children: label })
-  ] }) });
-});
-function iconOf(action, className) {
-  const Icon2 = action.icon;
-  return Icon2 ? /* @__PURE__ */ jsx(Icon2, { className }) : null;
-}
-function PageActionBar({ actions, className }) {
-  const wide = useIsWide();
-  const visible = actions.filter((a) => !a.hidden);
-  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;
-  }
-  let seenPrimary = false;
-  const primary = [];
-  const secondary = [];
-  const utility = [];
-  const danger = [];
-  for (const a of visible) {
-    const intent = a.intent ?? "secondary";
-    if (intent === "primary" && !seenPrimary) {
-      seenPrimary = true;
-      primary.push(a);
-      continue;
-    }
-    if (intent === "danger") {
-      danger.push(a);
-      continue;
-    }
-    if (intent === "utility") {
-      utility.push(a);
-      continue;
-    }
-    secondary.push(a);
-  }
-  const head = primary[0];
-  const menu = [...secondary, ...danger];
-  return /* @__PURE__ */ jsxs("div", { className: cn("flex shrink-0 items-center gap-2", className), children: [
-    utility.map((a) => (
-      // Um botão só de ícone não diz o que faz. `title=` parecia resolver e
-      // não resolve: espera ~1s que ninguém controla, sai na pintura do
-      // sistema operacional, nunca aparece no toque e vários leitores de tela
-      // pulam. Hint é o tooltip do design system, e o texto é ANUNCIADO.
-      /* @__PURE__ */ jsx(Hint, { label: a.label, children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "outline",
-          size: "icon",
-          onClick: () => void a.onSelect(),
-          disabled: a.disabled,
-          "aria-label": a.label,
-          "data-testid": a.testId,
-          "data-tour": `action.${a.id}`,
-          children: iconOf(a, "h-4 w-4")
-        }
-      ) }, a.id)
-    )),
-    head && menu.length === 0 && /* @__PURE__ */ jsxs(Button, { onClick: () => void head.onSelect(), disabled: head.disabled, "data-testid": head.testId, "data-tour": `action.${head.id}`, children: [
-      iconOf(head, "mr-1.5 h-4 w-4"),
-      head.label
-    ] }),
-    head && menu.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ jsxs(Button, { className: "rounded-r-none", onClick: () => void head.onSelect(), disabled: head.disabled, "data-testid": head.testId, "data-tour": `action.${head.id}`, children: [
-        iconOf(head, "mr-1.5 h-4 w-4"),
-        head.label
-      ] }),
-      /* @__PURE__ */ jsxs(Dropdown, { children: [
-        /* @__PURE__ */ jsx(DropdownTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Hint, { label: `${head.label}\u2026`, children: /* @__PURE__ */ jsx(
-          Button,
-          {
-            className: "-ml-px rounded-l-none px-2",
-            "aria-label": `${head.label}\u2026`,
-            "data-tour": menu.map((a) => `action.${a.id}`).join(" "),
-            children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
-          }
-        ) }) }),
-        /* @__PURE__ */ jsx(DropdownContent, { align: "end", className: "w-56", children: /* @__PURE__ */ jsx(ActionItems, { actions: menu }) })
-      ] })
-    ] }),
-    !head && menu.length > 0 && /* @__PURE__ */ jsxs(Dropdown, { children: [
-      /* @__PURE__ */ jsx(DropdownTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Hint, { label: "A\xE7\xF5es", children: /* @__PURE__ */ jsx(Button, { variant: "outline", size: "icon", "aria-label": "A\xE7\xF5es", children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }) }) }) }),
-      /* @__PURE__ */ jsx(DropdownContent, { align: "end", className: "w-56", children: /* @__PURE__ */ jsx(ActionItems, { actions: menu }) })
-    ] })
-  ] });
-}
-function ActionItems({ actions, stagger }) {
-  const out = [];
-  actions.forEach((a, i) => {
-    const isDanger = a.intent === "danger";
-    const prevSafe = i > 0 && actions[i - 1].intent !== "danger";
-    if (isDanger && prevSafe) out.push(/* @__PURE__ */ jsx(DropdownSeparator, {}, `${a.id}-sep`));
-    out.push(
-      /* @__PURE__ */ jsxs(
-        DropdownItem,
-        {
-          disabled: a.disabled,
-          onSelect: () => void a.onSelect(),
-          "data-testid": a.testId,
-          style: stagger ? { ["--i"]: i } : void 0,
-          className: cn("gap-2", stagger && "fz-fab-item", isDanger && "text-destructive focus:text-destructive"),
-          children: [
-            iconOf(a, "h-4 w-4 shrink-0"),
-            /* @__PURE__ */ jsxs("span", { className: "min-w-0", children: [
-              /* @__PURE__ */ jsx("span", { className: "block truncate", children: a.label }),
-              a.description && /* @__PURE__ */ jsx("span", { className: "block truncate text-xs text-muted-foreground", children: a.description })
-            ] })
-          ]
-        },
-        a.id
-      )
-    );
-  });
-  return /* @__PURE__ */ jsx(Fragment, { children: out });
-}
-function PageActionFab({ actions }) {
-  const byIntent = (i) => actions.filter((a) => (a.intent ?? "secondary") === i);
-  const utility = byIntent("utility");
-  const main = [...byIntent("primary"), ...byIntent("secondary"), ...byIntent("danger")];
-  if (main.length === 0) return /* @__PURE__ */ jsx(FabButton, { actions: utility, tone: "neutral" });
-  const isCreate = main.every((a) => a.creates ?? a.icon === Plus);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    utility.length > 0 && /* @__PURE__ */ jsx(FabButton, { actions: utility, tone: "neutral", mini: true }),
-    /* @__PURE__ */ jsx(FabButton, { actions: main, tone: isCreate ? "primary" : "neutral" })
-  ] });
-}
-function useScrim(open) {
-  const [mounted, setMounted] = React18.useState(open);
-  const [visible, setVisible] = React18.useState(open);
-  React18.useEffect(() => {
-    if (open) {
-      setMounted(true);
-      const frame = requestAnimationFrame(() => setVisible(true));
-      return () => cancelAnimationFrame(frame);
-    }
-    setVisible(false);
-    const timer = window.setTimeout(() => setMounted(false), SCRIM_MS);
-    return () => window.clearTimeout(timer);
-  }, [open]);
-  return { mounted, visible };
-}
-var SCRIM_MS = 200;
-function FabButton({ actions, tone, mini }) {
-  const [open, setOpen] = React18.useState(false);
-  const scrim = useScrim(open);
-  if (actions.length === 0) return null;
-  const isCreate = tone === "primary";
-  const FabIcon = isCreate ? Plus : MoreVertical;
-  const style = {
-    bottom: mini ? "calc(var(--fz-bottom-bar, 0px) + 4.75rem)" : "calc(var(--fz-bottom-bar, 0px) + 1rem)"
-  };
-  const shell = cn(
-    "fz-tap fixed z-40 flex items-center justify-center rounded-full",
-    "transition-transform active:scale-95 md:hidden",
-    // Centred on the main circle's column, so the two read as one stack.
-    mini ? "right-5 h-12 w-12" : "right-4 h-14 w-14",
-    isCreate ? "bg-primary text-primary-foreground shadow-lg shadow-primary/30 ring-4 ring-background" : "bg-card text-foreground shadow-lg ring-1 ring-border"
-  );
-  if (actions.length === 1) {
-    const only = actions[0];
-    const Icon2 = only.icon ?? FabIcon;
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        style,
-        className: shell,
-        onClick: () => void only.onSelect(),
-        disabled: only.disabled,
-        "aria-label": only.label,
-        "data-testid": only.testId,
-        children: /* @__PURE__ */ jsx(Icon2, { className: mini ? "h-5 w-5" : "h-6 w-6" })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(Dropdown, { open, onOpenChange: setOpen, children: [
-    scrim.mounted && typeof document !== "undefined" && createPortal(
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          "aria-hidden": true,
-          onClick: () => setOpen(false),
-          className: cn(
-            "fixed inset-0 z-[100] bg-foreground/40 transition-opacity duration-200 md:hidden",
-            "motion-reduce:transition-none",
-            scrim.visible ? "opacity-100" : "opacity-0"
-          )
-        }
-      ),
-      document.body
-    ),
-    /* @__PURE__ */ jsx(DropdownTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        style,
-        className: cn(shell, open && "z-[105]", isCreate && "fz-fab-trigger"),
-        "aria-label": actionsMenuLabel,
-        children: /* @__PURE__ */ jsx(FabIcon, { className: mini ? "h-5 w-5" : "h-6 w-6" })
-      }
-    ) }),
-    /* @__PURE__ */ jsx(DropdownContent, { side: "top", align: "end", sideOffset: 12, className: "fz-fab-menu w-60 md:hidden", children: /* @__PURE__ */ jsx(ActionItems, { actions, stagger: true }) })
-  ] });
-}
-var actionsMenuLabel = "A\xE7\xF5es";
-function setActionsMenuLabel(label) {
-  actionsMenuLabel = label;
-}
 var INLINE_LIMIT = 2;
 function RowActions({
   actions,
@@ -744,7 +519,7 @@ function RowActions({
         const Icon2 = a.icon;
         const isDanger = a.intent === "danger";
         const prevSafe = i > 0 && overflow[i - 1].intent !== "danger";
-        return /* @__PURE__ */ jsxs(React18.Fragment, { children: [
+        return /* @__PURE__ */ jsxs(React15.Fragment, { children: [
           isDanger && prevSafe && /* @__PURE__ */ jsx(DropdownSeparator, {}),
           /* @__PURE__ */ jsxs(
             DropdownItem,
@@ -789,6 +564,9 @@ function ChevronPager({ page, pageSize, total, onPageChange, noun }) {
   const from = total === 0 ? 0 : (page - 1) * pageSize + 1;
   const to = Math.min(page * pageSize, total);
   const button = "flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-40";
+  const JANELA = 5;
+  const inicio = Math.max(1, Math.min(page - Math.floor(JANELA / 2), pages - JANELA + 1));
+  const numeros = Array.from({ length: Math.min(JANELA, pages) }, (_, i) => inicio + i);
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2 border-t border-border px-3 py-2", children: [
     /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
       from.toLocaleString(),
@@ -799,6 +577,17 @@ function ChevronPager({ page, pageSize, total, onPageChange, noun }) {
       noun ? ` ${noun}` : ""
     ] }),
     pages > 1 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+      pages > JANELA && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Primeira p\xE1gina",
+          className: button,
+          disabled: page <= 1,
+          onClick: () => onPageChange(1),
+          children: /* @__PURE__ */ jsx(ChevronsLeft, { className: "h-4 w-4" })
+        }
+      ),
       /* @__PURE__ */ jsx(
         "button",
         {
@@ -810,11 +599,18 @@ function ChevronPager({ page, pageSize, total, onPageChange, noun }) {
           children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
         }
       ),
-      /* @__PURE__ */ jsxs("span", { className: "px-1 text-xs tabular-nums text-muted-foreground", children: [
-        page.toLocaleString(),
-        " / ",
-        pages.toLocaleString()
-      ] }),
+      numeros.map((n) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": `P\xE1gina ${n}`,
+          "aria-current": n === page ? "page" : void 0,
+          onClick: () => onPageChange(n),
+          className: n === page ? "flex h-7 min-w-7 items-center justify-center rounded-md bg-primary px-1.5 text-xs font-medium tabular-nums text-primary-foreground" : "flex h-7 min-w-7 items-center justify-center rounded-md px-1.5 text-xs tabular-nums text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+          children: n.toLocaleString()
+        },
+        n
+      )),
       /* @__PURE__ */ jsx(
         "button",
         {
@@ -825,6 +621,17 @@ function ChevronPager({ page, pageSize, total, onPageChange, noun }) {
           onClick: () => onPageChange(page + 1),
           children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
         }
+      ),
+      pages > JANELA && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          "aria-label": "\xDAltima p\xE1gina",
+          className: button,
+          disabled: page >= pages,
+          onClick: () => onPageChange(pages),
+          children: /* @__PURE__ */ jsx(ChevronsRight, { className: "h-4 w-4" })
+        }
       )
     ] })
   ] });
@@ -963,8 +770,8 @@ var ICON_CLASSES = {
   lg: "h-5 w-5"
 };
 function Thumbnail({ src, alt = "", size = "md", icon: Icon2 = ImageIcon, className }) {
-  const [failed, setFailed] = React18.useState(false);
-  React18.useEffect(() => {
+  const [failed, setFailed] = React15.useState(false);
+  React15.useEffect(() => {
     setFailed(false);
   }, [src]);
   const base = cn("shrink-0 overflow-hidden", SIZE_CLASSES[size], className);
@@ -991,9 +798,9 @@ function Thumbnail({ src, alt = "", size = "md", icon: Icon2 = ImageIcon, classN
 }
 Thumbnail.displayName = "Thumbnail";
 function RefreshButton({ onRefresh, fromCache, label, labelCached, className, ...rest }) {
-  const [phase, setPhase] = React18.useState("idle");
-  const alive = React18.useRef(true);
-  React18.useEffect(() => () => {
+  const [phase, setPhase] = React15.useState("idle");
+  const alive = React15.useRef(true);
+  React15.useEffect(() => () => {
     alive.current = false;
   }, []);
   const title = fromCache ? labelCached ?? label : label;
@@ -1211,27 +1018,27 @@ function useRowSelection({
   getRowId,
   enabled = true
 }) {
-  const identify = React18.useCallback(
+  const identify = React15.useCallback(
     (row) => getRowId ? getRowId(row) : String(row?.id ?? ""),
     [getRowId]
   );
-  const visible = React18.useMemo(() => rows ?? [], [rows]);
-  const [rawSelection, setRawSelection] = React18.useState([]);
-  const visibleIds = React18.useMemo(() => new Set(visible.map(identify)), [visible, identify]);
-  const selectedIds = React18.useMemo(
+  const visible = React15.useMemo(() => rows ?? [], [rows]);
+  const [rawSelection, setRawSelection] = React15.useState([]);
+  const visibleIds = React15.useMemo(() => new Set(visible.map(identify)), [visible, identify]);
+  const selectedIds = React15.useMemo(
     () => rawSelection.filter((id) => visibleIds.has(id)),
     [rawSelection, visibleIds]
   );
-  const selectedRows = React18.useMemo(() => {
+  const selectedRows = React15.useMemo(() => {
     const picked = new Set(selectedIds);
     return visible.filter((row) => picked.has(identify(row)));
   }, [visible, selectedIds, identify]);
-  const clear = React18.useCallback(() => setRawSelection([]), []);
-  const selectAll = React18.useCallback(
+  const clear = React15.useCallback(() => setRawSelection([]), []);
+  const selectAll = React15.useCallback(
     () => setRawSelection(visible.map(identify)),
     [visible, identify]
   );
-  const barActions = React18.useMemo(
+  const barActions = React15.useMemo(
     () => (actions ?? []).map((action) => ({
       id: action.id,
       label: action.label,
@@ -1291,14 +1098,65 @@ function FilterChip({ allLabel, options, value, onChange, label, icon: Icon2, cl
   ] });
 }
 var ICON_BTN = "fz-tap text-muted-foreground";
+function ListFilters({ tagFilter, filters, advanced, label, count, wideCount }) {
+  const wide = useIsWide();
+  const [open, setOpen] = useState(false);
+  if (!tagFilter && !filters && !advanced) return null;
+  const inPanel = wide ? advanced : /* @__PURE__ */ jsxs(Fragment, { children: [
+    tagFilter,
+    filters,
+    advanced
+  ] });
+  const badge = wide ? wideCount : count;
+  const trigger = wide && !advanced ? null : /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-label": label,
+        className: cn(
+          "inline-flex shrink-0 items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs font-medium transition-colors",
+          badge > 0 ? "border-primary/30 bg-primary/10 text-primary hover:bg-primary/15" : "border-transparent bg-muted/70 text-muted-foreground hover:bg-muted hover:text-foreground"
+        ),
+        children: [
+          /* @__PURE__ */ jsx(SlidersHorizontal, { className: "h-3 w-3 shrink-0 opacity-70" }),
+          /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: label }),
+          badge > 0 && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-primary/20 px-1.5 text-[10px] font-semibold tabular-nums", children: badge })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        align: "end",
+        sideOffset: 8,
+        className: "flex max-h-[70vh] w-[min(18rem,calc(100vw-1.5rem))] flex-col gap-3 overflow-y-auto p-3 [&_button]:w-full [&_button]:justify-between",
+        children: inPanel
+      }
+    )
+  ] });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    wide && tagFilter,
+    wide && filters,
+    trigger
+  ] });
+}
+var PAGER_BTN = "flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:pointer-events-none disabled:opacity-40";
 function ListView({
   columns,
   data,
   loading = false,
   searchPlaceholder = "Search...",
+  filtersLabel = "Filtros",
+  advancedFilters,
+  activeFilterCount = 0,
+  advancedFilterCount,
+  onClearFilters,
+  clearFiltersLabel = "Clear",
   search: controlledSearch,
   onSearchChange,
   searchDebounce = 300,
+  searchOwnRow,
   tags,
   allTagLabel = "All",
   tagsLabel,
@@ -1316,6 +1174,12 @@ function ListView({
   total,
   page = 1,
   pageSize = 25,
+  rangeOfLabel = "of",
+  firstPageLabel = "First page",
+  prevPageLabel = "Previous page",
+  nextPageLabel = "Next page",
+  lastPageLabel = "Last page",
+  pageLabel = "Page",
   onPageChange,
   toolbar,
   filters,
@@ -1343,6 +1207,9 @@ 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 showPagination = onPageChange && totalItems > pageSize;
   const showSearch = !!onSearchChange;
   const showTags = tags && tags.length > 0 && onTagChange;
@@ -1391,7 +1258,11 @@ function ListView({
           actions: selection.barActions
         }
       ) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        showSearch && /* @__PURE__ */ jsxs("div", { className: "relative min-w-0 flex-1", children: [
+        showSearch && // `basis-full` e não uma segunda `div`: o contentor já é
+        // `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: [
           /* @__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",
@@ -1404,9 +1275,34 @@ function ListView({
             }
           )
         ] }),
-        (tagFilter || filters || onRefresh || onExport) && /* @__PURE__ */ jsxs("div", { className: "ml-auto flex flex-wrap items-center justify-end gap-2", children: [
-          tagFilter,
-          filters,
+        (tagFilter || filters || advancedFilters || onRefresh || onExport) && // `flex-nowrap`: envolvendo, cada filtro a mais abria uma
+        // linha nova sob a busca, e quatro deles gastavam três linhas
+        // antes da primeira linha da tabela. No celular eles se
+        // recolhem num gatilho (abaixo) e a linha volta a ser uma.
+        /* @__PURE__ */ jsxs("div", { className: "ml-auto flex flex-nowrap items-center justify-end gap-2 md:flex-wrap", children: [
+          /* @__PURE__ */ jsx(
+            ListFilters,
+            {
+              tagFilter,
+              filters,
+              advanced: advancedFilters,
+              label: filtersLabel,
+              count: activeFilterCount,
+              wideCount: advancedFilterCount ?? activeFilterCount
+            }
+          ),
+          onClearFilters && activeFilterCount > 0 && /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: onClearFilters,
+              className: "inline-flex shrink-0 items-center gap-1 rounded-full px-2 py-1 text-xs font-medium text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+              children: [
+                /* @__PURE__ */ jsx(X, { className: "h-3 w-3 shrink-0" }),
+                clearFiltersLabel
+              ]
+            }
+          ),
           onRefresh && /* @__PURE__ */ jsx(Hint, { label: refreshLabel, children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon", "aria-label": refreshLabel, onClick: onRefresh, className: ICON_BTN, children: /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4" }) }) }),
           onExport && /* @__PURE__ */ jsx(Hint, { label: exportLabel, children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon", "aria-label": exportLabel, onClick: onExport, className: ICON_BTN, children: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" }) }) })
         ] })
@@ -1426,40 +1322,75 @@ function ListView({
           onSelectedIdsChange: selection.setSelectedIds,
           getRowId
         }
-      )
-    ] }),
-    showPagination && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-1", children: [
-      /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
-        (page - 1) * pageSize + 1,
-        "\u2013",
-        Math.min(page * pageSize, totalItems),
-        " of ",
-        totalItems
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => onPageChange(page - 1),
-            disabled: page <= 1,
-            className: "flex h-7 w-7 items-center justify-center rounded-md border hover:bg-muted bg-card shadow-button active:shadow-button-inset transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
-            children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-3.5 w-3.5" })
-          }
-        ),
-        /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground px-2", children: [
-          page,
-          " / ",
-          totalPages
+      ),
+      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: [
+        /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground sm:justify-self-start", children: [
+          (page - 1) * pageSize + 1,
+          "\u2013",
+          Math.min(page * pageSize, totalItems),
+          " ",
+          rangeOfLabel,
+          " ",
+          totalItems.toLocaleString()
         ] }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => onPageChange(page + 1),
-            disabled: page >= totalPages,
-            className: "flex h-7 w-7 items-center justify-center rounded-md border hover:bg-muted bg-card shadow-button active:shadow-button-inset transition-colors disabled:opacity-30 disabled:cursor-not-allowed",
-            children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5" })
-          }
-        )
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+          totalPages > PAGE_WINDOW && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => onPageChange(1),
+              disabled: page <= 1,
+              "aria-label": firstPageLabel,
+              className: PAGER_BTN,
+              children: /* @__PURE__ */ jsx(ChevronsLeft, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => onPageChange(page - 1),
+              disabled: page <= 1,
+              "aria-label": prevPageLabel,
+              className: PAGER_BTN,
+              children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" })
+            }
+          ),
+          pageWindow.map((n) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => onPageChange(n),
+              "aria-label": `${pageLabel} ${n}`,
+              "aria-current": n === page ? "page" : void 0,
+              className: n === page ? "flex h-7 min-w-7 items-center justify-center rounded-md bg-primary px-1.5 text-xs font-medium tabular-nums text-primary-foreground" : "flex h-7 min-w-7 items-center justify-center rounded-md px-1.5 text-xs tabular-nums text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+              children: n
+            },
+            n
+          )),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => onPageChange(page + 1),
+              disabled: page >= totalPages,
+              "aria-label": nextPageLabel,
+              className: PAGER_BTN,
+              children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4" })
+            }
+          ),
+          totalPages > PAGE_WINDOW && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => onPageChange(totalPages),
+              disabled: page >= totalPages,
+              "aria-label": lastPageLabel,
+              className: PAGER_BTN,
+              children: /* @__PURE__ */ jsx(ChevronsRight, { className: "h-4 w-4" })
+            }
+          )
+        ] })
       ] })
     ] })
   ] });
@@ -1667,7 +1598,7 @@ function toLocalISODate(d) {
 }
 function MiniCalendar({ selectedDate, onDateSelect, onMonthChange, markers }) {
   const locale = getCurrentLocale();
-  const [viewMonth, setViewMonth] = React18__default.useState(() => new Date(selectedDate.getFullYear(), selectedDate.getMonth(), 1));
+  const [viewMonth, setViewMonth] = React15__default.useState(() => new Date(selectedDate.getFullYear(), selectedDate.getMonth(), 1));
   const monthLabel = viewMonth.toLocaleDateString(toDateLocale2(locale), { month: "long", year: "numeric" });
   const dayLabels = DAY_LABELS2[locale] ?? DAY_LABELS2.en;
   const weeks = useMemo(() => {
@@ -1746,7 +1677,7 @@ function FilterSection({
   defaultOpen = true,
   children
 }) {
-  const [open, setOpen] = React18__default.useState(defaultOpen);
+  const [open, setOpen] = React15__default.useState(defaultOpen);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
       "button",
@@ -1819,7 +1750,7 @@ function FilterCheckList({
   }
   return /* @__PURE__ */ jsx("div", { className: className ? `${className} space-y-0.5` : "space-y-0.5", children: rows });
 }
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React18.useLayoutEffect : React18.useEffect;
+var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React15.useLayoutEffect : React15.useEffect;
 function SearchSelect({
   value,
   displayValue,
@@ -1843,18 +1774,18 @@ function SearchSelect({
   "data-tour": dataTour
 }) {
   const canCreate = !!onCreate && allowCreate !== false;
-  const [open, setOpen] = React18.useState(false);
-  const [query, setQuery] = React18.useState("");
-  const [results, setResults] = React18.useState([]);
-  const [loading, setLoading] = React18.useState(false);
-  const [creating, setCreating] = React18.useState(false);
-  const [selectedLabel, setSelectedLabel] = React18.useState(displayValue ?? "");
-  const containerRef = React18.useRef(null);
-  const inputRef = React18.useRef(null);
-  const timerRef = React18.useRef();
-  const [rect, setRect] = React18.useState(null);
-  const dropdownRef = React18.useRef(null);
-  React18.useEffect(() => {
+  const [open, setOpen] = React15.useState(false);
+  const [query, setQuery] = React15.useState("");
+  const [results, setResults] = React15.useState([]);
+  const [loading, setLoading] = React15.useState(false);
+  const [creating, setCreating] = React15.useState(false);
+  const [selectedLabel, setSelectedLabel] = React15.useState(displayValue ?? "");
+  const containerRef = React15.useRef(null);
+  const inputRef = React15.useRef(null);
+  const timerRef = React15.useRef();
+  const [rect, setRect] = React15.useState(null);
+  const dropdownRef = React15.useRef(null);
+  React15.useEffect(() => {
     function handler(e) {
       const target = e.target;
       if (containerRef.current?.contains(target)) return;
@@ -1864,10 +1795,10 @@ function SearchSelect({
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, []);
-  React18.useEffect(() => {
+  React15.useEffect(() => {
     if (displayValue !== void 0) setSelectedLabel(displayValue);
   }, [displayValue]);
-  React18.useEffect(() => {
+  React15.useEffect(() => {
     if (open && loadOnOpen && query.length === 0 && results.length === 0 && !loading) {
       setLoading(true);
       Promise.resolve(onSearch("")).then(setResults).catch(() => setResults([])).finally(() => setLoading(false));
@@ -1925,7 +1856,7 @@ function SearchSelect({
     setResults([]);
     setTimeout(() => inputRef.current?.focus(), 0);
   }
-  const groups = React18.useMemo(() => {
+  const groups = React15.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const opt of results) {
       const group = opt.group ?? "";
@@ -2020,7 +1951,7 @@ function SearchSelect({
               /* @__PURE__ */ jsx(Loader2, { className: "h-3.5 w-3.5 animate-spin" }),
               " ",
               searchingLabel
-            ] }) : results.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-4 py-4 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: noResultsLabel ?? (query ? `No results for "${query}"` : "No results") }) }) : /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-auto py-1", children: [...groups.entries()].map(([group, options]) => /* @__PURE__ */ jsxs(React18.Fragment, { children: [
+            ] }) : results.length === 0 ? /* @__PURE__ */ jsx("div", { className: "px-4 py-4 text-center", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: noResultsLabel ?? (query ? `No results for "${query}"` : "No results") }) }) : /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-auto py-1", children: [...groups.entries()].map(([group, options]) => /* @__PURE__ */ jsxs(React15.Fragment, { children: [
               group && /* @__PURE__ */ jsx("div", { className: "sticky top-0 bg-muted/50 px-3 py-1 text-[10px] font-semibold uppercase tracking-wider text-muted-foreground", children: group }),
               options.map((opt) => /* @__PURE__ */ jsx(
                 "button",
@@ -2082,9 +2013,9 @@ function CurrencyInput({
   className,
   disabled
 }) {
-  const inputRef = React18.useRef(null);
-  const [focused, setFocused] = React18.useState(false);
-  const format = React18.useCallback((v) => {
+  const inputRef = React15.useRef(null);
+  const [focused, setFocused] = React15.useState(false);
+  const format = React15.useCallback((v) => {
     return new Intl.NumberFormat(locale, {
       minimumFractionDigits: 2,
       maximumFractionDigits: 2
@@ -2154,24 +2085,125 @@ function CurrencyInput({
     )
   ] });
 }
-var Popover = PopoverPrimitive.Root;
-var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React18.forwardRef(({ className, align = "start", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-  PopoverPrimitive.Content,
-  {
-    ref,
-    align,
-    sideOffset,
-    className: cn(
-      "fayz-glass-surface z-[110] w-72 rounded-xl border bg-popover p-0 text-popover-foreground shadow-lg outline-none",
-      "data-[state=open]:animate-zoom-in data-[state=closed]:animate-zoom-out",
-      className
-    ),
-    ...props
+function formatRange(from, to, locale) {
+  const parse = (s) => {
+    const [y, m, d] = s.split("-").map(Number);
+    return new Date(y, (m ?? 1) - 1, d ?? 1);
+  };
+  const day = (d) => String(d.getDate());
+  const dayMonth = (d) => d.toLocaleDateString(locale, { day: "numeric", month: "short" }).replace(/\.$/, "");
+  if (from && to) {
+    const a = parse(from);
+    const b = parse(to);
+    if (a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth()) {
+      return a.getDate() === b.getDate() ? dayMonth(a) : `${day(a)}\u2013${dayMonth(b)}`;
+    }
+    return `${dayMonth(a)} \u2013 ${dayMonth(b)}`;
   }
-) }));
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
+  return dayMonth(parse(from || to));
+}
+function DateRangeChip({
+  from,
+  to,
+  onChange,
+  presets = [],
+  preset,
+  onPresetChange,
+  allLabel,
+  labels,
+  label,
+  className
+}) {
+  const [open, setOpen] = React15.useState(false);
+  const active = !!(from || to);
+  const locale = typeof navigator !== "undefined" ? navigator.language : "en";
+  const presetLabel = presets.find((p) => p.value === preset)?.label;
+  const text = !active ? allLabel : presetLabel ?? formatRange(from, to, locale);
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-label": label,
+        className: cn(
+          "inline-flex shrink-0 items-center gap-1 rounded-full border px-2.5 py-1 text-xs font-medium transition-colors",
+          active ? "border-primary/30 bg-primary/10 text-primary hover:bg-primary/15" : "border-transparent bg-muted/70 text-muted-foreground hover:bg-muted hover:text-foreground",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(CalendarDays, { className: "h-3 w-3 shrink-0 opacity-70" }),
+          /* @__PURE__ */ jsx("span", { className: "max-w-[12rem] truncate", children: text })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(PopoverContent, { align: "start", sideOffset: 6, className: "w-60 p-1.5", children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            onPresetChange?.("all");
+            onChange({ from: "", to: "" });
+            setOpen(false);
+          },
+          className: "flex w-full items-center rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-muted",
+          children: [
+            allLabel,
+            !active && /* @__PURE__ */ jsx(Check, { className: "ml-auto h-3.5 w-3.5 shrink-0" })
+          ]
+        }
+      ),
+      presets.map((p) => /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => {
+            onPresetChange?.(p.value);
+            setOpen(false);
+          },
+          className: "flex w-full items-center rounded-md px-2 py-1.5 text-sm transition-colors hover:bg-muted",
+          children: [
+            p.label,
+            active && preset === p.value && /* @__PURE__ */ jsx(Check, { className: "ml-auto h-3.5 w-3.5 shrink-0" })
+          ]
+        },
+        p.value
+      )),
+      /* @__PURE__ */ jsxs("div", { className: "mt-1 space-y-1.5 border-t border-border px-2 pb-1 pt-2", children: [
+        /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx("span", { className: "w-8 shrink-0", children: labels?.from ?? "From" }),
+          /* @__PURE__ */ jsx(
+            DatePicker,
+            {
+              value: from,
+              onChange: (next) => {
+                onPresetChange?.("custom");
+                onChange({ from: next, to });
+              },
+              variant: "toolbar",
+              className: "min-w-0 flex-1"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsx("span", { className: "w-8 shrink-0", children: labels?.to ?? "To" }),
+          /* @__PURE__ */ jsx(
+            DatePicker,
+            {
+              value: to,
+              onChange: (next) => {
+                onPresetChange?.("custom");
+                onChange({ from, to: next });
+              },
+              variant: "toolbar",
+              className: "min-w-0 flex-1"
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
 function MultiSelect({
   options,
   value,
@@ -2181,11 +2213,13 @@ function MultiSelect({
   emptyLabel = "Nada encontrado",
   disabled,
   className,
-  searchThreshold = 8
+  searchThreshold = 8,
+  variant = "field",
+  icon: Icon2
 }) {
-  const [query, setQuery] = React18.useState("");
-  const selected = React18.useMemo(() => new Set(value), [value]);
-  const filtered = React18.useMemo(() => {
+  const [query, setQuery] = React15.useState("");
+  const selected = React15.useMemo(() => new Set(value), [value]);
+  const filtered = React15.useMemo(() => {
     const q = query.trim().toLowerCase();
     if (!q) return options;
     return options.filter((o) => o.label.toLowerCase().includes(q));
@@ -2200,15 +2234,22 @@ function MultiSelect({
       {
         type: "button",
         disabled,
+        "aria-label": allLabel,
         className: cn(
-          "flex h-9 w-full items-center justify-between gap-2 rounded-input border border-input bg-card px-3 py-1.5 text-xs",
-          "shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] transition-colors hover:bg-muted/40",
           "disabled:cursor-not-allowed disabled:opacity-50",
-          value.length === 0 && "text-muted-foreground",
+          variant === "chip" ? cn(
+            "inline-flex shrink-0 items-center gap-1 rounded-full border px-2.5 py-1 text-xs font-medium transition-colors",
+            value.length > 0 ? "border-primary/30 bg-primary/10 text-primary hover:bg-primary/15" : "border-transparent bg-muted/70 text-muted-foreground hover:bg-muted hover:text-foreground"
+          ) : cn(
+            "flex h-9 w-full items-center justify-between gap-2 rounded-input border border-input bg-card px-3 py-1.5 text-xs",
+            "shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] transition-colors hover:bg-muted/40",
+            value.length === 0 && "text-muted-foreground"
+          ),
           className
         ),
         children: [
-          /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: label }),
+          variant === "chip" && Icon2 && /* @__PURE__ */ jsx(Icon2, { className: "h-3 w-3 shrink-0 opacity-70" }),
+          /* @__PURE__ */ jsx("span", { className: cn("min-w-0 truncate", variant === "chip" && "max-w-[12rem]"), children: label }),
           /* @__PURE__ */ jsxs("span", { className: "flex shrink-0 items-center gap-1", children: [
             value.length > 0 && // Limpar dentro do gatilho: a alternativa é desmarcar cinco itens
             // um a um para voltar a "todos", e é o caminho de volta mais
@@ -2228,43 +2269,64 @@ function MultiSelect({
                 children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
               }
             ),
-            /* @__PURE__ */ jsx(ChevronDown, { className: "h-3.5 w-3.5 shrink-0 opacity-50" })
+            /* @__PURE__ */ jsx(ChevronDown, { className: cn("shrink-0", variant === "chip" ? "h-3 w-3 opacity-60" : "h-3.5 w-3.5 opacity-50") })
           ] })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsxs(DropdownContent, { align: "start", className: "w-[--radix-dropdown-menu-trigger-width] p-0", children: [
-      options.length >= searchThreshold && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b px-2 py-1.5", children: [
-        /* @__PURE__ */ jsx(Search, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            value: query,
-            onChange: (e) => setQuery(e.target.value),
-            placeholder: searchPlaceholder,
-            onKeyDown: (e) => e.stopPropagation(),
-            className: "w-full bg-transparent text-xs outline-none placeholder:text-muted-foreground"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-y-auto py-1", children: filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-3 py-4 text-center text-xs text-muted-foreground", children: emptyLabel }) : filtered.map((o) => /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          onClick: (e) => {
-            e.preventDefault();
-            toggle(o.value);
-          },
-          className: "flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs transition-colors hover:bg-muted",
-          children: [
-            /* @__PURE__ */ jsx(Checkbox, { checked: selected.has(o.value), onChange: () => toggle(o.value) }),
-            /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: o.label }),
-            o.hint && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: o.hint })
-          ]
-        },
-        o.value
-      )) })
-    ] })
+    /* @__PURE__ */ jsxs(
+      DropdownContent,
+      {
+        align: "start",
+        className: cn(
+          "p-0",
+          // Em `field` o painel casa com o campo, que é largo. Em `chip` a
+          // largura do gatilho é a do rótulo — herdá-la daria uma lista de
+          // dois dedos. Aqui ele ganha a sua própria medida de leitura.
+          variant === "chip" ? "w-[min(16rem,calc(100vw-1.5rem))]" : "w-[--radix-dropdown-menu-trigger-width]"
+        ),
+        children: [
+          options.length >= searchThreshold && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b px-2 py-1.5", children: [
+            /* @__PURE__ */ jsx(Search, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                value: query,
+                onChange: (e) => setQuery(e.target.value),
+                placeholder: searchPlaceholder,
+                onKeyDown: (e) => e.stopPropagation(),
+                className: "w-full bg-transparent text-xs outline-none placeholder:text-muted-foreground"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "max-h-64 overflow-y-auto py-1", children: filtered.length === 0 ? /* @__PURE__ */ jsx("p", { className: "px-3 py-4 text-center text-xs text-muted-foreground", children: emptyLabel }) : filtered.map((o) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: (e) => {
+                e.preventDefault();
+                toggle(o.value);
+              },
+              className: "flex w-full items-center gap-2 px-3 py-1.5 text-left text-xs transition-colors hover:bg-muted",
+              children: [
+                /* @__PURE__ */ jsx(Checkbox, { checked: selected.has(o.value), onChange: () => toggle(o.value) }),
+                o.color && /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "aria-hidden": true,
+                    className: "h-2 w-2 shrink-0 rounded-full ring-1 ring-inset ring-black/10",
+                    style: { backgroundColor: o.color }
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: o.label }),
+                o.hint && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-[10px] text-muted-foreground", children: o.hint })
+              ]
+            },
+            o.value
+          )) })
+        ]
+      }
+    )
   ] });
 }
 var INLINE_TOKEN = /(\*\*[^*]+\*\*|\*[^*]+\*|`[^`]+`)/g;
@@ -2280,7 +2342,7 @@ function renderInline(text, keyPrefix) {
     if (part.startsWith("`") && part.endsWith("`") && part.length > 2) {
       return /* @__PURE__ */ jsx("code", { className: "rounded bg-muted px-1 py-0.5 font-mono text-[0.85em]", children: part.slice(1, -1) }, key);
     }
-    return part === "" ? null : /* @__PURE__ */ jsx(React18.Fragment, { children: part }, key);
+    return part === "" ? null : /* @__PURE__ */ jsx(React15.Fragment, { children: part }, key);
   });
 }
 function parseBlocks(source) {
@@ -2364,7 +2426,7 @@ function renderMarkdown(source) {
       case "ol":
         return /* @__PURE__ */ jsx("ol", { className: "list-decimal space-y-1 pl-5", children: block.items.map((item, li) => /* @__PURE__ */ jsx("li", { children: renderInline(item, `${key}-${li}`) }, `${key}-${li}`)) }, key);
       case "p":
-        return /* @__PURE__ */ jsx("p", { children: block.lines.map((l, li) => /* @__PURE__ */ jsxs(React18.Fragment, { children: [
+        return /* @__PURE__ */ jsx("p", { children: block.lines.map((l, li) => /* @__PURE__ */ jsxs(React15.Fragment, { children: [
           li > 0 && /* @__PURE__ */ jsx("br", {}),
           renderInline(l, `${key}-${li}`)
         ] }, `${key}-${li}`)) }, key);
@@ -2385,7 +2447,7 @@ function MarkdownEditor({
   renderPreview,
   className
 }) {
-  const [mode, setMode] = React18.useState(
+  const [mode, setMode] = React15.useState(
     defaultMode === "preview" && value.trim() === "" ? "edit" : defaultMode
   );
   return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
@@ -2679,13 +2741,13 @@ function StockEntryForm({
   labels: overrides
 }) {
   const labels = { ...DEFAULT_LABELS, ...overrides };
-  const [quantity, setQuantity] = React18.useState("");
-  const [reasonCode, setReasonCode] = React18.useState("");
-  const [occurredOn, setOccurredOn] = React18.useState(todayISO());
-  const [note, setNote] = React18.useState("");
-  const [noteOpen, setNoteOpen] = React18.useState(false);
-  const quantityRef = React18.useRef(null);
-  React18.useEffect(() => {
+  const [quantity, setQuantity] = React15.useState("");
+  const [reasonCode, setReasonCode] = React15.useState("");
+  const [occurredOn, setOccurredOn] = React15.useState(todayISO());
+  const [note, setNote] = React15.useState("");
+  const [noteOpen, setNoteOpen] = React15.useState(false);
+  const quantityRef = React15.useRef(null);
+  React15.useEffect(() => {
     if (verb === null) return;
     setQuantity("");
     setReasonCode("");
@@ -2811,6 +2873,6 @@ function StockEntryForm({
   ] }) });
 }
 
-export { Badge, Breadcrumb, BulkActionBar, ChevronPager, CurrencyInput, DatePicker, DotBadge, DraftCommitBar, FilterCheckBox, FilterCheckList, FilterCheckRow, FilterChip, FilterSection, Hint, Input, ListView, Markdown, MarkdownEditor, MiniCalendar, Modal, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, MultiSelect, PageActionBar, PhoneField, PhoneLink, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, 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, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, WHATSAPP_BRAND_COLOR, WhatsAppIcon, badgeVariants, formatPhone2 as formatPhone, normalizePhone, renderMarkdown, setActionsMenuLabel, setRowActionsLabel, toLocalISODate, useRowSelection };
-//# sourceMappingURL=chunk-ZSOT7KTE.js.map
-//# sourceMappingURL=chunk-ZSOT7KTE.js.map
+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