@nxgt/material 2.7.0 → 2.8.0

package/dist/{chunk-GNY47TPC-D1E6DHDV.js → chunk-GNY47TPC-CB_83G7J.js}

@@ -1,12 +1,12 @@
-import { n as e } from "./src-C9kQSo6K.js";
-import { d as t } from "./chunk-ZIGJFQKS-C3xUAXJq.js";
+import { n as e } from "./src-CsLQInsN.js";
+import { d as t } from "./chunk-ZIGJFQKS-9VXArDKF.js";
 import { n } from "./chunk-Y2CYZVJY-BAad7w_K.js";
-import { b as r, s as i } from "./chunk-O7XYJQB3-A66QSOPA.js";
+import { b as r, s as i } from "./chunk-O7XYJQB3-BChweQ_V.js";
 import { t as a } from "./chunk-DUW6YSOI-9R-v-IIp.js";
-import { o } from "./chunk-7INBJB4K-BY5n77ka.js";
-import { r as s } from "./chunk-5DYCD2WN-Cja1INgd.js";
-import { a as c, c as l, i as u, l as d } from "./chunk-Z7XXMR3K-DMTBxZxM.js";
-import { r as f } from "./chunk-UA2S7LBM-BNeHeMx9.js";
+import { o } from "./chunk-7INBJB4K-k-I67NSP.js";
+import { r as s } from "./chunk-5DYCD2WN-Cd1zazNp.js";
+import { a as c, c as l, i as u, l as d } from "./chunk-Z7XXMR3K-Ccb3Rfjl.js";
+import { r as f } from "./chunk-UA2S7LBM-ChuksCDg.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/chunk-GNY47TPC.mjs
 var p = {
 	common: i,
@@ -30,7 +30,7 @@ var p = {
 ], h = /* @__PURE__ */ Object.create(null), g = /* @__PURE__ */ n((e) => {
 	for (let t of e) h[t.name] = t;
 }, "registerLayoutLoaders"), _ = /* @__PURE__ */ n(() => {
-	let e = /* @__PURE__ */ n(async () => await import("./elk-276RUBZZ-DI4eicFj.js"), "loader");
+	let e = /* @__PURE__ */ n(async () => await import("./elk-276RUBZZ-BoWoJr6K.js"), "loader");
 	return [{
 		name: "elk",
 		loader: e,
@@ -45,15 +45,15 @@ var p = {
 	g([
 		{
 			name: "dagre",
-			loader: /* @__PURE__ */ n(async () => await import("./dagre-6A5THRUB-DZF0nICj.js"), "loader")
+			loader: /* @__PURE__ */ n(async () => await import("./dagre-6A5THRUB-c8yG3_vh.js"), "loader")
 		},
 		{
 			name: "swimlane",
-			loader: /* @__PURE__ */ n(async () => await import("./swimlanes-2SLR337P-BtZ7Di5u.js"), "loader")
+			loader: /* @__PURE__ */ n(async () => await import("./swimlanes-2SLR337P-DXZt0zyd.js"), "loader")
 		},
 		{
 			name: "cose-bilkent",
-			loader: /* @__PURE__ */ n(async () => await import("./cose-bilkent-JH36ORCC-DRUT3qBb.js"), "loader")
+			loader: /* @__PURE__ */ n(async () => await import("./cose-bilkent-JH36ORCC-P94vkHv_.js"), "loader")
 		},
 		..._()
 	]);

package/dist/{chunk-GTNCS2PH-BZ9WMD1v.js → chunk-GTNCS2PH-AJi9PVT7.js}

@@ -1,7 +1,7 @@
-import { n as e } from "./src-C9kQSo6K.js";
+import { n as e } from "./src-CsLQInsN.js";
 import { n as t } from "./chunk-Y2CYZVJY-BAad7w_K.js";
-import { D as n, a as r, b as i, c as a, x as o, z as s } from "./chunk-O7XYJQB3-A66QSOPA.js";
-import { t as c } from "./chunk-6AEJRKK7-3YWRP4aV.js";
+import { D as n, a as r, b as i, c as a, x as o, z as s } from "./chunk-O7XYJQB3-BChweQ_V.js";
+import { t as c } from "./chunk-6AEJRKK7-BLBlw8ui.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/chunk-GTNCS2PH.mjs
 var l = "", u = "", d = "", f = [], p = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ t((e) => s(e, o()), "sanitizeText"), h = /* @__PURE__ */ t((e) => {
 	switch (e.type) {

package/dist/{chunk-GWA4HPMP-Co-A6dtV.js → chunk-GWA4HPMP-B8jXI0Tl.js}

@@ -1,7 +1,7 @@
-import { t as e } from "./src-C9kQSo6K.js";
+import { t as e } from "./src-CsLQInsN.js";
 import { n as t } from "./chunk-Y2CYZVJY-BAad7w_K.js";
-import { j as n } from "./chunk-O7XYJQB3-A66QSOPA.js";
-import { t as r } from "./dist-C3YK_ean.js";
+import { j as n } from "./chunk-O7XYJQB3-BChweQ_V.js";
+import { t as r } from "./dist-B6_-RPZ3.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/chunk-GWA4HPMP.mjs
 var i = r(), a = /* @__PURE__ */ t((e, t) => {
 	let n = e.append("rect");

package/dist/{chunk-MBY4JIJT-C3RQP_Nk.js → chunk-MBY4JIJT-BFIqOe-8.js}

@@ -1,8 +1,8 @@
-import { n as e, t } from "./src-C9kQSo6K.js";
-import { a as n } from "./chunk-ZIGJFQKS-C3xUAXJq.js";
+import { n as e, t } from "./src-CsLQInsN.js";
+import { a as n } from "./chunk-ZIGJFQKS-9VXArDKF.js";
 import { n as r } from "./chunk-Y2CYZVJY-BAad7w_K.js";
-import { A as i, F as a, b as o, s, z as c } from "./chunk-O7XYJQB3-A66QSOPA.js";
-import { n as l, t as u } from "./chunk-742MDFTN-Cs1qGiTK.js";
+import { A as i, F as a, b as o, s, z as c } from "./chunk-O7XYJQB3-BChweQ_V.js";
+import { n as l, t as u } from "./chunk-742MDFTN-CsUjFyzK.js";
 //#region ../../node_modules/marked/lib/marked.esm.js
 function d() {
 	return {

package/dist/{chunk-NETBCI7D-DJUuN4EY.js → chunk-NETBCI7D-Cywmx0rz.js}

@@ -1,5 +1,5 @@
 import { n as e } from "./chunk-Y2CYZVJY-BAad7w_K.js";
-import { o as t } from "./chunk-Z7XXMR3K-DMTBxZxM.js";
+import { o as t } from "./chunk-Z7XXMR3K-Ccb3Rfjl.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/chunk-NETBCI7D.mjs
 var n = 5, r = 1e-5, i = 2, a = .6, o = 1e-6;
 function s(e) {

package/dist/{chunk-O7XYJQB3-A66QSOPA.js → chunk-O7XYJQB3-BChweQ_V.js}

@@ -1,4 +1,4 @@
-import { n as e, r as t } from "./src-C9kQSo6K.js";
+import { n as e, r as t } from "./src-CsLQInsN.js";
 import { n, t as r } from "./chunk-Y2CYZVJY-BAad7w_K.js";
 //#region ../../node_modules/khroma/dist/utils/channel.js
 var i = {

package/dist/{chunk-UA2S7LBM-BNeHeMx9.js → chunk-UA2S7LBM-ChuksCDg.js}

@@ -1,12 +1,12 @@
-import { n as e, t } from "./src-C9kQSo6K.js";
+import { n as e, t } from "./src-CsLQInsN.js";
 import { n } from "./chunk-Y2CYZVJY-BAad7w_K.js";
-import { T as r, g as i, x as a } from "./chunk-O7XYJQB3-A66QSOPA.js";
-import { n as o } from "./chunk-MBY4JIJT-C3RQP_Nk.js";
-import { a as s, i as c, t as l } from "./chunk-7PRAP22T-_Av9vcXz.js";
+import { T as r, g as i, x as a } from "./chunk-O7XYJQB3-BChweQ_V.js";
+import { n as o } from "./chunk-MBY4JIJT-BFIqOe-8.js";
+import { a as s, i as c, t as l } from "./chunk-7PRAP22T-0C6_H8Li.js";
 import { s as u } from "./chunk-J5ZVWO5B-DmRRmhon.js";
 import { t as d } from "./rough.esm-Cvc79rxE.js";
-import { i as f, n as p, t as m } from "./chunk-7INBJB4K-BY5n77ka.js";
-import { n as h } from "./chunk-5DYCD2WN-Cja1INgd.js";
+import { i as f, n as p, t as m } from "./chunk-7INBJB4K-k-I67NSP.js";
+import { n as h } from "./chunk-5DYCD2WN-Cd1zazNp.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/chunk-UA2S7LBM.mjs
 var g = /* @__PURE__ */ n(async (n, r) => {
 	let l = a(), { theme: p, themeVariables: m, handDrawnSeed: h } = l, { clusterBkg: g, clusterBorder: _, borderColorArray: v } = m, y = _, { labelStyles: b, nodeStyles: x, borderStyles: S, backgroundStyles: C } = c(r), w = n.insert("g").attr("class", "cluster swimlane " + (r.cssClasses || "")).attr("id", r.id).attr("data-id", r.id).attr("data-et", "cluster").attr("data-look", r.look);

package/dist/{chunk-WEXAMYUT-CucJfehv.js → chunk-WEXAMYUT-CbFOhEve.js}

@@ -1,6 +1,6 @@
-import { n as e } from "./src-C9kQSo6K.js";
+import { n as e } from "./src-CsLQInsN.js";
 import { n as t } from "./chunk-Y2CYZVJY-BAad7w_K.js";
-import { c as n } from "./chunk-O7XYJQB3-A66QSOPA.js";
+import { c as n } from "./chunk-O7XYJQB3-BChweQ_V.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/chunk-WEXAMYUT.mjs
 var r = /* @__PURE__ */ t((t, r, o, s) => {
 	t.attr("class", o);

package/dist/{chunk-XXDRQBXY-FgXU14Bh.js → chunk-XXDRQBXY-dKXxu_aj.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./src-C9kQSo6K.js";
+import { t as e } from "./src-CsLQInsN.js";
 import { n as t } from "./chunk-Y2CYZVJY-BAad7w_K.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/chunk-XXDRQBXY.mjs
 var n = /* @__PURE__ */ t((t, n) => {

package/dist/{chunk-Z7XXMR3K-DMTBxZxM.js → chunk-Z7XXMR3K-Ccb3Rfjl.js}

@@ -1,14 +1,14 @@
-import { st as e } from "./components-DrStgM4J.js";
-import { n as t, t as n } from "./src-C9kQSo6K.js";
+import { st as e } from "./components-Bg1bqGbc.js";
+import { n as t, t as n } from "./src-CsLQInsN.js";
 import { _ as r, a as i, i as a, n as o, o as s, p as c, r as l, t as u, u as d, v as f } from "./step-Dt43c9X4.js";
-import { K as p, g as m, q as h, u as g } from "./chunk-ZIGJFQKS-C3xUAXJq.js";
+import { K as p, g as m, q as h, u as g } from "./chunk-ZIGJFQKS-9VXArDKF.js";
 import { n as _ } from "./chunk-Y2CYZVJY-BAad7w_K.js";
-import { T as v, b as y, x as b } from "./chunk-O7XYJQB3-A66QSOPA.js";
-import { n as x, r as S } from "./chunk-MBY4JIJT-C3RQP_Nk.js";
-import { i as C, n as ee } from "./chunk-7PRAP22T-_Av9vcXz.js";
+import { T as v, b as y, x as b } from "./chunk-O7XYJQB3-BChweQ_V.js";
+import { n as x, r as S } from "./chunk-MBY4JIJT-BFIqOe-8.js";
+import { i as C, n as ee } from "./chunk-7PRAP22T-0C6_H8Li.js";
 import { t as te } from "./rough.esm-Cvc79rxE.js";
-import { t as w } from "./chunk-7INBJB4K-BY5n77ka.js";
-import { n as T } from "./chunk-5DYCD2WN-Cja1INgd.js";
+import { t as w } from "./chunk-7INBJB4K-k-I67NSP.js";
+import { n as T } from "./chunk-5DYCD2WN-Cd1zazNp.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/chunk-Z7XXMR3K.mjs
 var E = /* @__PURE__ */ _((e, t) => {
 	if (t) return "translate(" + -e.width / 2 + ", " + -e.height / 2 + ")";

package/dist/{chunk-ZIGJFQKS-C3xUAXJq.js → chunk-ZIGJFQKS-9VXArDKF.js}

@@ -1,8 +1,8 @@
-import { n as e, t } from "./src-C9kQSo6K.js";
+import { n as e, t } from "./src-CsLQInsN.js";
 import { _ as n, a as r, c as i, d as a, f as o, g as s, h as c, i as l, l as u, m as d, n as ee, o as te, p as ne, r as re, s as ie, t as ae, u as oe, v as se } from "./step-Dt43c9X4.js";
 import { n as f } from "./chunk-Y2CYZVJY-BAad7w_K.js";
-import { R as ce, h as p, p as le, r as ue, s as m } from "./chunk-O7XYJQB3-A66QSOPA.js";
-import { t as de } from "./dist-C3YK_ean.js";
+import { R as ce, h as p, p as le, r as ue, s as m } from "./chunk-O7XYJQB3-BChweQ_V.js";
+import { t as de } from "./dist-B6_-RPZ3.js";
 //#region ../../node_modules/d3-shape/src/curve/bump.js
 var h = class {
 	constructor(e, t) {

package/dist/{classDiagram-v2-NBCMYWYE-BDaxYvDy.js → classDiagram-v2-NBCMYWYE-CRgxPgLD.js}

@@ -1,20 +1,20 @@
-import { n as e, t } from "./src-C9kQSo6K.js";
-import { c as n, g as r } from "./chunk-ZIGJFQKS-C3xUAXJq.js";
+import { n as e, t } from "./src-CsLQInsN.js";
+import { c as n, g as r } from "./chunk-ZIGJFQKS-9VXArDKF.js";
 import { n as i } from "./chunk-Y2CYZVJY-BAad7w_K.js";
-import { H as a, M as o, U as s, a as c, et as l, q as u, s as d, v as f, w as p, x as m, y as h, z as g } from "./chunk-O7XYJQB3-A66QSOPA.js";
-import "./chunk-742MDFTN-Cs1qGiTK.js";
-import "./chunk-MBY4JIJT-C3RQP_Nk.js";
+import { H as a, M as o, U as s, a as c, et as l, q as u, s as d, v as f, w as p, x as m, y as h, z as g } from "./chunk-O7XYJQB3-BChweQ_V.js";
+import "./chunk-742MDFTN-CsUjFyzK.js";
+import "./chunk-MBY4JIJT-BFIqOe-8.js";
 import { t as _ } from "./chunk-5VM5RSS4-BFskf6Qk.js";
-import "./chunk-7PRAP22T-_Av9vcXz.js";
+import "./chunk-7PRAP22T-0C6_H8Li.js";
 import { i as v, n as y, o as b, r as x } from "./chunk-J5ZVWO5B-DmRRmhon.js";
-import "./chunk-7INBJB4K-BY5n77ka.js";
-import "./chunk-5DYCD2WN-Cja1INgd.js";
-import "./chunk-Z7XXMR3K-DMTBxZxM.js";
-import { t as S } from "./chunk-GWA4HPMP-Co-A6dtV.js";
-import { t as C } from "./chunk-XXDRQBXY-FgXU14Bh.js";
-import { t as w } from "./chunk-WEXAMYUT-CucJfehv.js";
-import "./chunk-UA2S7LBM-BNeHeMx9.js";
-import { r as T, t as E } from "./chunk-GNY47TPC-D1E6DHDV.js";
+import "./chunk-7INBJB4K-k-I67NSP.js";
+import "./chunk-5DYCD2WN-Cd1zazNp.js";
+import "./chunk-Z7XXMR3K-Ccb3Rfjl.js";
+import { t as S } from "./chunk-GWA4HPMP-B8jXI0Tl.js";
+import { t as C } from "./chunk-XXDRQBXY-dKXxu_aj.js";
+import { t as w } from "./chunk-WEXAMYUT-CbFOhEve.js";
+import "./chunk-UA2S7LBM-ChuksCDg.js";
+import { r as T, t as E } from "./chunk-GNY47TPC-CB_83G7J.js";
 //#region ../../node_modules/mermaid/dist/chunks/mermaid.core/classDiagram-v2-NBCMYWYE.mjs
 var D = (function() {
 	var e = /* @__PURE__ */ i(function(e, t, n, r) {

package/dist/clsx-CbxlCXZ3.js

@@ -0,0 +1,16 @@
+//#region ../../node_modules/clsx/dist/clsx.mjs
+function e(t) {
+	var n, r, i = "";
+	if (typeof t == "string" || typeof t == "number") i += t;
+	else if (typeof t == "object") if (Array.isArray(t)) {
+		var a = t.length;
+		for (n = 0; n < a; n++) t[n] && (r = e(t[n])) && (i && (i += " "), i += r);
+	} else for (r in t) t[r] && (i && (i += " "), i += r);
+	return i;
+}
+function t() {
+	for (var t, n, r = 0, i = "", a = arguments.length; r < a; r++) (t = arguments[r]) && (n = e(t)) && (i && (i += " "), i += n);
+	return i;
+}
+//#endregion
+export { t };

package/dist/components/base-content.css

@@ -0,0 +1,139 @@
+/* The base layer's second half, imported by lib/styles.css after
+ * base.css: the rich text editor's content (`.tiptap`) and the form grid
+ * (`.form-grid-layout`). */
+@layer base {
+	body {
+		.tiptap {
+			ul li p,
+			ol li p {
+				display: inline;
+			}
+
+			ul:not([data-type="taskList"]) {
+				list-style-type: disc;
+			}
+			ol {
+				list-style-type: decimal;
+			}
+
+			ul:not([data-type="taskList"]),
+			ol {
+				@apply list-inside marker:text-muted-foreground;
+			}
+
+			ul[data-type="taskList"] li {
+				@apply flex gap-2 items-center;
+			}
+
+			:first-child {
+				margin-top: 0;
+			}
+
+			table {
+				/* Override the global `body table { width: w-full }` base rule
+				   (see @layer base above) — it fights TipTap's resizable colgroup
+				   widths, which only get applied as an inline table width once
+				   every column has an explicit pixel width. Letting the table size
+				   itself (still table-layout: fixed) makes resizing and
+				   center/right alignment actually visible. */
+				width: auto;
+
+				.selectedCell {
+					@apply bg-primary/20;
+				}
+
+				.column-resize-handle {
+					background-color: var(--color-primary);
+					bottom: -2px;
+					pointer-events: none;
+					position: absolute;
+					right: -2px;
+					top: 0;
+					width: 4px;
+				}
+
+				&[data-table-caption]::before {
+					content: attr(data-table-caption);
+					display: block;
+					margin-bottom: 0.5rem;
+					@apply text-sm text-muted-foreground text-center;
+				}
+			}
+
+			.tableWrapper {
+				margin: 1.5rem 0;
+				overflow-x: auto;
+
+				&:has(table[data-table-align="center"]) {
+					width: fit-content;
+					margin-inline: auto;
+				}
+
+				&:has(table[data-table-align="right"]) {
+					width: fit-content;
+					margin-left: auto;
+					margin-right: 0;
+				}
+			}
+
+			&.resize-cursor {
+				cursor: col-resize;
+			}
+
+			.is-empty::before {
+				content: attr(data-placeholder);
+				float: left;
+				height: 0;
+				pointer-events: none;
+				@apply text-muted-foreground;
+			}
+
+			.has-focus {
+				@apply bg-accent/40 rounded;
+			}
+		}
+	}
+
+	.form-grid-layout {
+		@apply relative flex flex-col gap-2 @container;
+		[data-slot="form-fields"] {
+			@apply grid @2xl:grid-cols-2 @4xl:grid-cols-3 @6xl:grid-cols-4 gap-2 bg-background/80 p-4 place-items-start overflow-auto;
+
+			[data-slot="separator"] {
+				@apply col-start-full;
+			}
+
+			[data-slot*="text-field"],
+			[data-slot*="autocomplete-field"][data-mode="single"],
+			[data-slot*="currency-form-field"],
+			[data-slot*="time-field"],
+			[data-slot*="image-field"],
+			[data-slot*="select-field"] {
+				@apply w-full;
+			}
+
+			[data-slot="switch-field"],
+			[data-slot="textarea-field"],
+			[data-slot="autocomplete-field"][data-mode="multiple"],
+			[data-slot="select-chip-field"],
+			[data-slot="file-picker-field"] {
+				@apply col-start-full @6xl:col-span-2;
+			}
+
+			[data-slot="files-form-field"],
+			[data-slot="rich-text-editor"] {
+				@apply col-start-full;
+			}
+		}
+		[data-slot="form-actions"] {
+			@apply flex w-full justify-end gap-2 bottom-2 p-4 max-sm:*:flex-1;
+		}
+	}
+
+	.form-grid-layout {
+		@apply max-h-[calc(100lvh-184px)] md:max-h-[calc(100lvh-242px)] lg:max-h-[calc(100lvh-280px)];
+	}
+
+	/* No height cap on `DataTable` here (it nested a scroll in the page's):
+	   its `maxHeight` prop opts in. */
+}

package/dist/components/base.css

@@ -0,0 +1,150 @@
+/* The base layer lib/styles.css imports: what every element gets before the
+ * utilities (border colour, outline, selection, scrollbars, body and prose
+ * elements). */
+@layer base {
+	* {
+		@apply border-border outline-ring/50 selection:bg-primary selection:text-primary-foreground;
+		&::-webkit-scrollbar {
+			@apply w-1 gap-4 h-1 md:w-1.5 md:h-1.5 cursor-pointer;
+		}
+		&::-webkit-scrollbar-track {
+			@apply rounded bg-primary/20;
+		}
+		&::-webkit-scrollbar-thumb {
+			@apply rounded bg-muted-foreground;
+		}
+
+		input::-webkit-outer-spin-button,
+		::-webkit-inner-spin-button {
+			-webkit-appearance: none;
+			margin: 0;
+		}
+	}
+	body {
+		@apply bg-background text-foreground;
+
+		input[type="number"] {
+			-moz-appearance: textfield;
+		}
+
+		[data-slot="icon"] {
+			@apply dark:fill-foreground;
+		}
+
+		h1 {
+			font-size: var(--text-2xl);
+			font-weight: var(--font-weight-medium);
+		}
+		h2 {
+			font-size: var(--text-xl);
+			font-weight: var(--font-weight-medium);
+		}
+		h3 {
+			font-size: var(--text-lg);
+			font-weight: var(--font-weight-medium);
+		}
+		h4 {
+			font-size: var(--text-base);
+			font-weight: var(--font-weight-medium);
+		}
+		h5 {
+			font-size: var(--text-sm);
+			font-weight: var(--font-weight-medium);
+		}
+		h6 {
+			font-size: var(--text-xs);
+			font-weight: var(--font-weight-medium);
+		}
+		a:not(:has(> button)) {
+			@apply focus:underline underline-offset-4 hover:underline cursor-pointer;
+			@apply text-info [&_svg]:data-[slot=icon]:text-info hover:bg-info/10 active:bg-info/5 focus:bg-info/15;
+		}
+
+		code {
+			@apply rounded bg-muted px-[0.3rem] py-[0.2rem] font-mono mx-0.5;
+		}
+
+		blockquote {
+			@apply border-l-2 border-primary/40 pl-4 italic text-muted-foreground my-1;
+		}
+		pre {
+			@apply bg-muted rounded p-4 overflow-x-auto my-1;
+			code {
+				@apply text-sm;
+			}
+		}
+
+		ul li p,
+		ol li p {
+			display: inline;
+		}
+
+		ul[data-type="taskList"] {
+			list-style-type: disc;
+		}
+		ol[data-type="taskList"] {
+			list-style-type: decimal;
+		}
+
+		ul[data-type="taskList"] li {
+			@apply flex gap-2 items-center;
+		}
+
+		ul,
+		ol {
+			@apply list-inside marker:text-muted-foreground;
+		}
+
+		[data-type="emoji"] {
+			img {
+				@apply size-4;
+			}
+		}
+
+		input[type="checkbox"] {
+			display: grid;
+			place-content: center;
+			-webkit-appearance: none;
+			appearance: none;
+			font: inherit;
+			color: ---value(--color-primary);
+			width: 1.05em;
+			height: 1.05em;
+			border: 0.13em solid var(--muted-foreground);
+			border-radius: 0.15em;
+		}
+		input[type="checkbox"]::before {
+			content: "";
+			width: 0.55em;
+			height: 0.55em;
+			transform: scale(0);
+			transition: 120ms transform ease-in-out;
+			box-shadow: inset 1em 1em var(--color-primary);
+		}
+		input[type="checkbox"]:checked::before {
+			transform: scale(1);
+		}
+		input[type="checkbox"]:indeterminate::before {
+			height: 0.15em;
+		}
+
+		table {
+			overflow: hidden;
+			table-layout: fixed;
+			@apply border-collapse w-full overflow-hidden rounded;
+
+			tr {
+				@apply even:bg-primary/5;
+			}
+
+			td,
+			th {
+				@apply border-0 p-1 py-2;
+			}
+
+			th {
+				@apply bg-primary/15 text-left text-muted-foreground dark:text-primary-foreground;
+			}
+		}
+	}
+}

package/dist/components/components.css

@@ -16,6 +16,8 @@
 @import "./ui/display/code/code-moonlight.css";
 @import "./ui/actions/button-group/button-group.css";
 @import "./ui/layout/app-bar/bottom-app-bar.css";
+@import "./ui/primitives/label/label.css";
+@import "./ui/feedback/toast/toast.css";
 @import "./ui/fields/contacts/contact-item.css";
 @import "./ui/fields/opening-hours/opening-hours-item.css";
 @import "./ui/fields/attributes/attribute-form/attribute-form.css";

package/dist/components/reduced-motion.css

@@ -0,0 +1,56 @@
+/* prefers-reduced-motion: the catalogue's components (their `data-slot`
+ * elements and what they render, toasts included) stop animating and
+ * transitioning: an animation ends at once, a transition jumps. The spinner
+ * and any `animate-spin` element keep turning, as they are the only sign that
+ * something is loading (WCAG 2.3.3 allows essential motion).
+ *
+ * Deliberately outside any `@layer`: an `!important` declaration in a layer
+ * beats an unlayered or utility `!important` one (the order of layers reverses
+ * for `!important`), so a layered rule could not be overridden by the app.
+ * Unlayered, and wrapped in `:where()` so its specificity is 0, it still beats
+ * a component's `duration-500` utility (those are not `!important`), while an
+ * app's own `!important` rule on a class wins. */
+@media (prefers-reduced-motion: reduce) {
+	:where(
+		[data-slot],
+		[data-slot] *,
+		[data-sonner-toaster] *,
+		[data-sonner-toast]
+	):where(
+		:not(
+			[data-slot="spinner"],
+			[data-slot="spinner"] *,
+			.animate-spin,
+			.animate-spin *
+		)
+	),
+	:where([data-slot], [data-slot] *, [data-sonner-toaster] *):where(
+		:not(
+			[data-slot="spinner"],
+			[data-slot="spinner"] *,
+			.animate-spin,
+			.animate-spin *
+		)
+	)::before,
+	:where([data-slot], [data-slot] *, [data-sonner-toaster] *):where(
+		:not(
+			[data-slot="spinner"],
+			[data-slot="spinner"] *,
+			.animate-spin,
+			.animate-spin *
+		)
+	)::after {
+		/* biome-ignore lint/complexity/noImportantStyles: it must beat a component's utility */
+		animation-duration: 0.01ms !important;
+		/* biome-ignore lint/complexity/noImportantStyles: it must beat a component's utility */
+		animation-delay: 0s !important;
+		/* biome-ignore lint/complexity/noImportantStyles: it must beat a component's utility */
+		animation-iteration-count: 1 !important;
+		/* biome-ignore lint/complexity/noImportantStyles: it must beat a component's utility */
+		transition-duration: 0.01ms !important;
+		/* biome-ignore lint/complexity/noImportantStyles: it must beat a component's utility */
+		transition-delay: 0s !important;
+		/* biome-ignore lint/complexity/noImportantStyles: it must beat a component's utility */
+		scroll-behavior: auto !important;
+	}
+}