refactor: relocate Section component from components to primitives and update all references.

Author: ciro-maciel

demo/src/Demo.jsx

@@ -143,7 +143,8 @@ const FEATURES_GRID_ITEMS = [
         title: 'Developer Experience',
         description: 'Backward-compat aliases, JSDoc completo, exports organizados. Atualizar é indolor.',
         span: { base: 12, md: 8 },
-        background: 'gray',
+        background: 'gray.9',
+        dark: true,
         layout: 'split',
         codeBlock: `import {
   Header,

src/components/CTABanner.jsx

@@ -1,5 +1,5 @@
 import { Paper, Stack, Text, Box } from '@mantine/core'
-import { Section } from './Section.jsx'
+import { Section } from '../primitives/Section.jsx'
 import { resolveBackground } from '../configs/backgrounds.js'
 import { CTAButton } from '../primitives/CTAButton.jsx'
 

src/components/Comparison.jsx

@@ -1,7 +1,7 @@
 import { Fragment } from 'react'
 import { SimpleGrid, Stack, Text, Paper, List, ThemeIcon, Group, Divider, Badge, Box } from '@mantine/core'
 import { IconCheck } from '@tabler/icons-react'
-import { Section } from './Section.jsx'
+import { Section } from '../primitives/Section.jsx'
 import { resolveBackground } from '../configs/backgrounds.js'
 import { CTAButton } from '../primitives/CTAButton.jsx'
 

src/components/FAQ.jsx

@@ -1,6 +1,6 @@
 import { Stack, Accordion, Text, Paper, SimpleGrid, ThemeIcon } from '@mantine/core'
 import { IconBolt } from '@tabler/icons-react'
-import { Section } from './Section.jsx'
+import { Section } from '../primitives/Section.jsx'
 import { resolveBackground } from '../configs/backgrounds.js'
 import { CTAButton } from '../primitives/CTAButton.jsx'
 

src/components/FeatureSplit.jsx

@@ -1,6 +1,6 @@
 import { SimpleGrid, Stack, Text, ThemeIcon, List, Group } from '@mantine/core'
 import { IconCheck } from '@tabler/icons-react'
-import { Section } from './Section.jsx'
+import { Section } from '../primitives/Section.jsx'
 import { MediaBlock } from '../primitives/MediaBlock.jsx'
 import { CTAButton } from '../primitives/CTAButton.jsx'
 

src/components/FeaturesGrid.jsx

@@ -1,5 +1,5 @@
 import { Grid, Paper, Stack, Text, ThemeIcon, Group, Box, Badge, Center, RingProgress, Code } from '@mantine/core'
-import { Section } from './Section.jsx'
+import { Section } from '../primitives/Section.jsx'
 import { resolveBackground } from '../configs/backgrounds.js'
 
 /**

src/components/Pricing.jsx

@@ -1,6 +1,6 @@
 import { Box, Stack, Text, Group, SegmentedControl, Badge, SimpleGrid, Paper, Divider } from '@mantine/core'
 import { IconCheck } from '@tabler/icons-react'
-import { Section } from './Section.jsx'
+import { Section } from '../primitives/Section.jsx'
 import { CTAButton } from '../primitives/CTAButton.jsx'
 
 /**

src/components/Testimonials.jsx

@@ -1,6 +1,6 @@
 import { Stack, SimpleGrid, Paper, Group, Avatar, Text } from '@mantine/core'
 import { IconQuote } from '@tabler/icons-react'
-import { Section } from './Section.jsx'
+import { Section } from '../primitives/Section.jsx'
 import { resolveBackground } from '../configs/backgrounds.js'
 
 /**

src/index.js

@@ -9,7 +9,7 @@ export { MediaBlock } from './primitives/MediaBlock.jsx'
 export { CTAButton } from './primitives/CTAButton.jsx'
 
 // Components
-export { Section } from './components/Section.jsx'
+export { Section } from './primitives/Section.jsx'
 export { Layout } from './components/Layout.jsx'
 export { Header, Navbar } from './components/Header.jsx'
 export { Hero } from './components/Hero.jsx'

src/components/Section.jsx src/primitives/Section.jsxsrc/components/Section.jsx renamed to src/primitives/Section.jsx

@@ -1,5 +1,5 @@
 import { Box, Container, Stack } from '@mantine/core'
-import { SectionHeader } from '../primitives/SectionHeader.jsx'
+import { SectionHeader } from './SectionHeader.jsx'
 import { resolveBackground } from '../configs/backgrounds.js'
 
 /**