@nexxtmove/ui 1.1.9 → 1.2.1

package/package.json

@@ -1,13 +1,15 @@
 {
   "name": "@nexxtmove/ui",
   "type": "module",
-  "version": "1.1.9",
+  "version": "1.2.1",
   "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/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)
+      }
     }
   },
 })