@nxgt/material-vue 0.2.0 → 0.3.1

package/dist/{pdf-outline-sidebar-DhZqpRoO.js → pdf-outline-sidebar-h9_YREnD.js}

@@ -1,4 +1,4 @@
-import { Dc as e, Rf as t } from "./components-Cd9cMyAH.js";
+import { Dc as e, Rf as t } from "./components-Cbdud8WI.js";
 import { t as n } from "./utils-Cy-ByIEo.js";
 import { n as r } from "./i18n-DXZMN9FA.js";
 import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, defineComponent as u, normalizeClass as d, normalizeStyle as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, unref as _, withCtx as v } from "vue";

package/dist/{pdf-page-list-CqRIdpm7.js → pdf-page-list-61J-y1Jy.js}

@@ -1,5 +1,5 @@
-import { Dc as e, Rf as t } from "./components-Cd9cMyAH.js";
-import { t as n } from "./pdf-page-DzmRPuT_.js";
+import { Dc as e, Rf as t } from "./components-Cbdud8WI.js";
+import { t as n } from "./pdf-page-rGTgfSly.js";
 import { Fragment as r, createBlock as i, createElementBlock as a, createElementVNode as o, defineComponent as s, openBlock as c, renderList as l, withCtx as u } from "vue";
 //#region lib/components/ui/pdf-viewer/partials/pdf-page-list.vue?vue&type=script&setup=true&lang.ts
 var d = { class: "flex flex-col items-center gap-4 px-4 py-4" }, f = /*@__PURE__*/ s({

package/dist/{pdf-page-DzmRPuT_.js → pdf-page-rGTgfSly.js}

@@ -1,4 +1,4 @@
-import { gl as e } from "./components-Cd9cMyAH.js";
+import { gl as e } from "./components-Cbdud8WI.js";
 import { t } from "./utils-Cy-ByIEo.js";
 import { createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, nextTick as s, normalizeClass as c, normalizeStyle as l, onBeforeUnmount as u, openBlock as d, ref as f, unref as p, watch as m } from "vue";
 //#region lib/components/ui/pdf-viewer/pdf-escape.ts

package/dist/{pdf-reader-C0UXHO0I.js → pdf-reader-CtkJSAzA.js}

@@ -1,11 +1,11 @@
-import { Dd as e, ct as t } from "./components-Cd9cMyAH.js";
+import { Dd as e, ct as t } from "./components-Cbdud8WI.js";
 import { t as n } from "./utils-Cy-ByIEo.js";
 import { r } from "./icon-button-Ghucx7Ah.js";
 import { n as i } from "./i18n-DXZMN9FA.js";
-import { i as a, n as o, r as s } from "./pdf-page-DzmRPuT_.js";
-import { t as c } from "./pdf-page-list-CqRIdpm7.js";
-import { t as l } from "./pdf-sidebar-BPfizuMa.js";
-import { t as u } from "./pdf-toolbar-B8YdJxDq.js";
+import { i as a, n as o, r as s } from "./pdf-page-rGTgfSly.js";
+import { t as c } from "./pdf-page-list-61J-y1Jy.js";
+import { t as l } from "./pdf-sidebar-Qo-cHfYv.js";
+import { t as u } from "./pdf-toolbar-UbBVdrBX.js";
 import { createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, normalizeClass as v, onBeforeUnmount as y, onMounted as b, openBlock as x, reactive as S, ref as C, shallowRef as w, toDisplayString as T, toRef as E, unref as D, watch as O, withCtx as k } from "vue";
 import { AlertCircle as A, FileX2 as j, KeyRound as M, Loader2 as N } from "lucide-vue-next";
 //#region lib/components/ui/pdf-viewer/pdf-download.ts

package/dist/{pdf-sidebar-BPfizuMa.js → pdf-sidebar-Qo-cHfYv.js}

@@ -1,8 +1,8 @@
-import { Rf as e } from "./components-Cd9cMyAH.js";
+import { Rf as e } from "./components-Cbdud8WI.js";
 import { t } from "./utils-Cy-ByIEo.js";
 import { n } from "./i18n-DXZMN9FA.js";
-import { t as r } from "./pdf-outline-sidebar-DhZqpRoO.js";
-import { t as i } from "./pdf-thumbnail-sidebar-Ca3LhKTL.js";
+import { t as r } from "./pdf-outline-sidebar-h9_YREnD.js";
+import { t as i } from "./pdf-thumbnail-sidebar-CojlsV6q.js";
 import { createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, toDisplayString as d, unref as f, useId as p, useTemplateRef as m } from "vue";
 //#region lib/components/ui/pdf-viewer/partials/pdf-sidebar.vue?vue&type=script&setup=true&lang.ts
 var h = ["aria-label"], g = ["aria-label"], _ = [

package/dist/{pdf-thumbnail-sidebar-Ca3LhKTL.js → pdf-thumbnail-sidebar-CojlsV6q.js}

@@ -1,7 +1,7 @@
-import { Dc as e, Rf as t } from "./components-Cd9cMyAH.js";
+import { Dc as e, Rf as t } from "./components-Cbdud8WI.js";
 import { t as n } from "./utils-Cy-ByIEo.js";
 import { n as r } from "./i18n-DXZMN9FA.js";
-import { t as i } from "./pdf-page-DzmRPuT_.js";
+import { t as i } from "./pdf-page-rGTgfSly.js";
 import { Fragment as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, openBlock as f, renderList as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
 //#region lib/components/ui/pdf-viewer/partials/pdf-thumbnail-sidebar.vue?vue&type=script&setup=true&lang.ts
 var _ = ["aria-label"], v = {

package/dist/{pdf-toolbar-B8YdJxDq.js → pdf-toolbar-UbBVdrBX.js}

@@ -1,4 +1,4 @@
-import { Dd as e, Rf as t } from "./components-Cd9cMyAH.js";
+import { Dd as e, Rf as t } from "./components-Cbdud8WI.js";
 import { t as n } from "./utils-Cy-ByIEo.js";
 import { t as r } from "./icon-button-Ghucx7Ah.js";
 import { n as i } from "./i18n-DXZMN9FA.js";

package/dist/{stx-player-BUFJQ9Ym.js → stx-player-Cl3bspwE.js}

@@ -1,4 +1,4 @@
-import { _ as e, f as t, g as n, iu as r, m as i, p as a, v as o, y as s } from "./components-Cd9cMyAH.js";
+import { _ as e, f as t, g as n, iu as r, m as i, p as a, v as o, y as s } from "./components-Cbdud8WI.js";
 import { t as c } from "./utils-Cy-ByIEo.js";
 import { createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, normalizeClass as g, openBlock as _, toDisplayString as v, unref as y, withCtx as b } from "vue";
 //#region lib/components/ui/stx-player/partials/stx-player-frame.vue?vue&type=script&setup=true&lang.ts

package/dist/styles.css

@@ -1,7 +1,8 @@
 @import "tailwindcss";
 @import "tw-animate-css";
 @import "./components/ui/code/code-moonlight.css";
-@source "./components";
+/* Consumers' Tailwind skips node_modules: scan the compiled components. */
+@source "../dist";
 
 @custom-variant dark (
 	&:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *)

package/lib/nuxt/module.ts

@@ -2,28 +2,28 @@ import {
 	addComponent,
 	addImports,
 	addPlugin,
-	addTemplate,
-	addVitePlugin,
 	createResolver,
 	defineNuxtModule,
+	extendViteConfig,
 } from '@nuxt/kit';
 import { COMPONENT_NAMES } from './component-names';
-import { injectMaterialVueStyles, isAppCssId } from './inject-css';
 
 export type ModuleOptions = {
 	/** Prepended to auto-imported component names. Empty by default. */
 	prefix?: string;
-	/**
-	 * Inject `@nxgt/material-vue/styles.css` into the app Tailwind CSS entry.
-	 * Default true. Set false if you `@import` it yourself.
-	 */
-	css?: boolean;
 	/** Auto-import PascalCase components. Default true. */
 	components?: boolean;
 	/** Auto-import composables and i18n helpers. Default true. */
 	imports?: boolean;
 };
 
+/**
+ * CommonJS-only dependencies. The package is transpiled, so Vite does not
+ * pre-bundle its imports; without this the browser receives the raw CJS file
+ * and `import x from 'jsbarcode'` has no default export.
+ */
+const CJS_DEPENDENCIES = ['jsbarcode'] as const;
+
 export default defineNuxtModule<ModuleOptions>({
 	meta: {
 		name: '@nxgt/material-vue',
@@ -32,40 +32,24 @@ export default defineNuxtModule<ModuleOptions>({
 	},
 	defaults: {
 		prefix: '',
-		css: true,
 		components: true,
 		imports: true,
 	},
 	setup(
 		options: ModuleOptions,
-		nuxt: { options: { build: { transpile: string[] }; css: string[] } },
+		nuxt: { options: { build: { transpile: string[] } } },
 	) {
 		const resolver = createResolver(import.meta.url);
 
 		nuxt.options.build.transpile.push('@nxgt/material-vue');
 
-		if (options.css !== false) {
-			addVitePlugin({
-				name: 'nxgt-material-vue:css',
-				enforce: 'pre',
-				transform(code, id) {
-					if (!isAppCssId(id)) return;
-					const next = injectMaterialVueStyles(code);
-					if (next == null) return;
-					return { code: next, map: null };
-				},
-			});
-
-			if (nuxt.options.css.length === 0) {
-				const file = addTemplate({
-					filename: 'nxgt-material-vue.css',
-					getContents: () =>
-						'@import "tailwindcss";\n@import "@nxgt/material-vue/styles.css";\n',
-					write: true,
-				});
-				nuxt.options.css.unshift(file.dst);
+		extendViteConfig((config) => {
+			config.optimizeDeps ??= {};
+			config.optimizeDeps.include ??= [];
+			for (const dependency of CJS_DEPENDENCIES) {
+				config.optimizeDeps.include.push(`@nxgt/material-vue > ${dependency}`);
 			}
-		}
+		});
 
 		if (options.components !== false) {
 			for (const name of COMPONENT_NAMES) {

package/lib/styles.css

@@ -1,7 +1,8 @@
 @import "tailwindcss";
 @import "tw-animate-css";
 @import "./components/ui/code/code-moonlight.css";
-@source "./components";
+/* Consumers' Tailwind skips node_modules: scan the compiled components. */
+@source "../dist";
 
 @custom-variant dark (
 	&:where(.dark, .dark *, [data-theme="dark"], [data-theme="dark"] *)

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nxgt/material-vue",
-	"version": "0.2.0",
+	"version": "0.3.1",
 	"type": "module",
 	"files": [
 		"dist",
@@ -149,7 +149,7 @@
 		"@storybook/vue3-vite": "10.6.0",
 		"@tailwindcss/vite": "^4.3.3",
 		"@tanstack/vue-table": "^9.1.2",
-		"@types/bun": "^1.4.0",
+		"@types/bun": "^1.4.2",
 		"@types/jsbarcode": "^3.11.4",
 		"@types/lodash-es": "^4.17.12",
 		"@types/node": "^26.1.1",

package/dist/lib/lib/nuxt/inject-css.d.ts

@@ -1,10 +0,0 @@
-export declare const MATERIAL_VUE_STYLES = "@nxgt/material-vue/styles.css";
-/**
- * Tailwind v4 only applies `@theme` / `@utility` in the same CSS graph as
- * `@import "tailwindcss"`. Pushing `styles.css` as a separate Nuxt `css[]`
- * entry creates a second pipeline, so tokens never reach the app.
- *
- * Insert the library import immediately after the Tailwind import.
- */
-export declare function injectMaterialVueStyles(code: string): string | null;
-export declare function isAppCssId(id: string): boolean;

package/lib/nuxt/inject-css.test.ts

@@ -1,41 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { injectMaterialVueStyles, isAppCssId } from './inject-css';
-
-describe('injectMaterialVueStyles', () => {
-	it('inserts the library import after @import "tailwindcss"', () => {
-		const input = '@import "tailwindcss";\n\nbody { margin: 0; }\n';
-		expect(injectMaterialVueStyles(input)).toBe(
-			'@import "tailwindcss";\n@import "@nxgt/material-vue/styles.css";\n\nbody { margin: 0; }\n',
-		);
-	});
-
-	it('handles @import "tailwindcss" source(...)', () => {
-		const input = '@import "tailwindcss" source("../app");\n';
-		expect(injectMaterialVueStyles(input)).toContain(
-			'@import "@nxgt/material-vue/styles.css";',
-		);
-	});
-
-	it('is a no-op when already imported', () => {
-		const input =
-			'@import "tailwindcss";\n@import "@nxgt/material-vue/styles.css";\n';
-		expect(injectMaterialVueStyles(input)).toBeNull();
-	});
-
-	it('is a no-op without a Tailwind import', () => {
-		expect(injectMaterialVueStyles('body { margin: 0; }')).toBeNull();
-	});
-});
-
-describe('isAppCssId', () => {
-	it('accepts app CSS', () => {
-		expect(isAppCssId('/app/assets/css/main.css')).toBe(true);
-		expect(isAppCssId('/app/assets/css/main.css?direct')).toBe(true);
-	});
-
-	it('rejects node_modules', () => {
-		expect(isAppCssId('/node_modules/@nxgt/material-vue/lib/styles.css')).toBe(
-			false,
-		);
-	});
-});

package/lib/nuxt/inject-css.ts

@@ -1,24 +0,0 @@
-export const MATERIAL_VUE_STYLES = '@nxgt/material-vue/styles.css';
-
-const TAILWIND_IMPORT = /@import\s+["']tailwindcss(?:[^"']*)["']\s*;?/;
-
-/**
- * Tailwind v4 only applies `@theme` / `@utility` in the same CSS graph as
- * `@import "tailwindcss"`. Pushing `styles.css` as a separate Nuxt `css[]`
- * entry creates a second pipeline, so tokens never reach the app.
- *
- * Insert the library import immediately after the Tailwind import.
- */
-export function injectMaterialVueStyles(code: string): string | null {
-	if (code.includes(MATERIAL_VUE_STYLES)) return null;
-	const match = code.match(TAILWIND_IMPORT);
-	if (!match || match.index === undefined) return null;
-	const at = match.index + match[0].length;
-	return `${code.slice(0, at)}\n@import "${MATERIAL_VUE_STYLES}";${code.slice(at)}`;
-}
-
-export function isAppCssId(id: string): boolean {
-	const path = id.split('?')[0] ?? id;
-	if (!path.endsWith('.css')) return false;
-	return !path.includes('node_modules');
-}