@revolist/ui 4.0.1-rc → 4.0.3-rc

package/form-controls/field-context.d.ts

@@ -0,0 +1,5 @@
+export declare const FormFieldContext: import('../_vendor/preact/src/index').Context<{
+    labelId?: string;
+    hintId?: string;
+    disabled?: boolean;
+}>;

package/form-controls/index.js

@@ -1,39 +1,34 @@
-import { createPreactElement as e } from "../preact-mount.js";
-import { Input as t, Select as n } from "../native-control.js";
-import { jsx as r, jsxs as i } from "preact/jsx-runtime";
+import { t as e } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
+import { n as t } from "../_chunks/native-control-C_yok8_-.js";
+import { createPreactElement as n } from "../preact-mount.js";
+import { t as r } from "../_chunks/control-AHKXD5Eu.js";
 //#region src/form-controls/index.view.tsx
-function a(t, n) {
-	return e(t, /* @__PURE__ */ i("label", {
-		class: ["rv-field", n.className].filter(Boolean).join(" "),
+function i(t, r) {
+	return n(t, /* @__PURE__ */ e("label", {
+		class: ["rv-field", r.className].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ r("span", {
+			/* @__PURE__ */ e("span", {
 				class: "rv-field__label",
-				children: n.label
+				children: r.label
 			}),
-			/* @__PURE__ */ r("span", {
+			/* @__PURE__ */ e("span", {
 				style: { display: "contents" },
 				ref: (e) => {
-					e && e.append(n.control);
+					e && e.append(r.control);
 				}
 			}),
-			n.hint && /* @__PURE__ */ r("span", {
+			r.hint && /* @__PURE__ */ e("span", {
 				class: "rv-field__hint",
-				children: n.hint
+				children: r.hint
 			})
 		]
 	}));
 }
-function o(n, i) {
-	return e(n, /* @__PURE__ */ r(t, {
+function a(r, i) {
+	return n(r, /* @__PURE__ */ e(t, {
 		type: "text",
 		placeholder: i
 	}));
 }
-function s(t, i) {
-	return e(t, /* @__PURE__ */ r(n, { children: i.map((e) => /* @__PURE__ */ r("option", {
-		value: e.value,
-		children: e.label
-	}, e.value)) }));
-}
 //#endregion
-export { a as createFormField, s as createSelectControl, o as createTextControl };
+export { r as createDropdownControl, i as createFormField, a as createTextControl };

package/form-controls/index.view.d.ts

@@ -6,7 +6,5 @@ export interface FormFieldOptions {
 }
 export declare function createFormField(document: Document, options: FormFieldOptions): HTMLLabelElement;
 export declare function createTextControl(document: Document, placeholder: string): HTMLInputElement;
-export declare function createSelectControl(document: Document, options: readonly {
-    value: string;
-    label: string;
-}[]): HTMLSelectElement;
+/** DOM counterpart of Dropdown; callers own its lifetime. */
+export { createDropdownControl } from '../dropdown/control';

package/form-controls/presentation.d.ts

@@ -1,4 +1,4 @@
-import { h, ComponentChildren, JSX } from 'preact';
+import { h, ComponentChildren, JSX } from '../_vendor/preact/src/index';
 export type FilterChipProps = {
     readonly children: ComponentChildren;
     readonly removeLabel?: string;

package/form-controls/presentation.js

@@ -1,14 +1,15 @@
-import { nativeControlTag as e } from "../control-presentation.js";
-import { createControlId as t } from "../core/control-id.js";
-import { Fragment as n, cloneElement as r, isValidElement as i } from "preact";
-import { useState as a } from "preact/hooks";
-import { jsx as o, jsxs as s } from "preact/jsx-runtime";
+import { i as e, o as t, u as n } from "../_chunks/preact.module-BBM36DnO.js";
+import { i as r, s as i } from "../_chunks/hooks.module-CG3gN83z.js";
+import { t as a } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
+import { t as o } from "../_chunks/field-context-D57PnBbH.js";
+import { nativeControlTag as s } from "../control-presentation.js";
+import { createControlId as c } from "../core/control-id.js";
 //#region src/form-controls/presentation.tsx
-function c({ children: e, removeLabel: t, onRemove: n, className: r = "", removeClassName: i = "", role: a }) {
-	return /* @__PURE__ */ s("span", {
+function l({ children: e, removeLabel: t, onRemove: n, className: r = "", removeClassName: i = "", role: o }) {
+	return /* @__PURE__ */ a("span", {
 		class: `rv-btn-pill ${r}`.trim(),
-		role: a,
-		children: [e, n && /* @__PURE__ */ o("button", {
+		role: o,
+		children: [e, n && /* @__PURE__ */ a("button", {
 			type: "button",
 			class: `rv-chip-remove ${i}`.trim(),
 			"aria-label": t,
@@ -17,83 +18,90 @@ function c({ children: e, removeLabel: t, onRemove: n, className: r = "", remove
 		})]
 	});
 }
-function l({ label: e, children: t, hint: n, hintId: r, labelId: i = r ? `${r}-label` : void 0 }) {
-	let a = n != null && n !== !1;
+function u({ label: e, children: t, hint: n, hintId: r, labelId: i = r ? `${r}-label` : void 0 }) {
+	let o = n != null && n !== !1;
 	return [
-		/* @__PURE__ */ o("span", {
+		/* @__PURE__ */ a("span", {
 			class: "rv-field__label",
 			id: i,
 			children: e
 		}),
-		a && r ? d(t, r, i) : t,
-		a ? /* @__PURE__ */ o("span", {
+		o && r ? f(t, r, i) : t,
+		o ? /* @__PURE__ */ a("span", {
 			class: "rv-field__hint",
 			id: r,
 			children: n
 		}) : null
 	];
 }
-function u({ label: e, children: n, hint: r, hintId: i, labelId: s, controlId: c, className: u = "", class: d, ...f }) {
-	let [p] = a(() => t("rv-field"));
-	return /* @__PURE__ */ o("label", {
-		...f,
-		htmlFor: c ?? f.htmlFor,
-		class: [
-			"rv-field",
-			u,
-			d
-		].filter(Boolean).join(" "),
-		children: l({
-			label: e,
-			children: n,
-			hint: r,
-			labelId: s,
-			hintId: i ?? `rv-field-hint-${p}`
+function d({ label: e, children: t, hint: n, hintId: s, labelId: l, controlId: d, className: f = "", class: p, ...m }) {
+	let [h] = r(() => c("rv-field")), g = i(o), _ = s ?? `rv-field-hint-${h}`, v = l ?? `${_}-label`;
+	return /* @__PURE__ */ a(o.Provider, {
+		value: {
+			disabled: g.disabled,
+			labelId: v,
+			hintId: n == null || n === !1 ? void 0 : _
+		},
+		children: /* @__PURE__ */ a("label", {
+			...m,
+			htmlFor: d ?? m.htmlFor,
+			class: [
+				"rv-field",
+				f,
+				p
+			].filter(Boolean).join(" "),
+			children: u({
+				label: e,
+				children: t,
+				hint: n,
+				labelId: v,
+				hintId: _
+			})
 		})
 	});
 }
-function d(t, a, o) {
-	if (Array.isArray(t)) return t.map((e) => d(e, a, o));
-	if (!i(t)) return t;
-	if (t.type === n) return r(t, { children: d(t.props.children, a, o) });
-	let s = e(t.type);
-	if (!s) return t;
-	let c = t;
+function f(r, i, a) {
+	if (Array.isArray(r)) return r.map((e) => f(e, i, a));
+	if (!n(r)) return r;
+	if (r.type === e) return t(r, { children: f(r.props.children, i, a) });
+	let o = s(r.type);
+	if (!o) return r;
+	let c = r;
 	if ([
 		"input",
 		"select",
 		"textarea"
-	].includes(s)) {
-		let e = new Set(`${c.props["aria-describedby"] ?? ""} ${a}`.trim().split(/\s+/));
-		return r(c, {
+	].includes(o)) {
+		let e = new Set(`${c.props["aria-describedby"] ?? ""} ${i}`.trim().split(/\s+/));
+		return t(c, {
 			"aria-describedby": [...e].join(" "),
-			"aria-labelledby": c.props["aria-labelledby"] ?? (c.props["aria-label"] ? void 0 : o)
+			"aria-labelledby": c.props["aria-labelledby"] ?? (c.props["aria-label"] ? void 0 : a)
 		});
 	}
-	return r(c, { children: d(c.props.children, a, o) });
+	return t(c, { children: f(c.props.children, i, a) });
 }
-function f({ children: e, icon: t, iconClassName: n = "", iconPosition: r = "before", className: i = "", class: a, ...c }) {
-	let l = t == null ? null : /* @__PURE__ */ o("span", {
+function p({ children: e, icon: t, iconClassName: n = "", iconPosition: r = "before", className: i = "", class: o, ...s }) {
+	let c = t == null ? null : /* @__PURE__ */ a("span", {
 		class: ["rv-disclosure-summary__icon", n].filter(Boolean).join(" "),
 		"aria-hidden": "true",
 		children: t
 	});
-	return /* @__PURE__ */ s("summary", {
-		...c,
+	return /* @__PURE__ */ a("summary", {
+		...s,
 		class: [
 			"rv-disclosure-summary",
 			i,
-			a
+			o
 		].filter(Boolean).join(" "),
 		children: [
-			r === "before" && l,
-			/* @__PURE__ */ o("span", {
+			r === "before" && c,
+			/* @__PURE__ */ a("span", {
 				class: "rv-disclosure-summary__label",
 				children: e
 			}),
-			r === "after" && l
+			r === "after" && c
 		]
 	});
 }
 //#endregion
-export { f as DisclosureSummary, c as FilterChip, u as FormField, l as renderFormFieldContent };
+export { p as DisclosureSummary, l as FilterChip, d as FormField, u as renderFormFieldContent };

package/formatting/comparison-preview.d.ts

@@ -1,4 +1,4 @@
-import { h, ComponentChildren, JSX } from 'preact';
+import { h, ComponentChildren, JSX } from '../_vendor/preact/src/index';
 /** Pure comparison presentation; the caller formats values and styles. */
 export declare function ComparisonPreview({ originalValue, formatted, formattedStyle, visual, formattedClassName, labels, }: {
     readonly originalValue: string;

package/formatting/control-tooltip.d.ts

@@ -1,4 +1,4 @@
-import { h, TargetedEvent } from 'preact';
+import { h, TargetedEvent } from '../_vendor/preact/src/index';
 export declare function useControlTooltip(text: string, floating?: boolean, presentation?: {
     className?: string;
     placement?: 'above';

package/formatting/icon-controls.d.ts

@@ -1,4 +1,4 @@
-import { h } from 'preact';
+import { h } from '../_vendor/preact/src/index';
 export interface SegmentedOption<Value extends string> {
     readonly value: Value;
     readonly label: string;

package/formatting/index.js

@@ -1,83 +1,84 @@
-import { SvgIcon as e } from "../icons/icon.js";
-import { ButtonControl as t, Input as n, Select as r, Summary as i } from "../native-control.js";
-import { t as a } from "../_chunks/chevron-down-GbplLa6s.js";
-import { n as o, t as s } from "../_chunks/control-tooltip-BCNzQCXE.js";
-import { useState as c } from "preact/hooks";
-import { Fragment as l, jsx as u, jsxs as d } from "preact/jsx-runtime";
+import { i as e } from "../_chunks/preact.module-BBM36DnO.js";
+import { i as t } from "../_chunks/hooks.module-CG3gN83z.js";
+import { t as n } from "../_chunks/jsxRuntime.module-F6UFnpT-.js";
+import { SvgIcon as r } from "../icons/icon.js";
+import { i, l as a, n as o, t as s } from "../_chunks/native-control-C_yok8_-.js";
+import { t as c } from "../_chunks/chevron-down-GbplLa6s.js";
+import { n as l, t as u } from "../_chunks/control-tooltip-uscKfAnV.js";
 //#region src/formatting/inspector-section.tsx
-function f({ title: t, icon: n, expandLabel: r, collapseLabel: s, open: l = !1, children: f }) {
-	let [p, m] = c(l), h = p ? s : r, g = o(h);
-	return /* @__PURE__ */ d("details", {
+function d({ title: e, icon: a, expandLabel: o, collapseLabel: s, open: u = !1, children: d }) {
+	let [f, p] = t(u), m = f ? s : o, h = l(m);
+	return /* @__PURE__ */ n("details", {
 		class: "rv-format-inspector-section",
-		open: p,
-		onToggle: (e) => m(e.currentTarget.open),
-		children: [/* @__PURE__ */ d(i, {
+		open: f,
+		onToggle: (e) => p(e.currentTarget.open),
+		children: [/* @__PURE__ */ n(i, {
 			class: "rv-format-inspector-section__summary",
-			"aria-label": h,
-			"aria-expanded": p,
-			...g.triggerProps,
+			"aria-label": m,
+			"aria-expanded": f,
+			...h.triggerProps,
 			children: [
-				/* @__PURE__ */ d("span", {
+				/* @__PURE__ */ n("span", {
 					class: "rv-format-inspector-section__title",
-					children: [/* @__PURE__ */ u(e, {
-						svg: n,
+					children: [/* @__PURE__ */ n(r, {
+						svg: a,
 						className: "rv-format-icon"
-					}), t]
+					}), e]
 				}),
-				/* @__PURE__ */ u(e, {
-					svg: a,
+				/* @__PURE__ */ n(r, {
+					svg: c,
 					className: "rv-format-icon rv-format-inspector-section__chevron"
 				}),
-				g.tooltip
+				h.tooltip
 			]
-		}), /* @__PURE__ */ u("div", {
+		}), /* @__PURE__ */ n("div", {
 			class: "rv-format-inspector-section__content",
-			children: f
+			children: d
 		})]
 	});
 }
 //#endregion
 //#region src/formatting/icon-controls.tsx
-var p = ({ icon: t }) => /* @__PURE__ */ u(e, {
-	svg: t,
+var f = ({ icon: e }) => /* @__PURE__ */ n(r, {
+	svg: e,
 	className: "rv-format-icon"
 });
-function m({ value: e, options: t, ariaLabel: n, onChange: r }) {
-	return /* @__PURE__ */ u("div", {
+function p({ value: e, options: t, ariaLabel: r, onChange: i }) {
+	return /* @__PURE__ */ n("div", {
 		class: "rv-format-segmented",
 		role: "group",
-		"aria-label": n,
-		children: t.map((t) => /* @__PURE__ */ u(g, {
+		"aria-label": r,
+		children: t.map((t) => /* @__PURE__ */ n(h, {
 			selected: t.value === e,
 			label: t.label,
 			icon: t.icon,
-			onClick: () => r(t.value)
+			onClick: () => i(t.value)
 		}, t.value))
 	});
 }
-function h({ value: e, label: t, icon: n, onChange: r }) {
-	return /* @__PURE__ */ u(g, {
+function m({ value: e, label: t, icon: r, onChange: i }) {
+	return /* @__PURE__ */ n(h, {
 		selected: e,
 		label: t,
-		icon: n,
-		onClick: () => r(!e)
+		icon: r,
+		onClick: () => i(!e)
 	});
 }
-function g({ selected: e, label: n, icon: r, onClick: i }) {
-	let a = o(n);
-	return /* @__PURE__ */ d(t, {
+function h({ selected: e, label: t, icon: r, onClick: i }) {
+	let a = l(t);
+	return /* @__PURE__ */ n(s, {
 		type: "button",
 		class: `rv-format-segmented__button${e ? " rv-format-segmented__button--selected" : ""}`,
-		"aria-label": n,
+		"aria-label": t,
 		"aria-pressed": e,
 		onClick: i,
 		...a.triggerProps,
-		children: [/* @__PURE__ */ u(p, { icon: r }), a.tooltip]
+		children: [/* @__PURE__ */ n(f, { icon: r }), a.tooltip]
 	});
 }
 //#endregion
 //#region src/formatting/typography-controls.tsx
-var _ = [
+var g = [
 	"Inter",
 	"Arial",
 	"Helvetica",
@@ -85,128 +86,132 @@ var _ = [
 	"Times New Roman",
 	"Courier New"
 ];
-function v({ value: e, fonts: t = _, labels: i, icons: a, onChange: o }) {
-	return /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ d("div", {
+function _({ value: t, fonts: r = g, labels: i, icons: s, onChange: c }) {
+	return /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ n("div", {
 		class: "rv-form-grid",
-		children: [/* @__PURE__ */ d("label", {
+		children: [/* @__PURE__ */ n("label", {
 			class: "rv-field",
-			children: [/* @__PURE__ */ u("span", {
+			children: [/* @__PURE__ */ n("span", {
 				class: "rv-field__label",
 				children: i.fontFamily
-			}), /* @__PURE__ */ d(r, {
-				class: "rv-control",
-				value: e.fontFamily ?? "",
-				onChange: (e) => o({ fontFamily: e.currentTarget.value || void 0 }),
-				children: [/* @__PURE__ */ u("option", {
+			}), /* @__PURE__ */ n(a, {
+				className: "rv-select",
+				value: t.fontFamily ?? "",
+				source: [{
 					value: "",
-					children: i.defaultFont
-				}), t.map((e) => /* @__PURE__ */ u("option", {
+					label: i.defaultFont
+				}, ...r.map((e) => ({
 					value: e,
-					children: e
-				}, e))]
+					label: e
+				}))],
+				config: {
+					ariaLabel: i.fontFamily,
+					topLayer: !0
+				},
+				onChange: (e) => c({ fontFamily: String(e) || void 0 })
 			})]
-		}), /* @__PURE__ */ d("label", {
+		}), /* @__PURE__ */ n("label", {
 			class: "rv-field",
-			children: [/* @__PURE__ */ u("span", {
+			children: [/* @__PURE__ */ n("span", {
 				class: "rv-field__label",
 				children: i.fontSize
-			}), /* @__PURE__ */ u(n, {
+			}), /* @__PURE__ */ n(o, {
 				type: "number",
 				class: "rv-control",
 				min: 8,
 				max: 72,
-				value: e.fontSize ?? "",
-				onInput: (e) => o({ fontSize: Number.isFinite(e.currentTarget.valueAsNumber) ? e.currentTarget.valueAsNumber : void 0 })
+				value: t.fontSize ?? "",
+				onInput: (e) => c({ fontSize: Number.isFinite(e.currentTarget.valueAsNumber) ? e.currentTarget.valueAsNumber : void 0 })
 			})]
 		})]
-	}), /* @__PURE__ */ d("div", {
+	}), /* @__PURE__ */ n("div", {
 		class: "rv-format-segmented rv-format-typography-toolbar",
 		role: "group",
 		"aria-label": i.typographySection,
 		children: [
-			/* @__PURE__ */ u(h, {
-				value: e.bold ?? !1,
+			/* @__PURE__ */ n(m, {
+				value: t.bold ?? !1,
 				label: i.bold,
-				icon: a.bold,
-				onChange: (e) => o({ bold: e })
+				icon: s.bold,
+				onChange: (e) => c({ bold: e })
 			}),
-			/* @__PURE__ */ u(h, {
-				value: e.italic ?? !1,
+			/* @__PURE__ */ n(m, {
+				value: t.italic ?? !1,
 				label: i.italic,
-				icon: a.italic,
-				onChange: (e) => o({ italic: e })
+				icon: s.italic,
+				onChange: (e) => c({ italic: e })
 			}),
-			/* @__PURE__ */ u(h, {
-				value: e.underline ?? !1,
+			/* @__PURE__ */ n(m, {
+				value: t.underline ?? !1,
 				label: i.underline,
-				icon: a.underline,
-				onChange: (e) => o({ underline: e })
+				icon: s.underline,
+				onChange: (e) => c({ underline: e })
 			}),
-			/* @__PURE__ */ u(h, {
-				value: e.strike ?? !1,
+			/* @__PURE__ */ n(m, {
+				value: t.strike ?? !1,
 				label: i.strike,
-				icon: a.strike,
-				onChange: (e) => o({ strike: e })
+				icon: s.strike,
+				onChange: (e) => c({ strike: e })
 			})
 		]
 	})] });
 }
 //#endregion
 //#region src/formatting/comparison-preview.tsx
-function y({ originalValue: e, formatted: t, formattedStyle: n, visual: r = !1, formattedClassName: i = "", labels: a }) {
-	return /* @__PURE__ */ d("section", {
-		class: `rv-format-preview${r ? " rv-format-preview--visual" : ""}`,
+function v({ originalValue: e, formatted: t, formattedStyle: r, visual: i = !1, formattedClassName: a = "", labels: o }) {
+	return /* @__PURE__ */ n("section", {
+		class: `rv-format-preview${i ? " rv-format-preview--visual" : ""}`,
 		children: [
-			/* @__PURE__ */ u("h3", {
+			/* @__PURE__ */ n("h3", {
 				class: "rv-format-pane-title",
-				children: a.title
+				children: o.title
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ n("div", {
 				class: "rv-format-preview__grid",
 				role: "table",
-				"aria-label": a.title,
-				children: [/* @__PURE__ */ d("div", {
+				"aria-label": o.title,
+				children: [/* @__PURE__ */ n("div", {
 					class: "rv-format-preview__row",
 					role: "row",
 					children: [
-						/* @__PURE__ */ u("span", {
+						/* @__PURE__ */ n("span", {
 							class: "rv-format-preview__corner",
 							role: "cell"
 						}),
-						/* @__PURE__ */ u("span", {
+						/* @__PURE__ */ n("span", {
 							class: "rv-format-preview__columnheader",
 							role: "columnheader",
-							children: a.original
+							children: o.original
 						}),
-						/* @__PURE__ */ u("span", {
+						/* @__PURE__ */ n("span", {
 							class: "rv-format-preview__columnheader",
 							role: "columnheader",
-							children: a.formatted
+							children: o.formatted
 						})
 					]
-				}), /* @__PURE__ */ d("div", {
+				}), /* @__PURE__ */ n("div", {
 					class: "rv-format-preview__row",
 					role: "row",
 					children: [
-						/* @__PURE__ */ u("span", {
+						/* @__PURE__ */ n("span", {
 							class: "rv-format-preview__rowheader",
 							role: "rowheader",
 							children: "1"
 						}),
-						/* @__PURE__ */ u("span", {
+						/* @__PURE__ */ n("span", {
 							class: "rv-format-preview__gridcell",
 							role: "cell",
 							title: e,
-							children: /* @__PURE__ */ u("span", {
+							children: /* @__PURE__ */ n("span", {
 								class: "rv-format-preview__original-value",
 								children: e
 							})
 						}),
-						/* @__PURE__ */ u("span", {
-							class: `rv-format-preview__gridcell rv-format-preview__formatted ${i}`,
+						/* @__PURE__ */ n("span", {
+							class: `rv-format-preview__gridcell rv-format-preview__formatted ${a}`,
 							role: "cell",
-							style: n,
-							children: /* @__PURE__ */ u("span", {
+							style: r,
+							children: /* @__PURE__ */ n("span", {
 								role: "status",
 								"aria-live": "polite",
 								children: t
@@ -215,12 +220,12 @@ function y({ originalValue: e, formatted: t, formattedStyle: n, visual: r = !1,
 					]
 				})]
 			}),
-			/* @__PURE__ */ u("p", {
+			/* @__PURE__ */ n("p", {
 				class: "rv-format-preview__hint",
-				children: a.hint
+				children: o.hint
 			})
 		]
 	});
 }
 //#endregion
-export { y as ComparisonPreview, s as ControlTooltip, m as IconChoiceGroup, h as IconToggleButton, f as InspectorSection, v as TypographyControls, o as useControlTooltip };
+export { v as ComparisonPreview, u as ControlTooltip, p as IconChoiceGroup, m as IconToggleButton, d as InspectorSection, _ as TypographyControls, l as useControlTooltip };

package/formatting/inspector-section.d.ts

@@ -1,4 +1,4 @@
-import { h, ComponentChildren } from 'preact';
+import { h, ComponentChildren } from '../_vendor/preact/src/index';
 export declare function InspectorSection({ title, icon, expandLabel, collapseLabel, open, children, }: {
     readonly title: string;
     readonly icon: string;

package/formatting/typography-controls.d.ts

@@ -1,4 +1,4 @@
-import { h } from 'preact';
+import { h } from '../_vendor/preact/src/index';
 export interface TypographyValue {
     readonly fontFamily?: string;
     readonly fontSize?: number;

package/framework-mount.d.ts

@@ -1,4 +1,4 @@
-import { ComponentType, VNode } from 'preact';
+import { ComponentType, VNode } from './_vendor/preact/src/index';
 export interface UiContentTarget<T> {
     id: number;
     element: HTMLElement;