@bootswind/core 0.1.0-alpha.1
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.
- package/README.md +29 -0
- package/esm/index.d.ts +3 -0
- package/esm/index.d.ts.map +1 -0
- package/esm/index.js +11 -0
- package/esm/package.json +3 -0
- package/package.json +28 -0
- package/script/index.d.ts +3 -0
- package/script/index.d.ts.map +1 -0
- package/script/index.js +16 -0
- package/script/package.json +3 -0
package/README.md
ADDED
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
# 🌪️ Bootswind
|
|
2
|
+
|
|
3
|
+
> Bootstrap components seamlessly translated into Tailwind CSS and Alpine.js.
|
|
4
|
+
|
|
5
|
+
Bootswind is a modern, lightweight Tailwind CSS plugin that brings the traditional, robust component structure of Bootstrap into the utility-first world of Tailwind. No heavy JavaScript, no vendor lock-in—just clean, predictable, and customizable UI components.
|
|
6
|
+
|
|
7
|
+
## ✨ Features
|
|
8
|
+
|
|
9
|
+
- 📦 **Dual Registry:** Available on both NPM (Node.js) and JSR (Deno).
|
|
10
|
+
- 🎨 **Tailwind v4 & v3 Ready:** Future-proof architecture.
|
|
11
|
+
- 🧠 **Zero Bloat:** Only standard Tailwind utility classes under the hood.
|
|
12
|
+
|
|
13
|
+
---
|
|
14
|
+
|
|
15
|
+
## 💻 Installation
|
|
16
|
+
|
|
17
|
+
Choose your preferred package manager. Bootswind supports both the modern Deno/JSR ecosystem and traditional NPM.
|
|
18
|
+
|
|
19
|
+
**Using Deno (JSR):**
|
|
20
|
+
|
|
21
|
+
```bash
|
|
22
|
+
deno add @bootswind/core
|
|
23
|
+
```
|
|
24
|
+
|
|
25
|
+
**Using NPM:**
|
|
26
|
+
|
|
27
|
+
```bash
|
|
28
|
+
npm install @bootswind/core
|
|
29
|
+
```
|
package/esm/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,eAAe,EAAE,GAQrB,CAAC;AAEH,eAAe,eAAe,CAAC"}
|
package/esm/index.js
ADDED
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import plugin from "tailwindcss/plugin.js";
|
|
2
|
+
const bootswindPlugin = plugin(function ({ addComponents, theme }) {
|
|
3
|
+
addComponents({
|
|
4
|
+
".btn": {
|
|
5
|
+
display: "inline-flex",
|
|
6
|
+
padding: "0.5rem 1rem",
|
|
7
|
+
borderRadius: theme("borderRadius.md"),
|
|
8
|
+
},
|
|
9
|
+
});
|
|
10
|
+
});
|
|
11
|
+
export default bootswindPlugin;
|
package/esm/package.json
ADDED
package/package.json
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@bootswind/core",
|
|
3
|
+
"version": "0.1.0-alpha.1",
|
|
4
|
+
"description": "Bootstrap components built with Tailwind CSS and Alpine.js",
|
|
5
|
+
"license": "MIT",
|
|
6
|
+
"main": "./script/index.js",
|
|
7
|
+
"module": "./esm/index.js",
|
|
8
|
+
"exports": {
|
|
9
|
+
".": {
|
|
10
|
+
"import": "./esm/index.js",
|
|
11
|
+
"require": "./script/index.js"
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
"scripts": {
|
|
15
|
+
"test": "node test_runner.js"
|
|
16
|
+
},
|
|
17
|
+
"dependencies": {
|
|
18
|
+
"tailwindcss": "^4.2.0"
|
|
19
|
+
},
|
|
20
|
+
"peerDependencies": {
|
|
21
|
+
"tailwindcss": "^3.4.0 || ^4.0.0"
|
|
22
|
+
},
|
|
23
|
+
"devDependencies": {
|
|
24
|
+
"@types/node": "^20.9.0",
|
|
25
|
+
"picocolors": "^1.0.0"
|
|
26
|
+
},
|
|
27
|
+
"_generatedBy": "dnt@dev"
|
|
28
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,eAAe,EAAE,GAQrB,CAAC;AAEH,eAAe,eAAe,CAAC"}
|
package/script/index.js
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
const plugin_js_1 = __importDefault(require("tailwindcss/plugin.js"));
|
|
7
|
+
const bootswindPlugin = (0, plugin_js_1.default)(function ({ addComponents, theme }) {
|
|
8
|
+
addComponents({
|
|
9
|
+
".btn": {
|
|
10
|
+
display: "inline-flex",
|
|
11
|
+
padding: "0.5rem 1rem",
|
|
12
|
+
borderRadius: theme("borderRadius.md"),
|
|
13
|
+
},
|
|
14
|
+
});
|
|
15
|
+
});
|
|
16
|
+
exports.default = bootswindPlugin;
|