strivui 1.0.0

package/README.md

@@ -0,0 +1,112 @@
+
+````markdown
+# 🚀 StrivUI
+
+**StrivUI** is a modern, utility-first UI component library designed for building fast, beautiful, and accessible interfaces in **React** using both **TypeScript** and **JavaScript**.
+
+> Developed with ❤️ by [ArchStriv](https://your-company-website.com)
+
+---
+
+## ✨ Features
+
+- ⚡ Utility-first approach (inspired by Tailwind CSS)
+- 🧩 Pre-built and customizable React components
+- 🛠️ Built with TypeScript (but works in JS projects too)
+- 🎨 Theming support and responsive design out of the box
+- 🌐 Lightweight and blazing fast
+
+---
+
+## 📦 Installation
+
+Install via NPM or Yarn:
+
+```bash
+npm install strive-ui
+# or
+yarn add strive-ui
+````
+
+---
+
+## 🔧 Usage
+
+### For JavaScript
+
+```jsx
+import { Button } from 'strive-ui';
+
+function App() {
+  return <Button variant="primary">Click Me</Button>;
+}
+
+export default App;
+```
+
+### For TypeScript
+
+```tsx
+import { Button } from 'strive-ui';
+
+const App: React.FC = () => {
+  return <Button variant="primary">Click Me</Button>;
+};
+
+export default App;
+```
+
+---
+
+## 🧱 Components (Preview)
+
+* `<Button />`
+* `<Input />`
+* `<Card />`
+* `<Modal />`
+* `<Dropdown />`
+* ...and more coming soon!
+
+---
+
+## 🎨 Customization
+
+StrivUI allows easy theme overrides and utility-based class extension.
+Coming soon: a theme config file (`strive.config.js`) for color, spacing, and typography customization.
+
+---
+
+## 📚 Documentation
+
+Full documentation is coming soon at: [https://strivui.archstriv.com](https://strivui.archstriv.com)
+
+---
+
+## 🧪 Development
+
+Clone and start the library locally:
+
+```bash
+git clone https://github.com/ArchStriv/strive-ui.git
+cd strive-ui
+npm install
+npm run dev
+```
+
+---
+
+## 🤝 Contributing
+
+We welcome contributions!
+
+1. Fork the repo
+2. Create your feature branch: `git checkout -b feature/my-component`
+3. Commit your changes: `git commit -m 'Add my component'`
+4. Push to the branch: `git push origin feature/my-component`
+5. Open a Pull Request
+
+---
+
+## 📄 License
+
+MIT © 2025 [ArchStriv](https://archstrive.com/)

package/app/component/Button.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+
+const Button = ({ label, onClick, style }:{label:string,onClick:()=>void,style:{}}) => {
+  return (
+    <button style={{
+      padding: '10px 20px',
+      backgroundColor: '#28a745',
+      color: '#fff',
+      border: 'none',
+      borderRadius: '5px',
+      cursor: 'pointer',
+      ...style,
+    }} onClick={onClick}>
+      {label}
+    </button>
+  );
+};
+
+export default Button;

package/app/index.tsx

@@ -0,0 +1,2 @@
+import Button from './component/Button';
+export { Button };

package/babel.config.js

@@ -0,0 +1,7 @@
+export default {
+  presets: [
+    '@babel/preset-env',
+    '@babel/preset-react',
+    '@babel/preset-typescript',
+  ],
+};

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "strivui",
+  "version": "1.0.0",
+  "scripts": {
+    "build": "rollup -c"
+  },
+  "description": "**StrivUI** is a modern, utility-first UI component library designed for building fast, beautiful, and accessible interfaces in **React** using both **TypeScript** and **JavaScript**.",
+  "keywords": [
+    "react",
+    "ui-library",
+    "components",
+    "react-components",
+    "strivui",
+    "typescript",
+    "javascript",
+    "styled-components",
+    "design-system",
+    "tailwindcss",
+    "accessibility",
+    "reusable-components",
+    "frontend",
+    "react-ui",
+    "ui-kit"
+  ],
+  "homepage": "https://github.com/Syed-Dev-Sphere/StrivUI#readme",
+  "bugs": {
+    "url": "https://github.com/Syed-Dev-Sphere/StrivUI/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Syed-Dev-Sphere/StrivUI.git"
+  },
+  "license": "MIT",
+  "author": "Syed Abdullah Ali",
+  "type": "module",
+  "main": "index.js",
+  "dependencies": {
+    "@babel/preset-env": "^7.28.0",
+    "@babel/preset-typescript": "^7.27.1",
+    "@rollup/plugin-typescript": "^12.1.4",
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0",
+    "tslib": "^2.8.1",
+    "typescript": "^5.8.3"
+  },
+  "devDependencies": {
+    "@babel/preset-react": "^7.27.1",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^28.0.6",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "rollup": "^4.45.1"
+  },
+  "module": "dist/index.esm.js",
+  "types": "dist/types/index.d.ts",
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0"
+  }
+}