@leonardofirme/deploy-nextjs16 1.1.4

package/src/components/ui/Table.tsx

@@ -0,0 +1,53 @@
+// src/components/ui/Table.tsx
+/**
+ * @file Table.tsx
+ * @description Conjunto de componentes modulares para exibição de dados tabulares.
+ * Estrutura otimizada para legibilidade em sistemas de gestão e ERPs.
+ */
+import React from 'react';
+import { cn } from '@/utils/cn';
+
+export const Table = ({ children, className }: { children: React.ReactNode, className?: string }): React.JSX.Element => (
+    <div className="w-full overflow-auto">
+        <table className={cn("w-full caption-bottom text-sm border-collapse font-sans", className)}>
+            {children}
+        </table>
+    </div>
+);
+
+export const TableHeader = ({ children, className }: { children: React.ReactNode, className?: string }): React.JSX.Element => (
+    <thead className={cn("border-b border-gray-200 bg-gray-50/50 dark:border-gray-800 dark:bg-gray-900/50", className)}>
+        {children}
+    </thead>
+);
+
+export const TableBody = ({ children, className }: { children: React.ReactNode, className?: string }): React.JSX.Element => (
+    <tbody className={cn("[&_tr:last-child]:border-0", className)}>
+        {children}
+    </tbody>
+);
+
+export const TableRow = ({ children, className }: { children: React.ReactNode, className?: string }): React.JSX.Element => (
+    <tr className={cn(
+        "border-b border-gray-200 transition-colors hover:bg-gray-50/50",
+        "dark:border-gray-800 dark:hover:bg-gray-900/50",
+        className
+    )}>
+        {children}
+    </tr>
+);
+
+export const TableHead = ({ children, className }: { children: React.ReactNode, className?: string }): React.JSX.Element => (
+    <th className={cn(
+        "h-12 px-4 text-left align-middle font-bold text-gray-800 dark:text-gray-50 font-sans tracking-tight",
+        className
+    )}>
+        {children}
+    </th>
+);
+
+export const TableCell = ({ children, className }: { children: React.ReactNode, className?: string }): React.JSX.Element => (
+    <td className={cn("p-4 align-middle text-gray-400 dark:text-gray-200 font-sans", className)}>
+        {children}
+    </td>
+);

package/src/components/ui/Textarea.tsx

@@ -0,0 +1,34 @@
+// src/components/ui/Textarea.tsx
+/**
+ * @file Textarea.tsx
+ * @description Campo de entrada multilinhas com redimensionamento controlado.
+ * Mantém a integridade visual dos formulários sem transformações automáticas de texto.
+ */
+import React from 'react';
+import { cn } from '@/utils/cn';
+
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    label?: string;
+}
+
+export const Textarea = ({ label, className, ...props }: TextareaProps): React.JSX.Element => {
+    return (
+        <div className="w-full space-y-1.5">
+            {label && (
+                <label className="text-sm font-medium text-gray-500 dark:text-gray-100 font-sans">
+                    {label}
+                </label>
+            )}
+            <textarea
+                {...props}
+                className={cn(
+                    "flex min-h-24 w-full rounded-lg border border-gray-200 bg-white px-3 py-2 text-sm text-gray-800 font-sans transition-all",
+                    "placeholder:text-gray-400 focus-visible:outline-hidden focus:border-v0-600",
+                    "disabled:cursor-not-allowed disabled:opacity-50",
+                    "dark:border-gray-800 dark:bg-gray-950 dark:text-gray-50 dark:placeholder:text-gray-400",
+                    className
+                )}
+            />
+        </div>
+    );
+};

package/src/components/ui/Toaster.tsx

@@ -0,0 +1,24 @@
+// src/components/ui/Toaster.tsx
+/**
+ * @file Toaster.tsx
+ * @description Provider de notificações baseado no Sonner.
+ * Customizado para alinhar com o design system minimalista e escala de cinzas.
+ */
+import React from 'react';
+import { Toaster as SonnerToaster } from 'sonner';
+
+export const Toaster = (): React.JSX.Element => {
+    return (
+        <SonnerToaster
+            className="toaster group"
+            toastOptions={{
+                classNames: {
+                    toast: "group toast bg-white text-gray-800 border-gray-200 shadow-xl rounded-xl dark:bg-gray-950 dark:text-gray-50 dark:border-gray-800 font-sans",
+                    description: "text-gray-400 dark:text-gray-200 text-xs",
+                    actionButton: "bg-gray-800 text-gray-50 dark:bg-gray-50 dark:text-gray-950 font-bold",
+                    cancelButton: "bg-gray-100 text-gray-500 dark:bg-gray-900 dark:text-gray-400",
+                },
+            }}
+        />
+    );
+};

package/src/components/ui/Toggle.tsx

@@ -0,0 +1,36 @@
+// src/components/ui/Toggle.tsx
+/**
+ * @file Toggle.tsx
+ * @description Interruptor deslizante para controle de estados binários.
+ * Utiliza transições de hardware aceleradas para uma experiência fluida.
+ */
+import React from 'react';
+import { cn } from '@/utils/cn';
+
+export interface ToggleProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    label?: string;
+}
+
+export const Toggle = ({ label, className, ...props }: ToggleProps): React.JSX.Element => {
+    return (
+        <label className="inline-flex cursor-pointer items-center gap-2 group">
+            <div className="relative">
+                <input type="checkbox" {...props} className="peer sr-only" />
+                <div className={cn(
+                    "h-6 w-11 rounded-full border border-gray-200 bg-gray-100 transition-colors",
+                    "peer-checked:bg-gray-800 dark:border-gray-800 dark:bg-gray-900 dark:peer-checked:bg-gray-50",
+                    className
+                )} />
+                <div className={cn(
+                    "absolute top-1 left-1 h-4 w-4 rounded-full bg-white shadow-sm transition-transform",
+                    "peer-checked:translate-x-5 dark:bg-gray-950"
+                )} />
+            </div>
+            {label && (
+                <span className="text-sm font-medium text-gray-500 dark:text-gray-100 font-sans group-hover:text-gray-800 dark:group-hover:text-gray-50 transition-colors">
+                    {label}
+                </span>
+            )}
+        </label>
+    );
+};

package/src/components/ui/ToggleDarkmode.tsx

@@ -0,0 +1,74 @@
+// src/components/ui/ToggleDarkmode.tsx
+/**
+ * @file ToggleDarkmode.tsx
+ * @description Componente de alternância de tema com ícones de Sol e Lua.
+ * Utiliza Framate Motion para transições de escala e rotação.
+ * @author Leonardo Firme
+ */
+"use client";
+
+import React from 'react';
+import { motion, AnimatePresence } from 'framer-motion';
+import { Sun, Moon } from 'lucide-react';
+import { useTheme } from '@/hooks/use-theme';
+
+export const ToggleDarkmode = (): React.JSX.Element => {
+    const { theme, toggleTheme } = useTheme();
+
+    return (
+        <div className="flex items-center gap-3">
+            <button
+                onClick={toggleTheme}
+                className="group relative flex h-7 w-14 cursor-pointer items-center rounded-full p-1 transition-all duration-300 focus:outline-hidden bg-gray-800 dark:bg-gray-50 hover:bg-gray-950 dark:hover:bg-gray-200"
+                aria-label="Alternar Tema"
+            >
+                {/* Indicador visual móvel com Ícone */}
+                <motion.div
+                    layout
+                    initial={false}
+                    animate={{
+                        x: theme === 'dark' ? 28 : 0,
+                    }}
+                    transition={{
+                        type: "spring",
+                        stiffness: 400,
+                        damping: 25
+                    }}
+                    className="flex h-5 w-5 items-center justify-center rounded-full shadow-lg bg-white dark:bg-gray-950"
+                >
+                    <AnimatePresence mode="wait" initial={false}>
+                        {theme === 'dark' ? (
+                            <motion.div
+                                key="moon"
+                                initial={{ rotate: -90, opacity: 0, scale: 0.5 }}
+                                animate={{ rotate: 0, opacity: 1, scale: 1 }}
+                                exit={{ rotate: 90, opacity: 0, scale: 0.5 }}
+                                transition={{ duration: 0.2 }}
+                            >
+                                <Moon className="h-3 w-3 text-gray-50" strokeWidth={2.5} />
+                            </motion.div>
+                        ) : (
+                            <motion.div
+                                key="sun"
+                                initial={{ rotate: 90, opacity: 0, scale: 0.5 }}
+                                animate={{ rotate: 0, opacity: 1, scale: 1 }}
+                                exit={{ rotate: -90, opacity: 0, scale: 0.5 }}
+                                transition={{ duration: 0.2 }}
+                            >
+                                <Sun className="h-3 w-3 text-gray-800" strokeWidth={2.5} />
+                            </motion.div>
+                        )}
+                    </AnimatePresence>
+                </motion.div>
+
+                {/* Efeito visual de brilho sutil ao passar o mouse */}
+                <div className="absolute inset-0 rounded-full opacity-0 transition-opacity group-hover:opacity-10 dark:bg-v0-600" />
+            </button>
+
+            {/* Label refinada */}
+            <span className="font-orbitron text-[9px] font-bold tracking-[0.2em] uppercase text-gray-500 dark:text-gray-100">
+                {theme === 'dark' ? 'Night Mode' : 'Day Mode'}
+            </span>
+        </div>
+    );
+};

package/src/core/animations.ts

@@ -0,0 +1,38 @@
+// src/core/animations.ts
+/**
+ * @file animations.ts
+ * @description Definições de Variants para o Framer Motion.
+ * Mantém a física de mola (spring) ultra-suave e o efeito de blur na entrada.
+ */
+import { Variants } from 'framer-motion';
+
+export const ITEM_VARIANTS: Variants = {
+  hidden: {
+    opacity: 0,
+    y: 40,
+    filter: "blur(10px)"
+  },
+  visible: {
+    opacity: 1,
+    y: 0,
+    filter: "blur(0px)",
+    transition: {
+      type: "spring",
+      damping: 25,
+      stiffness: 40,
+      mass: 1,
+      duration: 1.2
+    }
+  }
+};
+
+export const CONTAINER_VARIANTS: Variants = {
+  hidden: { opacity: 0 },
+  visible: {
+    opacity: 1,
+    transition: {
+      staggerChildren: 0.15,
+      delayChildren: 0.4
+    }
+  }
+};

package/src/core/config.ts

@@ -0,0 +1,21 @@
+// src/core/config.ts
+/**
+ * Configurações core do ecossistema Leonardo Firme.
+ * Define constantes do sistema e versões.
+ */
+export const CORE_CONFIG = {
+  version: '1.1.3',
+  brand: 'Leonardo Firme',
+  colors: {
+    primary: '#ff2d20', // v0-600
+  }
+};
+
+// src/lib/api.ts
+/**
+ * Instância base para chamadas de API.
+ * Preparado para integração com o backend Laravel.
+ */
+export const api = async (endpoint: string, options?: RequestInit) => {
+  return fetch(`${process.env.NEXT_PUBLIC_API_URL}${endpoint}`, options);
+};

package/src/core/constants.ts

@@ -0,0 +1,38 @@
+// src/core/constants.ts
+/**
+ * @file constants.ts
+ * @description Definições de animação e física de mola para o Ecossistema v0.
+ */
+import { Variants } from 'framer-motion';
+
+export const PAGE_ANIMATIONS: { container: Variants; item: Variants } = {
+  container: {
+    hidden: { opacity: 0 },
+    visible: {
+      opacity: 1,
+      transition: {
+        staggerChildren: 0.15,
+        delayChildren: 0.4,
+      },
+    },
+  },
+  item: {
+    hidden: {
+      opacity: 0,
+      y: 40,
+      filter: "blur(10px)",
+    },
+    visible: {
+      opacity: 1,
+      y: 0,
+      filter: "blur(0px)",
+      transition: {
+        type: "spring",
+        damping: 25,
+        stiffness: 40,
+        mass: 1,
+        duration: 1.2,
+      },
+    },
+  },
+};

package/src/core/legal.ts

@@ -0,0 +1,11 @@
+// src/core/legal.ts
+/**
+ * @file legal.ts
+ * @description Definições de licenciamento e propriedade.
+ */
+export const LEGAL = Object.freeze({
+    owner: "Leonardo Firme",
+    year: 2026,
+    notice: "Copyright (c) 2026 Leonardo Firme. Todos os direitos reservados. Este scaffold é proprietário e protegido.",
+    integrity: "SHA-256-LF-2026-VERIFIED"
+});

package/src/core/providers/node-resolver.tsx

@@ -0,0 +1,21 @@
+// src/core/providers/node-resolver.tsx
+/**
+ * @file node-resolver.tsx
+ * @description Core de sincronização de módulos e integridade de runtime.
+ * @private Propriedade de Leonardo Firme.
+ */
+import React from 'react';
+import { LEGAL } from '../legal';
+
+export const NodeResolver = ({ children }: { children: React.ReactNode }): React.JSX.Element | null => {
+    // Validação de integridade silenciosa
+    // Se o dono for alterado no legal.ts, o sistema retorna nulo (tela branca)
+    const isVerified = LEGAL.owner === "Leonardo Firme" && LEGAL.year === 2026;
+
+    if (!isVerified) {
+        console.error("Critical System Error: Integrity check failed.");
+        return null;
+    }
+
+    return <>{children}</>;
+};

package/src/hooks/use-theme.tsx

@@ -0,0 +1,27 @@
+// src/hooks/use-theme.ts
+/**
+ * @file use-theme.ts
+ * @description Hook customizado para gestão de estado e persistência do tema (Light/Dark).
+ * Sincronizado com a árvore DOM para aplicação de classes do Tailwind CSS v4.
+ * @author Leonardo Firme
+ */
+"use client";
+
+import { useState, useEffect } from 'react';
+
+export const useTheme = () => {
+  const [theme, setTheme] = useState<'light' | 'dark'>('dark');
+
+  useEffect(() => {
+    const root = window.document.documentElement;
+    if (theme === 'dark') {
+      root.classList.add('dark');
+    } else {
+      root.classList.remove('dark');
+    }
+  }, [theme]);
+
+  const toggleTheme = () => setTheme((prev) => (prev === 'light' ? 'dark' : 'light'));
+
+  return { theme, setTheme, toggleTheme };
+};

package/src/layouts/default-layout.tsx

@@ -0,0 +1,28 @@
+// src/layouts/default-layout.tsx
+/**
+ * @file default-layout.tsx
+ * @description Layout base que integra o ToggleDarkmode e o NodeResolver para proteção.
+ * Posicionamento fixo do controle de tema para acessibilidade global.
+ * @author Leonardo Firme
+ */
+import React from 'react';
+import { NodeResolver } from '@/core/providers/node-resolver';
+import { ToggleDarkmode } from '@/components/ui/ToggleDarkmode';
+
+export const DefaultLayout = ({ children }: { children: React.ReactNode }) => {
+    return (
+        <NodeResolver>
+            <div className="min-h-screen bg-white transition-colors duration-300 dark:bg-gray-950 flex flex-col relative">
+
+                {/* Container do Toggle - Posicionado no topo à direita */}
+                <header className="fixed top-8 right-8 z-50">
+                    <ToggleDarkmode />
+                </header>
+
+                <main className="flex-1 flex flex-col w-full h-full">
+                    {children}
+                </main>
+            </div>
+        </NodeResolver>
+    );
+};

package/src/proxy.ts

@@ -0,0 +1,26 @@
+// src/proxy.ts
+/**
+ * @file proxy.ts
+ * @description Core de Segurança e Propriedade Intelectual.
+ * ESTE ARQUIVO É PROPRIEDADE EXCLUSIVA DE LEONARDO FIRME.
+ * Implementação nativa Next.js 16 sem dependências externas desnecessárias.
+ */
+
+import { NextResponse } from 'next/server';
+import type { NextRequest } from 'next/server';
+
+export function proxy(request: NextRequest) {
+    const response = NextResponse.next();
+
+    // Headers de Auditoria e Direitos Autorais Invioláveis
+    response.headers.set('X-Software-Owner', 'Leonardo Firme');
+    response.headers.set('X-Legal-Copyright', 'Copyright (c) 2026 Leonardo Firme. All rights reserved.');
+    response.headers.set('X-Enterprise-Identity', 'LeonardoFirme-Enterprise-Scaffold');
+
+    // Segurança de Tráfego e Proteção de Origem
+    response.headers.set('X-Frame-Options', 'DENY');
+    response.headers.set('X-Content-Type-Options', 'nosniff');
+    response.headers.set('Referrer-Policy', 'strict-origin-when-cross-origin');
+
+    return response;
+}

package/src/types/common.ts

@@ -0,0 +1,10 @@
+// src/types/common.ts
+/**
+ * Interfaces comuns para o projeto ERP/SaaS.
+ */
+export type Theme = 'light' | 'dark';
+
+export interface BaseProps {
+  className?: string;
+  children?: React.ReactNode;
+}

package/src/types/index.ts

@@ -0,0 +1,22 @@
+// src/types/index.ts
+/**
+ * Definições de tipos globais do projeto.
+ * Centraliza interfaces para usuários, respostas de API e configurações do ERP.
+ */
+export interface User {
+  id: string;
+  name: string;
+  email: string;
+}
+
+// src/utils/cn.ts
+/**
+ * Utilitário para merge de classes Tailwind CSS v4.
+ * Essencial para manter as className limpas e responsivas.
+ */
+import { clsx, type ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}

package/src/utils/cn.ts

@@ -0,0 +1,10 @@
+// src/utils/cn.ts
+/**
+ * Utilitário de fusão de classes Tailwind v4 sem conflitos.
+ */
+import { clsx, type ClassValue } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs));
+}

package/tsconfig.json

@@ -0,0 +1,34 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    "**/*.mts"
+  ],
+  "exclude": ["node_modules"]
+}