@ciromaciel/components-kit 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/README.md +50 -45
  2. package/package.json +59 -58
package/README.md CHANGED
@@ -1,13 +1,13 @@
1
- # Components Kit
1
+ # @ciromaciel/components-kit
2
2
 
3
3
  <p align="center">
4
4
  <a href="https://www.npmjs.com/package/@ciromaciel/components-kit" target="_blank"><img src="https://img.shields.io/npm/v/@ciromaciel/components-kit.svg" alt="npm version" /></a>
5
5
  <a href="https://www.npmjs.com/package/@ciromaciel/components-kit" target="_blank"><img src="https://img.shields.io/npm/dm/@ciromaciel/components-kit.svg" alt="npm downloads" /></a>
6
6
  <a href="https://www.npmjs.com/package/@ciromaciel/components-kit" target="_blank"><img src="https://img.shields.io/npm/l/@ciromaciel/components-kit.svg" alt="license" /></a>
7
- <a href="/llms.txt" target="_blank"><img src="https://img.shields.io/badge/llms.txt-available-blue" alt="llms.txt" /></a>
8
7
  </p>
9
8
 
10
- A premium React component library built with Mantine and Zen Design principles.
9
+ Marketing site components — hero, pricing, feature splits and footer — built on
10
+ React and Mantine, in a monochrome, sharp-edged aesthetic.
11
11
 
12
12
  ## Installation
13
13
 
@@ -15,69 +15,74 @@ A premium React component library built with Mantine and Zen Design principles.
15
15
  bun add @ciromaciel/components-kit
16
16
  ```
17
17
 
18
- ## Setup
18
+ Peers: `@mantine/core`, `@mantine/hooks`, `@tabler/icons-react`, `react`,
19
+ `react-dom`. `@mantine/charts` is optional.
19
20
 
20
- Ensure you have `@mantine/core` and `@mantine/hooks` installed. Import the global CSS in your application entry point:
21
+ Import the stylesheet once, at your application entry point:
21
22
 
22
- ```javascript
23
- import "@ciromaciel/components-kit/style.css";
23
+ ```js
24
+ import '@ciromaciel/components-kit/style.css'
24
25
  ```
25
26
 
26
- ## Basic Usage
27
+ ## Quick start
27
28
 
28
29
  ```jsx
29
- import {
30
- Hero,
31
- FeatureSplit,
32
- FeaturesGrid,
33
- Pricing,
34
- FAQ,
35
- Footer,
36
- } from "@ciromaciel/components-kit";
30
+ import { MantineProvider } from '@mantine/core'
31
+ import { theme, Hero, FeatureSplit, Pricing, FAQ, Footer } from '@ciromaciel/components-kit'
37
32
 
38
33
  function App() {
39
- return (
40
- <>
41
- <Hero
42
- title="O fim do código e dos plugins."
43
- subtitle="Tecnologia RiLiGar"
44
- description="Suas Landing Pages no ar em 2 minutos."
45
- />
46
- {/* ... other components */}
47
- <Footer />
48
- </>
49
- );
34
+ return (
35
+ <MantineProvider theme={theme}>
36
+ <Hero
37
+ subtitle="Landing pages"
38
+ title="No code, no plugins."
39
+ description="Your landing page live in two minutes."
40
+ cta={{ label: 'Get started', href: '/signup' }}
41
+ />
42
+ <FeatureSplit /* ... */ />
43
+ <Pricing /* ... */ />
44
+ <FAQ /* ... */ />
45
+ <Footer />
46
+ </MantineProvider>
47
+ )
50
48
  }
51
49
  ```
52
50
 
53
- ## Available Components
51
+ Components are config-driven: pass data objects rather than nested JSX.
54
52
 
55
- - **Layout & Structure**: `Header`, `Footer`, `Navbar`, `Layout`.
56
- - **Marketing Sections**: `Hero`, `SocialProof`, `FeatureSplit`, `FeaturesGrid`, `Comparison`.
57
- - **Conversion & Pricing**: `Pricing`, `FAQ`, `Testimonials`, `CTABanner`, `TrustBadge`.
58
- - **Primitives**: `SectionHeader`, `MediaBlock`, `CTAButton`.
53
+ ## Components
59
54
 
60
- ## AI Documentation
55
+ **Layout and structure** — `Layout`, `Header`, `Navbar`, `Footer`, `Section`.
61
56
 
62
- This project follows the [llms.txt](https://llmstxt.org/) standard. You can find machine-readable documentation for AI assistants (like Copilot, Cursor, or Gemini) in the root directory:
57
+ **Marketing sections** — `Hero`, `SocialProof`, `FeatureSplit`, `FeaturesGrid`,
58
+ `StatsGrid`, `ProductGrid`, `PlatformShelf`, `Steps`, `Comparison`,
59
+ `CriteriaList`, `Callout`, `FounderCard`.
63
60
 
64
- - [llms.txt](/llms.txt): A concise map of the project, design principles (Zen Aesthetics), and component APIs.
61
+ **Conversion** — `Pricing`, `FAQ`, `Testimonials`, `CTABanner`, `SecondaryCTA`,
62
+ `LeadForm`, `TrustBadge`, `SeloExclusivo`.
65
63
 
66
- ---
64
+ **Status and states** — `StatusBoard`, `StatusIndicator`, `AuthLoader`,
65
+ `NotFound`.
66
+
67
+ **Legal pages** — `LegalPrivacy`, `LegalTerms`, `LegalSecurity`.
68
+
69
+ **Primitives** — `SectionHeader`, `MediaBlock`, `CTAButton`, `CodeBlock`,
70
+ `Wordmark`, `BrandLogo`.
71
+
72
+ **Theme, hooks and config** — `theme`, `useServiceStatus`, `SECTION_BACKGROUNDS`,
73
+ `resolveBackground`.
67
74
 
68
75
  ## Development
69
76
 
70
77
  ```bash
71
- # Install dependencies
72
78
  bun install
73
-
74
- # Start development server (demo)
75
- cd demo && bun run dev
76
-
77
- # Build the library
78
- bun run build
79
+ bun run dev # demo
80
+ bun run build # build the library
79
81
  ```
80
82
 
81
- ## License
83
+ ## Links
84
+
85
+ - [Documentation](https://myinfrastructure.click)
86
+ - [Package on npm](https://www.npmjs.com/package/@ciromaciel/components-kit)
82
87
 
83
- MIT © RiLiGar
88
+ MIT © [Ciro Cesar Maciel](https://ciromaciel.click)
package/package.json CHANGED
@@ -1,61 +1,62 @@
1
1
  {
2
- "name": "@ciromaciel/components-kit",
3
- "version": "1.0.0",
4
- "license": "MIT",
5
- "type": "module",
6
- "main": "dist/index.js",
7
- "module": "dist/index.esm.js",
8
- "files": [
9
- "dist"
10
- ],
11
- "exports": {
12
- ".": {
13
- "import": "./dist/index.esm.js",
14
- "require": "./dist/index.js"
2
+ "name": "@ciromaciel/components-kit",
3
+ "version": "1.0.2",
4
+ "license": "MIT",
5
+ "type": "module",
6
+ "main": "dist/index.js",
7
+ "module": "dist/index.esm.js",
8
+ "files": [
9
+ "dist"
10
+ ],
11
+ "exports": {
12
+ ".": {
13
+ "import": "./dist/index.esm.js",
14
+ "require": "./dist/index.js"
15
+ },
16
+ "./style.css": "./dist/components-kit.css"
15
17
  },
16
- "./style.css": "./dist/components-kit.css"
17
- },
18
- "scripts": {
19
- "build": "vite build && node scripts/verify-exports.mjs",
20
- "dev": "vite",
21
- "prepublishOnly": "bun run build",
22
- "verify:exports": "node scripts/verify-exports.mjs"
23
- },
24
- "peerDependencies": {
25
- "@mantine/core": "^7.0.0 || ^8.0.0",
26
- "@mantine/charts": "8.3.18",
27
- "@mantine/hooks": "^7.0.0 || ^8.0.0",
28
- "@tabler/icons-react": "^3.0.0",
29
- "react": "^18.0.0 || ^19.0.0",
30
- "react-dom": "^18.0.0 || ^19.0.0"
31
- },
32
- "publishConfig": {
33
- "access": "public"
34
- },
35
- "devDependencies": {
36
- "@babel/core": "^7.29.0",
37
- "@babel/preset-react": "^7.28.5",
38
- "@rollup/plugin-babel": "^6.1.0",
39
- "@rollup/plugin-commonjs": "^29.0.0",
40
- "@rollup/plugin-image": "^3.0.3",
41
- "@rollup/plugin-node-resolve": "^16.0.3",
42
- "@vitejs/plugin-react": "^5.1.4",
43
- "conventional-changelog-conventionalcommits": "^9.1.0",
44
- "postcss": "^8.5.6",
45
- "recharts": "^3.10.1",
46
- "rollup": "^4.59.0",
47
- "rollup-plugin-peer-deps-external": "^2.2.4",
48
- "rollup-plugin-postcss": "^4.0.2",
49
- "vite": "^7.3.1"
50
- },
51
- "peerDependenciesMeta": {
52
- "@mantine/charts": {
53
- "optional": true
54
- }
55
- },
56
- "repository": {
57
- "type": "git",
58
- "url": "git+https://github.com/riligar/packages.git",
59
- "directory": "components-kit"
60
- }
18
+ "scripts": {
19
+ "build": "vite build && node scripts/verify-exports.mjs",
20
+ "dev": "vite",
21
+ "prepublishOnly": "bun run build",
22
+ "verify:exports": "node scripts/verify-exports.mjs"
23
+ },
24
+ "peerDependencies": {
25
+ "@mantine/core": "^7.0.0 || ^8.0.0",
26
+ "@mantine/charts": "8.3.18",
27
+ "@mantine/hooks": "^7.0.0 || ^8.0.0",
28
+ "@tabler/icons-react": "^3.0.0",
29
+ "react": "^18.0.0 || ^19.0.0",
30
+ "react-dom": "^18.0.0 || ^19.0.0"
31
+ },
32
+ "publishConfig": {
33
+ "access": "public"
34
+ },
35
+ "devDependencies": {
36
+ "@babel/core": "^7.29.0",
37
+ "@babel/preset-react": "^7.28.5",
38
+ "@rollup/plugin-babel": "^6.1.0",
39
+ "@rollup/plugin-commonjs": "^29.0.0",
40
+ "@rollup/plugin-image": "^3.0.3",
41
+ "@rollup/plugin-node-resolve": "^16.0.3",
42
+ "@vitejs/plugin-react": "^5.1.4",
43
+ "conventional-changelog-conventionalcommits": "^9.1.0",
44
+ "postcss": "^8.5.6",
45
+ "recharts": "^3.10.1",
46
+ "rollup": "^4.59.0",
47
+ "rollup-plugin-peer-deps-external": "^2.2.4",
48
+ "rollup-plugin-postcss": "^4.0.2",
49
+ "vite": "^7.3.1"
50
+ },
51
+ "peerDependenciesMeta": {
52
+ "@mantine/charts": {
53
+ "optional": true
54
+ }
55
+ },
56
+ "homepage": "https://myinfrastructure.click",
57
+ "bugs": {
58
+ "url": "https://myinfrastructure.click"
59
+ },
60
+ "author": "Ciro Cesar Maciel <maciel.ciro@icloud.com> (https://ciromaciel.click)",
61
+ "description": "Marketing site components: hero, pricing, feature splits and footer, built on Mantine."
61
62
  }