@nexxtmove/ui 1.1.8 → 1.2.0

package/dist/components/Chip/Chip.vue.d.ts

@@ -1,5 +1,5 @@
 interface NexxtChipProps {
-    variant?: 'default' | 'warning' | 'success' | 'danger' | 'neutral';
+    variant?: 'default' | 'warning' | 'success' | 'danger' | 'neutral' | 'accent';
     ghost?: boolean;
 }
 declare var __VLS_1: {}, __VLS_3: {};

package/dist/index.js

@@ -816,6 +816,11 @@ var tt = /* @__PURE__ */ p({
 					border: "border border-gray-600",
 					text: "text-gray-700"
 				};
+				case "accent": return {
+					bg: "bg-purple-50",
+					border: "border border-purple-500",
+					text: "text-purple-500"
+				};
 				default: return {
 					bg: "bg-cornflower-blue-50",
 					border: "border border-cornflower-blue-500",
@@ -843,6 +848,11 @@ var tt = /* @__PURE__ */ p({
 					border: "",
 					text: "text-white"
 				};
+				case "accent": return {
+					bg: "bg-purple-600",
+					border: "",
+					text: "text-white"
+				};
 				default: return {
 					bg: "bg-cornflower-blue-600",
 					border: "",

package/dist/nuxt.js

@@ -47458,7 +47458,7 @@ var Yw, Xw, Zw, Qw, $w, eT = d((() => {
 			return "[UnexpectedJSONParseError]: " + e.message;
 		}
 	};
-})), bj = /* @__PURE__ */ h((/* @__PURE__ */ f(((e, t) => {
+})), bj = /* @__PURE__ */ f(((e, t) => {
 	var n = v().promises, { compileTemplate: r } = ew(), { optimize: i } = gj(), a = yj()("vite-svg-loader");
 	t.exports = function(e = {}) {
 		let { svgoConfig: t, svgo: o, defaultImport: s } = e, c = /\.svg(\?(raw|component|skipsvgo))?$/;
@@ -47491,7 +47491,7 @@ var Yw, Xw, Zw, Qw, $w, eT = d((() => {
 			}
 		};
 	}, t.exports.default = t.exports;
-})))(), 1), xj = {
+})), xj = v(), Sj = /* @__PURE__ */ h(bj(), 1), Cj = {
 	NexxtAnimatedNumber: "components/AnimatedNumber/AnimatedNumber.vue",
 	NexxtAnnouncement: "components/Announcement/Announcement.vue",
 	NexxtAvatar: "components/Avatar/Avatar.vue",
@@ -47546,7 +47546,7 @@ var Yw, Xw, Zw, Qw, $w, eT = d((() => {
 	NexxtToggleGroup: "components/ToggleGroup/ToggleGroup.vue",
 	NexxtTooltip: "components/Tooltip/Tooltip.vue",
 	NexxtVideoPlayer: "components/VideoPlayer/VideoPlayer.vue"
-}, Sj = i({
+}, wj = ["@nexxtmove/ui/ui.css", "@nexxtmove/ui/dist/ui.css"], Tj = (e, t) => e.some((e) => e === t || wj.includes(e)), Ej = i({
 	meta: {
 		name: "@nexxtmove/ui",
 		configKey: "nexxtmoveUi",
@@ -47555,12 +47555,12 @@ var Yw, Xw, Zw, Qw, $w, eT = d((() => {
 	defaults: { addCSS: !0 },
 	setup(i, a) {
 		let { resolve: o } = r(import.meta.url);
-		n((0, bj.default)()), a.hook("vite:extendConfig", (e) => {
+		n((0, Sj.default)()), a.hook("vite:extendConfig", (e) => {
 			e.resolve ??= {}, e.resolve.alias ??= {};
 			let t = e.resolve.alias;
 			t["@ui-assets"] = o("../src/assets");
 		});
-		for (let t of Object.keys(xj)) e({
+		for (let t of Object.keys(Cj)) e({
 			name: t,
 			export: t,
 			filePath: "@nexxtmove/ui"
@@ -47576,8 +47576,10 @@ var Yw, Xw, Zw, Qw, $w, eT = d((() => {
 `,
 				write: !0
 			}), a.options.css.push("#build/nexxtmove-ui.css");
+			let n = o("./ui.css");
+			(0, xj.existsSync)(n) && !Tj(a.options.css, n) && a.options.css.push(n);
 		}
 	}
 });
 //#endregion
-export { Sj as default };
+export { Ej as default };

package/package.json

@@ -1,13 +1,15 @@
 {
   "name": "@nexxtmove/ui",
   "type": "module",
-  "version": "1.1.8",
+  "version": "1.2.0",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
     },
     "./nuxt": "./dist/nuxt.js",
+    "./ui.css": "./dist/ui.css",
+    "./dist/ui.css": "./dist/ui.css",
     "./theme": "./tailwind/nexxtmove.tailwind.theme.css",
     "./components.json": "./src/components.json",
     "./components/*": "./src/components/*"

package/src/components/Chip/Chip.vue

@@ -2,7 +2,7 @@
 import { computed } from 'vue'
 
 interface NexxtChipProps {
-  variant?: 'default' | 'warning' | 'success' | 'danger' | 'neutral'
+  variant?: 'default' | 'warning' | 'success' | 'danger' | 'neutral' | 'accent'
   ghost?: boolean
 }
 
@@ -23,6 +23,8 @@ const styles = computed(() => {
         return { bg: 'bg-brick-100/20', border: 'border border-brick-500', text: 'text-brick-500' }
       case 'neutral':
         return { bg: 'bg-gray-100', border: 'border border-gray-600', text: 'text-gray-700' }
+      case 'accent':
+        return { bg: 'bg-purple-50', border: 'border border-purple-500', text: 'text-purple-500' }
       default:
         return {
           bg: 'bg-cornflower-blue-50',
@@ -40,6 +42,8 @@ const styles = computed(() => {
       return { bg: 'bg-brick-500', border: '', text: 'text-white' }
     case 'neutral':
       return { bg: 'bg-gray-700', border: '', text: 'text-white' }
+    case 'accent':
+      return { bg: 'bg-purple-600', border: '', text: 'text-white' }
     default:
       return { bg: 'bg-cornflower-blue-600', border: '', text: 'text-white' }
   }

package/src/nuxt.ts

@@ -7,9 +7,17 @@ import {
 } from '@nuxt/kit'
 import type { NuxtModule } from '@nuxt/schema'
 import type { UserConfig } from 'vite'
+import { existsSync } from 'node:fs'
 import svgLoader from 'vite-svg-loader'
 import components from './components.json'
 
+// The stylesheet may already be listed by the app itself, either as a package
+// specifier or as a resolved path — adding it twice would duplicate the rules.
+const CSS_SPECIFIERS = ['@nexxtmove/ui/ui.css', '@nexxtmove/ui/dist/ui.css']
+
+const hasComponentCSS = (css: string[], resolvedPath: string) =>
+  css.some((entry) => entry === resolvedPath || CSS_SPECIFIERS.includes(entry))
+
 export interface ModuleOptions {
   /**
    * Whether to automatically add the theme CSS.
@@ -68,6 +76,16 @@ const module: NuxtModule<ModuleOptions> = defineNuxtModule<ModuleOptions>({
         write: true,
       })
       nuxt.options.css.push('#build/nexxtmove-ui.css')
+
+      // Compiled component `<style>` blocks (scoped rules, keyframes). Not
+      // covered by the Tailwind entry above — that only scans the .vue source
+      // for class names. Pushed last so it stays unlayered and wins over
+      // Tailwind's layers.
+      const componentCSS = resolve('./ui.css')
+
+      if (existsSync(componentCSS) && !hasComponentCSS(nuxt.options.css, componentCSS)) {
+        nuxt.options.css.push(componentCSS)
+      }
     }
   },
 })