@aristobyte-ui/card 1.0.43

package/README.md

@@ -0,0 +1,81 @@
+# @aristobyte-ui/anchor
+
+<p align="center">
+  <img src="https://img.shields.io/badge/TypeScript-5.8-blue?style=for-the-badge&logo=typescript&logoColor=white" alt="TypeScript" />
+  <img src="https://img.shields.io/badge/Build-Turbo-green?style=for-the-badge&logo=turbo&logoColor=white" alt="TurboRepo" />
+  <img src="https://img.shields.io/badge/Lint-Strict-red?style=for-the-badge&logo=eslint&logoColor=white" alt="ESLint" />
+  <img src="https://img.shields.io/badge/License-MIT-black?style=for-the-badge&logo=open-source-initiative&logoColor=white" alt="License" />
+  <img src="https://img.shields.io/badge/AristoByte-UI-purple?style=for-the-badge&logo=react&logoColor=white" alt="AristoByte UI" />
+  <img src="https://img.shields.io/badge/Node-20.17.0+-339933?style=for-the-badge&logo=node.js&logoColor=white" alt="Node.js >=20.17.0" />
+  <img src="https://img.shields.io/badge/Yarn-1.22+-2C8EBB?style=for-the-badge&logo=yarn&logoColor=white" alt="Yarn >=1.22" />
+  <img src="https://img.shields.io/badge/NPM-10.8+-CB3837?style=for-the-badge&logo=npm&logoColor=white" alt="NPM >=10.8" />
+</p>
+
+A fully-typed, ripple-enabled Anchor component for AristoByteUI with multiple variants and seamless integration with SCSS modules and design tokens.
+
+## 📦 Installation
+
+```bash
+# Install via Yarn
+yarn add -D @aristobyte-ui/anchor
+
+# Or via npm
+npm install -D @aristobyte-ui/anchor
+
+# Or via pnpm
+pnpm add -D @aristobyte-ui/anchor
+```
+
+## 🛠 Usage
+
+```tsx
+import { Anchor } from "@aristobyte-ui/anchor";
+
+<Anchor href="https://aristobyte.com" variant="primary">
+  Visit AristoByte
+</Anchor>;
+```
+
+##
+
+📂 Presets Available
+**Variants**: `default` | `primary` | `secondary`
+
+Ripple effect automatically applied on click
+
+## 🔧 Example in a Package
+
+```tsx
+<Anchor href="/docs" variant="secondary">
+  Documentation
+</Anchor>
+```
+
+## 📊 Why This Matters
+
+- **Performance-first**: Lightweight CSS ensures fast rendering and smooth transitions.
+- **Fully typed**: TypeScript-first API ensures predictable usage and IDE autocomplete.
+- **AristoByteUI ready**: Seamlessly integrates with design tokens and SCSS modules.
+- **Flexible**: Supports multiple variants and ripple-enabled interactive feedback.
+
+## 🏆 Philosophy
+
+- **Modular architecture**: Anchor component is fully composable.
+- **Declarative styling**: SCSS modules keep styles maintainable and scoped.
+- **Strict typing & runtime flexibility**: Props fully typed while allowing runtime overrides.
+- **Developer experience optimized**: Easy to use with predictable behavior and minimal boilerplate.
+
+## 📜 License
+
+[MIT](./LICENSE) © AristoByte
+
+## 🛡 Shields Showcase
+
+<p align="center">
+  <img src="https://img.shields.io/badge/Consistency-100%25-green?style=for-the-badge&logo=typescript" />
+  <img src="https://img.shields.io/badge/Maintained-Active-brightgreen?style=for-the-badge&logo=github" />
+  <img src="https://img.shields.io/badge/Strictness-High-critical?style=for-the-badge&logo=eslint" />
+  <img src="https://img.shields.io/badge/Declarations-Enabled-blue?style=for-the-badge&logo=typescript" />
+  <img src="https://img.shields.io/badge/Monorepo-Turbo-green?style=for-the-badge&logo=monorepo" />
+  <img src="https://img.shields.io/badge/Interop-ESM%2FCJS-orange?style=for-the-badge&logo=javascript" />
+</p>

package/package.json

@@ -0,0 +1,83 @@
+{
+  "name": "@aristobyte-ui/card",
+  "description": "AristoByteUI Card component: a versatile container for displaying content and UI elements.",
+  "version": "1.0.43",
+  "license": "MIT",
+  "private": false,
+  "author": "AristoByte <info@aristobyte.com>",
+  "homepage": "https://www.npmjs.com/package/@aristobyte-ui/card",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/aristobyte-team/aristobyte-ui.git",
+    "directory": "packages/card"
+  },
+  "bugs": {
+    "url": "https://github.com/aristobyte-team/aristobyte-ui.git/issues"
+  },
+  "engines": {
+    "node": ">=20.17.0",
+    "npm": ">=10.8.2",
+    "yarn": ">=1.22.22"
+  },
+  "keywords": [
+    "aristobyte",
+    "aristobyte-ui",
+    "card",
+    "link",
+    "button",
+    "ripple",
+    "typescript",
+    "scss",
+    "react",
+    "ui-component",
+    "component-library",
+    "frontend",
+    "ui-kit"
+  ],
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "tsup",
+    "lint": "eslint . --max-warnings 0",
+    "generate:component": "turbo gen react-component",
+    "check-types": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@aristobyte-ui/utils": "^1.0.43",
+    "esbuild-sass-plugin": "^3.3.1",
+    "framer-motion": "^12.23.9",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "sass": "^1.89.0",
+    "shiki": "^3.7.0",
+    "tsup": "^8.5.0"
+  },
+  "devDependencies": {
+    "@aristobyte-ui/eslint-config": "^1.0.43",
+    "@aristobyte-ui/typescript-config": "^1.0.43",
+    "@turbo/gen": "^2.5.0",
+    "@types/node": "^24.3.0",
+    "@types/react": "19.1.0",
+    "@types/react-dom": "19.1.1",
+    "autoprefixer": "^10.4.21",
+    "eslint": "^9.27.0",
+    "postcss": "^8.5.3",
+    "sass-embedded": "^1.91.0",
+    "tailwindcss": "^4.1.7",
+    "tsup": "^8.5.0",
+    "typescript": "^5.8.3"
+  }
+}