tiny-essentials 1.23.1 → 1.24.0

package/docs/v1/libs/TinyHtmlTips.md

@@ -69,6 +69,30 @@ const newDiv = $$$('<div class="box">Hello!</div>');
 
 ---
 
+## ⚙️ Controlling Whitespace in Class Names
+
+TinyHtml includes a static flag called `classCanWhitespace`.
+This allows you to decide whether **class names with whitespace** should be considered valid or not.
+
+```js
+// Enable or disable whitespace in class names
+TinyHtml.classCanWhitespace = true;   // ✅ allows whitespace
+console.log(TinyHtml.classCanWhitespace); // true
+
+TinyHtml.classCanWhitespace = false;  // 🚫 disallows whitespace
+console.log(TinyHtml.classCanWhitespace); // false
+```
+
+⚠️ If you try to assign a non-boolean value, TinyHtml will throw an error:
+
+```js
+// ❌ Throws TypeError
+TinyHtml.classCanWhitespace = "yes"; 
+// -> Uncaught TypeError: classCanWhitespace must be a boolean
+```
+
+---
+
 ## 🚀 Why Aliases?
 
 Aliases are especially handy when:
@@ -96,6 +120,9 @@ This makes your setup **cleaner, reusable, and consistent** across the whole pro
 // Enable debugging mode
 TinyHtml.elemDebug = true;
 
+// Allow whitespace in class names
+TinyHtml.classCanWhitespace = true;
+
 // jQuery-style single element selector
 export const $ = (queryString) => new TinyHtml(queryString);
 
@@ -133,6 +160,10 @@ newBox.mainDisplay = 'block';
 // Create an element
 const newBox2 = $$$('<div class="box">Hello!</div>');
 $('body').append(newBox);
+
+// Control class whitespace support
+console.log(TinyHtml.classCanWhitespace); // true
+TinyHtml.classCanWhitespace = false;      // disable whitespace
 ```
 
 ---

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tiny-essentials",
-  "version": "1.23.1",
+  "version": "1.24.0",
   "description": "Collection of small, essential scripts designed to be used across various projects. These simple utilities are crafted for speed, ease of use, and versatility.",
   "scripts": {
     "test": "npm run test:mjs && npm run test:cjs && npm run test:js",
@@ -164,6 +164,10 @@
       "require": "./dist/v1/libs/TinyLoadingScreen.cjs",
       "import": "./dist/v1/libs/TinyLoadingScreen.mjs"
     },
+    "./libs/TinyColorValidator": {
+      "require": "./dist/v1/libs/TinyColorValidator.cjs",
+      "import": "./dist/v1/libs/TinyColorValidator.mjs"
+    },
     "./libs/TinyInventoryTrader": {
       "require": "./dist/v1/libs/TinyInventoryTrader.cjs",
       "import": "./dist/v1/libs/TinyInventoryTrader.mjs"