@nxgt/material 3.57.0 → 3.59.0

package/docs/guides/data-grid.md

@@ -957,12 +957,22 @@ re-renders every item.
 
 ```tsx
 const renderItem = (row: Student, state: DataGridRowState) => (
-  <span>{row.name} · {state.unsaved > 0 ? 'unsaved' : 'saved'}</span>
+  <span>
+    {row.name} <span aria-hidden className="before:content-['·']" />{' '}
+    {state.unsaved > 0 ? 'unsaved' : 'saved'}
+  </span>
 );
 
 <DataGrid renderPhoneItem={renderItem} /* … */ />;
 ```
 
+A list item's accessible name is everything it shows, in reading order: the
+row's label, its badges, the summary and the reason of a locked or read-only
+row (in its name, not its description, so axe's `label-content-name-mismatch` passes). Query it by its label
+start, `getByRole('button', { name: /^Ada Lovelace/ })`, not by the exact
+label. If `renderPhoneItem` draws separators, draw them with CSS (such as
+`before:content-['·']`) so the name stays free of stray marks.
+
 ## The keyboard
 
 One tab stop; Tab leaves the grid past the last cell (`tabBehavior="exit"`

package/docs/guides/printing.md

@@ -195,7 +195,7 @@ print English strings ("Total", "No rows") and `en` amounts and dates.
 | Component | Props | Renders |
 | --- | --- | --- |
 | `PrintHeader` | `title: string`, `subtitle?: string`, `reference?: string`, `referencePrefix?: string` (`'#'`), `logo?: string \| { src, width?, height? }`, `logoText?: string`, `qrDataUrl?: string \| null` | The title block: the logo (a PNG or JPEG URL or data URL, 72×48 pt unless you size it) or `logoText` in a box on the left, the title, subtitle and `#reference` centred, the QR image on the right. A side you leave empty draws nothing, and the title stays centred |
-| `PrintSection` | `title: string`, `className?: string`, `children` | A titled block (`className` is a `tw` string, default `mb-3.5`) |
+| `PrintSection` | `title: string`, `className?: string`, `keepTogether?: boolean`, `children` | A titled block (`className` is a `tw` string, default `mb-3.5`); `keepTogether` keeps its title and rows on one page, see [Keeping a block on one page](#keeping-a-block-on-one-page) |
 | `PrintInfoRow` | `label: string`, `value?: ReactNode` | A label / value line. A `string` or `number` value is wrapped in `Text`; anything else is rendered as-is |
 | `PrintCard` | `className?: string`, `children` | A bordered row of fields |
 | `PrintCardField` | `label: string`, `value?: string \| null` | A label over a value. **Renders nothing when `value` is empty** |
@@ -1012,8 +1012,8 @@ it:
 | --- | --- | --- |
 | `heading` | `heading(text, level?)` | A title, level `1`, `2` or `3` |
 | `text` | `text(content, { variant?, style? })` | A paragraph: a string, or runs `{ text, bold?, italic?, color?, href? }`; `variant` is `'body'`, `'muted'`, `'caption'` or `'label'` |
-| `stack` / `row` | `stack(children, { gap?, style? })`, `row(children, { gap?, align?, justify?, style? })` | Children one under the other, or side by side |
-| `section` | `section(title, children)` | A titled block, as `PrintSection` |
+| `stack` / `row` | `stack(children, { gap?, style?, keepTogether? })`, `row(children, { gap?, align?, justify?, style? })` | Children one under the other, or side by side |
+| `section` | `section(title, children, { keepTogether? })` | A titled block, as `PrintSection`; `keepTogether` as on a `stack` |
 | `table` | `table({ columns, rows, footer?, labelTotals?, striped?, repeatHeader?, keepRowsWhole?, emptyText?, hideWhenEmpty? })`, or `dataTable(columns, rows, options?)` from [column definitions](#tables-from-column-definitions-datatable-and-keyvalueof) | A table of `PrintValue`s, as `PrintDataTable`; a row or a cell may carry a `style`, see [Row and cell styles](#row-and-cell-styles-in-a-table); with `labelTotals`, an empty first cell of a `footer` row reads "Total" in the document's language |
 | `keyValue` | `keyValue(items, { columns?, keepEmpty? })`, or `keyValueOf(fields, data, options?)` from column definitions | Label and value pairs, as `PrintKeyValue` |
 | `totals` | `totals(rows)` | Label and value rows; `emphasis` makes one bold |
@@ -1122,6 +1122,31 @@ without the footer row, put `pageNumber({ scope: 'group', format: 'page' })`
 in the page's `footer` ("Page 2"). The scope is typed `PdfPageNumberScope`
 (`'document' | 'group'`), exported from `@nxgt/material-core/pdf/model`.
 
+### Keeping a block on one page
+
+`keepTogether` on a `PrintSection`, or on a `section` or `stack` node of a
+document as data, moves the block to the next page whole when it would
+straddle a page break, so a group's title is never left apart from its rows.
+It maps to react-pdf's `wrap={false}`, and is off by default.
+
+```tsx
+<PrintSection title={group.title} keepTogether>
+  {group.rows.map((row) => <PrintInfoRow key={row.id} label={row.label} value={row.value} />)}
+</PrintSection>
+```
+
+```ts
+section(group.title, rows, { keepTogether: true });
+stack([heading('Result'), table(result)], { keepTogether: true });
+```
+
+Use it on a block you know is shorter than a page. react-pdf cannot split a
+block that opted out of wrapping: a block taller than the page area is not
+broken, it overflows the page and is cut off at the edge (react-pdf logs
+"can't wrap between pages and it's bigger than available page height").
+Leave `keepTogether` off for a block that may grow past a page, and use
+`keepRowsWhole` and `repeatHeader` on a long table instead.
+
 ### Row and cell styles in a table
 
 A `rows` or `footer` entry is a list of values, or `{ cells, style? }`; a

package/docs/roadmap.md

@@ -6,12 +6,19 @@ version they shipped in, and planned entries may name the major they target.
 
 ## Now
 
+- **Barcodes and label sheets** — `@nxgt/material/barcode` draws Code 128
+  and Data Matrix as accessible SVG (themed, dark-aware, black on white in
+  print) and lays labels out on a sheet to print: label size, columns, rows,
+  gaps and a start offset
+  ([#1963](https://github.com/softistx/nxgt-material/issues/1963),
+  [guide](guides/barcode.md)).
 - **Toast texts follow app translations** — the toast presets read the
   app's `I18nProvider` `resources`, so an override under `material.*`
   changes their wording ([#1855](https://github.com/softistx/nxgt-material/issues/1855)).
-- **Smaller, easier-to-read components** — the library's own source is kept
-  to files under 200 lines and functions under 80, so a component is quicker to
-  read and to fix ([#1865](https://github.com/softistx/nxgt-material/issues/1865)).
+- **A decision bar for phone pages** — `StickyActionBar` holds a long page's
+  main decision at the bottom of a phone, above the keyboard and clear of the
+  safe areas, and inline from `md`
+  ([#1964](https://github.com/softistx/nxgt-material/issues/1964)).
 - **DataGrid: one column, several kinds of row** — `meta.rowEditor(row)` picks
   the built-in editor from the row, and `meta.options` and
   `meta.number.decimals` take the row, so a result column can be a bounded
@@ -309,6 +316,9 @@ version they shipped in, and planned entries may name the major they target.
   `@nxgt/material/print` are removed in favour of `definePdfDocument`, once the
   framework-free engine (see Next) ships. They work, and are not deprecated,
   today.
+- **Imports from the declaring file** — after the size split, internal
+  imports name the file that declares each moved name instead of going through
+  a re-export ([#1980](https://github.com/softistx/nxgt-material/issues/1980)).
 - **Ready-made documents** — invoice, quote, receipt, report, certificate and
   label-sheet templates that take your data and return a document, their labels
   translated.
@@ -348,6 +358,11 @@ version they shipped in, and planned entries may name the major they target.
 
 ## Shipped
 
+- **Smaller, easier-to-read components (3.58.0)** — the library's own source
+  is kept to files under 200 lines and functions under 80, enforced by a
+  check, so a component is quicker to read and to fix. No API or behaviour
+  change ([#1865](https://github.com/softistx/nxgt-material/issues/1865)).
+
 - **Dark cards that separate from the page ground (3.54.0)** — in dark mode, cards,
   popovers and dialogs lift off the page ground (lighter surfaces and a `--card-edge`
   hairline), light unchanged ([#1676](https://github.com/softistx/nxgt-material/issues/1676)).

package/docs/troubleshooting.md

@@ -457,6 +457,15 @@ words in your error.
 
 - [Reporting a bug](#reporting-a-bug)
 
+**Barcodes**
+
+- [`Code 128 holds ASCII only (0-127)`](#code-128-holds-ascii-only-0-127)
+- [`Code 128 needs a value` / `Data Matrix needs a value`](#code-128-needs-a-value--data-matrix-needs-a-value)
+- [`Data Matrix holds at most 1558 codewords`](#data-matrix-holds-at-most-1558-codewords)
+- [`<name> must be a whole number`](#name-must-be-a-whole-number)
+- [`<name> must be a number (millimetres) or a length such as "50mm"`](#name-must-be-a-number-millimetres-or-a-length-such-as-50mm)
+- [`Unknown symbology "x": use "code128" or "datamatrix"`](#unknown-symbology-x-use-code128-or-datamatrix)
+
 ---
 
 ## Install
@@ -7820,6 +7829,59 @@ Before upgrading, precaching the illustration chunks in the service worker narro
 
 ---
 
+## Barcodes
+
+### `Code 128 holds ASCII only (0-127)`
+
+Raised by `@nxgt/material/barcode` while rendering. The value has a character above 127 (`é`, `€`). Use `symbology="datamatrix"`, which encodes UTF-8, or remove the character.
+
+```tsx
+<Barcode value="CAFE-42" />
+<Barcode value="Café" symbology="datamatrix" />
+```
+
+### `Code 128 needs a value` / `Data Matrix needs a value`
+
+Raised by `@nxgt/material/barcode` while rendering. `Barcode` or `barcodeGeometry` got an empty string. Render the symbol only when there is a code.
+
+```tsx
+{code ? <Barcode value={code} /> : null}
+```
+
+### `Data Matrix holds at most 1558 codewords`
+
+Raised by `@nxgt/material/barcode` while rendering. The value is longer than the largest 144x144 symbol (about 3 100 digits, fewer other characters). Encode an identifier and look the rest up.
+
+```tsx
+<Barcode value={record.id} symbology="datamatrix" />
+```
+
+### `<name> must be a whole number`
+
+Raised by `@nxgt/material/barcode` while rendering. `columns`, `rows` or `skip` of a `LabelSheet` is zero, negative or fractional (`columns` and `rows` need at least 1, `skip` at least 0).
+
+```tsx
+<LabelSheet label={{ width: 50, height: 25 }} columns={3} rows={8}>
+```
+
+### `<name> must be a number (millimetres) or a length such as "50mm"`
+
+Raised by `@nxgt/material/barcode` while rendering. A `LabelSheet` size, gap or offset is a bare string (`'50'`) or has an unsupported unit. Use a number (millimetres) or `'50mm'`, `'2cm'`, `'0.5in'`, `'8pt'`, `'12px'`, `'1rem'`.
+
+```tsx
+<LabelSheet label={{ width: '50mm', height: 25 }} columns={3} gap="2mm">
+```
+
+### `Unknown symbology "x": use "code128" or "datamatrix"`
+
+Raised by `@nxgt/material/barcode` while rendering. `symbology` is neither value (reachable from plain JS or an untyped string).
+
+```tsx
+<Barcode value="42" symbology="datamatrix" />
+```
+
+---
+
 ## Reporting a bug
 
 If an error comes from inside this package and none of the entries above

package/lib/components/components.css

@@ -206,3 +206,4 @@
 @import "./background-shared.css";
 @import "./ui/widgets/drawing/drawing.css"; /* @nxgt/material/draw: role colours, focus ring */
 @import "./ui/widgets/drawing/drawing-animate.css";
+@import "./ui/widgets/barcode/barcode.css"; /* @nxgt/material/barcode: symbol colours, label sheet */

package/lib/components/ui/widgets/barcode/barcode.css

@@ -0,0 +1,112 @@
+/* Barcode and LabelSheet (`@nxgt/material/barcode`). Imported by components.css,
+ * so styles.css carries it. No inline style: the symbol's colours are classes
+ * and a sheet's lengths are custom properties written after mount.
+ *
+ * On screen the symbol follows the theme (ink = --foreground on --background);
+ * `appearance="paper"` keeps dark-on-light in dark mode too, which is what most
+ * scanners need. In print every symbol is black on white whatever the theme. */
+.nxgt-barcode {
+	display: block;
+	max-width: 100%;
+	height: auto;
+	color: var(--foreground);
+}
+.nxgt-barcode-paper {
+	fill: var(--background);
+}
+.nxgt-barcode-ink {
+	fill: var(--foreground);
+}
+.nxgt-barcode-text {
+	fill: var(--foreground);
+	font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
+}
+.nxgt-barcode[data-appearance="paper"] .nxgt-barcode-paper {
+	fill: #fff;
+}
+.nxgt-barcode[data-appearance="paper"] .nxgt-barcode-ink,
+.nxgt-barcode[data-appearance="paper"] .nxgt-barcode-text {
+	fill: #000;
+}
+
+/* A sheet of labels: pages of a CSS grid. --nxgt-label-w/-h are one label,
+ * --nxgt-label-cols the columns, --nxgt-label-gap-x/-y the gaps and
+ * --nxgt-label-off-x/-y the margin before the first label. */
+.nxgt-label-sheet {
+	display: flex;
+	flex-direction: column;
+	gap: 1rem;
+}
+.nxgt-label-page {
+	box-sizing: border-box;
+	display: grid;
+	grid-template-columns: repeat(
+			var(--nxgt-label-cols, 1),
+			var(--nxgt-label-w, auto)
+		);
+	grid-auto-rows: var(--nxgt-label-h, auto);
+	column-gap: var(--nxgt-label-gap-x, 0);
+	row-gap: var(--nxgt-label-gap-y, 0);
+	padding: var(--nxgt-label-off-y, 0) 0 0 var(--nxgt-label-off-x, 0);
+	width: max-content;
+	max-width: 100%;
+	break-after: page;
+	page-break-after: always;
+	background: var(--card);
+	outline: 1px dashed var(--border);
+}
+.nxgt-label-page:last-child {
+	break-after: auto;
+	page-break-after: auto;
+}
+.nxgt-label {
+	box-sizing: border-box;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	gap: 0.5mm;
+	overflow: hidden;
+	break-inside: avoid;
+	padding: 1mm;
+	font-size: 8pt;
+	line-height: 1.1;
+	text-align: center;
+	outline: 1px dotted var(--border);
+}
+.nxgt-label[data-blank] {
+	outline: none;
+}
+.nxgt-label > .nxgt-barcode {
+	flex: 0 1 auto;
+	min-height: 0;
+	width: 100%;
+	/* the symbol scales to fit (preserveAspectRatio), leaving room for the text */
+	max-height: max(calc(var(--nxgt-label-h, 30mm) - 8mm), 4mm);
+}
+
+@media print {
+	.nxgt-barcode {
+		color: #000;
+	}
+	.nxgt-barcode .nxgt-barcode-paper {
+		fill: #fff;
+	}
+	.nxgt-barcode .nxgt-barcode-ink,
+	.nxgt-barcode .nxgt-barcode-text {
+		fill: #000;
+	}
+	.nxgt-label-sheet {
+		display: block;
+		gap: 0;
+	}
+	.nxgt-label-page {
+		background: #fff;
+		color: #000;
+		outline: none;
+		max-width: none;
+	}
+	.nxgt-label {
+		outline: none;
+	}
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@nxgt/material",
-	"version": "3.57.0",
+	"version": "3.59.0",
 	"license": "MIT",
 	"bugs": {
 		"email": "stevegires@gmail.com"
@@ -75,6 +75,11 @@
 			"types": "./dist/lib/map/index.d.ts",
 			"require": "./dist/map.js"
 		},
+		"./barcode": {
+			"import": "./dist/barcode.js",
+			"types": "./dist/lib/barcode/index.d.ts",
+			"require": "./dist/barcode.js"
+		},
 		"./draw/animate": {
 			"import": "./dist/draw-animate.js",
 			"types": "./dist/lib/draw-animate/index.d.ts",
@@ -362,7 +367,7 @@
 		"docs:previews": "rm -rf node_modules/.cache/nxgt-preview-free/missing && NXGT_PREVIEW_FREE=1 vitest run --project previews && bun .storybook/preview-free-report.ts"
 	},
 	"dependencies": {
-		"@nxgt/material-core": "^0.42.0",
+		"@nxgt/material-core": "^0.43.0",
 		"@base-ui/react": "^1.6.0",
 		"@dnd-kit/core": "^6.3.1",
 		"@dnd-kit/sortable": "^10.0.0",
@@ -475,6 +480,7 @@
 		"@vitest/browser-playwright": "4.1.10",
 		"ajv": "^8.20.0",
 		"axe-core": "4.12.1",
+		"bwip-js": "^4.11.4",
 		"globals": "^17.7.0",
 		"hls.js": "^1.7.3",
 		"leaflet": "^1.9.4",
@@ -494,7 +500,8 @@
 		"vite-plugin-dts": "^5.0.3",
 		"vitest": "^4.1.10",
 		"y-protocols": "1.0.7",
-		"yjs": "13.6.33"
+		"yjs": "13.6.33",
+		"zxing-wasm": "^3.1.6"
 	},
 	"peerDependencies": {
 		"@adamscybot/react-leaflet-component-marker": "^2.0.3",

package/dist/empty-state-4gmbCkcw.js

@@ -1,117 +0,0 @@
-import { t as e } from "./utils-BLfntITJ.js";
-import { t } from "./use-material-translation-BQOr4Oks.js";
-import { i as n } from "./escape-owner-BJvicDmr.js";
-import { a as r, c as i, i as a, n as o, o as s, r as c, t as l, u } from "./state-scenes-BX03WmSu.js";
-import { Suspense as d } from "react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { AlertCircle as m, Construction as h, FileQuestion as g, PackageOpen as _, Search as v, ShieldAlert as y, WifiOff as b } from "lucide-react";
-import { STATE_ACCENT as x, STATE_ICON as S, stateCopy as C } from "@nxgt/material-core/states";
-//#region lib/components/ui/feedback/state-frame/state-icon.tsx
-var w = {
-	"package-open": _,
-	search: v,
-	"file-question": g,
-	"shield-alert": y,
-	"alert-circle": m,
-	"wifi-off": b,
-	construction: h
-};
-function T({ kind: e }) {
-	let t = w[S[e]];
-	return /* @__PURE__ */ f(t, { "aria-hidden": "true" });
-}
-//#endregion
-//#region lib/components/ui/feedback/state-frame/state-scene-illustration.tsx
-function E({ scene: e, size: t }) {
-	return /* @__PURE__ */ f("div", {
-		"data-slot": "illustration",
-		"data-scene": e,
-		"data-size": t,
-		"data-fallback": "",
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ f(r, {
-			kind: l[e] ?? "empty",
-			className: "h-full w-full"
-		})
-	});
-}
-var D = a("illustration", async () => {
-	let { Illustration: e } = await import("./illustration-B4_W-OUS.js").then((e) => e.n);
-	return ({ scene: t, size: n }) => /* @__PURE__ */ f(e, {
-		scene: t,
-		size: n
-	});
-}, E);
-function O({ scene: e, size: t }) {
-	return /* @__PURE__ */ f(d, {
-		fallback: /* @__PURE__ */ f("div", {
-			"data-slot": "illustration",
-			"data-size": t,
-			"aria-hidden": "true"
-		}),
-		children: /* @__PURE__ */ f(D, {
-			scene: e,
-			size: t
-		})
-	});
-}
-//#endregion
-//#region lib/components/ui/feedback/state-frame/state-frame.tsx
-function k({ kind: t, size: a = "default", illustration: l, icon: d, title: m, headingLevel: h, description: g, actions: _, className: v, children: y, ...b }) {
-	let S = a === "inline", C = a === "compact" || S, w = e("flex shrink-0 items-center justify-center rounded", s[x[t]], S ? "size-8 rounded-full [&_svg]:size-4" : C ? "size-10 [&_svg]:size-5" : "size-16 [&_svg]:size-7"), E = u(), D = l === !0 || c(l, E?.sets) ? c(l, E?.sets) ? l : o[t] : null, k = l == null && d == null && a === "default" ? i(E, o[t]) : void 0, A = S ? null : D ?? (k ? o[t] : null), j = null;
-	return j = l === !1 ? null : A ? /* @__PURE__ */ f(O, {
-		scene: A,
-		size: C ? "sm" : "md"
-	}) : l != null && l !== !0 && !c(l, E?.sets) ? l : d == null ? C ? /* @__PURE__ */ f("div", {
-		className: w,
-		children: /* @__PURE__ */ f(T, { kind: t })
-	}) : /* @__PURE__ */ f(r, { kind: t }) : /* @__PURE__ */ f("div", {
-		className: w,
-		children: d
-	}), /* @__PURE__ */ p("div", {
-		"data-kind": t,
-		"data-size": a,
-		className: e("flex text-foreground", S ? "flex-row items-center gap-3 px-3 py-2.5 text-start" : "flex-col items-center justify-center text-center", !S && (C ? "gap-3 px-4 py-6" : "min-h-[22rem] gap-5 p-8"), v),
-		...b,
-		children: [
-			j,
-			(m != null || g != null) && /* @__PURE__ */ p("div", {
-				className: e("flex flex-col", S ? "min-w-0 flex-1 gap-0.5" : "max-w-sm gap-2"),
-				children: [m != null && /* @__PURE__ */ f(n, {
-					as: h ? `h${h}` : void 0,
-					variant: S ? "normal" : C ? "title-medium" : "headline-small",
-					className: e("tracking-tight text-balance", S && "font-medium"),
-					children: m
-				}), g != null && /* @__PURE__ */ f(n, {
-					variant: S ? "body-small" : "body-medium",
-					className: "text-pretty",
-					children: g
-				})]
-			}),
-			y,
-			_ != null && /* @__PURE__ */ f("div", {
-				className: e("flex flex-wrap items-center gap-2", S ? "shrink-0" : "mt-1 justify-center"),
-				children: _
-			})
-		]
-	});
-}
-//#endregion
-//#region lib/components/ui/feedback/empty-state/empty-state.tsx
-function A({ kind: e = "empty", size: n = "default", illustration: r, icon: i, title: a, description: o, action: s, ...c }) {
-	let l = C(e, "empty-state"), { t: u } = t(), d = o ?? (a == null ? u(l.descriptionKey, l.description) : void 0);
-	return /* @__PURE__ */ f(k, {
-		"data-slot": "empty-state",
-		"data-variant": e,
-		kind: e,
-		size: n,
-		illustration: r,
-		icon: i,
-		title: a ?? u(l.titleKey, l.title),
-		description: d,
-		actions: s,
-		...c
-	});
-}
-//#endregion
-export { k as n, A as t };

package/dist/use-shape-morph-DXdy2X5g.js

@@ -1,35 +0,0 @@
-import { useLayoutEffect as e, useRef as t } from "react";
-import { morph as n, morphAt as r, toSvgPath as i } from "@nxgt/material-core/shapes";
-//#region lib/components/ui/display/shape/use-shape-morph.ts
-var a = .8, o = 14, s = o * Math.sqrt(1 - a * a);
-function c(e) {
-	let t = e / 1e3;
-	return 1 - Math.exp(-.8 * o * t) * (Math.cos(s * t) + a * o / s * Math.sin(s * t));
-}
-var l = () => typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-function u(a, o, s) {
-	let u = t(o);
-	e(() => {
-		let e = a.current, t = u.current;
-		if (!e || t === o || !s || l()) {
-			e && t !== o && e.setAttribute("d", i(o)), u.current = o;
-			return;
-		}
-		let d = n(t, o), f = i(o), p = 0, m = performance.now(), h = (t) => {
-			let n = t - m;
-			if (n >= 520) {
-				u.current = o, e.setAttribute("d", f);
-				return;
-			}
-			let a = r(d, c(n));
-			u.current = a, e.setAttribute("d", i(a)), p = requestAnimationFrame(h);
-		};
-		return e.setAttribute("d", i(d.from)), p = requestAnimationFrame(h), () => cancelAnimationFrame(p);
-	}, [
-		a,
-		o,
-		s
-	]);
-}
-//#endregion
-export { u as n, c as t };