@nxgt/material-vue 0.7.0 → 0.8.0

package/README.md

@@ -460,8 +460,8 @@ Every field takes `label`, `helperText`, `error`, `required`, `disabled` and
 | `SummaryData` | Label/value rows, stacked or `inline`. | `SummaryData` |
 | `EntityHeader` | Title with a row of metadata. | `EntityHeader` |
 | `StatCard` | KPI tile: label, value, hint and a coloured delta. | `StatCard` |
-| `TrendCard`, `GoalCard`, `BreakdownCard`, `RankCard`, `CompareCard`, `HeatweekCard`, `FunnelCard` | Dashboard tiles: trend, goal, breakdown, rank, compare, 7-day heat, funnel. Container queries. | `TrendCard`, `GoalCard`, `BreakdownCard`, `RankCard`, `CompareCard`, `HeatweekCard`, `FunnelCard` |
-| `FeatureCard`, `MediaCard`, `PricingCard`, `ProfileCard`, `QuoteCard`, `OverlayCard`, `SpotlightCard`, `CrewCard`, `SplitCard`, `TicketCard`, `NoticeCard`, `TimelineCard` | Card presets including overlay, ticket, notice and a compact activity timeline. Container queries. | `FeatureCard`, `MediaCard`, `PricingCard`, `ProfileCard`, `QuoteCard`, `OverlayCard`, `SpotlightCard`, `CrewCard`, `SplitCard`, `TicketCard`, `NoticeCard`, `TimelineCard` |
+| `TrendCard`, `GoalCard`, `BreakdownCard`, `RankCard`, `CompareCard`, `HeatweekCard`, `FunnelCard`, `GaugeCard` | Dashboard tiles: trend, goal, breakdown, rank, compare, heat, funnel, circular gauge. Container queries. | `TrendCard`, `GoalCard`, `BreakdownCard`, `RankCard`, `CompareCard`, `HeatweekCard`, `FunnelCard`, `GaugeCard` |
+| `FeatureCard`, `MediaCard`, `PricingCard`, `ProfileCard`, `QuoteCard`, `OverlayCard`, `SpotlightCard`, `CrewCard`, `SplitCard`, `TicketCard`, `NoticeCard`, `TimelineCard`, `MessageCard` | Card presets including overlay, ticket, timeline and inbox snippets. Container queries. | `FeatureCard`, `MediaCard`, `PricingCard`, `ProfileCard`, `QuoteCard`, `OverlayCard`, `SpotlightCard`, `CrewCard`, `SplitCard`, `TicketCard`, `NoticeCard`, `TimelineCard`, `MessageCard` |
 | `ExtendedLabel` | Section heading with an accent bar and a `trailing` slot. | `ExtendedLabel` |
 | `Timeline`, `TimelineItem` | Vertical event list with tones and timestamps. | `Timeline`, `TimelineItem` |
 | `QRCode` | QR code for `value` (`size`, colours, error `level`). | `QRCode` |

package/dist/{camera-BhzJmnyJ.js → camera-CtcuJqGp.js}

@@ -1,4 +1,4 @@
-import { du as e, pu as t, uu as n } from "./components-DuY_zFQj.js";
+import { fu as e, hu as t, pu as n } from "./components-DDbnWoyM.js";
 import { t as r } from "./utils-Cy-ByIEo.js";
 import { r as i, t as a } from "./icon-button-Ghucx7Ah.js";
 import { n as o } from "./i18n-DauA1M_L.js";
@@ -15,8 +15,8 @@ var w = { class: "grid gap-2" }, T = { class: "flex justify-end" }, E = ["src",
 		Object,
 		Array
 	] } },
-	setup(e) {
-		let t = e, { t: p } = o(), { videoRef: g, state: _, actions: v } = n();
+	setup(t) {
+		let n = t, { t: p } = o(), { videoRef: g, state: _, actions: v } = e();
 		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, n) => (h(), l("div", {
+		return (e, t) => (h(), l("div", {
 			"data-slot": "camera",
-			class: m(b(r)("flex relative w-full h-full gap-2", t.class))
+			class: m(b(r)("flex relative w-full h-full gap-2", n.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(n) {
+	setup(e) {
 		let r = g(null), i = g(null), a = v(null), o = t();
-		return e({
+		return n({
 			videoRef: r,
 			canvasRef: i,
 			streamRef: a,