@ciromaciel/components-kit 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 RiLiGar
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,83 @@
+# Components Kit
+
+<p align="center">
+    <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>
+    <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>
+    <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>
+    <a href="/llms.txt" target="_blank"><img src="https://img.shields.io/badge/llms.txt-available-blue" alt="llms.txt" /></a>
+</p>
+
+A premium React component library built with Mantine and Zen Design principles.
+
+## Installation
+
+```bash
+bun add @ciromaciel/components-kit
+```
+
+## Setup
+
+Ensure you have `@mantine/core` and `@mantine/hooks` installed. Import the global CSS in your application entry point:
+
+```javascript
+import "@ciromaciel/components-kit/style.css";
+```
+
+## Basic Usage
+
+```jsx
+import {
+  Hero,
+  FeatureSplit,
+  FeaturesGrid,
+  Pricing,
+  FAQ,
+  Footer,
+} from "@ciromaciel/components-kit";
+
+function App() {
+  return (
+    <>
+      <Hero
+        title="O fim do código e dos plugins."
+        subtitle="Tecnologia RiLiGar"
+        description="Suas Landing Pages no ar em 2 minutos."
+      />
+      {/* ... other components */}
+      <Footer />
+    </>
+  );
+}
+```
+
+## Available Components
+
+- **Layout & Structure**: `Header`, `Footer`, `Navbar`, `Layout`.
+- **Marketing Sections**: `Hero`, `SocialProof`, `FeatureSplit`, `FeaturesGrid`, `Comparison`.
+- **Conversion & Pricing**: `Pricing`, `FAQ`, `Testimonials`, `CTABanner`, `TrustBadge`.
+- **Primitives**: `SectionHeader`, `MediaBlock`, `CTAButton`.
+
+## AI Documentation
+
+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:
+
+- [llms.txt](/llms.txt): A concise map of the project, design principles (Zen Aesthetics), and component APIs.
+
+---
+
+## Development
+
+```bash
+# Install dependencies
+bun install
+
+# Start development server (demo)
+cd demo && bun run dev
+
+# Build the library
+bun run build
+```
+
+## License
+
+MIT © RiLiGar

package/dist/components-kit.css

@@ -0,0 +1 @@
+@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}:root{--mantine-font-family: "Montserrat", sans-serif;--fz-hero: clamp(2.5rem, 8vw + 1rem, 6rem);--fz-section-title: clamp(2rem, 5vw + 1rem, 3.5rem);--fz-big-metric: clamp(3rem, 10vw + 1rem, 7.5rem);--fz-big-metric-sm: clamp(3rem, 5vw, 4.5rem)}body{overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mantine-Title-root{letter-spacing:-.04em!important}.mantine-Title-root .mantine-Text-root{letter-spacing:normal!important}.mantine-Button-root{transition:transform .2s ease,filter .2s ease}.mantine-Button-root:hover{transform:translateY(-1px);filter:brightness(1.1)}.zen-border{border:1px solid var(--mantine-color-gray-2)}.zen-stage{padding-top:clamp(4rem,10vh,10rem);padding-bottom:clamp(4rem,10vh,10rem)}@media(max-width:48em){.hide-mobile-br br{display:none}}.rlg-stats-cell{border-left:none}@media(min-width:48em){.rlg-stats-cell:nth-child(2n){border-left:1px solid var(--mantine-color-gray-2)}}@media(min-width:75em){.rlg-stats-cell:not(:first-child){border-left:1px solid var(--mantine-color-gray-2)}}@media(max-width:47.99em){.rlg-cta{width:100%;max-width:100%;padding-inline:20px!important;--button-fz: 16px !important;--button-height: auto !important;min-height:52px}.rlg-cta .mantine-Button-inner{justify-content:center;height:inherit;min-height:inherit}.rlg-cta .mantine-Button-label{flex:0 1 auto}.rlg-cta-group{width:100%;flex-direction:column;align-items:stretch}}.rlg-shelf-filters{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-block:4px}.rlg-shelf-filters::-webkit-scrollbar{display:none}.rlg-shelf-pill{flex:none;padding:10px 20px;border:1px solid var(--mantine-color-gray-2);border-radius:0;background:var(--mantine-color-white);color:var(--mantine-color-gray-6);font-size:14px;font-weight:800;line-height:1.2;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.rlg-shelf-pill:hover{border-color:var(--mantine-color-gray-4);color:var(--mantine-color-gray-9)}.rlg-shelf-pill[data-active]{background:var(--mantine-color-gray-9);border-color:var(--mantine-color-gray-9);color:var(--mantine-color-white)}.rlg-shelf-pill:focus-visible{outline:2px solid var(--mantine-color-dark-9);outline-offset:2px}.rlg-shelf-feature{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;text-decoration:none;color:inherit;min-width:0;transition:transform .15s ease,border-color .15s ease}.rlg-shelf-feature:hover{transform:translateY(-2px);border-color:var(--mantine-color-dark-9)}.rlg-shelf-feature:focus-visible{outline:2px solid var(--mantine-color-dark-9);outline-offset:2px}.rlg-shelf-feature-art{position:absolute;right:-24px;bottom:-24px;z-index:0;width:150px;aspect-ratio:1;filter:grayscale(1) brightness(1.9);opacity:.4;pointer-events:none;transition:transform .3s ease,opacity .15s ease}.rlg-shelf-feature:hover .rlg-shelf-feature-art{opacity:.55;transform:translate(-4px,-4px)}.rlg-shelf-feature-body{position:relative;z-index:1;flex:1;justify-content:space-between;min-width:0}.rlg-shelf-feature-top{display:flex;align-items:center;gap:12px;color:var(--mantine-color-gray-9)}.rlg-shelf-feature-label{letter-spacing:1.5px}.rlg-shelf-feature-bottom{min-width:0;padding-right:72px}.rlg-shelf-feature-title{font-size:clamp(1.5rem,1.5vw + 1rem,2rem);font-weight:900;line-height:1.2}.rlg-shelf-feature-text strong{color:var(--mantine-color-gray-9);font-weight:700}.rlg-shelf-feature-cta{color:var(--mantine-color-gray-9)}.rlg-shelf-feature:hover .rlg-shelf-feature-cta svg{transform:translate(2px,-2px)}.rlg-shelf-feature-cta svg{flex:none;transition:transform .15s ease}.rlg-shelf-card{position:relative;display:flex;flex-direction:column;height:100%;min-height:190px;overflow:hidden;text-decoration:none;color:inherit;min-width:0;transition:transform .15s ease,border-color .15s ease}.rlg-shelf-card:hover{transform:translateY(-2px);border-color:var(--mantine-color-dark-9)}.rlg-shelf-card:focus-visible{outline:2px solid var(--mantine-color-dark-9);outline-offset:2px}.rlg-shelf-card-body{position:relative;z-index:1;min-width:0;padding-right:56px;color:var(--mantine-color-gray-9)}.rlg-shelf-card-text strong{color:var(--mantine-color-gray-9);font-weight:700}.rlg-shelf-card-art{position:absolute;right:-18px;bottom:-18px;z-index:0;width:88px;aspect-ratio:1;filter:grayscale(1) brightness(1.9);opacity:.6;pointer-events:none;transition:transform .3s ease,opacity .15s ease}.rlg-shelf-card:hover .rlg-shelf-card-art{opacity:.8;transform:translate(-4px,-4px)}@media(min-width:36em){.rlg-shelf-card-body{padding-right:max(12px,14%)}.rlg-shelf-feature-bottom{padding-right:max(20px,20%)}}@media(min-width:62em){.rlg-shelf-feature{min-height:400px}.rlg-shelf-feature-art{width:190px;right:-30px;bottom:-30px}}@media(prefers-reduced-motion:reduce){.rlg-shelf-card,.rlg-shelf-card-art,.rlg-shelf-feature,.rlg-shelf-feature-cta svg,.rlg-shelf-pill{transition:none}.rlg-shelf-card:hover,.rlg-shelf-feature:hover{transform:none}.rlg-shelf-card:hover .rlg-shelf-card-art,.rlg-shelf-feature:hover .rlg-shelf-feature-art,.rlg-shelf-feature:hover .rlg-shelf-feature-cta svg{transform:none}}.mantine-Grid-root.mantine-Grid-root{overflow-x:clip}.rlg-footer-bottom{container-type:inline-size}@container (max-width: 34rem){.rlg-footer-bottom>*{flex:1 1 100%;text-align:center}}