@fayz-ai/ui 0.18.0 → 0.21.0

package/dist/{chunk-Z2ITFPGL.js → chunk-OYH7CEMB.js}

@@ -1,8 +1,8 @@
-import { useSaveBarVisible, useCrossModuleBack, useBackHandler, PageHeaderActions } from './chunk-OBIU37AX.js';
-import { useIsWide, Dropdown, DropdownTrigger, DropdownContent, DropdownSeparator, DropdownItem, Card, DataTable } from './chunk-E44WOPCR.js';
+import { useSaveBarVisible, useCrossModuleBack, useBackHandler, PageHeaderActions, SegmentedControl } from './chunk-EGHEU3U5.js';
+import { useIsWide, Dropdown, DropdownTrigger, DropdownContent, DropdownSeparator, DropdownItem, Card, DataTable, Checkbox } from './chunk-E44WOPCR.js';
 import { cn, Button } from './chunk-OKZ6WQB3.js';
-import * as React16 from 'react';
-import { useState, useRef, useEffect, useMemo, useCallback } from 'react';
+import * as React18 from 'react';
+import React18__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';
@@ -17,9 +17,9 @@ import { createPortal } from 'react-dom';
 import { useTranslation, getCountry, unmaskPhone, maskPhone, getCurrentLocale } from '@fayz-ai/core';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 
-var Input = React16.forwardRef(
+var Input = React18.forwardRef(
   ({ className, type, error, description, id, ...props }, ref) => {
-    const inputId = id ?? React16.useId();
+    const inputId = id ?? React18.useId();
     const descriptionId = description ? `${inputId}-description` : void 0;
     const errorId = error ? `${inputId}-error` : void 0;
     return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
@@ -107,7 +107,7 @@ var Modal = DialogPrimitive.Root;
 var ModalTrigger = DialogPrimitive.Trigger;
 var ModalClose = DialogPrimitive.Close;
 var ModalPortal = DialogPrimitive.Portal;
-var ModalOverlay = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var ModalOverlay = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -120,7 +120,7 @@ var ModalOverlay = React16.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 ModalOverlay.displayName = "ModalOverlay";
-var ModalContent = React16.forwardRef(({ className, children, size = "lg", hideClose, noPadding, onPointerDownOutside, onInteractOutside, onCloseAutoFocus, ...props }, ref) => /* @__PURE__ */ jsx(ModalPortal, { children: /* @__PURE__ */ jsx(ModalOverlay, { children: /* @__PURE__ */ jsxs(
+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,
@@ -175,14 +175,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 = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Title, { ref, className: cn("text-lg font-semibold leading-none tracking-tight", 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 = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DialogPrimitive.Description, { ref, className: cn("text-sm text-muted-foreground", className), ...props }));
+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;
-var SelectTrigger = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectTrigger = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -198,7 +198,7 @@ var SelectTrigger = React16.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollUpButton = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -211,7 +211,7 @@ var SelectScrollUpButton = React16.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectScrollDownButton = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -224,7 +224,7 @@ var SelectScrollDownButton = React16.forwardRef(({ className, ...props }, ref) =
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React16.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+var SelectContent = React18.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
   SelectPrimitive.Content,
   {
     ref,
@@ -252,16 +252,19 @@ var SelectContent = React16.forwardRef(({ className, children, position = "poppe
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectLabel = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Label,
   {
     ref,
-    className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className),
+    className: cn(
+      "mt-1.5 px-2 py-1 text-[11px] font-medium uppercase tracking-wide text-muted-foreground first:mt-0",
+      className
+    ),
     ...props
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var SelectItem = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   SelectPrimitive.Item,
   {
     ref,
@@ -277,7 +280,7 @@ var SelectItem = React16.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SelectSeparator = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   SelectPrimitive.Separator,
   {
     ref,
@@ -315,7 +318,7 @@ function ToastProvider({
   );
 }
 var Tabs = TabsPrimitive.Root;
-var TabsList = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsList = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.List,
   {
     ref,
@@ -329,7 +332,7 @@ var TabsList = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsTrigger = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -341,7 +344,7 @@ var TabsTrigger = React16.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TabsContent = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   TabsPrimitive.Content,
   {
     ref,
@@ -353,7 +356,7 @@ var TabsContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsContent.displayName = TabsPrimitive.Content.displayName;
-var Separator2 = React16.forwardRef(
+var Separator2 = React18.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
     SeparatorPrimitive.Root,
     {
@@ -404,7 +407,7 @@ function formatPhone(digits, fallback, countryCode) {
   const tail = rest.length === 9 ? rest.slice(5) : rest.slice(4);
   return `+55 (${ddd}) ${head}-${tail}`;
 }
-var PhoneLink = React16.forwardRef(
+var PhoneLink = React18.forwardRef(
   ({ phone, message, countryCode, raw, className, children, ...props }, ref) => {
     const { e164, display } = normalizePhone(phone, countryCode);
     const label = children ?? (raw ? phone ?? "" : display);
@@ -467,7 +470,7 @@ function Breadcrumb({ parent, current, onBack }) {
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React16.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+var TooltipContent = React18.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
   TooltipPrimitive.Content,
   {
     ref,
@@ -480,6 +483,13 @@ var TooltipContent = React16.forwardRef(({ className, sideOffset = 4, ...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;
@@ -517,20 +527,24 @@ function PageActionBar({ actions, className }) {
   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) => /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "outline",
-        size: "icon",
-        onClick: () => void a.onSelect(),
-        disabled: a.disabled,
-        "aria-label": a.label,
-        title: a.label,
-        "data-testid": a.testId,
-        "data-tour": `action.${a.id}`,
-        children: iconOf(a, "h-4 w-4")
-      },
-      a.id
+    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"),
@@ -542,7 +556,7 @@ function PageActionBar({ actions, className }) {
         head.label
       ] }),
       /* @__PURE__ */ jsxs(Dropdown, { children: [
-        /* @__PURE__ */ jsx(DropdownTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+        /* @__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",
@@ -550,12 +564,12 @@ function PageActionBar({ actions, className }) {
             "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(Button, { variant: "outline", size: "icon", "aria-label": "A\xE7\xF5es", children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" }) }) }),
+      /* @__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 }) })
     ] })
   ] });
@@ -601,9 +615,9 @@ function PageActionFab({ actions }) {
   ] });
 }
 function useScrim(open) {
-  const [mounted, setMounted] = React16.useState(open);
-  const [visible, setVisible] = React16.useState(open);
-  React16.useEffect(() => {
+  const [mounted, setMounted] = React18.useState(open);
+  const [visible, setVisible] = React18.useState(open);
+  React18.useEffect(() => {
     if (open) {
       setMounted(true);
       const frame = requestAnimationFrame(() => setVisible(true));
@@ -617,7 +631,7 @@ function useScrim(open) {
 }
 var SCRIM_MS = 200;
 function FabButton({ actions, tone, mini }) {
-  const [open, setOpen] = React16.useState(false);
+  const [open, setOpen] = React18.useState(false);
   const scrim = useScrim(open);
   if (actions.length === 0) return null;
   const isCreate = tone === "primary";
@@ -698,24 +712,25 @@ function RowActions({
   return /* @__PURE__ */ jsxs("div", { className: cn("flex shrink-0 items-center justify-end gap-0.5", className), onClick: stop, children: [
     inline.map((a) => {
       const Icon2 = a.icon;
-      return /* @__PURE__ */ jsx(
-        Button,
-        {
-          variant: "ghost",
-          size: "icon",
-          className: "fz-tap text-muted-foreground",
-          onClick: () => void a.onSelect(),
-          disabled: a.disabled,
-          "aria-label": a.label,
-          title: a.label,
-          "data-testid": a.testId,
-          children: Icon2 ? /* @__PURE__ */ jsx(Icon2, { className: "h-4 w-4" }) : null
-        },
-        a.id
+      return (
+        // Uma linha de tabela com três ícones cinza é três adivinhações.
+        /* @__PURE__ */ jsx(Hint, { label: a.label, children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "icon",
+            className: "fz-tap text-muted-foreground",
+            onClick: () => void a.onSelect(),
+            disabled: a.disabled,
+            "aria-label": a.label,
+            "data-testid": a.testId,
+            children: Icon2 ? /* @__PURE__ */ jsx(Icon2, { className: "h-4 w-4" }) : null
+          }
+        ) }, a.id)
       );
     }),
     overflow.length > 0 && /* @__PURE__ */ jsxs(Dropdown, { children: [
-      /* @__PURE__ */ jsx(DropdownTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx(DropdownTrigger, { asChild: true, children: /* @__PURE__ */ jsx(Hint, { label: rowActionsLabel, children: /* @__PURE__ */ jsx(
         Button,
         {
           variant: "ghost",
@@ -724,12 +739,12 @@ function RowActions({
           "aria-label": rowActionsLabel,
           children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" })
         }
-      ) }),
+      ) }) }),
       /* @__PURE__ */ jsx(DropdownContent, { align: "end", className: "w-52", children: overflow.map((a, i) => {
         const Icon2 = a.icon;
         const isDanger = a.intent === "danger";
         const prevSafe = i > 0 && overflow[i - 1].intent !== "danger";
-        return /* @__PURE__ */ jsxs(React16.Fragment, { children: [
+        return /* @__PURE__ */ jsxs(React18.Fragment, { children: [
           isDanger && prevSafe && /* @__PURE__ */ jsx(DropdownSeparator, {}),
           /* @__PURE__ */ jsxs(
             DropdownItem,
@@ -753,8 +768,8 @@ var rowActionsLabel = "A\xE7\xF5es";
 function setRowActionsLabel(label) {
   rowActionsLabel = label;
 }
-function SearchField({ value, onChange, placeholder, ...rest }) {
-  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+function SearchField({ value, onChange, placeholder, className, ...rest }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("relative", className), 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",
@@ -897,6 +912,46 @@ function BulkActionBar({
   );
 }
 BulkActionBar.displayName = "BulkActionBar";
+function DraftCommitBar({
+  open,
+  title,
+  hint,
+  icon: Icon2,
+  commitLabel,
+  onCommit,
+  discardLabel,
+  onDiscard,
+  busy,
+  commitDisabledReason,
+  className
+}) {
+  if (!open) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "region",
+      "aria-label": title,
+      className: cn(
+        "sticky bottom-3 z-10 flex flex-wrap items-center gap-3 rounded-card border bg-card px-4 py-2.5 shadow-lg",
+        className
+      ),
+      children: [
+        Icon2 && /* @__PURE__ */ jsx(Icon2, { className: "h-4 w-4 shrink-0 text-primary" }),
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: title }),
+          (commitDisabledReason || hint) && /* @__PURE__ */ jsx("p", { className: cn("text-[11px]", commitDisabledReason ? "text-warning" : "text-muted-foreground"), children: commitDisabledReason || hint })
+        ] }),
+        onDiscard && discardLabel && /* @__PURE__ */ jsx(Button, { variant: "outline", size: "sm", onClick: onDiscard, disabled: busy, children: discardLabel }),
+        /* @__PURE__ */ jsxs(Button, { size: "sm", onClick: onCommit, disabled: busy || Boolean(commitDisabledReason), children: [
+          /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5" }),
+          " ",
+          commitLabel
+        ] })
+      ]
+    }
+  );
+}
+DraftCommitBar.displayName = "DraftCommitBar";
 var SIZE_CLASSES = {
   sm: "h-8 w-8 rounded",
   md: "h-9 w-9 rounded",
@@ -908,8 +963,8 @@ var ICON_CLASSES = {
   lg: "h-5 w-5"
 };
 function Thumbnail({ src, alt = "", size = "md", icon: Icon2 = ImageIcon, className }) {
-  const [failed, setFailed] = React16.useState(false);
-  React16.useEffect(() => {
+  const [failed, setFailed] = React18.useState(false);
+  React18.useEffect(() => {
     setFailed(false);
   }, [src]);
   const base = cn("shrink-0 overflow-hidden", SIZE_CLASSES[size], className);
@@ -936,9 +991,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] = React16.useState("idle");
-  const alive = React16.useRef(true);
-  React16.useEffect(() => () => {
+  const [phase, setPhase] = React18.useState("idle");
+  const alive = React18.useRef(true);
+  React18.useEffect(() => () => {
     alive.current = false;
   }, []);
   const title = fromCache ? labelCached ?? label : label;
@@ -955,28 +1010,31 @@ function RefreshButton({ onRefresh, fromCache, label, labelCached, className, ..
       if (alive.current) setPhase((p) => p === "done" ? "idle" : p);
     }, 1400);
   }
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      type: "button",
-      variant: "ghost",
-      size: "icon",
-      title,
-      "aria-label": title,
-      onClick: () => {
-        void run();
-      },
-      className: cn(
-        // The state colours are the point of this control, so they stay; what
-        // it was missing is the shared button underneath them.
-        "transition",
-        fromCache && phase !== "done" && "text-amber-600 hover:text-amber-700 dark:text-amber-500 dark:hover:text-amber-400",
-        phase === "done" && "text-emerald-600 dark:text-emerald-500",
-        className
-      ),
-      ...rest,
-      children: phase === "done" ? /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(RefreshCw, { className: cn("h-4 w-4", phase === "busy" && "animate-spin") })
-    }
+  return (
+    // Só o ícone: sem o tooltip do design system, o que este botão faz depende
+    // de o usuário arriscar um clique. `title=` não conta — ver Hint.
+    /* @__PURE__ */ jsx(Hint, { label: title, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        "aria-label": title,
+        onClick: () => {
+          void run();
+        },
+        className: cn(
+          // The state colours are the point of this control, so they stay; what
+          // it was missing is the shared button underneath them.
+          "transition",
+          fromCache && phase !== "done" && "text-amber-600 hover:text-amber-700 dark:text-amber-500 dark:hover:text-amber-400",
+          phase === "done" && "text-emerald-600 dark:text-emerald-500",
+          className
+        ),
+        ...rest,
+        children: phase === "done" ? /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(RefreshCw, { className: cn("h-4 w-4", phase === "busy" && "animate-spin") })
+      }
+    ) })
   );
 }
 RefreshButton.displayName = "RefreshButton";
@@ -1032,13 +1090,6 @@ function StatTiles({ tiles, loading, className }) {
     ] }, tile.id);
   }) });
 }
-var Hint = React16.forwardRef(function Hint2({ label, children, side = "top", delayDuration = 0, ...rest }, ref) {
-  if (!label) return React16.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 formatTime12(h, m) {
   const period = h >= 12 ? "pm" : "am";
   const h12 = h % 12 || 12;
@@ -1160,27 +1211,27 @@ function useRowSelection({
   getRowId,
   enabled = true
 }) {
-  const identify = React16.useCallback(
+  const identify = React18.useCallback(
     (row) => getRowId ? getRowId(row) : String(row?.id ?? ""),
     [getRowId]
   );
-  const visible = React16.useMemo(() => rows ?? [], [rows]);
-  const [rawSelection, setRawSelection] = React16.useState([]);
-  const visibleIds = React16.useMemo(() => new Set(visible.map(identify)), [visible, identify]);
-  const selectedIds = React16.useMemo(
+  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(
     () => rawSelection.filter((id) => visibleIds.has(id)),
     [rawSelection, visibleIds]
   );
-  const selectedRows = React16.useMemo(() => {
+  const selectedRows = React18.useMemo(() => {
     const picked = new Set(selectedIds);
     return visible.filter((row) => picked.has(identify(row)));
   }, [visible, selectedIds, identify]);
-  const clear = React16.useCallback(() => setRawSelection([]), []);
-  const selectAll = React16.useCallback(
+  const clear = React18.useCallback(() => setRawSelection([]), []);
+  const selectAll = React18.useCallback(
     () => setRawSelection(visible.map(identify)),
     [visible, identify]
   );
-  const barActions = React16.useMemo(
+  const barActions = React18.useMemo(
     () => (actions ?? []).map((action) => ({
       id: action.id,
       label: action.label,
@@ -1356,8 +1407,8 @@ function ListView({
         (tagFilter || filters || onRefresh || onExport) && /* @__PURE__ */ jsxs("div", { className: "ml-auto flex flex-wrap items-center justify-end gap-2", children: [
           tagFilter,
           filters,
-          onRefresh && /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon", "aria-label": refreshLabel, title: refreshLabel, onClick: onRefresh, className: ICON_BTN, children: /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4" }) }),
-          onExport && /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon", "aria-label": exportLabel, title: exportLabel, onClick: onExport, className: ICON_BTN, children: /* @__PURE__ */ jsx(Download, { className: "h-4 w-4" }) })
+          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" }) }) })
         ] })
       ] }) }),
       /* @__PURE__ */ jsx(
@@ -1595,7 +1646,180 @@ function DatePicker({ value, onChange, className, variant = "input", defaultOpen
     )
   ] });
 }
-var useIsomorphicLayoutEffect = typeof window !== "undefined" ? React16.useLayoutEffect : React16.useEffect;
+var DAY_LABELS2 = {
+  en: ["S", "M", "T", "W", "T", "F", "S"],
+  "pt-BR": ["D", "S", "T", "Q", "Q", "S", "S"]
+};
+function isSameDay2(a, b) {
+  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+function isToday2(d) {
+  return isSameDay2(d, /* @__PURE__ */ new Date());
+}
+function toDateLocale2(locale) {
+  if (locale === "pt-BR") return "pt-BR";
+  return "en-US";
+}
+function toLocalISODate(d) {
+  const month = String(d.getMonth() + 1).padStart(2, "0");
+  const day = String(d.getDate()).padStart(2, "0");
+  return `${d.getFullYear()}-${month}-${day}`;
+}
+function MiniCalendar({ selectedDate, onDateSelect, onMonthChange, markers }) {
+  const locale = getCurrentLocale();
+  const [viewMonth, setViewMonth] = React18__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(() => {
+    const year = viewMonth.getFullYear();
+    const month = viewMonth.getMonth();
+    const firstDay = new Date(year, month, 1);
+    const startOffset = firstDay.getDay();
+    const daysInMonth = new Date(year, month + 1, 0).getDate();
+    const cells = [];
+    for (let i = 0; i < startOffset; i++) cells.push(null);
+    for (let d = 1; d <= daysInMonth; d++) cells.push(new Date(year, month, d));
+    while (cells.length % 7 !== 0) cells.push(null);
+    const rows = [];
+    for (let i = 0; i < cells.length; i += 7) rows.push(cells.slice(i, i + 7));
+    return rows;
+  }, [viewMonth]);
+  function prevMonth() {
+    const d = new Date(viewMonth.getFullYear(), viewMonth.getMonth() - 1, 1);
+    setViewMonth(d);
+    onMonthChange?.(d);
+  }
+  function nextMonth() {
+    const d = new Date(viewMonth.getFullYear(), viewMonth.getMonth() + 1, 1);
+    setViewMonth(d);
+    onMonthChange?.(d);
+  }
+  const hasMarkers = !!markers;
+  return /* @__PURE__ */ jsxs("div", { className: "select-none", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm font-medium capitalize", children: monthLabel }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-0.5", children: [
+        /* @__PURE__ */ jsx("button", { onClick: prevMonth, "aria-label": "Previous month", className: "flex h-6 w-6 items-center justify-center rounded-full hover:bg-muted transition-colors", children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-3.5 w-3.5" }) }),
+        /* @__PURE__ */ jsx("button", { onClick: nextMonth, "aria-label": "Next month", className: "flex h-6 w-6 items-center justify-center rounded-full hover:bg-muted transition-colors", children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-3.5 w-3.5" }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 mb-0.5", children: dayLabels.map((label, i) => /* @__PURE__ */ jsx("div", { className: "flex h-6 w-6 items-center justify-center text-[10px] font-medium text-muted-foreground mx-auto", children: label }, i)) }),
+    weeks.map((week, wi) => /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7", children: week.map((date, di) => {
+      if (!date) return /* @__PURE__ */ jsx("div", { className: hasMarkers ? "h-9 w-6 mx-auto" : "h-6 w-6 mx-auto" }, di);
+      const selected = isSameDay2(date, selectedDate);
+      const today = isToday2(date);
+      const dots = markers?.[toLocalISODate(date)] ?? [];
+      return /* @__PURE__ */ jsxs("div", { className: hasMarkers ? "flex h-9 flex-col items-center" : "contents", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => onDateSelect(date),
+            "aria-label": dots.length ? dots.map((m) => m.label).filter(Boolean).join(", ") || void 0 : void 0,
+            className: `flex h-6 w-6 items-center justify-center rounded-full text-[11px] mx-auto transition-colors ${selected ? "bg-primary text-primary-foreground" : today ? "bg-primary/10 text-primary font-semibold" : "hover:bg-muted text-foreground"}`,
+            children: date.getDate()
+          }
+        ),
+        hasMarkers && /* @__PURE__ */ jsx("div", { className: "flex h-2 items-center gap-[2px]", children: dots.slice(0, 3).map((m, i) => /* @__PURE__ */ jsx("span", { className: "h-1 w-1 rounded-full", style: { backgroundColor: m.color } }, i)) })
+      ] }, di);
+    }) }, wi))
+  ] });
+}
+function DotBadge({ label, color, hideDot, className }) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: `inline-flex items-center gap-1.5 rounded-full px-2 py-0.5 text-xs font-medium whitespace-nowrap ${className ?? ""}`,
+      style: {
+        backgroundColor: `${color}15`,
+        color,
+        border: `1px solid ${color}30`
+      },
+      children: [
+        !hideDot && /* @__PURE__ */ jsx("span", { className: "h-1.5 w-1.5 shrink-0 rounded-full", style: { backgroundColor: color } }),
+        label
+      ]
+    }
+  );
+}
+function FilterSection({
+  title,
+  defaultOpen = true,
+  children
+}) {
+  const [open, setOpen] = React18__default.useState(defaultOpen);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        onClick: () => setOpen((p) => !p),
+        "aria-expanded": open,
+        className: "flex items-center justify-between w-full text-xs font-medium text-muted-foreground hover:text-foreground py-1 transition-colors",
+        children: [
+          /* @__PURE__ */ jsx("span", { children: title }),
+          /* @__PURE__ */ jsx(ChevronDown, { className: `h-3.5 w-3.5 transition-transform ${open ? "" : "-rotate-90"}` })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsx("div", { className: "mt-1.5 space-y-0.5", children })
+  ] });
+}
+function CheckMark({ className }) {
+  return /* @__PURE__ */ jsx("svg", { className, viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M2 6l3 3 5-5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
+}
+function FilterCheckBox({ checked, color }) {
+  if (!color) {
+    return /* @__PURE__ */ jsx("span", { className: `flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border-2 transition-colors ${checked ? "border-primary bg-primary" : "border-muted-foreground/30"}`, children: checked && /* @__PURE__ */ jsx(CheckMark, { className: "h-2.5 w-2.5 text-primary-foreground" }) });
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: "flex h-4 w-4 shrink-0 items-center justify-center rounded-sm border-2 transition-colors",
+      style: { borderColor: checked ? color : color + "40", backgroundColor: checked ? color : "transparent" },
+      children: checked && /* @__PURE__ */ jsx(CheckMark, { className: "h-2.5 w-2.5 text-white" })
+    }
+  );
+}
+function FilterCheckRow({
+  option,
+  checked,
+  onToggle
+}) {
+  return /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-2.5 rounded px-1 py-1 cursor-pointer hover:bg-muted/50 transition-colors", children: [
+    /* @__PURE__ */ jsx(FilterCheckBox, { checked, color: option.color }),
+    option.adornment,
+    /* @__PURE__ */ jsx("span", { className: `min-w-0 flex-1 truncate text-xs ${checked ? "text-foreground" : "text-muted-foreground"}`, children: option.label }),
+    option.count != null && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: option.count }),
+    /* @__PURE__ */ jsx("input", { type: "checkbox", className: "sr-only", checked, onChange: onToggle })
+  ] });
+}
+function FilterCheckList({
+  label,
+  options,
+  selected,
+  onChange,
+  className
+}) {
+  const all = selected.length === 0;
+  function toggle(value) {
+    const next = selected.includes(value) ? selected.filter((v) => v !== value) : [...selected, value];
+    onChange(next.length === options.length ? [] : next);
+  }
+  const rows = options.map((option) => /* @__PURE__ */ jsx(
+    FilterCheckRow,
+    {
+      option,
+      checked: all || selected.includes(option.value),
+      onToggle: () => toggle(option.value)
+    },
+    option.value
+  ));
+  if (label) {
+    return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(FilterSection, { title: label, children: rows }) });
+  }
+  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;
 function SearchSelect({
   value,
   displayValue,
@@ -1618,18 +1842,18 @@ function SearchSelect({
   disabled
 }) {
   const canCreate = !!onCreate && allowCreate !== false;
-  const [open, setOpen] = React16.useState(false);
-  const [query, setQuery] = React16.useState("");
-  const [results, setResults] = React16.useState([]);
-  const [loading, setLoading] = React16.useState(false);
-  const [creating, setCreating] = React16.useState(false);
-  const [selectedLabel, setSelectedLabel] = React16.useState(displayValue ?? "");
-  const containerRef = React16.useRef(null);
-  const inputRef = React16.useRef(null);
-  const timerRef = React16.useRef();
-  const [rect, setRect] = React16.useState(null);
-  const dropdownRef = React16.useRef(null);
-  React16.useEffect(() => {
+  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(() => {
     function handler(e) {
       const target = e.target;
       if (containerRef.current?.contains(target)) return;
@@ -1639,10 +1863,10 @@ function SearchSelect({
     document.addEventListener("mousedown", handler);
     return () => document.removeEventListener("mousedown", handler);
   }, []);
-  React16.useEffect(() => {
+  React18.useEffect(() => {
     if (displayValue !== void 0) setSelectedLabel(displayValue);
   }, [displayValue]);
-  React16.useEffect(() => {
+  React18.useEffect(() => {
     if (open && loadOnOpen && query.length === 0 && results.length === 0 && !loading) {
       setLoading(true);
       Promise.resolve(onSearch("")).then(setResults).catch(() => setResults([])).finally(() => setLoading(false));
@@ -1700,7 +1924,7 @@ function SearchSelect({
     setResults([]);
     setTimeout(() => inputRef.current?.focus(), 0);
   }
-  const groups = React16.useMemo(() => {
+  const groups = React18.useMemo(() => {
     const map = /* @__PURE__ */ new Map();
     for (const opt of results) {
       const group = opt.group ?? "";
@@ -1795,7 +2019,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(React16.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(React18.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",
@@ -1857,9 +2081,9 @@ function CurrencyInput({
   className,
   disabled
 }) {
-  const inputRef = React16.useRef(null);
-  const [focused, setFocused] = React16.useState(false);
-  const format = React16.useCallback((v) => {
+  const inputRef = React18.useRef(null);
+  const [focused, setFocused] = React18.useState(false);
+  const format = React18.useCallback((v) => {
     return new Intl.NumberFormat(locale, {
       minimumFractionDigits: 2,
       maximumFractionDigits: 2
@@ -1932,7 +2156,7 @@ function CurrencyInput({
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
 var PopoverAnchor = PopoverPrimitive.Anchor;
-var PopoverContent = React16.forwardRef(({ className, align = "start", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+var PopoverContent = React18.forwardRef(({ className, align = "start", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   PopoverPrimitive.Content,
   {
     ref,
@@ -1947,50 +2171,100 @@ var PopoverContent = React16.forwardRef(({ className, align = "start", sideOffse
   }
 ) }));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-var SIZE = {
-  sm: { container: "h-[26px]", segment: "px-2.5 text-xs" },
-  md: { container: "h-[30px]", segment: "px-3 text-sm" }
-};
-function SegmentedControl({
+function MultiSelect({
   options,
   value,
   onChange,
-  size = "sm",
+  allLabel = "Todos",
+  searchPlaceholder = "Buscar\u2026",
+  emptyLabel = "Nada encontrado",
+  disabled,
   className,
-  ...rest
+  searchThreshold = 8
 }) {
-  const items = options.map((o) => typeof o === "string" ? { value: o, label: o } : o);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      role: "tablist",
-      "aria-label": rest["aria-label"],
-      className: cn(
-        "inline-flex items-center rounded-button border border-border bg-card p-0.5 shadow-button",
-        SIZE[size].container,
-        className
-      ),
-      children: items.map((item) => {
-        const active = item.value === value;
-        return /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            role: "tab",
-            "aria-selected": active,
-            onClick: () => onChange(item.value),
-            className: cn(
-              "flex h-full items-center rounded-button font-semibold transition-colors",
-              SIZE[size].segment,
-              active ? "bg-foreground text-background" : "text-muted-foreground hover:bg-muted/60"
+  const [query, setQuery] = React18.useState("");
+  const selected = React18.useMemo(() => new Set(value), [value]);
+  const filtered = React18.useMemo(() => {
+    const q = query.trim().toLowerCase();
+    if (!q) return options;
+    return options.filter((o) => o.label.toLowerCase().includes(q));
+  }, [options, query]);
+  function toggle(v) {
+    onChange(selected.has(v) ? value.filter((x) => x !== v) : [...value, v]);
+  }
+  const label = value.length === 0 ? allLabel : value.length === 1 ? options.find((o) => o.value === value[0])?.label ?? "1 selecionado" : `${value.length} selecionados`;
+  return /* @__PURE__ */ jsxs(Dropdown, { children: [
+    /* @__PURE__ */ jsx(DropdownTrigger, { asChild: true, disabled, children: /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        disabled,
+        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",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", 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
+            // comum de todos.
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                role: "button",
+                tabIndex: -1,
+                "aria-label": "Limpar sele\xE7\xE3o",
+                onClick: (e) => {
+                  e.preventDefault();
+                  e.stopPropagation();
+                  onChange([]);
+                },
+                className: "rounded-full p-0.5 text-muted-foreground hover:bg-muted hover:text-foreground",
+                children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+              }
             ),
-            children: item.label
+            /* @__PURE__ */ jsx(ChevronDown, { className: "h-3.5 w-3.5 shrink-0 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);
           },
-          item.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
+      )) })
+    ] })
+  ] });
 }
 var INLINE_TOKEN = /(\*\*[^*]+\*\*|\*[^*]+\*|`[^`]+`)/g;
 function renderInline(text, keyPrefix) {
@@ -2005,7 +2279,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(React16.Fragment, { children: part }, key);
+    return part === "" ? null : /* @__PURE__ */ jsx(React18.Fragment, { children: part }, key);
   });
 }
 function parseBlocks(source) {
@@ -2089,7 +2363,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(React16.Fragment, { children: [
+        return /* @__PURE__ */ jsx("p", { children: block.lines.map((l, li) => /* @__PURE__ */ jsxs(React18.Fragment, { children: [
           li > 0 && /* @__PURE__ */ jsx("br", {}),
           renderInline(l, `${key}-${li}`)
         ] }, `${key}-${li}`)) }, key);
@@ -2110,7 +2384,7 @@ function MarkdownEditor({
   renderPreview,
   className
 }) {
-  const [mode, setMode] = React16.useState(
+  const [mode, setMode] = React18.useState(
     defaultMode === "preview" && value.trim() === "" ? "edit" : defaultMode
   );
   return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-2", className), children: [
@@ -2370,7 +2644,169 @@ function SearchCombobox({
     )
   ] });
 }
+var DEFAULT_LABELS = {
+  title: "Lan\xE7ar movimento",
+  description: "O raz\xE3o n\xE3o se edita: um erro se corrige com o movimento contr\xE1rio.",
+  quantity: "Quantidade",
+  reason: "Motivo",
+  reasonDefault: "Padr\xE3o",
+  whenArrived: "Chegou em",
+  when: "Quando",
+  note: "Observa\xE7\xE3o",
+  notePlaceholder: "Nota fiscal, quem entregou\u2026",
+  addNote: "+ observa\xE7\xE3o",
+  staysAt: "Fica em",
+  notEnough: "n\xE3o h\xE1 tudo isso",
+  sayHowMany: "Diga quantas unidades",
+  cancel: "Cancelar",
+  submit: "Lan\xE7ar",
+  submitting: "Lan\xE7ando\u2026"
+};
+var field = "mt-1 w-full rounded-md border bg-background px-2.5 py-1.5 text-sm outline-none focus:border-primary";
+var todayISO = () => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+function StockEntryForm({
+  verb,
+  onVerbChange,
+  onClose,
+  verbs,
+  reasons = [],
+  available,
+  saving = false,
+  onSubmit,
+  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(() => {
+    if (verb === null) return;
+    setQuantity("");
+    setReasonCode("");
+    setOccurredOn(todayISO());
+    setNote("");
+    setNoteOpen(false);
+    const timer = setTimeout(() => quantityRef.current?.focus(), 30);
+    return () => clearTimeout(timer);
+  }, [verb]);
+  const amount = Math.max(0, Math.trunc(Number(quantity) || 0));
+  const spec = verbs.find((v) => v.value === verb);
+  const effect = spec?.effect ?? "increase";
+  const nextBalance = amount === 0 ? null : effect === "set" ? amount : effect === "decrease" ? available - amount : available + amount;
+  const submit = () => {
+    if (amount === 0 || saving) return;
+    void onSubmit({ verb, quantity: amount, reasonCode, occurredOn, note });
+  };
+  return /* @__PURE__ */ jsx(Modal, { open: verb !== null, onOpenChange: (open) => {
+    if (!open) onClose();
+  }, children: /* @__PURE__ */ jsxs(ModalContent, { className: "sm:max-w-lg", children: [
+    /* @__PURE__ */ jsxs(ModalHeader, { children: [
+      /* @__PURE__ */ jsx(ModalTitle, { children: labels.title }),
+      /* @__PURE__ */ jsx(ModalDescription, { children: labels.description })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "p-1", children: [
+      /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: verbs.map((v) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => onVerbChange(v.value),
+          className: `fz-tap rounded-button px-3 py-1.5 text-xs font-medium transition-colors ${verb === v.value ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted hover:text-foreground"}`,
+          children: v.label
+        },
+        v.value
+      )) }),
+      /* @__PURE__ */ jsxs("div", { className: "mt-3 space-y-3", children: [
+        /* @__PURE__ */ jsxs("label", { className: "block", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: labels.quantity }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: quantityRef,
+              type: "number",
+              inputMode: "numeric",
+              min: effect === "set" ? 0 : 1,
+              value: quantity,
+              onChange: (e) => setQuantity(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Enter") {
+                  e.preventDefault();
+                  submit();
+                }
+                if (e.key === "Escape") {
+                  e.preventDefault();
+                  onClose();
+                }
+              },
+              placeholder: "0",
+              className: `${field} font-semibold tabular-nums`
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { "aria-live": "polite", className: "mt-1 block text-xs text-muted-foreground", children: nextBalance === null ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            labels.staysAt,
+            " ",
+            /* @__PURE__ */ jsx("span", { className: "font-medium tabular-nums text-foreground", children: available })
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: available }),
+            /* @__PURE__ */ jsx("span", { className: "mx-1.5", children: "\u2192" }),
+            /* @__PURE__ */ jsx("span", { className: `text-base font-semibold tabular-nums ${nextBalance < 0 ? "text-destructive" : "text-foreground"}`, children: nextBalance }),
+            nextBalance < 0 && /* @__PURE__ */ jsx("span", { className: "ml-2 text-destructive", children: labels.notEnough })
+          ] }) })
+        ] }),
+        reasons.length > 0 && /* @__PURE__ */ jsxs("label", { className: "block", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: labels.reason }),
+          /* @__PURE__ */ jsxs("select", { value: reasonCode, onChange: (e) => setReasonCode(e.target.value), className: field, children: [
+            /* @__PURE__ */ jsx("option", { value: "", children: labels.reasonDefault }),
+            reasons.map((r) => /* @__PURE__ */ jsx("option", { value: r.key, children: r.label }, r.key))
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs("label", { className: "block", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: effect === "increase" ? labels.whenArrived : labels.when }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "date",
+              value: occurredOn,
+              max: todayISO(),
+              onChange: (e) => setOccurredOn(e.target.value || todayISO()),
+              className: field
+            }
+          )
+        ] })
+      ] }),
+      noteOpen ? /* @__PURE__ */ jsxs("label", { className: "mt-3 block", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-muted-foreground", children: labels.note }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            autoFocus: true,
+            value: note,
+            onChange: (e) => setNote(e.target.value),
+            className: field,
+            placeholder: labels.notePlaceholder
+          }
+        )
+      ] }) : /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => setNoteOpen(true),
+          className: "mt-2 text-xs font-medium text-muted-foreground underline-offset-2 hover:text-foreground hover:underline",
+          children: labels.addNote
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(ModalFooter, { children: [
+      amount === 0 && // Why the button is dim, next to the button.
+      /* @__PURE__ */ jsx("span", { className: "mr-auto text-xs text-muted-foreground", children: labels.sayHowMany }),
+      /* @__PURE__ */ jsx(Button, { variant: "ghost", onClick: onClose, disabled: saving, children: labels.cancel }),
+      /* @__PURE__ */ jsx(Button, { onClick: submit, disabled: saving || amount === 0, children: saving ? labels.submitting : labels.submit })
+    ] })
+  ] }) });
+}
 
-export { Badge, Breadcrumb, BulkActionBar, ChevronPager, CurrencyInput, DatePicker, FilterChip, Hint, Input, ListView, Markdown, MarkdownEditor, Modal, ModalBody, ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalTitle, ModalTrigger, PageActionBar, PhoneField, PhoneLink, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, RefreshButton, RowActions, SearchCombobox, SearchField, SearchSelect, SegmentedControl, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, StatTiles, Tabs, TabsContent, TabsList, TabsTrigger, Thumbnail, TimePicker, ToastProvider, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, WHATSAPP_BRAND_COLOR, WhatsAppIcon, badgeVariants, formatPhone2 as formatPhone, normalizePhone, renderMarkdown, setActionsMenuLabel, setRowActionsLabel, useRowSelection };
-//# sourceMappingURL=chunk-Z2ITFPGL.js.map
-//# sourceMappingURL=chunk-Z2ITFPGL.js.map
+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-OYH7CEMB.js.map
+//# sourceMappingURL=chunk-OYH7CEMB.js.map