@nxgt/material 2.4.1 → 2.5.0

package/dist/{sequenceDiagram-PO4LG4MO-DMLeIQ03.js → sequenceDiagram-PO4LG4MO-B2qb55A5.js}

@@ -1,9 +1,9 @@
-import { n as e, t } from "./src-CJ8DNrI1.js";
-import { g as n, p as r } from "./chunk-ZIGJFQKS-HDJ6e6OJ.js";
+import { n as e, t } from "./src-C9kQSo6K.js";
+import { g as n, p as r } from "./chunk-ZIGJFQKS-C3xUAXJq.js";
 import { n as i } from "./chunk-Y2CYZVJY-BAad7w_K.js";
-import { A as a, F as o, G as s, H as c, O as l, U as u, a as d, b as f, c as p, i as m, q as h, r as g, s as _, v, w as y, x as b, y as x, z as S } from "./chunk-O7XYJQB3-C87zK8E5.js";
-import { t as C } from "./dist-gYpAi-su.js";
-import { a as w, c as T, i as E, n as D, r as O, s as k } from "./chunk-GWA4HPMP-CmsxMX3A.js";
+import { A as a, F as o, G as s, H as c, O as l, U as u, a as d, b as f, c as p, i as m, q as h, r as g, s as _, v, w as y, x as b, y as x, z as S } from "./chunk-O7XYJQB3-A66QSOPA.js";
+import { t as C } from "./dist-C3YK_ean.js";
+import { a as w, c as T, i as E, n as D, r as O, s as k } from "./chunk-GWA4HPMP-Co-A6dtV.js";
 import { n as A, t as j } from "./chunk-LNGE3PJU-DJjGTS7O.js";
 import { t as M } from "./chunk-2Q5K7J3B-C1pX24ft.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/sequenceDiagram-PO4LG4MO.mjs

package/dist/{sortable-provider-DuRzFvwe.js → sortable-provider-VCxPasNp.js}

@@ -1,6 +1,6 @@
-import { t as e, ut as t } from "./icon-button-Dl9PDYCE.js";
+import { dt as e, t } from "./icon-button-BxySFfrr.js";
 import { t as n } from "./utils-UBn-46YY.js";
-import { t as r } from "./use-material-translation-CJswHOmK.js";
+import { t as r } from "./use-material-translation-UbARR81K.js";
 import { GripVertical as i } from "lucide-react";
 import { jsx as a } from "react/jsx-runtime";
 import o, { cloneElement as s, createContext as c, forwardRef as l, memo as u, useCallback as d, useContext as f, useEffect as p, useLayoutEffect as m, useMemo as h, useReducer as g, useRef as _, useState as v } from "react";
@@ -2520,14 +2520,14 @@ function sr({ disabled: e = !1, children: t, sensors: n, collisionDetection: r =
 //#region lib/components/ui/collections/dnd/drag-handle.tsx
 function cr({ label: o, asSlot: s = !1, className: c, onClick: l, ...u }) {
 	let { t: d } = r(), f = o ?? d("material.dnd.drag", "Drag"), p = ir(), m = p?.listeners, h = p?.attributes, g = p?.setActivatorNodeRef;
-	return s ? /* @__PURE__ */ a(t, {
+	return s ? /* @__PURE__ */ a(e, {
 		ref: g,
 		"data-slot": "drag-handle",
 		className: n("cursor-pointer", c),
 		...h,
 		...m,
 		...u
-	}) : /* @__PURE__ */ a(e, {
+	}) : /* @__PURE__ */ a(t, {
 		ref: g,
 		type: "button",
 		variant: "ghost",
@@ -2546,9 +2546,9 @@ function cr({ label: o, asSlot: s = !1, className: c, onClick: l, ...u }) {
 }
 //#endregion
 //#region lib/components/ui/collections/dnd/draggable.tsx
-function lr({ id: e, data: r, disabled: i, asSlot: o = !1, className: s, style: c, ...l }) {
+function lr({ id: t, data: r, disabled: i, asSlot: o = !1, className: s, style: c, ...l }) {
 	let { attributes: u, listeners: d, setNodeRef: f, setActivatorNodeRef: p, transform: m, isDragging: h } = mn({
-		id: e,
+		id: t,
 		data: r,
 		disabled: i
 	});
@@ -2559,7 +2559,7 @@ function lr({ id: e, data: r, disabled: i, asSlot: o = !1, className: s, style:
 			isDragging: h,
 			setActivatorNodeRef: p
 		},
-		children: /* @__PURE__ */ a(o ? t : "div", {
+		children: /* @__PURE__ */ a(o ? e : "div", {
 			ref: f,
 			"data-slot": "draggable",
 			"data-dragging": h || void 0,
@@ -2577,16 +2577,16 @@ function lr({ id: e, data: r, disabled: i, asSlot: o = !1, className: s, style:
 }
 //#endregion
 //#region lib/components/ui/collections/dnd/draggable-droppable.tsx
-function ur({ id: e, data: r, disabled: i, asSlot: o = !1, className: s, style: c, ...l }) {
+function ur({ id: t, data: r, disabled: i, asSlot: o = !1, className: s, style: c, ...l }) {
 	let u = mn({
-		id: e,
+		id: t,
 		data: r,
 		disabled: i
 	}), d = vn({
-		id: e,
+		id: t,
 		data: r,
 		disabled: i
-	}), f = o ? t : "div";
+	}), f = o ? e : "div";
 	return /* @__PURE__ */ a(rr, {
 		value: {
 			attributes: u.attributes,
@@ -2613,13 +2613,13 @@ function ur({ id: e, data: r, disabled: i, asSlot: o = !1, className: s, style:
 }
 //#endregion
 //#region lib/components/ui/collections/dnd/droppable.tsx
-function dr({ id: e, data: r, disabled: i, asSlot: o = !1, className: s, ...c }) {
+function dr({ id: t, data: r, disabled: i, asSlot: o = !1, className: s, ...c }) {
 	let { setNodeRef: l, isOver: u } = vn({
-		id: e,
+		id: t,
 		data: r,
 		disabled: i
 	});
-	return /* @__PURE__ */ a(o ? t : "div", {
+	return /* @__PURE__ */ a(o ? e : "div", {
 		ref: l,
 		"data-slot": "droppable",
 		"data-over": u || void 0,
@@ -2641,12 +2641,12 @@ function fr(e, t, n, r) {
 }
 //#endregion
 //#region lib/components/ui/collections/dnd/sortable.tsx
-function pr({ id: e, data: r, disabled: i, asSlot: o = !1, handleOnly: s = !1, className: c, style: l, ...u }) {
+function pr({ id: t, data: r, disabled: i, asSlot: o = !1, handleOnly: s = !1, className: c, style: l, ...u }) {
 	let d = $n({
-		id: e,
+		id: t,
 		data: r,
 		disabled: i
-	}), f = o ? t : "div";
+	}), f = o ? e : "div";
 	return /* @__PURE__ */ a(rr, {
 		value: {
 			attributes: d.attributes,

package/dist/{src-CJ8DNrI1.js → src-C9kQSo6K.js}

@@ -1,4 +1,4 @@
-import { bt as e, gt as t } from "./icon-button-Dl9PDYCE.js";
+import { bt as e, gt as t } from "./icon-button-BxySFfrr.js";
 import { d as n, i as r, n as i, t as a } from "./string-BqyOfyFV.js";
 import { n as o } from "./chunk-Y2CYZVJY-BAad7w_K.js";
 //#region ../../node_modules/d3-interpolate/src/transform/decompose.js

package/dist/{stateDiagram-v2-GCMORJYK-CAqcgA-x.js → stateDiagram-v2-GCMORJYK-B4ghJrhD.js}

@@ -1,19 +1,19 @@
-import { n as e, t } from "./src-CJ8DNrI1.js";
-import { g as n, s as r } from "./chunk-ZIGJFQKS-HDJ6e6OJ.js";
+import { n as e, t } from "./src-C9kQSo6K.js";
+import { g as n, s as r } from "./chunk-ZIGJFQKS-C3xUAXJq.js";
 import { n as i } from "./chunk-Y2CYZVJY-BAad7w_K.js";
-import { H as a, U as o, a as s, et as c, q as l, s as u, v as d, w as f, x as p, y as m } from "./chunk-O7XYJQB3-C87zK8E5.js";
-import "./chunk-742MDFTN-nG_ROTnT.js";
-import "./chunk-MBY4JIJT-IA2XBafa.js";
-import "./chunk-7PRAP22T-DIiYRAce.js";
+import { H as a, U as o, a as s, et as c, q as l, s as u, v as d, w as f, x as p, y as m } from "./chunk-O7XYJQB3-A66QSOPA.js";
+import "./chunk-742MDFTN-Cs1qGiTK.js";
+import "./chunk-MBY4JIJT-C3RQP_Nk.js";
+import "./chunk-7PRAP22T-_Av9vcXz.js";
 import { a as h, i as g, o as _, r as v } from "./chunk-J5ZVWO5B-DmRRmhon.js";
-import "./chunk-7INBJB4K-Dg64CbhT.js";
-import "./chunk-5DYCD2WN-Bqi3iL5i.js";
-import "./chunk-Z7XXMR3K-DcqSgI9Q.js";
-import { t as y } from "./chunk-GWA4HPMP-CmsxMX3A.js";
-import { t as b } from "./chunk-XXDRQBXY-Bq4sFnO2.js";
-import { t as x } from "./chunk-WEXAMYUT-C-QP0DFq.js";
-import "./chunk-UA2S7LBM-B0LGFGu3.js";
-import { r as S, t as C } from "./chunk-GNY47TPC-vOPvRE_8.js";
+import "./chunk-7INBJB4K-BY5n77ka.js";
+import "./chunk-5DYCD2WN-Cja1INgd.js";
+import "./chunk-Z7XXMR3K-dRJc1Z30.js";
+import { t as y } from "./chunk-GWA4HPMP-Co-A6dtV.js";
+import { t as b } from "./chunk-XXDRQBXY-FgXU14Bh.js";
+import { t as x } from "./chunk-WEXAMYUT-CucJfehv.js";
+import "./chunk-UA2S7LBM-BNeHeMx9.js";
+import { r as S, t as C } from "./chunk-GNY47TPC-DLqgU2SJ.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/stateDiagram-v2-GCMORJYK.mjs
 var w = (function() {
 	var e = /* @__PURE__ */ i(function(e, t, n, r) {

package/dist/{stored-language-BP90Ydtg.js → stored-language-CeD7kHui.js}

@@ -312,6 +312,7 @@ var e = {
 			}
 		},
 		table: {
+			loading: "Loading data…",
 			labels: {
 				asc: "Asc",
 				desc: "Desc",
@@ -704,7 +705,11 @@ var e = {
 			invalid: "Enter a valid URL",
 			open: "Open URL"
 		},
-		stepper: { step: "Step {step}" },
+		stepper: {
+			step: "Step {step}",
+			completed: "Completed",
+			error: "Error"
+		},
 		"location-field": {
 			placeholder: "No location selected",
 			"dialog-title": "Choose a location",
@@ -1109,6 +1114,10 @@ var e = {
 			"back-to-days": "Back to day view"
 		},
 		spinner: { loading: "Loading..." },
+		slider: {
+			minimum: "Minimum",
+			maximum: "Maximum"
+		},
 		"scroll-to-top": { label: "Scroll to top" },
 		map: {
 			"you-are-here": "You are here",
@@ -1449,6 +1458,7 @@ var e = {
 			}
 		},
 		table: {
+			loading: "Chargement des données…",
 			labels: {
 				asc: "Asc",
 				desc: "Desc",
@@ -1841,7 +1851,11 @@ var e = {
 			invalid: "Saisissez une URL valide",
 			open: "Ouvrir l’URL"
 		},
-		stepper: { step: "Étape {step}" },
+		stepper: {
+			step: "Étape {step}",
+			completed: "Terminée",
+			error: "Erreur"
+		},
 		"location-field": {
 			placeholder: "Aucun emplacement sélectionné",
 			"dialog-title": "Choisir un emplacement",
@@ -2246,6 +2260,10 @@ var e = {
 			"back-to-days": "Retour à la vue des jours"
 		},
 		spinner: { loading: "Chargement..." },
+		slider: {
+			minimum: "Minimum",
+			maximum: "Maximum"
+		},
 		"scroll-to-top": { label: "Retour en haut" },
 		map: {
 			"you-are-here": "Vous êtes ici",

package/dist/{swimlanes-2SLR337P-DRQ2gho_.js → swimlanes-2SLR337P-DmHm2yJS.js}

@@ -1,16 +1,16 @@
-import { n as e } from "./src-CJ8DNrI1.js";
-import "./chunk-ZIGJFQKS-HDJ6e6OJ.js";
+import { n as e } from "./src-C9kQSo6K.js";
+import "./chunk-ZIGJFQKS-C3xUAXJq.js";
 import { n as t } from "./chunk-Y2CYZVJY-BAad7w_K.js";
-import "./chunk-O7XYJQB3-C87zK8E5.js";
-import "./chunk-742MDFTN-nG_ROTnT.js";
-import "./chunk-MBY4JIJT-IA2XBafa.js";
-import "./chunk-7PRAP22T-DIiYRAce.js";
-import "./chunk-7INBJB4K-Dg64CbhT.js";
-import "./chunk-5DYCD2WN-Bqi3iL5i.js";
-import "./chunk-Z7XXMR3K-DcqSgI9Q.js";
-import "./chunk-UA2S7LBM-B0LGFGu3.js";
-import { r as n } from "./chunk-3FUC2YCW-CNBUvTSg.js";
-import { t as r } from "./chunk-NETBCI7D-CQV8lo68.js";
+import "./chunk-O7XYJQB3-A66QSOPA.js";
+import "./chunk-742MDFTN-Cs1qGiTK.js";
+import "./chunk-MBY4JIJT-C3RQP_Nk.js";
+import "./chunk-7PRAP22T-_Av9vcXz.js";
+import "./chunk-7INBJB4K-BY5n77ka.js";
+import "./chunk-5DYCD2WN-Cja1INgd.js";
+import "./chunk-Z7XXMR3K-dRJc1Z30.js";
+import "./chunk-UA2S7LBM-BNeHeMx9.js";
+import { r as n } from "./chunk-3FUC2YCW-4gCRt6fO.js";
+import { t as r } from "./chunk-NETBCI7D-CBowDvwz.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/swimlanes-2SLR337P.mjs
 function i(e, { measure: t }) {
 	let n = e.config?.swimlane?.lineHops;

package/dist/swimlanesDiagram-TC7HE7FX-Dq3gGsPj.js

@@ -0,0 +1,28 @@
+import "./src-C9kQSo6K.js";
+import "./chunk-ZIGJFQKS-C3xUAXJq.js";
+import { n as e } from "./chunk-Y2CYZVJY-BAad7w_K.js";
+import "./chunk-O7XYJQB3-A66QSOPA.js";
+import "./chunk-742MDFTN-Cs1qGiTK.js";
+import "./chunk-MBY4JIJT-C3RQP_Nk.js";
+import "./chunk-7PRAP22T-_Av9vcXz.js";
+import "./chunk-7INBJB4K-BY5n77ka.js";
+import "./chunk-5DYCD2WN-Cja1INgd.js";
+import "./chunk-Z7XXMR3K-dRJc1Z30.js";
+import "./chunk-GWA4HPMP-Co-A6dtV.js";
+import "./chunk-XXDRQBXY-FgXU14Bh.js";
+import "./chunk-WEXAMYUT-CucJfehv.js";
+import "./chunk-UA2S7LBM-BNeHeMx9.js";
+import "./chunk-GNY47TPC-DLqgU2SJ.js";
+import "./chunk-LNGE3PJU-DJjGTS7O.js";
+import { r as t, t as n } from "./chunk-7M6MHVWA-DnPXbiTM.js";
+//#region ../../node_modules/mermaid/dist/chunks/mermaid.core/swimlanesDiagram-TC7HE7FX.mjs
+var r = n({ styles: /* @__PURE__ */ e((e) => `${t(e)}
+  .swimlane.cluster:not([data-color-id]) rect {
+    stroke: ${e.clusterBorder} !important;
+  }
+  [data-look="neo"].cluster rect {
+    filter: none;
+  }
+`, "getStyles") });
+//#endregion
+export { r as diagram };

package/dist/{timeline-definition-EJHVYXUP-BtvpCePa.js → timeline-definition-EJHVYXUP-EqJV_QKn.js}

@@ -1,9 +1,9 @@
-import { ct as e } from "./components-NLbPtyeB.js";
-import { n as t, t as n } from "./src-CJ8DNrI1.js";
-import { p as r } from "./chunk-ZIGJFQKS-HDJ6e6OJ.js";
+import { ct as e } from "./components-CUkJhBwK.js";
+import { n as t, t as n } from "./src-C9kQSo6K.js";
+import { p as r } from "./chunk-ZIGJFQKS-C3xUAXJq.js";
 import { n as i, t as a } from "./chunk-Y2CYZVJY-BAad7w_K.js";
-import { Y as o, a as s, b as c, it as l, nt as u, o as d, tt as f, x as p } from "./chunk-O7XYJQB3-C87zK8E5.js";
-import { t as m } from "./chunk-6AEJRKK7-DDXoGWDs.js";
+import { Y as o, a as s, b as c, it as l, nt as u, o as d, tt as f, x as p } from "./chunk-O7XYJQB3-A66QSOPA.js";
+import { t as m } from "./chunk-6AEJRKK7-3YWRP4aV.js";
 import { i as h, n as g } from "./chunk-J5ZVWO5B-DmRRmhon.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/timeline-definition-EJHVYXUP.mjs
 var _ = (function() {

package/dist/{translate-material-Ctzt0Y2N.js → translate-material-DgRdhz5d.js}

@@ -1,5 +1,5 @@
-import "./stored-language-BP90Ydtg.js";
-import { E as e, r as t } from "./translator-Cfug7hC5.js";
+import "./stored-language-CeD7kHui.js";
+import { E as e, r as t } from "./translator-B4zUVm7j.js";
 //#region lib/i18n/translate-material.ts
 function n(n, r, i, a) {
 	if (n) for (let e of /* @__PURE__ */ new Set([n, n.split("-")[0]])) {

package/dist/{translator-Cfug7hC5.js → translator-B4zUVm7j.js}

@@ -1,4 +1,4 @@
-import { a as e, i as t, o as n, t as r } from "./stored-language-BP90Ydtg.js";
+import { a as e, i as t, o as n, t as r } from "./stored-language-CeD7kHui.js";
 //#region ../../node_modules/@formatjs/fast-memoize/index.js
 function i(e, t) {
 	let n = t && t.cache ? t.cache : ne, r = t && t.serializer ? t.serializer : ee;

package/dist/{use-heading-spy-DtVo2HBk.js → use-heading-spy-1BHMXjIn.js}

@@ -1,5 +1,5 @@
-import { n as e } from "./stored-language-BP90Ydtg.js";
-import { r as t } from "./i18n-provider-XTTU9ArK.js";
+import { n as e } from "./stored-language-CeD7kHui.js";
+import { r as t } from "./i18n-provider-Drsc2YXX.js";
 import { _ as n, g as r, h as i, n as a, v as o, y as s } from "./number.utils-BiBN2hWJ.js";
 import { useCallback as c, useEffect as l, useMemo as u, useSyncExternalStore as d } from "react";
 //#region lib/hooks/use-ssr-media-query.ts

package/dist/{use-material-translation-CJswHOmK.js → use-material-translation-UbARR81K.js}

@@ -1,5 +1,5 @@
-import { r as e } from "./i18n-provider-XTTU9ArK.js";
-import { t } from "./translate-material-Ctzt0Y2N.js";
+import { r as e } from "./i18n-provider-Drsc2YXX.js";
+import { t } from "./translate-material-DgRdhz5d.js";
 import { useCallback as n } from "react";
 //#region lib/i18n/use-material-translation.ts
 function r() {

package/dist/{usecaseDiagram-POWQR4AR-DsYqBvQ-.js → usecaseDiagram-POWQR4AR-CvCl0p5N.js}

@@ -1,18 +1,18 @@
-import { n as e, t } from "./src-CJ8DNrI1.js";
-import { g as n } from "./chunk-ZIGJFQKS-HDJ6e6OJ.js";
+import { n as e, t } from "./src-C9kQSo6K.js";
+import { g as n } from "./chunk-ZIGJFQKS-C3xUAXJq.js";
 import { n as r } from "./chunk-Y2CYZVJY-BAad7w_K.js";
-import { H as i, U as a, a as o, b as s, f as c, q as l, v as u, w as d, x as f, y as p, z as m } from "./chunk-O7XYJQB3-C87zK8E5.js";
-import "./chunk-742MDFTN-nG_ROTnT.js";
-import { i as h } from "./chunk-MBY4JIJT-IA2XBafa.js";
-import "./chunk-7PRAP22T-DIiYRAce.js";
+import { H as i, U as a, a as o, b as s, f as c, q as l, v as u, w as d, x as f, y as p, z as m } from "./chunk-O7XYJQB3-A66QSOPA.js";
+import "./chunk-742MDFTN-Cs1qGiTK.js";
+import { i as h } from "./chunk-MBY4JIJT-C3RQP_Nk.js";
+import "./chunk-7PRAP22T-_Av9vcXz.js";
 import { a as g, i as _, o as v, r as y } from "./chunk-J5ZVWO5B-DmRRmhon.js";
-import "./chunk-7INBJB4K-Dg64CbhT.js";
-import "./chunk-5DYCD2WN-Bqi3iL5i.js";
-import "./chunk-Z7XXMR3K-DcqSgI9Q.js";
-import { t as ee } from "./chunk-XXDRQBXY-Bq4sFnO2.js";
-import { t as te } from "./chunk-WEXAMYUT-C-QP0DFq.js";
-import "./chunk-UA2S7LBM-B0LGFGu3.js";
-import { r as ne, t as re } from "./chunk-GNY47TPC-vOPvRE_8.js";
+import "./chunk-7INBJB4K-BY5n77ka.js";
+import "./chunk-5DYCD2WN-Cja1INgd.js";
+import "./chunk-Z7XXMR3K-dRJc1Z30.js";
+import { t as ee } from "./chunk-XXDRQBXY-FgXU14Bh.js";
+import { t as te } from "./chunk-WEXAMYUT-CucJfehv.js";
+import "./chunk-UA2S7LBM-BNeHeMx9.js";
+import { r as ne, t as re } from "./chunk-GNY47TPC-DLqgU2SJ.js";
 //#region ../../node_modules/chevrotain/node_modules/lodash-es/_freeGlobal.js
 var ie = typeof global == "object" && global && global.Object === Object && global, ae = typeof self == "object" && self && self.Object === Object && self, b = ie || ae || Function("return this")(), oe = b.Symbol, se = Object.prototype, ce = se.hasOwnProperty, le = se.toString, ue = oe ? oe.toStringTag : void 0;
 function de(e) {

package/dist/{vennDiagram-UO4OBE2U-Aql8mhcy.js → vennDiagram-UO4OBE2U-CO0yFCI8.js}

@@ -1,8 +1,8 @@
-import { t as e } from "./src-CJ8DNrI1.js";
-import { i as t } from "./chunk-ZIGJFQKS-HDJ6e6OJ.js";
+import { t as e } from "./src-C9kQSo6K.js";
+import { i as t } from "./chunk-ZIGJFQKS-C3xUAXJq.js";
 import { n } from "./chunk-Y2CYZVJY-BAad7w_K.js";
-import { H as r, U as i, a, b as o, c as s, f as c, it as l, nt as u, q as d, rt as f, tt as p, v as m, w as h, y as g } from "./chunk-O7XYJQB3-C87zK8E5.js";
-import { t as _ } from "./chunk-6AEJRKK7-DDXoGWDs.js";
+import { H as r, U as i, a, b as o, c as s, f as c, it as l, nt as u, q as d, rt as f, tt as p, v as m, w as h, y as g } from "./chunk-O7XYJQB3-A66QSOPA.js";
+import { t as _ } from "./chunk-6AEJRKK7-3YWRP4aV.js";
 import { t as v } from "./rough.esm-Cvc79rxE.js";
 //#region ../../node_modules/khroma/dist/methods/transparentize.js
 var y = (e, t) => f(e, "a", -t), b = 1e-10;

package/dist/{wardleyDiagram-VNRHLVJA-tknlhG_t.js → wardleyDiagram-VNRHLVJA-QkwghAYo.js}

@@ -1,9 +1,9 @@
-import { n as e } from "./src-CJ8DNrI1.js";
-import { i as t } from "./chunk-ZIGJFQKS-HDJ6e6OJ.js";
+import { n as e } from "./src-C9kQSo6K.js";
+import { i as t } from "./chunk-ZIGJFQKS-C3xUAXJq.js";
 import { n } from "./mermaid-parser.core-BXD_TD1T.js";
 import { n as r } from "./chunk-Y2CYZVJY-BAad7w_K.js";
-import { D as i, H as a, U as o, a as s, b as c, c as l, q as u, v as d, w as f, x as p, y as m } from "./chunk-O7XYJQB3-C87zK8E5.js";
-import { t as h } from "./chunk-6AEJRKK7-DDXoGWDs.js";
+import { D as i, H as a, U as o, a as s, b as c, c as l, q as u, v as d, w as f, x as p, y as m } from "./chunk-O7XYJQB3-A66QSOPA.js";
+import { t as h } from "./chunk-6AEJRKK7-3YWRP4aV.js";
 import { t as g } from "./chunk-JWPE2WC7-BGVSGRTC.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/wardleyDiagram-VNRHLVJA.mjs
 var _ = /* @__PURE__ */ r((e, t) => {

package/dist/{xychartDiagram-PMCCYNJV-CEf5bvG1.js → xychartDiagram-PMCCYNJV-BphsHFKA.js}

@@ -1,11 +1,11 @@
-import { at as e, rt as t, st as n } from "./components-NLbPtyeB.js";
-import { n as r } from "./src-CJ8DNrI1.js";
-import { i } from "./chunk-ZIGJFQKS-HDJ6e6OJ.js";
+import { at as e, rt as t, st as n } from "./components-CUkJhBwK.js";
+import { n as r } from "./src-C9kQSo6K.js";
+import { i } from "./chunk-ZIGJFQKS-C3xUAXJq.js";
 import { n as a } from "./chunk-Y2CYZVJY-BAad7w_K.js";
-import { D as o, H as s, U as c, a as l, b as u, c as d, f, q as p, v as m, w as h, y as g, z as _ } from "./chunk-O7XYJQB3-C87zK8E5.js";
-import { t as v } from "./chunk-6AEJRKK7-DDXoGWDs.js";
-import "./chunk-742MDFTN-nG_ROTnT.js";
-import { t as y } from "./chunk-MBY4JIJT-IA2XBafa.js";
+import { D as o, H as s, U as c, a as l, b as u, c as d, f, q as p, v as m, w as h, y as g, z as _ } from "./chunk-O7XYJQB3-A66QSOPA.js";
+import { t as v } from "./chunk-6AEJRKK7-3YWRP4aV.js";
+import "./chunk-742MDFTN-Cs1qGiTK.js";
+import { t as y } from "./chunk-MBY4JIJT-C3RQP_Nk.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/xychartDiagram-PMCCYNJV.mjs
 var b = (function() {
 	var e = /* @__PURE__ */ a(function(e, t, n, r) {

package/docs/components/buttons-and-actions.md

@@ -6,7 +6,7 @@ and language switches. Everything is imported from `@nxgt/material/components`.
 
 | | Component | What it does |
 | --- | --- | --- |
-| <img src="../previews/buttons-actions-button.webp" width="96" alt=""> | [Button](#button) | Five variants in seven colours, with a loading state |
+| <img src="../previews/buttons-actions-button.webp" width="96" alt=""> | [Button](#button) | Five variants in seven colours and eight sizes, with a loading state |
 | <img src="../previews/buttons-actions-iconbutton.webp" width="96" alt=""> | [IconButton](#iconbutton) | Icon-only button with an optional tooltip |
 | <img src="../previews/buttons-actions-buttongroup.webp" width="96" alt=""> | [ButtonGroup](#buttongroup) | Joins adjacent buttons into one control |
 | <img src="../previews/buttons-actions-splitbutton.webp" width="96" alt=""> | [SplitButton](#splitbutton) | Main action plus a menu of secondary actions |
@@ -24,7 +24,7 @@ and language switches. Everything is imported from `@nxgt/material/components`.
 
 ![Button](../previews/buttons-actions-button.webp)
 
-Filled, tonal, outlined, ghost or link button in seven colours, with a loading state.
+Filled, tonal, outlined, ghost or link button in seven colours, four sizes and four square icon sizes, with a loading state.
 
 ```tsx
 import { Button } from '@nxgt/material/components';
@@ -38,6 +38,10 @@ import { Mail } from 'lucide-react';
 		Invite by email
 	</Button>
 	<Button loading>Saving</Button>
+	<Button size="sm">Small</Button>
+	<Button size="icon" aria-label="Email">
+		<Mail />
+	</Button>
 </>;
 ```
 
@@ -45,6 +49,7 @@ import { Mail } from 'lucide-react';
 | --- | --- | --- | --- |
 | `variant` | `'filled' \| 'tonal' \| 'outlined' \| 'ghost' \| 'link'` | `'filled'` | the style |
 | `color` | `'primary' \| 'secondary' \| 'success' \| 'info' \| 'warning' \| 'error' \| 'default'` | `'primary'` | the colour; `default` is the foreground colour |
+| `size` | `'xs' \| 'sm' \| 'default' \| 'lg' \| 'icon-xs' \| 'icon-sm' \| 'icon' \| 'icon-lg'` | — | height: 24, 32, 36 and 40 px; the `icon*` sizes are square, for a button holding only an icon (give it an `aria-label`). Unset, the button keeps its content's height, as before sizes existed |
 | `loading` | `boolean` | — | shows a spinner and swallows clicks (the button stays focusable) |
 | `spinnerVariant` | `SpinnerProps['variant']` | `'2'` | which spinner `loading` shows |
 | `tooltip` | `string` | — | wraps the button in a `Tooltip` |
@@ -279,7 +284,7 @@ import { CopyButton, CopyValue } from '@nxgt/material/components';
 
 The check mark stays for 1.5 s.
 
-**Storybook:** `Buttons & actions/CopyButton` · **Vue:** `CopyButton`
+**Storybook:** `Buttons & actions/CopyButton` · **Vue:** `CopyButton`, `CopyValue`
 
 ---
 

package/docs/components/data-display.md

@@ -510,7 +510,7 @@ import { Markdown } from '@nxgt/material/components';
 Mermaid diagrams render in the browser only, after mount; on the server the
 fence is left empty.
 
-**Storybook:** `Data display/Markdown` · **Vue:** `Markdown`
+**Storybook:** `Data display/Markdown` · **Vue:** `Markdown`, `MermaidDiagram`
 
 ---
 

package/docs/components/data-table-filter-and-lists.md

@@ -23,7 +23,7 @@ each other, so either can be used alone.
 
 ![DataTable](../previews/data-table-filter-lists-datatable.webp)
 
-TanStack Table v9 with sorting, filtering, selection, expandable rows, pagination or load-more, and column visibility.
+TanStack Table v9 with sorting, filtering, selection, expandable rows, pagination or load-more, column visibility, skeleton rows while loading and your own empty state.
 
 ```tsx
 import {
@@ -52,7 +52,8 @@ function PeopleTable({ people }: { people: Person[] }) {
 
 Parts: `DataTable`; `DataTableColumnHeader` (a sortable header with a hide
 action); `DataTablePagination` and `DataTableViewOptions` (used by the table,
-exported for a table of your own); `useColumnHelpers<T>()` returns a
+exported for a table of your own; `DataTablePagination` takes `disabled`);
+`useColumnHelpers<T>()` returns a
 `columnHelper` bound to the table's features and `predefinedColumns()` —
 `select` (checkboxes) and `expand` (a toggle for `renderExpandedRow`, named
 "Toggle row details" (`material.table.labels.toggle-row`) with `aria-expanded`);
@@ -71,6 +72,61 @@ table enables, for typing your own column defs.
 | `onLoadMore` / `isLoadingMore` | `() => void` / `boolean` | — | adds a "load more" button under the rows |
 | `options` | `{ showPage?: boolean; showSelected?: boolean }` | both `true` | parts of the footer |
 | `showHeader` | `boolean` | hidden on mobile | header row |
+| `loading` | `boolean` | `false` | skeleton rows, or the current rows dimmed; `aria-busy`; controls disabled |
+| `loadingRows` | `number` | the page size | how many skeleton rows |
+| `empty` | `ReactNode \| ({ filtered }) => ReactNode` | icon and "No data available" | content of the empty row, spanning every visible column |
+
+### Loading and empty states
+
+```tsx
+import { DataTable, useColumnHelpers } from '@nxgt/material/components';
+
+type Person = { id: string; name: string; email: string };
+
+function PeopleTable({
+  people,
+  isFetching,
+}: {
+  people: Person[];
+  isFetching: boolean;
+}) {
+  const { columnHelper } = useColumnHelpers<Person>();
+  const columns = [
+    columnHelper.accessor('name', { header: 'Name' }),
+    columnHelper.accessor('email', { header: 'Email' }),
+  ];
+
+  return (
+    <DataTable
+      data={people}
+      columns={columns}
+      loading={isFetching}
+      loadingRows={5}
+      empty={({ filtered }) =>
+        filtered ? 'No person matches these filters.' : 'No people yet.'
+      }
+    />
+  );
+}
+```
+
+While `loading` is `true`, the table is `aria-busy` and a visually
+hidden status says "Loading data…" (`material.table.loading`). With no row to
+show, the body is `loadingRows` skeleton rows (default: the page size), one
+cell per visible column. With rows already shown — a refresh — the rows stay
+where they are, dimmed and `inert`, rather than being swapped for
+skeletons: the table keeps its height, so nothing below it jumps when the data
+arrives. Sorting (`DataTableColumnHeader`), the `select` column's "Select
+all", the toolbar's native controls (it
+is a disabled `<fieldset>`, so every input or button you render there, a
+filter or an export, is disabled
+too) and pagination are disabled meanwhile.
+
+When no row is left after filtering, the empty state is one `TableEmpty`
+cell spanning every visible column: today's icon and "No data available" by
+default, or your own content, told whether rows exist but none matches the
+filters (`filtered`); content that renders nothing gets the default.
+`DataTableEmpty` and `DataTableEmptyState` type the prop and its argument.
 
 For the TanStack API itself (column helpers, features, row models), see
 [TanStack Table v9](https://tanstack.com/table/latest).
@@ -116,7 +172,10 @@ const schema: FilterSchema = {
 A field's `type` is one of `text`, `number`, `select`, `multi-select`, `date`,
 `date-range`, `number-range`, `checkbox-group`, `radio-group`,
 `chips-multiple`, `chips-single`, `slider`, `slider-range`, `switch` or
-`custom`; `schema.groups` puts fields in collapsible sections.
+`custom`; `schema.groups` puts fields in collapsible sections. A
+`number-range` or `slider-range` is a `role="group"` named by its `label`,
+with its inputs named by their part ("Min" / "Max", or the slider's
+"<label> Minimum" / "<label> Maximum"): `getByRole('group', { name: 'Price' })`.
 
 Parts: `Filter` (one component, `variant` picks the layout);
 `FilterProvider` + `FilterContent` + `FilterActions` to lay the panel out
@@ -174,9 +233,39 @@ import { PaginationBar } from '@nxgt/material/components';
 <PaginationBar page={page} pageCount={12} onPageChange={setPage} />
 ```
 
+```tsx
+import {
+	Pagination,
+	PaginationContent,
+	PaginationFirst,
+	PaginationItem,
+	PaginationLast,
+	PaginationLink,
+} from '@nxgt/material/components';
+
+<Pagination>
+	<PaginationContent>
+		<PaginationItem>
+			<PaginationFirst href="?page=1" />
+		</PaginationItem>
+		<PaginationItem>
+			<PaginationLink href="?page=2" isActive>
+				2
+			</PaginationLink>
+		</PaginationItem>
+		<PaginationItem>
+			<PaginationLast href="?page=12" />
+		</PaginationItem>
+	</PaginationContent>
+</Pagination>;
+```
+
 Parts: `Pagination`, `PaginationContent`, `PaginationItem`,
-`PaginationLink` (`isActive`), `PaginationPrevious`, `PaginationNext`,
-`PaginationEllipsis` for link-based pagination; `PaginationBar` for the
+`PaginationLink` (`isActive`), `PaginationFirst`, `PaginationPrevious`,
+`PaginationNext`, `PaginationLast`, `PaginationEllipsis` for link-based
+pagination (first / previous / next / last take an optional `label` and
+`icon`; their names are translated, `material.pagination.*`, and the text
+hides below `sm`); `PaginationBar` for the
 stateful one; `paginationItems(page, pageCount, siblingCount)` for the
 window alone.
 
@@ -188,7 +277,7 @@ window alone.
 | `siblingCount` | `number` | `1` | pages shown on each side of the current one |
 | `disabled` | `boolean` | — | disables every button |
 
-**Storybook:** `Data table, filter & lists/Pagination` · **Vue:** `Pagination` (parts), `PaginationFirst`, `PaginationLast`
+**Storybook:** `Data table, filter & lists/Pagination` · **Vue:** `Pagination` (parts), `PaginationFirst`, `PaginationLast`, `PaginationLink`, `PaginationBar`, `paginationItems`
 
 ---
 

package/docs/components/feedback-and-status.md

@@ -415,7 +415,7 @@ toasts.dismiss(id);
 | --- | --- | --- | --- |
 | `title` / `description` | `ReactNode` | preset title for `success`, `error`, `loading` | toast text |
 | `icon` | `ReactNode` (`toast`) · icon name (`toasts.custom`) | preset icon | leading icon |
-| `action` | `{ label, onClick? }` or `(dismiss) => ReactNode` | a translated “Close” for `success`, `info`, `error` | trailing button |
+| `action` | `ToastAction`: `{ label, onClick? }` or `(dismiss) => ReactNode` | a translated “Close” for `success`, `info`, `error` | trailing button: `onClick`, then the toast closes; or what the function renders, given `dismiss` |
 | `options` | Sonner `ExternalToast` | `duration: 5000` for presets, `Infinity` for `loading` | passed to Sonner (`id`, `duration`, `position`…) |
 
 The toast id defaults to the title, so two toasts with the same title
@@ -423,7 +423,8 @@ replace each other; pass `options: { id }` to show both. `Toaster` is Sonner's
 and takes its props (`position`, `expand`, `richColors`…). `Toast` is the
 component each toast renders, for use with `sonnerToast.custom`.
 
-**Storybook:** `Feedback & status/Toast` · **Vue:** `Toaster`, `toast`, `toasts`, `Toast`
+**Types:** `ToastAction`, `ToastProps`, `ToastMethodProps`.
+**Storybook:** `Feedback & status/Toast` · **Vue:** `Toaster`, `toast`, `toasts`, `Toast` (`ToastAction` type)
 
 ---