sk-clib 0.0.6 → 1.1.1

package/dist/utils.js

@@ -9,7 +9,11 @@ import { twMerge } from 'tailwind-merge';
  * @param inputs All base classes
  * @returns Merged classes
  */
-export function cn(...inputs) {
+export function cn() {
+    var inputs = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        inputs[_i] = arguments[_i];
+    }
     return twMerge(clsx(inputs));
 }
 /**
@@ -27,9 +31,8 @@ export function cn(...inputs) {
  *
  * ```
  */
-export class cn_a {
-    selector;
-    constructor(selector) {
+var cn_a = /** @class */ (function () {
+    function cn_a(selector) {
         this.selector = selector;
     }
     /**
@@ -37,60 +40,67 @@ export class cn_a {
      * @param {string} classes tailwind/css classes string
      * @returns
      */
-    build(classes) {
+    cn_a.prototype.build = function (classes) {
+        var _this = this;
         // Make sure to stop if selector is not specified
         if (!this.selector) {
             console.warn('[classname_attribute_builder] Failed to build: Selector Undefined, Tried to build:', classes);
             return '';
         }
         // Convert a class string such as "bg-black flex flex-col" into ["bg-black", "flex", "flex-col"]
-        const classes_indexed = classes.split(' ');
-        const buffer = [];
-        classes_indexed.forEach((_class) => {
-            buffer.push(`${cn_a.wrap_selector(this.selector || '')}:${_class}`); // Join selector and class
+        var classes_indexed = classes.split(' ');
+        var buffer = [];
+        classes_indexed.forEach(function (_class) {
+            buffer.push("".concat(cn_a.wrap_selector(_this.selector || ''), ":").concat(_class)); // Join selector and class
         });
         return buffer.join(' '); // Return all the changes split
-    }
+    };
     /**
      *
      * @param selector some sort of boolean expression like state=toggled...
      * @returns `data-[${selector}]`
      */
-    static wrap_selector(selector) {
-        return `data-[${selector}]`;
-    }
+    cn_a.wrap_selector = function (selector) {
+        return "data-[".concat(selector, "]");
+    };
     /**
      *
      * @param selector data attribute selector like state=toggled
      * @param classes
      */
-    static buildx(selector, classes) {
+    cn_a.buildx = function (selector, classes) {
         // Convert a class string such as "bg-black flex flex-col" into ["bg-black", "flex", "flex-col"]
-        const classes_indexed = classes.split(' ');
-        const buffer = [];
-        classes_indexed.forEach((_class) => {
-            buffer.push(`${cn_a.wrap_selector(selector || '')}:${_class}`); // Join selector and class
+        var classes_indexed = classes.split(' ');
+        var buffer = [];
+        classes_indexed.forEach(function (_class) {
+            buffer.push("".concat(cn_a.wrap_selector(selector || ''), ":").concat(_class)); // Join selector and class
         });
         return buffer.join(' '); // Return all the changes split
-    }
-}
-export function expand(node, params, { duration = 300 }) {
-    const height = node.scrollHeight;
+    };
+    return cn_a;
+}());
+export { cn_a };
+export function expand(node, params, _a) {
+    var _b = _a.duration, duration = _b === void 0 ? 300 : _b;
+    var height = node.scrollHeight;
     return {
-        duration,
+        duration: duration,
         easing: params.easing || cubicOut,
-        css: (t) => `height: ${t * height}px; opacity: ${t}; margin-top: ${t * ((params.offset !== undefined) ? params.offset : 8)}px;`
+        css: function (t) { return "height: ".concat(t * height, "px; opacity: ").concat(t, "; margin-top: ").concat(t * ((params.offset !== undefined) ? params.offset : 8), "px;"); }
     };
 }
 export function uuidv4() {
-    return '10000000-1000-4000-8000-100000000000'.replace(/[018]/g, (c) => (+c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (+c / 4)))).toString(16));
+    return '10000000-1000-4000-8000-100000000000'.replace(/[018]/g, function (c) {
+        return (+c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (+c / 4)))).toString(16);
+    });
 }
-export function reference_package_to_form(package_name, location = undefined) {
-    let buff = `?tour-package=${package_name}`;
+export function reference_package_to_form(package_name, location) {
+    if (location === void 0) { location = undefined; }
+    var buff = "?tour-package=".concat(package_name);
     if (location !== undefined) {
-        buff += `&location=${location}`;
+        buff += "&location=".concat(location);
     }
-    window.location.href = `${base}/form${buff}`;
+    window.location.href = "".concat(base, "/form").concat(buff);
     return buff;
 }
 /**
@@ -106,13 +116,14 @@ export function reference_package_to_form(package_name, location = undefined) {
  * <element class={cn(tokenInstance.className)}/>
  * ```
  */
-export class Tokenizer {
-    className = "";
+var Tokenizer = /** @class */ (function () {
     /**
      * Initializes a new instance of the `Tokenizer` class with an optional initial class name.
      * @param className The initial class name to start with. Defaults to an empty string.
      */
-    constructor(className = "") {
+    function Tokenizer(className) {
+        if (className === void 0) { className = ""; }
+        this.className = "";
         this.className = className || "";
     }
     /**
@@ -120,9 +131,11 @@ export class Tokenizer {
      * @param statement A condition that determines whether the token should be added.
      * @param token The class token to add if the condition is met.
      */
-    addTokenIf(statement, token) {
+    Tokenizer.prototype.addTokenIf = function (statement, token) {
         if (statement === true) {
-            this.className += ` ${token}`;
+            this.className += " ".concat(token);
         }
-    }
-}
+    };
+    return Tokenizer;
+}());
+export { Tokenizer };

package/package.json

@@ -1,16 +1,24 @@
 {
 	"name": "sk-clib",
-	"version": "0.0.6",
+	"version": "1.1.1",
 	"type": "module",
 	"files": [
 		"dist",
 		"!dist/**/*.test.*",
-		"!dist/**/*.spec.*"
+		"!dist/**/*.spec.*",
+		"dist/styles.css"
 	],
 	"exports": {
 		".": {
 			"types": "./dist/index.d.ts",
 			"svelte": "./dist/index.js"
+		},
+		"./ui": {
+			"types": "./dist/ui/index.d.ts",
+			"svelte": "./dist/ui/index.js"
+		},
+		"./style": {
+			"default": "./dist/styles.css"
 		}
 	},
 	"svelte": "./dist/index.js",
@@ -19,8 +27,8 @@
 		"**/*.css"
 	],
 	"scripts": {
-		"build": "svelte-package",
-		"prepublishOnly": "npm run build && publint",
+		"build": "svelte-package && npx tailwindcss -i ./src/app.css -o ./dist/styles.css",
+		"prepublishOnly": "npm run build && publint --skip-pack",
 		"dev": "vite dev",
 		"preview": "vite preview",
 		"check": "svelte-check --tsconfig ./tsconfig.json",
@@ -42,7 +50,7 @@
 		"prettier": "^3.4.2",
 		"prettier-plugin-svelte": "^3.3.3",
 		"prettier-plugin-tailwindcss": "^0.6.11",
-		"publint": "^0.3.2",
+		"publint": "^0.3.12",
 		"svelte": "^5.0.0",
 		"svelte-check": "^4.0.0",
 		"typescript": "^5.0.0",
@@ -54,6 +62,14 @@
 		"library"
 	],
 	"dependencies": {
+		"@semantic-release/changelog": "^6.0.3",
+		"@semantic-release/git": "^10.0.1",
+		"@semantic-release/npm": "^12.0.1",
+		"@sveltejs/adapter-static": "^3.0.8",
+		"@tailwindcss/cli": "^4.1.5",
+		"@tailwindcss/vite": "^4.1.7",
+		"mdsvex": "^0.12.6",
+		"semantic-release": "^24.2.4",
 		"tailwind-merge": "^3.2.0"
 	}
 }