@mono-lit/helper 0.0.6 → 0.0.7

package/dist/{control-tooltip-C3rA_nSH.js → control-tooltip-CoPD37_h.js}

@@ -1,7 +1,5 @@
-import { d as __exportAll } from "./styles-BODNpZV1.js";
 import { n as unwrapReactive, t as resolveMaybeReactive } from "./reactive-Dtd-esHO.js";
 import { i as registerPopupLayer, o as unregisterPopupLayer } from "./popup-stack-C64WCuXq.js";
-import { t as loadFloatingUi } from "./tooltip-loader-Dcp9AUZn.js";
 
 //#region src/components/tooltip/tooltip-config.ts
 const DEFAULT_TOOLTIP_OPTIONS = {
@@ -48,16 +46,27 @@ function resolveTooltipOptions(local, anchor) {
 	return out;
 }
 
+//#endregion
+//#region src/components/tooltip/tooltip-loader.ts
+/**
+* Cached loader for the OPTIONAL `@floating-ui/dom` peer (which itself depends on
+* `@floating-ui/core` — both are the consumer's to install).
+*
+* Loaded on the FIRST show, never at import: registering a tooltip in
+* `<script setup>` costs nothing until somebody actually hovers. Externalized by
+* `NEVER_BUNDLE` in `tsdown.config.ts`, so the consumer's bundler resolves and splits it.
+*/
+let _floatingPromise = null;
+function loadFloatingUi() {
+	_floatingPromise ??= import("@floating-ui/dom").catch((err) => {
+		_floatingPromise = null;
+		throw new Error("[mono-tooltip] needs the optional peer dependencies \"@floating-ui/dom\" and \"@floating-ui/core\". Install them in your app: pnpm add @floating-ui/dom @floating-ui/core" + (err?.message ? ` (original error: ${err.message})` : ""));
+	});
+	return _floatingPromise;
+}
+
 //#endregion
 //#region src/components/tooltip/control-tooltip.ts
-var control_tooltip_exports = /* @__PURE__ */ __exportAll({
-	ANCHOR_ATTR_PREFIX: () => ANCHOR_ATTR_PREFIX,
-	controlMonoTooltip: () => controlMonoTooltip,
-	createTooltipController: () => createTooltipController,
-	destroyAllTooltipControllers: () => destroyAllTooltipControllers,
-	hasLiveDocument: () => hasLiveDocument,
-	monoTooltip: () => monoTooltip
-});
 /** Grace period so an INTERACTIVE tooltip can be reached across the offset gap. */
 const INTERACTIVE_HIDE_GRACE = 120;
 /** Longest the exit transition may take before the element is removed anyway. */
@@ -692,4 +701,4 @@ function destroyAllTooltipControllers() {
 }
 
 //#endregion
-export { hasLiveDocument as a, getMonoTooltipGlobal as c, destroyAllTooltipControllers as i, resolveTooltipOptions as l, control_tooltip_exports as n, monoTooltip as o, createTooltipController as r, DEFAULT_TOOLTIP_OPTIONS as s, controlMonoTooltip as t, setMonoTooltipGlobal as u };
+export { monoTooltip as a, getMonoTooltipGlobal as c, hasLiveDocument as i, resolveTooltipOptions as l, createTooltipController as n, loadFloatingUi as o, destroyAllTooltipControllers as r, DEFAULT_TOOLTIP_OPTIONS as s, controlMonoTooltip as t, setMonoTooltipGlobal as u };

package/dist/{data-source-options-Cz9fVLK8.js → data-source-options-CS0w0wlO.js}

@@ -1,6 +1,6 @@
 import { n as isPath, r as mergePatch, t as getFieldValue } from "./field-path-BabiMrrA.js";
 import { D as compileFilterPredicate, E as andPredicates, T as andFilters, f as mergeSearchFields } from "./normalize-error-BmLbgANw.js";
-import { i as searchFilterOf, s as flattenLeaves, t as isDataSourceLike } from "./data-source-read-i6CYSUEl.js";
+import { i as searchFilterOf, s as flattenLeaves, t as isDataSourceLike } from "./data-source-read-DTJ_Mnez.js";
 import { t as resolveMaybeReactive } from "./reactive-Dtd-esHO.js";
 import { s as odataStringToArray, t as arrayToODataString } from "./filter-odata-Bi27XUpQ.js";
 
@@ -36,6 +36,21 @@ function monoArraySource(data = [], opts = {}) {
 	let filter = null;
 	let sortList = [];
 	let page = [];
+	/**
+	* `applied()` as of the last `load()`, or null once a query setter has written since.
+	*
+	* `totalCount()` / `isLastPage()` re-ran the whole filter + search + SORT per call, and the
+	* grid asks them on every sync — every virtual-scroll window shift, ~3 times per chunk of a
+	* chunked "all" load. `load()` always recomputes (so an in-place edit of the data shows on the
+	* next load) and stores it here; every setter that WRITES clears it.
+	*/
+	let appliedCache = null;
+	const matched = () => appliedCache ??= applied();
+	/** Pass a setter's written value through, dropping the cached match set. */
+	const moved = (v) => {
+		appliedCache = null;
+		return v;
+	};
 	const emit = (event, arg) => (handlers[event] ?? []).slice().forEach((h) => h(arg));
 	/** Normalise a single devextreme sort entry into `{ selector, desc }`. */
 	function normalizeSortEntry(value) {
@@ -104,19 +119,19 @@ function monoArraySource(data = [], opts = {}) {
 		/** Full backing array (unfiltered) — lets the grid derive header-filter values. */
 		data: () => [...all],
 		isLoading: () => false,
-		totalCount: () => applied().length,
-		isLastPage: () => (pageIndex + 1) * pageSize >= applied().length,
+		totalCount: () => matched().length,
+		isLastPage: () => (pageIndex + 1) * pageSize >= matched().length,
 		paginate: (value) => value === void 0 ? paginate : paginate = value,
 		pageSize: (value) => value === void 0 ? pageSize : pageSize = value,
 		pageIndex: (value) => value === void 0 ? pageIndex : pageIndex = value,
-		searchValue: (value) => value === void 0 ? search : search = value || null,
-		searchExpr: (value) => value === void 0 ? searchExpr : searchExpr = value ?? null,
-		searchOperation: (op) => op === void 0 ? searchOperation : searchOperation = op,
-		filter: (value) => value === void 0 ? filter : filter = typeof value === "function" ? value : null,
-		sort: (value) => value === void 0 ? sortList : sortList = normalizeSortList(value),
+		searchValue: (value) => value === void 0 ? search : moved(search = value || null),
+		searchExpr: (value) => value === void 0 ? searchExpr : moved(searchExpr = value ?? null),
+		searchOperation: (op) => op === void 0 ? searchOperation : moved(searchOperation = op),
+		filter: (value) => value === void 0 ? filter : moved(filter = typeof value === "function" ? value : null),
+		sort: (value) => value === void 0 ? sortList : moved(sortList = normalizeSortList(value)),
 		load: () => {
 			emit("loadingChanged", true);
-			const rows = applied();
+			const rows = appliedCache = applied();
 			const start = pageIndex * pageSize;
 			page = paginate ? rows.slice(start, start + pageSize) : rows.slice();
 			emit("changed");
@@ -127,6 +142,7 @@ function monoArraySource(data = [], opts = {}) {
 		/** Replace the backing array and reload from page 0. */
 		setData: (next) => {
 			all = normalizeInput(next, opts.group);
+			appliedCache = null;
 			pageIndex = 0;
 			return Promise.resolve(source.load());
 		},
@@ -139,6 +155,7 @@ function monoArraySource(data = [], opts = {}) {
 			const keyExpr = opts.keyExpr ?? "Id";
 			const idx = all.findIndex((row) => String(row?.[keyExpr]) === String(key));
 			if (idx >= 0) all[idx] = mergePatch(all[idx], values);
+			appliedCache = null;
 			return Promise.resolve(source.load());
 		}
 	};

package/dist/{data-source-options-QjuI73g8.js → data-source-options-lDR-g9Eb.js}

@@ -1,5 +1,5 @@
 import { n as isPath, r as mergePatch, t as getFieldValue } from "./field-path-BabiMrrA.js";
-import { i as searchFilterOf, s as flattenLeaves, t as isDataSourceLike } from "./data-source-read-FxqzQkk2.js";
+import { i as searchFilterOf, s as flattenLeaves, t as isDataSourceLike } from "./data-source-read-Cp_h7NIf.js";
 import { n as andPredicates, r as compileFilterPredicate, t as andFilters } from "./filter-eval-ChDSaAUH.js";
 import { h as mergeSearchFields } from "./normalize-error-D93O4q8g.js";
 import { t as resolveMaybeReactive } from "./reactive-Dtd-esHO.js";
@@ -37,6 +37,21 @@ function monoArraySource(data = [], opts = {}) {
 	let filter = null;
 	let sortList = [];
 	let page = [];
+	/**
+	* `applied()` as of the last `load()`, or null once a query setter has written since.
+	*
+	* `totalCount()` / `isLastPage()` re-ran the whole filter + search + SORT per call, and the
+	* grid asks them on every sync — every virtual-scroll window shift, ~3 times per chunk of a
+	* chunked "all" load. `load()` always recomputes (so an in-place edit of the data shows on the
+	* next load) and stores it here; every setter that WRITES clears it.
+	*/
+	let appliedCache = null;
+	const matched = () => appliedCache ??= applied();
+	/** Pass a setter's written value through, dropping the cached match set. */
+	const moved = (v) => {
+		appliedCache = null;
+		return v;
+	};
 	const emit = (event, arg) => (handlers[event] ?? []).slice().forEach((h) => h(arg));
 	/** Normalise a single devextreme sort entry into `{ selector, desc }`. */
 	function normalizeSortEntry(value) {
@@ -105,19 +120,19 @@ function monoArraySource(data = [], opts = {}) {
 		/** Full backing array (unfiltered) — lets the grid derive header-filter values. */
 		data: () => [...all],
 		isLoading: () => false,
-		totalCount: () => applied().length,
-		isLastPage: () => (pageIndex + 1) * pageSize >= applied().length,
+		totalCount: () => matched().length,
+		isLastPage: () => (pageIndex + 1) * pageSize >= matched().length,
 		paginate: (value) => value === void 0 ? paginate : paginate = value,
 		pageSize: (value) => value === void 0 ? pageSize : pageSize = value,
 		pageIndex: (value) => value === void 0 ? pageIndex : pageIndex = value,
-		searchValue: (value) => value === void 0 ? search : search = value || null,
-		searchExpr: (value) => value === void 0 ? searchExpr : searchExpr = value ?? null,
-		searchOperation: (op) => op === void 0 ? searchOperation : searchOperation = op,
-		filter: (value) => value === void 0 ? filter : filter = typeof value === "function" ? value : null,
-		sort: (value) => value === void 0 ? sortList : sortList = normalizeSortList(value),
+		searchValue: (value) => value === void 0 ? search : moved(search = value || null),
+		searchExpr: (value) => value === void 0 ? searchExpr : moved(searchExpr = value ?? null),
+		searchOperation: (op) => op === void 0 ? searchOperation : moved(searchOperation = op),
+		filter: (value) => value === void 0 ? filter : moved(filter = typeof value === "function" ? value : null),
+		sort: (value) => value === void 0 ? sortList : moved(sortList = normalizeSortList(value)),
 		load: () => {
 			emit("loadingChanged", true);
-			const rows = applied();
+			const rows = appliedCache = applied();
 			const start = pageIndex * pageSize;
 			page = paginate ? rows.slice(start, start + pageSize) : rows.slice();
 			emit("changed");
@@ -128,6 +143,7 @@ function monoArraySource(data = [], opts = {}) {
 		/** Replace the backing array and reload from page 0. */
 		setData: (next) => {
 			all = normalizeInput(next, opts.group);
+			appliedCache = null;
 			pageIndex = 0;
 			return Promise.resolve(source.load());
 		},
@@ -140,6 +156,7 @@ function monoArraySource(data = [], opts = {}) {
 			const keyExpr = opts.keyExpr ?? "Id";
 			const idx = all.findIndex((row) => String(row?.[keyExpr]) === String(key));
 			if (idx >= 0) all[idx] = mergePatch(all[idx], values);
+			appliedCache = null;
 			return Promise.resolve(source.load());
 		}
 	};

package/dist/{data-source-read-FxqzQkk2.js → data-source-read-Cp_h7NIf.js}

@@ -20,8 +20,11 @@ function isGroupNode(x) {
 */
 function flattenLeaves(rows) {
 	const out = [];
-	for (const row of rows) if (isGroupNode(row)) out.push(...flattenLeaves(row.items));
-	else out.push(row);
+	const walk = (list) => {
+		for (const row of list) if (isGroupNode(row)) walk(row.items);
+		else out.push(row);
+	};
+	walk(rows);
 	return out;
 }
 /**

package/dist/{data-source-read-i6CYSUEl.js → data-source-read-DTJ_Mnez.js}

@@ -20,8 +20,11 @@ function isGroupNode(x) {
 */
 function flattenLeaves(rows) {
 	const out = [];
-	for (const row of rows) if (isGroupNode(row)) out.push(...flattenLeaves(row.items));
-	else out.push(row);
+	const walk = (list) => {
+		for (const row of list) if (isGroupNode(row)) walk(row.items);
+		else out.push(row);
+	};
+	walk(rows);
 	return out;
 }
 /**

package/dist/{excel-BPdDt06G.js → excel-DtRpxmxs.js}

@@ -1,4 +1,4 @@
-import { a as flattenInline, i as toExcelStyle, n as combineStyles, r as mergeStyles } from "./styles-BODNpZV1.js";
+import { a as flattenInline, i as toExcelStyle, n as combineStyles, r as mergeStyles } from "./styles-D-ergrfR.js";
 
 //#region src/export/sheet-name.ts
 /**

package/dist/{export-DgomqI_3.js → export-D27RJa1w.js}

@@ -1,5 +1,5 @@
 import { a as stripDirectives, i as escapeCellText, n as parseMarkdown, o as __commonJSMin, r as encodeDirective, s as __toESM } from "./markdown-uGlE_OfJ.js";
-import { n as isReadableSource, r as readAllRows } from "./data-source-read-i6CYSUEl.js";
+import { n as isReadableSource, r as readAllRows } from "./data-source-read-DTJ_Mnez.js";
 import { n as unwrapReactive } from "./reactive-Dtd-esHO.js";
 import { t as DEFAULT_STYLES } from "./excel-BXzr3uI1.js";
 

package/dist/export.js

@@ -1,5 +1,5 @@
-import { c as escapeCellText, f as __toESM, l as stripDirectives, o as parseMarkdown, s as encodeDirective, t as DEFAULT_STYLES, u as __commonJSMin } from "./styles-BODNpZV1.js";
-import { n as isReadableSource, r as readAllRows } from "./data-source-read-FxqzQkk2.js";
+import { c as escapeCellText, d as __toESM, l as stripDirectives, o as parseMarkdown, s as encodeDirective, t as DEFAULT_STYLES, u as __commonJSMin } from "./styles-D-ergrfR.js";
+import { n as isReadableSource, r as readAllRows } from "./data-source-read-Cp_h7NIf.js";
 import { n as unwrapReactive } from "./reactive-Dtd-esHO.js";
 
 //#region src/export/download.ts
@@ -2341,7 +2341,7 @@ async function exportTable(options) {
 	}
 	let workbookPromise = null;
 	const workbook = () => {
-		workbookPromise ??= import("./excel-BPdDt06G.js").then(({ renderExcel }) => renderExcel(parseMarkdown(rendered), {
+		workbookPromise ??= import("./excel-DtRpxmxs.js").then(({ renderExcel }) => renderExcel(parseMarkdown(rendered), {
 			...options,
 			back: options.detail?.back,
 			sheets: detailSheets.map((s) => ({

package/dist/{field-tooltip-FyMi9vNM.js → field-tooltip-Csk4s2ve.js}

@@ -106,9 +106,8 @@ let _probe = null;
 function probeTooltip() {
 	_probe ??= (async () => {
 		try {
-			const [{ loadFloatingUi }, { controlMonoTooltip }] = await Promise.all([import("./tooltip-loader-Dcp9AUZn.js").then((n) => n.n), import("./control-tooltip-C3rA_nSH.js").then((n) => n.n)]);
-			await loadFloatingUi();
-			return controlMonoTooltip;
+			const { loadFieldTooltipAddon } = await import("./field-tooltip-addon-B32dizW_.js");
+			return await loadFieldTooltipAddon();
 		} catch {
 			return null;
 		}

package/dist/field-tooltip-addon-B32dizW_.js

@@ -0,0 +1,22 @@
+import { o as loadFloatingUi, t as controlMonoTooltip } from "./control-tooltip-CoPD37_h.js";
+
+//#region src/components/tooltip/field-tooltip-addon.ts
+/**
+* The tooltip addon as `field-tooltip` lazy-loads it — ONE module, imported dynamically and
+* from nowhere else.
+*
+* `field-tooltip` used to `import()` `control-tooltip` and `tooltip-loader` directly. Both are
+* also imported STATICALLY by the root entry, so rolldown had to hand the dynamic importer a
+* synthesized namespace object (`__exportAll`) — and its runtime helpers sat in the report
+* engine's markdown chunk, so `import … from '@mono-lit/helper'` loaded and evaluated ~500KB of
+* remark/micromark. A module that is only ever dynamically imported is its own chunk entry, and
+* `import()` returns its real namespace: no helper, no markdown.
+*/
+/** `controlMonoTooltip` once the optional `@floating-ui/dom` peer has loaded; rejects without it. */
+async function loadFieldTooltipAddon() {
+	await loadFloatingUi();
+	return controlMonoTooltip;
+}
+
+//#endregion
+export { loadFieldTooltipAddon };

package/dist/{control-tooltip-7vegYmq3.js → field-tooltip-addon-CWCp19mJ.js}

@@ -1,6 +1,5 @@
 import { i as registerPopupLayer, o as unregisterPopupLayer } from "./popup-stack-C64WCuXq.js";
 import { n as unwrapReactive, t as resolveMaybeReactive } from "./reactive-Dtd-esHO.js";
-import { loadFloatingUi } from "./tooltip-loader-3U9FTOXj.js";
 
 //#region src/components/tooltip/tooltip-config.ts
 const DEFAULT_TOOLTIP_OPTIONS = {
@@ -39,6 +38,25 @@ function resolveTooltipOptions(local, anchor) {
 	return out;
 }
 
+//#endregion
+//#region src/components/tooltip/tooltip-loader.ts
+/**
+* Cached loader for the OPTIONAL `@floating-ui/dom` peer (which itself depends on
+* `@floating-ui/core` — both are the consumer's to install).
+*
+* Loaded on the FIRST show, never at import: registering a tooltip in
+* `<script setup>` costs nothing until somebody actually hovers. Externalized by
+* `NEVER_BUNDLE` in `tsdown.config.ts`, so the consumer's bundler resolves and splits it.
+*/
+let _floatingPromise = null;
+function loadFloatingUi() {
+	_floatingPromise ??= import("@floating-ui/dom").catch((err) => {
+		_floatingPromise = null;
+		throw new Error("[mono-tooltip] needs the optional peer dependencies \"@floating-ui/dom\" and \"@floating-ui/core\". Install them in your app: pnpm add @floating-ui/dom @floating-ui/core" + (err?.message ? ` (original error: ${err.message})` : ""));
+	});
+	return _floatingPromise;
+}
+
 //#endregion
 //#region src/components/tooltip/control-tooltip.ts
 /** Grace period so an INTERACTIVE tooltip can be reached across the offset gap. */
@@ -660,19 +678,25 @@ var TooltipInstance = class {
 function controlMonoTooltip(target, options = {}) {
 	return new TooltipInstance(target, options);
 }
+
+//#endregion
+//#region src/components/tooltip/field-tooltip-addon.ts
 /**
-* @internal — a controller with a per-anchor options layer. Used by the
-* declarative `mono-tooltip-*` attributes (`tooltip-declarative.ts`).
+* The tooltip addon as `field-tooltip` lazy-loads it — ONE module, imported dynamically and
+* from nowhere else.
+*
+* `field-tooltip` used to `import()` `control-tooltip` and `tooltip-loader` directly. Both are
+* also imported STATICALLY by the root entry, so rolldown had to hand the dynamic importer a
+* synthesized namespace object (`__exportAll`) — and its runtime helpers sat in the report
+* engine's markdown chunk, so `import … from '@mono-lit/helper'` loaded and evaluated ~500KB of
+* remark/micromark. A module that is only ever dynamically imported is its own chunk entry, and
+* `import()` returns its real namespace: no helper, no markdown.
 */
-function createTooltipController(target, options, anchorOptions) {
-	return new TooltipInstance(target, options, anchorOptions);
-}
-/** Alias, matching the `monoX` / `controlMonoX` pairs of the other controllers. */
-const monoTooltip = controlMonoTooltip;
-/** @internal — close and forget every live controller. Public as `destroyAllMonoTooltips`. */
-function destroyAllTooltipControllers() {
-	each((i) => i.destroy());
+/** `controlMonoTooltip` once the optional `@floating-ui/dom` peer has loaded; rejects without it. */
+async function loadFieldTooltipAddon() {
+	await loadFloatingUi();
+	return controlMonoTooltip;
 }
 
 //#endregion
-export { ANCHOR_ATTR_PREFIX, controlMonoTooltip, createTooltipController, destroyAllTooltipControllers, hasLiveDocument, monoTooltip };
+export { loadFieldTooltipAddon };

package/dist/{field-tooltip.css_raw-DEctHXKm.js → field-tooltip.css_raw-U5UeTa2d.js}

@@ -106,9 +106,8 @@ let _probe = null;
 function probeTooltip() {
 	_probe ??= (async () => {
 		try {
-			const [{ loadFloatingUi }, { controlMonoTooltip }] = await Promise.all([import("./tooltip-loader-3U9FTOXj.js"), import("./control-tooltip-7vegYmq3.js")]);
-			await loadFloatingUi();
-			return controlMonoTooltip;
+			const { loadFieldTooltipAddon } = await import("./field-tooltip-addon-CWCp19mJ.js");
+			return await loadFieldTooltipAddon();
 		} catch {
 			return null;
 		}
@@ -264,7 +263,7 @@ var FieldTooltipController = class {
 
 //#endregion
 //#region \0raw:C:\Users\VCT-DEV\Desktop\libs\packages\helper\src\components\form\field-tooltip.css?raw.js
-var field_tooltip_css_raw_default = "/* =========================================\n   Field tooltip — the BUILT-IN bubble behind a plain-text `tooltip=\"…\"` on\n   every field control (input, select, tag-input, date, textarea,\n   dropdown-table, slider). No floating-ui: composables/field-tooltip.ts\n   shows it in the top layer (Popover API) and writes its fixed `top` /\n   `left`, `mono-side` (top|bottom) and the arrow's x. The object form\n   (`.tooltip=${{…}}`) is the tooltip addon instead and never reaches here.\n\n   Looks like the addon's default `mono-tooltip`, and reads its public knobs:\n   --mono-tooltip-bg / -color / -radius / -max-width / -font-size /\n   -line-height / -padding-x / -padding-y.\n\n   Light: imported once by entries/index.css. Shadow: appended to each\n   control's shadow sheet.\n   ========================================= */\n\n[mono-field-bubble] {\n  --_mono-field-tip-bg: var(--mono-tooltip-bg, var(--foreground));\n  --_mono-field-tip-arrow: calc(var(--mono-spacing) * 2);\n\n  /* undo the [popover] UA box (inset:0; margin:auto; border; Canvas …) */\n  position: fixed;\n  inset: auto;\n  top: 0;\n  left: 0;\n  z-index: var(--mono-popup-z, 1000);\n  display: none;\n  box-sizing: border-box;\n  width: max-content;\n  max-width: min(var(--mono-tooltip-max-width, 20rem), calc(100vw - 16px));\n  height: auto;\n  margin: 0;\n  overflow: visible;\n  padding: var(--mono-tooltip-padding-y, calc(var(--mono-spacing) * 1.5)) var(--mono-tooltip-padding-x, calc(var(--mono-spacing) * 3));\n  border: 0;\n  border-radius: var(--mono-tooltip-radius, var(--mono-radius-md));\n  background: var(--_mono-field-tip-bg);\n  color: var(--mono-tooltip-color, var(--background));\n  box-shadow: var(--mono-tooltip-shadow, 0 0 0 0 transparent);\n\n  /* it sits inside the label — drop everything the label row set */\n  font-family: inherit;\n  font-size: var(--mono-tooltip-font-size, var(--mono-text-xs));\n  font-weight: var(--mono-font-weight-normal, 400);\n  font-style: normal;\n  line-height: var(--mono-tooltip-line-height, var(--mono-text-xs--lh));\n  letter-spacing: normal;\n  text-transform: none;\n  text-align: start;\n  white-space: normal;\n  overflow-wrap: break-word;\n  cursor: default;\n  user-select: text;\n  pointer-events: auto;\n}\n\n[mono-field-bubble][mono-open] {\n  display: block;\n  animation: mono-field-tip-in var(--mono-duration, 150ms) var(--mono-ease, ease) both;\n}\n\n/* The arrow, plus (::before) an invisible bridge over the gap so the pointer\n   can travel from the icon onto the bubble without it closing. */\n[mono-field-bubble]::after {\n  content: '';\n  position: absolute;\n  left: var(--_mono-field-tip-arrow-x, 50%);\n  width: var(--_mono-field-tip-arrow);\n  height: var(--_mono-field-tip-arrow);\n  background: inherit;\n  border-radius: 2px;\n  translate: -50% 0;\n  rotate: 45deg;\n}\n\n[mono-field-bubble]::before {\n  content: '';\n  position: absolute;\n  inset-inline: 0;\n  height: 8px;\n}\n\n[mono-field-bubble]:not([mono-side=\"bottom\"])::after {\n  bottom: calc(var(--_mono-field-tip-arrow) / -2 + 1px);\n}\n[mono-field-bubble]:not([mono-side=\"bottom\"])::before {\n  top: 100%;\n}\n[mono-field-bubble][mono-side=\"bottom\"]::after {\n  top: calc(var(--_mono-field-tip-arrow) / -2 + 1px);\n}\n[mono-field-bubble][mono-side=\"bottom\"]::before {\n  bottom: 100%;\n}\n\n@keyframes mono-field-tip-in {\n  from {\n    opacity: 0;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  [mono-field-bubble][mono-open] {\n    animation: none;\n  }\n}\n";
+var field_tooltip_css_raw_default = "/* =========================================\r\n   Field tooltip — the BUILT-IN bubble behind a plain-text `tooltip=\"…\"` on\r\n   every field control (input, select, tag-input, date, textarea,\r\n   dropdown-table, slider). No floating-ui: composables/field-tooltip.ts\r\n   shows it in the top layer (Popover API) and writes its fixed `top` /\r\n   `left`, `mono-side` (top|bottom) and the arrow's x. The object form\r\n   (`.tooltip=${{…}}`) is the tooltip addon instead and never reaches here.\r\n\r\n   Looks like the addon's default `mono-tooltip`, and reads its public knobs:\r\n   --mono-tooltip-bg / -color / -radius / -max-width / -font-size /\r\n   -line-height / -padding-x / -padding-y.\r\n\r\n   Light: imported once by entries/index.css. Shadow: appended to each\r\n   control's shadow sheet.\r\n   ========================================= */\r\n\r\n[mono-field-bubble] {\r\n  --_mono-field-tip-bg: var(--mono-tooltip-bg, var(--foreground));\r\n  --_mono-field-tip-arrow: calc(var(--mono-spacing) * 2);\r\n\r\n  /* undo the [popover] UA box (inset:0; margin:auto; border; Canvas …) */\r\n  position: fixed;\r\n  inset: auto;\r\n  top: 0;\r\n  left: 0;\r\n  z-index: var(--mono-popup-z, 1000);\r\n  display: none;\r\n  box-sizing: border-box;\r\n  width: max-content;\r\n  max-width: min(var(--mono-tooltip-max-width, 20rem), calc(100vw - 16px));\r\n  height: auto;\r\n  margin: 0;\r\n  overflow: visible;\r\n  padding: var(--mono-tooltip-padding-y, calc(var(--mono-spacing) * 1.5)) var(--mono-tooltip-padding-x, calc(var(--mono-spacing) * 3));\r\n  border: 0;\r\n  border-radius: var(--mono-tooltip-radius, var(--mono-radius-md));\r\n  background: var(--_mono-field-tip-bg);\r\n  color: var(--mono-tooltip-color, var(--background));\r\n  box-shadow: var(--mono-tooltip-shadow, 0 0 0 0 transparent);\r\n\r\n  /* it sits inside the label — drop everything the label row set */\r\n  font-family: inherit;\r\n  font-size: var(--mono-tooltip-font-size, var(--mono-text-xs));\r\n  font-weight: var(--mono-font-weight-normal, 400);\r\n  font-style: normal;\r\n  line-height: var(--mono-tooltip-line-height, var(--mono-text-xs--lh));\r\n  letter-spacing: normal;\r\n  text-transform: none;\r\n  text-align: start;\r\n  white-space: normal;\r\n  overflow-wrap: break-word;\r\n  cursor: default;\r\n  user-select: text;\r\n  pointer-events: auto;\r\n}\r\n\r\n[mono-field-bubble][mono-open] {\r\n  display: block;\r\n  animation: mono-field-tip-in var(--mono-duration, 150ms) var(--mono-ease, ease) both;\r\n}\r\n\r\n/* The arrow, plus (::before) an invisible bridge over the gap so the pointer\r\n   can travel from the icon onto the bubble without it closing. */\r\n[mono-field-bubble]::after {\r\n  content: '';\r\n  position: absolute;\r\n  left: var(--_mono-field-tip-arrow-x, 50%);\r\n  width: var(--_mono-field-tip-arrow);\r\n  height: var(--_mono-field-tip-arrow);\r\n  background: inherit;\r\n  border-radius: 2px;\r\n  translate: -50% 0;\r\n  rotate: 45deg;\r\n}\r\n\r\n[mono-field-bubble]::before {\r\n  content: '';\r\n  position: absolute;\r\n  inset-inline: 0;\r\n  height: 8px;\r\n}\r\n\r\n[mono-field-bubble]:not([mono-side=\"bottom\"])::after {\r\n  bottom: calc(var(--_mono-field-tip-arrow) / -2 + 1px);\r\n}\r\n[mono-field-bubble]:not([mono-side=\"bottom\"])::before {\r\n  top: 100%;\r\n}\r\n[mono-field-bubble][mono-side=\"bottom\"]::after {\r\n  top: calc(var(--_mono-field-tip-arrow) / -2 + 1px);\r\n}\r\n[mono-field-bubble][mono-side=\"bottom\"]::before {\r\n  bottom: 100%;\r\n}\r\n\r\n@keyframes mono-field-tip-in {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  [mono-field-bubble][mono-open] {\r\n    animation: none;\r\n  }\r\n}\r\n";
 
 //#endregion
 export { FieldTooltipController as n, FieldBubble as r, field_tooltip_css_raw_default as t };

package/dist/{field-validation-CHHQi1zl.js → field-validation-CFmUmuDx.js}

@@ -1,5 +1,5 @@
 import { r as checkCircleIcon, t as alertCircleIcon } from "./field-icons-t8rXRCKs.js";
-import { n as FieldBubble } from "./field-tooltip-FyMi9vNM.js";
+import { n as FieldBubble } from "./field-tooltip-Csk4s2ve.js";
 import { html, nothing } from "lit";
 import { ref } from "lit/directives/ref.js";
 

package/dist/field-validation.css_raw-Cx6SGrfP.js

@@ -0,0 +1,178 @@
+import { r as checkCircleIcon, t as alertCircleIcon } from "./field-icons-t8rXRCKs.js";
+import { r as FieldBubble } from "./field-tooltip.css_raw-U5UeTa2d.js";
+import { html, nothing } from "lit";
+import { ref } from "lit/directives/ref.js";
+
+//#region src/composables/field-validation.ts
+/** `default` (or no state) → `null`: a stateless message stays in the bottom row. */
+function toneOf(state) {
+	if (state === "invalid" || state === "error") return "invalid";
+	if (state === "valid" || state === "success") return "valid";
+	if (state === "warning") return "warning";
+	return null;
+}
+var FieldValidationController = class {
+	constructor(host, read, getBox) {
+		this.host = host;
+		this.read = read;
+		this.getBox = getBox;
+		this._iconBubble = new FieldBubble({
+			side: "top",
+			align: "center"
+		});
+		this._floatBubble = new FieldBubble({
+			side: "bottom",
+			align: "start"
+		});
+		this._hovered = false;
+		this._focused = false;
+		this._onIconClick = (e) => {
+			stopEvent(e);
+			this._iconBubble.show();
+		};
+		this._onEnter = () => {
+			this._hovered = true;
+			this._syncFloat();
+		};
+		this._onLeave = (e) => {
+			if (e.pointerType === "touch") return;
+			this._hovered = false;
+			this._syncFloat();
+		};
+		this._onFocusIn = (e) => {
+			this._focused = true;
+			this._syncFloat();
+			if (this.notice?.position === "icon" && isFocusVisible(e)) this._iconBubble.show();
+		};
+		this._onFocusOut = (e) => {
+			const next = e.relatedTarget;
+			if (next && (next === this.host || this.host.contains(next))) return;
+			this._focused = false;
+			this._syncFloat();
+			this._iconBubble.hide();
+		};
+		host.addController(this);
+	}
+	/** The message that moved out of the bottom row, or `null` (bottom mode / no text). */
+	get notice() {
+		const { position, state, text } = this.read();
+		if (position !== "icon" && position !== "float") return null;
+		const message = typeof text === "string" ? text.trim() : "";
+		const tone = toneOf(state);
+		if (!message || !tone) return null;
+		return {
+			position,
+			tone,
+			text: message
+		};
+	}
+	/** True when the bottom row should show the helper and keep the validation text sr-only. */
+	get moved() {
+		return this.notice !== null;
+	}
+	hostConnected() {
+		this.host.addEventListener("pointerenter", this._onEnter);
+		this.host.addEventListener("pointerleave", this._onLeave);
+		this.host.addEventListener("focusin", this._onFocusIn);
+		this.host.addEventListener("focusout", this._onFocusOut);
+	}
+	hostDisconnected() {
+		this.host.removeEventListener("pointerenter", this._onEnter);
+		this.host.removeEventListener("pointerleave", this._onLeave);
+		this.host.removeEventListener("focusin", this._onFocusIn);
+		this.host.removeEventListener("focusout", this._onFocusOut);
+		this._iconBubble.hide();
+		this._floatBubble.hide();
+		this._hovered = false;
+		this._focused = false;
+	}
+	hostUpdated() {
+		this._floatBubble.setAnchor(this.getBox() ?? null);
+		if (this.notice?.position !== "icon") this._iconBubble.hide();
+		this._syncFloat();
+		this._iconBubble.place();
+		this._floatBubble.place();
+	}
+	/** Re-evaluate the float bubble — for popups the host opens without a re-render (date's calendar). */
+	refresh() {
+		this._syncFloat();
+	}
+	/**
+	* `icon` mode: the state icon for inside the box (before the clear button /
+	* actions). `anchored` wraps it in a zero-height `[mono-validation-anchor]`
+	* — for the textarea, whose box can't hold children.
+	*/
+	renderIcon(options = {}) {
+		const notice = this.notice;
+		if (notice?.position !== "icon") return nothing;
+		const icon = html`<span
+      mono-validation-icon
+      mono-state=${notice.tone}
+      aria-hidden="true"
+      @pointerenter=${this._iconBubble.show}
+      @pointerleave=${this._iconBubble.onPointerLeave}
+      @pointerdown=${stopEvent}
+      @click=${this._onIconClick}
+      ${ref(this._iconBubble.setAnchor)}
+    >${this._glyph(notice.tone)}<span
+        mono-field-bubble
+        mono-validation-tip
+        mono-state=${notice.tone}
+        popover="manual"
+        @pointerenter=${this._iconBubble.cancelHide}
+        @pointerleave=${this._iconBubble.onPointerLeave}
+        @click=${stopEvent}
+        ${ref(this._iconBubble.setBubble)}
+      >${notice.text}</span></span>`;
+		return options.anchored ? html`<span mono-validation-anchor>${icon}</span>` : icon;
+	}
+	/** `float` mode: the bubble that floats under the box while the field is hovered or focused. */
+	renderFloat() {
+		const notice = this.notice;
+		if (notice?.position !== "float") return nothing;
+		return html`<span
+      mono-field-bubble
+      mono-validation-float
+      mono-state=${notice.tone}
+      aria-hidden="true"
+      popover="manual"
+      @click=${stopEvent}
+      ${ref(this._floatBubble.setBubble)}
+    >${notice.text}</span>`;
+	}
+	/** Light build: UnoCSS mask icons; shadow build: inline SVG (page icon CSS can't reach a shadow root). */
+	_glyph(tone) {
+		if (this.host.renderRoot instanceof ShadowRoot) return tone === "valid" ? checkCircleIcon() : alertCircleIcon();
+		return tone === "valid" ? html`<span class="mono-icon i-mdi-check-circle-outline" mono-icon aria-hidden="true"></span>` : html`<span class="mono-icon i-mdi-alert-circle-outline" mono-icon aria-hidden="true"></span>`;
+	}
+	_syncFloat() {
+		const notice = this.notice;
+		const active = this._hovered || this._focused;
+		if (notice?.position === "float" && active && !this.read().suppressed) this._floatBubble.show();
+		else if (!active) this._floatBubble.scheduleHide();
+		else this._floatBubble.hide();
+	}
+};
+const stopEvent = (e) => {
+	e.preventDefault();
+	e.stopPropagation();
+};
+function isFocusVisible(e) {
+	const target = e.composedPath?.()[0] ?? e.target;
+	try {
+		return !!target?.matches?.(":focus-visible");
+	} catch {
+		return false;
+	}
+}
+
+//#endregion
+//#region \0raw:C:\Users\VCT-DEV\Desktop\libs\packages\helper\src\components\form\label-position.css?raw.js
+var label_position_css_raw_default = "/* =========================================\r\n   label-position — shared by every field-like control\r\n   (input, select, tag-input, date, textarea, dropdown-table; otp — left / right only).\r\n\r\n   `top` (default) emits NO attribute, so nothing here touches it. The other\r\n   three are layout-only: the label's type, colour and states stay with each\r\n   component's own label rules.\r\n\r\n   Each component's root writes the private slots read below:\r\n     --_mono-lp-width      left/right label column  (--mono-<c>-label-width, auto)\r\n     --_mono-lp-gap        left/right column gap    (--mono-<c>-label-side-gap)\r\n     --_mono-lp-height     one control row — the side label centres on it\r\n     --_mono-lp-box-min    the box's resting min-height (textarea: its rows)\r\n     --_mono-lp-padding-x  the box's inline-start padding — the notch lines up with the text\r\n     --_mono-lp-font       notched label font-size  (--mono-<c>-label-notch-font-size)\r\n     --_mono-lp-notch-bg   the surface the notch is cut from (--mono-<c>-label-notch-bg)\r\n     --_mono-lp-field-bg   the box's own surface — paints the notch's lower half\r\n\r\n   Light: imported once by entries/index.css. Shadow: appended to each\r\n   component's shadow sheet (the inner root keeps its `mono-<c>` attribute).\r\n   ========================================= */\r\n\r\n/* ── left / right — label column + field column; messages stay under the box ── */\r\n:is([mono-input], [mono-select], [mono-tag-input], [mono-date], [mono-textarea], [mono-dropdown-table], [mono-otp]):is([mono-label-position=\"left\"], [mono-label-position=\"right\"]) {\r\n  display: grid;\r\n  grid-template-columns: var(--_mono-lp-width) minmax(0, 1fr);\r\n  column-gap: var(--_mono-lp-gap);\r\n  align-items: start;\r\n}\r\n\r\n:is([mono-input], [mono-select], [mono-tag-input], [mono-date], [mono-textarea], [mono-dropdown-table], [mono-otp])[mono-label-position=\"right\"] {\r\n  grid-template-columns: minmax(0, 1fr) var(--_mono-lp-width);\r\n}\r\n\r\n/* Everything but the label lives in the field column (an absolute panel then\r\n   measures against that column too). */\r\n:is([mono-input], [mono-select], [mono-tag-input], [mono-date], [mono-textarea], [mono-dropdown-table], [mono-otp])[mono-label-position=\"left\"] > * {\r\n  grid-column: 2;\r\n}\r\n:is([mono-input], [mono-select], [mono-tag-input], [mono-date], [mono-textarea], [mono-dropdown-table], [mono-otp])[mono-label-position=\"right\"] > * {\r\n  grid-column: 1;\r\n}\r\n\r\n/* The label centres on the FIRST control row, so a tag-input growing chip\r\n   rows or a tall textarea keeps it beside the top line. */\r\n:is([mono-input], [mono-select], [mono-tag-input], [mono-date], [mono-textarea], [mono-dropdown-table], [mono-otp]):is([mono-label-position=\"left\"], [mono-label-position=\"right\"]) > :is([mono-label], [mono-dd-label]) {\r\n  grid-row: 1;\r\n  grid-column: 1;\r\n  min-height: var(--_mono-lp-height);\r\n  margin: 0;\r\n}\r\n:is([mono-input], [mono-select], [mono-tag-input], [mono-date], [mono-textarea], [mono-dropdown-table], [mono-otp])[mono-label-position=\"right\"] > :is([mono-label], [mono-dd-label]) {\r\n  grid-column: 2;\r\n}\r\n\r\n/* ── notched — shared by both looks: the label leaves the flow ── */\r\n:is([mono-input], [mono-select], [mono-tag-input], [mono-date], [mono-textarea], [mono-dropdown-table])[mono-label-position=\"notched\"] {\r\n  position: relative;\r\n}\r\n\r\n:is([mono-input], [mono-select], [mono-tag-input], [mono-date], [mono-textarea], [mono-dropdown-table])[mono-label-position=\"notched\"] > :is([mono-label], [mono-dd-label]) {\r\n  position: absolute;\r\n  z-index: 1;\r\n  max-width: calc(100% - 2 * var(--_mono-lp-padding-x) - 2 * var(--mono-spacing));\r\n  margin: 0;\r\n  font-size: var(--_mono-lp-font);\r\n  line-height: 1;\r\n  white-space: nowrap;\r\n}\r\n\r\n/* ── notched + outlined — the label sits ON the top border: ──Label── ──\r\n   The \"notch\" is a background patch: page surface above the border line, the\r\n   box's surface below it. On a non-solid parent set --mono-<c>-label-notch-bg. */\r\n:is([mono-input], [mono-select], [mono-tag-input], [mono-date], [mono-textarea], [mono-dropdown-table])[mono-label-position=\"notched\"]:is(:not([mono-variant]), [mono-variant=\"outlined\"]) {\r\n  padding-top: calc(var(--_mono-lp-font) / 2);\r\n}\r\n\r\n:is([mono-input], [mono-select], [mono-tag-input], [mono-date], [mono-textarea], [mono-dropdown-table])[mono-label-position=\"notched\"]:is(:not([mono-variant]), [mono-variant=\"outlined\"]) > :is([mono-label], [mono-dd-label]) {\r\n  top: 0;\r\n  inset-inline-start: calc(var(--mono-border-width) + var(--_mono-lp-padding-x) - var(--mono-spacing));\r\n  padding-inline: var(--mono-spacing);\r\n  background:\r\n    linear-gradient(var(--_mono-lp-field-bg), var(--_mono-lp-field-bg)) bottom / 100% 50% no-repeat,\r\n    var(--_mono-lp-notch-bg);\r\n}\r\n\r\n/* ── notched + filled / underlined — no outline to cut, so the label insets\r\n   into the top of the box (Material \"filled\") and the box grows by its line ── */\r\n:is([mono-input], [mono-select], [mono-tag-input], [mono-date], [mono-textarea], [mono-dropdown-table])[mono-label-position=\"notched\"]:is([mono-variant=\"filled\"], [mono-variant=\"underlined\"]) > :is([mono-label], [mono-dd-label]) {\r\n  top: calc(var(--mono-border-width) + var(--_mono-lp-inset-y));\r\n  inset-inline-start: calc(var(--mono-border-width) + var(--_mono-lp-padding-x));\r\n}\r\n\r\n:is([mono-input], [mono-select], [mono-tag-input], [mono-date], [mono-textarea])[mono-label-position=\"notched\"]:is([mono-variant=\"filled\"], [mono-variant=\"underlined\"]) > :is([mono-field], [mono-trigger], textarea[mono-native]),\r\n[mono-dropdown-table][mono-label-position=\"notched\"]:is([mono-variant=\"filled\"], [mono-variant=\"underlined\"]) > [mono-dd-control] > [mono-dd-trigger] {\r\n  min-height: calc(var(--_mono-lp-box-min) + var(--_mono-lp-font) + var(--_mono-lp-inset-y));\r\n  padding-top: calc(var(--_mono-lp-inset-y) + var(--_mono-lp-font) + var(--_mono-lp-padding-y, 0px));\r\n}\r\n\r\n/* Slots the component sheets don't need to set. */\r\n:is([mono-input], [mono-select], [mono-tag-input], [mono-date], [mono-textarea], [mono-dropdown-table])[mono-label-position] {\r\n  --_mono-lp-inset-y: calc(var(--mono-spacing) * 1.5);\r\n}\r\n";
+
+//#endregion
+//#region \0raw:C:\Users\VCT-DEV\Desktop\libs\packages\helper\src\components\form\field-validation.css?raw.js
+var field_validation_css_raw_default = "/* =========================================\r\n   validation-position — `icon` and `float` (composables/field-validation.ts)\r\n   on input, select, tag-input, date, textarea and dropdown-table.\r\n\r\n   The bubbles share the [mono-field-bubble] look (field-tooltip.css); this\r\n   sheet paints them in the state colour, and draws the state icon inside the\r\n   box. Knobs:\r\n     --mono-validation-invalid-bg / -color   (default --destructive / -foreground)\r\n     --mono-validation-warning-bg / -color   (default --warning / -foreground)\r\n     --mono-validation-valid-bg / -color     (default --success / -foreground)\r\n     --mono-validation-icon-size             (default 1rem)\r\n\r\n   Light: imported once by entries/index.css. Shadow: appended to each\r\n   control's shadow sheet.\r\n   ========================================= */\r\n\r\n/* ── state-coloured bubbles ── */\r\n[mono-field-bubble][mono-state=\"invalid\"] {\r\n  --_mono-field-tip-bg: var(--mono-validation-invalid-bg, var(--destructive));\r\n  color: var(--mono-validation-invalid-color, var(--destructive-foreground, #fff));\r\n}\r\n[mono-field-bubble][mono-state=\"warning\"] {\r\n  --_mono-field-tip-bg: var(--mono-validation-warning-bg, var(--warning));\r\n  color: var(--mono-validation-warning-color, var(--warning-foreground, #fff));\r\n}\r\n[mono-field-bubble][mono-state=\"valid\"] {\r\n  --_mono-field-tip-bg: var(--mono-validation-valid-bg, var(--success));\r\n  color: var(--mono-validation-valid-color, var(--success-foreground, #fff));\r\n}\r\n\r\n/* ── float: a compact message under the box ── */\r\n[mono-field-bubble][mono-validation-float] {\r\n  max-width: min(var(--mono-validation-float-max-width, 24rem), calc(100vw - 16px));\r\n  padding: var(--mono-validation-float-padding-y, var(--mono-spacing)) var(--mono-validation-float-padding-x, calc(var(--mono-spacing) * 2));\r\n  font-size: var(--mono-validation-float-font-size, var(--mono-text-xs));\r\n  /* hover-transparent: it must not steal the pointer from the field it describes */\r\n  pointer-events: none;\r\n}\r\n[mono-field-bubble][mono-validation-float]::before {\r\n  display: none;\r\n}\r\n\r\n/* ── icon: the state glyph inside the box ── */\r\n[mono-validation-icon] {\r\n  position: relative;\r\n  display: inline-flex;\r\n  flex: none;\r\n  align-items: center;\r\n  justify-content: center;\r\n  align-self: center;\r\n  margin-inline: var(--mono-validation-icon-gap, var(--mono-spacing));\r\n  font-size: var(--mono-validation-icon-size, 1rem);\r\n  line-height: 1;\r\n  cursor: help;\r\n  /* a disabled field turns events off — the reason is exactly what to show */\r\n  pointer-events: auto;\r\n}\r\n[mono-validation-icon] > [mono-icon] {\r\n  width: 1em;\r\n  height: 1em;\r\n}\r\n[mono-validation-icon][mono-state=\"invalid\"] {\r\n  color: var(--mono-validation-invalid-bg, var(--destructive));\r\n}\r\n[mono-validation-icon][mono-state=\"warning\"] {\r\n  color: var(--mono-validation-warning-bg, var(--warning));\r\n}\r\n[mono-validation-icon][mono-state=\"valid\"] {\r\n  color: var(--mono-validation-valid-bg, var(--success));\r\n}\r\n\r\n/* textarea: the box can't hold children, so a zero-height anchor sits on the\r\n   textarea's top edge (its negative margin cancels the flex gap it adds) and\r\n   the icon pins to the top-right corner, over reserved inline padding. */\r\n[mono-textarea] > [mono-validation-anchor] {\r\n  position: relative;\r\n  z-index: 1;\r\n  display: block;\r\n  height: 0;\r\n  margin-bottom: calc(-1 * var(--mono-textarea-gap, calc(var(--mono-spacing) * 3)));\r\n}\r\n[mono-textarea] > [mono-validation-anchor] > [mono-validation-icon] {\r\n  position: absolute;\r\n  top: calc(var(--mono-border-width) + var(--_mono-textarea-padding-y, var(--mono-spacing)));\r\n  inset-inline-end: calc(var(--mono-border-width) + var(--_mono-textarea-padding-x, calc(var(--mono-spacing) * 2.5)));\r\n  margin: 0;\r\n}\r\n[mono-textarea]:has(> [mono-validation-anchor]) > textarea[mono-native] {\r\n  padding-inline-end: calc(var(--_mono-textarea-padding-x, calc(var(--mono-spacing) * 2.5)) + var(--mono-validation-icon-size, 1rem) + var(--mono-spacing));\r\n}\r\n/* side labels: the anchor shares the textarea's grid row */\r\n[mono-textarea]:is([mono-label-position=\"left\"], [mono-label-position=\"right\"]) > :is([mono-validation-anchor], textarea[mono-native]) {\r\n  grid-row: 1;\r\n  align-self: start;\r\n}\r\n[mono-textarea]:is([mono-label-position=\"left\"], [mono-label-position=\"right\"]) > [mono-validation-anchor] {\r\n  margin-bottom: 0;\r\n}\r\n\r\n/* ── the moved message stays for assistive tech only ── */\r\n[mono-sr-only] {\r\n  position: absolute !important;\r\n  width: 1px !important;\r\n  height: 1px !important;\r\n  margin: -1px !important;\r\n  padding: 0 !important;\r\n  overflow: hidden !important;\r\n  clip-path: inset(50%) !important;\r\n  white-space: nowrap !important;\r\n  border: 0 !important;\r\n}\r\n";
+
+//#endregion
+export { label_position_css_raw_default as n, FieldValidationController as r, field_validation_css_raw_default as t };

package/dist/{form-control-core-rW2WvOcb.js → form-control-core-BbiACMtL.js}

@@ -1,4 +1,4 @@
-import { a as __decorate, c as defineHybridPropAlias, l as defineHybridPropAliases, s as booleanStringConverter } from "./hydration-flush-9AJE8FRl.js";
+import { a as __decorate, c as defineHybridPropAlias, l as defineHybridPropAliases, s as booleanStringConverter } from "./hydration-flush-BaE9gN3C.js";
 import { n as detachEventHandlers, t as applyProps } from "./element-props-xvw0EB7H.js";
 import { property } from "lit/decorators.js";