@nxgt/material 3.58.0 → 3.59.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @nxgt/material
 
+## 3.59.0
+
+### Minor Changes
+
+- [#1970](https://github.com/softistx/nxgt-material/pull/1970) [`991aa74`](https://github.com/softistx/nxgt-material/commit/991aa746f83f04565da5dcb106213bd888fca991) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Add `@nxgt/material/barcode`: `Barcode` draws Code 128 and Data Matrix as accessible SVG that follows the theme and dark mode (`appearance="paper"` keeps it dark on light) and prints black on white, and `LabelSheet` / `Label` lay a printed sheet of labels out by label size, columns, rows, gaps, a start offset and `skip`. The encoders are written in the package (no runtime dependency); `barcodeGeometry` returns the path for an SVG of your own. Nothing to migrate. Closes [#1963](https://github.com/softistx/nxgt-material/issues/1963).
+
+- [#1985](https://github.com/softistx/nxgt-material/pull/1985) [`9ebd264`](https://github.com/softistx/nxgt-material/commit/9ebd26405cb7d48655db77087d08f1cf6d728248) Thanks [@SteveGT96](https://github.com/SteveGT96)! - `LoadMoreFooter` (Buttons & actions) is the footer of a paged list: a "Showing N of M" line in a polite live region (`shown`, `total`), the load button (`hasMore`, `loading`, `label`, `onLoad`) and, with `failed`, an error alert in its place with a tonal "Try again" that calls `onLoad` and keeps the rows shown. It renders nothing when `hasMore` is false. `PageLoadFailed` (Feedback & status) is an `EmptyState` for a page opened at a cursor that failed, with a "Back to the start" link (`href`, rendered by the `LinkComponentProvider`'s component). New texts under `material.load-more.*`, in English and French. Additive; React only for now. Fixes [#1983](https://github.com/softistx/nxgt-material/issues/1983).
+
+- [#1967](https://github.com/softistx/nxgt-material/pull/1967) [`204e4cd`](https://github.com/softistx/nxgt-material/commit/204e4cd05dfce84ad781af838d5f854ef71a48e4) Thanks [@SteveGT96](https://github.com/SteveGT96)! - print: a typed `keepTogether` option on `PrintSection` and on the `section` and `stack` nodes of a document as data moves a block to the next page whole rather than split across a break (react-pdf's `wrap={false}`, without a cast). Only for blocks shorter than a page: react-pdf cannot break a taller one, it overflows.
+
+### Patch Changes
+
+- [#1982](https://github.com/softistx/nxgt-material/pull/1982) [`5cbed3b`](https://github.com/softistx/nxgt-material/commit/5cbed3b100b1c590778da0103d6f37610a25cfc5) Thanks [@SteveGT96](https://github.com/SteveGT96)! - Roadmap: the size-limit split shipped.
+- Updated dependencies [[`204e4cd`](https://github.com/softistx/nxgt-material/commit/204e4cd05dfce84ad781af838d5f854ef71a48e4)]:
+  - @nxgt/material-core@0.43.0
+
 ## 3.58.0
 
 ### Minor Changes

package/README.md

@@ -199,6 +199,7 @@ reads `duotone.svg`, the file that exists (it used to ask for the missing
 | `@nxgt/material/print` | PDF documents over `@react-pdf/renderer`: the `PrintDocument` page shell, the print blocks, `PrintDrawing` and the `drawing(scene)` node (a vector drawing from `@nxgt/material-core/draw` printed as vectors), and `PrintDataTable`, `PrintKeyValue` and `PrintMetric` from column definitions and plain rows; documents as plain data (`pdfDocument` and its builders, with `outline` and `conformance`); `registerPdfFont` (with the `PdfFontFaces` type) to embed a font, and the `PdfConformance` type for the PDF/A marker; a `numeric` column and `tabularNums` for figures that line up; `downloadPdf`, `openPdf`, `usePdfFile` and `pdfResponse` to get the file in one call — **its own entry, and not in the barrel above** ([printing guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/printing.md)) |
 | `@nxgt/material/pdf-reader` | `PdfReader`, the redesigned PDF reader (header, floating page pill, rail and panel; `embedded`, `dialog`, `page` and `fullscreen` modes; single page and two-page layouts; `look="expressive"` by default, `"classic"` to opt out, type `PdfReaderLook`) and `configurePdfReader` for pdf.js's worker and assets. **Its own entry, browser-only** (pdf.js loads on first render); also exported as `PdfReader` from `/components` since 3.0 ([guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/pdf-reader.md)) |
 | `@nxgt/material/charts` | Native SVG charts (d3-scale and d3-shape for the maths only) with keyboard point navigation, a screen-reader summary, a "View data" table and `patterns`: `LineChart` and `AreaChart` (`LineChartProps`, `AreaChartProps`, `ChartCurve`), `BarChart` (`BarChartProps`, `BarLayout`, `BarOrientation`), `PieChart` (`PieChartProps`), `DonutChart` (`DonutChartProps`), `Gauge` (`GaugeProps`, `GaugeSize`), `RadialBarChart` (`RadialBarChartProps`), `FunnelChart` (`FunnelChartProps`), `HeatmapChart` (`HeatmapChartProps`, `HeatColumn`), `RadarChart` (`RadarChartProps`), `ScatterChart` (`ScatterChartProps`, `ScatterSeries`, `ScatterPoint`), `ComboChart` (`ComboChartProps`, `ComboSeries`: bars, areas and lines, each on a left or a right axis), `zoom` (a mini overview with a window and two slider handles that picks the rows shown; `range`, `defaultRange`, `onRangeChange`) and `scroll` (a dense plot scrolls sideways on a phone, the value axis pinned) on the line, area, bar and combo charts (`ChartRangeProps`, `ChartZoomOptions`, `ChartScrollOptions`, `ChartRange`), `bands` (shaded ranges), `thresholds` (labelled lines) and `pointTone` (a ringed point with its word, `toneLabels`) on the line and area charts, read against the value axis and carried into the tooltip, the summary and the "View data" table (`ChartBand`, `ChartThreshold`), `onPointClick` on every chart but `Gauge`, `palette` (`'soft'`: the soft palette, or `data-chart-palette="soft"` on an ancestor; `ChartPalette`) on every chart, and the shared types (`ChartSlice`, `ChartRow`, `ChartValue`, `ChartColor`, `ChartShape`, `ChartSeries`, `ChartAxis`, `ChartXAxis`, `ChartPoint`, `ChartBaseProps`). `categoryLabel` names the "View data" table's category column: on Line, Area, Bar and Combo it defaults to the x axis label, on Radar and Heatmap it is always "Category" unless set. **Its own entry, client-only** (import it from a `'use client'` file), not in the barrel above; replaces the Nivo charts (removed in 3.0) of `/components` ([guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/charts.md)) |
+| `@nxgt/material/barcode` | `Barcode` (Code 128 and Data Matrix as accessible SVG that follows the theme and dark mode, black on white in print; no runtime dependency) and `LabelSheet` / `Label` (label size, columns, rows, gaps and a start offset for a printed sheet of labels), plus `barcodeGeometry` and `BarcodeError` — **its own entry** ([barcode guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/barcode.md)) |
 | `@nxgt/material/draw` | Vector drawing: a scene of plain data or JSX primitives drawn as accessible, themeable SVG that is safe under a strict CSP and identical on the server and in the browser. `Drawing` (`DrawingProps`, `NodeHandlers`; `scene` or `w`/`h` with children; a `title` (with an optional long `description`, written as a `<desc>`) or `decorative`, enforced by the type), the primitives `Rect`, `Ellipse`, `Circle`, `Line`, `Polygon`, `Path` (takes `node`), `Text`, `Group` and `Image`, and the builders of `@nxgt/material-core/draw` re-exported by name (`scene`, `rect`, `ellipse`, `circle`, `line`, `polygon`, `path`, `text`, `group`, `image`, `linear`, `radial`, `pattern`, `hatch`, `tone`, `toSVG`, `compileScene`, `ROLES`, `DRAW_PALETTE`, and the types `Scene`, `DrawNode`, `Paint`, `Role`, `ToneRef`), plus Material 3 Expressive's shapes (`shape`, `morph`, `SHAPE_NAMES`, `toCubics`) and the layout helpers (`bbox`, `stack`, `grid`, `align`, `distribute`) re-exported by name. Colours are theme roles (`primary-container`, `on-surface`...) mapped to classes in `styles.css`, so import it. Interactive nodes are focusable `button`s with a focus ring; wrapped text is re-measured by the browser once mounted. **Its own entry, client-only** (render `Drawing` from a `'use client'` file; the builders and `toSVG` run anywhere), not in the barrel above ([drawing guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/drawing.md)) |
 | `@nxgt/material/draw/sketch` | The sketchy, hand-drawn style for a drawing: `Sketch` (`seed`, `roughness`, `bowing`, `fill`: `hachure`, `cross-hatch`, `solid` or `none`, `hachureAngle`, `hachureGap`, `strokeWidth`) wraps a `Drawing`, or primitives inside one, and draws shapes as double wobbling strokes with hatched fills; `sketch(sceneOrNode, options)` does it to plain data for `toSVG`. Seeded, so the server and the client draw the same lines; ids, labels, focus rings and events keep working. **Its own entry, client-only** (render `Sketch` from a `'use client'` file), not in the barrel above ([drawing guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/drawing.md#sketch)) |
 | `@nxgt/material/map` | Leaflet maps, markers, a location field — **its own entry, not in the barrel, and browser-only** ([maps guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/maps.md)) |
@@ -419,6 +420,32 @@ from `@nxgt/material/print` puts it in a PDF as vectors. The
 [drawing guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/drawing.md)
 covers colours, accessibility, events, sketch, animation, PNG, PDF and e-mail.
 
+### Barcodes and label sheets
+
+`@nxgt/material/barcode` draws Code 128 and Data Matrix as accessible SVG, with
+encoders written in the package (no runtime dependency). The symbol follows the
+theme on screen (`appearance="paper"` keeps it dark on light) and prints black
+on white; `LabelSheet` lays printed labels out by size, columns, rows and gaps.
+Its own entry, server-safe.
+
+```tsx
+import { Barcode, Label, LabelSheet } from '@nxgt/material/barcode';
+
+<Barcode value="TUBE-0042" label="Tube 0042" showText />
+<Barcode value="TUBE-0042" symbology="datamatrix" />
+
+<LabelSheet label={{ width: '50mm', height: '25mm' }} columns={3} rows={8} gap="2mm">
+	{items.map((i) => (
+		<Label key={i.id}>
+			<Barcode value={i.code} decorative />
+			{i.code}
+		</Label>
+	))}
+</LabelSheet>
+```
+
+The [barcode guide](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/barcode.md) covers the props, start offsets and `skip`, errors and printing.
+
 ## Guides
 
 Each area a consumer starts from has its own page under `docs/guides/`.
@@ -434,6 +461,7 @@ Each area a consumer starts from has its own page under `docs/guides/`.
 | [Maps](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/maps.md) | using `@nxgt/material/map` — browser-only, optional leaflet peers, `map.css` |
 | [Charts](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/charts.md) | drawing charts with `@nxgt/material/charts` (client-only): the twelve charts, shared props, legend, View data, `onPointClick`, reference bands, thresholds and point tones on the line chart, zoom and phone scroll, right-to-left pages, keyboard and accessibility, theming the `--chart-*` tokens, and migrating from the Nivo charts, removed in 3.0 |
 | [Drawing](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/drawing.md) | drawing diagrams, badges and illustrations from code with `@nxgt/material/draw`: a scene or JSX, theme roles and tones, strict CSP, accessibility, events, sketch, animation, PNG, PDF and e-mail |
+| [Barcodes](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/barcode.md) | Code 128 and Data Matrix with `@nxgt/material/barcode`: props, paper appearance, accessibility, `barcodeGeometry`, `LabelSheet` label sizes, offsets and `skip`, errors and printing |
 | [Backgrounds](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/backgrounds.md) | tones, intensity, the opt-in `backgrounds.css` and per-preset files, custom tone tokens, motion and CSP |
 | [Illustrations](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/illustrations.md) | `@nxgt/material/illustrations`: the twelve scenes and the health and education sets, icons from your sprites, `EmptyState` / `ErrorState` / `DataTable` with `illustration`, `IllustrationDefaults` for an app, sizes, motion and CSP |
 | [Icon motifs](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/guides/icon-motifs.md) | icon backgrounds, celestial skies, illustrations and themes together: serving your own Font Awesome sprites (the package ships none), `IconSpritesProvider`, `icons` / `iconStyle` / `iconMotif`, `sky`, the health and education sets, a theme naming its motif, Free fallbacks for Pro-only names |
@@ -519,6 +547,7 @@ Not components: what the stylesheet gives any element.
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/buttons-actions-copybutton.webp" width="120" alt="CopyButton"> | [`CopyButton`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/buttons-and-actions.md#copybutton), `CopyValue` | Copies a value to the clipboard and briefly shows a check mark. `CopyValue` displays the value next to the button. | `CopyButton`, `CopyValue` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/buttons-actions-highlighttext.webp" width="120" alt="HighlightText"> | [`HighlightText`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/buttons-and-actions.md#highlighttext) | Marks case-insensitive matches of a query inside a string (`splitMatch`). | `HighlightText` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/buttons-actions-loadmorebutton.webp" width="120" alt="LoadMoreButton"> | [`LoadMoreButton`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/buttons-and-actions.md#loadmorebutton) | "Load more" button for cursor pagination; icon-only with a tooltip unless `expanded`. | `LoadMoreButton` |
+| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/buttons-actions-loadmorefooter.webp" width="120" alt="LoadMoreFooter"> | [`LoadMoreFooter`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/buttons-and-actions.md#loadmorefooter) | Footer of a paged list: shown-of-total line, load button, and a failed state with retry. | not yet |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/buttons-actions-scrolltotop.webp" width="120" alt="ScrollToTop"> | [`ScrollToTop`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/buttons-and-actions.md#scrolltotop) | Floating button that appears past a scroll threshold. | `ScrollToTop` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/buttons-actions-scrolltolatestbutton.webp" width="120" alt="ScrollToLatestButton"> | [`ScrollToLatestButton`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/buttons-and-actions.md#scrolltolatestbutton) | "Jump to latest" over a scroll box: an arrow that widens into "3 new messages". | — |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/buttons-actions-actioncard.webp" width="120" alt="ActionCard"> | [`ActionCard`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/buttons-and-actions.md#actioncard) | Clickable card (a `role="button"` with `aria-pressed`) with a shape icon that morphs when chosen, title, description and active indicator; `status`, `meta`, a trailing `action` (a `RowMenu`) and `variant="tile"` make a compact cell for status boards; `titleLink` makes the title a link and `footer` adds a row of secondary links. | `ActionCard` |
@@ -708,6 +737,7 @@ Not components: what the stylesheet gives any element.
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/feedback-status-customdialog.webp" width="120" alt="CustomDialog"> | [`CustomDialog`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/feedback-and-status.md#customdialog) | Ready-made dialog with trigger, icon, title, body and footer. | `CustomDialog` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/feedback-status-stepupdialog.webp" width="120" alt="StepUpDialog"> | [`StepUpDialog`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/feedback-and-status.md#stepupdialog) | "Confirm it's you": a dialog that asks for a one-time code, driven by props (`via`, `attemptsLeft`, `error`, `pending`, `confirming`). The title takes the focus, the field after a refusal; `DialogFooter` `stackOnPhone={false}` keeps its footer one row on a phone. | — |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/feedback-status-emptystate.webp" width="120" alt="EmptyState"> | [`EmptyState`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/feedback-and-status.md#emptystate) | Illustration, title, description and action, by kind (empty, search, not-found, unauthorized); `compact` size, or `inline` as one row in a list. | `EmptyState` |
+| <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/feedback-status-pageloadfailed.webp" width="120" alt="PageLoadFailed"> | [`PageLoadFailed`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/feedback-and-status.md#pageloadfailed) | An `EmptyState` for a page opened at a cursor that failed, with a "Back to the start" link. | not yet |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/feedback-status-errorstate.webp" width="120" alt="ErrorState"> | [`ErrorState`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/feedback-and-status.md#errorstate) | Failure block (`role="alert"`) with illustration, outlined Retry and collapsed technical details; generic, offline and maintenance kinds. | `ErrorState` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/feedback-status-progress.webp" width="120" alt="Progress"> | [`Progress`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/feedback-and-status.md#progress), `CircularProgress`, `ProgressField` | Material 3 Expressive linear bar and circular ring (flat or wavy, eight tones, buffer and stop dot), and a labelled progress field. | `Progress`, `CircularProgress`, `ProgressField` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/feedback-status-scrollprogress.webp" width="120" alt="ScrollProgress"> | [`ScrollProgress`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/feedback-and-status.md#scrollprogress) | Hairline that tracks window or a scrollable `target` (`react-use` `useWindowScroll` / `useScroll`). `DocProgress` composes it. | `ScrollProgress` |
@@ -766,6 +796,7 @@ Not components: what the stylesheet gives any element.
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/rich-widgets-codeeditor-diff.webp" width="120" alt="CodeDiff"> | [`CodeDiff`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/rich-widgets.md#codediff) | A Monaco diff in the code editor's frame and themes: side by side or inline (always inline on a phone), previous/next change, `+N −M` counts and copy. From `@nxgt/material/code-editor`. | `CodeDiff` |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/rich-widgets-quiz.webp" width="120" alt="Quiz"> | [`Quiz`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/rich-widgets.md#quiz), `QuestionCard` · [`QuestionNavigator`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/rich-widgets.md#questionnavigator) | Exam or practice quizzes: step progress, instant feedback with explanations and hints, a time limit, keyboard shortcuts, and a results screen with a score ring, a breakdown and a retry of the misses. Container queries. | `Quiz`, `QuestionCard` (modes and results: React only for now); `QuestionNavigator` React only for now |
 | <img src="https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/previews/rich-widgets-drawing.webp" width="120" alt="Drawing"> | [`Drawing`, `Rect`, `Ellipse`, `Circle`, `Line`, `Polygon`, `Path`, `Text`, `Group`, `Image`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/rich-widgets.md#drawing) from `@nxgt/material/draw` | Vector drawings from a scene of plain data or from JSX: theme-role colours that follow light and dark, no inline style (strict CSP), a `title` or `decorative` enforced by the type, focusable nodes with `onClick` and a focus ring, text that wraps with Inter's metrics and is refined by the browser. Client-only entry. | React only for now |
+| — | [`Barcode`](https://cdn.jsdelivr.net/npm/@nxgt/material@3/docs/components/rich-widgets.md#barcode), `LabelSheet`, `Label`, `barcodeGeometry` | Code 128 and Data Matrix as accessible SVG that follows the theme and prints black on white, and a printed sheet of labels. Its own entry, `@nxgt/material/barcode`, server-safe. | React only for now |
 
 `RadioGroupField`, `SliderField` and `SwitchField` are aliases of the
 labelled `RadioGroup`, `Slider` and `Switch`, under the names

package/dist/{async-slice-C_Juki7i.js → async-slice-Cmvxrvn9.js}

@@ -1,5 +1,5 @@
-import { i as e, r as t, t as n } from "./stored-language-BIxd7uiP.js";
-import { r } from "./translator-BrZv1U54.js";
+import { i as e, r as t, t as n } from "./stored-language-BDzGeEAm.js";
+import { r } from "./translator-CBhGdYun.js";
 import { t as i } from "./_baseIsEqual-C6ksIHya.js";
 import { useMemo as a } from "react";
 import { asyncThunkCreator as o, buildCreateSlice as s } from "@reduxjs/toolkit";

package/dist/barcode.js

@@ -0,0 +1,440 @@
+import { Children as e, useLayoutEffect as t, useMemo as n, useRef as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region lib/components/ui/widgets/barcode/barcode-error.ts
+var o = class extends Error {
+	constructor(e) {
+		super(e), this.name = "BarcodeError";
+	}
+}, s = "212222 222122 222221 121223 121322 131222 122213 122312 132212 221213\n221312 231212 112232 122132 122231 113222 123122 123221 223211 221132\n221231 213212 223112 312131 311222 321122 321221 312212 322112 322211\n212123 212321 232121 111323 131123 131321 112313 132113 132311 211313\n231113 231311 112133 112331 132131 113123 113321 133121 313121 211331\n231131 213113 213311 213131 311123 311321 331121 312113 312311 332111\n314111 221411 431111 111224 111422 121124 121421 141122 141221 112214\n112412 122114 122411 142112 142211 241211 221114 413111 241112 134111\n111242 121142 121241 114212 124112 124211 411212 421112 421211 212141\n214121 412121 111143 111341 131141 114113 114311 411113 411311 113141\n114131 311141 411131 211412 211214 211232 2331112".split(/\s+/), c = [
+	"A",
+	"B",
+	"C"
+], l = {
+	A: 103,
+	B: 104,
+	C: 105
+}, u = {
+	A: 101,
+	B: 100,
+	C: 99
+}, d = 106, f = (e) => e >= 48 && e <= 57;
+function p(e, t, n) {
+	let r = e[t];
+	if (n === "C") {
+		let n = e[t + 1];
+		return f(r) && n !== void 0 && f(n) ? {
+			len: 2,
+			value: (r - 48) * 10 + (n - 48)
+		} : null;
+	}
+	return n === "A" ? r < 32 ? {
+		len: 1,
+		value: r + 64
+	} : r < 96 ? {
+		len: 1,
+		value: r - 32
+	} : null : r >= 32 ? {
+		len: 1,
+		value: r - 32
+	} : null;
+}
+function m(e) {
+	if (e.length === 0) throw new o("Code 128 needs a value: got an empty string");
+	let t = Array.from(e, (e) => e.codePointAt(0));
+	for (let e of t) if (e > 127) throw new o("Code 128 holds ASCII only (0-127): use symbology=\"datamatrix\" for other text");
+	let n = t.length, r = 1e9, i = [], a = [];
+	for (let e = 0; e <= n; e++) i[e] = [
+		r,
+		r,
+		r
+	], a[e] = [
+		0,
+		0,
+		0
+	];
+	for (let e = n - 1; e >= 0; e--) {
+		for (let n = 0; n < 3; n++) {
+			let o = p(t, e, c[n]), s = o ? a[e + o.len][n] : r;
+			i[e][n] = o ? 1 + s : r;
+		}
+		for (let t = 0; t < 3; t++) {
+			let n = i[e][t];
+			for (let r = 0; r < 3; r++) r !== t && (n = Math.min(n, 1 + i[e][r]));
+			a[e][t] = n;
+		}
+	}
+	let s = [
+		0,
+		1,
+		2
+	], f = (e) => i[0][e], m = s[0];
+	for (let e of s) f(e) < f(m) && (m = e);
+	let h = [l[c[m]]], g = 0;
+	for (; g < n;) {
+		let e = p(t, g, c[m]), n = i[g][m], r = a[g][m];
+		if (!e || n !== r) {
+			let n = -1;
+			for (let e of s) if (e !== m && 1 + i[g][e] === r) {
+				n = e;
+				break;
+			}
+			m = n, h.push(u[c[m]]), e = p(t, g, c[m]);
+		}
+		h.push(e.value), g += e.len;
+	}
+	let _ = h[0];
+	for (let e = 1; e < h.length; e++) _ += e * h[e];
+	return h.push(_ % 103, d), h;
+}
+function h(e) {
+	let t = [];
+	for (let n of e) for (let e of s[n]) t.push(Number(e));
+	return t;
+}
+//#endregion
+//#region lib/components/ui/widgets/barcode/datamatrix-placement.ts
+function g(e, t, n, r) {
+	e(t - 2, n - 2, r, 1), e(t - 2, n - 1, r, 2), e(t - 1, n - 2, r, 3), e(t - 1, n - 1, r, 4), e(t - 1, n, r, 5), e(t, n - 2, r, 6), e(t, n - 1, r, 7), e(t, n, r, 8);
+}
+function _(e, t, n, { nrow: r, ncol: i }) {
+	let a = r, o = i;
+	({
+		1: [
+			[a - 1, 0],
+			[a - 1, 1],
+			[a - 1, 2],
+			[0, o - 2],
+			[0, o - 1],
+			[1, o - 1],
+			[2, o - 1],
+			[3, o - 1]
+		],
+		2: [
+			[a - 3, 0],
+			[a - 2, 0],
+			[a - 1, 0],
+			[0, o - 4],
+			[0, o - 3],
+			[0, o - 2],
+			[0, o - 1],
+			[1, o - 1]
+		],
+		3: [
+			[a - 3, 0],
+			[a - 2, 0],
+			[a - 1, 0],
+			[0, o - 2],
+			[0, o - 1],
+			[1, o - 1],
+			[2, o - 1],
+			[3, o - 1]
+		],
+		4: [
+			[a - 1, 0],
+			[a - 1, o - 1],
+			[0, o - 3],
+			[0, o - 2],
+			[0, o - 1],
+			[1, o - 3],
+			[1, o - 2],
+			[1, o - 1]
+		]
+	})[t].forEach(([t, r], i) => {
+		e(t, r, n, i + 1);
+	});
+}
+function v(e, t, n) {
+	let r = Array(t * n).fill(!1), i = Array(t * n).fill(!1), a = (a, o, s, c) => {
+		let l = a, u = o;
+		l < 0 && (l += t, u += 4 - (t + 4) % 8), u < 0 && (u += n, l += 4 - (n + 4) % 8), r[l * n + u] = (e[s] >> 8 - c & 1) == 1, i[l * n + u] = !0;
+	}, o = {
+		nrow: t,
+		ncol: n
+	}, s = (e, t) => !i[e * n + t], c = 0, l = 4, u = 0;
+	do {
+		l === t && u === 0 && _(a, 1, c++, o), l === t - 2 && u === 0 && n % 4 != 0 && _(a, 2, c++, o), l === t - 2 && u === 0 && n % 8 == 4 && _(a, 3, c++, o), l === t + 4 && u === 2 && n % 8 == 0 && _(a, 4, c++, o);
+		do
+			l < t && u >= 0 && s(l, u) && g(a, l, u, c++), l -= 2, u += 2;
+		while (l >= 0 && u < n);
+		l += 1, u += 3;
+		do
+			l >= 0 && u < n && s(l, u) && g(a, l, u, c++), l += 2, u -= 2;
+		while (l < t && u >= 0);
+		l += 3, u += 1;
+	} while (l < t || u < n);
+	let d = t * n - 1;
+	return i[d] || (r[d] = !0, r[d - n - 1] = !0), r;
+}
+//#endregion
+//#region lib/components/ui/widgets/barcode/datamatrix-rs.ts
+var y = /* @__PURE__ */ new Uint8Array(512), b = /* @__PURE__ */ new Uint8Array(256);
+{
+	let e = 1;
+	for (let t = 0; t < 255; t++) y[t] = e, b[e] = t, e <<= 1, e & 256 && (e ^= 301);
+	for (let e = 255; e < 512; e++) y[e] = y[e - 255];
+}
+var x = /* @__PURE__ */ new Map();
+function S(e) {
+	let t = x.get(e);
+	if (t) return t;
+	let n = [1];
+	for (let t = 1; t <= e; t++) {
+		let e = Array(n.length + 1).fill(0);
+		for (let r = 0; r < n.length; r++) e[r] ^= n[r], e[r + 1] ^= n[r] === 0 ? 0 : y[b[n[r]] + t];
+		n = e;
+	}
+	return x.set(e, n), n;
+}
+function C(e, t) {
+	let n = S(t), r = Array(t).fill(0);
+	for (let i of e) {
+		let e = i ^ r[0];
+		if (r.shift(), r.push(0), e !== 0) for (let i = 0; i < t; i++) {
+			let t = n[i + 1];
+			t !== 0 && (r[i] ^= y[b[e] + b[t]]);
+		}
+	}
+	return r;
+}
+//#endregion
+//#region lib/components/ui/widgets/barcode/datamatrix-tables.ts
+var w = (e, t, n, r, i = 1) => ({
+	side: e,
+	regions: t,
+	data: n,
+	ecc: r,
+	blocks: i
+}), T = [
+	w(10, 1, 3, 5),
+	w(12, 1, 5, 7),
+	w(14, 1, 8, 10),
+	w(16, 1, 12, 12),
+	w(18, 1, 18, 14),
+	w(20, 1, 22, 18),
+	w(22, 1, 30, 20),
+	w(24, 1, 36, 24),
+	w(26, 1, 44, 28),
+	w(32, 2, 62, 36),
+	w(36, 2, 86, 42),
+	w(40, 2, 114, 48),
+	w(44, 2, 144, 56),
+	w(48, 2, 174, 68),
+	w(52, 2, 204, 84, 2),
+	w(64, 4, 280, 112, 2),
+	w(72, 4, 368, 144, 4),
+	w(80, 4, 456, 192, 4),
+	w(88, 4, 576, 224, 4),
+	w(96, 4, 696, 272, 4),
+	w(104, 4, 816, 336, 6),
+	w(120, 6, 1050, 408, 6),
+	w(132, 6, 1304, 496, 8),
+	w(144, 6, 1558, 620, 10)
+];
+//#endregion
+//#region lib/components/ui/widgets/barcode/datamatrix.ts
+function E(e) {
+	let t = new TextEncoder().encode(e), n = [];
+	for (let e = 0; e < t.length; e++) {
+		let r = t[e], i = t[e + 1];
+		r >= 48 && r <= 57 && i !== void 0 && i >= 48 && i <= 57 ? (n.push(130 + (r - 48) * 10 + (i - 48)), e++) : r < 128 ? n.push(r + 1) : n.push(235, r - 127);
+	}
+	return n;
+}
+function D(e, t) {
+	let n = e.slice();
+	for (n.length < t && n.push(129); n.length < t;) {
+		let e = 129 + (149 * (n.length + 1) % 253 + 1);
+		n.push(e > 254 ? e - 254 : e);
+	}
+	return n;
+}
+function O(e) {
+	if (e.length === 0) throw new o("Data Matrix needs a value: got an empty string");
+	let t = E(e), n = T.find((e) => e.data >= t.length);
+	if (!n) throw new o(`Data Matrix holds at most 1558 codewords (about 3116 digits): got ${t.length}`);
+	let r = D(t, n.data), { blocks: i } = n, a = n.ecc / i, s = Array.from({ length: i }, () => []);
+	r.forEach((e, t) => {
+		s[t % i].push(e);
+	});
+	let c = s.map((e) => C(e, a)), l = r.slice();
+	for (let e = 0; e < a; e++) for (let t = 0; t < i; t++) l.push(c[t][e]);
+	let { side: u, regions: d } = n, f = u / d, p = f - 2, m = p * d, h = v(l, m, m), g = Array.from({ length: u }, () => Array(u).fill(!1));
+	for (let e = 0; e < d; e++) for (let t = 0; t < d; t++) {
+		let n = e * f, r = t * f;
+		for (let e = 0; e < f; e++) g[n + f - 1][r + e] = !0, g[n + e][r] = !0, g[n][r + e] = e % 2 == 0;
+		for (let e = 0; e < f; e++) g[n + e][r + f - 1] = e % 2 == 1;
+		for (let i = 0; i < p; i++) for (let a = 0; a < p; a++) g[n + 1 + i][r + 1 + a] = h[(e * p + i) * m + t * p + a] === !0;
+	}
+	return g;
+}
+//#endregion
+//#region lib/components/ui/widgets/barcode/encode.ts
+function k(e, t = "code128") {
+	if (t === "code128") {
+		let n = h(m(e)), r = [], i = 0;
+		return n.forEach((e, t) => {
+			t % 2 == 0 && r.push([i, e]), i += e;
+		}), {
+			symbology: t,
+			width: i,
+			runs: r
+		};
+	}
+	if (t === "datamatrix") {
+		let n = O(e);
+		return {
+			symbology: t,
+			width: n.length,
+			rows: n
+		};
+	}
+	throw new o(`Unknown symbology "${String(t)}": use "code128" or "datamatrix"`);
+}
+//#endregion
+//#region lib/components/ui/widgets/barcode/barcode-geometry.ts
+function A(e, t = {}) {
+	let n = t.symbology ?? "code128", r = k(e, n);
+	if (r.symbology === "code128") {
+		let e = t.quietZone ?? 10, i = t.barHeight ?? 40, a = t.textHeight ?? 0, o = r.runs.map(([t, n]) => `M${t + e} 0h${n}v${i}h${-n}z`).join("");
+		return {
+			symbology: n,
+			width: r.width + 2 * e,
+			height: i + a,
+			path: o,
+			textY: i + a * .8
+		};
+	}
+	let i = t.quietZone ?? 2, a = r.width, o = "";
+	return r.rows.forEach((e, t) => {
+		let n = 0;
+		for (; n < a;) {
+			if (!e[n]) {
+				n++;
+				continue;
+			}
+			let r = n;
+			for (; e[r];) r++;
+			o += `M${n + i} ${t + i}h${r - n}v1h${n - r}z`, n = r;
+		}
+	}), {
+		symbology: n,
+		width: a + 2 * i,
+		height: a + 2 * i,
+		path: o,
+		textY: 0
+	};
+}
+//#endregion
+//#region lib/components/ui/widgets/barcode/barcode.tsx
+var j = 12;
+function M({ value: e, symbology: t = "code128", label: r, decorative: o = !1, showText: s = !1, appearance: c = "themed", moduleSize: l, quietZone: u, barHeight: d, className: f, ...p }) {
+	let m = s && t === "code128" ? j : 0, h = n(() => A(e, {
+		symbology: t,
+		quietZone: u,
+		barHeight: d,
+		textHeight: m
+	}), [
+		e,
+		t,
+		u,
+		d,
+		m
+	]), g = r ?? e, _ = l ? {
+		width: h.width * l,
+		height: h.height * l
+	} : {};
+	return /* @__PURE__ */ a("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: `0 0 ${h.width} ${h.height}`,
+		shapeRendering: "crispEdges",
+		"data-symbology": t,
+		"data-appearance": c,
+		...o ? { "aria-hidden": !0 } : {
+			role: "img",
+			"aria-label": g
+		},
+		..._,
+		...p,
+		className: f ? `nxgt-barcode ${f}` : "nxgt-barcode",
+		children: [
+			o ? null : /* @__PURE__ */ i("title", { children: g }),
+			/* @__PURE__ */ i("rect", {
+				className: "nxgt-barcode-paper",
+				width: h.width,
+				height: h.height
+			}),
+			/* @__PURE__ */ i("path", {
+				className: "nxgt-barcode-ink",
+				d: h.path
+			}),
+			m > 0 ? /* @__PURE__ */ i("text", {
+				className: "nxgt-barcode-text",
+				x: h.width / 2,
+				y: h.textY,
+				fontSize: m * .7,
+				textAnchor: "middle",
+				children: e
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region lib/components/ui/widgets/barcode/label-length.ts
+var N = /^-?(\d+\.?\d*|\.\d+)(mm|cm|in|pt|px|rem|em)$/;
+function P(e, t) {
+	if (typeof e == "number" && Number.isFinite(e) && e >= 0) return `${e}mm`;
+	if (typeof e == "string" && N.test(e)) return e;
+	throw new o(`${t} must be a number (millimetres) or a length such as "50mm": got ${JSON.stringify(e)}`);
+}
+//#endregion
+//#region lib/components/ui/widgets/barcode/label-sheet.tsx
+function F({ className: e, ...t }) {
+	return /* @__PURE__ */ i("div", {
+		...t,
+		className: e ? `nxgt-label ${e}` : "nxgt-label"
+	});
+}
+function I(e, t, n) {
+	let r = e ?? n;
+	if (!Number.isInteger(r) || r < (t === "skip" ? 0 : 1)) throw new o(`${t} must be a whole number (rows and columns at least 1, skip at least 0): got ${String(e)}`);
+	return r;
+}
+function L(e) {
+	let { label: t, columns: n, gap: r, offset: i } = e, a = typeof r == "object" ? r.x : r, o = typeof r == "object" ? r.y : r;
+	return {
+		"--nxgt-label-w": P(t.width, "label.width"),
+		"--nxgt-label-h": P(t.height, "label.height"),
+		"--nxgt-label-cols": String(I(n, "columns", 1)),
+		"--nxgt-label-gap-x": P(a ?? 0, "gap"),
+		"--nxgt-label-gap-y": P(o ?? 0, "gap"),
+		"--nxgt-label-off-x": P(i?.x ?? 0, "offset.x"),
+		"--nxgt-label-off-y": P(i?.y ?? 0, "offset.y")
+	};
+}
+function R(n) {
+	let { label: a, columns: o, rows: s, gap: c, offset: l, skip: u, children: d, className: f, ...p } = n, m = r(null), h = L({
+		label: a,
+		columns: o,
+		gap: c,
+		offset: l
+	}), g = s === void 0 ? Infinity : o * I(s, "rows", 1), _ = [...Array.from({ length: I(u, "skip", 0) }, (e, t) => /* @__PURE__ */ i(F, {
+		"data-blank": "",
+		"aria-hidden": "true"
+	}, `blank-${t}`)), ...e.toArray(d)], v = [];
+	for (let e = 0; (e < _.length || e === 0) && (v.push(_.slice(e, Number.isFinite(g) ? e + g : void 0)), Number.isFinite(g)); e += g);
+	return t(() => {
+		let e = m.current;
+		if (e) for (let [t, n] of Object.entries(h)) e.style.setProperty(t, n);
+	}, [JSON.stringify(h)]), /* @__PURE__ */ i("div", {
+		...p,
+		ref: m,
+		className: f ? `nxgt-label-sheet ${f}` : "nxgt-label-sheet",
+		children: v.map((e, t) => /* @__PURE__ */ i("div", {
+			className: "nxgt-label-page",
+			"data-page": t + 1,
+			children: e
+		}, t))
+	});
+}
+//#endregion
+export { M as Barcode, o as BarcodeError, F as Label, R as LabelSheet, A as barcodeGeometry };

package/dist/{button-CCHGtPIN.js → button-Deo7l4wM.js}

@@ -1,6 +1,6 @@
 import { t as e } from "./utils-BLfntITJ.js";
 import { n as t, t as n } from "./dist-DVRQkaTK.js";
-import { n as r, r as i, t as a } from "./spinner-DC35lhqx.js";
+import { n as r, r as i, t as a } from "./spinner-CquTUxzt.js";
 import { a as o, i as s, n as c, o as l, s as u, t as d } from "./use-click-lock-BZYtTmVt.js";
 import { t as f } from "./is-production-GLw59WU8.js";
 import { t as p } from "./button-group-context-CaP0X5p_.js";

package/dist/charts.js

@@ -1,12 +1,12 @@
 import { t as e } from "./ui.utils-CAnKTCw5.js";
 import { t } from "./utils-BLfntITJ.js";
 import { t as n } from "./warn-once-C_e47JM8.js";
-import { t as r } from "./button-CCHGtPIN.js";
-import { t as i } from "./use-material-translation-DLdQKdfw.js";
+import { t as r } from "./button-Deo7l4wM.js";
+import { t as i } from "./use-material-translation-BZAy_ffS.js";
 import { t as a } from "./use-ssr-media-query-C6M5m8sf.js";
 import { i as o, n as s, r as c, t as l } from "./util-4heV2LPI.js";
 import { t as u } from "./useIsomorphicLayoutEffect-DfgAhWcH.js";
-import { t as d } from "./chip-1XnyX4bd.js";
+import { t as d } from "./chip-BlmIjpiD.js";
 import { c as f, d as p, f as m, i as h, o as g, p as _, s as v, t as y } from "./line-path-C5pZGC49.js";
 import { t as b } from "./live-status-BGPaN8r8.js";
 import { t as x } from "./linear-G97mfnKF.js";

package/dist/{chip-1XnyX4bd.js → chip-BlmIjpiD.js}

@@ -1,7 +1,7 @@
 import { t as e } from "./utils-BLfntITJ.js";
-import { r as t } from "./spinner-DC35lhqx.js";
+import { r as t } from "./spinner-CquTUxzt.js";
 import { s as n } from "./use-click-lock-BZYtTmVt.js";
-import { t as r } from "./use-material-translation-DLdQKdfw.js";
+import { t as r } from "./use-material-translation-BZAy_ffS.js";
 import { t as i } from "./react-node-text-Crkpfpco.js";
 import { cloneElement as a, isValidElement as o } from "react";
 import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";

package/dist/{code-editor-1Y7ykpam.js → code-editor-BYEpBp_U.js}

@@ -1,14 +1,14 @@
 import { r as e } from "./rolldown-runtime-BFFgcFxR.js";
 import { t } from "./utils-BLfntITJ.js";
 import { a as n } from "./dist-lmHmz_bu.js";
-import { c as r, d as i, f as a, n as o, t as s } from "./dropdown-menu-Jp6pHNgP.js";
-import { a as c, i as l, n as u } from "./field-blur-context-CmOF0FIN.js";
-import { a as d, d as f, r as p, t as m, u as h } from "./toolbar-items-oqmVfnfO.js";
+import { c as r, d as i, f as a, n as o, t as s } from "./dropdown-menu-hoaocAS7.js";
+import { a as c, i as l, n as u } from "./field-blur-context-Ba7iZVm_.js";
+import { a as d, d as f, r as p, t as m, u as h } from "./toolbar-items-Bm1baIp6.js";
 import { t as g } from "./is-production-GLw59WU8.js";
-import { t as _ } from "./use-material-translation-DLdQKdfw.js";
-import { i as v, n as y, o as b, t as x } from "./code-language-items-Clbln9C6.js";
-import { t as S } from "./useIsomorphicLayoutEffect-DfgAhWcH.js";
-import { n as C, t as w } from "./escape-owner-Ch_-kDLw.js";
+import { t as _ } from "./use-material-translation-BZAy_ffS.js";
+import { i as v, n as y, o as b, t as x } from "./code-language-items-Cqk4Fq61.js";
+import { n as S, t as C } from "./escape-owner-BvLBo_Al.js";
+import { t as w } from "./useIsomorphicLayoutEffect-DfgAhWcH.js";
 import { t as T } from "./skeleton-DSdtr2qc.js";
 import { t as E } from "./react-node-text-Crkpfpco.js";
 import D, { memo as O, useCallback as ee, useEffect as k, useId as A, useImperativeHandle as j, useMemo as M, useRef as N, useState as P } from "react";
@@ -975,7 +975,7 @@ function sn(e, t, r) {
 		t
 	]);
 	let o = (t) => {
-		let n = e.current, r = t.nativeEvent.defaultPrevented && !C(t.nativeEvent);
+		let n = e.current, r = t.nativeEvent.defaultPrevented && !S(t.nativeEvent);
 		!i || !n || r || n.contains(t.target) && (t.key === "Escape" ? (t.preventDefault(), a(!1)) : t.key === "Tab" && on(t, n));
 	};
 	return {
@@ -989,7 +989,7 @@ function sn(e, t, r) {
 				tabIndex: -1
 			},
 			"data-fullscreen": i || void 0,
-			[w]: i || void 0,
+			[C]: i || void 0,
 			onKeyDown: o
 		})
 	};
@@ -1327,10 +1327,10 @@ function Pn() {
 }
 function Fn(e, t) {
 	let n = M(() => jn(e, t), [e, t]), r = N(null), [i] = P(() => typeof document > "u" ? void 0 : Pn()), a = N(void 0);
-	return S(() => {
+	return w(() => {
 		let e = r.current;
 		e && Mn(e, n, a.current), i && Nn(i, n, a.current), a.current = n;
-	}, [n, i]), S(() => {
+	}, [n, i]), w(() => {
 		if (i) return (r.current?.parentElement?.closest("[role=\"dialog\"]") ?? document.body).appendChild(i), () => i.remove();
 	}, [i]), {
 		scope: n,