forlogic-core 2.0.3 → 2.0.5

package/dist/assets/HooksDoc-Ctxdk6Wq.js

@@ -1,665 +0,0 @@
-import{r as t,j as e,em as W,x as N,B as C,dw as R,a as F,d as E,E as J,G as Z,H as X,I as Y,X as _,ew as T,S as B,ak as ee,al as ae,bk as se,an as te,ao as re,bs as I,o as L,ac as ie,J as S,W as U,K as A}from"./index-DkiftrvI.js";import{C as oe}from"./ComponentDocTemplate-CQbBhfvZ.js";import{R as ne,a as le}from"./radio-group-BHAaNGsm.js";import"./ExampleCard-DuLrb3t-.js";function de(p){const{steps:c,initialStep:g=0,initialData:b={},onComplete:v,onCancel:z}=p,[o,u]=t.useState(g),[h,a]=t.useState(b),[d,j]=t.useState(!1),[f,w]=t.useState(!1),l=c.length,y=o===0,s=o===l-1,r=c[o],x=l>1?(o+1)/l*100:100,m=t.useCallback(()=>r?.canProceed?r.canProceed():!0,[r]),M=t.useMemo(()=>m(),[m,h]),D=t.useMemo(()=>!(y||r?.disableBack),[y,r]),Q=t.useCallback(i=>{a(k=>({...k,...i}))},[]),q=t.useCallback((i,k)=>{a($=>({...$,[i]:k}))},[]),H=t.useCallback(()=>{u(g),a(b),j(!1),w(!1),z?.()},[g,b,z]),P=t.useCallback(async()=>{if(!(!m()||f)){w(!0);try{await v?.(h)}finally{w(!1)}}},[m,f,h,v]),G=t.useCallback(async()=>{!m()||d||(s?await P():u(i=>Math.min(i+1,l-1)))},[m,d,s,l,P]),V=t.useCallback(()=>{!D||d||u(i=>Math.max(i-1,0))},[D,d]),O=t.useCallback(i=>{i<0||i>=l||d||(i<=o||i===o+1)&&u(i)},[o,l,d]),K=t.useCallback(i=>{j(i)},[]);return{currentStep:o,currentStepConfig:r,data:h,isFirstStep:y,isLastStep:s,isLoading:d,isCompleting:f,next:G,back:V,goTo:O,canProceed:M,canGoBack:D,setData:Q,updateField:q,reset:H,complete:P,setLoading:K,progress:x,stepIndex:o,totalSteps:l}}const ce=`import { 
-  useDebounce, 
-  useActiveModules, 
-  usePermissionQuery,
-  useI18nFormatters,
-  usePageTitle,
-  useColumnResize,
-  useRowResize,
-  useSidebarResize,
-  useQualiexUsers,
-  useWizard
-} from 'forlogic-core/modular';`;function ue(){const[p,c]=t.useState(!1),[g,b]=t.useState(!1),[v,z]=t.useState(null),o={name:"",email:"",plan:"basic",notifications:!0,newsletter:!1},u=t.useRef(o),h=t.useMemo(()=>[{id:"personal",label:"Dados Pessoais",canProceed:()=>{const s=u.current;return s.name.length>=2&&s.email.includes("@")}},{id:"plan",label:"Escolha do Plano",canProceed:()=>!!u.current.plan},{id:"preferences",label:"Preferências"},{id:"review",label:"Confirmação"}],[]),a=de({steps:h,initialData:o,onComplete:async s=>{await new Promise(r=>setTimeout(r,1e3)),z(s),b(!0),c(!1)},onCancel:()=>{c(!1)}});u.current=a.data;const d=()=>{a.reset(),b(!1),z(null),c(!0)},j=h.map(s=>s.label),f={basic:{name:"Básico",price:"Grátis",features:["5 projetos","Suporte por email"]},pro:{name:"Pro",price:"R$ 49/mês",features:["Projetos ilimitados","Suporte prioritário","API access"]},enterprise:{name:"Enterprise",price:"Personalizado",features:["Tudo do Pro","SLA dedicado","Consultoria"]}},w=[e.jsx(T,{className:"h-5 w-5"}),e.jsx(W,{className:"h-5 w-5"}),e.jsx(B,{className:"h-5 w-5"}),e.jsx(R,{className:"h-5 w-5"})],l=()=>{switch(a.currentStep){case 0:return e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"p-3 rounded-full bg-primary/10 text-primary",children:e.jsx(T,{className:"h-6 w-6"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-semibold",children:"Seus dados"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Preencha suas informações básicas"})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(S,{htmlFor:"name",children:"Nome *"}),e.jsx(A,{id:"name",value:a.data.name,onChange:s=>a.updateField("name",s.target.value),placeholder:"Seu nome completo"}),a.data.name.length>0&&a.data.name.length<2&&e.jsx("p",{className:"text-xs text-destructive",children:"Nome deve ter pelo menos 2 caracteres"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(S,{htmlFor:"email",children:"Email *"}),e.jsx(A,{id:"email",type:"email",value:a.data.email,onChange:s=>a.updateField("email",s.target.value),placeholder:"seu@email.com"}),a.data.email.length>0&&!a.data.email.includes("@")&&e.jsx("p",{className:"text-xs text-destructive",children:"Email inválido"})]})]});case 1:return e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"p-3 rounded-full bg-primary/10 text-primary",children:e.jsx(W,{className:"h-6 w-6"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-semibold",children:"Escolha seu plano"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Selecione o plano que melhor atende suas necessidades"})]})]}),e.jsx(ne,{value:a.data.plan,onValueChange:s=>a.updateField("plan",s),className:"space-y-3",children:Object.entries(f).map(([s,r])=>e.jsxs("label",{className:L("flex items-start gap-4 p-4 rounded-lg border-2 cursor-pointer transition-all",a.data.plan===s?"border-primary bg-primary/5":"border-border hover:border-muted-foreground/50"),children:[e.jsx(le,{value:s,className:"mt-1"}),e.jsxs("div",{className:"flex-1",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("span",{className:"font-medium",children:r.name}),e.jsx(C,{variant:s==="pro"?"default":"outline",children:r.price})]}),e.jsx("ul",{className:"mt-2 space-y-1",children:r.features.map((x,m)=>e.jsxs("li",{className:"text-sm text-muted-foreground flex items-center gap-2",children:[e.jsx(I,{className:"h-3 w-3 text-green-500"})," ",x]},m))})]})]},s))})]});case 2:return e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"p-3 rounded-full bg-primary/10 text-primary",children:e.jsx(B,{className:"h-6 w-6"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-semibold",children:"Preferências"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Configure suas preferências de comunicação"})]})]}),e.jsx(F,{children:e.jsxs(E,{className:"p-4 space-y-4",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx(S,{htmlFor:"notifications",className:"font-medium",children:"Notificações"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Receber notificações sobre atualizações"})]}),e.jsx(U,{id:"notifications",checked:a.data.notifications,onCheckedChange:s=>a.updateField("notifications",s)})]}),e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxs("div",{children:[e.jsx(S,{htmlFor:"newsletter",className:"font-medium",children:"Newsletter"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Receber dicas e novidades por email"})]}),e.jsx(U,{id:"newsletter",checked:a.data.newsletter,onCheckedChange:s=>a.updateField("newsletter",s)})]})]})})]});case 3:return e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3 mb-6",children:[e.jsx("div",{className:"p-3 rounded-full bg-green-100 text-green-600",children:e.jsx(R,{className:"h-6 w-6"})}),e.jsxs("div",{children:[e.jsx("h3",{className:"font-semibold",children:"Confirme seus dados"}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Revise as informações antes de finalizar"})]})]}),e.jsx(F,{children:e.jsxs(E,{className:"p-4 space-y-3",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx("p",{className:"text-sm text-muted-foreground",children:"Nome"}),e.jsx("p",{className:"font-medium",children:a.data.name})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm text-muted-foreground",children:"Email"}),e.jsx("p",{className:"font-medium",children:a.data.email})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm text-muted-foreground",children:"Plano"}),e.jsx(C,{children:f[a.data.plan].name})]}),e.jsxs("div",{children:[e.jsx("p",{className:"text-sm text-muted-foreground",children:"Preço"}),e.jsx("p",{className:"font-medium",children:f[a.data.plan].price})]})]}),e.jsxs("div",{className:"pt-3 border-t",children:[e.jsx("p",{className:"text-sm text-muted-foreground mb-2",children:"Preferências"}),e.jsxs("div",{className:"flex gap-2",children:[e.jsxs(C,{variant:a.data.notifications?"default":"outline",children:["Notificações: ",a.data.notifications?"Sim":"Não"]}),e.jsxs(C,{variant:a.data.newsletter?"default":"outline",children:["Newsletter: ",a.data.newsletter?"Sim":"Não"]})]})]})]})})]});default:return null}},y=()=>e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs(ee,{children:[e.jsx(ae,{asChild:!0,children:e.jsxs(N,{variant:"ghost",size:"sm",className:"h-auto py-1 px-2 text-sm text-muted-foreground hover:text-foreground",children:["Etapa ",a.currentStep+1,"/",a.totalSteps,e.jsx(se,{className:"h-3 w-3 ml-1"})]})}),e.jsx(te,{align:"start",children:j.map((s,r)=>{const x=r>a.currentStep;return e.jsxs(re,{onClick:()=>!x&&a.goTo(r),disabled:x,className:L("cursor-pointer",r===a.currentStep&&"bg-muted font-medium",x&&"opacity-50 cursor-not-allowed"),children:[e.jsxs("span",{className:"mr-2 text-muted-foreground",children:[r+1,"."]}),s,r===a.currentStep&&e.jsx(I,{className:"h-4 w-4 ml-auto"})]},r)})})]}),e.jsx(ie,{value:a.progress,className:"w-32 h-2"})]});return e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx(N,{onClick:d,children:"Abrir Wizard de Cadastro"}),g&&v&&e.jsxs(C,{variant:"outline",className:"text-green-600 border-green-600",children:[e.jsx(R,{className:"h-3 w-3 mr-1"}),"Cadastro concluído!"]})]}),v&&e.jsx(F,{className:"bg-muted/50",children:e.jsxs(E,{className:"p-4",children:[e.jsx("p",{className:"text-sm font-medium mb-2",children:"Dados enviados:"}),e.jsx("pre",{className:"text-xs bg-background p-2 rounded overflow-x-auto",children:JSON.stringify(v,null,2)})]})}),e.jsx(J,{open:p,onOpenChange:s=>!s&&a.reset(),children:e.jsxs(Z,{size:"md",children:[e.jsxs(X,{showSeparator:!0,children:[e.jsx("div",{className:"flex items-center justify-between",children:e.jsxs(Y,{className:"flex items-center gap-2",children:[w[a.currentStep],a.currentStepConfig.label]})}),e.jsx(y,{})]}),e.jsx("div",{className:"flex-1 min-h-0 overflow-auto py-4 px-1 -mx-1",children:l()}),e.jsxs(_,{children:[a.canGoBack&&e.jsx(N,{variant:"outline",onClick:a.back,disabled:a.isCompleting,children:"Voltar"}),e.jsx(N,{onClick:a.next,disabled:!a.canProceed||a.isCompleting,children:a.isCompleting?"Finalizando...":a.isLastStep?"Finalizar Cadastro":"Próximo"})]})]})})]})}const me=`import { useDebounce } from 'forlogic-core/modular';
-
-function SearchInput() {
-  const [searchTerm, setSearchTerm] = useState('');
-  const [debouncedSearch, cancelDebounce] = useDebounce(searchTerm, 500);
-  
-  // API é chamada apenas quando usuário para de digitar por 500ms
-  const { data } = useQuery({
-    queryKey: ['search', debouncedSearch],
-    queryFn: () => api.search(debouncedSearch),
-    enabled: debouncedSearch.length > 0
-  });
-  
-  return (
-    <Input 
-      value={searchTerm} 
-      onChange={(e) => setSearchTerm(e.target.value)} 
-      placeholder="Buscar..."
-    />
-  );
-}`,pe=`import { useActiveModules } from 'forlogic-core/modular';
-
-function App() {
-  const { data: modules, isLoading } = useActiveModules();
-  
-  const hasTrainingModule = modules?.some(m => m.name === 'training');
-  
-  if (isLoading) return <Spinner />;
-  
-  return (
-    <nav>
-      {hasTrainingModule && <Link to="/training">Treinamentos</Link>}
-    </nav>
-  );
-}`,ge=`import { usePermissionQuery } from 'forlogic-core/modular';
-import { useAuth } from 'forlogic-core';
-
-function ProtectedPage() {
-  const { isAuthenticated } = useAuth();
-  
-  const { data: hasAccess, isLoading } = usePermissionQuery({
-    key: 'can-manage-users',
-    enabled: isAuthenticated,
-    checkFn: async () => {
-      const response = await fetch('/api/permissions/manage-users');
-      return response.ok;
-    },
-    staleTime: 5 * 60 * 1000  // Cache por 5 minutos
-  });
-  
-  if (isLoading) return <div>Verificando permissões...</div>;
-  if (!hasAccess) return <div>Acesso negado</div>;
-  
-  return <div>Conteúdo protegido</div>;
-}`,he=`import { useI18nFormatters } from 'forlogic-core/modular';
-
-function DateDisplay({ date }: { date: string }) {
-  const { formatDatetime, formatDate, locale, timezone } = useI18nFormatters();
-  
-  return (
-    <div>
-      <p>Data: {formatDate(date)}</p>
-      <p>Data e hora: {formatDatetime(date)}</p>
-      <p>Locale: {locale}, Timezone: {timezone}</p>
-    </div>
-  );
-}`,fe=`import { usePageTitle } from 'forlogic-core/modular';
-
-function PageHeader() {
-  const title = usePageTitle();
-  
-  return <h1>{title}</h1>;
-  // Se pathname for '/employees', retorna 'Funcionários'
-  // Se pathname for '/m', retorna 'Gestão'
-  // Se não encontrar, retorna 'Página'
-}`,xe=`import { useColumnResize } from 'forlogic-core/modular';
-
-function ResizableTable() {
-  const columns = [
-    { key: 'name', minWidth: 100, maxWidth: 300, defaultWidth: 150 },
-    { key: 'email', minWidth: 150, maxWidth: 400, defaultWidth: 200 },
-    { key: 'status', minWidth: 80, maxWidth: 150, defaultWidth: 100 },
-  ];
-  
-  const { 
-    columnWidths, 
-    isDragging, 
-    handleMouseDown, 
-    resetWidths 
-  } = useColumnResize({
-    columns,
-    storageKey: 'my-table-columns',
-    enabled: true
-  });
-  
-  return (
-    <table>
-      <thead>
-        <tr>
-          {columns.map((col) => (
-            <th 
-              key={col.key} 
-              style={{ width: columnWidths[col.key] }}
-            >
-              {col.key}
-              <div 
-                onMouseDown={() => handleMouseDown(col.key)}
-                className="resize-handle"
-              />
-            </th>
-          ))}
-        </tr>
-      </thead>
-    </table>
-  );
-}`,be=`import { useRowResize } from 'forlogic-core/modular';
-
-function ResizableRows() {
-  const rowIds = ['row-1', 'row-2', 'row-3'];
-  
-  const { 
-    getRowHeight, 
-    isDragging, 
-    handleMouseDown 
-  } = useRowResize({
-    rowIds,
-    minHeight: 40,
-    maxHeight: 200,
-    defaultHeight: 60,
-    storageKey: 'my-rows-height'
-  });
-  
-  return (
-    <div>
-      {rowIds.map((id) => (
-        <div 
-          key={id} 
-          style={{ height: getRowHeight(id) }}
-          className="border-b"
-        >
-          Conteúdo da linha
-          <div onMouseDown={() => handleMouseDown(id)} className="resize-handle" />
-        </div>
-      ))}
-    </div>
-  );
-}`,ve=`import { useSidebarResize } from 'forlogic-core/modular';
-
-function ResizableSidebar() {
-  const { 
-    width, 
-    isDragging, 
-    handleMouseDown 
-  } = useSidebarResize({
-    direction: 'right',
-    minWidth: 224,
-    maxWidth: 384,
-    defaultWidth: 240,
-    storageKey: 'sidebar-width',
-    isOpen: true
-  });
-  
-  return (
-    <aside style={{ width }} className="sidebar-container">
-      <nav>...</nav>
-      <div 
-        onMouseDown={handleMouseDown}
-        className="resize-handle absolute right-0 top-0 h-full w-1 cursor-ew-resize"
-      />
-    </aside>
-  );
-}`,ze=`import { useQualiexUsers } from 'forlogic-core/modular';
-
-// ✅ Uso padrão - Busca automática ao montar
-function UserList() {
-  const { data: users, isLoading, error } = useQualiexUsers();
-  
-  if (isLoading) return <Spinner />;
-  if (error) return <div>Erro ao carregar usuários</div>;
-  
-  return (
-    <ul>
-      {users?.map(user => (
-        <li key={user.id || user.userId}>
-          {user.displayName || user.userName} - {user.userEmail}
-        </li>
-      ))}
-    </ul>
-  );
-}
-
-// ✅ Busca condicional - Apenas quando modal está aberto
-function UserSelectModal({ isOpen }: { isOpen: boolean }) {
-  const { data: users, isLoading } = useQualiexUsers({ 
-    enabled: isOpen  // Só busca quando modal abre
-  });
-  
-  return (
-    <Modal open={isOpen}>
-      {isLoading ? <Spinner /> : (
-        <select>
-          {users?.map(user => (
-            <option key={user.id} value={user.id}>
-              {user.displayName}
-            </option>
-          ))}
-        </select>
-      )}
-    </Modal>
-  );
-}
-
-// ✅ Lazy loading com refetch manual
-function LazyUserLoader() {
-  const { data: users, refetch, isFetching } = useQualiexUsers({ 
-    enabled: false  // Não busca automaticamente
-  });
-  
-  const handleLoadUsers = async () => {
-    await refetch();  // Busca quando usuário clica
-  };
-  
-  return (
-    <div>
-      <Button onClick={handleLoadUsers} disabled={isFetching}>
-        {isFetching ? 'Carregando...' : 'Carregar Usuários'}
-      </Button>
-      {users && <UserList users={users} />}
-    </div>
-  );
-}
-
-// Retorno do hook (UseQueryResult<QualiexUser[]>):
-// - data: QualiexUser[] | undefined
-// - isLoading: boolean (carregando pela primeira vez)
-// - isFetching: boolean (qualquer requisição em andamento)
-// - error: Error | null
-// - refetch: () => Promise<...> (reexecutar query)
-// - isSuccess: boolean
-// - isError: boolean`,we=`import { useWizard, WizardStep } from 'forlogic-core';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter, Button, Input, Progress } from 'forlogic-core';
-
-interface PlanData {
-  name: string;
-  type: 'basic' | 'premium';
-  features: string[];
-}
-
-function CreatePlanWizard({ open, onClose }: { open: boolean; onClose: () => void }) {
-  const steps: WizardStep[] = [
-    { 
-      id: 'info', 
-      label: 'Informações',
-      canProceed: () => wizard.data.name?.length > 0 
-    },
-    { 
-      id: 'type', 
-      label: 'Tipo do Plano',
-      canProceed: () => !!wizard.data.type 
-    },
-    { 
-      id: 'features', 
-      label: 'Funcionalidades',
-      canProceed: () => wizard.data.features?.length > 0 
-    },
-    { id: 'review', label: 'Revisão' },
-  ];
-
-  const wizard = useWizard<PlanData>({
-    steps,
-    initialData: { name: '', type: 'basic', features: [] },
-    onComplete: async (data) => {
-      await api.createPlan(data);
-      onClose();
-    },
-    onCancel: onClose,
-  });
-
-  const renderStep = () => {
-    switch (wizard.currentStep) {
-      case 0:
-        return (
-          <Input
-            value={wizard.data.name}
-            onChange={(e) => wizard.updateField('name', e.target.value)}
-            placeholder="Nome do plano"
-          />
-        );
-      case 1:
-        return (
-          <RadioGroup 
-            value={wizard.data.type}
-            onValueChange={(v) => wizard.updateField('type', v as 'basic' | 'premium')}
-          >
-            <RadioGroupItem value="basic" label="Básico" />
-            <RadioGroupItem value="premium" label="Premium" />
-          </RadioGroup>
-        );
-      case 2:
-        return <FeatureSelector data={wizard.data} setData={wizard.setData} />;
-      case 3:
-        return <ReviewStep data={wizard.data} />;
-      default:
-        return null;
-    }
-  };
-
-  return (
-    <Dialog open={open} onOpenChange={() => wizard.reset()}>
-      <DialogContent size="md">
-        <DialogHeader>
-          <DialogTitle>{wizard.currentStepConfig.label}</DialogTitle>
-          <Progress value={wizard.progress} className="h-1" />
-        </DialogHeader>
-
-        <div className="py-4">{renderStep()}</div>
-
-        <DialogFooter>
-          {wizard.canGoBack && (
-            <Button variant="outline" onClick={wizard.back}>
-              Voltar
-            </Button>
-          )}
-          <Button 
-            onClick={wizard.next} 
-            disabled={!wizard.canProceed || wizard.isCompleting}
-          >
-            {wizard.isLastStep ? 'Concluir' : 'Próximo'}
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  );
-}`,ye=`import { useWizard, WizardStep } from 'forlogic-core';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter, Button, Input, Alert } from 'forlogic-core';
-import { useState } from 'react';
-
-interface UserData {
-  email: string;
-  username: string;
-  password: string;
-}
-
-function RegisterWizard({ open, onClose }: { open: boolean; onClose: () => void }) {
-  const [emailError, setEmailError] = useState<string | null>(null);
-  const [usernameError, setUsernameError] = useState<string | null>(null);
-
-  // Validação assíncrona de email
-  const validateEmail = async (email: string): Promise<boolean> => {
-    wizard.setLoading(true);
-    setEmailError(null);
-    
-    try {
-      const response = await fetch(\`/api/check-email?email=\${encodeURIComponent(email)}\`);
-      const { available } = await response.json();
-      
-      if (!available) {
-        setEmailError('Este email já está em uso');
-        return false;
-      }
-      return true;
-    } catch (error) {
-      setEmailError('Erro ao verificar email');
-      return false;
-    } finally {
-      wizard.setLoading(false);
-    }
-  };
-
-  // Validação assíncrona de username
-  const validateUsername = async (username: string): Promise<boolean> => {
-    wizard.setLoading(true);
-    setUsernameError(null);
-    
-    try {
-      const response = await fetch(\`/api/check-username?username=\${encodeURIComponent(username)}\`);
-      const { available } = await response.json();
-      
-      if (!available) {
-        setUsernameError('Este nome de usuário já está em uso');
-        return false;
-      }
-      return true;
-    } catch (error) {
-      setUsernameError('Erro ao verificar nome de usuário');
-      return false;
-    } finally {
-      wizard.setLoading(false);
-    }
-  };
-
-  const steps: WizardStep[] = [
-    { 
-      id: 'email', 
-      label: 'Email',
-      canProceed: () => wizard.data.email?.includes('@') && !emailError
-    },
-    { 
-      id: 'username', 
-      label: 'Usuário',
-      canProceed: () => wizard.data.username?.length >= 3 && !usernameError
-    },
-    { 
-      id: 'password', 
-      label: 'Senha',
-      canProceed: () => wizard.data.password?.length >= 8
-    },
-  ];
-
-  const wizard = useWizard<UserData>({
-    steps,
-    initialData: { email: '', username: '', password: '' },
-    onComplete: async (data) => {
-      await api.register(data);
-      onClose();
-    },
-  });
-
-  // Handler customizado para próximo com validação assíncrona
-  const handleNext = async () => {
-    if (wizard.currentStep === 0) {
-      const isValid = await validateEmail(wizard.data.email);
-      if (!isValid) return;
-    }
-    
-    if (wizard.currentStep === 1) {
-      const isValid = await validateUsername(wizard.data.username);
-      if (!isValid) return;
-    }
-    
-    wizard.next();
-  };
-
-  return (
-    <Dialog open={open} onOpenChange={() => wizard.reset()}>
-      <DialogContent size="sm">
-        <DialogHeader showSeparator>
-          <DialogTitle>Criar conta - {wizard.currentStepConfig.label}</DialogTitle>
-        </DialogHeader>
-
-        <div className="py-4 space-y-4">
-          {wizard.currentStep === 0 && (
-            <>
-              <Input
-                value={wizard.data.email}
-                onChange={(e) => {
-                  wizard.updateField('email', e.target.value);
-                  setEmailError(null);
-                }}
-                placeholder="seu@email.com"
-                type="email"
-              />
-              {emailError && <Alert variant="destructive">{emailError}</Alert>}
-            </>
-          )}
-          
-          {wizard.currentStep === 1 && (
-            <>
-              <Input
-                value={wizard.data.username}
-                onChange={(e) => {
-                  wizard.updateField('username', e.target.value);
-                  setUsernameError(null);
-                }}
-                placeholder="Nome de usuário"
-              />
-              {usernameError && <Alert variant="destructive">{usernameError}</Alert>}
-            </>
-          )}
-          
-          {wizard.currentStep === 2 && (
-            <Input
-              value={wizard.data.password}
-              onChange={(e) => wizard.updateField('password', e.target.value)}
-              placeholder="Senha (mínimo 8 caracteres)"
-              type="password"
-            />
-          )}
-        </div>
-
-        <DialogFooter>
-          {wizard.canGoBack && (
-            <Button variant="outline" onClick={wizard.back} disabled={wizard.isLoading}>
-              Voltar
-            </Button>
-          )}
-          <Button 
-            onClick={handleNext} 
-            disabled={!wizard.canProceed || wizard.isLoading || wizard.isCompleting}
-          >
-            {wizard.isLoading ? 'Validando...' : wizard.isLastStep ? 'Criar conta' : 'Próximo'}
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  );
-}`,Ce=`import { useWizard, WizardStep } from 'forlogic-core';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter, Button, BaseForm, StepSelector } from 'forlogic-core';
-import { z } from 'zod';
-
-// Schemas Zod para cada etapa
-const personalInfoSchema = z.object({
-  firstName: z.string().min(2, 'Nome deve ter pelo menos 2 caracteres'),
-  lastName: z.string().min(2, 'Sobrenome deve ter pelo menos 2 caracteres'),
-  email: z.string().email('Email inválido'),
-});
-
-const addressSchema = z.object({
-  street: z.string().min(5, 'Endereço deve ter pelo menos 5 caracteres'),
-  city: z.string().min(2, 'Cidade é obrigatória'),
-  zipCode: z.string().regex(/^\\d{5}-?\\d{3}$/, 'CEP inválido'),
-});
-
-const preferencesSchema = z.object({
-  newsletter: z.boolean(),
-  notifications: z.boolean(),
-});
-
-interface FormData {
-  firstName: string;
-  lastName: string;
-  email: string;
-  street: string;
-  city: string;
-  zipCode: string;
-  newsletter: boolean;
-  notifications: boolean;
-}
-
-function OnboardingWizard({ open, onClose }: { open: boolean; onClose: () => void }) {
-  const steps: WizardStep[] = [
-    { 
-      id: 'personal', 
-      label: 'Dados Pessoais',
-      canProceed: () => {
-        try {
-          personalInfoSchema.parse({
-            firstName: wizard.data.firstName,
-            lastName: wizard.data.lastName,
-            email: wizard.data.email,
-          });
-          return true;
-        } catch { return false; }
-      }
-    },
-    { 
-      id: 'address', 
-      label: 'Endereço',
-      canProceed: () => {
-        try {
-          addressSchema.parse({
-            street: wizard.data.street,
-            city: wizard.data.city,
-            zipCode: wizard.data.zipCode,
-          });
-          return true;
-        } catch { return false; }
-      }
-    },
-    { 
-      id: 'preferences', 
-      label: 'Preferências'
-    },
-  ];
-
-  const wizard = useWizard<FormData>({
-    steps,
-    initialData: {
-      firstName: '',
-      lastName: '',
-      email: '',
-      street: '',
-      city: '',
-      zipCode: '',
-      newsletter: true,
-      notifications: true,
-    },
-    onComplete: async (data) => {
-      await api.completeOnboarding(data);
-      onClose();
-    },
-  });
-
-  const stepLabels = steps.map(s => s.label);
-
-  // Campos BaseForm para cada etapa
-  const personalFields = [
-    { name: 'firstName', label: 'Nome', type: 'text' as const, required: true },
-    { name: 'lastName', label: 'Sobrenome', type: 'text' as const, required: true },
-    { name: 'email', label: 'Email', type: 'text' as const, required: true },
-  ];
-
-  const addressFields = [
-    { name: 'street', label: 'Endereço', type: 'text' as const, required: true },
-    { name: 'city', label: 'Cidade', type: 'text' as const, required: true },
-    { name: 'zipCode', label: 'CEP', type: 'text' as const, required: true, placeholder: '00000-000' },
-  ];
-
-  const preferencesFields = [
-    { name: 'newsletter', label: 'Receber newsletter', type: 'switch' as const },
-    { name: 'notifications', label: 'Notificações por email', type: 'switch' as const },
-  ];
-
-  const getCurrentFields = () => {
-    switch (wizard.currentStep) {
-      case 0: return personalFields;
-      case 1: return addressFields;
-      case 2: return preferencesFields;
-      default: return [];
-    }
-  };
-
-  return (
-    <Dialog open={open} onOpenChange={() => wizard.reset()}>
-      <DialogContent size="lg">
-        <DialogHeader showSeparator>
-          <DialogTitle>Configuração Inicial</DialogTitle>
-          <StepSelector
-            currentStep={wizard.currentStep}
-            totalSteps={wizard.totalSteps}
-            labels={stepLabels}
-            onStepClick={(step) => {
-              // Só permite voltar, não avançar clicando
-              if (step < wizard.currentStep) wizard.goTo(step);
-            }}
-          />
-        </DialogHeader>
-
-        <div className="flex-1 min-h-0 overflow-auto py-4 px-1 -mx-1">
-          <BaseForm
-            fields={getCurrentFields()}
-            values={wizard.data}
-            onChange={(field, value) => wizard.updateField(field as keyof FormData, value)}
-            columns={2}
-          />
-        </div>
-
-        <DialogFooter>
-          {wizard.canGoBack && (
-            <Button variant="outline" onClick={wizard.back}>
-              Voltar
-            </Button>
-          )}
-          <Button 
-            onClick={wizard.next} 
-            disabled={!wizard.canProceed || wizard.isCompleting}
-          >
-            {wizard.isCompleting ? 'Salvando...' : wizard.isLastStep ? 'Concluir' : 'Próximo'}
-          </Button>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  );
-}`,je=[{name:"useDebounce<T>(value, delay)",type:"[T, () => void]",default:"-",description:"Retorna [valor com debounce, função para cancelar]. Útil para otimizar chamadas de API em campos de busca."},{name:"useActiveModules(options?)",type:"UseQueryResult<Module[]>",default:"{ enabled: true }",description:"Busca módulos ativos da empresa/unidade. Usa cache do React Query."},{name:"usePermissionQuery(options)",type:"UseQueryResult<boolean>",default:"staleTime: 5min",description:"Verifica permissões com cache otimizado. Evita chamadas repetidas ao servidor."},{name:"useI18nFormatters()",type:"{ formatDatetime, formatDate, locale, timezone, datetimeFormat }",default:"-",description:"Formatação de datas com locale e timezone do usuário."},{name:"usePageTitle()",type:"string",default:"'Página'",description:"Retorna título da página atual baseado na rota do NavigationContext."},{name:"useColumnResize(options)",type:"{ columnWidths, isDragging, handleMouseDown, resetWidths }",default:"-",description:"Gerencia redimensionamento de colunas com persistência em localStorage."},{name:"useRowResize(options)",type:"{ getRowHeight, isDragging, handleMouseDown, resetHeights }",default:"-",description:"Gerencia redimensionamento de linhas com persistência em localStorage."},{name:"useSidebarResize(options)",type:"{ width, isDragging, handleMouseDown }",default:"minWidth: 224, maxWidth: 384",description:"Gerencia redimensionamento da sidebar com persistência e CSS variable."},{name:"useQualiexUsers(options?)",type:"UseQueryResult<QualiexUser[]>",default:"{ enabled: true }",description:"Busca usuários ativos da API Qualiex. Retorna apenas usuários com status ativo."},{name:"options.enabled",type:"boolean",default:"true",description:"Controla se a query executa. Use false para lazy loading com refetch() manual."},{name:"useWizard<TData>(options)",type:"UseWizardReturn<TData>",default:"-",description:"Gerencia estado completo de wizard: steps, navegação, validação e dados."},{name:"options.steps",type:"WizardStep[]",default:"-",description:"Array de steps com id, label e opcionalmente canProceed() e disableBack."},{name:"options.initialData",type:"TData",default:"{}",description:"Dados iniciais do wizard."},{name:"options.initialStep",type:"number",default:"0",description:"Índice do step inicial."},{name:"options.onComplete",type:"(data: TData) => void | Promise<void>",default:"-",description:"Callback executado ao concluir o wizard."},{name:"options.onCancel",type:"() => void",default:"-",description:"Callback executado ao cancelar/resetar o wizard."},{name:"return.currentStep",type:"number",default:"-",description:"Índice do step atual (0-indexed)."},{name:"return.currentStepConfig",type:"WizardStep",default:"-",description:"Configuração do step atual (id, label, canProceed, disableBack)."},{name:"return.data",type:"TData",default:"-",description:"Dados acumulados do wizard."},{name:"return.canProceed",type:"boolean",default:"-",description:"Se pode avançar (baseado em canProceed do step)."},{name:"return.canGoBack",type:"boolean",default:"-",description:"Se pode voltar (false se primeiro step ou disableBack)."},{name:"return.isLoading",type:"boolean",default:"-",description:"Estado de loading controlável via setLoading()."},{name:"return.isCompleting",type:"boolean",default:"-",description:"True durante execução do onComplete."},{name:"return.next()",type:"() => Promise<void>",default:"-",description:"Avança para próximo step ou executa onComplete no último."},{name:"return.back()",type:"() => void",default:"-",description:"Volta para step anterior."},{name:"return.goTo(step)",type:"(step: number) => void",default:"-",description:"Navega para step específico (apenas anteriores ou próximo)."},{name:"return.setData(data)",type:"(data: Partial<TData>) => void",default:"-",description:"Atualiza múltiplos campos de uma vez."},{name:"return.updateField(field, value)",type:"<K>(field: K, value: TData[K]) => void",default:"-",description:"Atualiza um campo específico."},{name:"return.reset()",type:"() => void",default:"-",description:"Reseta wizard para estado inicial e executa onCancel."},{name:"return.setLoading(loading)",type:"(loading: boolean) => void",default:"-",description:"Controla estado de loading (útil para validação assíncrona)."},{name:"return.progress",type:"number",default:"-",description:"Progresso em porcentagem (0-100)."},{name:"return.totalSteps",type:"number",default:"-",description:"Número total de steps."}];function n({title:p,description:c,code:g}){return e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{children:[e.jsx("h3",{className:"text-lg font-semibold",children:p}),e.jsx("p",{className:"text-sm text-muted-foreground",children:c})]}),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:g})})]})}function ke(){const p=[{id:"exemplos",label:"Exemplos"},{id:"usedebounce",label:"useDebounce"},{id:"useactivemodules",label:"useActiveModules"},{id:"usepermissionquery",label:"usePermissionQuery"},{id:"usei18nformatters",label:"useI18nFormatters"},{id:"usepagetitle",label:"usePageTitle"},{id:"usecolumnresize",label:"useColumnResize"},{id:"userowresize",label:"useRowResize"},{id:"usesidebarresize",label:"useSidebarResize"},{id:"usequaliexusers",label:"useQualiexUsers"},{id:"usewizard-preview",label:"useWizard - Preview"},{id:"usewizard-basico",label:"useWizard - Básico"},{id:"usewizard-async",label:"useWizard - Validação Assíncrona"},{id:"usewizard-baseform",label:"useWizard - BaseForm"}];return e.jsx(oe,{title:"Hooks",description:"Hooks utilitários da biblioteca forlogic-core para otimização, dados, formatação e UI. Todos os hooks seguem padrões React e são compatíveis com React Query quando aplicável.",usage:ce,props:je,tocItems:p,notes:["Todos os hooks de resize persistem automaticamente no localStorage usando a storageKey fornecida.","useDebounce retorna uma tupla com o valor debounced e uma função para cancelar o debounce pendente.","useActiveModules e usePermissionQuery utilizam React Query internamente para gerenciamento de cache.","useI18nFormatters depende do LocaleContext configurado via CoreProviders.","usePageTitle depende do NavigationContext com array de rotas configurado.","useQualiexUsers retorna apenas usuários ativos (filterStatus=active) e requer autenticação.",'useQualiexUsers usa queryKey ["qualiex-users", alias] para cache automático por unidade.',"useWizard gerencia estado completo de wizard e é ideal para uso com Dialog para criar formulários multi-etapas."],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:"usedebounce",className:"scroll-mt-4",children:e.jsx(n,{title:"useDebounce",description:"Aplica debounce em um valor com capacidade de cancelamento. Útil para otimizar chamadas de API em campos de busca.",code:me})}),e.jsx("div",{id:"useactivemodules",className:"scroll-mt-4",children:e.jsx(n,{title:"useActiveModules",description:"Busca módulos ativos da empresa/unidade atual. Usa cache do React Query para evitar chamadas repetidas.",code:pe})}),e.jsx("div",{id:"usepermissionquery",className:"scroll-mt-4",children:e.jsx(n,{title:"usePermissionQuery",description:"Verifica permissões com cache otimizado. Ideal para controle de acesso em páginas protegidas.",code:ge})}),e.jsx("div",{id:"usei18nformatters",className:"scroll-mt-4",children:e.jsx(n,{title:"useI18nFormatters",description:"Formatação de datas respeitando locale e timezone do usuário configurado no LocaleContext.",code:he})}),e.jsx("div",{id:"usepagetitle",className:"scroll-mt-4",children:e.jsx(n,{title:"usePageTitle",description:"Obtém título da página atual baseado na configuração do NavigationContext.",code:fe})}),e.jsx("div",{id:"usecolumnresize",className:"scroll-mt-4",children:e.jsx(n,{title:"useColumnResize",description:"Gerencia redimensionamento de colunas de tabela com persistência em localStorage.",code:xe})}),e.jsx("div",{id:"userowresize",className:"scroll-mt-4",children:e.jsx(n,{title:"useRowResize",description:"Gerencia redimensionamento de linhas com persistência em localStorage.",code:be})}),e.jsx("div",{id:"usesidebarresize",className:"scroll-mt-4",children:e.jsx(n,{title:"useSidebarResize",description:"Gerencia redimensionamento da sidebar com persistência e atualização de CSS variable.",code:ve})}),e.jsx("div",{id:"usequaliexusers",className:"scroll-mt-4",children:e.jsx(n,{title:"useQualiexUsers",description:"Busca usuários ativos da API Qualiex. Suporta busca automática, condicional ou lazy loading com refetch manual.",code:ze})}),e.jsxs("div",{id:"usewizard-preview",className:"space-y-4 p-6 border rounded-lg bg-card scroll-mt-4",children:[e.jsxs("div",{children:[e.jsxs("h3",{className:"text-lg font-semibold flex items-center gap-2",children:[e.jsx(W,{className:"h-5 w-5 text-primary"}),"useWizard - Preview Interativo"]}),e.jsx("p",{className:"text-sm text-muted-foreground",children:"Experimente o wizard em funcionamento. Navegue pelas etapas, preencha os campos e veja a validação em tempo real."})]}),e.jsx(ue,{})]}),e.jsx("div",{id:"usewizard-basico",className:"scroll-mt-4",children:e.jsx(n,{title:"useWizard - Básico",description:"Gerencia estado completo de wizard: steps, navegação, validação, dados e callbacks. Ideal para formulários multi-etapas.",code:we})}),e.jsx("div",{id:"usewizard-async",className:"scroll-mt-4",children:e.jsx(n,{title:"useWizard - Validação Assíncrona",description:"Exemplo de wizard com validação assíncrona de campos (verificação de email/username disponível) usando setLoading() para controlar estados de carregamento.",code:ye})}),e.jsx("div",{id:"usewizard-baseform",className:"scroll-mt-4",children:e.jsx(n,{title:"useWizard - Integração com BaseForm",description:"Exemplo completo de wizard usando BaseForm para renderização de campos, StepSelector para navegação visual e validação Zod por etapa.",code:Ce})})]})})}export{ke as HooksDoc};