@mono-lit/helper 0.0.8 → 0.0.10

package/dist/{hydration-flush-BaE9gN3C.js → hydration-flush-Volt9X7Q.js}

@@ -1,1074 +1,5 @@
-import { html, isServer } from "lit";
+import { isServer } from "lit";
 
-//#region src/composables/mono-skeleton.ts
-/**
-* "Is there a DOM to render into?" — deliberately NOT lit's `isServer`. That flag is a
-* build-time constant of lit's node entry, so it is `true` wherever Node's export
-* conditions pick that build — including a jsdom test run, where this feature must work.
-* On a real server (`@lit-labs/ssr` + its dom shim) there is a `customElements` but no
-* `document`, which is exactly the distinction that matters here.
-*/
-const hasDom$1 = typeof document !== "undefined" && typeof customElements !== "undefined";
-/**
-* ONE store per realm, on `globalThis` (same reasoning as `mono-ui.ts`): the light and
-* shadow builds are separate bundles and a pnpm peer fork can install two copies of the
-* package, yet all of them must agree on "active" and on the defaults.
-*/
-const STATE_KEY$1 = Symbol.for("mono-helper.skeleton");
-const state$2 = globalThis[STATE_KEY$1] ??= {
-	active: false,
-	disabled: false,
-	ssr: null,
-	ssrSniffed: null,
-	defaults: {},
-	watching: false,
-	createdBeforeActive: 0,
-	createdBeforeActiveTags: [],
-	warnedLate: false,
-	waiting: /* @__PURE__ */ new Set(),
-	holders: /* @__PURE__ */ new Set()
-};
-const PHANTOM_TAG$1 = "phantom-ui";
-const DEFAULT_MAX_WAIT$1 = 15e3;
-/** Per-element slots the Cores can read without depending on the mixin's class shape. */
-const TAG_DEFAULT$1 = Symbol.for("mono-helper.skeleton.tagDefault");
-const PENDING_ACTIVE$1 = Symbol.for("mono-helper.skeleton.active");
-const PENDING_GRACE$1 = Symbol.for("mono-helper.skeleton.grace");
-const PENDING_PHANTOM$1 = Symbol.for("mono-helper.skeleton.phantom");
-/** Where `applyMonoUIDefaults` parks a tag's `pending` default (not assigned to the prop). */
-const MONO_PENDING_TAG_DEFAULT = TAG_DEFAULT$1;
-function isActive$1() {
-	return state$2.active && !state$2.disabled;
-}
-/**
-* Start following the registry. Idempotent; a no-op on the server. Called by the mono
-* `customElement` decorator, so the watcher exists before any element constructs.
-*/
-function watchSkeletonActivation() {
-	if (!hasDom$1 || state$2.watching) return;
-	state$2.watching = true;
-	const activate = () => {
-		state$2.active = true;
-		if (state$2.createdBeforeActive > 0 && !state$2.warnedLate) {
-			state$2.warnedLate = true;
-			const tags = state$2.createdBeforeActiveTags.slice(0, 5).join(", ");
-			console.warn(`[mono-skeleton] phantom-ui was defined after ${state$2.createdBeforeActive} mono element(s) had rendered (${tags}); their first paint had no skeleton. Load "@aejkatappaja/phantom-ui" before the app mounts (main.ts import, or let @mono-lit/helper/nuxt do it).`);
-		}
-	};
-	if (customElements.get(PHANTOM_TAG$1)) {
-		activate();
-		return;
-	}
-	customElements.whenDefined(PHANTOM_TAG$1).then(activate, () => {});
-}
-/**
-* Is this an SSR app? The explicit flag (`createMonoUI({ skeleton: { ssr } })`, which the
-* Nuxt module sets from `nuxt.options.ssr`) wins; otherwise the Nuxt payload marker is
-* sniffed once (`<script id="__NUXT_DATA__" data-ssr="true">`).
-*/
-function isMonoSsrApp() {
-	if (state$2.ssr !== null) return state$2.ssr;
-	if (state$2.ssrSniffed === null) state$2.ssrSniffed = hasDom$1 && document.getElementById("__NUXT_DATA__")?.getAttribute("data-ssr") === "true";
-	return state$2.ssrSniffed;
-}
-const PHANTOM_KEYS = [
-	"animation",
-	"mode",
-	"shimmerDirection",
-	"shimmerColor",
-	"backgroundColor",
-	"duration",
-	"stagger",
-	"reveal",
-	"count",
-	"countGap",
-	"fallbackRadius",
-	"loadingLabel",
-	"pierceShadow",
-	"debug"
-];
-const kebab = (name) => name.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
-function isPendingObject(value) {
-	return !!value && typeof value === "object";
-}
-/** The boolean a `pending` value carries (`undefined` = auto). */
-function activeOf$1(value) {
-	if (typeof value === "boolean") return value;
-	if (isPendingObject(value)) return typeof value.active === "boolean" ? value.active : void 0;
-}
-/** Only the phantom options of a value (an object), as a plain record. */
-function phantomOf$1(value) {
-	const out = {};
-	if (!isPendingObject(value)) return out;
-	for (const key of PHANTOM_KEYS) {
-		const v = value[key];
-		if (v !== void 0) out[key] = v;
-	}
-	return out;
-}
-function shallowEqual(a, b) {
-	const ka = Object.keys(a);
-	const kb = Object.keys(b);
-	if (ka.length !== kb.length) return false;
-	for (const k of ka) if (a[k] !== b[k]) return false;
-	return true;
-}
-/** `hasChanged` for the property: booleans by value, objects shallowly. */
-function pendingChanged(next, prev) {
-	if (isPendingObject(next) && isPendingObject(prev)) return !shallowEqual(next, prev);
-	return next !== prev;
-}
-/**
-* The attribute converter. The attribute form is boolean-only: `pending`,
-* `pending="true"` → true; `pending="false"` → false; absent or `pending="auto"` → auto.
-* A real boolean is accepted too (what a server renderer hands over).
-*/
-const pendingConverter = {
-	fromAttribute(value) {
-		if (value === null || value === void 0) return void 0;
-		if (typeof value === "boolean") return value;
-		const s = String(value).trim().toLowerCase();
-		if (s === "auto") return void 0;
-		return s === "" || s === "true";
-	},
-	toAttribute() {
-		return null;
-	}
-};
-/**
-* Register the `pending` property on a registered element class. Called by the mono
-* `customElement` decorator BEFORE `customElements.define`, so the attribute lands in
-* Lit's attribute map when `observedAttributes` is read.
-*/
-function registerPendingProperty(cls) {
-	cls.createProperty("pending", {
-		attribute: "pending",
-		reflect: false,
-		converter: pendingConverter,
-		hasChanged: pendingChanged
-	});
-}
-/** Whether `pending` currently resolves to true for `el` (set before each render). */
-function monoPendingActive(el) {
-	return !!el[PENDING_ACTIVE$1];
-}
-/**
-* True once one macrotask has passed since the element first resolved pending — lets a
-* `'data'` Core say "no controller / source after one tick → nothing to wait for" without
-* releasing before a binding made in the consumer's `onMounted`.
-*/
-function monoPendingGrace(el) {
-	return !!el[PENDING_GRACE$1];
-}
-/**
-* The phantom options resolved for `el` while pending (element object over tag default
-* over global default), camelCase keys. Empty while not pending. For `'custom'` Cores
-* that render their own `<phantom-ui>` and want a value in the template (e.g. `count`).
-*/
-function monoPhantomOptions(el) {
-	return el[PENDING_PHANTOM$1] ?? {};
-}
-/**
-* Apply the resolved phantom options to a `<phantom-ui>` element as attributes (used by
-* the mixin for its wrapper, and by `'custom'` Cores for the phantom they render).
-* Diffed against what was last applied to that element, so unchanged values cost nothing.
-*/
-function monoApplyPhantomOptions(el, target) {
-	if (!target) return;
-	const next = el[PENDING_PHANTOM$1] ?? {};
-	const store = target;
-	const prev = store[PENDING_PHANTOM$1] ?? {};
-	if (shallowEqual(next, prev)) return;
-	for (const key of /* @__PURE__ */ new Set([...Object.keys(prev), ...Object.keys(next)])) {
-		const value = next[key];
-		const attr = kebab(key);
-		if (value === void 0 || value === null || value === false) target.removeAttribute(attr);
-		else if (value === true) target.setAttribute(attr, "");
-		else target.setAttribute(attr, String(value));
-	}
-	store[PENDING_PHANTOM$1] = { ...next };
-}
-/** @internal */
-const monoSkeletonInternals = {
-	hasDom: hasDom$1,
-	isActive: isActive$1,
-	state: state$2,
-	slots: {
-		TAG_DEFAULT: TAG_DEFAULT$1,
-		PENDING_ACTIVE: PENDING_ACTIVE$1,
-		PENDING_GRACE: PENDING_GRACE$1,
-		PENDING_PHANTOM: PENDING_PHANTOM$1
-	},
-	activeOf: activeOf$1,
-	phantomOf: phantomOf$1,
-	PHANTOM_TAG: PHANTOM_TAG$1,
-	DEFAULT_MAX_WAIT: DEFAULT_MAX_WAIT$1
-};
-/** The `<phantom-ui>` wrapper the skeleton mixin renders around an element's content. */
-function isMonoSkeletonWrapper(node) {
-	return !!node && node.nodeType === 1 && node.localName === PHANTOM_TAG$1 && node.hasAttribute("mono-skeleton");
-}
-/** `Array.from(host.childNodes)` minus the skeleton wrapper. */
-function monoHostChildNodes(host) {
-	return Array.from(host.childNodes).filter((n) => !isMonoSkeletonWrapper(n));
-}
-/** `Array.from(host.children)` minus the skeleton wrapper. */
-function monoHostChildren(host) {
-	return Array.from(host.children).filter((n) => !isMonoSkeletonWrapper(n));
-}
-
-//#endregion
-//#region src/composables/css-size.ts
-/**
-* Normalize a sizing prop to a CSS length string.
-* - `number` (or numeric string) → `${n}px`
-* - any other non-empty string → passed through verbatim (`"12rem"`, `"80%"`, …)
-* - `null` / `undefined` / `''` → `undefined` (treated as "not set")
-*/
-function toCssSize(value) {
-	if (value === null || value === void 0) return void 0;
-	if (typeof value === "number") return Number.isFinite(value) ? `${value}px` : void 0;
-	const trimmed = String(value).trim();
-	if (trimmed === "") return void 0;
-	if (/^-?\d+(\.\d+)?$/.test(trimmed)) return `${trimmed}px`;
-	return trimmed;
-}
-/**
-* Build a Lit `styleMap` object from the six sizing props, normalizing each via
-* `toCssSize` and omitting the ones that aren't set.
-*/
-function buildSizeStyle(src) {
-	const style = {};
-	const width = toCssSize(src.width);
-	const height = toCssSize(src.height);
-	const minWidth = toCssSize(src.minWidth);
-	const maxWidth = toCssSize(src.maxWidth);
-	const minHeight = toCssSize(src.minHeight);
-	const maxHeight = toCssSize(src.maxHeight);
-	if (width) style.width = width;
-	if (height) style.height = height;
-	if (minWidth) style["min-width"] = minWidth;
-	if (maxWidth) style["max-width"] = maxWidth;
-	if (minHeight) style["min-height"] = minHeight;
-	if (maxHeight) style["max-height"] = maxHeight;
-	return style;
-}
-
-//#endregion
-//#region src/components/table/column-autosize.ts
-/**
-* Content-sized columns — what `mono-table-th`'s `width="auto"` drives.
-*
-* Under `mono-table-fixed` (`table-layout: fixed`) CSS cannot do this: an `auto` column takes
-* the WHOLE surplus instead of fitting its content, and `min-width` / `max-width` on a cell are
-* ignored by the table algorithm. So the column is measured here and handed a concrete px width,
-* clamped to `minWidth` / `maxWidth`, written to its `<col>` (which wins under fixed layout) and
-* to the header cell.
-*
-* Text is measured with a canvas, not read back from the cell: reading the cell's own width would
-* return the width last written, and a column could then never shrink. Measuring text also keeps
-* the pass free of layout reads, so re-running it on every change is cheap.
-*
-* What is measured: the header (caption + its icons), every body cell and every FOOTER cell of
-* the column. The footer matters — a `<mono-table-summary>` total covers the whole set, so a
-* virtual-scroll window that only shows small figures still sizes for the largest one.
-*
-* Cell content is treated as one line (what a money column is). An editor (`<input>`, including
-* the one inside `mono-input`) counts with its value and its own padding / border.
-*/
-/** The text measurer — swappable so tests can run where there is no canvas (jsdom). */
-const autosizeEnv = { measure: defaultMeasure };
-let ctx;
-function defaultMeasure(text, font) {
-	if (ctx === void 0) ctx = document.createElement("canvas").getContext("2d");
-	if (!ctx) return text.length * 8;
-	ctx.font = font;
-	return ctx.measureText(text).width;
-}
-/**
-* A canvas `font` string for a computed style — always built from the longhands.
-*
-* NOT `style.font`: the shorthand serialises to `''` whenever a longhand it cannot express is set,
-* and `font-variant-numeric: tabular-nums` (every `mono-table-summary`) is one. The old fallback then
-* put `fontVariant` (`tabular-nums`) into the string, canvas rejected it, kept its default
-* `10px sans-serif`, and a footer total measured far too narrow — the largest figure ellipsed.
-* Only `small-caps` is a variant canvas takes; tabular figures are handled in `measureStyled`.
-*/
-function fontOf(style) {
-	const caps = style.fontVariantCaps === "small-caps" ? "small-caps" : "";
-	return [
-		style.fontStyle,
-		caps,
-		style.fontWeight,
-		style.fontSize,
-		style.fontFamily
-	].filter(Boolean).join(" ");
-}
-const px = (v) => parseFloat(v) || 0;
-/** The widest digit in `font` — a tabular figure's advance, which canvas cannot be asked for. */
-const digitWidths = /* @__PURE__ */ new Map();
-function maxDigit(font) {
-	let w = digitWidths.get(font);
-	if (w === void 0) {
-		w = Math.max(..."0123456789".split("").map((d) => autosizeEnv.measure(d, font)));
-		digitWidths.set(font, w);
-	}
-	return w;
-}
-/**
-* `text` as the element renders it: its `text-transform`, its `letter-spacing` (canvas ignores
-* both) and its `font-variant-numeric: tabular-nums` (every digit at the widest digit's advance —
-* a safe upper bound; tabular figures are wider than the proportional ones canvas measures).
-*/
-function measureStyled(text, style) {
-	const font = fontOf(style);
-	if (style.textTransform === "uppercase") text = text.toUpperCase();
-	else if (style.textTransform === "lowercase") text = text.toLowerCase();
-	let width;
-	if (/tabular-nums/.test(style.fontVariantNumeric ?? "")) {
-		const digits = text.replace(/\D/g, "").length;
-		width = autosizeEnv.measure(text.replace(/\d/g, ""), font) + digits * maxDigit(font);
-	} else width = autosizeEnv.measure(text, font);
-	return width + px(style.letterSpacing) * text.length;
-}
-/** Horizontal padding + border of an element's box. */
-function boxX(style) {
-	return px(style.paddingLeft) + px(style.paddingRight) + px(style.borderLeftWidth) + px(style.borderRightWidth);
-}
-/**
-* A size prop as px: a number / bare numeric string / `px` → px, `rem` → × the root font size,
-* `em` → × `el`'s font size. Anything else (`%`, `auto`, a var) → `undefined`: not a bound.
-*/
-function cssLengthToPx(value, el) {
-	if (value == null) return void 0;
-	if (typeof value === "number") return Number.isFinite(value) ? value : void 0;
-	const m = /^\s*(-?\d+(?:\.\d+)?)\s*(px|rem|em)?\s*$/i.exec(value);
-	if (!m) return void 0;
-	const n = parseFloat(m[1]);
-	const unit = (m[2] ?? "px").toLowerCase();
-	if (unit === "px") return n;
-	const ref = unit === "rem" ? document.documentElement : el ?? document.documentElement;
-	return n * (px(getComputedStyle(ref).fontSize) || 16);
-}
-/** `w` clamped to `[min, max]`; an unset bound does not clamp. `min` wins over a smaller `max`. */
-function clampWidth(w, min, max) {
-	if (max != null) w = Math.min(w, max);
-	if (min != null) w = Math.max(w, min);
-	return w;
-}
-/**
-* The grid column a header cell STARTS at — a walk over its section's rows honouring `rowspan`
-* and `colspan`, so a leaf header under a band row (`<th colspan>` above it) maps to its real
-* column. `cellIndex` alone would count only the cells of its own row.
-*/
-function headerColumnIndex(cell) {
-	const section = cell.parentElement?.parentElement;
-	if (!section) return cell.cellIndex;
-	const taken = [];
-	const rows = Array.from(section.children).filter((r) => r.tagName === "TR");
-	for (let r = 0; r < rows.length; r++) {
-		taken[r] ??= [];
-		let c = 0;
-		for (const cur of Array.from(rows[r].cells)) {
-			while (taken[r][c]) c++;
-			if (cur === cell) return c;
-			for (let dr = 0; dr < Math.max(1, cur.rowSpan); dr++) {
-				const row = taken[r + dr] ??= [];
-				for (let dc = 0; dc < Math.max(1, cur.colSpan); dc++) row[c + dc] = true;
-			}
-			c += Math.max(1, cur.colSpan);
-		}
-	}
-	return cell.cellIndex;
-}
-/** The single-column cell of `row` at grid column `col` — a spanning cell (a spacer row) is none. */
-function cellAt(row, col) {
-	let c = 0;
-	for (const cell of Array.from(row.cells)) {
-		const span = Math.max(1, cell.colSpan);
-		if (c === col) return span === 1 ? cell : void 0;
-		if (c > col) return void 0;
-		c += span;
-	}
-}
-/** The `<col>` at grid column `col`, honouring `<col span>`. */
-function colAt(table, col) {
-	let c = 0;
-	for (const group of Array.from(table.children).filter((e) => e.tagName === "COLGROUP")) {
-		const cols = Array.from(group.children).filter((e) => e.tagName === "COL");
-		for (const el of cols) {
-			const span = Math.max(1, el.span || 1);
-			if (col < c + span) return span === 1 ? el : void 0;
-			c += span;
-		}
-	}
-}
-/** An element hidden by `v-show` / `hidden` — its text does not show, so it does not count. */
-function isHidden(el) {
-	return el.hidden === true || el.style?.display === "none";
-}
-/** The one-line width a cell's content needs, padding included. */
-function contentWidth(cell) {
-	let width = 0;
-	const walk = (node) => {
-		for (const child of Array.from(node.childNodes)) if (child.nodeType === Node.TEXT_NODE) {
-			const text = (child.textContent ?? "").replace(/\s+/g, " ");
-			if (!text.trim()) continue;
-			const parent = child.parentElement ?? node.host ?? cell;
-			width += measureStyled(text, getComputedStyle(parent));
-		} else if (child.nodeType === Node.ELEMENT_NODE) {
-			const el = child;
-			if (isHidden(el)) continue;
-			if (el.tagName === "INPUT" || el.tagName === "TEXTAREA") {
-				const input = el;
-				const style = getComputedStyle(input);
-				width += measureStyled(input.value || input.placeholder || "", style) + boxX(style);
-				continue;
-			}
-			if (el.tagName === "SVG" || el.tagName === "svg") {
-				width += el.getBoundingClientRect?.().width || 0;
-				continue;
-			}
-			walk(el.shadowRoot ?? el);
-		}
-	};
-	walk(cell);
-	return width + boxX(getComputedStyle(cell));
-}
-/** The header cell's need: the caption text plus whatever icons sit beside it. */
-function headerWidth(cell, host) {
-	const label = host.querySelector("[data-mono-slot=\"label\"]");
-	const text = (label?.textContent ?? host.textContent ?? "").replace(/\s+/g, " ").trim();
-	let width = text ? measureStyled(text, getComputedStyle(label ?? host)) : 0;
-	for (const icon of Array.from(host.querySelectorAll(".mono-th-filter-ind, .mono-table-sort-btn:not(.label-trigger), .mono-th-required"))) {
-		const w = icon.getBoundingClientRect?.().width || 0;
-		width += w ? w + 4 : 0;
-	}
-	return width + boxX(getComputedStyle(cell));
-}
-/**
-* One auto-sized column, owned by its `mono-table-th`. `schedule()` coalesces every trigger (a
-* controller notify, a body mutation, typing in an editor) into one measurement per frame.
-*/
-var ColumnAutoSize = class ColumnAutoSize {
-	constructor(host) {
-		this.host = host;
-		this.growOnly = false;
-		this._floor = 0;
-		this._raf = 0;
-		this._onInput = (e) => {
-			const t = e.target;
-			if (t && this._table && !this._table.tHead?.contains(t)) this.schedule();
-		};
-		this._onFonts = () => {
-			digitWidths.clear();
-			this.schedule();
-		};
-	}
-	static {
-		this._queued = /* @__PURE__ */ new Set();
-	}
-	static {
-		this._frame = 0;
-	}
-	static _flush() {
-		ColumnAutoSize._frame = 0;
-		const batch = [...ColumnAutoSize._queued];
-		ColumnAutoSize._queued.clear();
-		const writes = batch.map((s) => {
-			s._raf = 0;
-			return s._measure();
-		});
-		for (const write of writes) write?.();
-	}
-	schedule() {
-		if (this._raf) return;
-		this._raf = 1;
-		ColumnAutoSize._queued.add(this);
-		ColumnAutoSize._frame ||= requestAnimationFrame(() => ColumnAutoSize._flush());
-	}
-	/** Forget the grow-only floor (new rows) and re-measure. */
-	resetFloor() {
-		if (!this._floor) return;
-		this._floor = 0;
-		this.schedule();
-	}
-	/** Stop watching, and hand the column back to whatever width it is given next. */
-	stop(clear = false) {
-		ColumnAutoSize._queued.delete(this);
-		this._raf = 0;
-		this._unwatch();
-		if (clear && this._wrote) {
-			if (this._wrote.col) this._wrote.col.style.width = "";
-			this._wrote.cell.style.width = "";
-		}
-		this._wrote = void 0;
-	}
-	_watch(table) {
-		if (this._table === table) return;
-		this._unwatch();
-		this._table = table;
-		this._observer = new MutationObserver((records) => {
-			const head = table.tHead;
-			if (records.some((r) => !head?.contains(r.target))) this.schedule();
-		});
-		this._observer.observe(table, {
-			childList: true,
-			characterData: true,
-			subtree: true
-		});
-		table.addEventListener("input", this._onInput, true);
-		document.fonts?.addEventListener?.("loadingdone", this._onFonts);
-	}
-	_unwatch() {
-		this._observer?.disconnect();
-		this._observer = void 0;
-		this._table?.removeEventListener("input", this._onInput, true);
-		document.fonts?.removeEventListener?.("loadingdone", this._onFonts);
-		this._table = void 0;
-	}
-	/** Measure now (reads only); returns the write to apply after every sizer has measured. */
-	_measure() {
-		const cell = this.host.closest("th, td");
-		const table = cell?.closest("table");
-		if (!cell || !table || !this.host.isConnected) return null;
-		this._watch(table);
-		const index = headerColumnIndex(cell);
-		let width = headerWidth(cell, this.host);
-		const sections = [...Array.from(table.tBodies), ...table.tFoot ? [table.tFoot] : []];
-		for (const section of sections) for (const row of Array.from(section.rows)) {
-			const target = cellAt(row, index);
-			if (target) width = Math.max(width, contentWidth(target));
-		}
-		width = Math.ceil(clampWidth(width + 1, this.min, this.max));
-		if (this.growOnly) width = this._floor = Math.max(width, this._floor);
-		else this._floor = 0;
-		const value = `${width}px`;
-		const col = colAt(table, index);
-		return () => {
-			if (cell.style.width !== value) cell.style.width = value;
-			if (col && col.style.width !== value) col.style.width = value;
-			this._wrote = {
-				col,
-				cell
-			};
-		};
-	}
-};
-
-//#endregion
-//#region src/composables/mono-size-attrs.ts
-const ATTRS = [
-	"mono-width",
-	"mono-min-width",
-	"mono-max-width"
-];
-const SELECTOR = ATTRS.map((a) => `[${a}]`).join(", ");
-/** Auto-sized cells and their sizers — a cell that loses `auto` or the document gets stopped. */
-const sizers = /* @__PURE__ */ new Map();
-let observer = null;
-const isCell = (el) => el.tagName === "TH" || el.tagName === "TD";
-/** Apply the three attributes to one element. Re-run whenever one of them changes. */
-function applyMonoSizeAttributes(el) {
-	const width = el.getAttribute("mono-width")?.trim() ?? "";
-	const min = el.getAttribute("mono-min-width")?.trim() ?? "";
-	const max = el.getAttribute("mono-max-width")?.trim() ?? "";
-	const auto = width.toLowerCase() === "auto";
-	el.style.minWidth = min ? toCssSize(min) ?? "" : "";
-	el.style.maxWidth = max ? toCssSize(max) ?? "" : "";
-	if (!isCell(el)) {
-		el.style.width = auto ? "fit-content" : width ? toCssSize(width) ?? "" : "";
-		return;
-	}
-	let sizer = sizers.get(el);
-	if (!auto) {
-		if (sizer) {
-			sizer.stop(true);
-			sizers.delete(el);
-		}
-		el.style.width = width ? toCssSize(width) ?? "" : "";
-		return;
-	}
-	if (!sizer) sizers.set(el, sizer = new ColumnAutoSize(el));
-	sizer.min = cssLengthToPx(min || null, el);
-	sizer.max = cssLengthToPx(max || null, el);
-	sizer.schedule();
-}
-/** Stop the sizers of cells that left the document. */
-function sweep() {
-	for (const [el, sizer] of sizers) {
-		if (el.isConnected) continue;
-		sizer.stop();
-		sizers.delete(el);
-	}
-}
-function scan(root) {
-	if (root instanceof HTMLElement && root.matches(SELECTOR)) applyMonoSizeAttributes(root);
-	for (const el of Array.from(root.querySelectorAll(SELECTOR))) applyMonoSizeAttributes(el);
-}
-/**
-* Turn the attributes on for the whole document — idempotent, so every caller may call it.
-* Returns a stop function (tests; an app never needs it).
-*/
-function startMonoSizeAttributes() {
-	if (typeof document === "undefined" || typeof MutationObserver === "undefined") return () => {};
-	if (!observer) {
-		observer = new MutationObserver((records) => {
-			let removed = false;
-			for (const r of records) {
-				if (r.type === "attributes") {
-					applyMonoSizeAttributes(r.target);
-					continue;
-				}
-				for (const node of Array.from(r.addedNodes)) if (node.nodeType === 1 && node.isConnected) scan(node);
-				if (r.removedNodes.length) removed = true;
-			}
-			if (removed && sizers.size) sweep();
-		});
-		observer.observe(document.documentElement, {
-			subtree: true,
-			childList: true,
-			attributes: true,
-			attributeFilter: [...ATTRS]
-		});
-		scan(document);
-	}
-	return stopMonoSizeAttributes;
-}
-function stopMonoSizeAttributes() {
-	observer?.disconnect();
-	observer = null;
-	for (const sizer of sizers.values()) sizer.stop();
-	sizers.clear();
-}
-
-//#endregion
-//#region src/composables/mono-ui.ts
-const STATE_KEY = Symbol.for("mono-helper.ui");
-const state$1 = globalThis[STATE_KEY] ??= {
-	store: null,
-	createdTotal: 0,
-	createdTags: [],
-	createdBeforeConfig: 0,
-	createdBeforeConfigTags: [],
-	warned: /* @__PURE__ */ new Set()
-};
-const SHADOW_PREFIX = "mono-shadow-";
-function warnOnce(key, message) {
-	if (state$1.warned.has(key)) return;
-	state$1.warned.add(key);
-	console.warn(`[mono-ui] ${message}`);
-}
-const camel = (name) => name.replace(/-([a-z0-9])/g, (_m, c) => c.toUpperCase());
-/** Arrays and plain objects are copied per element, so one element cannot mutate the shared config. */
-function fresh(value) {
-	if (Array.isArray(value)) return [...value];
-	if (value && typeof value === "object" && Object.getPrototypeOf(value) === Object.prototype) return { ...value };
-	return value;
-}
-/**
-* Apply the configured defaults to a freshly constructed element. Called by the
-* mono `customElement` decorator at the end of construction — not public API.
-* @internal
-*/
-function applyMonoUIDefaults(el, tag) {
-	state$1.createdTotal++;
-	if (!state$1.createdTags.includes(tag)) state$1.createdTags.push(tag);
-	if (!state$1.store) return;
-	const base = tag.startsWith(SHADOW_PREFIX) ? `mono-${tag.slice(12)}` : tag;
-	const props = {
-		...state$1.store[base] ?? {},
-		...base !== tag ? state$1.store[tag] ?? {} : {}
-	};
-	for (const [key, value] of Object.entries(props)) {
-		if (value === void 0) continue;
-		const prop = camel(key);
-		if (prop === "pending") {
-			el[MONO_PENDING_TAG_DEFAULT] = fresh(value);
-			continue;
-		}
-		if (!(prop in el)) {
-			warnOnce(`prop:${base}:${prop}`, `<${base}> has no prop "${key}". Ignored.`);
-			continue;
-		}
-		el[prop] = fresh(value);
-	}
-}
-
-//#endregion
-//#region src/composables/mono-pending.ts
-const { hasDom, isActive, state, activeOf, phantomOf, PHANTOM_TAG, DEFAULT_MAX_WAIT } = monoSkeletonInternals;
-const { TAG_DEFAULT, PENDING_ACTIVE, PENDING_GRACE, PENDING_PHANTOM } = monoSkeletonInternals.slots;
-/**
-* Applied to every registered element class by the mono `customElement` decorator.
-* The property itself is registered separately (`registerPendingProperty`) so it lands in
-* Lit's attribute map before `customElements.define`.
-*/
-function withMonoPending(superClass, tag) {
-	class WithMonoPending extends superClass {
-		constructor(...args) {
-			super(...args);
-			this._monoWrap = false;
-			this._monoCssOnly = false;
-			this._monoSeenInactive = false;
-			this._monoReleased = false;
-			this._monoHadShadowRoot = false;
-			this._monoPageChecked = false;
-			if (hasDom) this._monoHadShadowRoot = !!this.shadowRoot;
-		}
-		get _monoStatics() {
-			return this.constructor;
-		}
-		get _monoIsShadow() {
-			return this.renderRoot !== this;
-		}
-		willUpdate(changed) {
-			super.willUpdate?.(changed);
-			if (!hasDom) return;
-			this._monoResolve();
-		}
-		/** Resolve `pending` → the per-element slots the render / the Cores read. */
-		_monoResolve() {
-			const self = this;
-			const own = self.pending;
-			const tagDefault = self[TAG_DEFAULT];
-			const explicit = activeOf(own) ?? activeOf(tagDefault);
-			const statics = this._monoStatics;
-			this._monoCssOnly = statics.monoPendingDraw === "css";
-			let loading = false;
-			if (explicit !== void 0) loading = explicit;
-			else if (isActive()) loading = this._monoAuto(statics);
-			if (!isActive() && !this._monoSeenInactive && !this.hasUpdated) {
-				this._monoSeenInactive = true;
-				state.createdBeforeActive++;
-				if (!state.createdBeforeActiveTags.includes(tag)) state.createdBeforeActiveTags.push(tag);
-			}
-			this._monoWrap = loading && isActive() && !this._monoCssOnly && statics.monoPendingMode !== "custom" && (!this._monoIsShadow || this.hasUpdated || !this._monoHadShadowRoot);
-			self[PENDING_ACTIVE] = loading;
-			self[PENDING_PHANTOM] = loading ? {
-				...phantomOf(state.defaults),
-				...phantomOf(tagDefault),
-				...phantomOf(own)
-			} : {};
-		}
-		/**
-		* Mirror the resolved state onto the HOST as the CSS-only attributes (`mono-pending`,
-		* `mono-pending-animation`, `mono-pending-mode` — skeleton.css): the element paints as a
-		* block the instant it exists, with no script involved. `mono-pending-covered` marks that
-		* phantom-ui is defined and will draw the measured blocks instead, so the CSS paint steps
-		* aside (both at once would hide phantom's wrapper under the block).
-		*/
-		_monoReflect() {
-			const self = this;
-			const host = this;
-			if (!self[PENDING_ACTIVE]) {
-				for (const a of [
-					"mono-pending",
-					"mono-pending-animation",
-					"mono-pending-mode",
-					"mono-pending-covered"
-				]) if (host.hasAttribute(a)) host.removeAttribute(a);
-				return;
-			}
-			const opts = self[PENDING_PHANTOM] ?? {};
-			if (!host.hasAttribute("mono-pending")) host.setAttribute("mono-pending", "");
-			for (const [attr, key] of [["mono-pending-animation", "animation"], ["mono-pending-mode", "mode"]]) {
-				const v = opts[key];
-				if (v == null || v === "") {
-					if (host.hasAttribute(attr)) host.removeAttribute(attr);
-				} else if (host.getAttribute(attr) !== String(v)) host.setAttribute(attr, String(v));
-			}
-			host.toggleAttribute("mono-pending-covered", this._monoWrap);
-		}
-		/** The automatic rule — see the header of ./mono-skeleton.ts. */
-		_monoAuto(statics) {
-			if (this._monoIsShadow) return false;
-			if (statics.monoPendingAuto === "never") return false;
-			if (!isMonoSsrApp()) return false;
-			if (this._monoReleased) return false;
-			const self = this;
-			if (statics.monoPendingAuto === "data") {
-				if (self._monoPendingReady?.() ?? true) {
-					this._monoRelease();
-					return false;
-				}
-				state.waiting.add(this);
-				this._monoStartTimers(true);
-				return true;
-			}
-			if (state.waiting.size === 0 && this._monoPageChecked) {
-				this._monoRelease();
-				return false;
-			}
-			if (!this._monoPageChecked) {
-				this._monoPageChecked = true;
-				queueMicrotask(() => {
-					if (state.waiting.size === 0) this._monoReleaseHeld();
-				});
-			}
-			state.holders.add(this);
-			this._monoStartTimers(false);
-			return true;
-		}
-		/** Done waiting (from inside an update): leave the page-wide sets, release the held. */
-		_monoRelease() {
-			this._monoReleased = true;
-			this._monoClearTimers();
-			state.holders.delete(this);
-			if (state.waiting.delete(this) && state.waiting.size === 0) for (const holder of Array.from(state.holders)) holder._monoReleaseHeld();
-		}
-		/**
-		* Release a page-held element from OUTSIDE an update, without scheduling one for the
-		* CSS-only draw (the attribute flip below is the whole release). A held element that
-		* DREW through phantom was wrapped, so its release is a normal re-render instead —
-		* `_monoWrap` decides, and both paths land on the same idle DOM.
-		*/
-		_monoReleaseHeld() {
-			if (this._monoReleased) return;
-			this._monoReleased = true;
-			this._monoClearTimers();
-			state.holders.delete(this);
-			const self = this;
-			self[PENDING_ACTIVE] = false;
-			self[PENDING_PHANTOM] = {};
-			this._monoCssOnly = false;
-			if (this._monoWrap) this.requestUpdate();
-			else this._monoReflect();
-		}
-		/** `grace`: data-driven elements re-check once after a macrotask (see `monoPendingGrace`). */
-		_monoStartTimers(grace) {
-			const self = this;
-			if (grace && !self[PENDING_GRACE] && !this._monoGraceTimer) this._monoGraceTimer = setTimeout(() => {
-				this._monoGraceTimer = void 0;
-				self[PENDING_GRACE] = true;
-				this.requestUpdate();
-			}, 0);
-			const maxWait = state.defaults.maxWait ?? DEFAULT_MAX_WAIT;
-			if (maxWait > 0 && !this._monoMaxWaitTimer) this._monoMaxWaitTimer = setTimeout(() => {
-				this._monoMaxWaitTimer = void 0;
-				if (state.holders.has(this)) {
-					this._monoReleaseHeld();
-					return;
-				}
-				this._monoReleased = true;
-				this.requestUpdate();
-			}, maxWait);
-		}
-		_monoClearTimers() {
-			if (this._monoGraceTimer) clearTimeout(this._monoGraceTimer);
-			if (this._monoMaxWaitTimer) clearTimeout(this._monoMaxWaitTimer);
-			this._monoGraceTimer = void 0;
-			this._monoMaxWaitTimer = void 0;
-		}
-		disconnectedCallback() {
-			this._monoClearTimers();
-			const self = this;
-			self[PENDING_ACTIVE] = false;
-			this._monoReflect();
-			state.holders.delete(this);
-			if (state.waiting.delete(this) && state.waiting.size === 0) for (const holder of Array.from(state.holders)) holder._monoReleaseHeld();
-			super.disconnectedCallback();
-		}
-		render() {
-			const inner = super.render();
-			if (!this._monoWrap) return inner;
-			return html`<phantom-ui mono-skeleton ?loading=${monoPendingActive(this)}>${inner}</phantom-ui>`;
-		}
-		updated(changed) {
-			super.updated(changed);
-			if (!hasDom) return;
-			this._monoReflect();
-			if (this._monoWrap) monoApplyPhantomOptions(this, this._monoWrapper());
-		}
-		/** The wrapper this mixin rendered (a direct child of the render root). */
-		_monoWrapper() {
-			const root = this.renderRoot;
-			for (const child of Array.from(root.children)) if (child.localName === PHANTOM_TAG && child.hasAttribute("mono-skeleton")) return child;
-			return null;
-		}
-	}
-	return WithMonoPending;
-}
-
-//#endregion
-//#region src/composables/mono-element.ts
-/** Wrap `cls` so each instance gets the `createMonoUI` defaults at the end of construction, and `pending`. */
-function withMonoUI(tag, cls) {
-	const Base = withMonoPending(cls, tag);
-	const Mono = class extends Base {
-		constructor(...args) {
-			super(...args);
-			applyMonoUIDefaults(this, tag);
-		}
-	};
-	Object.defineProperty(Mono, "name", { value: cls.name });
-	registerPendingProperty(Mono);
-	watchSkeletonActivation();
-	return Mono;
-}
-/** Register `cls` as `tag` with the app-wide defaults applied. Returns the registered class. */
-function defineMonoElement(tag, cls) {
-	const existing = customElements.get(tag);
-	if (existing) return existing;
-	const Mono = withMonoUI(tag, cls);
-	customElements.define(tag, Mono);
-	return Mono;
-}
-/**
-* Drop-in for Lit's `@customElement(tag)`: registers the class (wrapped so
-* `createMonoUI` defaults apply and `pending` exists) and replaces the class binding with it.
-*/
-function customElement(tag) {
-	return (cls) => {
-		const Mono = withMonoUI(tag, cls);
-		customElements.define(tag, Mono);
-		return Mono;
-	};
-}
-
-//#endregion
-//#region src/composables/hybird-prop.ts
-function toKebabCase(value) {
-	return value.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);
-}
-function toLowerCaseProp(value) {
-	return value.toLowerCase();
-}
-function defineHybridPropAliases(target, props) {
-	for (const prop of props) {
-		const kebabProp = toKebabCase(prop);
-		const lowerProp = toLowerCaseProp(prop);
-		defineAlias(target, kebabProp, prop);
-		if (lowerProp !== prop && lowerProp !== kebabProp) defineAlias(target, lowerProp, prop);
-	}
-}
-/**
-* Register a cross-name alias for a controller-binding prop — e.g.
-* `defineHybridPropAlias(el, 'controlTable', 'dataGrid')` makes `controlTable`,
-* `control-table` and `controltable` all read/write the canonical reactive
-* `dataGrid` property (so `.controlTable = …` still triggers Lit's update
-* cycle). Used to rename the controller props without a breaking change: the
-* new `control-*` spellings land here while the old `data-*` ones keep working.
-*/
-function defineHybridPropAlias(target, aliasCamel, realProp) {
-	const kebab = toKebabCase(aliasCamel);
-	const lower = toLowerCaseProp(aliasCamel);
-	defineAlias(target, aliasCamel, realProp);
-	defineAlias(target, kebab, realProp);
-	if (lower !== aliasCamel && lower !== kebab) defineAlias(target, lower, realProp);
-}
-function defineAlias(target, alias, realProp) {
-	if (Object.prototype.hasOwnProperty.call(target, alias)) return;
-	Object.defineProperty(target, alias, {
-		get() {
-			return this[realProp];
-		},
-		set(value) {
-			this[realProp] = value;
-		},
-		configurable: true,
-		enumerable: false
-	});
-}
-/**
-* Lit `hasChanged` for an array prop.
-*
-* **Load-bearing**, for exactly the reason `rateLimitHasChanged` is (see
-* `composables/rate-limit.ts`): `:items="[...]"` in a template allocates a NEW array
-* on every parent re-render. Under Lit's default `!==` the element sees a change
-* each time, so anything gated on `changed.has('items')` — resetting an
-* infinite-scroll page, invalidating a search memo, rebuilding a cache — runs on
-* renders where nothing about the data actually moved.
-*
-* Element-wise identity rather than a deep compare: rows are normally stable objects
-* owned by a store, so this catches the re-created-wrapper case cheaply. If the
-* consumer also rebuilds each row object the arrays are reported as different, which
-* is the safe direction.
-*
-* **Why this needs no "repair" step, unlike `mono-button-dropdown`.** That element
-* compares entries by CONTENT and deliberately ignores function fields, so it reports
-* "same" for entries that really were rebuilt — leaving cached listener state pointing
-* at the previous array (hence `_retargetItemParts()`). `arrayHasChanged` says "same"
-* only when the array holds literally the same objects in the same order, so nothing
-* item-related can have moved and there is nothing to retarget. Reach for the deeper
-* compare only where the callbacks are resolved late, and prove it.
-*
-* **Do NOT add this (or any `hasChanged`) to these — they hang real work off the
-* update cycle, so suppressing an update silently drops it:**
-*   - `chart-core.ts` — `updated()` IS the chart pipeline; its last step `_applyData()`
-*     is the only place chart.js is redrawn. A skipped update freezes the canvas.
-*   - `date-core.ts` — `updated()` drives `_rebuild()` / `_applyModelValue()`, so
-*     flatpickr would be stranded on stale config.
-*   - every `mono-table-*` element — `table-controller-core.ts` overrides `update()` to
-*     pull each element's slice of `monoDataGrid({ props })`.
-*   - every `monoForm`-bound control and `filter-builder-core.ts` — same `update()` hook
-*     (`form-control-core.ts`), used for form binding and visibility.
-*
-* Surveyed 2026-08-17 across all 26 component directories; the guarded props are
-* `select`/`tag-input` `items`, `tag-input` `modelValue`/`value`, `menu` +
-* `mono-menu-list` `items`, `tabs` `items`, both `breadcrumb` `items`, and
-* `file-upload` `modelValue`.
-*/
-function arrayHasChanged(value, old) {
-	if (value === old) return false;
-	if (!Array.isArray(value) || !Array.isArray(old)) return true;
-	if (value.length !== old.length) return true;
-	for (let i = 0; i < value.length; i++) if (value[i] !== old[i]) return true;
-	return false;
-}
-const booleanStringConverter = {
-	fromAttribute(value) {
-		if (value === null || value === void 0) return false;
-		if (typeof value === "boolean") return value;
-		const normalized = String(value).toLowerCase().trim();
-		return normalized === "" || normalized === "true";
-	},
-	toAttribute(value) {
-		return value ? "" : null;
-	}
-};
-const numberStringConverter = {
-	fromAttribute(value) {
-		if (value === null || value === "") return 0;
-		const parsed = Number(value);
-		return Number.isFinite(parsed) ? parsed : 0;
-	},
-	toAttribute(value) {
-		if (value === void 0 || value === null) return null;
-		return String(value);
-	}
-};
-/**
-* Like {@link numberStringConverter}, but an absent/blank attribute stays
-* `undefined` instead of collapsing to `0`.
-*
-* Needed wherever 0 is a meaningful value AND "not set" has to mean "fall back to
-* whatever the component computes" — e.g. `mono-modal` / `mono-drawer`'s `z-index`,
-* where 0 is a legal stacking level and unset means "let the popup stack decide".
-* Using the plain number converter there would pin every dialog to `z-index: 0`.
-*/
-const optionalNumberConverter = {
-	fromAttribute(value) {
-		if (value === null || value === "") return void 0;
-		const parsed = Number(value);
-		return Number.isFinite(parsed) ? parsed : void 0;
-	},
-	toAttribute(value) {
-		if (value === void 0 || value === null) return null;
-		return String(value);
-	}
-};
-
-//#endregion
-//#region \0@oxc-project+runtime@0.154.0/helpers/esm/decorate.js
-function __decorate(decorators, target, key, desc) {
-	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-	else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-	return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-
-//#endregion
 //#region \0raw:C:\Users\VCT-DEV\Desktop\libs\packages\helper\src\data\theme\scrollbar.css?raw.js
 var scrollbar_css_raw_default = "/* ───────────────────────────────────────────────────────────────────────────\r\n   The mono scrollbar — ONE design, defined once, used by every scroll surface.\r\n\r\n   An 8px fully-rounded pill thumb on a transparent track. Before this file the\r\n   five components that styled a scrollbar each hand-rolled their own: widths of\r\n   4 / 6 / 8px, radii of `99px` and `9999px`, and four different colour sources —\r\n   while eleven other scroll containers (the main table scroller included) had no\r\n   rule at all and fell back to the browser's own bar.\r\n\r\n   ── Two engines, two lanes, and why they must NOT be mixed ─────────────────\r\n   This is the trap that made the previous attempt a no-op: **Chrome ignores\r\n   every `::-webkit-scrollbar` rule as soon as `scrollbar-width` or\r\n   `scrollbar-color` is set on the same element.** Measured in Chrome 134 —\r\n   a scroller with `::-webkit-scrollbar { width: 14px }` reserves 14px, and the\r\n   same scroller with `scrollbar-width: thin` added reserves 11px, Chrome's own\r\n   thin bar. So declaring both \"for cross-browser safety\" silently throws away\r\n   the custom design and hands Chrome its default scrollbar back.\r\n\r\n   Hence the split: the standard properties are fenced behind `@supports` tests\r\n   that only a non-WebKit engine passes, so Chrome/Safari see the webkit lane\r\n   alone and Firefox sees the standard lane alone. Two guards rather than one\r\n   because each covers the other's uncertainty: `selector(::-webkit-scrollbar)`\r\n   is the semantically correct test (verified false-in-Firefox by construction —\r\n   Firefox implements no such pseudo-element), and `-moz-appearance` is a plain\r\n   Firefox sniff. Both are verified INERT in Chrome (`CSS.supports` returns\r\n   false for `-moz-appearance`, true for the selector test), so Chrome cannot\r\n   accidentally enter the standard lane through either door.\r\n\r\n   Firefox exposes no numeric width — `thin` is all it has — so the 8px rail and\r\n   the pill radius are WebKit-only by nature, not by choice.\r\n\r\n   ── Colour: `currentColor`, so every theme is right for free ───────────────\r\n   The thumb is a low-alpha mix of the container's OWN text colour. A scroll\r\n   container inherits `color` from the panel it sits in, so the thumb comes out\r\n   dark on a white modal and pale on ONE's navy sidebar with no colour named\r\n   anywhere and no per-component override. This replaces four bespoke sources,\r\n   three of which mixed toward `white` (assuming a light panel) and one of which\r\n   derived from the accent — which on a panel painted in that same accent\r\n   dissolves into it. A new theme, flavor or `color` preset is correct for free.\r\n\r\n   ── The token chain ───────────────────────────────────────────────────────\r\n   Standard three-tier resolvers. Two rules govern where they may be written:\r\n\r\n   1. The resolvers are declared on the SCROLL CONTAINERS, never on `:root`. A\r\n      `var()` substitutes on the element that declares it, so a resolver at\r\n      `:root` could never see a `-preset` a flavor sets on `<body>` — the same\r\n      trap `sidebar.css` documents for `.mono-sidebar-panel`. Declaring them on\r\n      the container is also what puts `currentColor` in the right place.\r\n   2. The public `--mono-scrollbar-*` vars are NOT declared anywhere. Declaring\r\n      one would mean it is always set, and a flavor's `-preset` could then never\r\n      win. The defaults live only as the innermost fallback below.\r\n\r\n   Order stays: default < flavor `-preset` < a consumer's public `--mono-*`.\r\n   No flavor overrides these today — one scrollbar across every theme is the\r\n   point — but the `-preset` slots exist for a flavor that wants its own rail.\r\n\r\n   ── Adding a scroll container ─────────────────────────────────────────────\r\n   Add its selector to the list below. `theme-parity.spec.mjs` fails the build\r\n   for any `overflow: auto|scroll` in `src/components/**` that is missing here,\r\n   and for any component CSS that styles a scrollbar itself.\r\n   ─────────────────────────────────────────────────────────────────────────── */\r\n\r\n.mono-scrollbar,\r\n:where([mono-sidebar]) :where([mono-panel]) > [mono-body],\r\n.mono-drawer-body,\r\n:where([mono-drawer] > [mono-panel]) > [mono-body],\r\n.mono-modal-body,\r\n:where([mono-modal] > [mono-panel-wrap] > [mono-panel]) > [mono-body],\r\n.mono-select-dropdown-body,\r\n\r\n[mono-select] [mono-dropdown-body],\r\n.mono-tag-input-dropdown,\r\n[mono-tag-input] > [mono-dropdown],\r\n:where([mono-dropdown]) > [mono-panel],\r\n:where([mono-button-dropdown]) > [mono-panel],\r\n.mono-tag-input-more-panel,\r\n[mono-tag-input] > [mono-more-panel],\r\n.mono-textarea-field,\r\n[mono-table-scroll],\r\n[mono-search-more-panel],\r\n[mono-search-filter],\r\n[mono-search-panel],\r\n[mono-th-filter-list],\r\n[mono-dropdown-table] [mono-dd-more],\r\n[mono-dropdown-table] [mono-dd-region=\"body\"],\r\n[mono-filter-builder] > [mono-filter-group] {\r\n  --_mono-scrollbar-size: var(--mono-scrollbar-size, var(--_mono-scrollbar-size-preset, 8px));\r\n  --_mono-scrollbar-radius: var(--mono-scrollbar-radius, var(--_mono-scrollbar-radius-preset, 999px));\r\n  --_mono-scrollbar-track: var(--mono-scrollbar-track, var(--_mono-scrollbar-track-preset, transparent));\r\n  --_mono-scrollbar-thumb: var(\r\n    --mono-scrollbar-thumb,\r\n    var(--_mono-scrollbar-thumb-preset, color-mix(in srgb, currentColor 22%, transparent))\r\n  );\r\n  --_mono-scrollbar-thumb-hover: var(\r\n    --mono-scrollbar-thumb-hover,\r\n    var(--_mono-scrollbar-thumb-hover-preset, color-mix(in srgb, currentColor 38%, transparent))\r\n  );\r\n}\r\n\r\n/* ── Firefox lane. Inert in Chrome/Safari — see the header: setting either of\r\n      these there would disable the webkit lane below and restore Chrome's own\r\n      scrollbar. Duplicated across two guards rather than comma-joined because\r\n      `@supports` conditions cannot be combined with a selector list. ───────── */\r\n@supports not selector(::-webkit-scrollbar) {\r\n  .mono-scrollbar,\r\n  :where([mono-sidebar]) :where([mono-panel]) > [mono-body],\r\n  .mono-drawer-body,\r\n  :where([mono-drawer] > [mono-panel]) > [mono-body],\r\n  .mono-modal-body,\r\n  :where([mono-modal] > [mono-panel-wrap] > [mono-panel]) > [mono-body],\r\n  .mono-select-dropdown-body,\r\n\r\n  [mono-select] [mono-dropdown-body],\r\n  .mono-tag-input-dropdown,\r\n  [mono-tag-input] > [mono-dropdown],\r\n  :where([mono-dropdown]) > [mono-panel],\r\n  :where([mono-button-dropdown]) > [mono-panel],\r\n  .mono-tag-input-more-panel,\r\n  [mono-tag-input] > [mono-more-panel],\r\n  .mono-textarea-field,\r\n  [mono-table-scroll],\r\n  [mono-search-more-panel],\r\n  [mono-search-filter],\r\n  [mono-search-panel],\r\n  [mono-th-filter-list],\r\n  [mono-dropdown-table] [mono-dd-more],\r\n  [mono-dropdown-table] [mono-dd-region=\"body\"],\r\n  [mono-filter-builder] > [mono-filter-group] {\r\n    scrollbar-width: thin;\r\n    scrollbar-color: var(--_mono-scrollbar-thumb) var(--_mono-scrollbar-track);\r\n  }\r\n}\r\n\r\n@supports (-moz-appearance: none) {\r\n  .mono-scrollbar,\r\n  :where([mono-sidebar]) :where([mono-panel]) > [mono-body],\r\n  .mono-drawer-body,\r\n  :where([mono-drawer] > [mono-panel]) > [mono-body],\r\n  .mono-modal-body,\r\n  :where([mono-modal] > [mono-panel-wrap] > [mono-panel]) > [mono-body],\r\n  .mono-select-dropdown-body,\r\n\r\n  [mono-select] [mono-dropdown-body],\r\n  .mono-tag-input-dropdown,\r\n  [mono-tag-input] > [mono-dropdown],\r\n  :where([mono-dropdown]) > [mono-panel],\r\n  :where([mono-button-dropdown]) > [mono-panel],\r\n  .mono-tag-input-more-panel,\r\n  [mono-tag-input] > [mono-more-panel],\r\n  .mono-textarea-field,\r\n  [mono-table-scroll],\r\n  [mono-search-more-panel],\r\n  [mono-search-filter],\r\n  [mono-search-panel],\r\n  [mono-th-filter-list],\r\n  [mono-dropdown-table] [mono-dd-more],\r\n  [mono-dropdown-table] [mono-dd-region=\"body\"],\r\n  [mono-filter-builder] > [mono-filter-group] {\r\n    scrollbar-width: thin;\r\n    scrollbar-color: var(--_mono-scrollbar-thumb) var(--_mono-scrollbar-track);\r\n  }\r\n}\r\n\r\n/* ── WebKit / Blink lane: the actual design. ──────────────────────────────── */\r\n\r\n.mono-scrollbar::-webkit-scrollbar,\r\n:where([mono-sidebar]) :where([mono-panel]) > [mono-body]::-webkit-scrollbar,\r\n.mono-drawer-body::-webkit-scrollbar,\r\n:where([mono-drawer] > [mono-panel]) > [mono-body]::-webkit-scrollbar,\r\n.mono-modal-body::-webkit-scrollbar,\r\n:where([mono-modal] > [mono-panel-wrap] > [mono-panel]) > [mono-body]::-webkit-scrollbar,\r\n.mono-select-dropdown-body::-webkit-scrollbar,\r\n\r\n[mono-select] [mono-dropdown-body]::-webkit-scrollbar,\r\n.mono-tag-input-dropdown::-webkit-scrollbar,\r\n[mono-tag-input] > [mono-dropdown]::-webkit-scrollbar,\r\n:where([mono-dropdown]) > [mono-panel]::-webkit-scrollbar,\r\n:where([mono-button-dropdown]) > [mono-panel]::-webkit-scrollbar,\r\n.mono-tag-input-more-panel::-webkit-scrollbar,\r\n[mono-tag-input] > [mono-more-panel]::-webkit-scrollbar,\r\n.mono-textarea-field::-webkit-scrollbar,\r\n[mono-table-scroll]::-webkit-scrollbar,\r\n[mono-search-more-panel]::-webkit-scrollbar,\r\n[mono-search-filter]::-webkit-scrollbar,\r\n[mono-search-panel]::-webkit-scrollbar,\r\n[mono-th-filter-list]::-webkit-scrollbar,\r\n[mono-dropdown-table] [mono-dd-more]::-webkit-scrollbar,\r\n[mono-dropdown-table] [mono-dd-region=\"body\"]::-webkit-scrollbar,\r\n[mono-filter-builder] > [mono-filter-group]::-webkit-scrollbar {\r\n  width: var(--_mono-scrollbar-size);\r\n  height: var(--_mono-scrollbar-size);\r\n}\r\n\r\n.mono-scrollbar::-webkit-scrollbar-track,\r\n:where([mono-sidebar]) :where([mono-panel]) > [mono-body]::-webkit-scrollbar-track,\r\n.mono-drawer-body::-webkit-scrollbar-track,\r\n:where([mono-drawer] > [mono-panel]) > [mono-body]::-webkit-scrollbar-track,\r\n.mono-modal-body::-webkit-scrollbar-track,\r\n:where([mono-modal] > [mono-panel-wrap] > [mono-panel]) > [mono-body]::-webkit-scrollbar-track,\r\n.mono-select-dropdown-body::-webkit-scrollbar-track,\r\n\r\n[mono-select] [mono-dropdown-body]::-webkit-scrollbar-track,\r\n.mono-tag-input-dropdown::-webkit-scrollbar-track,\r\n[mono-tag-input] > [mono-dropdown]::-webkit-scrollbar-track,\r\n:where([mono-dropdown]) > [mono-panel]::-webkit-scrollbar-track,\r\n:where([mono-button-dropdown]) > [mono-panel]::-webkit-scrollbar-track,\r\n.mono-tag-input-more-panel::-webkit-scrollbar-track,\r\n[mono-tag-input] > [mono-more-panel]::-webkit-scrollbar-track,\r\n.mono-textarea-field::-webkit-scrollbar-track,\r\n[mono-table-scroll]::-webkit-scrollbar-track,\r\n[mono-search-more-panel]::-webkit-scrollbar-track,\r\n[mono-search-filter]::-webkit-scrollbar-track,\r\n[mono-search-panel]::-webkit-scrollbar-track,\r\n[mono-th-filter-list]::-webkit-scrollbar-track,\r\n[mono-dropdown-table] [mono-dd-more]::-webkit-scrollbar-track,\r\n[mono-dropdown-table] [mono-dd-region=\"body\"]::-webkit-scrollbar-track,\r\n[mono-filter-builder] > [mono-filter-group]::-webkit-scrollbar-track {\r\n  background: var(--_mono-scrollbar-track);\r\n}\r\n\r\n.mono-scrollbar::-webkit-scrollbar-thumb,\r\n:where([mono-sidebar]) :where([mono-panel]) > [mono-body]::-webkit-scrollbar-thumb,\r\n.mono-drawer-body::-webkit-scrollbar-thumb,\r\n:where([mono-drawer] > [mono-panel]) > [mono-body]::-webkit-scrollbar-thumb,\r\n.mono-modal-body::-webkit-scrollbar-thumb,\r\n:where([mono-modal] > [mono-panel-wrap] > [mono-panel]) > [mono-body]::-webkit-scrollbar-thumb,\r\n.mono-select-dropdown-body::-webkit-scrollbar-thumb,\r\n\r\n[mono-select] [mono-dropdown-body]::-webkit-scrollbar-thumb,\r\n.mono-tag-input-dropdown::-webkit-scrollbar-thumb,\r\n[mono-tag-input] > [mono-dropdown]::-webkit-scrollbar-thumb,\r\n:where([mono-dropdown]) > [mono-panel]::-webkit-scrollbar-thumb,\r\n:where([mono-button-dropdown]) > [mono-panel]::-webkit-scrollbar-thumb,\r\n.mono-tag-input-more-panel::-webkit-scrollbar-thumb,\r\n[mono-tag-input] > [mono-more-panel]::-webkit-scrollbar-thumb,\r\n.mono-textarea-field::-webkit-scrollbar-thumb,\r\n[mono-table-scroll]::-webkit-scrollbar-thumb,\r\n[mono-search-more-panel]::-webkit-scrollbar-thumb,\r\n[mono-search-filter]::-webkit-scrollbar-thumb,\r\n[mono-search-panel]::-webkit-scrollbar-thumb,\r\n[mono-th-filter-list]::-webkit-scrollbar-thumb,\r\n[mono-dropdown-table] [mono-dd-more]::-webkit-scrollbar-thumb,\r\n[mono-dropdown-table] [mono-dd-region=\"body\"]::-webkit-scrollbar-thumb,\r\n[mono-filter-builder] > [mono-filter-group]::-webkit-scrollbar-thumb {\r\n  background: var(--_mono-scrollbar-thumb);\r\n  border-radius: var(--_mono-scrollbar-radius);\r\n}\r\n\r\n.mono-scrollbar::-webkit-scrollbar-thumb:hover,\r\n:where([mono-sidebar]) :where([mono-panel]) > [mono-body]::-webkit-scrollbar-thumb:hover,\r\n.mono-drawer-body::-webkit-scrollbar-thumb:hover,\r\n:where([mono-drawer] > [mono-panel]) > [mono-body]::-webkit-scrollbar-thumb:hover,\r\n.mono-modal-body::-webkit-scrollbar-thumb:hover,\r\n:where([mono-modal] > [mono-panel-wrap] > [mono-panel]) > [mono-body]::-webkit-scrollbar-thumb:hover,\r\n.mono-select-dropdown-body::-webkit-scrollbar-thumb:hover,\r\n\r\n[mono-select] [mono-dropdown-body]::-webkit-scrollbar-thumb:hover,\r\n.mono-tag-input-dropdown::-webkit-scrollbar-thumb:hover,\r\n[mono-tag-input] > [mono-dropdown]::-webkit-scrollbar-thumb:hover,\r\n:where([mono-dropdown]) > [mono-panel]::-webkit-scrollbar-thumb:hover,\r\n:where([mono-button-dropdown]) > [mono-panel]::-webkit-scrollbar-thumb:hover,\r\n.mono-tag-input-more-panel::-webkit-scrollbar-thumb:hover,\r\n[mono-tag-input] > [mono-more-panel]::-webkit-scrollbar-thumb:hover,\r\n.mono-textarea-field::-webkit-scrollbar-thumb:hover,\r\n[mono-table-scroll]::-webkit-scrollbar-thumb:hover,\r\n[mono-search-more-panel]::-webkit-scrollbar-thumb:hover,\r\n[mono-search-filter]::-webkit-scrollbar-thumb:hover,\r\n[mono-search-panel]::-webkit-scrollbar-thumb:hover,\r\n[mono-th-filter-list]::-webkit-scrollbar-thumb:hover,\r\n[mono-dropdown-table] [mono-dd-more]::-webkit-scrollbar-thumb:hover,\r\n[mono-dropdown-table] [mono-dd-region=\"body\"]::-webkit-scrollbar-thumb:hover,\r\n[mono-filter-builder] > [mono-filter-group]::-webkit-scrollbar-thumb:hover {\r\n  background: var(--_mono-scrollbar-thumb-hover);\r\n}\r\n\r\n/* Chrome draws stepper arrows on a custom scrollbar in some configurations, and\r\n   the corner square where two bars meet takes the UA's own grey. Both are part\r\n   of \"do not look like the browser's scrollbar\". */\r\n.mono-scrollbar::-webkit-scrollbar-button,\r\n:where([mono-sidebar]) :where([mono-panel]) > [mono-body]::-webkit-scrollbar-button,\r\n.mono-drawer-body::-webkit-scrollbar-button,\r\n:where([mono-drawer] > [mono-panel]) > [mono-body]::-webkit-scrollbar-button,\r\n.mono-modal-body::-webkit-scrollbar-button,\r\n:where([mono-modal] > [mono-panel-wrap] > [mono-panel]) > [mono-body]::-webkit-scrollbar-button,\r\n.mono-select-dropdown-body::-webkit-scrollbar-button,\r\n\r\n[mono-select] [mono-dropdown-body]::-webkit-scrollbar-button,\r\n.mono-tag-input-dropdown::-webkit-scrollbar-button,\r\n[mono-tag-input] > [mono-dropdown]::-webkit-scrollbar-button,\r\n:where([mono-dropdown]) > [mono-panel]::-webkit-scrollbar-button,\r\n:where([mono-button-dropdown]) > [mono-panel]::-webkit-scrollbar-button,\r\n.mono-tag-input-more-panel::-webkit-scrollbar-button,\r\n[mono-tag-input] > [mono-more-panel]::-webkit-scrollbar-button,\r\n.mono-textarea-field::-webkit-scrollbar-button,\r\n[mono-table-scroll]::-webkit-scrollbar-button,\r\n[mono-search-more-panel]::-webkit-scrollbar-button,\r\n[mono-search-filter]::-webkit-scrollbar-button,\r\n[mono-search-panel]::-webkit-scrollbar-button,\r\n[mono-th-filter-list]::-webkit-scrollbar-button,\r\n[mono-dropdown-table] [mono-dd-more]::-webkit-scrollbar-button,\r\n[mono-dropdown-table] [mono-dd-region=\"body\"]::-webkit-scrollbar-button,\r\n[mono-filter-builder] > [mono-filter-group]::-webkit-scrollbar-button {\r\n  display: none;\r\n}\r\n\r\n.mono-scrollbar::-webkit-scrollbar-corner,\r\n:where([mono-sidebar]) :where([mono-panel]) > [mono-body]::-webkit-scrollbar-corner,\r\n.mono-drawer-body::-webkit-scrollbar-corner,\r\n:where([mono-drawer] > [mono-panel]) > [mono-body]::-webkit-scrollbar-corner,\r\n.mono-modal-body::-webkit-scrollbar-corner,\r\n:where([mono-modal] > [mono-panel-wrap] > [mono-panel]) > [mono-body]::-webkit-scrollbar-corner,\r\n.mono-select-dropdown-body::-webkit-scrollbar-corner,\r\n\r\n[mono-select] [mono-dropdown-body]::-webkit-scrollbar-corner,\r\n.mono-tag-input-dropdown::-webkit-scrollbar-corner,\r\n[mono-tag-input] > [mono-dropdown]::-webkit-scrollbar-corner,\r\n:where([mono-dropdown]) > [mono-panel]::-webkit-scrollbar-corner,\r\n:where([mono-button-dropdown]) > [mono-panel]::-webkit-scrollbar-corner,\r\n.mono-tag-input-more-panel::-webkit-scrollbar-corner,\r\n[mono-tag-input] > [mono-more-panel]::-webkit-scrollbar-corner,\r\n.mono-textarea-field::-webkit-scrollbar-corner,\r\n[mono-table-scroll]::-webkit-scrollbar-corner,\r\n[mono-search-more-panel]::-webkit-scrollbar-corner,\r\n[mono-search-filter]::-webkit-scrollbar-corner,\r\n[mono-search-panel]::-webkit-scrollbar-corner,\r\n[mono-th-filter-list]::-webkit-scrollbar-corner,\r\n[mono-dropdown-table] [mono-dd-more]::-webkit-scrollbar-corner,\r\n[mono-dropdown-table] [mono-dd-region=\"body\"]::-webkit-scrollbar-corner,\r\n[mono-filter-builder] > [mono-filter-group]::-webkit-scrollbar-corner {\r\n  background: var(--_mono-scrollbar-track);\r\n}\r\n";
 
@@ -1458,4 +389,4 @@ function flushSsrHydration(el, options = {}) {
 }
 
 //#endregion
-export { monoPendingGrace as C, monoPendingActive as S, buildSizeStyle as _, __decorate as a, monoHostChildNodes as b, defineHybridPropAlias as c, optionalNumberConverter as d, customElement as f, cssLengthToPx as g, ColumnAutoSize as h, withShadowUtilityStyles as i, defineHybridPropAliases as l, startMonoSizeAttributes as m, adoptIconStyles as n, arrayHasChanged as o, defineMonoElement as p, toShadowCss as r, booleanStringConverter as s, flushSsrHydration as t, numberStringConverter as u, toCssSize as v, monoPhantomOptions as w, monoHostChildren as x, monoApplyPhantomOptions as y };
+export { withShadowUtilityStyles as i, adoptIconStyles as n, toShadowCss as r, flushSsrHydration as t };