ivt 0.8.5 → 0.8.7

package/dist/kbd/index.mjs

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { c as cn } from '../chunks/utils-Dws4Ft8U.mjs';
-import '../chunks/bundle-mjs-CjTndHqR.mjs';
+import { c as cn } from '../chunks/utils-BDcRwQMd.mjs';
+import '../chunks/bundle-mjs-CXmmFvYo.mjs';
 
 function Kbd({ className, ...props }) {
     return /*#__PURE__*/ React__default.createElement("kbd", {

package/dist/label/index.mjs

@@ -1,8 +1,8 @@
-export { L as Label } from '../chunks/label-Dxv54YUS.mjs';
+export { L as Label } from '../chunks/label-D0iRy8Wj.mjs';
 import 'react';
 import 'react-dom';
 import '@radix-ui/react-slot';
 import 'react/jsx-runtime';
-import '../chunks/utils-Dws4Ft8U.mjs';
-import '../chunks/bundle-mjs-CjTndHqR.mjs';
+import '../chunks/utils-BDcRwQMd.mjs';
+import '../chunks/bundle-mjs-CXmmFvYo.mjs';
 //# sourceMappingURL=index.mjs.map

package/dist/layout/index.d.ts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React__default from 'react';
+import { S as ShowSkeletonProps } from '../chunks/ShowSkeleton-enwVHCqE.js';
 
 declare const ChildContainer: ({ children, className, }: {
     children: React__default.ReactNode;
@@ -11,6 +12,254 @@ declare const Container: ({ children, className, }: {
     className?: string;
 }) => react_jsx_runtime.JSX.Element;
 
+type MenuItemConfig = {
+    value: string;
+    label: string;
+    path?: string;
+    onClick?: () => void;
+    subItems?: {
+        label: string;
+        onClick: () => void;
+    }[];
+    /** Função customizada para determinar se o item está ativo */
+    isActive?: (pathname: string) => boolean;
+};
+
+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;
+}
+
+interface CrudCreatePageProps {
+    /** Propriedades de cabeçalho e metadados da página */
+    metadata: {
+        /** Título da página (tag `<title>`) */
+        title: string;
+        /** Título principal exibido no cabeçalho (Header) da página */
+        headerTitle: string;
+        /** Descrição exibida abaixo do título no cabeçalho */
+        headerDescription: string;
+    };
+    /** Ações e controles da página (ex: barra de ferramentas) */
+    actions: {
+        /** Indica se há uma ação pendente (ex: salvando dados), desabilitando botões */
+        isPendingAction?: boolean;
+        /** Referência para o formulário principal, usado para submissão via botão de ação do layout */
+        formRef: React__default.RefObject<HTMLFormElement | null>;
+        /** Rótulo personalizado para a ação principal (opcional) */
+        actionLabel?: string;
+        /** Elementos React adicionais para renderizar na área de ações (botões extras) */
+        actions?: React__default.ReactNode;
+    };
+    /** Conteúdo principal da página (títulos, formulário, abas, etc.) */
+    content: {
+        /** Título exibido no corpo da página (acima do formulário/conteúdo) */
+        pageTitle: string;
+        /** Descrição exibida no corpo da página */
+        pageDescription: string;
+        /** Elementos de abas (tabs) a serem exibidos */
+        tabs?: React__default.ReactNode;
+        /** Informações extras a serem exibidas no corpo da página */
+        extraInfo?: React__default.ReactNode;
+        /** O componente de formulário em si a ser renderizado */
+        form: React__default.ReactNode;
+        /** Elementos filhos adicionais a serem renderizados */
+        children?: React__default.ReactNode;
+        /** Classes CSS adicionais para o container principal da página */
+        pageClassName?: string;
+    };
+    /** Configurações do menu de navegação e breadcrumbs (opcional) */
+    menu?: {
+        /** Caminho (URL) atual para destacar o item ativo no menu */
+        currentPath: string;
+        /** Lista de itens de configuração do menu */
+        menuItems: MenuItemConfig[];
+        /** Função de callback acionada ao navegar pelo menu */
+        onNavigate: (path: string) => void;
+    };
+    /** Indica se a página está carregando os dados iniciais (exibe skeleton) */
+    isLoading?: boolean;
+}
+declare function CrudCreatePage({ metadata, actions, content, menu, isLoading, }: CrudCreatePageProps): react_jsx_runtime.JSX.Element;
+
+interface CrudEditPageProps {
+    /** Propriedades de cabeçalho e metadados da página */
+    metadata: {
+        /** Título da página (tag `<title>`) */
+        title: string;
+        /** Título principal exibido no cabeçalho (Header) da página */
+        headerTitle: string;
+        /** Descrição exibida abaixo do título no cabeçalho */
+        headerDescription: string;
+    };
+    /** Ações e controles da página (ex: salvar, excluir) */
+    actions: {
+        /** Indica se há uma ação pendente (ex: salvando ou excluindo dados), desabilitando botões */
+        isPendingAction?: boolean;
+        /** Referência para o formulário principal, usado para submissão via botão de ação do layout */
+        formRef: React__default.RefObject<HTMLFormElement | null>;
+        /** ID numérico da entidade atual sendo editada (se null, assume-se que não foi encontrada) */
+        entityId?: number | null;
+        /** Função de callback acionada ao confirmar a exclusão do registro */
+        onDelete?: (id: number) => void;
+        /** Título da modal de confirmação de exclusão */
+        titleModal?: string;
+        /** Descrição da modal de confirmação de exclusão */
+        descriptionModal?: string;
+        /** Elementos React adicionais para renderizar na área de ações (botões extras) */
+        customActions?: React__default.ReactNode;
+    };
+    /** Conteúdo principal da página (títulos, formulário, abas, etc.) */
+    content: {
+        /** Título exibido no corpo da página (acima do formulário/conteúdo) */
+        pageTitle: string;
+        /** Descrição exibida no corpo da página */
+        pageDescription: string;
+        /** Elementos de abas (tabs) a serem exibidos */
+        tabs?: React__default.ReactNode;
+        /** Informações extras a serem exibidas no corpo da página */
+        extraInfo?: React__default.ReactNode;
+        /** O componente de formulário em si a ser renderizado */
+        form: React__default.ReactNode;
+        /** Elementos filhos adicionais a serem renderizados */
+        children?: React__default.ReactNode;
+        /** Classes CSS adicionais para o wrapper principal de listagem do page content */
+        pageClassName?: string;
+        /** Título exibido quando o registro não é encontrado (`entityId` ausente) */
+        notFoundTitle?: string;
+        /** Descrição exibida quando o registro não é encontrado (`entityId` ausente) */
+        notFoundDescription?: string;
+    };
+    /** Configurações do menu de navegação e breadcrumbs (opcional) */
+    menu?: {
+        /** Caminho (URL) atual para destacar o item ativo no menu */
+        currentPath: string;
+        /** Lista de itens de configuração do menu */
+        menuItems: MenuItemConfig[];
+        /** Função de callback acionada ao navegar pelo menu */
+        onNavigate: (path: string) => void;
+    };
+    /** Indica se os dados do registro ainda estão sendo carregados (exibe skeleton caso sim) */
+    isLoading?: boolean;
+}
+declare function CrudEditPage({ metadata, actions, content, menu, isLoading }: CrudEditPageProps): react_jsx_runtime.JSX.Element;
+
+interface CrudListPageProps {
+    /** Propriedades de cabeçalho e metadados da página */
+    metadata: {
+        /** Título da página web (inserido na tag `<title>`) */
+        pageTitle: string;
+        /** Título principal exibido no cabeçalho (Header) da aplicação */
+        headerTitle: string;
+        /** Descrição exibida abaixo do título no cabeçalho */
+        headerDescription?: string;
+    };
+    /** Ações e componentes no topo da tabela / barra de ferramentas */
+    actions: {
+        /** Define se a tabela está em carregamento (desabilita navegação e ações) */
+        isLoadingTable?: boolean;
+        /** Botões ou elementos de ação (ex: botão de Criar, Exportar) a renderizar ao lado direito */
+        actions?: React__default.ReactNode;
+        /** Componente da área de importação, posicionado logo abaixo da barra de ações */
+        importArea?: React__default.ReactNode;
+    };
+    /** Conteúdo principal da listagem (filtros, tabelas, etc.) */
+    content: {
+        /** O conteúdo que compõe a página (normalmente o componente DataTable e seus contêineres e filtros) */
+        children: React__default.ReactNode;
+    };
+    /** Configurações do menu de navegação superior/lateral (opcional) */
+    menu?: {
+        /** Caminho atual da rota, usado para identificar a aba/menu ativo */
+        currentPath: string;
+        /** Estrutura que mapeia as opções / abas de navegação do menu */
+        menuItems: MenuItemConfig[];
+        /** Função chamada quando o usuário clica em algum dos itens de menu */
+        onNavigate: (path: string) => void;
+    };
+}
+declare function CrudListPage({ metadata, actions, content, menu }: CrudListPageProps): react_jsx_runtime.JSX.Element;
+
+interface CrudShowPageProps<TId extends string | number = string | number> {
+    /** Propriedades de cabeçalho e metadados da página */
+    metadata: {
+        /** Título da página (tag `<title>`) */
+        title: string;
+        /** Título principal exibido no cabeçalho (Header) da página */
+        headerTitle: string;
+        /** Descrição exibida abaixo do título no cabeçalho */
+        headerDescription: string;
+    };
+    /** Ações e controles de registro na visualização (ex: editar, excluir) */
+    actions: {
+        /** Indica se há uma ação pendente ativada, desabilitando a maioria dos cliques em botões de ação */
+        isPendingAction?: boolean;
+        /** ID do registro a ser visualizado. Se omitido/nulo, a página exibirá estado de Not Found */
+        entityId?: TId | null | undefined;
+        /** Função de callback acionada na exclusão do registro */
+        onDelete?: (id: TId) => void;
+        /** Função de callback acionada ao solicitar edição (navega/abre modal de edição) */
+        onEdit?: (id: TId) => void;
+        /** Título da modal de expurgação do registro (confirmação da deleção) */
+        titleModal?: string;
+        /** Descrição informativa que aparece na modal de expurgação do registro */
+        descriptionModal?: string;
+        /** Bôtões/Links extras que você deseja incorporar diretamente na barra de menus, substituindo os actions padrão se os providos não atenderem (código arbitrário de barra de ferramentas) */
+        customActions?: React__default.ReactNode;
+    };
+    /** Conteúdo e estados principais para visualização */
+    content: {
+        /** Componente customizado Skeleton exibido durante carregamento (substitui inteiramente o Skeleton padrão da lib) */
+        skeleton?: React__default.ReactNode;
+        /** Propriedades que parametrizam o componente integrado ShowSkeleton do ivt-lib caso você não informe seu próprio skeleton na prop acima. */
+        skeletonProps?: ShowSkeletonProps;
+        /** Título do componente `ShowNotFound` exibido se não encontrado nenhum entityId ou o registro estiver faltando */
+        notFoundTitle: string;
+        /** Descrição para detalhar o tipo de NotFound (`Registro xyz requisitado na url... não encontrado`) */
+        notFoundDescription: string;
+        /** Cabeçalho interno informando a aba ativa (Visualização dos Detalhes, etc) a sobre o form-group */
+        pageTitle: string;
+        /** Breve descrição interna contextualizando os campos detalhados exibidos pelo ShowPage */
+        pageDescription: string;
+        /** Área opcional alinhada no corpo da página para componentes soltos/parágrafos extras antes dos child nodes principais (Detalhes do registro) */
+        extraInfo?: React__default.ReactNode;
+        /** Conteúdo minucioso renderizado (os detalhes dos campos da View/Registro) */
+        children?: React__default.ReactNode;
+    };
+    /** Configurações de seções de menus/rotas para a Entidade corrente (opcional) */
+    menu?: {
+        /** Caminho base ativado sublinhado entre navegações do MenuBar */
+        currentPath: string;
+        /** As demais aberturas tabuladas por url configurados no header/menubar local. Array limitando acesso e seções do menu */
+        menuItems: MenuItemConfig[];
+        /** Dispara ação de clique num tablink de seções paralelas contiguas para tal entidade */
+        onNavigate: (path: string) => void;
+    };
+    /** Define se a tela carrega do backend seus dados; O Skeleton fará a cobertura visual caso true */
+    isLoading?: boolean;
+}
+declare function CrudShowPage<TId extends string | number = string | number>({ metadata, actions, content, menu, isLoading, }: CrudShowPageProps<TId>): react_jsx_runtime.JSX.Element;
+
+interface LayoutActionsProps {
+    children: React__default.ReactNode;
+    className?: string;
+}
+declare function LayoutActions({ children, className }: LayoutActionsProps): react_jsx_runtime.JSX.Element;
+
 interface ListItemProps {
     title: string;
     value: any;
@@ -22,6 +271,25 @@ interface ListItemProps {
 }
 declare const ListItem: React__default.FC<ListItemProps>;
 
+interface PageComponentProps {
+    title: string;
+    description: string;
+    children?: React__default.ReactNode;
+    extraInfo?: React__default.ReactNode;
+    extraDescription?: React__default.ReactNode;
+    tabs?: React__default.ReactNode;
+    form?: React__default.ReactNode;
+    className?: string;
+    classNames?: {
+        container?: string;
+        childContainer?: string;
+        sectionInfo?: string;
+        contentWrapper?: string;
+        tabsWrapper?: string;
+    };
+}
+declare const PageComponent: React__default.FC<PageComponentProps>;
+
 interface SectionInfoProps {
     title?: string;
     description?: string;
@@ -30,10 +298,20 @@ interface SectionInfoProps {
 }
 declare const SectionInfo: React__default.FC<SectionInfoProps>;
 
+interface ShowDetailsItem extends ListItemProps {
+    isVisible?: boolean;
+}
+interface ShowDetailsProps extends React__default.HTMLAttributes<HTMLElement> {
+    items?: ShowDetailsItem[];
+    stepNavigator?: StepNavigatorProps;
+}
+declare const ShowDetails: React__default.FC<ShowDetailsProps>;
+
 interface ShowNotFoundProps {
     title: string;
     description: string;
 }
 declare const ShowNotFound: React__default.FC<ShowNotFoundProps>;
 
-export { ChildContainer, Container, ListItem, SectionInfo, ShowNotFound };
+export { ChildContainer, Container, CrudCreatePage, CrudEditPage, CrudListPage, CrudShowPage, LayoutActions, ListItem, PageComponent, SectionInfo, ShowDetails, ShowNotFound };
+export type { CrudCreatePageProps, CrudEditPageProps, CrudListPageProps, CrudShowPageProps, LayoutActionsProps, ListItemProps, PageComponentProps, ShowDetailsItem, ShowDetailsProps };

package/dist/layout/index.mjs

@@ -1,29 +1,244 @@
-import { C as Container, a as ChildContainer } from '../chunks/Container-BFAAGDWA.mjs';
-export { L as ListItem } from '../chunks/ListItem-Da4Od2ts.mjs';
+import { C as Container, a as ChildContainer } from '../chunks/Container-qhzI-HED.mjs';
 import React__default from 'react';
-import { c as cn } from '../chunks/utils-Dws4Ft8U.mjs';
-import { T as TriangleAlert } from '../chunks/triangle-alert-B-blf7Ow.mjs';
-import '../chunks/TooltipIndicator-B9oMD_x3.mjs';
-import '../chunks/createLucideIcon-D3jW_oal.mjs';
-import '../chunks/tooltip-CI9dbI1p.mjs';
-import '../chunks/index-B-46hbYc.mjs';
+import { c as cn } from '../chunks/utils-BDcRwQMd.mjs';
+import { H as Header, G as GenericHeadingMenubar, L as LayoutActions, S as StepNavigator } from '../chunks/StepNavigator-DXnlZUw2.mjs';
+import { C as CreateAndUpdateSkeleton, a as ShowSkeleton } from '../chunks/ShowSkeleton-DuVLsprm.mjs';
+import { B as Button } from '../chunks/button-CZpmCmNo.mjs';
+import { T as TriangleAlert } from '../chunks/triangle-alert-B_tQGpT4.mjs';
+import { b as ButtonUpdateForm, B as ButtonDelete, a as ButtonUpdateShow } from '../chunks/ButtonActions-BbAuGm_J.mjs';
+import { D as DeleteConfirmationModal } from '../chunks/DeleteConfirmationModal-NPS_J_dT.mjs';
+import { L as ListItem } from '../chunks/ListItem-CtUZSq2i.mjs';
+import '../chunks/bundle-mjs-CXmmFvYo.mjs';
+import '../chunks/menubar-oWKK9_Ik.mjs';
+import '@radix-ui/react-collection';
+import '../chunks/index-UxWlwQlk.mjs';
+import 'react/jsx-runtime';
+import '../chunks/index-Dsw02Eup.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
-import 'react/jsx-runtime';
-import '../chunks/index-RaUpQCps.mjs';
-import '../chunks/index-EcI_mW3m.mjs';
-import '../chunks/index-Dp_x2nI3.mjs';
-import '../chunks/index-DF-3JHwb.mjs';
-import '../chunks/index-C__GtYCW.mjs';
-import '../chunks/index-BzAMFivh.mjs';
-import '../chunks/index-DDM8Lpbb.mjs';
-import '../chunks/index-JZ-FhLOH.mjs';
-import '../chunks/index-DGUU265f.mjs';
-import '../chunks/index-SLs8oClH.mjs';
-import '../chunks/index-B5fbJZIT.mjs';
-import '../chunks/badge-BUI8RIXy.mjs';
+import '../chunks/index-D4jPaBZ2.mjs';
+import '../chunks/index-gX0V59dZ.mjs';
+import '../chunks/index-C8u7IIcP.mjs';
+import '../chunks/index-zIaBOKQ3.mjs';
+import '../chunks/createLucideIcon-C11Tr46U.mjs';
+import '../chunks/index-4NpeUekv.mjs';
+import '../chunks/index-DC-gAYjS.mjs';
+import '../chunks/index-z4Hk6sF4.mjs';
+import '../chunks/tslib.es6-Q9puKanr.mjs';
+import '../chunks/index-B87m6Bfb.mjs';
+import '../chunks/index-DAa5gqEY.mjs';
+import '../chunks/index-BksCjWh6.mjs';
+import '../chunks/index-DfeRLazC.mjs';
+import '../chunks/index-DIHpzffL.mjs';
+import '../chunks/index-1toTCGyr.mjs';
+import '../chunks/check-Ds358kZc.mjs';
+import '../chunks/chevron-right-Dq6zFe5E.mjs';
+import '../chunks/accordion-BcAmhbBS.mjs';
+import '../chunks/index-BWXpaxmG.mjs';
+import '../chunks/chevron-down-CDFTds2-.mjs';
+import '../chunks/chevron-left-Baq244Ce.mjs';
+import '../chunks/skeleton-LDpPNYvq.mjs';
 import 'class-variance-authority';
-import '../chunks/bundle-mjs-CjTndHqR.mjs';
+import '../icon/index.mjs';
+import '../chunks/trash-2-ab4Di2Bx.mjs';
+import '../chunks/dialog-DL1cSseU.mjs';
+import '../chunks/index-CaYwp6E6.mjs';
+import '../chunks/x-B6hDJA_l.mjs';
+import '../chunks/TooltipIndicator-o_ekzuQD.mjs';
+import '../chunks/tooltip-njN_ok-r.mjs';
+import '../chunks/index-BJrVyyCQ.mjs';
+import '../chunks/badge-ZU62MOiS.mjs';
+
+function CrudCreatePage({ metadata, actions, content, menu, isLoading }) {
+    const submitForm = ()=>{
+        if (actions.formRef.current) {
+            actions.formRef.current.requestSubmit();
+        }
+    };
+    let pageContent;
+    if (isLoading) {
+        pageContent = /*#__PURE__*/ React__default.createElement(CreateAndUpdateSkeleton, null);
+    } else {
+        pageContent = /*#__PURE__*/ React__default.createElement(PageComponent, {
+            title: content.pageTitle,
+            description: content.pageDescription,
+            tabs: content.tabs,
+            extraInfo: content.extraInfo,
+            form: content.form,
+            className: content.pageClassName
+        }, content.children);
+    }
+    const renderActions = /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, actions.actions ?? /*#__PURE__*/ React__default.createElement(Button, {
+        isAction: true,
+        type: "submit",
+        onClick: submitForm,
+        disabled: actions.isPendingAction
+    }, actions.actionLabel ?? "Criar"));
+    return /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, /*#__PURE__*/ React__default.createElement("title", null, metadata.title), /*#__PURE__*/ React__default.createElement(Header, {
+        title: metadata.headerTitle,
+        description: metadata.headerDescription
+    }), menu?.menuItems && menu?.currentPath && menu?.onNavigate ? /*#__PURE__*/ React__default.createElement(GenericHeadingMenubar, {
+        currentPath: menu.currentPath,
+        menuItems: menu.menuItems,
+        onNavigate: menu.onNavigate,
+        disabled: actions.isPendingAction
+    }, renderActions) : /*#__PURE__*/ React__default.createElement(LayoutActions, {
+        className: "flex justify-end item-center flex-wrap mt-0"
+    }, renderActions), /*#__PURE__*/ React__default.createElement("main", {
+        className: "w-full"
+    }, pageContent));
+}
+
+function CrudEditPage({ metadata, actions, content, menu, isLoading }) {
+    const submitForm = ()=>{
+        if (actions.formRef.current) {
+            actions.formRef.current.requestSubmit();
+        }
+    };
+    const isNotFound = !actions.entityId;
+    let pageContent;
+    if (isLoading) {
+        pageContent = /*#__PURE__*/ React__default.createElement(CreateAndUpdateSkeleton, null);
+    } else if (isNotFound) {
+        pageContent = /*#__PURE__*/ React__default.createElement(ShowNotFound, {
+            title: content.notFoundTitle ?? "Registro não encontrado",
+            description: content.notFoundDescription ?? "Não foi possível encontrar o registro solicitado."
+        });
+    } else {
+        pageContent = /*#__PURE__*/ React__default.createElement(PageComponent, {
+            title: content.pageTitle,
+            description: content.pageDescription,
+            tabs: content.tabs,
+            extraInfo: content.extraInfo,
+            form: content.form,
+            className: content.pageClassName
+        }, content.children);
+    }
+    const renderActions = /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, actions.customActions ? actions.customActions : actions.entityId && /*#__PURE__*/ React__default.createElement("div", {
+        className: "flex items-center gap-2"
+    }, /*#__PURE__*/ React__default.createElement(ButtonUpdateForm, {
+        type: "submit",
+        onClick: submitForm,
+        disabled: actions.isPendingAction || !actions.entityId
+    }), actions.onDelete && /*#__PURE__*/ React__default.createElement(DeleteConfirmationModal, {
+        title: actions.titleModal ?? "Apagar registro?",
+        description: actions.descriptionModal ?? "Tem certeza que deseja apagar este registro?",
+        onConfirm: ()=>{
+            if (actions.onDelete && actions.entityId) {
+                actions.onDelete(actions.entityId);
+            }
+        },
+        disabled: !actions.entityId || actions.isPendingAction
+    }, /*#__PURE__*/ React__default.createElement(ButtonDelete, {
+        disabled: !actions.entityId || actions.isPendingAction
+    }))));
+    return /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, /*#__PURE__*/ React__default.createElement("title", null, metadata.title), /*#__PURE__*/ React__default.createElement(Header, {
+        title: metadata.headerTitle,
+        description: metadata.headerDescription
+    }), menu?.menuItems && menu?.currentPath && menu?.onNavigate ? /*#__PURE__*/ React__default.createElement(GenericHeadingMenubar, {
+        currentPath: menu.currentPath,
+        menuItems: menu.menuItems,
+        onNavigate: menu.onNavigate,
+        disabled: actions.isPendingAction
+    }, renderActions) : /*#__PURE__*/ React__default.createElement(LayoutActions, {
+        className: "flex justify-end item-center flex-wrap mt-0"
+    }, renderActions), /*#__PURE__*/ React__default.createElement("main", {
+        className: "w-full"
+    }, pageContent));
+}
+
+function CrudListPage({ metadata, actions, content, menu }) {
+    return /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, /*#__PURE__*/ React__default.createElement("title", null, metadata.pageTitle), /*#__PURE__*/ React__default.createElement(Header, {
+        title: metadata.headerTitle,
+        description: metadata.headerDescription ?? ""
+    }), /*#__PURE__*/ React__default.createElement("main", {
+        className: "w-full"
+    }, /*#__PURE__*/ React__default.createElement("div", {
+        className: "flex w-full flex-wrap items-center justify-between gap-2"
+    }, menu?.menuItems && menu?.currentPath && menu?.onNavigate ? /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, /*#__PURE__*/ React__default.createElement(GenericHeadingMenubar, {
+        currentPath: menu.currentPath,
+        menuItems: menu.menuItems,
+        onNavigate: menu.onNavigate,
+        disabled: actions.isLoadingTable
+    }), /*#__PURE__*/ React__default.createElement("div", {
+        className: "flex items-center gap-2 px-4"
+    }, actions.actions)) : /*#__PURE__*/ React__default.createElement(LayoutActions, {
+        className: "flex w-full justify-end item-center flex-wrap mt-0"
+    }, actions.actions)), actions.importArea, content.children));
+}
+
+function CrudShowPage({ metadata, actions, content, menu, isLoading }) {
+    let pageContent;
+    const isNotFound = !actions.entityId;
+    if (isLoading) {
+        pageContent = content.skeleton ? content.skeleton : /*#__PURE__*/ React__default.createElement(ShowSkeleton, content.skeletonProps);
+    } else if (isNotFound) {
+        pageContent = /*#__PURE__*/ React__default.createElement(ShowNotFound, {
+            title: content.notFoundTitle,
+            description: content.notFoundDescription
+        });
+    } else {
+        pageContent = /*#__PURE__*/ React__default.createElement(PageComponent, {
+            title: content.pageTitle,
+            description: content.pageDescription,
+            extraInfo: content.extraInfo
+        }, content.children);
+    }
+    const renderActions = /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, actions.customActions ? actions.customActions : actions.entityId && /*#__PURE__*/ React__default.createElement("div", {
+        className: "flex items-center gap-2"
+    }, actions.onEdit && /*#__PURE__*/ React__default.createElement(ButtonUpdateShow, {
+        onClick: ()=>{
+            if (actions.onEdit && actions.entityId) {
+                actions.onEdit(actions.entityId);
+            }
+        },
+        disabled: actions.isPendingAction || !actions.entityId
+    }), actions.onDelete && /*#__PURE__*/ React__default.createElement(DeleteConfirmationModal, {
+        title: actions.titleModal ?? "Apagar registro?",
+        description: actions.descriptionModal ?? "Tem certeza que deseja apagar este registro?",
+        onConfirm: ()=>{
+            if (actions.onDelete && actions.entityId) {
+                actions.onDelete(actions.entityId);
+            }
+        },
+        disabled: !actions.entityId || actions.isPendingAction
+    }, /*#__PURE__*/ React__default.createElement(ButtonDelete, {
+        disabled: !actions.entityId || actions.isPendingAction
+    }))));
+    return /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, /*#__PURE__*/ React__default.createElement("title", null, metadata.title), /*#__PURE__*/ React__default.createElement(Header, {
+        title: metadata.headerTitle,
+        description: metadata.headerDescription
+    }), menu?.menuItems && menu?.currentPath && menu?.onNavigate ? /*#__PURE__*/ React__default.createElement(GenericHeadingMenubar, {
+        currentPath: menu.currentPath,
+        menuItems: menu.menuItems,
+        onNavigate: menu.onNavigate,
+        disabled: actions.isPendingAction
+    }, renderActions) : /*#__PURE__*/ React__default.createElement(LayoutActions, {
+        className: "flex justify-end item-send flex-wrap mt-0"
+    }, renderActions), /*#__PURE__*/ React__default.createElement("main", {
+        className: "w-full"
+    }, pageContent));
+}
+
+const PageComponent = ({ title, description, children, extraInfo, extraDescription, tabs, form, className, classNames })=>{
+    const content = form ?? children;
+    const ContentSection = /*#__PURE__*/ React__default.createElement("div", {
+        className: cn("w-full max-w-150 space-y-8 text-sm", classNames?.contentWrapper)
+    }, tabs && /*#__PURE__*/ React__default.createElement("div", {
+        className: cn("space-y-6", classNames?.tabsWrapper)
+    }, tabs, /*#__PURE__*/ React__default.createElement("div", null, extraInfo)), !tabs && extraInfo && /*#__PURE__*/ React__default.createElement("div", null, extraInfo), content);
+    const InfoSection = /*#__PURE__*/ React__default.createElement(React__default.Fragment, null, /*#__PURE__*/ React__default.createElement(SectionInfo, {
+        title: title,
+        description: description,
+        extraDescription: extraDescription,
+        className: classNames?.sectionInfo
+    }));
+    return /*#__PURE__*/ React__default.createElement(Container, {
+        className: cn(className, classNames?.container)
+    }, /*#__PURE__*/ React__default.createElement(ChildContainer, {
+        className: classNames?.childContainer
+    }, InfoSection, ContentSection));
+};
 
 const SectionInfo = ({ title = "Informações Básicas", description = "Veja informações sobre o Administrador de Fundo", className, extraDescription })=>{
     return /*#__PURE__*/ React__default.createElement("section", {
@@ -35,6 +250,27 @@ const SectionInfo = ({ title = "Informações Básicas", description = "Veja inf
     }, description, extraDescription));
 };
 
+const ShowDetails = ({ items, stepNavigator, className, children, ...props })=>{
+    return /*#__PURE__*/ React__default.createElement("section", {
+        className: cn("w-full", className),
+        ...props
+    }, items && items.length > 0 && /*#__PURE__*/ React__default.createElement("div", {
+        className: "w-full"
+    }, items.map((item, index)=>{
+        const { isVisible, ...listItemProps } = item;
+        if (isVisible === false) {
+            return null;
+        }
+        return /*#__PURE__*/ React__default.createElement(ListItem, {
+            key: `${item.value}-${index}`,
+            ...listItemProps
+        });
+    })), children, stepNavigator && /*#__PURE__*/ React__default.createElement(StepNavigator, {
+        ...stepNavigator,
+        className: cn("mt-4", stepNavigator.className)
+    }));
+};
+
 const ShowNotFound = ({ title = "Administrador de Fundos não encontrado.", description = "Não foi possível encontrar o Administrador de Fundos solicitado." })=>{
     return /*#__PURE__*/ React__default.createElement(Container, null, /*#__PURE__*/ React__default.createElement(ChildContainer, null, /*#__PURE__*/ React__default.createElement(SectionInfo, {
         description: description
@@ -47,5 +283,5 @@ const ShowNotFound = ({ title = "Administrador de Fundos não encontrado.", desc
     }), /*#__PURE__*/ React__default.createElement("span", null, title)))));
 };
 
-export { ChildContainer, Container, SectionInfo, ShowNotFound };
+export { ChildContainer, Container, CrudCreatePage, CrudEditPage, CrudListPage, CrudShowPage, LayoutActions, ListItem, PageComponent, SectionInfo, ShowDetails, ShowNotFound };
 //# sourceMappingURL=index.mjs.map