From 4237fdda2d01cf29f6ed3824bb47e6ca699211b8 Mon Sep 17 00:00:00 2001 From: Pulse Agent Date: Wed, 20 May 2026 20:22:44 -0300 Subject: [PATCH] =?UTF-8?q?refactor:=20converter=20pulse-libs=20de=20submo?= =?UTF-8?q?dule=E2=86=92pasta=20normal?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - ERA submodule gitlink → AGORA 28 arquivos TS diretamente no workspace - Atoms (10): Button, Badge, Card, GradientText, Divider, ThemeToggle + stubs 3D - Molecules (3): FeatureCard, Navbar, Footer - Organisms (4): HeroSection, FeaturesGrid, CtaBlock, StatsGrid - Templates (3): MainLayout, MinimalLayout, PageWithSidebar - lib/index.ts: TOKENS export (color/space/radius) + barrel exports - Repo próprio mantém: https://git.octal.tec.br/Roberto/pulse-libs - Usado por: pulse-3d-landing, test.octal.tec.br, projetos futuros --- pulse-libs | 1 - pulse-libs/package.json | 9 +++++++++ pulse-libs/src/atoms/Badge.ts | 13 +++++++++++++ pulse-libs/src/atoms/Button.ts | 19 +++++++++++++++++++ pulse-libs/src/atoms/Card.ts | 11 +++++++++++ pulse-libs/src/atoms/Divider.ts | 9 +++++++++ pulse-libs/src/atoms/FloatingMesh3d.ts | 2 ++ pulse-libs/src/atoms/FloatingText3d.ts | 2 ++ pulse-libs/src/atoms/GradientText.ts | 6 ++++++ pulse-libs/src/atoms/LightGlow3d.ts | 2 ++ pulse-libs/src/atoms/ParticleField3d.ts | 2 ++ pulse-libs/src/atoms/ThemeToggle.ts | 12 ++++++++++++ .../src/atoms/_deprecated/FloatingText3d.ts | 1 + .../src/atoms/_deprecated/LightGlow3d.ts | 1 + pulse-libs/src/atoms/index.ts | 7 +++++++ pulse-libs/src/index.ts | 19 +++++++++++++++++++ pulse-libs/src/molecules/FeatureCard.ts | 16 ++++++++++++++++ pulse-libs/src/molecules/Footer.ts | 11 +++++++++++ pulse-libs/src/molecules/Navbar.ts | 15 +++++++++++++++ pulse-libs/src/molecules/index.ts | 3 +++ pulse-libs/src/organisms/CtaBlock.ts | 16 ++++++++++++++++ pulse-libs/src/organisms/FeaturesGrid.ts | 14 ++++++++++++++ pulse-libs/src/organisms/HeroSection.ts | 18 ++++++++++++++++++ pulse-libs/src/organisms/StatsGrid.ts | 11 +++++++++++ pulse-libs/src/organisms/index.ts | 4 ++++ pulse-libs/src/pages/index.ts | 1 + pulse-libs/src/templates/MainLayout.ts | 12 ++++++++++++ pulse-libs/src/templates/MinimalLayout.ts | 4 ++++ pulse-libs/src/templates/PageWithSidebar.ts | 1 + pulse-libs/src/templates/index.ts | 2 ++ 30 files changed, 243 insertions(+), 1 deletion(-) delete mode 160000 pulse-libs create mode 100644 pulse-libs/package.json create mode 100644 pulse-libs/src/atoms/Badge.ts create mode 100644 pulse-libs/src/atoms/Button.ts create mode 100644 pulse-libs/src/atoms/Card.ts create mode 100644 pulse-libs/src/atoms/Divider.ts create mode 100644 pulse-libs/src/atoms/FloatingMesh3d.ts create mode 100644 pulse-libs/src/atoms/FloatingText3d.ts create mode 100644 pulse-libs/src/atoms/GradientText.ts create mode 100644 pulse-libs/src/atoms/LightGlow3d.ts create mode 100644 pulse-libs/src/atoms/ParticleField3d.ts create mode 100644 pulse-libs/src/atoms/ThemeToggle.ts create mode 100644 pulse-libs/src/atoms/_deprecated/FloatingText3d.ts create mode 100644 pulse-libs/src/atoms/_deprecated/LightGlow3d.ts create mode 100644 pulse-libs/src/atoms/index.ts create mode 100644 pulse-libs/src/index.ts create mode 100644 pulse-libs/src/molecules/FeatureCard.ts create mode 100644 pulse-libs/src/molecules/Footer.ts create mode 100644 pulse-libs/src/molecules/Navbar.ts create mode 100644 pulse-libs/src/molecules/index.ts create mode 100644 pulse-libs/src/organisms/CtaBlock.ts create mode 100644 pulse-libs/src/organisms/FeaturesGrid.ts create mode 100644 pulse-libs/src/organisms/HeroSection.ts create mode 100644 pulse-libs/src/organisms/StatsGrid.ts create mode 100644 pulse-libs/src/organisms/index.ts create mode 100644 pulse-libs/src/pages/index.ts create mode 100644 pulse-libs/src/templates/MainLayout.ts create mode 100644 pulse-libs/src/templates/MinimalLayout.ts create mode 100644 pulse-libs/src/templates/PageWithSidebar.ts create mode 100644 pulse-libs/src/templates/index.ts diff --git a/pulse-libs b/pulse-libs deleted file mode 160000 index 29a7a5a..0000000 --- a/pulse-libs +++ /dev/null @@ -1 +0,0 @@ -Subproject commit 29a7a5adb9f3939371b8d7f8e3dee1d2edd92fd1 diff --git a/pulse-libs/package.json b/pulse-libs/package.json new file mode 100644 index 0000000..bbf62be --- /dev/null +++ b/pulse-libs/package.json @@ -0,0 +1,9 @@ +{ + "name": "@pulse-libs/ui", + "version": "0.1.0", + "private": true, + "type": "module", + "main": "./src/index.ts", + "exports": { ".": "./src/index.ts" }, + "peerDependencies": { "react": "^18" } +} diff --git a/pulse-libs/src/atoms/Badge.ts b/pulse-libs/src/atoms/Badge.ts new file mode 100644 index 0000000..063bb76 --- /dev/null +++ b/pulse-libs/src/atoms/Badge.ts @@ -0,0 +1,13 @@ +export function Badge({children,variant='neutral',size='md',style}:{ + children:React.ReactNode,variant?:'accent'|'purple'|'green'|'red'|'neutral',size?:'sm'|'md',style?:React.CSSProperties +}) { + const colors:{[k:string]:{bg:string,border:string,color:string}} = { + accent: {bg:'rgba(37,99,235,.12)', border:'1px solid rgba(37,99,235,.4)', color:'#60a5fa'}, + purple: {bg:'rgba(124,58,237,.12)',border:'1px solid rgba(124,58,237,.4)',color:'#a78bfa'}, + green: {bg:'rgba(52,211,153,.1)', border:'1px solid rgba(52,211,153,.4)', color:'#34d399'}, + red: {bg:'rgba(239,68,68,.1)', border:'1px solid rgba(239,68,68,.4)', color:'#f87171'}, + neutral: {bg:'rgba(100,116,139,.1)',border:'1px solid rgba(100,116,139,.3)',color:'#94a3b8'}, + } + const sizes:{[k:string]:React.CSSProperties} = {sm:{padding:'1px 8px',fontSize:'.68rem'},md:{padding:'2px 10px',fontSize:'.75rem'}} + return {children} +} diff --git a/pulse-libs/src/atoms/Button.ts b/pulse-libs/src/atoms/Button.ts new file mode 100644 index 0000000..57e7b66 --- /dev/null +++ b/pulse-libs/src/atoms/Button.ts @@ -0,0 +1,19 @@ +export function Button({children, onClick, variant='primary', loading=false, disabled=false, ...rest}:{ + children: React.ReactNode, onClick?:()=>void, variant?:'primary'|'secondary'|'ghost'|'danger', + loading?:boolean, disabled?:boolean, [k:string]:any +}) { + const styles: Record = { + base: {display:'inline-flex',alignItems:'center',gap:8,padding:'10px 22px',borderRadius:99,border:none,cursor:disabled?'not-allowed':'pointer',fontWeight:700,fontFamily:'Inter,sans-serif',fontSize:'.95rem',transition:'all .18s',opacity:disabled||loading?'.55':1,position:'relative' as const}, + primary: {background:'linear-gradient(135deg,#2563eb,#1d4ed8)',color:'#fff',boxShadow:'0 0 28px rgba(37,99,235,.28)'}, + secondary: {background:'linear-gradient(135deg,#7c3aed,#6d28d9)',color:'#fff',boxShadow:'0 0 28px rgba(124,58,237,.22)'}, + ghost: {background:'transparent',border:'1px solid #334155',color:'#e4e4e7'}, + danger: {background:'linear-gradient(135deg,#dc2626,#b91c1c)',color:'#fff'}, + } + return ( + + ) +} +function Spinner({size=16}:{size?:number}){return } diff --git a/pulse-libs/src/atoms/Card.ts b/pulse-libs/src/atoms/Card.ts new file mode 100644 index 0000000..e382254 --- /dev/null +++ b/pulse-libs/src/atoms/Card.ts @@ -0,0 +1,11 @@ +export function Card({children, variant='default', hover=false, style, ...rest}:{ + children:React.ReactNode, variant?:'default'|'elevated'|'glass', hover?:boolean, style?:React.CSSProperties, [k:string]:any +}) { + const base:React.CSSProperties = {padding:'1.6rem 1.8rem',borderRadius:16,backdropFilter:'blur(16px)',transition:'all .22s ease',...rest.style} + const variants:{[k:string]:React.CSSProperties} = { + default: {background:'rgba(15,17,23,.72)',border:'1px solid rgba(51,65,85,.55)',boxShadow:'0 4px 20px rgba(0,0,0,.15)'}, + elevated:{background:'rgba(22,25,35,.85)',border:'1px solid rgba(51,65,85,.65)',boxShadow:'0 8px 32px rgba(0,0,0,.28)'}, + glass: {background:'rgba(255,255,255,.03)',border:'1px solid rgba(255,255,255,.07)',boxShadow:'none'}, + } + return
{(rest as any).onMouseEnter?.()}:undefined} onMouseLeave={hover?()=>{(rest as any).onMouseLeave?.()}:undefined}>{children}
+} diff --git a/pulse-libs/src/atoms/Divider.ts b/pulse-libs/src/atoms/Divider.ts new file mode 100644 index 0000000..9c10e33 --- /dev/null +++ b/pulse-libs/src/atoms/Divider.ts @@ -0,0 +1,9 @@ +export function Divider({label, style}:{label?:string, style?:React.CSSProperties}) { + return ( +
+
+ {label && {label}} +
+
+ ) +} diff --git a/pulse-libs/src/atoms/FloatingMesh3d.ts b/pulse-libs/src/atoms/FloatingMesh3d.ts new file mode 100644 index 0000000..2cf3afb --- /dev/null +++ b/pulse-libs/src/atoms/FloatingMesh3d.ts @@ -0,0 +1,2 @@ +// @deprecated — Usar FloatingMesh do @pulse-libs/three +export { default as FloatingMesh3d } from './_deprecated/FloatingMesh3d' \ No newline at end of file diff --git a/pulse-libs/src/atoms/FloatingText3d.ts b/pulse-libs/src/atoms/FloatingText3d.ts new file mode 100644 index 0000000..1107446 --- /dev/null +++ b/pulse-libs/src/atoms/FloatingText3d.ts @@ -0,0 +1,2 @@ +// @deprecated — Consulte Text do @react-three/drei +export { default as FloatingText3d } from './_deprecated/FloatingText3d' \ No newline at end of file diff --git a/pulse-libs/src/atoms/GradientText.ts b/pulse-libs/src/atoms/GradientText.ts new file mode 100644 index 0000000..d87457f --- /dev/null +++ b/pulse-libs/src/atoms/GradientText.ts @@ -0,0 +1,6 @@ +export function GradientText({children, from='#60a5fa', to='#a78bfa', via, size='inherit', weight=700, style}:{ + children:React.ReactNode, from?:string, to?:string, via?:string, size?:string, weight?:number, style?:React.CSSProperties +}) { + const grad = via ? `linear-gradient(135deg,${from} 0%,${via} 60%,${to} 100%)` : `linear-gradient(135deg,${from} 0%,${to} 100%)` + return {children} +} diff --git a/pulse-libs/src/atoms/LightGlow3d.ts b/pulse-libs/src/atoms/LightGlow3d.ts new file mode 100644 index 0000000..257743f --- /dev/null +++ b/pulse-libs/src/atoms/LightGlow3d.ts @@ -0,0 +1,2 @@ +// @deprecated — Injetar direto na cena Three.js +export { default as LightGlow3d } from './_deprecated/LightGlow3d' \ No newline at end of file diff --git a/pulse-libs/src/atoms/ParticleField3d.ts b/pulse-libs/src/atoms/ParticleField3d.ts new file mode 100644 index 0000000..05817cd --- /dev/null +++ b/pulse-libs/src/atoms/ParticleField3d.ts @@ -0,0 +1,2 @@ +// @deprecated — Usar ParticleField do @pulse-libs/three +export { default as ParticleField3d } from './_deprecated/ParticleField3d' \ No newline at end of file diff --git a/pulse-libs/src/atoms/ThemeToggle.ts b/pulse-libs/src/atoms/ThemeToggle.ts new file mode 100644 index 0000000..8ab5c3c --- /dev/null +++ b/pulse-libs/src/atoms/ThemeToggle.ts @@ -0,0 +1,12 @@ +import {useState} from 'react' +export function ThemeToggle({defaultDark=true}:{defaultDark?:boolean}) { + const [dark, setDark] = useState(defaultDark) + return ( + + ) +} diff --git a/pulse-libs/src/atoms/_deprecated/FloatingText3d.ts b/pulse-libs/src/atoms/_deprecated/FloatingText3d.ts new file mode 100644 index 0000000..920e1d5 --- /dev/null +++ b/pulse-libs/src/atoms/_deprecated/FloatingText3d.ts @@ -0,0 +1 @@ +// stub — implementação movida para @pulse-libs/three \ No newline at end of file diff --git a/pulse-libs/src/atoms/_deprecated/LightGlow3d.ts b/pulse-libs/src/atoms/_deprecated/LightGlow3d.ts new file mode 100644 index 0000000..920e1d5 --- /dev/null +++ b/pulse-libs/src/atoms/_deprecated/LightGlow3d.ts @@ -0,0 +1 @@ +// stub — implementação movida para @pulse-libs/three \ No newline at end of file diff --git a/pulse-libs/src/atoms/index.ts b/pulse-libs/src/atoms/index.ts new file mode 100644 index 0000000..975f355 --- /dev/null +++ b/pulse-libs/src/atoms/index.ts @@ -0,0 +1,7 @@ +export { Button } from './Button' +export { Badge } from './Badge' +export { Card } from './Card' +export { GradientText } from './GradientText' +export { Divider } from './Divider' +export { ThemeToggle } from './ThemeToggle' +export * from './_deprecated' diff --git a/pulse-libs/src/index.ts b/pulse-libs/src/index.ts new file mode 100644 index 0000000..29fd8b0 --- /dev/null +++ b/pulse-libs/src/index.ts @@ -0,0 +1,19 @@ +// @pulse-libs/ui — Design System compartilhado +// Atomic Design · React 18 · TypeScript — MIT 2026 +export * from './atoms' +export * from './molecules' +export * from './organisms' +export * from './templates' + +// ─── Design Tokens (CSS custom properties) ─── +export const TOKENS = { + color: { + bg: '#050510', bg2: '#0c0c18', + text: '#e4e4e7', dim: '#94a3b8', + accent: '#2563eb', accent2:'#60a5fa', + secondary: '#7c3aed', secondary2:'#a78bfa', + border: 'rgba(51,65,85,.55)', + }, + space: { sm:4, md:8, lg:16, xl:24, xxl:48 }, + radius: { sm:4, md:8, lg:12, xl:16, round:9999 }, +} as const diff --git a/pulse-libs/src/molecules/FeatureCard.ts b/pulse-libs/src/molecules/FeatureCard.ts new file mode 100644 index 0000000..6e47fbc --- /dev/null +++ b/pulse-libs/src/molecules/FeatureCard.ts @@ -0,0 +1,16 @@ +import { Card } from '../atoms' +interface FeatureCardProps { title:string, description:string, icon?:string, delay?:number, variant?:'default'|'accent', style?:React.CSSProperties } +export function FeatureCard({title,description,icon,delay=0,variant='default',style}:FeatureCardProps){ + const bg = variant==='accent'?'linear-gradient(135deg,rgba(37,99,235,.06),rgba(124,58,237,.04))':'transparent' + return ( + + {variant==='accent' &&
} + {icon &&
{icon}
} +

{title}

+

{description}

+
+ {variant==='accent' && core} +
+ + ) +} diff --git a/pulse-libs/src/molecules/Footer.ts b/pulse-libs/src/molecules/Footer.ts new file mode 100644 index 0000000..f99e4f2 --- /dev/null +++ b/pulse-libs/src/molecules/Footer.ts @@ -0,0 +1,11 @@ +interface FooterProps { brand?:string, year?:number, links:{label:string,href:string}[] } +export function Footer({brand='Pulse 3D',year=__DATE__,links=[]}:FooterProps){ + return ( + + ) +} diff --git a/pulse-libs/src/molecules/Navbar.ts b/pulse-libs/src/molecules/Navbar.ts new file mode 100644 index 0000000..84d9f17 --- /dev/null +++ b/pulse-libs/src/molecules/Navbar.ts @@ -0,0 +1,15 @@ +import { GradientText, Button } from '../atoms' +interface NavProps { logo:string, links:{label:string,href:string}[], ctaLabel?:string, ctaHref?:string } +export function Navbar({logo,links,ctaLabel,ctaHref='#'}:NavProps){ + return ( + + ) +} diff --git a/pulse-libs/src/molecules/index.ts b/pulse-libs/src/molecules/index.ts new file mode 100644 index 0000000..8e1e9bd --- /dev/null +++ b/pulse-libs/src/molecules/index.ts @@ -0,0 +1,3 @@ +export { FeatureCard } from './FeatureCard' +export { Navbar } from './Navbar' +export { Footer } from './Footer' diff --git a/pulse-libs/src/organisms/CtaBlock.ts b/pulse-libs/src/organisms/CtaBlock.ts new file mode 100644 index 0000000..053fee0 --- /dev/null +++ b/pulse-libs/src/organisms/CtaBlock.ts @@ -0,0 +1,16 @@ +import { Button, GradientText } from '../atoms' +interface CtaProps { title:string, description:string, primary:{label:string,onClick():void}, secondary?:{label:string,onClick():void}, dark?:boolean } +export function CtaBlock({title,description,primary,secondary,dark=false}:CtaProps){ + const bg = dark ? 'rgba(5,5,16,.96)' : 'rgba(15,17,23,.5)' + return ( +
+

{title}

+

{description}

+
+ + {secondary && } +
+

{'\u2699'} @pulse-libs/ui — MIT — {new Date().getFullYear()}

+
+ ) +} diff --git a/pulse-libs/src/organisms/FeaturesGrid.ts b/pulse-libs/src/organisms/FeaturesGrid.ts new file mode 100644 index 0000000..5392f82 --- /dev/null +++ b/pulse-libs/src/organisms/FeaturesGrid.ts @@ -0,0 +1,14 @@ +import { Card } from '../atoms' +interface Feature { icon:string, title:string, description:string } +interface FeaturesProps { title?:string, features:Feature[], style?:React.CSSProperties } +export function FeaturesGrid({title,features,style}:FeaturesProps){ + return ( +
+ {title &&

{title}

} +

Componentes que compõem o sistema — do átomo ao organismo.

+
+ {features.map((f,i)=>
{f.icon}

{f.title}

{f.description}

) } +
+
+ ) +} diff --git a/pulse-libs/src/organisms/HeroSection.ts b/pulse-libs/src/organisms/HeroSection.ts new file mode 100644 index 0000000..080cf57 --- /dev/null +++ b/pulse-libs/src/organisms/HeroSection.ts @@ -0,0 +1,18 @@ +import { Card, Badge, GradientText, Button } from '../atoms' +import type { JSX } from 'react' +interface HeroProps { badge?:string, title:string, description:string, cta:{label:string,onClick():void}[], showScrollHint?:boolean, style?:React.CSSProperties } +export function HeroSection({badge,title,description,cta=[],showScrollHint=true,style}:HeroProps){ + return ( +
+ {badge && {badge}} +

+ {title} +

+

{description}

+
+ {cta.map((b,i)=>)} +
+ {showScrollHint &&
scroll para explorar
↓
} +
+ ) +} diff --git a/pulse-libs/src/organisms/StatsGrid.ts b/pulse-libs/src/organisms/StatsGrid.ts new file mode 100644 index 0000000..4b39f60 --- /dev/null +++ b/pulse-libs/src/organisms/StatsGrid.ts @@ -0,0 +1,11 @@ +interface Stat { label:string, value:string|number, color?:string } +export function StatsGrid({stats}:{stats:Stat[]}){ + return ( +
+ {stats.map((s,i)=>
+
{s.value}
+
{s.label}
+
)} +
+ ) +} diff --git a/pulse-libs/src/organisms/index.ts b/pulse-libs/src/organisms/index.ts new file mode 100644 index 0000000..094433f --- /dev/null +++ b/pulse-libs/src/organisms/index.ts @@ -0,0 +1,4 @@ +export { HeroSection } from './HeroSection' +export { FeaturesGrid } from './FeaturesGrid' +export { CtaBlock } from './CtaBlock' +export { StatsGrid } from './StatsGrid' diff --git a/pulse-libs/src/pages/index.ts b/pulse-libs/src/pages/index.ts new file mode 100644 index 0000000..c3c59d2 --- /dev/null +++ b/pulse-libs/src/pages/index.ts @@ -0,0 +1 @@ +// Pages: index.ts \ No newline at end of file diff --git a/pulse-libs/src/templates/MainLayout.ts b/pulse-libs/src/templates/MainLayout.ts new file mode 100644 index 0000000..8c8f0cf --- /dev/null +++ b/pulse-libs/src/templates/MainLayout.ts @@ -0,0 +1,12 @@ +import type { ReactNode } from 'react' +import { Navbar, Footer, Divider } from '..' +interface LayoutProps { children:ReactNode, nav:{logo:string,links:{label:string,href:string}[],cta?:{label:string,href:string}}, footer?:{brand:string,links:{label:string,href:string}[]} } +export function MainLayout({children,nav,footer}:LayoutProps){ + return ( +
+ +
{children}
+ {footer &&
} +
+ ) +} diff --git a/pulse-libs/src/templates/MinimalLayout.ts b/pulse-libs/src/templates/MinimalLayout.ts new file mode 100644 index 0000000..fa73067 --- /dev/null +++ b/pulse-libs/src/templates/MinimalLayout.ts @@ -0,0 +1,4 @@ +interface MinimalProps { children:React.ReactNode, centered?:boolean } +export function MinimalLayout({children,centered=true}:MinimalProps){ + return
{children}
+} diff --git a/pulse-libs/src/templates/PageWithSidebar.ts b/pulse-libs/src/templates/PageWithSidebar.ts new file mode 100644 index 0000000..5a6195c --- /dev/null +++ b/pulse-libs/src/templates/PageWithSidebar.ts @@ -0,0 +1 @@ +export { PageWithSidebar } from './PageWithSidebar' \ No newline at end of file diff --git a/pulse-libs/src/templates/index.ts b/pulse-libs/src/templates/index.ts new file mode 100644 index 0000000..9e32296 --- /dev/null +++ b/pulse-libs/src/templates/index.ts @@ -0,0 +1,2 @@ +export { MainLayout } from './MainLayout' +export { MinimalLayout } from './MinimalLayout'