@nxgt/material-vue 0.1.0 → 0.3.0

package/dist/{pdf-outline-sidebar-Dl78ZiCE.js → pdf-outline-sidebar-BjqJoEeA.js}

@@ -1,4 +1,4 @@
-import { Cf as e, fc as t } from "./components-DbRdoZ6P.js";
+import { Dc as e, Rf as t } from "./components-BLkhdNzM.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";
@@ -41,16 +41,16 @@ var y = {
 		class: {}
 	},
 	emits: ["select"],
-	setup(e, { emit: a }) {
+	setup(t, { emit: a }) {
 		let s = a, { t: u } = r();
-		return (r, a) => (p(), c("div", { class: d(_(n)("flex min-h-0 flex-1 flex-col", r.$props.class)) }, [e.items.length === 0 ? (p(), c("p", S, g(_(u)("material.pdf-reader.outline-empty", "No outline in this document")), 1)) : (p(), o(t, {
+		return (r, a) => (p(), c("div", { class: d(_(n)("flex min-h-0 flex-1 flex-col", r.$props.class)) }, [t.items.length === 0 ? (p(), c("p", S, g(_(u)("material.pdf-reader.outline-empty", "No outline in this document")), 1)) : (p(), o(e, {
 			key: 1,
 			class: "flex-1"
 		}, {
 			default: v(() => [l("nav", {
 				class: "p-2",
 				"aria-label": _(u)("material.pdf-reader.outline", "Outline")
-			}, [(p(!0), c(i, null, h(e.items, (e, t) => (p(), o(x, {
+			}, [(p(!0), c(i, null, h(t.items, (e, t) => (p(), o(x, {
 				key: `${e.title}-${t}`,
 				item: e,
 				depth: 0,
@@ -59,6 +59,6 @@ var y = {
 			_: 1
 		}))], 2));
 	}
-}), T = /* @__PURE__ */ e({ default: () => E }), E = w;
+}), T = /* @__PURE__ */ t({ default: () => E }), E = w;
 //#endregion
 export { T as n, E as t };

package/dist/{pdf-page-BQh_RTTA.js → pdf-page-CvXk46CQ.js}

@@ -1,4 +1,4 @@
-import { tl as e } from "./components-DbRdoZ6P.js";
+import { gl as e } from "./components-BLkhdNzM.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-page-list-DgB7sXKt.js → pdf-page-list-BZBkNyMo.js}

@@ -1,5 +1,5 @@
-import { Cf as e, fc as t } from "./components-DbRdoZ6P.js";
-import { t as n } from "./pdf-page-BQh_RTTA.js";
+import { Dc as e, Rf as t } from "./components-BLkhdNzM.js";
+import { t as n } from "./pdf-page-CvXk46CQ.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({
@@ -15,19 +15,19 @@ var d = { class: "flex flex-col items-center gap-4 px-4 py-4" }, f = /*@__PURE__
 		nightMode: { type: Boolean },
 		pageRefs: {}
 	},
-	setup(e) {
-		return (s, f) => (c(), i(t, { class: "h-full" }, {
-			default: u(() => [o("div", d, [(c(!0), a(r, null, l(e.numPages, (t) => (c(), i(n, {
-				key: t,
-				pdf: e.pdf,
-				"page-number": t,
-				"is-current": t === e.currentPage,
-				scale: e.scale,
-				rotation: e.rotation,
-				"search-query": e.searchQuery,
-				"night-mode": e.nightMode,
-				eager: t <= 2,
-				"page-refs": e.pageRefs
+	setup(t) {
+		return (s, f) => (c(), i(e, { class: "h-full" }, {
+			default: u(() => [o("div", d, [(c(!0), a(r, null, l(t.numPages, (e) => (c(), i(n, {
+				key: e,
+				pdf: t.pdf,
+				"page-number": e,
+				"is-current": e === t.currentPage,
+				scale: t.scale,
+				rotation: t.rotation,
+				"search-query": t.searchQuery,
+				"night-mode": t.nightMode,
+				eager: e <= 2,
+				"page-refs": t.pageRefs
 			}, null, 8, [
 				"pdf",
 				"page-number",
@@ -42,6 +42,6 @@ var d = { class: "flex flex-col items-center gap-4 px-4 py-4" }, f = /*@__PURE__
 			_: 1
 		}));
 	}
-}), p = /* @__PURE__ */ e({ default: () => m }), m = f;
+}), p = /* @__PURE__ */ t({ default: () => m }), m = f;
 //#endregion
 export { p as n, m as t };

package/dist/{pdf-reader-CSEFRTX0.js → pdf-reader-CHrX_UOI.js}

@@ -1,11 +1,11 @@
-import { at as e, fd as t } from "./components-DbRdoZ6P.js";
+import { Dd as e, ct as t } from "./components-BLkhdNzM.js";
 import { t as n } from "./utils-Cy-ByIEo.js";
-import { r } from "./icon-button-Do3YaRdv.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-BQh_RTTA.js";
-import { t as c } from "./pdf-page-list-DgB7sXKt.js";
-import { t as l } from "./pdf-sidebar-C9hc2zxS.js";
-import { t as u } from "./pdf-toolbar-BTFwhiXg.js";
+import { i as a, n as o, r as s } from "./pdf-page-CvXk46CQ.js";
+import { t as c } from "./pdf-page-list-BZBkNyMo.js";
+import { t as l } from "./pdf-sidebar-Ccu_dBad.js";
+import { t as u } from "./pdf-toolbar-BWIkr5kz.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
@@ -118,7 +118,7 @@ var H = { class: "absolute inset-0 flex flex-col items-center justify-center gap
 	__name: "pdf-password-form",
 	props: { modelValue: {} },
 	emits: ["update:modelValue", "submit"],
-	setup(e, { emit: n }) {
+	setup(t, { emit: n }) {
 		let a = n, { t: o } = i();
 		function s(e) {
 			e.key === "Enter" && a("submit");
@@ -126,11 +126,11 @@ var H = { class: "absolute inset-0 flex flex-col items-center justify-center gap
 		return (n, i) => (x(), p("div", Y, [
 			g(D(M), { class: "size-10 text-primary opacity-70" }),
 			m("p", X, T(D(o)("material.pdf-reader.password", "Password protected")), 1),
-			m("div", Z, [g(t, {
+			m("div", Z, [g(e, {
 				type: "password",
 				placeholder: D(o)("material.pdf-reader.password-placeholder", "Enter password"),
 				class: "h-9 w-48",
-				"model-value": e.modelValue,
+				"model-value": t.modelValue,
 				autofocus: "",
 				"onUpdate:modelValue": i[0] ||= (e) => a("update:modelValue", String(e)),
 				onKeydown: s
@@ -274,8 +274,8 @@ var ne = ["aria-label"], re = /* @__PURE__ */ _({
 		"loadSuccess",
 		"loadError"
 	],
-	setup(t, { emit: r }) {
-		let a = t, o = r, { t: s } = i(), c = C(null), l = /* @__PURE__ */ new Map(), f = te(c), m = e({
+	setup(e, { emit: r }) {
+		let a = e, o = r, { t: s } = i(), c = C(null), l = /* @__PURE__ */ new Map(), f = te(c), m = t({
 			get file() {
 				return a.file;
 			},
@@ -330,7 +330,7 @@ var ne = ["aria-label"], re = /* @__PURE__ */ _({
 		function M() {
 			a.onPrint ? a.onPrint() : a.file && I(a.file);
 		}
-		return (e, r) => t.file ? (x(), p("div", {
+		return (t, r) => e.file ? (x(), p("div", {
 			key: 1,
 			ref_key: "wrapperRef",
 			ref: c,
@@ -380,7 +380,7 @@ var ne = ["aria-label"], re = /* @__PURE__ */ _({
 			"onSearchOpenChange",
 			"onToggleNightMode"
 		]), g(ee, {
-			file: t.file,
+			file: e.file,
 			state: D(h),
 			"effective-scale": D(_),
 			"page-refs": D(l),

package/dist/{pdf-sidebar-C9hc2zxS.js → pdf-sidebar-Ccu_dBad.js}

@@ -1,8 +1,8 @@
-import { Cf as e } from "./components-DbRdoZ6P.js";
+import { Rf as e } from "./components-BLkhdNzM.js";
 import { t } from "./utils-Cy-ByIEo.js";
 import { n } from "./i18n-DXZMN9FA.js";
-import { t as r } from "./pdf-outline-sidebar-Dl78ZiCE.js";
-import { t as i } from "./pdf-thumbnail-sidebar-zEjOyZY1.js";
+import { t as r } from "./pdf-outline-sidebar-BjqJoEeA.js";
+import { t as i } from "./pdf-thumbnail-sidebar-BMDaIPro.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-zEjOyZY1.js → pdf-thumbnail-sidebar-BMDaIPro.js}

@@ -1,7 +1,7 @@
-import { Cf as e, fc as t } from "./components-DbRdoZ6P.js";
+import { Dc as e, Rf as t } from "./components-BLkhdNzM.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-BQh_RTTA.js";
+import { t as i } from "./pdf-page-CvXk46CQ.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 = {
@@ -26,36 +26,36 @@ var _ = ["aria-label"], v = {
 		class: {}
 	},
 	emits: ["pageSelect"],
-	setup(e, { emit: u }) {
+	setup(t, { emit: u }) {
 		let S = u, { t: C } = r();
 		return (r, u) => (f(), s("aside", {
 			class: d(h(n)("flex h-full w-44 shrink-0 flex-col border-r bg-muted/20", r.$props.class)),
 			"aria-label": h(C)("material.pdf-reader.thumbnails", "Page thumbnails")
-		}, [e.showHeader ? (f(), s("div", v, m(h(C)("material.pdf-reader.pages", "Pages")), 1)) : o("", !0), l(t, { class: "flex-1" }, {
-			default: g(() => [c("div", y, [(f(!0), s(a, null, p(e.numPages, (t) => (f(), s("button", {
-				key: t,
+		}, [t.showHeader ? (f(), s("div", v, m(h(C)("material.pdf-reader.pages", "Pages")), 1)) : o("", !0), l(e, { class: "flex-1" }, {
+			default: g(() => [c("div", y, [(f(!0), s(a, null, p(t.numPages, (e) => (f(), s("button", {
+				key: e,
 				type: "button",
-				class: d(h(n)("group relative flex flex-col items-center gap-1 rounded-lg p-1.5 transition-all hover:bg-accent cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-ring", e.currentPage === t && "bg-primary/10 ring-2 ring-primary/50")),
-				"aria-label": h(C)("material.pdf-reader.go-to-page", "Go to page {page}", { page: t }),
-				"aria-current": e.currentPage === t ? "page" : void 0,
-				onClick: (e) => S("pageSelect", t)
+				class: d(h(n)("group relative flex flex-col items-center gap-1 rounded-lg p-1.5 transition-all hover:bg-accent cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-ring", t.currentPage === e && "bg-primary/10 ring-2 ring-primary/50")),
+				"aria-label": h(C)("material.pdf-reader.go-to-page", "Go to page {page}", { page: e }),
+				"aria-current": t.currentPage === e ? "page" : void 0,
+				onClick: (t) => S("pageSelect", e)
 			}, [c("div", x, [l(i, {
-				pdf: e.pdf,
-				"page-number": t,
+				pdf: t.pdf,
+				"page-number": e,
 				scale: 1,
-				rotation: e.rotation,
+				rotation: t.rotation,
 				width: 120,
-				eager: t <= 4,
+				eager: e <= 4,
 				"render-text": !1
 			}, null, 8, [
 				"pdf",
 				"page-number",
 				"rotation",
 				"eager"
-			])]), c("span", { class: d(h(n)("text-xs font-medium transition-colors", e.currentPage === t ? "text-primary" : "text-muted-foreground")) }, m(t), 3)], 10, b))), 128))])]),
+			])]), c("span", { class: d(h(n)("text-xs font-medium transition-colors", t.currentPage === e ? "text-primary" : "text-muted-foreground")) }, m(e), 3)], 10, b))), 128))])]),
 			_: 1
 		})], 10, _));
 	}
-}), C = /* @__PURE__ */ e({ default: () => w }), w = S;
+}), C = /* @__PURE__ */ t({ default: () => w }), w = S;
 //#endregion
 export { C as n, w as t };

package/dist/{pdf-toolbar-BTFwhiXg.js → pdf-toolbar-BWIkr5kz.js}

@@ -1,6 +1,6 @@
-import { Cf as e, fd as t } from "./components-DbRdoZ6P.js";
+import { Dd as e, Rf as t } from "./components-BLkhdNzM.js";
 import { t as n } from "./utils-Cy-ByIEo.js";
-import { t as r } from "./icon-button-Do3YaRdv.js";
+import { t as r } from "./icon-button-Ghucx7Ah.js";
 import { n as i } from "./i18n-DXZMN9FA.js";
 import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, nextTick as p, normalizeClass as m, openBlock as h, ref as g, renderList as _, toDisplayString as v, unref as y, useTemplateRef as b, watch as x, withCtx as S } from "vue";
 import { ChevronDown as C, ChevronLeft as w, ChevronRight as T, ChevronUp as E, Download as D, Maximize2 as O, Minimize2 as k, Moon as A, Printer as j, RotateCw as M, Search as N, Sidebar as P, ZoomIn as F, ZoomOut as I } from "lucide-vue-next";
@@ -13,8 +13,8 @@ var L = { class: "min-w-10 text-center text-muted-foreground text-xs" }, R = /*
 		searchHits: {}
 	},
 	emits: ["search-open-change", "search-change"],
-	setup(e, { emit: n }) {
-		let o = e, s = n, { t: f } = i(), m = b("searchHost"), g = f("material.pdf-reader.search", "Search"), _ = f("material.pdf-reader.search-next", "Next match (F3)"), w = f("material.pdf-reader.search-prev", "Previous match (Shift+F3)");
+	setup(t, { emit: n }) {
+		let o = t, s = n, { t: f } = i(), m = b("searchHost"), g = f("material.pdf-reader.search", "Search"), _ = f("material.pdf-reader.search-next", "Next match (F3)"), w = f("material.pdf-reader.search-prev", "Previous match (Shift+F3)");
 		x(() => o.searchOpen, async (e) => {
 			e && (await p(), m.value?.querySelector("input")?.focus());
 		});
@@ -24,26 +24,26 @@ var L = { class: "min-w-10 text-center text-muted-foreground text-xs" }, R = /*
 		function D(e) {
 			s("search-change", String(e)), o.searchHits.reset();
 		}
-		return (n, i) => (h(), l(a, null, [e.searchOpen ? (h(), l("div", {
+		return (n, i) => (h(), l(a, null, [t.searchOpen ? (h(), l("div", {
 			key: 0,
 			ref_key: "searchHost",
 			ref: m,
 			class: "flex items-center gap-1"
-		}, [d(t, {
+		}, [d(e, {
 			class: "h-7 w-36 text-sm",
 			placeholder: y(g),
-			"model-value": e.searchQuery,
+			"model-value": t.searchQuery,
 			"onUpdate:modelValue": D,
 			onKeydown: T
-		}, null, 8, ["placeholder", "model-value"]), e.searchQuery ? (h(), l(a, { key: 0 }, [
-			u("span", L, v(e.searchHits.hitCount > 0 ? `${e.searchHits.hitIndex + 1}/${e.searchHits.hitCount}` : "0/0"), 1),
+		}, null, 8, ["placeholder", "model-value"]), t.searchQuery ? (h(), l(a, { key: 0 }, [
+			u("span", L, v(t.searchHits.hitCount > 0 ? `${t.searchHits.hitIndex + 1}/${t.searchHits.hitCount}` : "0/0"), 1),
 			d(r, {
 				variant: "ghost",
 				color: "default",
 				class: "size-7",
 				"aria-label": y(w),
 				tooltip: y(w),
-				onClick: i[0] ||= (t) => e.searchHits.jump(-1)
+				onClick: i[0] ||= (e) => t.searchHits.jump(-1)
 			}, {
 				default: S(() => [d(y(E))]),
 				_: 1
@@ -54,18 +54,18 @@ var L = { class: "min-w-10 text-center text-muted-foreground text-xs" }, R = /*
 				class: "size-7",
 				"aria-label": y(_),
 				tooltip: y(_),
-				onClick: i[1] ||= (t) => e.searchHits.jump(1)
+				onClick: i[1] ||= (e) => t.searchHits.jump(1)
 			}, {
 				default: S(() => [d(y(C))]),
 				_: 1
 			}, 8, ["aria-label", "tooltip"])
 		], 64)) : c("", !0)], 512)) : c("", !0), d(r, {
-			variant: e.searchOpen ? "tonal" : "ghost",
+			variant: t.searchOpen ? "tonal" : "ghost",
 			color: "default",
 			"aria-label": y(g),
-			"aria-pressed": e.searchOpen,
+			"aria-pressed": t.searchOpen,
 			tooltip: y(f)("material.pdf-reader.search-shortcut", "Search (Ctrl+F)"),
-			onClick: i[2] ||= (t) => s("search-open-change", !e.searchOpen)
+			onClick: i[2] ||= (e) => s("search-open-change", !t.searchOpen)
 		}, {
 			default: S(() => [d(y(N))]),
 			_: 1
@@ -176,7 +176,7 @@ var L = { class: "min-w-10 text-center text-muted-foreground text-xs" }, R = /*
 		"nextPage",
 		"goToPage"
 	],
-	setup(e, { emit: n }) {
+	setup(t, { emit: n }) {
 		let o = n, { t: s } = i(), c = g(""), f = s("material.pdf-reader.previous-page", "Previous page"), p = s("material.pdf-reader.next-page", "Next page"), m = s("material.pdf-reader.current-page", "Current page");
 		function _() {
 			let e = Number.parseInt(c.value, 10);
@@ -191,7 +191,7 @@ var L = { class: "min-w-10 text-center text-muted-foreground text-xs" }, R = /*
 				color: "default",
 				"aria-label": y(f),
 				tooltip: y(f),
-				disabled: e.currentPage <= 1,
+				disabled: t.currentPage <= 1,
 				onClick: i[0] ||= (e) => o("prevPage")
 			}, {
 				default: S(() => [d(y(w))]),
@@ -201,20 +201,20 @@ var L = { class: "min-w-10 text-center text-muted-foreground text-xs" }, R = /*
 				"tooltip",
 				"disabled"
 			]),
-			u("div", B, [d(t, {
+			u("div", B, [d(e, {
 				class: "h-7 w-12 px-1 py-0 text-center text-sm",
-				"model-value": c.value || e.currentPage,
+				"model-value": c.value || t.currentPage,
 				"aria-label": y(m),
 				"onUpdate:modelValue": i[1] ||= (e) => c.value = String(e),
 				onKeydown: b,
 				onBlur: _
-			}, null, 8, ["model-value", "aria-label"]), u("span", V, "/ " + v(e.numPages), 1)]),
+			}, null, 8, ["model-value", "aria-label"]), u("span", V, "/ " + v(t.numPages), 1)]),
 			d(r, {
 				variant: "ghost",
 				color: "default",
 				"aria-label": y(p),
 				tooltip: y(p),
-				disabled: e.currentPage >= e.numPages,
+				disabled: t.currentPage >= t.numPages,
 				onClick: i[2] ||= (e) => o("nextPage")
 			}, {
 				default: S(() => [d(y(T))]),
@@ -428,6 +428,6 @@ var L = { class: "min-w-10 text-center text-muted-foreground text-xs" }, R = /*
 			])
 		], 2));
 	}
-}), J = /* @__PURE__ */ e({ default: () => Y }), Y = q;
+}), J = /* @__PURE__ */ t({ default: () => Y }), Y = q;
 //#endregion
 export { J as n, Y as t };

package/dist/{stx-player-D6NHJCLt.js → stx-player-BDlqO3qc.js}

@@ -1,4 +1,4 @@
-import { Ul as e, _ as t, f as n, g as r, m as i, p as a, v as o, y as s } from "./components-DbRdoZ6P.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-BLkhdNzM.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
@@ -29,26 +29,26 @@ var x = ["data-layout", "aria-label"], S = {
 			"data-layout": i.layout,
 			"aria-label": y(C).current?.title ?? "Media player",
 			class: g(y(c)("@container rounded outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50", s.$props.class))
-		}, [i.layout === "mini" ? (_(), l(r, { key: 0 })) : (_(), d("div", {
+		}, [i.layout === "mini" ? (_(), l(n, { key: 0 })) : (_(), d("div", {
 			key: 1,
 			class: g(y(c)("grid gap-3", i.showQueue && "@min-[768px]:grid-cols-[minmax(0,1fr)_18rem] @min-[768px]:items-stretch"))
 		}, [f("div", { class: g(y(c)("bg-card overflow-hidden rounded border", y(C).current?.kind === "audio" && "flex flex-col gap-4 p-6")) }, [
-			y(C).current?.kind === "audio" ? (_(), d("div", S, [m(e, { variant: "title-medium" }, {
+			y(C).current?.kind === "audio" ? (_(), d("div", S, [m(r, { variant: "title-medium" }, {
 				default: b(() => [p(v(y(C).current.title), 1)]),
 				_: 1
-			}), y(C).current.artist ? (_(), l(e, {
+			}), y(C).current.artist ? (_(), l(r, {
 				key: 0,
 				class: "text-muted-foreground"
 			}, {
 				default: b(() => [p(v(y(C).current.artist) + " " + v(y(C).current.album ? ` · ${y(C).current.album}` : ""), 1)]),
 				_: 1
 			})) : u("", !0)])) : u("", !0),
-			m(n, null, {
+			m(t, null, {
 				default: b(() => [y(C).current?.kind === "audio" ? u("", !0) : (_(), l(o, {
 					key: 0,
 					tone: "overlay"
 				}, {
-					trailing: b(() => [m(t, { tone: "overlay" })]),
+					trailing: b(() => [m(e, { tone: "overlay" })]),
 					_: 1
 				}))]),
 				_: 1
@@ -57,7 +57,7 @@ var x = ["data-layout", "aria-label"], S = {
 				key: 1,
 				tone: "surface"
 			}, {
-				trailing: b(() => [m(t, { tone: "surface" })]),
+				trailing: b(() => [m(e, { tone: "surface" })]),
 				_: 1
 			})) : u("", !0)
 		], 2), i.showQueue ? (_(), l(a, {

package/dist/styles.css

@@ -1,6 +1,8 @@
 @import "tailwindcss";
 @import "tw-animate-css";
 @import "./components/ui/code/code-moonlight.css";
+/* 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/component-names.ts

@@ -13,6 +13,7 @@ export const COMPONENT_NAMES = [
 	'Activity',
 	'ActivityContent',
 	'ActivityLayout',
+	'Alert',
 	'AlertDialog',
 	'AlertDialogAction',
 	'AlertDialogCancel',
@@ -125,6 +126,8 @@ export const COMPONENT_NAMES = [
 	'CommandList',
 	'CommandSeparator',
 	'CommandShortcut',
+	'ConfirmDialog',
+	'ConfirmationDialog',
 	'ContactDialog',
 	'ContactItem',
 	'Contacts',
@@ -149,6 +152,8 @@ export const COMPONENT_NAMES = [
 	'CountryFormField',
 	'CurrencyField',
 	'CurrencyFormField',
+	'CustomAlertDialog',
+	'CustomDialog',
 	'DataTable',
 	'DataTableColumnHeader',
 	'DataTablePagination',
@@ -220,6 +225,7 @@ export const COMPONENT_NAMES = [
 	'EmailFormField',
 	'EmojiList',
 	'EmojiPicker',
+	'EmptyState',
 	'EntityHeader',
 	'EventCalendar',
 	'EventChip',
@@ -346,6 +352,7 @@ export const COMPONENT_NAMES = [
 	'PrintTotalRow',
 	'PrintTotals',
 	'Progress',
+	'ProgressField',
 	'QRCode',
 	'QuestionCard',
 	'Quiz',
@@ -414,6 +421,10 @@ export const COMPONENT_NAMES = [
 	'SidebarMenuItem',
 	'SidebarMenuLabel',
 	'Skeleton',
+	'SkeletonAvatar',
+	'SkeletonCard',
+	'SkeletonTable',
+	'SkeletonText',
 	'Slider',
 	'SliderField',
 	'SliderFormField',
@@ -465,6 +476,7 @@ export const COMPONENT_NAMES = [
 	'TimelineItem',
 	'TimezoneField',
 	'TimezoneFormField',
+	'Toast',
 	'Toaster',
 	'Toggle',
 	'ToggleGroup',

package/lib/nuxt/module.ts

@@ -4,20 +4,26 @@ import {
 	addPlugin,
 	createResolver,
 	defineNuxtModule,
+	extendViteConfig,
 } from '@nuxt/kit';
 import { COMPONENT_NAMES } from './component-names';
 
 export type ModuleOptions = {
 	/** Prepended to auto-imported component names. Empty by default. */
 	prefix?: string;
-	/** Inject `@nxgt/material-vue/styles.css`. Default true. */
-	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',
@@ -26,21 +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) {
-			nuxt.options.css.push('@nxgt/material-vue/styles.css');
-		}
+		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,6 +1,8 @@
 @import "tailwindcss";
 @import "tw-animate-css";
 @import "./components/ui/code/code-moonlight.css";
+/* 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.1.0",
+	"version": "0.3.0",
 	"type": "module",
 	"files": [
 		"dist",