@nxgt/material-vue 0.1.0 → 0.2.0

package/README.md

@@ -4,13 +4,13 @@ Vue component library: primitives, form fields, layout shell, `DataTable`,
 drag-and-drop, i18n, and `Icon`. Tailwind CSS v4 + shadcn-vue (Reka UI).
 
 This package is the Vue mirror of [`@nxgt/material`](https://github.com/softistx/nxgt-material).
-The full consumer README lands with the first public release.
 
 ## Nuxt
 
 ```ts
 export default defineNuxtConfig({
 	modules: ['@nxgt/material-vue/nuxt'],
+	css: ['~/assets/css/main.css'],
 	nxgtMaterial: {
 		// prefix: 'Nxgt',
 		// css: true,
@@ -18,9 +18,36 @@ export default defineNuxtConfig({
 });
 ```
 
-The module injects `styles.css`, auto-imports components and composables, and
-installs Pinia when the host app has none.
+```css
+/* app/assets/css/main.css — Tailwind v4 entry */
+@import "tailwindcss";
+```
+
+The module:
+
+- Injects `@import "@nxgt/material-vue/styles.css"` **into that Tailwind entry**
+  (immediately after `@import "tailwindcss"`). `@theme` / `@utility` only work
+  in the same CSS graph as Tailwind, so a separate `nuxt.options.css` entry
+  does not apply tokens.
+- Auto-imports components and composables
+- Installs Pinia when the host app has none
+
+You do **not** need to `@import "@nxgt/material-vue/styles.css"` yourself.
+
+To manage the import manually:
+
+```ts
+export default defineNuxtConfig({
+	modules: ['@nxgt/material-vue/nuxt'],
+	nxgtMaterial: { css: false },
+});
+```
+
+```css
+@import "tailwindcss";
+@import "@nxgt/material-vue/styles.css";
+```
 
 ## Status
 
-Work in progress. Do not consume yet.
+Published on npm. Pin a version in the consumer (`^0.1.0`).

package/dist/{camera-BXYeDCKt.js → camera-6qqJBfXA.js}

@@ -1,6 +1,6 @@
-import { fl as e, ll as t, ul as n } from "./components-DbRdoZ6P.js";
+import { Dl as e, Tl as t, wl as n } from "./components-Cd9cMyAH.js";
 import { t as r } from "./utils-Cy-ByIEo.js";
-import { r as i, t as a } from "./icon-button-Do3YaRdv.js";
+import { r as i, t as a } from "./icon-button-Ghucx7Ah.js";
 import { n as o } from "./i18n-DXZMN9FA.js";
 import { createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, normalizeClass as m, openBlock as h, ref as g, renderSlot as _, shallowRef as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
 import { Pause as S, Play as C } from "lucide-vue-next";
@@ -16,7 +16,7 @@ var w = { class: "grid gap-2" }, T = { class: "flex justify-end" }, E = ["src",
 		Array
 	] } },
 	setup(e) {
-		let n = e, { t: p } = o(), { videoRef: g, state: _, actions: v } = t();
+		let t = e, { t: p } = o(), { videoRef: g, state: _, actions: v } = n();
 		function D(e) {
 			g.value = e instanceof HTMLVideoElement ? e : null;
 		}
@@ -24,9 +24,9 @@ var w = { class: "grid gap-2" }, T = { class: "flex justify-end" }, E = ["src",
 			_.isStreaming ? v.stopStream() : v.startStream();
 		}
 		let k = p("material.camera.capture", "Take Capture"), A = p("material.camera.captured", "Captured");
-		return (e, t) => (h(), l("div", {
+		return (e, n) => (h(), l("div", {
 			"data-slot": "camera",
-			class: m(b(r)("flex relative w-full h-full gap-2", n.class))
+			class: m(b(r)("flex relative w-full h-full gap-2", t.class))
 		}, [u("div", w, [u("video", {
 			ref: D,
 			class: "w-full max-w-lg right-1 ring-primary",
@@ -56,9 +56,9 @@ var w = { class: "grid gap-2" }, T = { class: "flex justify-end" }, E = ["src",
 	}
 }), O = /* @__PURE__ */ p({
 	__name: "camera-provider",
-	setup(t) {
+	setup(n) {
 		let r = g(null), i = g(null), a = v(null), o = e();
-		return n({
+		return t({
 			videoRef: r,
 			canvasRef: i,
 			streamRef: a,