@nemigo/tailwind 0.0.1

package/dist/fluid.d.ts

@@ -0,0 +1,4 @@
+import plugin from "tailwindcss/plugin";
+type Plugin = ReturnType<typeof plugin>;
+declare const main: Plugin;
+export default main;

package/dist/fluid.js

@@ -0,0 +1,100 @@
+import plugin from "tailwindcss/plugin";
+const getConfigScreens = (cfg) => {
+    const theme = cfg["theme"];
+    if (!theme)
+        return null;
+    const screens = theme["screens"];
+    if (!screens)
+        return null;
+    const medias = Object.values(screens).filter((v) => typeof v === "string");
+    if (medias.length <= 1)
+        return null;
+    const digitRegExp = /\D/g;
+    const converter = (v) => Number(v.replace(digitRegExp, ""));
+    const sorted = medias.map(converter).toSorted((a, b) => a - b);
+    const min = sorted[0];
+    const max = sorted[sorted.length - 1];
+    const diff = max - min;
+    return { min, max, diff };
+};
+const manual = (v) => isNaN(Number(v));
+const unit = (v, unit) => (manual(v) ? v : v + unit);
+const main = plugin((api) => {
+    const screens = getConfigScreens(api.config());
+    if (!screens)
+        return;
+    api.addBase({ ":root": { "--V": `calc((100vw - ${screens.min}em) / ${screens.diff})` } });
+    const clamp = (v, property, util) => {
+        const rule = {};
+        if (v.includes("~")) {
+            const [_min, _max] = v.split("~");
+            if (_min.startsWith("0.") || _max.startsWith("0.")) {
+                if (!_max.startsWith("0."))
+                    console.warn("Tailwind:", `Use ${util}-[${_min.slice(1)}~${_max}] instead ${util}-[${v}]`);
+                else if (!_min.startsWith("0."))
+                    console.warn("Tailwind:", `Use ${util}-[${_min}~${_max.slice(1)}] instead ${util}-[${v}]`);
+                else
+                    console.warn("Tailwind:", `Use ${util}-[${_min.slice(1)}~${_max.slice(1)}] instead ${util}-[${v}]`);
+            }
+            const max = Number(_max) || 0;
+            const min = Number(_min) || 0;
+            const rounded = Number((max - min).toFixed(3));
+            const adaptive = `calc(var(--V) * ${rounded} + ${min}em)`;
+            rule[property] = `clamp(${min}em,${adaptive},${max}em)`;
+        }
+        else {
+            rule[property] = unit(v, "em");
+        }
+        return rule;
+    };
+    const createUtilities = (arr) => {
+        const acc = {};
+        for (const [util, property] of arr) {
+            acc[util] = (v) => clamp(v, property, util);
+        }
+        return acc;
+    };
+    api.matchUtilities(createUtilities([
+        ["v-fs", "fontSize"],
+        ["v-gap", "gap"],
+        //...
+        ["v-inset", "inset"],
+        ["v-top", "top"],
+        ["v-bottom", "bottom"],
+        ["v-left", "left"],
+        ["v-right", "right"],
+        //...
+        ["v-w", "width"],
+        ["v-h", "height"],
+        ["v-min-w", "minWidth"],
+        ["v-max-w", "maxWidth"],
+        ["v-min-h", "minHeight"],
+        ["v-max-h", "maxHeight"],
+        //...
+        ["v-p", "padding"],
+        ["v-py", "padding-block"],
+        ["v-pt", "padding-top"],
+        ["v-pb", "padding-bottom"],
+        ["v-px", "padding-inline"],
+        ["v-pl", "padding-left"],
+        ["v-pr", "padding-right"],
+        //...
+        ["v-m", "margin"],
+        ["v-my", "margin-block"],
+        ["v-mt", "margin-top"],
+        ["v-mb", "margin-bottom"],
+        ["v-mx", "margin-inline"],
+        ["v-ml", "margin-left"],
+        ["v-mr", "margin-right"],
+        //...
+        ["v-br", "borderRadius"],
+        ["v-br-t", "borderTopRadius"],
+        ["v-br-b", "borderBottomRadius"],
+        ["v-br-l", "borderLeftRadius"],
+        ["v-br-r", "borderRightRadius"],
+        //...
+        ["v-tt-x", "translateX"],
+        ["v-tt-y", "translateY"],
+    ]));
+});
+export default main;

package/package.json

@@ -0,0 +1,29 @@
+{
+	"name": "@nemigo/tailwind",
+	"version": "0.0.1",
+	"private": false,
+	"author": {
+		"name": "Vlad Logvin",
+		"email": "vlad.logvin84@gmail.com"
+	},
+	"type": "module",
+	"scripts": {
+		"build": "svelte-package && rimraf .svelte-kit",
+		"check": "tsc --noemit",
+		"lint": "eslint ./",
+		"format": "prettier --write ./"
+	},
+	"exports": {
+		"./fluid": {
+			"types": "./dist/fluid.d.ts",
+			"default": "./dist/fluid.js"
+		}
+	},
+	"peerDependencies": {
+		"tailwindcss": ">=4.0.0"
+	},
+	"devDependencies": {
+		"@nemigo/configs": "workspace:*",
+		"tailwindcss": "4.1.13"
+	}
+}