monobill-mintui 0.4.3 → 0.4.5

package/package.json

@@ -1,101 +1,39 @@
 {
   "name": "monobill-mintui",
-  "version": "0.4.3",
+  "version": "0.4.5",
   "description": "A modern framework-agnostic UI kit built as Web Components. Requires Tailwind CSS.",
   "type": "module",
-  "main": "./dist/index.js",
+  "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
     },
     "./styles": "./dist/styles.css",
-    "./button": {
-      "types": "./dist/button.d.ts",
-      "import": "./dist/button.js",
-      "require": "./dist/button.cjs"
+    "./tailwind-preset": {
+      "import": "./tailwind.preset.js",
+      "require": "./tailwind.preset.cjs"
     },
-    "./switch": {
-      "types": "./dist/switch.d.ts",
-      "import": "./dist/switch.js",
-      "require": "./dist/switch.cjs"
-    },
-    "./spinner": {
-      "types": "./dist/spinner.d.ts",
-      "import": "./dist/spinner.js",
-      "require": "./dist/spinner.cjs"
-    },
-    "./icon": {
-      "types": "./dist/icon.d.ts",
-      "import": "./dist/icon.js",
-      "require": "./dist/icon.cjs"
-    },
-    "./text": {
-      "types": "./dist/text.d.ts",
-      "import": "./dist/text.js",
-      "require": "./dist/text.cjs"
-    },
-    "./stack": {
-      "types": "./dist/stack.d.ts",
-      "import": "./dist/stack.js",
-      "require": "./dist/stack.cjs"
-    },
-    "./card": {
-      "types": "./dist/card.d.ts",
-      "import": "./dist/card.js",
-      "require": "./dist/card.cjs"
-    },
-    "./link": {
-      "types": "./dist/link.d.ts",
-      "import": "./dist/link.js",
-      "require": "./dist/link.cjs"
-    },
-    "./page": {
-      "types": "./dist/page.d.ts",
-      "import": "./dist/page.js",
-      "require": "./dist/page.cjs"
-    },
-    "./grid": {
-      "types": "./dist/grid.d.ts",
-      "import": "./dist/grid.js",
-      "require": "./dist/grid.cjs"
-    },
-    "./modal": {
-      "types": "./dist/modal.d.ts",
-      "import": "./dist/modal.js",
-      "require": "./dist/modal.cjs"
-    },
-    "./popover": {
-      "types": "./dist/popover.d.ts",
-      "import": "./dist/popover.js",
-      "require": "./dist/popover.cjs"
-    },
-    "./checkbox": {
-      "types": "./dist/checkbox.d.ts",
-      "import": "./dist/checkbox.js",
-      "require": "./dist/checkbox.cjs"
-    },
-    "./choice": {
-      "types": "./dist/choice.d.ts",
-      "import": "./dist/choice.js",
-      "require": "./dist/choice.cjs"
+    "./icons": {
+      "import": "./dist/components/icon/icons/index.js",
+      "require": "./dist/components/icon/icons/index.cjs",
+      "types": "./dist/components/icon/icons/index.d.ts"
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "tailwind.preset.js",
+    "tailwind.preset.cjs"
   ],
   "scripts": {
-    "build:icons": "node src/components/icon/build-icons.js",
-    "build": "vite build",
-    "sync:versions": "node scripts/sync-versions.js",
-    "prepare:publish": "node scripts/prepare-publish.js",
-    "dev": "vite",
-    "preview": "vite preview",
-    "version": "npm run sync:versions && git add -A",
-    "postversion": "npm run prepare:publish"
+    "build:icons": "tsx src/components/icon/build-icons.ts",
+    "build:types": "tsc --emitDeclarationOnly --declaration --skipLibCheck || true",
+    "build": "vite build && npm run build:types",
+    "dev": "vite --host",
+    "preview": "vite preview"
   },
   "keywords": [
     "web-components",
@@ -109,16 +47,28 @@
     "tailwind",
     "components"
   ],
-  "author": "",
+  "author": "ron-vnox",
   "license": "MIT",
   "devDependencies": {
-    "@tailwindcss/vite": "^4.2.2",
+    "@tailwindcss/vite": "^4.0.0",
+    "@types/node": "^24.10.1",
     "@vitejs/plugin-vue": "^6.0.5",
     "tailwindcss": "^4.0.0",
+    "tsx": "^4.21.0",
+    "typescript": "^5.9.3",
     "vite": "^8.0.2",
-    "vue": "^3.4.0"
+    "vue": "^3.4.0",
+    "vue-router": "^4.6.4"
+  },
+  "peerDependencies": {
+    "tailwindcss": "^4.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/vnoxco/mintui.git"
+  },
+  "bugs": {
+    "url": "https://github.com/vnoxco/mintui/issues"
   },
-  "dependencies": {
-    "vue-router": "^4.6.3"
-  }
+  "homepage": "https://github.com/vnoxco/mintui#readme"
 }

package/tailwind.preset.cjs

@@ -0,0 +1,24 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  theme: {
+    extend: {
+      colors: {
+        gray: {
+          50: '#f9fafb',
+          100: '#f3f4f6',
+          200: '#e5e7eb',
+          300: '#d1d5db',
+          400: '#9ca3af',
+          500: '#6b7280',
+          600: '#4b5563',
+          700: '#374151',
+          800: '#1f2937',
+          900: '#0a0a0a', // Base dark mode color - enforced by mintui
+          950: '#030712',
+        },
+      },
+    },
+  },
+}
+
+

package/tailwind.preset.js

@@ -0,0 +1,24 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  theme: {
+    extend: {
+      colors: {
+        gray: {
+          50: '#f9fafb',
+          100: '#f3f4f6',
+          200: '#e5e7eb',
+          300: '#d1d5db',
+          400: '#9ca3af',
+          500: '#6b7280',
+          600: '#4b5563',
+          700: '#374151',
+          800: '#1f2937',
+          900: '#0a0a0a', // Base dark mode color - enforced by mintui
+          950: '#030712',
+        },
+      },
+    },
+  },
+}
+
+

package/dist/Icon-BTuYBm_3.cjs

@@ -1 +0,0 @@
-var e=new Map;function t(t){e.set(t.name,t)}function n(t){return e.get(t)}function r(t){return e.has(t)}function i(){return Array.from(e.values())}var a=class extends HTMLElement{static get observedAttributes(){return[`name`]}constructor(){super(),this._darkModeObserver=null}connectedCallback(){this.classList.add(`box-border`,`m-0`,`p-0`,`border-0`,`inline-flex`,`items-center`,`leading-none`),this.render(),this._observeDarkMode()}attributeChangedCallback(e,t,n){t!==n&&this.render()}disconnectedCallback(){this._darkModeObserver&&=(this._darkModeObserver.disconnect(),null)}_observeDarkMode(){this._darkModeObserver||(this._darkModeObserver=new MutationObserver(e=>{for(let t of e)if(t.type===`attributes`&&t.attributeName===`class`){this.render();break}}),this._darkModeObserver.observe(document.documentElement,{attributes:!0,attributeFilter:[`class`]}))}getName(){return this.getAttribute(`name`)||``}getIconUrl(){let e=document.documentElement.getAttribute(`data-icon-base-url`)||document.querySelector(`meta[name="icon-base-url"]`)?.getAttribute(`content`);return e?`${e}/${this.getName()}.svg`:`/icons/${this.getName()}.svg`}render(){let e=this.getName();if(!e){this.innerHTML=``,this.style.maskImage=``,this.style.webkitMaskImage=``;return}if(!n(e)){console.warn(`Icon "${e}" not found. Make sure you've imported the icon: import '@monobill-mintui/icon/icons/${e}'`),this.innerHTML=``,this.style.maskImage=``,this.style.webkitMaskImage=``;return}let t=this.closest(`mint-button`)||this.parentElement?.closest(`mint-button`),r=this.closest(`mint-switch`)||this.parentElement?.closest(`mint-switch`),i;i=r?`w-3 h-3`:t?`w-5 h-5`:`w-[1.3em] h-[1.3em]`,this.classList.remove(`w-4`,`h-4`,`w-5`,`h-5`,`w-[1em]`,`h-[1em]`),i.split(` `).forEach(e=>{e&&this.classList.add(e)});let a=this.getIconUrl();if(this.style.maskImage=`url(${a})`,this.style.webkitMaskImage=`url(${a})`,this.style.maskSize=`contain`,this.style.webkitMaskSize=`contain`,this.style.maskRepeat=`no-repeat`,this.style.webkitMaskRepeat=`no-repeat`,this.style.maskPosition=`center`,this.style.webkitMaskPosition=`center`,this.style.aspectRatio=`1 / 1`,this.style.backgroundColor=`currentColor`,r)this.classList.remove(`text-gray-100`,`text-gray-900`),this.classList.add(`text-gray-900`);else if(t)this.classList.remove(`text-gray-100`,`text-gray-900`);else{let e=document.documentElement.classList.contains(`dark`)?`text-gray-100`:`text-gray-900`;this.classList.remove(`text-gray-100`,`text-gray-900`),this.classList.add(e)}this.innerHTML=``}};customElements.get(`mint-icon`)||customElements.define(`mint-icon`,a),Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});

package/dist/Icon-ByNhn8tE.js

@@ -1,77 +0,0 @@
-//#region src/components/icon/registry.js
-var e = /* @__PURE__ */ new Map();
-function t(t) {
-	e.set(t.name, t);
-}
-function n(t) {
-	return e.get(t);
-}
-function r(t) {
-	return e.has(t);
-}
-function i() {
-	return Array.from(e.values());
-}
-//#endregion
-//#region src/components/icon/Icon.js
-var a = class extends HTMLElement {
-	static get observedAttributes() {
-		return ["name"];
-	}
-	constructor() {
-		super(), this._darkModeObserver = null;
-	}
-	connectedCallback() {
-		this.classList.add("box-border", "m-0", "p-0", "border-0", "inline-flex", "items-center", "leading-none"), this.render(), this._observeDarkMode();
-	}
-	attributeChangedCallback(e, t, n) {
-		t !== n && this.render();
-	}
-	disconnectedCallback() {
-		this._darkModeObserver &&= (this._darkModeObserver.disconnect(), null);
-	}
-	_observeDarkMode() {
-		this._darkModeObserver || (this._darkModeObserver = new MutationObserver((e) => {
-			for (let t of e) if (t.type === "attributes" && t.attributeName === "class") {
-				this.render();
-				break;
-			}
-		}), this._darkModeObserver.observe(document.documentElement, {
-			attributes: !0,
-			attributeFilter: ["class"]
-		}));
-	}
-	getName() {
-		return this.getAttribute("name") || "";
-	}
-	getIconUrl() {
-		let e = document.documentElement.getAttribute("data-icon-base-url") || document.querySelector("meta[name=\"icon-base-url\"]")?.getAttribute("content");
-		return e ? `${e}/${this.getName()}.svg` : `/icons/${this.getName()}.svg`;
-	}
-	render() {
-		let e = this.getName();
-		if (!e) {
-			this.innerHTML = "", this.style.maskImage = "", this.style.webkitMaskImage = "";
-			return;
-		}
-		if (!n(e)) {
-			console.warn(`Icon "${e}" not found. Make sure you've imported the icon: import '@monobill-mintui/icon/icons/${e}'`), this.innerHTML = "", this.style.maskImage = "", this.style.webkitMaskImage = "";
-			return;
-		}
-		let t = this.closest("mint-button") || this.parentElement?.closest("mint-button"), r = this.closest("mint-switch") || this.parentElement?.closest("mint-switch"), i;
-		i = r ? "w-3 h-3" : t ? "w-5 h-5" : "w-[1.3em] h-[1.3em]", this.classList.remove("w-4", "h-4", "w-5", "h-5", "w-[1em]", "h-[1em]"), i.split(" ").forEach((e) => {
-			e && this.classList.add(e);
-		});
-		let a = this.getIconUrl();
-		if (this.style.maskImage = `url(${a})`, this.style.webkitMaskImage = `url(${a})`, this.style.maskSize = "contain", this.style.webkitMaskSize = "contain", this.style.maskRepeat = "no-repeat", this.style.webkitMaskRepeat = "no-repeat", this.style.maskPosition = "center", this.style.webkitMaskPosition = "center", this.style.aspectRatio = "1 / 1", this.style.backgroundColor = "currentColor", r) this.classList.remove("text-gray-100", "text-gray-900"), this.classList.add("text-gray-900");
-		else if (t) this.classList.remove("text-gray-100", "text-gray-900");
-		else {
-			let e = document.documentElement.classList.contains("dark") ? "text-gray-100" : "text-gray-900";
-			this.classList.remove("text-gray-100", "text-gray-900"), this.classList.add(e);
-		}
-		this.innerHTML = "";
-	}
-};
-customElements.get("mint-icon") || customElements.define("mint-icon", a);
-//#endregion
-export { t as a, r as i, i as n, n as r, a as t };