forlogic-core 2.0.4 → 2.0.6

package/dist/assets/ContextMenuDoc-D3jC-MVA.js

@@ -1,182 +0,0 @@
-import{j as e,r as u,fh as C,fi as c,fj as d,fk as M,fl as o,fm as r,fn as n,fo as h,fp as a,fq as t,fr as i,fs as s,ft as x}from"./index-DkiftrvI.js";import{C as g}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.js";function I(){return e.jsxs(C,{children:[e.jsx(c,{className:"flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed text-sm",children:"Clique com o botão direito aqui"}),e.jsxs(d,{className:"w-64",children:[e.jsxs(t,{inset:!0,children:["Voltar",e.jsx(n,{children:"⌘["})]}),e.jsxs(t,{inset:!0,disabled:!0,children:["Avançar",e.jsx(n,{children:"⌘]"})]}),e.jsxs(t,{inset:!0,children:["Recarregar",e.jsx(n,{children:"⌘R"})]}),e.jsxs(i,{children:[e.jsx(s,{inset:!0,children:"Mais Ferramentas"}),e.jsxs(x,{className:"w-48",children:[e.jsxs(t,{children:["Salvar Página Como...",e.jsx(n,{children:"⇧⌘S"})]}),e.jsx(t,{children:"Criar Atalho..."}),e.jsx(t,{children:"Nomear Janela..."}),e.jsx(o,{}),e.jsx(t,{children:"Ferramentas do Desenvolvedor"})]})]}),e.jsx(o,{}),e.jsxs(r,{checked:!0,children:["Mostrar Barra de Favoritos",e.jsx(n,{children:"⌘⇧B"})]}),e.jsx(r,{children:"Mostrar URLs Completas"}),e.jsx(o,{}),e.jsxs(h,{value:"pedro",children:[e.jsx(M,{inset:!0,children:"Pessoas"}),e.jsx(a,{value:"pedro",children:"Pedro Duarte"}),e.jsx(a,{value:"colm",children:"Colm Tuite"})]})]})]})}function f(){const[m,l]=u.useState(!0),[p,b]=u.useState(!1),[S,j]=u.useState(!1);return e.jsxs(C,{children:[e.jsx(c,{className:"flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed text-sm",children:"Clique direito para opções de visualização"}),e.jsxs(d,{className:"w-64",children:[e.jsx(M,{inset:!0,children:"Aparência"}),e.jsx(o,{}),e.jsxs(r,{checked:m,onCheckedChange:l,children:["Barra de Status",e.jsx(n,{children:"⌘⇧S"})]}),e.jsx(r,{checked:p,onCheckedChange:b,children:"Barra de Atividades"}),e.jsxs(r,{checked:S,onCheckedChange:j,children:["Painel",e.jsx(n,{children:"⌘J"})]})]})]})}function v(){const[m,l]=u.useState("bottom");return e.jsxs(C,{children:[e.jsx(c,{className:"flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed text-sm",children:"Clique direito para posição do painel"}),e.jsxs(d,{className:"w-48",children:[e.jsx(M,{inset:!0,children:"Posição do Painel"}),e.jsx(o,{}),e.jsxs(h,{value:m,onValueChange:l,children:[e.jsx(a,{value:"top",children:"Superior"}),e.jsx(a,{value:"bottom",children:"Inferior"}),e.jsx(a,{value:"right",children:"Direita"})]})]})]})}function w(){return e.jsxs(C,{children:[e.jsx(c,{className:"flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed text-sm",children:"Clique direito para ver submenus"}),e.jsxs(d,{className:"w-64",children:[e.jsx(t,{inset:!0,children:"Novo Arquivo"}),e.jsx(t,{inset:!0,children:"Nova Pasta"}),e.jsx(o,{}),e.jsxs(i,{children:[e.jsx(s,{inset:!0,children:"Compartilhar"}),e.jsxs(x,{className:"w-48",children:[e.jsx(t,{children:"Email"}),e.jsx(t,{children:"Mensagem"}),e.jsx(t,{children:"Slack"}),e.jsx(o,{}),e.jsxs(i,{children:[e.jsx(s,{children:"Redes Sociais"}),e.jsxs(x,{className:"w-48",children:[e.jsx(t,{children:"Twitter"}),e.jsx(t,{children:"Facebook"}),e.jsx(t,{children:"LinkedIn"})]})]})]})]}),e.jsxs(i,{children:[e.jsx(s,{inset:!0,children:"Exportar"}),e.jsxs(x,{className:"w-48",children:[e.jsx(t,{children:"PDF"}),e.jsx(t,{children:"PNG"}),e.jsx(t,{children:"SVG"})]})]})]})]})}const k=`import {
-  ContextMenu,
-  ContextMenuContent,
-  ContextMenuItem,
-  ContextMenuTrigger,
-  ContextMenuCheckboxItem,
-  ContextMenuRadioGroup,
-  ContextMenuRadioItem,
-  ContextMenuLabel,
-  ContextMenuSeparator,
-  ContextMenuShortcut,
-  ContextMenuSub,
-  ContextMenuSubContent,
-  ContextMenuSubTrigger,
-} from "forlogic-core"
-
-<ContextMenu>
-  <ContextMenuTrigger className="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed">
-    Clique com o botão direito aqui
-  </ContextMenuTrigger>
-  <ContextMenuContent className="w-64">
-    <ContextMenuItem inset>
-      Voltar
-      <ContextMenuShortcut>⌘[</ContextMenuShortcut>
-    </ContextMenuItem>
-    <ContextMenuItem inset disabled>
-      Avançar
-      <ContextMenuShortcut>⌘]</ContextMenuShortcut>
-    </ContextMenuItem>
-    <ContextMenuItem inset>
-      Recarregar
-      <ContextMenuShortcut>⌘R</ContextMenuShortcut>
-    </ContextMenuItem>
-    <ContextMenuSub>
-      <ContextMenuSubTrigger inset>Mais Ferramentas</ContextMenuSubTrigger>
-      <ContextMenuSubContent className="w-48">
-        <ContextMenuItem>
-          Salvar Página Como...
-          <ContextMenuShortcut>⇧⌘S</ContextMenuShortcut>
-        </ContextMenuItem>
-        <ContextMenuItem>Criar Atalho...</ContextMenuItem>
-        <ContextMenuItem>Nomear Janela...</ContextMenuItem>
-        <ContextMenuSeparator />
-        <ContextMenuItem>Ferramentas do Desenvolvedor</ContextMenuItem>
-      </ContextMenuSubContent>
-    </ContextMenuSub>
-    <ContextMenuSeparator />
-    <ContextMenuCheckboxItem checked>
-      Mostrar Barra de Favoritos
-      <ContextMenuShortcut>⌘⇧B</ContextMenuShortcut>
-    </ContextMenuCheckboxItem>
-    <ContextMenuCheckboxItem>Mostrar URLs Completas</ContextMenuCheckboxItem>
-    <ContextMenuSeparator />
-    <ContextMenuRadioGroup value="pedro">
-      <ContextMenuLabel inset>Pessoas</ContextMenuLabel>
-      <ContextMenuRadioItem value="pedro">Pedro Duarte</ContextMenuRadioItem>
-      <ContextMenuRadioItem value="colm">Colm Tuite</ContextMenuRadioItem>
-    </ContextMenuRadioGroup>
-  </ContextMenuContent>
-</ContextMenu>`,R=`import { useState } from "react"
-import {
-  ContextMenu,
-  ContextMenuCheckboxItem,
-  ContextMenuContent,
-  ContextMenuLabel,
-  ContextMenuSeparator,
-  ContextMenuShortcut,
-  ContextMenuTrigger,
-} from "forlogic-core"
-
-function ContextMenuWithCheckbox() {
-  const [showStatusBar, setShowStatusBar] = useState(true)
-  const [showActivityBar, setShowActivityBar] = useState(false)
-  const [showPanel, setShowPanel] = useState(false)
-
-  return (
-    <ContextMenu>
-      <ContextMenuTrigger className="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed">
-        Clique direito para opções de visualização
-      </ContextMenuTrigger>
-      <ContextMenuContent className="w-64">
-        <ContextMenuLabel inset>Aparência</ContextMenuLabel>
-        <ContextMenuSeparator />
-        <ContextMenuCheckboxItem
-          checked={showStatusBar}
-          onCheckedChange={setShowStatusBar}
-        >
-          Barra de Status
-          <ContextMenuShortcut>⌘⇧S</ContextMenuShortcut>
-        </ContextMenuCheckboxItem>
-        <ContextMenuCheckboxItem
-          checked={showActivityBar}
-          onCheckedChange={setShowActivityBar}
-        >
-          Barra de Atividades
-        </ContextMenuCheckboxItem>
-        <ContextMenuCheckboxItem
-          checked={showPanel}
-          onCheckedChange={setShowPanel}
-        >
-          Painel
-          <ContextMenuShortcut>⌘J</ContextMenuShortcut>
-        </ContextMenuCheckboxItem>
-      </ContextMenuContent>
-    </ContextMenu>
-  )
-}`,N=`import { useState } from "react"
-import {
-  ContextMenu,
-  ContextMenuContent,
-  ContextMenuLabel,
-  ContextMenuRadioGroup,
-  ContextMenuRadioItem,
-  ContextMenuSeparator,
-  ContextMenuTrigger,
-} from "forlogic-core"
-
-function ContextMenuWithRadio() {
-  const [position, setPosition] = useState("bottom")
-
-  return (
-    <ContextMenu>
-      <ContextMenuTrigger className="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed">
-        Clique direito para posição do painel
-      </ContextMenuTrigger>
-      <ContextMenuContent className="w-48">
-        <ContextMenuLabel inset>Posição do Painel</ContextMenuLabel>
-        <ContextMenuSeparator />
-        <ContextMenuRadioGroup value={position} onValueChange={setPosition}>
-          <ContextMenuRadioItem value="top">Superior</ContextMenuRadioItem>
-          <ContextMenuRadioItem value="bottom">Inferior</ContextMenuRadioItem>
-          <ContextMenuRadioItem value="right">Direita</ContextMenuRadioItem>
-        </ContextMenuRadioGroup>
-      </ContextMenuContent>
-    </ContextMenu>
-  )
-}`,T=`import {
-  ContextMenu,
-  ContextMenuContent,
-  ContextMenuItem,
-  ContextMenuSeparator,
-  ContextMenuSub,
-  ContextMenuSubContent,
-  ContextMenuSubTrigger,
-  ContextMenuTrigger,
-} from "forlogic-core"
-
-<ContextMenu>
-  <ContextMenuTrigger className="flex h-[150px] w-[300px] items-center justify-center rounded-md border border-dashed">
-    Clique direito para ver submenus
-  </ContextMenuTrigger>
-  <ContextMenuContent className="w-64">
-    <ContextMenuItem inset>Novo Arquivo</ContextMenuItem>
-    <ContextMenuItem inset>Nova Pasta</ContextMenuItem>
-    <ContextMenuSeparator />
-    <ContextMenuSub>
-      <ContextMenuSubTrigger inset>Compartilhar</ContextMenuSubTrigger>
-      <ContextMenuSubContent className="w-48">
-        <ContextMenuItem>Email</ContextMenuItem>
-        <ContextMenuItem>Mensagem</ContextMenuItem>
-        <ContextMenuItem>Slack</ContextMenuItem>
-        <ContextMenuSeparator />
-        <ContextMenuSub>
-          <ContextMenuSubTrigger>Redes Sociais</ContextMenuSubTrigger>
-          <ContextMenuSubContent className="w-48">
-            <ContextMenuItem>Twitter</ContextMenuItem>
-            <ContextMenuItem>Facebook</ContextMenuItem>
-            <ContextMenuItem>LinkedIn</ContextMenuItem>
-          </ContextMenuSubContent>
-        </ContextMenuSub>
-      </ContextMenuSubContent>
-    </ContextMenuSub>
-    <ContextMenuSub>
-      <ContextMenuSubTrigger inset>Exportar</ContextMenuSubTrigger>
-      <ContextMenuSubContent className="w-48">
-        <ContextMenuItem>PDF</ContextMenuItem>
-        <ContextMenuItem>PNG</ContextMenuItem>
-        <ContextMenuItem>SVG</ContextMenuItem>
-      </ContextMenuSubContent>
-    </ContextMenuSub>
-  </ContextMenuContent>
-</ContextMenu>`;function q(){return e.jsx(g,{title:"Context Menu",description:"Exibe um menu ao usuário — como um conjunto de ações ou funções — acionado por um clique com o botão direito do mouse.",component:e.jsx(I,{}),usage:k,examples:[{title:"Com Checkbox Items",description:"Menu de contexto com itens de seleção múltipla usando checkbox.",preview:e.jsx(f,{}),code:R},{title:"Com Radio Items",description:"Menu de contexto com seleção única usando radio buttons.",preview:e.jsx(v,{}),code:N},{title:"Com Submenus",description:"Menu de contexto com submenus aninhados para organizar opções hierarquicamente.",preview:e.jsx(w,{}),code:T}],props:[{name:"ContextMenu",type:"Component",description:"Componente raiz que envolve o trigger e o conteúdo do menu."},{name:"ContextMenuTrigger",type:"Component",description:"Área que detecta o clique com botão direito para abrir o menu. Aceita asChild."},{name:"ContextMenuContent",type:"Component",description:"Container para os itens do menu. Aceita alignOffset, sideOffset e className."},{name:"ContextMenuItem",type:"Component",description:"Item básico do menu. Aceita inset, disabled e onSelect."},{name:"ContextMenuCheckboxItem",type:"Component",description:"Item com checkbox. Aceita checked, onCheckedChange e disabled."},{name:"ContextMenuRadioGroup",type:"Component",description:"Agrupa radio items. Aceita value e onValueChange."},{name:"ContextMenuRadioItem",type:"Component",description:"Item de seleção única dentro de um RadioGroup. Requer value."},{name:"ContextMenuLabel",type:"Component",description:"Rótulo não interativo para agrupar itens. Aceita inset."},{name:"ContextMenuSeparator",type:"Component",description:"Linha divisória visual entre grupos de itens."},{name:"ContextMenuShortcut",type:"Component",description:"Exibe atalho de teclado alinhado à direita do item."},{name:"ContextMenuSub",type:"Component",description:"Container para submenu aninhado."},{name:"ContextMenuSubTrigger",type:"Component",description:"Item que abre um submenu ao hover ou foco. Aceita inset."},{name:"ContextMenuSubContent",type:"Component",description:"Conteúdo do submenu aninhado."},{name:"ContextMenuGroup",type:"Component",description:"Agrupa itens relacionados para organização semântica."}],accessibility:["Abre com clique do botão direito ou tecla de menu de contexto (Shift+F10 ou tecla Menu)","Navegação completa por teclado usando setas direcionais","Enter ou Espaço para selecionar item focado","Escape fecha o menu e retorna foco ao elemento anterior","Suporte completo a WAI-ARIA com roles menu, menuitem, menuitemcheckbox e menuitemradio","Submenus acessíveis via seta direita (abrir) e seta esquerda (fechar)","Type-ahead: digitar caracteres foca no item correspondente","Foco visual claro nos itens durante navegação por teclado"]})}export{q as ContextMenuDoc};

package/dist/assets/ContextsDoc-XFH0-JdS.js

@@ -1,211 +0,0 @@
-import{j as e}from"./index-DkiftrvI.js";import{C as n}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.js";const r=`import { 
-  // Contexts e Hooks
-  useLocale,
-  useNavigation,
-  usePageMetadata,
-  useModalState,
-  useHasOpenModal,
-  
-  // Providers
-  LocaleProvider,
-  NavigationProvider,
-  PageMetadataProvider,
-  ModalStateProvider,
-} from 'forlogic-core';`,s=`import { useLocale } from 'forlogic-core';
-
-function UserSettings() {
-  const { 
-    locale, 
-    timezone, 
-    datetimeFormat,
-    setLocale, 
-    setTimezone, 
-    setDatetimeFormat,
-    isLoading 
-  } = useLocale();
-  
-  if (isLoading) return <Spinner />;
-  
-  return (
-    <div className="space-y-4">
-      <Select 
-        value={locale} 
-        onValueChange={setLocale}
-      >
-        <SelectItem value="pt-BR">Português</SelectItem>
-        <SelectItem value="en-US">English</SelectItem>
-        <SelectItem value="es-ES">Español</SelectItem>
-      </Select>
-      
-      <Select 
-        value={timezone} 
-        onValueChange={setTimezone}
-      >
-        <SelectItem value="America/Sao_Paulo">São Paulo (-3)</SelectItem>
-        <SelectItem value="America/New_York">New York (-5)</SelectItem>
-      </Select>
-      
-      <Select 
-        value={datetimeFormat} 
-        onValueChange={setDatetimeFormat}
-      >
-        <SelectItem value="dd/MM/yyyy HH:mm">DD/MM/YYYY HH:mm</SelectItem>
-        <SelectItem value="yyyy-MM-dd HH:mm">YYYY-MM-DD HH:mm</SelectItem>
-      </Select>
-    </div>
-  );
-}`,d=`import { NavigationProvider, useNavigation } from 'forlogic-core';
-
-// Configuração de navegação
-const sidebarConfig = {
-  appName: 'Minha Aplicação',
-  navigation: [
-    { path: '/', label: 'Início', icon: Home },
-    { path: '/users', label: 'Usuários', icon: Users },
-    { path: '/settings', label: 'Configurações', icon: Settings },
-  ]
-};
-
-// Provider no root da aplicação
-function App() {
-  return (
-    <NavigationProvider config={sidebarConfig}>
-      <AppLayout />
-    </NavigationProvider>
-  );
-}
-
-// Uso em componentes
-function PageHeader() {
-  const { navigation, appName } = useNavigation();
-  
-  return (
-    <header>
-      <h1>{appName}</h1>
-      <nav>
-        {navigation?.map(item => (
-          <Link key={item.path} to={item.path}>
-            {item.label}
-          </Link>
-        ))}
-      </nav>
-    </header>
-  );
-}`,l=`import { PageMetadataProvider, usePageMetadata } from 'forlogic-core';
-
-// Provider com ações customizadas no header
-function App() {
-  return (
-    <PageMetadataProvider 
-      defaultHeaderActions={<Button>Ação Global</Button>}
-    >
-      <AppLayout />
-    </PageMetadataProvider>
-  );
-}
-
-// Hook para definir metadados da página
-function UsersPage() {
-  usePageMetadata({
-    title: 'Gerenciamento de Usuários',
-    subtitle: 'Adicione, edite e remova usuários do sistema'
-  });
-  
-  return <UserList />;
-}
-
-// Subtitle com ReactNode (links, ícones, etc.)
-function DetailPage() {
-  usePageMetadata({
-    title: 'Detalhes do Item',
-    subtitle: <span>Veja o <a href="/docs">guia</a></span>
-  });
-  
-  return <Detail />;
-}
-
-// Breadcrumbs no header
-function EditUserPage() {
-  usePageMetadata({
-    title: 'Editar Usuário',
-    subtitle: 'Atualize os dados do usuário',
-    breadcrumbs: [
-      { label: 'Usuários', href: '/users' },
-      { label: 'João Silva' }
-    ]
-  });
-  
-  return <UserForm />;
-}
-
-// Consumindo metadados no header
-function AppHeader() {
-  const { metadata, headerActions } = usePageMetadataContext();
-  
-  return (
-    <header className="flex justify-between">
-      <div>
-        {metadata?.breadcrumbs && (
-          <nav className="text-xs text-muted-foreground">...</nav>
-        )}
-        <h1>{metadata?.title}</h1>
-        {metadata?.subtitle && (
-          <div className="text-muted-foreground">{metadata.subtitle}</div>
-        )}
-      </div>
-      <div>{headerActions}</div>
-    </header>
-  );
-}`,c=`import { ModalStateProvider, useModalState, useHasOpenModal } from 'forlogic-core';
-
-// Provider no root da aplicação
-function App() {
-  return (
-    <ModalStateProvider>
-      <AppLayout />
-    </ModalStateProvider>
-  );
-}
-
-// Registrar modal aberto
-function MyDialog({ open, onOpenChange }) {
-  const { registerModal, unregisterModal } = useModalState();
-  
-  useEffect(() => {
-    if (open) {
-      registerModal('my-dialog');
-    } else {
-      unregisterModal('my-dialog');
-    }
-  }, [open, registerModal, unregisterModal]);
-  
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent>...</DialogContent>
-    </Dialog>
-  );
-}
-
-// Hook simplificado para verificar se há modal aberto
-function SidebarTrigger() {
-  const hasOpenModal = useHasOpenModal();
-  
-  return (
-    <Button 
-      disabled={hasOpenModal}
-      onClick={openSidebar}
-    >
-      Menu
-    </Button>
-  );
-}
-
-// Uso com setHasOpenModal (modo simplificado)
-function SimpleModal() {
-  const { setHasOpenModal } = useModalState();
-  
-  const handleOpen = () => setHasOpenModal(true);
-  const handleClose = () => setHasOpenModal(false);
-  
-  return <Dialog onOpenChange={(open) => setHasOpenModal(open)}>...</Dialog>;
-}`,m=[{name:"useLocale()",type:"LocaleContextType",default:"-",description:"Retorna locale, timezone, datetimeFormat, funções setters e isLoading."},{name:"LocaleProvider",type:"React.FC<{ children }>",default:"-",description:"Provider que gerencia preferências de locale do usuário com persistência no banco."},{name:"useNavigation()",type:"{ navigation, appName }",default:"-",description:"Retorna configuração de navegação e nome da aplicação."},{name:"NavigationProvider",type:"React.FC<{ config, children }>",default:"-",description:"Provider que fornece configuração de sidebar/navegação para toda a aplicação."},{name:"usePageMetadata(options)",type:"void",default:"-",description:"Define title (string), subtitle (ReactNode) e breadcrumbs (PageBreadcrumbItem[]) da página atual. Limpa automaticamente no unmount."},{name:"usePageMetadataContext()",type:"{ metadata, headerActions, setMetadata, clearMetadata }",default:"-",description:"Acessa metadados da página atual para uso em headers."},{name:"PageMetadataProvider",type:"React.FC<{ defaultHeaderActions, children }>",default:"-",description:"Provider que gerencia metadados de página e ações do header."},{name:"useModalState()",type:"ModalStateContextValue",default:"-",description:"Retorna openModals, hasOpenModal, registerModal, unregisterModal, setHasOpenModal."},{name:"useHasOpenModal()",type:"boolean",default:"-",description:"Hook simplificado que retorna apenas se há modal aberto."},{name:"ModalStateProvider",type:"React.FC<{ children }>",default:"-",description:"Provider que rastreia modais abertos globalmente."}];function a({title:t,description:o,code:i}){return e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-semibold",children:t}),e.jsx("p",{className:"text-sm text-muted-foreground",children:o})]}),e.jsx("pre",{className:"rounded-lg border bg-muted/50 p-4 overflow-x-auto",children:e.jsx("code",{className:"text-sm font-mono",children:i})})]})}function v(){const t=[{id:"exemplos",label:"Exemplos"},{id:"localecontext",label:"LocaleContext"},{id:"navigationcontext",label:"NavigationContext"},{id:"pagemetadatacontext",label:"PageMetadataContext"},{id:"modalstatecontext",label:"ModalStateContext"}];return e.jsx(n,{title:"Contexts",description:"Contexts globais da biblioteca forlogic-core para gerenciamento de estado da aplicação. Incluem LocaleContext para i18n, NavigationContext para navegação, PageMetadataContext para metadados de página e ModalStateContext para rastreamento de modais.",usage:r,props:m,tocItems:t,notes:["LocaleContext fornece locale fixo em pt-BR (preferências do usuário serão implementadas futuramente via API externa).","NavigationContext é memoizado para evitar re-renders durante navegação.","PageMetadataContext limpa automaticamente os metadados quando a página é desmontada.","ModalStateContext permite uso opcional - retorna fallback silencioso se não houver provider.","useHasOpenModal é útil para desabilitar ações de sidebar quando há modais abertos.","Todos os contexts devem ser configurados via CoreProviders no root da aplicação."],children:e.jsxs("div",{id:"exemplos",className:"space-y-8 scroll-mt-4",children:[e.jsx("h2",{className:"text-2xl font-semibold tracking-tight border-b pb-2",children:"Exemplos"}),e.jsx("div",{id:"localecontext",className:"scroll-mt-4",children:e.jsx(a,{title:"LocaleContext",description:"Gerencia preferências de locale, timezone e formato de data/hora do usuário. Persiste automaticamente no banco de dados.",code:s})}),e.jsx("div",{id:"navigationcontext",className:"scroll-mt-4",children:e.jsx(a,{title:"NavigationContext",description:"Fornece configuração de navegação e nome da aplicação. Usado pelo AppSidebar e hooks como usePageTitle.",code:d})}),e.jsx("div",{id:"pagemetadatacontext",className:"scroll-mt-4",children:e.jsx(a,{title:"PageMetadataContext",description:"Permite que páginas definam título e subtítulo que serão exibidos no AppHeader. Suporta ações customizadas no header.",code:l})}),e.jsx("div",{id:"modalstatecontext",className:"scroll-mt-4",children:e.jsx(a,{title:"ModalStateContext",description:"Rastreia modais abertos globalmente. Permite que componentes como SidebarActionTrigger se desabilitem quando há modais abertos.",code:c})})]})})}export{v as ContextsDoc};

package/dist/assets/CreateCrudPageDoc-CpuiWI-g.js

@@ -1,106 +0,0 @@
-import{j as e,a as m,b as x,c as h,d as u,dw as a,w as l,a5 as i,a6 as d,a7 as r,aX as S,dy as o,aa as c,aQ as t,a4 as T,ff as j,aU as p,r as f,x as v,P as k,d7 as R,K as B,T as E,i as F,k as y,l as N,p as I,q as g,B as q,ak as H,al as U,aV as _,an as L,ao as b,aW as V,ef as O,y as M,z as G,E as Q,G as W,H as X,I as K,X as $}from"./index-DkiftrvI.js";import{C as J}from"./ComponentDocTemplate-CQbBhfvZ.js";import"./ExampleCard-DuLrb3t-.js";const Y=[{id:"1",title:"Reunião de planejamento",category:"Trabalho",is_actived:!0},{id:"2",title:"Lista de compras",category:"Pessoal",is_actived:!0},{id:"3",title:"Ideias para o projeto",category:"Trabalho",is_actived:!1},{id:"4",title:"Anotações da aula",category:"Estudos",is_actived:!0},{id:"5",title:"Receita de bolo",category:"Pessoal",is_actived:!0}];function Z(){const[C,P]=f.useState(""),[A,n]=f.useState(!1),[D,z]=f.useState(1),w=Y.filter(s=>s.title.toLowerCase().includes(C.toLowerCase()));return e.jsxs("div",{className:"border rounded-lg overflow-hidden bg-background",children:[e.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-4 p-4 border-b",children:[e.jsxs(v,{size:"sm",onClick:()=>n(!0),children:[e.jsx(k,{className:"h-4 w-4 mr-2"}),"Nova Nota"]}),e.jsx("div",{className:"flex-1 max-w-xs",children:e.jsxs("div",{className:"relative",children:[e.jsx(R,{className:"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground"}),e.jsx(B,{placeholder:"Buscar notas...",value:C,onChange:s=>P(s.target.value),className:"pl-9 h-9"})]})})]}),e.jsxs(E,{children:[e.jsx(F,{children:e.jsxs(y,{children:[e.jsx(N,{children:"Título"}),e.jsx(N,{children:"Categoria"}),e.jsx(N,{children:"Status"}),e.jsx(N,{className:"w-16",children:"Ações"})]})}),e.jsx(I,{children:w.map(s=>e.jsxs(y,{children:[e.jsx(g,{className:"font-medium",children:s.title}),e.jsx(g,{children:s.category}),e.jsx(g,{children:e.jsx(q,{variant:s.is_actived?"default":"secondary",children:s.is_actived?"Ativo":"Inativo"})}),e.jsx(g,{children:e.jsxs(H,{children:[e.jsx(U,{asChild:!0,children:e.jsx(_,{})}),e.jsxs(L,{align:"end",children:[e.jsxs(b,{children:[e.jsx(V,{className:"h-4 w-4 mr-2"}),"Editar"]}),e.jsxs(b,{children:[e.jsx(O,{className:"h-4 w-4 mr-2"}),"Desativar"]}),e.jsxs(b,{className:"text-destructive",children:[e.jsx(M,{className:"h-4 w-4 mr-2"}),"Excluir"]})]})]})})]},s.id))})]}),e.jsx("div",{className:"border-t",children:e.jsx(G,{currentPage:D,totalPages:1,totalItems:w.length,itemsPerPage:10,onPageChange:z,onItemsPerPageChange:()=>{},variant:"full"})}),e.jsx(Q,{open:A,onOpenChange:n,children:e.jsxs(W,{children:[e.jsx(X,{children:e.jsx(K,{children:"Nova Nota"})}),e.jsx("div",{className:"py-4 text-center text-muted-foreground",children:"Formulário gerado automaticamente pelo BaseForm"}),e.jsxs($,{children:[e.jsx(v,{variant:"outline",onClick:()=>n(!1),children:"Cancelar"}),e.jsx(v,{onClick:()=>n(!1),children:"Salvar"})]})]})})]})}const ee=`// 1. Defina o serviço
-const notesService = createSimpleService<Note>({
-  tableName: 'notes',
-  schema: 'common',
-});
-
-// 2. Crie a página com ~15 linhas de configuração
-const NotesPage = createCrudPage({
-  entityName: 'Nota',
-  entityNamePlural: 'Notas',
-  service: notesService,
-  columns: [
-    { key: 'title', header: 'Título', sortable: true },
-    { key: 'category', header: 'Categoria' },
-    { key: 'is_actived', header: 'Status' },
-  ],
-  formSections: [{
-    id: 'main',
-    fields: [
-      { name: 'title', label: 'Título', type: 'text', required: true },
-      { name: 'category', label: 'Categoria', type: 'select', options: [...] },
-      { name: 'content', label: 'Conteúdo', type: 'textarea' },
-    ],
-  }],
-});`,se=`const ProductsPage = createCrudPage({
-  // ... config básica
-  filters: [
-    { 
-      key: 'category', 
-      label: 'Categoria', 
-      options: [
-        { value: 'electronics', label: 'Eletrônicos' },
-        { value: 'clothing', label: 'Vestuário' },
-      ] 
-    },
-    { 
-      key: 'status', 
-      label: 'Status', 
-      options: [
-        { value: 'active', label: 'Ativo' },
-        { value: 'inactive', label: 'Inativo' },
-      ] 
-    },
-  ],
-  defaultSort: { column: 'name', direction: 'asc' },
-});`,ae=`const ReportsPage = createCrudPage({
-  // ... config básica
-  
-  // Ações na toolbar
-  customActions: [
-    { 
-      icon: Download, 
-      label: 'Exportar', 
-      onClick: () => handleExport() 
-    },
-  ],
-  
-  // Ações por linha
-  customRowActions: (item) => [
-    { icon: Copy, label: 'Duplicar', onClick: () => handleDuplicate(item) },
-    { icon: History, label: 'Histórico', onClick: () => handleHistory(item) },
-  ],
-  
-  // Ações em massa (dropdown "Ações em lote")
-  enableBulkActions: true,
-  bulkActions: [
-    { 
-      icon: Archive, 
-      label: 'Arquivar', 
-      action: (ids) => handleBulkArchive(ids) 
-    },
-  ],
-});`,le=`const ProcessesPage = createCrudPage({
-  // ... config básica
-  
-  // Desabilita o formulário padrão
-  useCustomRouting: true,
-  hideNewButton: true,
-  
-  // Handler customizado para "Novo"
-  onNew: () => navigate('/processes/new'),
-  
-  // Ou usa handler direto (abre modal/wizard externo)
-  onEdit: (item) => navigate(\`/processes/\${item.id}/edit\`),
-});`,te=`// Render customizado de colunas
-columns: [
-  { 
-    key: 'status', 
-    header: 'Status',
-    render: (item) => (
-      <Badge variant={item.is_actived ? 'default' : 'secondary'}>
-        {item.is_actived ? 'Ativo' : 'Inativo'}
-      </Badge>
-    )
-  },
-  { 
-    key: 'user', 
-    header: 'Responsável',
-    render: (item) => (
-      <div className="flex items-center gap-2">
-        <Avatar src={item.user.avatar} />
-        <span>{item.user.name}</span>
-      </div>
-    )
-  },
-]`;function de(){return e.jsxs(J,{title:"createCrudPage",description:"Factory de alto nível que gera uma página CRUD completa com ~15 linhas de configuração declarativa.",tocItems:[{id:"geracao-automatica",label:"Geração Automática"},{id:"uso-basico",label:"Uso Básico"},{id:"com-filtros",label:"Com Filtros"},{id:"com-acoes",label:"Com Ações Customizadas"},{id:"com-wizard",label:"Com Wizard"},{id:"render-customizado",label:"Render Customizado"},{id:"referencia-props",label:"Referência de Props"},{id:"quando-usar",label:"Quando Usar"},{id:"docs-detalhadas",label:"Documentação Detalhada"}],children:[e.jsxs(m,{id:"geracao-automatica",className:"scroll-mt-4",children:[e.jsx(x,{children:e.jsx(h,{children:"O que o createCrudPage gera automaticamente?"})}),e.jsx(u,{children:e.jsxs("ul",{className:"grid grid-cols-1 md:grid-cols-2 gap-2 text-sm",children:[e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(a,{className:"h-4 w-4 text-green-500"}),"Tabela com paginação e ordenação"]}),e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(a,{className:"h-4 w-4 text-green-500"}),"Formulário modal para criar/editar"]}),e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(a,{className:"h-4 w-4 text-green-500"}),"Barra de busca integrada"]}),e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(a,{className:"h-4 w-4 text-green-500"}),"Filtros customizáveis"]}),e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(a,{className:"h-4 w-4 text-green-500"}),"Ações de editar/excluir/toggle"]}),e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(a,{className:"h-4 w-4 text-green-500"}),"Dropdown de ações em lote"]}),e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(a,{className:"h-4 w-4 text-green-500"}),"Estados de loading/empty"]}),e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(a,{className:"h-4 w-4 text-green-500"}),"Integração automática com service"]})]})})]}),e.jsx(l,{}),e.jsxs("section",{id:"uso-basico",className:"space-y-4 scroll-mt-4",children:[e.jsx("h2",{className:"text-2xl font-semibold",children:"Uso Básico"}),e.jsxs(i,{defaultValue:"preview",className:"w-full",children:[e.jsxs(d,{className:"mb-4",children:[e.jsxs(r,{value:"preview",className:"gap-2",children:[e.jsx(S,{size:16}),"Preview"]}),e.jsxs(r,{value:"code",className:"gap-2",children:[e.jsx(o,{size:16}),"Código"]})]}),e.jsxs(c,{value:"preview",className:"mt-0",children:[e.jsx(Z,{}),e.jsx("p",{className:"text-xs text-muted-foreground mt-2",children:"Este é um preview interativo do que o createCrudPage gera automaticamente."})]}),e.jsx(c,{value:"code",className:"mt-0",children:e.jsx("pre",{className:"bg-muted p-4 rounded-lg overflow-x-auto text-xs",children:e.jsx("code",{children:ee})})})]})]}),e.jsx(l,{}),e.jsxs("section",{id:"com-filtros",className:"space-y-4 scroll-mt-4",children:[e.jsx("h2",{className:"text-2xl font-semibold",children:"Com Filtros"}),e.jsxs(i,{defaultValue:"code",className:"w-full",children:[e.jsx(d,{className:"mb-4",children:e.jsxs(r,{value:"code",className:"gap-2",children:[e.jsx(o,{size:16}),"Código"]})}),e.jsx(c,{value:"code",className:"mt-0",children:e.jsx("pre",{className:"bg-muted p-4 rounded-lg overflow-x-auto text-xs",children:e.jsx("code",{children:se})})})]})]}),e.jsx(l,{}),e.jsxs("section",{id:"com-acoes",className:"space-y-4 scroll-mt-4",children:[e.jsx("h2",{className:"text-2xl font-semibold",children:"Com Ações Customizadas"}),e.jsxs(i,{defaultValue:"code",className:"w-full",children:[e.jsx(d,{className:"mb-4",children:e.jsxs(r,{value:"code",className:"gap-2",children:[e.jsx(o,{size:16}),"Código"]})}),e.jsx(c,{value:"code",className:"mt-0",children:e.jsx("pre",{className:"bg-muted p-4 rounded-lg overflow-x-auto text-xs",children:e.jsx("code",{children:ae})})})]})]}),e.jsx(l,{}),e.jsxs("section",{id:"com-wizard",className:"space-y-4 scroll-mt-4",children:[e.jsx("h2",{className:"text-2xl font-semibold",children:"Com Wizard ou Roteamento Customizado"}),e.jsxs(i,{defaultValue:"code",className:"w-full",children:[e.jsx(d,{className:"mb-4",children:e.jsxs(r,{value:"code",className:"gap-2",children:[e.jsx(o,{size:16}),"Código"]})}),e.jsx(c,{value:"code",className:"mt-0",children:e.jsx("pre",{className:"bg-muted p-4 rounded-lg overflow-x-auto text-xs",children:e.jsx("code",{children:le})})})]})]}),e.jsx(l,{}),e.jsxs("section",{id:"render-customizado",className:"space-y-4 scroll-mt-4",children:[e.jsx("h2",{className:"text-2xl font-semibold",children:"Render Customizado de Colunas"}),e.jsxs(i,{defaultValue:"code",className:"w-full",children:[e.jsx(d,{className:"mb-4",children:e.jsxs(r,{value:"code",className:"gap-2",children:[e.jsx(o,{size:16}),"Código"]})}),e.jsx(c,{value:"code",className:"mt-0",children:e.jsx("pre",{className:"bg-muted p-4 rounded-lg overflow-x-auto text-xs",children:e.jsx("code",{children:te})})})]})]}),e.jsx(l,{}),e.jsxs("section",{id:"referencia-props",className:"space-y-4 scroll-mt-4",children:[e.jsx("h2",{className:"text-2xl font-semibold",children:"Referência de Props"}),e.jsxs(m,{children:[e.jsx(x,{children:e.jsx(h,{children:"SimpleCrudPageConfig"})}),e.jsx(u,{children:e.jsx("div",{className:"overflow-x-auto",children:e.jsxs("table",{className:"w-full text-sm",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"border-b",children:[e.jsx("th",{className:"text-left p-2 font-medium",children:"Prop"}),e.jsx("th",{className:"text-left p-2 font-medium",children:"Tipo"}),e.jsx("th",{className:"text-left p-2 font-medium",children:"Descrição"})]})}),e.jsxs("tbody",{className:"divide-y",children:[e.jsxs("tr",{children:[e.jsx("td",{className:"p-2",children:e.jsx("code",{children:"entityName"})}),e.jsx("td",{className:"p-2 text-muted-foreground",children:"string"}),e.jsx("td",{className:"p-2",children:'Nome singular (ex: "Nota")'})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"p-2",children:e.jsx("code",{children:"entityNamePlural"})}),e.jsx("td",{className:"p-2 text-muted-foreground",children:"string"}),e.jsx("td",{className:"p-2",children:'Nome plural (ex: "Notas")'})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"p-2",children:e.jsx("code",{children:"service"})}),e.jsx("td",{className:"p-2 text-muted-foreground",children:"SimpleService"}),e.jsx("td",{className:"p-2",children:"Serviço criado com createSimpleService"})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"p-2",children:e.jsx("code",{children:"columns"})}),e.jsx("td",{className:"p-2 text-muted-foreground",children:"CrudColumn[]"}),e.jsx("td",{className:"p-2",children:"Definição das colunas da tabela"})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"p-2",children:e.jsx("code",{children:"formSections"})}),e.jsx("td",{className:"p-2 text-muted-foreground",children:"FormSection[]"}),e.jsx("td",{className:"p-2",children:"Seções do formulário"})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"p-2",children:e.jsx("code",{children:"filters"})}),e.jsx("td",{className:"p-2 text-muted-foreground",children:"CrudFilter[]"}),e.jsx("td",{className:"p-2",children:"Filtros customizados"})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"p-2",children:e.jsx("code",{children:"defaultSort"})}),e.jsx("td",{className:"p-2 text-muted-foreground",children:"{column, direction}"}),e.jsx("td",{className:"p-2",children:"Ordenação inicial"})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"p-2",children:e.jsx("code",{children:"enableBulkActions"})}),e.jsx("td",{className:"p-2 text-muted-foreground",children:"boolean"}),e.jsx("td",{className:"p-2",children:"Habilita seleção múltipla e dropdown de ações"})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"p-2",children:e.jsx("code",{children:"bulkActions"})}),e.jsx("td",{className:"p-2 text-muted-foreground",children:"BulkAction[]"}),e.jsx("td",{className:"p-2",children:"Ações em massa no dropdown"})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"p-2",children:e.jsx("code",{children:"customActions"})}),e.jsx("td",{className:"p-2 text-muted-foreground",children:"Action[]"}),e.jsx("td",{className:"p-2",children:"Ações na toolbar"})]}),e.jsxs("tr",{children:[e.jsx("td",{className:"p-2",children:e.jsx("code",{children:"customRowActions"})}),e.jsx("td",{className:"p-2 text-muted-foreground",children:"(item) => Action[]"}),e.jsx("td",{className:"p-2",children:"Ações por linha"})]}),e.jsxs("tr",{className:"bg-muted/50",children:[e.jsx("td",{className:"p-2",children:e.jsx("code",{children:"onNew"})}),e.jsx("td",{className:"p-2 text-muted-foreground",children:"() => void"}),e.jsx("td",{className:"p-2",children:'Handler customizado para "Novo"'})]}),e.jsxs("tr",{className:"bg-muted/50",children:[e.jsx("td",{className:"p-2",children:e.jsx("code",{children:"hideNewButton"})}),e.jsx("td",{className:"p-2 text-muted-foreground",children:"boolean"}),e.jsx("td",{className:"p-2",children:'Esconde o botão "Novo"'})]}),e.jsxs("tr",{className:"bg-muted/50",children:[e.jsx("td",{className:"p-2",children:e.jsx("code",{children:"useCustomRouting"})}),e.jsx("td",{className:"p-2 text-muted-foreground",children:"boolean"}),e.jsx("td",{className:"p-2",children:"Desabilita BaseForm padrão"})]})]})]})})})]})]}),e.jsx(l,{}),e.jsxs("section",{id:"quando-usar",className:"space-y-4 scroll-mt-4",children:[e.jsx("h2",{className:"text-2xl font-semibold",children:"Quando usar?"}),e.jsxs("div",{className:"grid gap-4 md:grid-cols-2",children:[e.jsxs(m,{className:"border-green-500/20 bg-green-500/5",children:[e.jsx(x,{children:e.jsxs(h,{className:"text-green-600 flex items-center gap-2",children:[e.jsx(a,{className:"h-5 w-5"}),"Use createCrudPage quando:"]})}),e.jsx(u,{children:e.jsxs("ul",{className:"space-y-2 text-sm",children:[e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(t,{className:"h-4 w-4"}),"Precisa de um CRUD padrão rapidamente"]}),e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(t,{className:"h-4 w-4"}),"Layout tabela + formulário atende"]}),e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(t,{className:"h-4 w-4"}),"Quer consistência com outros CRUDs"]}),e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(t,{className:"h-4 w-4"}),"Produtividade é prioridade"]})]})})]}),e.jsxs(m,{className:"border-orange-500/20 bg-orange-500/5",children:[e.jsx(x,{children:e.jsxs(h,{className:"text-orange-600 flex items-center gap-2",children:[e.jsx(T,{className:"h-5 w-5"}),"Use CrudTable/CrudGrid quando:"]})}),e.jsx(u,{children:e.jsxs("ul",{className:"space-y-2 text-sm",children:[e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(t,{className:"h-4 w-4"}),"Precisa de layout muito customizado"]}),e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(t,{className:"h-4 w-4"}),"Múltiplas tabelas na mesma página"]}),e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(t,{className:"h-4 w-4"}),"Lógica de negócio complexa"]}),e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(t,{className:"h-4 w-4"}),"Controle total sobre a UI"]})]})})]})]})]}),e.jsx(l,{}),e.jsxs("section",{id:"docs-detalhadas",className:"space-y-4 scroll-mt-4",children:[e.jsx("h2",{className:"text-2xl font-semibold",children:"Documentação Detalhada"}),e.jsx("p",{className:"text-muted-foreground",children:"Para customizações avançadas e composição manual, consulte:"}),e.jsxs("div",{className:"grid gap-3 md:grid-cols-2",children:[e.jsxs(j,{to:"/ds/crud-table",className:"flex items-center gap-2 p-4 border rounded-lg hover:bg-muted transition-colors",children:[e.jsx(p,{className:"h-4 w-4"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"CrudTable"}),e.jsx("div",{className:"text-sm text-muted-foreground",children:"Composição manual com controle total"})]})]}),e.jsxs(j,{to:"/ds/crud-baseform",className:"flex items-center gap-2 p-4 border rounded-lg hover:bg-muted transition-colors",children:[e.jsx(p,{className:"h-4 w-4"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"BaseForm"}),e.jsx("div",{className:"text-sm text-muted-foreground",children:"Tipos de campo e grupos"})]})]}),e.jsxs(j,{to:"/ds/crud-pagination",className:"flex items-center gap-2 p-4 border rounded-lg hover:bg-muted transition-colors",children:[e.jsx(p,{className:"h-4 w-4"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"CrudPagination"}),e.jsx("div",{className:"text-sm text-muted-foreground",children:"Controles de paginação"})]})]}),e.jsxs(j,{to:"/ds/crud",className:"flex items-center gap-2 p-4 border rounded-lg hover:bg-muted transition-colors",children:[e.jsx(p,{className:"h-4 w-4"}),e.jsxs("div",{children:[e.jsx("div",{className:"font-medium",children:"Visão Geral do CRUD"}),e.jsx("div",{className:"text-sm text-muted-foreground",children:"Arquitetura e níveis de abstração"})]})]})]})]})]})}export{de as CreateCrudPageDoc};