ivt 0.6.9 → 0.7.1

package/dist/base/index.d.ts

@@ -119,6 +119,28 @@ interface CalendarRangeProps extends Omit<React.ComponentProps<typeof Calendar>,
 }
 declare function CalendarRange({ value, onChange, placeholder, id, buttonProps, popoverProps, popoverContentClassName, className, disabled, ...props }: CalendarRangeProps): react_jsx_runtime.JSX.Element;
 
+interface CollapsibleHelpProps {
+    children?: React__default.ReactNode;
+    content: React__default.ReactNode;
+    title?: string;
+    className?: string;
+    label?: React__default.ReactNode;
+}
+/**
+ * A simpler CollapsibleHelp component that uses a Popover for the help content.
+ * It manages its own open state internally.
+ * The trigger is provided as 'children', and the content to show is passed as the 'content' prop.
+ *
+ * Usage:
+ * <CollapsibleHelp
+ *    content={<p>Help text goes here...</p>}
+ *    title="Help Section"
+ * >
+ *    <button>Toggle Help</button> // This is your custom trigger
+ * </CollapsibleHelp>
+ */
+declare function CollapsibleHelp({ children, content, title, className, label, }: CollapsibleHelpProps): react_jsx_runtime.JSX.Element;
+
 interface ConfirmSaveRowConfig {
     title: string;
     value: any;
@@ -149,8 +171,16 @@ interface DeleteConfirmationModalProps {
     cancelText?: string;
     disabled?: boolean;
     children?: React__default.ReactNode;
+    /**
+     * Ícone a ser exibido no botão de confirmação.
+     * Se não fornecido, usa Trash2Icon por padrão.
+     * Se for null, não exibe ícone.
+     */
+    confirmIcon?: React__default.ComponentType<{
+        className?: string;
+    }> | null;
 }
-declare function DeleteConfirmationModal({ onConfirm, title, description, confirmText, cancelText, disabled, children, }: DeleteConfirmationModalProps): react_jsx_runtime.JSX.Element;
+declare function DeleteConfirmationModal({ onConfirm, title, description, confirmText, cancelText, disabled, children, confirmIcon, }: DeleteConfirmationModalProps): react_jsx_runtime.JSX.Element;
 
 type MenuItemConfig = {
     value: string;
@@ -199,6 +229,71 @@ interface GenericHeadingMenubarProps {
  */
 declare const GenericHeadingMenubar: React__default.FC<GenericHeadingMenubarProps>;
 
+interface ColumnConfig<T> {
+    header: string;
+    cell: (item: T) => React__default.ReactNode;
+    className?: string;
+}
+interface GenericTableProps<T> {
+    data: T[];
+    columns: ColumnConfig<T>[];
+    renderSeparator?: (index: number) => React__default.ReactNode;
+    emptyMessage?: string;
+    className?: string;
+    keyExtractor?: (item: T, index: number) => string | number;
+}
+declare function GenericTable<T>({ data, columns, renderSeparator, emptyMessage, className, keyExtractor, }: GenericTableProps<T>): react_jsx_runtime.JSX.Element;
+
+type TabConfig = {
+    value: string;
+    label: string;
+    path?: string;
+    match?: string;
+    disabled?: boolean;
+    className?: string;
+};
+interface GenericTabsProps {
+    /**
+     * Array of tab configurations.
+     */
+    tabs: TabConfig[];
+    /**
+     * Disables all tabs if true.
+     */
+    isLoading?: boolean;
+    /**
+     * Custom class name for the container.
+     */
+    className?: string;
+    /**
+     * Current path string used for matching active tab.
+     * Pass browser URL or current router path here to enable auto-highlighting.
+     * Makes the component compatible with any router (Next.js, React Router, etc).
+     */
+    currentPath?: string;
+    /**
+     * Callback handler for navigation.
+     * Called with the tab's path when a tab is clicked.
+     * Use this to trigger your router's navigation (e.g. router.push, navigate(), etc).
+     */
+    onNavigate?: (path: string) => void;
+    /**
+     * Optional override for active tab value.
+     * If provided, the component acts as controlled for the active state display.
+     */
+    value?: string;
+    /**
+     * Custom class name for all tab triggers.
+     */
+    triggerClassName?: string;
+    /**
+     * If true, sets the tab width to fit content on small screens (sm:min-w-fit),
+     * overriding the default fixed width.
+     */
+    widthCurrent?: boolean;
+}
+declare const GenericTabs: React__default.FC<GenericTabsProps>;
+
 interface HeaderProps {
     title: string;
     description: string;
@@ -221,6 +316,38 @@ interface HoverBadgeProps {
 }
 declare const HoverBadge: React__default.FC<HoverBadgeProps>;
 
+interface RuleFilterBuilderProps {
+    fields: any[];
+    onRemove: (index: number) => void;
+    onAdd: () => void;
+    maxBlocks?: number;
+    isPending?: boolean;
+    instructionContent?: React__default.ReactNode;
+    renderConnector?: (index: number) => React__default.ReactNode;
+    renderItem: (index: number) => React__default.ReactNode;
+}
+declare function RuleFilterBuilder({ fields, onRemove, onAdd, maxBlocks, isPending, instructionContent, renderConnector, renderItem, }: RuleFilterBuilderProps): react_jsx_runtime.JSX.Element;
+
+interface StepNavigatorProps {
+    /** Índice atual do passo */
+    currentIndex: number;
+    /** Total de passos */
+    totalSteps: number;
+    /** Ação ao clicar em "Anterior" */
+    onPrev: () => void;
+    /** Ação ao clicar em "Próximo" */
+    onNext: () => void;
+    /** Desabilita os botões (ex: loading) */
+    disabled?: boolean;
+    /** Personalização opcional dos rótulos */
+    prevLabel?: string;
+    nextLabel?: string;
+    /** Controla se deve ocultar os botões ao chegar nas extremidades */
+    hideEdgeButtons?: boolean;
+    className?: string;
+}
+declare const StepNavigator: React__default.FC<StepNavigatorProps>;
+
 interface TextWrapProps extends React__default.HTMLAttributes<HTMLDivElement> {
     children: React__default.ReactNode;
 }
@@ -233,5 +360,5 @@ interface TooltipIndicatorProps {
 }
 declare const TooltipIndicator: ({ children, className, classNameIcon }: TooltipIndicatorProps) => react_jsx_runtime.JSX.Element;
 
-export { AutoComplete, BadgeListLimited, CalendarPopover, CalendarRange, ConfirmSave, DeleteConfirmationModal, GenericHeadingMenubar, Header, HoverBadge, TextWrap, TooltipIndicator, normalizeDate };
-export type { CalendarPopoverProps, CalendarRangeProps, ConfirmSaveRowConfig, GenericHeadingMenubarProps, MenuItemConfig };
+export { AutoComplete, BadgeListLimited, CalendarPopover, CalendarRange, CollapsibleHelp, ConfirmSave, DeleteConfirmationModal, GenericHeadingMenubar, GenericTable, GenericTabs, Header, HoverBadge, RuleFilterBuilder, StepNavigator, TextWrap, TooltipIndicator, normalizeDate };
+export type { CalendarPopoverProps, CalendarRangeProps, ColumnConfig, ConfirmSaveRowConfig, DeleteConfirmationModalProps, GenericHeadingMenubarProps, GenericTableProps, GenericTabsProps, MenuItemConfig, TabConfig };

package/dist/base/index.mjs

@@ -1,59 +1,65 @@
 import React__default from 'react';
-import { c } from '../chunks/index.module-dysOJ0dE.mjs';
-import { c as cn } from '../chunks/utils-CwDmCEge.mjs';
-import { P as Popover, a as PopoverTrigger, b as PopoverContent } from '../chunks/popover-BW3SktUO.mjs';
-import { B as Button } from '../chunks/button-C0ijXnnF.mjs';
-import { C as ChevronsUpDown } from '../chunks/chevrons-up-down-2G_mHB5d.mjs';
-import { C as Command, b as CommandInput, d as CommandEmpty, c as CommandList, e as CommandGroup, f as CommandItem } from '../chunks/command-CTTEi-Tw.mjs';
-import { C as Check } from '../chunks/check-DduIDKAH.mjs';
-import { B as Badge } from '../chunks/badge-Bq7g6DlG.mjs';
-import { c as TooltipProvider, T as Tooltip, a as TooltipTrigger, b as TooltipContent } from '../chunks/tooltip-DF-75FfQ.mjs';
-import { t as tryParseDate, p as ptBR } from '../chunks/date-Nk-MIRuv.mjs';
-import { L as LoaderCircle } from '../chunks/loader-circle-4xW2b9O-.mjs';
-import { C as CalendarDays } from '../chunks/calendar-days-Bvb62uyh.mjs';
-import { C as Calendar } from '../chunks/calendar-DZgstGv7.mjs';
-import { t as toDate, f as format } from '../chunks/format-Dy5xvA9f.mjs';
-export { C as CalendarRange } from '../chunks/CalendarRange-yEDYUjQD.mjs';
-import { D as Dialog, i as DialogTrigger, b as DialogContent, e as DialogHeader, h as DialogTitle, c as DialogDescription, d as DialogFooter } from '../chunks/dialog-DsCgCf_e.mjs';
-import { L as ListItem } from '../chunks/ListItem-Cmc5KRwa.mjs';
-export { D as DeleteConfirmationModal } from '../chunks/DeleteConfirmationModal-Chw9qtJ5.mjs';
-import { M as Menubar, b as MenubarMenu, c as MenubarTrigger, d as MenubarContent, h as MenubarItem } from '../chunks/menubar-IydEfpqR.mjs';
-import { A as Accordion, a as AccordionItem, b as AccordionTrigger, c as AccordionContent } from '../chunks/accordion-CEM9oHG4.mjs';
-import { t as twMerge } from '../chunks/bundle-mjs-DF1QM7yV.mjs';
-import { H as HoverCard, a as HoverCardTrigger, b as HoverCardContent } from '../chunks/hover-card-DftgNnGK.mjs';
-export { T as TooltipIndicator } from '../chunks/TooltipIndicator-DmbkG9GU.mjs';
-import '../chunks/index-D56BYstR.mjs';
-import '../chunks/index-BI2MxMeC.mjs';
-import '../chunks/index-vtBqBO3S.mjs';
+import { c } from '../chunks/index.module-1-Lm1QYF.mjs';
+import { c as cn } from '../chunks/utils-05LlW3Cl.mjs';
+import { P as Popover, a as PopoverTrigger, b as PopoverContent } from '../chunks/popover-CsYW0nDm.mjs';
+import { B as Button } from '../chunks/button-Co_1yLv6.mjs';
+import { C as ChevronsUpDown } from '../chunks/chevrons-up-down-BFiJwHit.mjs';
+import { C as Command, b as CommandInput, d as CommandEmpty, c as CommandList, e as CommandGroup, f as CommandItem } from '../chunks/command-IckfUQsK.mjs';
+import { C as Check } from '../chunks/check-BBGTedl-.mjs';
+import { B as Badge } from '../chunks/badge-rV4HbE_R.mjs';
+import { c as TooltipProvider, T as Tooltip, a as TooltipTrigger, b as TooltipContent } from '../chunks/tooltip-BTEGteNb.mjs';
+import { t as tryParseDate, p as ptBR } from '../chunks/date-bAe2UaSj.mjs';
+import { L as LoaderCircle } from '../chunks/loader-circle-BX1p6hn_.mjs';
+import { C as CalendarDays } from '../chunks/calendar-days-D8ft1Hpj.mjs';
+import { C as Calendar } from '../chunks/calendar-olAv9AH7.mjs';
+import { t as toDate, f as format } from '../chunks/format-Cn5wls3k.mjs';
+export { C as CalendarRange } from '../chunks/CalendarRange-BCcF9etO.mjs';
+import { A as Alert, a as AlertTitle, b as AlertDescription } from '../chunks/alert-BONxY3hS.mjs';
+import { I as Info } from '../chunks/TooltipIndicator-DgBUQgOI.mjs';
+export { T as TooltipIndicator } from '../chunks/TooltipIndicator-DgBUQgOI.mjs';
+import { X } from '../chunks/x-BOMmTgZd.mjs';
+import { D as Dialog, i as DialogTrigger, b as DialogContent, e as DialogHeader, h as DialogTitle, c as DialogDescription, d as DialogFooter } from '../chunks/dialog-BkF50Tmo.mjs';
+import { L as ListItem } from '../chunks/ListItem-D8UYYQVp.mjs';
+export { D as DeleteConfirmationModal } from '../chunks/DeleteConfirmationModal-CjXlfOWx.mjs';
+import { M as Menubar, b as MenubarMenu, c as MenubarTrigger, d as MenubarContent, h as MenubarItem } from '../chunks/menubar-JE1m8rYJ.mjs';
+import { T as Table, a as TableHeader, e as TableRow, d as TableHead, b as TableBody, f as TableCell } from '../chunks/table-Bxaxu8Lu.mjs';
+import { T as Tabs, a as TabsList, b as TabsTrigger } from '../chunks/tabs-BY4r8p4T.mjs';
+import { S as ScrollArea, a as ScrollBar } from '../chunks/scroll-area-Cr1Iu-Ot.mjs';
+import { A as Accordion, a as AccordionItem, b as AccordionTrigger, c as AccordionContent } from '../chunks/accordion-130n2E9C.mjs';
+import { t as twMerge } from '../chunks/bundle-mjs-BYcyWisL.mjs';
+import { H as HoverCard, a as HoverCardTrigger, b as HoverCardContent } from '../chunks/hover-card-CodWi0dK.mjs';
+import { C as ChevronLeft } from '../chunks/chevron-left-D7OzIyKL.mjs';
+import { C as ChevronRight } from '../chunks/chevron-right-mC6NR8jW.mjs';
+import '../chunks/index-Bl-WJHvp.mjs';
+import '../chunks/index-1tQVI0Jh.mjs';
+import '../chunks/index-DT8WgpCS.mjs';
 import 'react/jsx-runtime';
-import '../chunks/index-CKARIk9k.mjs';
-import '../chunks/index-L4pU8dCQ.mjs';
+import '../chunks/index-DUpRrJTH.mjs';
+import '../chunks/index-DgKlJYZP.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
-import '../chunks/index-CQt6sjXa.mjs';
-import '../chunks/index-Coakg78O.mjs';
-import '../chunks/tslib.es6-Cuxw-1bu.mjs';
-import '../chunks/index-BEh8ek6-.mjs';
-import '../chunks/index-B0Kdhw0d.mjs';
-import '../chunks/index-n9Y_kDgY.mjs';
-import '../chunks/index-DAZztiKf.mjs';
-import '../chunks/index-qUT5iV25.mjs';
-import '../chunks/index-2anlJbdb.mjs';
-import '../chunks/index-Ccz8nL5M.mjs';
+import '../chunks/index-Cbm3--wc.mjs';
+import '../chunks/index-DvCZGX3H.mjs';
+import '../chunks/tslib.es6-DXUeYCTx.mjs';
+import '../chunks/index-tkRL9Tft.mjs';
+import '../chunks/index-DKOlG3mh.mjs';
+import '../chunks/index-aLIsJMgt.mjs';
+import '../chunks/index-DmY774z-.mjs';
+import '../chunks/index-BTe1rv5Z.mjs';
+import '../chunks/index-C6s8KI_8.mjs';
+import '../chunks/index-D4FMFHi9.mjs';
 import 'class-variance-authority';
-import '../chunks/createLucideIcon-CyWof2Fq.mjs';
-import '../chunks/index-sGgLIg5I.mjs';
-import '../chunks/index-DZlAt5Up.mjs';
-import '../chunks/chevron-left-Ca4MIUps.mjs';
-import '../chunks/chevron-right-D8jyu1Ce.mjs';
-import '../chunks/chevron-down-C8lGEIzE.mjs';
-import '../chunks/x-Dpaoz6yn.mjs';
-import '../chunks/trash-2-C-nU3lmr.mjs';
+import '../chunks/createLucideIcon-DLrNgMqk.mjs';
+import '../chunks/index-BRYGnp2Q.mjs';
+import '../chunks/index-An4yBrAZ.mjs';
+import '../chunks/chevron-down-DNXEgdv9.mjs';
+import '../chunks/trash-2-D6lkozey.mjs';
 import '@radix-ui/react-collection';
-import '../chunks/index-BsB-iQGw.mjs';
-import '../chunks/index-CUXpXuiX.mjs';
-import '../chunks/index-DE-b60L0.mjs';
-import '../chunks/index-Dot3Y4xv.mjs';
+import '../chunks/index-CGLjQEjG.mjs';
+import '../chunks/index-DWmrjIYv.mjs';
+import '../chunks/index-BsG_UW8k.mjs';
+import '../chunks/index-GgS4otoq.mjs';
+import '../chunks/index-DWJ_2Xiy.mjs';
 
 function AutoComplete({ value, onChange, placeholder, searchPlaceholder, open, onOpenChange, disabled, messageEmpty = "Nenhum item encontrado.", fetchOptions, getOptionLabel, getOptionKey, onSelect, className }) {
     const [options, setOptions] = React__default.useState([]);
@@ -244,6 +250,55 @@ const CalendarPopover = ({ date, setDate, placeholder = "Selecione uma data", id
     })));
 };
 
+/**
+ * A simpler CollapsibleHelp component that uses a Popover for the help content.
+ * It manages its own open state internally.
+ * The trigger is provided as 'children', and the content to show is passed as the 'content' prop.
+ *
+ * Usage:
+ * <CollapsibleHelp
+ *    content={<p>Help text goes here...</p>}
+ *    title="Help Section"
+ * >
+ *    <button>Toggle Help</button> // This is your custom trigger
+ * </CollapsibleHelp>
+ */ function CollapsibleHelp({ children, content, title = "Ajuda", className, label }) {
+    const [open, setOpen] = React__default.useState(false);
+    return /*#__PURE__*/ React__default.createElement("div", {
+        className: cn("flex items-start justify-between gap-2", className)
+    }, label && /*#__PURE__*/ React__default.createElement("div", {
+        className: "flex-1"
+    }, label), /*#__PURE__*/ React__default.createElement(Popover, {
+        open: open,
+        onOpenChange: setOpen
+    }, /*#__PURE__*/ React__default.createElement(PopoverTrigger, {
+        asChild: true
+    }, children), /*#__PURE__*/ React__default.createElement(PopoverContent, {
+        className: "w-100 p-0 border-none bg-transparent shadow-none",
+        align: "end",
+        side: "bottom"
+    }, /*#__PURE__*/ React__default.createElement(Alert, {
+        className: "relative border-primary/20 shadow-md bg-popover"
+    }, /*#__PURE__*/ React__default.createElement(Info, {
+        className: "h-4 w-4 text-primary"
+    }), /*#__PURE__*/ React__default.createElement(AlertTitle, {
+        className: "text-primary font-medium"
+    }, title), /*#__PURE__*/ React__default.createElement(Button, {
+        variant: "ghost",
+        size: "sm",
+        type: "button",
+        className: "absolute top-4 right-4 h-6 w-6 p-0 text-muted-foreground hover:text-foreground",
+        onClick: (e)=>{
+            e.stopPropagation();
+            setOpen(false);
+        }
+    }, /*#__PURE__*/ React__default.createElement(X, {
+        className: "h-4 w-4"
+    })), /*#__PURE__*/ React__default.createElement(AlertDescription, {
+        className: "mt-2 text-sm space-y-3 text-foreground"
+    }, content)))));
+}
+
 function ConfirmSave({ onSave, disabled, dialogTitle = "Confirme os dados da predefinição", dialogDescription = "Verifique se os dados estão corretos antes de salvar. Você pode alterá-los a qualquer momento na lista de predefinições.", actionTitle = "Salvar predefinição", children, rows = [], actionVariant = "default" }) {
     const [open, setOpen] = React__default.useState(false);
     return /*#__PURE__*/ React__default.createElement(Dialog, {
@@ -348,6 +403,61 @@ function ConfirmSave({ onSave, disabled, dialogTitle = "Confirme os dados da pre
             }, item.label)))))), children);
 };
 
+function GenericTable({ data, columns, renderSeparator, emptyMessage = "Nenhum dado encontrado.", className, keyExtractor }) {
+    if (!data || data.length === 0) {
+        return /*#__PURE__*/ React__default.createElement("div", {
+            className: "text-muted-foreground"
+        }, emptyMessage);
+    }
+    return /*#__PURE__*/ React__default.createElement("div", {
+        className: `rounded-md border ${className ?? ""}`
+    }, /*#__PURE__*/ React__default.createElement(Table, null, /*#__PURE__*/ React__default.createElement(TableHeader, null, /*#__PURE__*/ React__default.createElement(TableRow, null, columns.map((col, index)=>/*#__PURE__*/ React__default.createElement(TableHead, {
+            key: index.toString()
+        }, col.header)))), /*#__PURE__*/ React__default.createElement(TableBody, null, data.map((item, index)=>{
+        const rowKey = keyExtractor ? keyExtractor(item, index) : index;
+        return /*#__PURE__*/ React__default.createElement(React__default.Fragment, {
+            key: rowKey
+        }, /*#__PURE__*/ React__default.createElement(TableRow, null, columns.map((col, colIndex)=>/*#__PURE__*/ React__default.createElement(TableCell, {
+                key: colIndex.toString(),
+                className: col.className
+            }, col.cell(item)))), renderSeparator?.(index));
+    }))));
+}
+
+const GenericTabs = ({ tabs, isLoading = false, className, currentPath = "", onNavigate, value: controlledValue, triggerClassName, widthCurrent })=>{
+    const activeTab = controlledValue ?? tabs.filter((t)=>{
+        const matchString = t.match ?? t.path;
+        return matchString && currentPath.includes(matchString);
+    }).sort((a, b)=>{
+        const lenA = (a.match ?? a.path ?? "").length;
+        const lenB = (b.match ?? b.path ?? "").length;
+        return lenB - lenA;
+    })[0]?.value ?? tabs[0]?.value;
+    const handleNavigate = (tab)=>{
+        if (tab.disabled || isLoading) return;
+        if (onNavigate && tab.path) {
+            onNavigate(tab.path);
+        }
+    };
+    return /*#__PURE__*/ React__default.createElement(Tabs, {
+        value: activeTab,
+        className: className
+    }, /*#__PURE__*/ React__default.createElement(ScrollArea, {
+        className: "w-full"
+    }, /*#__PURE__*/ React__default.createElement(TabsList, {
+        className: "flex h-full w-full justify-start gap-2"
+    }, tabs.map((tab)=>/*#__PURE__*/ React__default.createElement(TabsTrigger, {
+            key: tab.value,
+            value: tab.value,
+            className: cn("min-w-fit sm:min-w-[180px] w-fit", triggerClassName, widthCurrent && "sm:min-w-fit", tab.className),
+            disabled: isLoading || tab.disabled,
+            onClick: ()=>handleNavigate(tab),
+            type: "button"
+        }, tab.label))), /*#__PURE__*/ React__default.createElement(ScrollBar, {
+        orientation: "horizontal"
+    })));
+};
+
 const Header = ({ title, description, className, classNameDescription, children, defaultValue = "item-1", defaultOpen = false, menu })=>{
     const [value, setValue] = React__default.useState(defaultOpen ? defaultValue : "");
     const isOpen = value === defaultValue;
@@ -389,6 +499,85 @@ const HoverBadge = ({ title, description, variant, className, showTitleInDescrip
     }, description)));
 };
 
+function RuleFilterBuilder({ fields, onRemove, onAdd, maxBlocks = 3, isPending = false, instructionContent, renderConnector, renderItem }) {
+    // Ensure at least one block exists
+    React__default.useEffect(()=>{
+        if (fields.length === 0) {
+            onAdd();
+        }
+    }, [
+        fields.length,
+        onAdd
+    ]);
+    return /*#__PURE__*/ React__default.createElement("div", {
+        className: "space-y-6"
+    }, instructionContent && /*#__PURE__*/ React__default.createElement("div", {
+        className: "bg-muted/50 p-4 rounded-md border text-sm text-muted-foreground mb-4"
+    }, instructionContent), fields.map((fieldItem, index)=>/*#__PURE__*/ React__default.createElement("div", {
+            key: fieldItem.id,
+            className: "relative"
+        }, index > 0 && /*#__PURE__*/ React__default.createElement("div", {
+            className: "relative py-4 flex items-center justify-center"
+        }, /*#__PURE__*/ React__default.createElement("div", {
+            className: "absolute inset-0 flex items-center"
+        }, /*#__PURE__*/ React__default.createElement("span", {
+            className: "w-full border-t border-border"
+        })), /*#__PURE__*/ React__default.createElement("div", {
+            className: "relative bg-background px-4"
+        }, renderConnector ? renderConnector(index) : null)), /*#__PURE__*/ React__default.createElement("div", {
+            className: "border rounded-lg bg-card text-card-foreground shadow-sm overflow-hidden"
+        }, /*#__PURE__*/ React__default.createElement("div", {
+            className: "bg-muted/30 px-4 py-3 border-b flex items-center justify-between"
+        }, /*#__PURE__*/ React__default.createElement("div", {
+            className: "font-semibold text-sm flex items-center gap-2"
+        }, /*#__PURE__*/ React__default.createElement("span", {
+            className: "bg-primary/10 text-primary w-6 h-6 flex items-center justify-center rounded-full text-xs"
+        }, index + 1), "Bloco de Seleção ", index + 1), index > 0 && /*#__PURE__*/ React__default.createElement(Button, {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            onClick: ()=>onRemove(index),
+            className: "hover:bg-destructive hover:text-destructive-foreground h-8 w-8 p-0",
+            disabled: isPending
+        }, /*#__PURE__*/ React__default.createElement(X, {
+            className: "h-4 w-4"
+        }))), /*#__PURE__*/ React__default.createElement("div", {
+            className: "p-4 grid grid-cols-1 md:grid-cols-2 gap-4"
+        }, renderItem(index))))), fields.length < maxBlocks && /*#__PURE__*/ React__default.createElement(Button, {
+        type: "button",
+        variant: "outline",
+        className: "w-full border-dashed",
+        onClick: onAdd,
+        disabled: isPending
+    }, /*#__PURE__*/ React__default.createElement("div", {
+        className: "flex items-center gap-2"
+    }, /*#__PURE__*/ React__default.createElement("span", {
+        className: "font-semibold text-lg"
+    }, "+"), "Adicionar Bloco de Seleção (Restam ", maxBlocks - fields.length, ")")));
+}
+
+const StepNavigator = ({ currentIndex, totalSteps, onPrev, onNext, disabled = false, prevLabel = "Anterior", nextLabel = "Próximo", hideEdgeButtons = true, className })=>{
+    const isFirst = currentIndex === 0;
+    const isLast = currentIndex === totalSteps - 1;
+    return /*#__PURE__*/ React__default.createElement("div", {
+        className: cn("flex items-center gap-2", className)
+    }, (!hideEdgeButtons || !isFirst) && /*#__PURE__*/ React__default.createElement(Button, {
+        type: "button",
+        variant: "secondary",
+        onClick: onPrev,
+        disabled: disabled || isFirst
+    }, /*#__PURE__*/ React__default.createElement(ChevronLeft, {
+        className: "size-4"
+    }), prevLabel), (!hideEdgeButtons || !isLast) && /*#__PURE__*/ React__default.createElement(Button, {
+        type: "button",
+        variant: "secondary",
+        onClick: onNext,
+        disabled: disabled || isLast
+    }, nextLabel, /*#__PURE__*/ React__default.createElement(ChevronRight, {
+        className: "size-4"
+    })));
+};
+
 const TextWrap = ({ children, className, ...props })=>{
     return /*#__PURE__*/ React__default.createElement("div", {
         className: cn("line-clamp-4 w-full max-w-60 min-w-60 text-wrap break-words 2xl:max-w-[80%]", className),
@@ -396,5 +585,5 @@ const TextWrap = ({ children, className, ...props })=>{
     }, children);
 };
 
-export { AutoComplete, BadgeListLimited, CalendarPopover, ConfirmSave, GenericHeadingMenubar, Header, HoverBadge, TextWrap, normalizeDate };
+export { AutoComplete, BadgeListLimited, CalendarPopover, CollapsibleHelp, ConfirmSave, GenericHeadingMenubar, GenericTable, GenericTabs, Header, HoverBadge, RuleFilterBuilder, StepNavigator, TextWrap, normalizeDate };
 //# sourceMappingURL=index.mjs.map