@cardstack/boxel-cli 0.13.0-unstable.4 → 0.13.0-unstable.5

package/bundled-test-harness/assets/pretui-components-test-Hs0uyIUQ.js

@@ -0,0 +1,992 @@
+import { s as __toESM } from "./chunk-Rp0pCe6z.js";
+import { n as decorateMethodV2, r as initializeDeferredDecorator, t as decorateFieldV2 } from "./runtime--fcdnjmJ-BoCBNIsz.js";
+import { Vn as guidFor, et as tracked, wt as setComponentTemplate } from "./cache-DtDz7X5V-Wn8jRDfL.js";
+import { H as templateFactory, S as on, m as htmlSafe } from "./index-DaCZcoCY-CgzbilMy.js";
+import { t as cached } from "./tracking-CNiq91Pk.js";
+import { i as fn, o as hash, t as array } from "./helper-BHX0HLF2.js";
+import "./modifier-D0EP-FQ7.js";
+import "./component-BJO47HTh.js";
+import { t as Component } from "./dist-CkA1rgqO.js";
+import "./template-factory-ds9s0u8l.js";
+import { t as templateOnly } from "./template-only-6nVzLWF-.js";
+import { B as BoxelInput, P as EmailInput$1 } from "./components-Ck24ubaT.js";
+import "./template-C81fYDrq.js";
+import { r as modifier } from "./dist-nMt-N14r.js";
+import "./internals-BTorg710.js";
+import { n as IconComponent$1, r as IconComponent$2, t as IconComponent } from "./check-R9s-cqQx.js";
+import { d as click } from "./dist-BOAdzfkP.js";
+import { a as resolveSize, i as firstDefined, o as resolveTone, r as emit } from "./pretui-primitives-CRs8NRm0.js";
+import { t as Button } from "./button-BvYQm_A1.js";
+import { d as focusWhen, p as listenDocument } from "./overlay-D2rQi8lJ.js";
+import { n as IconButton } from "./icon-button-C1zH38Nc.js";
+import { t as keepStyle } from "./keep-style-BE2XHAZs.js";
+import { t as IconComponent$3 } from "./search-BDcFn7oI.js";
+import { t as Select } from "./select-BiQTg2ts.js";
+import { t as require_qunit } from "./qunit-C-Foo4Nd.js";
+import { lt as setupRenderingTest } from "./mock-matrix-FjsXmU7-.js";
+import { n as renderComponent } from "./render-component-B15Z0e2v.js";
+//#region ../pretui/internal/extras.gts
+var TYPED_PROPERTIES = [
+	{
+		property: "font",
+		value: "inherit",
+		strength: "arg"
+	},
+	{
+		property: "letter-spacing",
+		value: "inherit",
+		strength: "arg"
+	},
+	{
+		property: "line-height",
+		value: "var(--boxel-form-control-line-height-sm)",
+		strength: "arg"
+	},
+	{
+		property: "padding-block",
+		value: "0.25rem",
+		strength: "arg"
+	}
+];
+function typedProperties(more = {}) {
+	return [...TYPED_PROPERTIES, ...Object.entries(more).map(([property, value]) => ({
+		property,
+		value,
+		strength: "arg"
+	}))];
+}
+var TYPED_FONT = htmlSafe(TYPED_PROPERTIES.map(({ property, value }) => `${property}: ${value};`).join(" "));
+//#endregion
+//#region ../pretui/internal/field-dress.gts
+var FieldDress = setComponentTemplate(templateFactory({
+	"id": "i2//8SOh",
+	"block": "[[[11,0],[24,0,\"pretui-inputwrap\"],[17,1],[24,\"data-scopedcss-9515ca7666-5e5f72ffb3\",\"\"],[12],[1,\"\\n\"],[41,[30,2],[[[1,\"    \"],[10,1],[14,0,\"pretui-inputoptional\"],[14,\"data-scopedcss-9515ca7666-5e5f72ffb3\",\"\"],[12],[1,\"Optional\"],[13],[1,\"\\n\"]],[]],null],[1,\"  \"],[10,0],[14,0,\"pretui-inputwrap-field\"],[14,\"data-scopedcss-9515ca7666-5e5f72ffb3\",\"\"],[12],[18,3,null],[13],[1,\"\\n\"],[13],[1,\"\\n\"]],[\"&attrs\",\"@optional\",\"&default\"],[\"if\",\"yield\"]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/internal/field-dress.gts",
+	"isStrictMode": true
+}), templateOnly());
+//#endregion
+//#region ../pretui/components/email-input.gts
+var EmailInput = class extends Component {
+	get boxelValue() {
+		return this.args.value ?? null;
+	}
+	get disabled() {
+		return firstDefined(this.args.disabled, this.args.isDisabled);
+	}
+	get required() {
+		return firstDefined(this.args.required, this.args.isRequired);
+	}
+	handleChange = (value, validation, _ev) => {
+		emit([
+			this.args.onInput,
+			this.args.onChange,
+			this.args.onValueChange
+		], value ?? "");
+		this.args.onValidation?.(validation ? validation.message : null);
+	};
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "W/3kv62W",
+			"block": "[[[8,[32,0],[[24,\"data-test-pretui-email-input\",\"\"],[17,1]],null,[[\"default\"],[[[[1,\"\\n  \"],[8,[32,1],[[16,1,[30,2]],[16,5,[32,2]]],[[\"@value\",\"@onChange\",\"@placeholder\",\"@disabled\",\"@required\"],[[30,0,[\"boxelValue\"]],[30,0,[\"handleChange\"]],[30,3],[30,0,[\"disabled\"]],[30,0,[\"required\"]]]],null],[1,\"\\n\"]],[]]]]]],[\"&attrs\",\"@controlId\",\"@placeholder\"],[]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/email-input.gts",
+			"scope": () => [
+				FieldDress,
+				EmailInput$1,
+				TYPED_FONT
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../pretui/components/cue.gts
+var CUE_TONES = [
+	"neutral",
+	"info",
+	"success",
+	"warning",
+	"danger"
+];
+var CUE_GLYPHS = {
+	neutral: void 0,
+	info: "i",
+	success: IconComponent,
+	warning: "!",
+	danger: IconComponent$1
+};
+var SPACE_RUN = /(\s+)/;
+var URL_BREAK = /(?<=\/)(?=[^/])|(?=[.?#&=].)/;
+var LONG_RUN_LENGTH = 20;
+function textParts(text) {
+	let parts = [""];
+	for (let token of text.split(SPACE_RUN)) {
+		let pieces = token.length >= LONG_RUN_LENGTH && token.includes("/") ? token.split(URL_BREAK) : [token];
+		parts[parts.length - 1] += pieces[0];
+		parts.push(...pieces.slice(1));
+	}
+	return parts;
+}
+var Cue = class extends Component {
+	get kind() {
+		return this.args.kind ?? "description";
+	}
+	get tone() {
+		return resolveTone(this.args.tone, CUE_TONES, this.kind === "error" ? "danger" : "neutral");
+	}
+	get cueId() {
+		return this.args.id ?? `${guidFor(this)}-cue`;
+	}
+	get glyph() {
+		return this.args.glyph === false ? void 0 : CUE_GLYPHS[this.tone];
+	}
+	get textParts() {
+		return this.args.text ? textParts(this.args.text) : [];
+	}
+	get glyphText() {
+		return typeof this.glyph === "string" ? this.glyph : void 0;
+	}
+	get glyphIcon() {
+		return typeof this.glyph === "string" ? void 0 : this.glyph;
+	}
+	get role() {
+		return this.kind === "status" ? "status" : void 0;
+	}
+	get live() {
+		return this.kind === "status" ? "polite" : void 0;
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "DkKmlFkp",
+			"block": "[[[11,1],[24,0,\"pretui-cue\"],[16,1,[30,0,[\"cueId\"]]],[16,\"data-kind\",[30,0,[\"kind\"]]],[16,\"data-position\",[52,[30,1],[30,1],\"block-end\"]],[16,\"data-tone\",[30,0,[\"tone\"]]],[16,\"role\",[30,0,[\"role\"]]],[16,\"aria-live\",[30,0,[\"live\"]]],[16,\"aria-hidden\",[52,[30,2],\"true\"]],[24,\"data-test-pretui-cue\",\"\"],[17,3],[24,\"data-scopedcss-ccfd1fd21d-79ea398cac\",\"\"],[12],[1,\"\\n  \"],[41,[30,0,[\"glyph\"]],[[[10,1],[14,0,\"pretui-cue-mark\"],[14,\"data-scopedcss-ccfd1fd21d-79ea398cac\",\"\"],[12],[10,1],[14,0,\"pretui-cue-glyph\"],[14,\"aria-hidden\",\"true\"],[15,\"data-test-pretui-cue-glyph\",[30,0,[\"tone\"]]],[14,\"data-scopedcss-ccfd1fd21d-79ea398cac\",\"\"],[12],[41,[30,0,[\"glyphIcon\"]],[[[8,[30,0,[\"glyphIcon\"]],[[24,0,\"pretui-cue-icon\"],[24,\"width\",\"10\"],[24,\"height\",\"10\"],[24,\"stroke-width\",\"3.5\"],[24,\"data-scopedcss-ccfd1fd21d-79ea398cac\",\"\"]],null,null]],[]],[[[1,[30,0,[\"glyphText\"]]]],[]]],[13],[13]],[]],null],[1,\"\\n  \"],[10,1],[14,0,\"pretui-cue-text\"],[14,\"data-scopedcss-ccfd1fd21d-79ea398cac\",\"\"],[12],[41,[30,4],[[[42,[28,[31,2],[[28,[31,2],[[30,0,[\"textParts\"]]],null]],null],null,[[[41,[30,6],[[[10,\"wbr\"],[14,\"data-scopedcss-ccfd1fd21d-79ea398cac\",\"\"],[12],[13]],[]],null],[1,[30,5]]],[5,6]],null]],[]],[[[18,7,null]],[]]],[13],[1,\"\\n\"],[13],[1,\"\\n\"]],[\"@position\",\"@decorative\",\"&attrs\",\"@text\",\"part\",\"index\",\"&default\"],[\"if\",\"each\",\"-track-array\",\"yield\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/cue.gts",
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../pretui/components/field.gts
+var Field = class extends Component {
+	get controlId() {
+		return `${guidFor(this)}-ctl`;
+	}
+	get messageId() {
+		return `${guidFor(this)}-msg`;
+	}
+	get labelId() {
+		return `${guidFor(this)}-lbl`;
+	}
+	get yieldedLabelId() {
+		return this.args.label ? this.labelId : void 0;
+	}
+	get showsMessageLine() {
+		return this.args.reserveMessage !== false || Boolean(this.messageText);
+	}
+	get labelIsSpan() {
+		return this.args.labelTag === "span";
+	}
+	get orientation() {
+		return this.args.orientation === "horizontal" ? "horizontal" : "vertical";
+	}
+	get error() {
+		return firstDefined(this.args.error, this.args.errorMessage);
+	}
+	get hint() {
+		return firstDefined(this.args.hint, this.args.description, this.args.helperText);
+	}
+	get messageKind() {
+		if (this.error) return "error";
+		if (this.args.status) return "status";
+		return "description";
+	}
+	get messageTone() {
+		if (this.error) return "danger";
+		if (this.args.status) return resolveTone(this.args.statusTone, CUE_TONES, "info");
+		return "neutral";
+	}
+	get isStatus() {
+		return this.messageKind === "status";
+	}
+	get messageText() {
+		return this.error ?? this.args.status ?? this.hint;
+	}
+	get quietText() {
+		return this.isStatus ? void 0 : this.messageText;
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "sPrjAU61",
+			"block": "[[[11,0],[24,0,\"pretui-fieldw\"],[16,\"data-orientation\",[30,0,[\"orientation\"]]],[16,\"data-invalid\",[52,[30,0,[\"error\"]],\"true\"]],[24,\"data-test-pretui-field\",\"\"],[17,1],[24,\"data-scopedcss-64a5d1bbb5-dcf933220c\",\"\"],[12],[1,\"\\n\"],[41,[30,2],[[[1,\"    \"],[10,0],[14,0,\"pretui-fieldhead\"],[14,\"data-test-pretui-field-head\",\"\"],[14,\"data-scopedcss-64a5d1bbb5-dcf933220c\",\"\"],[12],[1,\"\\n\"],[41,[30,3],[[[1,\"        \"],[8,[30,3],[[24,0,\"pretui-fieldicon\"],[24,\"aria-hidden\",\"true\"],[24,\"data-scopedcss-64a5d1bbb5-dcf933220c\",\"\"]],null,null],[1,\"\\n\"]],[]],null],[41,[30,0,[\"labelIsSpan\"]],[[[1,\"        \"],[10,1],[14,0,\"pretui-fieldlabel\"],[15,1,[30,0,[\"labelId\"]]],[14,\"data-test-pretui-field-label\",\"\"],[14,\"data-scopedcss-64a5d1bbb5-dcf933220c\",\"\"],[12],[1,[30,2]],[13],[1,\"\\n\"]],[]],[[[1,\"        \"],[10,\"label\"],[14,0,\"pretui-fieldlabel\"],[15,1,[30,0,[\"labelId\"]]],[15,\"for\",[30,0,[\"controlId\"]]],[14,\"data-test-pretui-field-label\",\"\"],[14,\"data-scopedcss-64a5d1bbb5-dcf933220c\",\"\"],[12],[1,[30,2]],[13],[1,\"\\n\"]],[]]],[1,\"    \"],[13],[1,\"\\n\"]],[]],null],[1,\"  \"],[10,0],[14,0,\"pretui-fieldbody\"],[14,\"data-test-pretui-field-body\",\"\"],[14,\"data-scopedcss-64a5d1bbb5-dcf933220c\",\"\"],[12],[1,\"\\n\"],[41,[48,[30,4]],[[[1,\"      \"],[10,0],[14,0,\"pretui-fieldrow\"],[14,\"data-scopedcss-64a5d1bbb5-dcf933220c\",\"\"],[12],[1,\"\\n        \"],[10,1],[14,0,\"pretui-fieldcue\"],[14,\"data-scopedcss-64a5d1bbb5-dcf933220c\",\"\"],[12],[18,4,null],[13],[1,\"\\n        \"],[10,0],[14,0,\"pretui-fieldctl\"],[14,\"data-scopedcss-64a5d1bbb5-dcf933220c\",\"\"],[12],[18,5,[[30,0,[\"controlId\"]],[30,0,[\"messageId\"]],[30,0,[\"yieldedLabelId\"]]]],[13],[1,\"\\n\"],[41,[48,[30,6]],[[[1,\"          \"],[10,1],[14,0,\"pretui-fieldcue\"],[14,\"data-scopedcss-64a5d1bbb5-dcf933220c\",\"\"],[12],[18,6,null],[13],[1,\"\\n\"]],[]],null],[1,\"      \"],[13],[1,\"\\n\"]],[]],[[[41,[48,[30,6]],[[[1,\"      \"],[10,0],[14,0,\"pretui-fieldrow\"],[14,\"data-scopedcss-64a5d1bbb5-dcf933220c\",\"\"],[12],[1,\"\\n        \"],[10,0],[14,0,\"pretui-fieldctl\"],[14,\"data-scopedcss-64a5d1bbb5-dcf933220c\",\"\"],[12],[18,5,[[30,0,[\"controlId\"]],[30,0,[\"messageId\"]],[30,0,[\"yieldedLabelId\"]]]],[13],[1,\"\\n        \"],[10,1],[14,0,\"pretui-fieldcue\"],[14,\"data-scopedcss-64a5d1bbb5-dcf933220c\",\"\"],[12],[18,6,null],[13],[1,\"\\n      \"],[13],[1,\"\\n\"]],[]],[[[1,\"      \"],[18,5,[[30,0,[\"controlId\"]],[30,0,[\"messageId\"]],[30,0,[\"yieldedLabelId\"]]]],[1,\"\\n    \"]],[]]]],[]]],[41,[30,0,[\"showsMessageLine\"]],[[[1,\"    \"],[10,0],[14,0,\"pretui-fieldmsg\"],[15,1,[30,0,[\"messageId\"]]],[14,\"data-test-pretui-field-message\",\"\"],[14,\"data-scopedcss-64a5d1bbb5-dcf933220c\",\"\"],[12],[1,\"\\n\"],[1,\"      \"],[10,1],[14,0,\"pretui-fieldlive\"],[14,\"role\",\"status\"],[14,\"data-test-pretui-field-status\",\"\"],[14,\"data-scopedcss-64a5d1bbb5-dcf933220c\",\"\"],[12],[1,\"\\n\"],[41,[30,0,[\"isStatus\"]],[[[1,\"          \"],[8,[32,0],[[24,\"data-scopedcss-64a5d1bbb5-dcf933220c\",\"\"]],[[\"@tone\",\"@text\"],[[30,0,[\"messageTone\"]],[30,0,[\"messageText\"]]]],null],[1,\"\\n\"]],[]],null],[1,\"      \"],[13],[1,\"\\n\"],[41,[30,0,[\"quietText\"]],[[[1,\"        \"],[8,[32,0],[[24,\"data-scopedcss-64a5d1bbb5-dcf933220c\",\"\"]],[[\"@kind\",\"@tone\",\"@text\"],[[30,0,[\"messageKind\"]],[30,0,[\"messageTone\"]],[30,0,[\"quietText\"]]]],null],[1,\"\\n\"]],[]],null],[1,\"    \"],[13],[1,\"\\n\"]],[]],null],[1,\"  \"],[13],[1,\"\\n\"],[13],[1,\"\\n\"]],[\"&attrs\",\"@label\",\"@icon\",\"&inlineStart\",\"&default\",\"&inlineEnd\"],[\"if\",\"has-block\",\"yield\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/field.gts",
+			"scope": () => [Cue],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../pretui/internal/described-by.ts
+function idsOf(value) {
+	return (value ?? "").split(/\s+/).filter(Boolean);
+}
+var alsoDescribedBy = modifier((element, [ids]) => {
+	let extra = idsOf(ids);
+	if (extra.length === 0) return;
+	let own = idsOf(element.getAttribute("aria-describedby")).filter((id) => !extra.includes(id));
+	element.setAttribute("aria-describedby", [...extra, ...own].join(" "));
+	return () => {
+		let rest = idsOf(element.getAttribute("aria-describedby")).filter((id) => !extra.includes(id));
+		if (rest.length > 0) element.setAttribute("aria-describedby", rest.join(" "));
+		else element.removeAttribute("aria-describedby");
+	};
+});
+//#endregion
+//#region ../pretui/internal/search-glyph.gts
+var SEARCH_START_INSET = "1.875rem";
+`${SEARCH_START_INSET}`;
+var SearchGlyph = setComponentTemplate(templateFactory({
+	"id": "XDw5OzXb",
+	"block": "[[[10,1],[14,0,\"pretui-searchglyph\"],[15,\"data-dimmed\",[52,[30,1],\"true\"]],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-da7b9a4122-42a8bccc05\",\"\"],[12],[1,\"\\n  \"],[8,[32,0],[[24,\"width\",\"14\"],[24,\"height\",\"14\"],[24,\"data-scopedcss-da7b9a4122-42a8bccc05\",\"\"]],null,null],[1,\"\\n\"],[13],[1,\"\\n\"]],[\"@dimmed\"],[\"if\"]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/internal/search-glyph.gts",
+	"scope": () => [IconComponent$3],
+	"isStrictMode": true
+}), templateOnly());
+//#endregion
+//#region ../pretui/components/input.gts
+var SEARCH_INPUT_PROPERTIES = typedProperties({ "padding-inline-start": SEARCH_START_INSET });
+var COLOR_INPUT_PROPERTIES = [{
+	property: "font",
+	value: "inherit",
+	strength: "arg"
+}, {
+	property: "letter-spacing",
+	value: "inherit",
+	strength: "arg"
+}];
+var Input = class extends Component {
+	get invalid() {
+		return firstDefined(this.args.invalid, this.args.isInvalid) ?? false;
+	}
+	get disabled() {
+		return firstDefined(this.args.disabled, this.args.isDisabled);
+	}
+	get required() {
+		return firstDefined(this.args.required, this.args.isRequired);
+	}
+	get readonly() {
+		return firstDefined(this.args.readonly, this.args.isReadOnly, this.args.readOnly);
+	}
+	get helperText() {
+		return firstDefined(this.args.helperText, this.args.description);
+	}
+	get isSearch() {
+		return this.args.type === "search";
+	}
+	get boxelType() {
+		return this.isSearch || !this.args.type ? "text" : this.args.type;
+	}
+	get showOptional() {
+		return Boolean(this.args.optional) && !this.required;
+	}
+	get state() {
+		return this.invalid ? "invalid" : "none";
+	}
+	get inputProperties() {
+		if (this.args.type === "color") return COLOR_INPUT_PROPERTIES;
+		return this.isSearch ? SEARCH_INPUT_PROPERTIES : TYPED_PROPERTIES;
+	}
+	handleInput = (value) => {
+		emit([
+			this.args.onInput,
+			this.args.onChange,
+			this.args.onValueChange
+		], value);
+	};
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "vKIaRyV1",
+			"block": "[[[8,[32,0],[[24,\"data-test-pretui-input\",\"\"],[24,\"data-scopedcss-9c5967a788-6059ed0c39\",\"\"]],[[\"@optional\"],[[30,0,[\"showOptional\"]]]],[[\"default\"],[[[[1,\"\\n  \"],[10,0],[14,0,\"pretui-inputfield\"],[14,\"data-scopedcss-9c5967a788-6059ed0c39\",\"\"],[12],[1,\"\\n    \"],[8,[32,1],[[17,1],[24,\"data-scopedcss-9c5967a788-6059ed0c39\",\"\"],[4,[32,2],[[30,6],[30,0,[\"invalid\"]],[30,5],[30,0,[\"helperText\"]],[30,0,[\"disabled\"]]],null],[4,[32,3],[[30,0,[\"inputProperties\"]]],null]],[[\"@id\",\"@type\",\"@value\",\"@placeholder\",\"@disabled\",\"@readonly\",\"@state\",\"@errorMessage\",\"@helperText\",\"@required\",\"@onInput\"],[[30,2],[30,0,[\"boxelType\"]],[30,3],[30,4],[30,0,[\"disabled\"]],[30,0,[\"readonly\"]],[30,0,[\"state\"]],[52,[51,[30,0,[\"disabled\"]]],[30,5]],[30,0,[\"helperText\"]],[30,0,[\"required\"]],[30,0,[\"handleInput\"]]]],null],[1,\"\\n\"],[41,[30,0,[\"isSearch\"]],[[[1,\"      \"],[8,[32,4],[[24,\"data-scopedcss-9c5967a788-6059ed0c39\",\"\"]],[[\"@dimmed\"],[[30,0,[\"disabled\"]]]],null],[1,\"\\n\"]],[]],null],[1,\"  \"],[13],[1,\"\\n\"]],[]]]]],[1,\"\\n\"]],[\"&attrs\",\"@controlId\",\"@value\",\"@placeholder\",\"@errorMessage\",\"@describedBy\"],[\"unless\",\"if\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/input.gts",
+			"scope": () => [
+				FieldDress,
+				BoxelInput,
+				alsoDescribedBy,
+				keepStyle,
+				SearchGlyph
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../pretui/internal/caret.gts
+var Caret = setComponentTemplate(templateFactory({
+	"id": "EioqGvPq",
+	"block": "[[[11,\"svg\"],[24,\"width\",\"10\"],[24,\"height\",\"6\"],[24,\"viewBox\",\"0.41 0.41 10 6\"],[17,1],[24,\"aria-hidden\",\"true\"],[12],[10,\"path\"],[14,\"fill\",\"none\"],[14,\"stroke\",\"currentColor\"],[14,\"stroke-linecap\",\"round\"],[14,\"stroke-linejoin\",\"round\"],[14,\"stroke-width\",\"2\"],[14,\"d\",\"m1.414 1.414 4 4 4-4\"],[12],[13],[13]],[\"&attrs\"],[]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/internal/caret.gts",
+	"isStrictMode": true
+}), templateOnly());
+//#endregion
+//#region ../pretui/components/native-select.gts
+var NativeSelect = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "internal", [tracked], function() {
+			return this.args.defaultValue;
+		});
+	}
+	#internal = (initializeDeferredDecorator(this, "internal"), void 0);
+	get options() {
+		return firstDefined(this.args.options, this.args.items) ?? [];
+	}
+	/** With no placeholder the platform selects the first enabled option, so
+	*  that option is the value until something else is chosen. */
+	get value() {
+		let chosen = this.args.value ?? this.internal;
+		if (chosen !== void 0) return chosen;
+		if (this.args.placeholder) return "";
+		return this.options.find((o) => !o.disabled)?.value ?? "";
+	}
+	/** the placeholder is showing; without one the select always shows a choice */
+	get empty() {
+		return Boolean(this.args.placeholder) && this.value === "";
+	}
+	get disabled() {
+		return firstDefined(this.args.disabled, this.args.isDisabled) ?? false;
+	}
+	get required() {
+		return firstDefined(this.args.required, this.args.isRequired) ?? false;
+	}
+	get invalid() {
+		return firstDefined(this.args.invalid, this.args.isInvalid) ?? false;
+	}
+	get size() {
+		return resolveSize(this.args.size);
+	}
+	handleChange = (ev) => {
+		let select = ev.target;
+		let next = select.value;
+		if (this.args.value === void 0) this.internal = next;
+		emit([this.args.onChange, this.args.onValueChange], next);
+		if (this.args.value !== void 0) select.value = this.value;
+	};
+	isOn = (option) => option.value === this.value;
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "PTJqXOr4",
+			"block": "[[[10,1],[14,0,\"pretui-nativeselect\"],[15,\"data-size\",[30,0,[\"size\"]]],[15,\"data-empty\",[52,[30,0,[\"empty\"]],\"true\",\"false\"]],[15,\"data-invalid\",[52,[30,0,[\"invalid\"]],\"true\",\"false\"]],[14,\"data-test-pretui-native-select\",\"\"],[14,\"data-scopedcss-1fe4353c4d-852fa59adf\",\"\"],[12],[1,\"\\n  \"],[11,\"select\"],[24,0,\"pretui-nativeselect-control\"],[16,1,[30,1]],[16,\"aria-label\",[30,2]],[16,\"aria-invalid\",[52,[30,0,[\"invalid\"]],\"true\"]],[16,\"disabled\",[30,0,[\"disabled\"]]],[16,\"required\",[30,0,[\"required\"]]],[17,3],[24,\"data-scopedcss-1fe4353c4d-852fa59adf\",\"\"],[4,[32,0],[\"change\",[30,0,[\"handleChange\"]]],null],[12],[1,\"\\n\"],[41,[30,4],[[[1,\"      \"],[10,\"option\"],[14,2,\"\"],[14,\"disabled\",\"\"],[15,\"selected\",[30,0,[\"empty\"]]],[14,\"data-scopedcss-1fe4353c4d-852fa59adf\",\"\"],[12],[1,[30,4]],[13],[1,\"\\n\"]],[]],null],[41,[48,[30,6]],[[[1,\"      \"],[18,6,null],[1,\"\\n\"]],[]],[[[42,[28,[31,4],[[28,[31,4],[[30,0,[\"options\"]]],null]],null],null,[[[1,\"        \"],[10,\"option\"],[15,2,[30,5,[\"value\"]]],[15,\"selected\",[28,[30,0,[\"isOn\"]],[[30,5]],null]],[15,\"disabled\",[30,5,[\"disabled\"]]],[14,\"data-scopedcss-1fe4353c4d-852fa59adf\",\"\"],[12],[1,[30,5,[\"label\"]]],[13],[1,\"\\n\"]],[5]],null]],[]]],[1,\"  \"],[13],[1,\"\\n  \"],[8,[32,1],[[24,0,\"pretui-nativeselect-caret\"],[24,\"data-scopedcss-1fe4353c4d-852fa59adf\",\"\"]],null,null],[1,\"\\n\"],[13],[1,\"\\n\"]],[\"@controlId\",\"@label\",\"&attrs\",\"@placeholder\",\"opt\",\"&default\"],[\"if\",\"has-block\",\"yield\",\"each\",\"-track-array\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/native-select.gts",
+			"scope": () => [on, Caret],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../pretui/components/switch.gts
+var Switch = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "internal", [tracked], function() {
+			return this.args.defaultChecked ?? false;
+		});
+	}
+	#internal = (initializeDeferredDecorator(this, "internal"), void 0);
+	get controlled() {
+		return firstDefined(this.args.checked, this.args.isSelected, this.args.selected);
+	}
+	get disabled() {
+		return firstDefined(this.args.disabled, this.args.isDisabled) ?? false;
+	}
+	get on() {
+		return this.controlled ?? this.internal;
+	}
+	toggle = () => {
+		if (this.disabled) return;
+		let next = !this.on;
+		if (this.controlled === void 0) this.internal = next;
+		emit([this.args.onCheckedChange, this.args.onChange], next);
+	};
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "bXtwxNZs",
+			"block": "[[[11,\"button\"],[24,4,\"button\"],[24,\"role\",\"switch\"],[16,1,[30,1]],[16,\"aria-checked\",[52,[30,0,[\"on\"]],\"true\",\"false\"]],[24,0,\"pretui-switch\"],[16,\"data-state\",[52,[30,0,[\"on\"]],\"checked\",\"unchecked\"]],[16,\"disabled\",[30,0,[\"disabled\"]]],[24,\"data-test-pretui-switch\",\"\"],[17,2],[24,\"data-scopedcss-c09a27df25-c369026ab0\",\"\"],[4,[32,0],[\"click\",[30,0,[\"toggle\"]]],null],[12],[10,1],[14,0,\"pretui-switch-thumb\"],[14,\"data-scopedcss-c09a27df25-c369026ab0\",\"\"],[12],[13],[13],[1,\"\\n\"]],[\"@controlId\",\"&attrs\"],[\"if\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/switch.gts",
+			"scope": () => [on],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../pretui/components/textarea.gts
+var TEXTAREA_METRICS = [
+	{
+		property: "font",
+		value: "inherit",
+		strength: "arg"
+	},
+	{
+		property: "letter-spacing",
+		value: "inherit",
+		strength: "arg"
+	},
+	{
+		property: "--boxel-input-height",
+		value: "4rem",
+		strength: "arg"
+	},
+	{
+		property: "padding-block",
+		value: "calc(0.5rem - 1px)",
+		strength: "arg"
+	},
+	{
+		property: "resize",
+		value: "vertical",
+		strength: "arg"
+	}
+];
+var Textarea = class extends Component {
+	get invalid() {
+		return firstDefined(this.args.invalid, this.args.isInvalid) ?? false;
+	}
+	get disabled() {
+		return firstDefined(this.args.disabled, this.args.isDisabled);
+	}
+	get required() {
+		return firstDefined(this.args.required, this.args.isRequired);
+	}
+	get showOptional() {
+		return Boolean(this.args.optional) && !this.required;
+	}
+	get readonly() {
+		return firstDefined(this.args.readonly, this.args.isReadOnly, this.args.readOnly);
+	}
+	get helperText() {
+		return firstDefined(this.args.helperText, this.args.description);
+	}
+	get state() {
+		return this.invalid ? "invalid" : "none";
+	}
+	handleInput = (value) => {
+		emit([
+			this.args.onInput,
+			this.args.onChange,
+			this.args.onValueChange
+		], value);
+	};
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "IQ3DLtBm",
+			"block": "[[[8,[32,0],[[24,\"data-test-pretui-textarea\",\"\"]],[[\"@optional\"],[[30,0,[\"showOptional\"]]]],[[\"default\"],[[[[1,\"\\n  \"],[8,[32,1],[[17,1],[4,[32,2],[[30,6],[30,0,[\"invalid\"]],[30,5],[30,0,[\"helperText\"]],[30,0,[\"disabled\"]]],null],[4,[32,3],[[32,4]],null]],[[\"@id\",\"@type\",\"@value\",\"@placeholder\",\"@disabled\",\"@readonly\",\"@state\",\"@errorMessage\",\"@helperText\",\"@required\",\"@onInput\"],[[30,2],\"textarea\",[30,3],[30,4],[30,0,[\"disabled\"]],[30,0,[\"readonly\"]],[30,0,[\"state\"]],[52,[51,[30,0,[\"disabled\"]]],[30,5]],[30,0,[\"helperText\"]],[30,0,[\"required\"]],[30,0,[\"handleInput\"]]]],null],[1,\"\\n\"]],[]]]]]],[\"&attrs\",\"@controlId\",\"@value\",\"@placeholder\",\"@errorMessage\",\"@describedBy\"],[\"unless\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/textarea.gts",
+			"scope": () => [
+				FieldDress,
+				BoxelInput,
+				alsoDescribedBy,
+				keepStyle,
+				TEXTAREA_METRICS
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region ../pretui/components/tree-select.gts
+function descendants(node) {
+	return (node.children ?? []).flatMap((child) => [child, ...descendants(child)]);
+}
+function flatten(nodes) {
+	return nodes.flatMap((node) => [node, ...descendants(node)]);
+}
+/**
+* Ant's and Mantine's TreeSelect: pills of the checked nodes in the closed
+* state, a checkable tree in the popup. Cascader picks one path; Tree browses
+* without a value.
+*
+* The cascade policy is stated, not implied: with `@cascade` (the default)
+* checking a branch checks everything under it, a branch reads as checked
+* when all of its enabled descendants are and as mixed when some are, and
+* the trigger summarises a fully checked branch as one chip. The value is
+* every checked id in tree order, branches included.
+*
+* The popup follows the APG tree pattern: ArrowUp / ArrowDown through the
+* visible rows, ArrowRight to expand or step into a branch, ArrowLeft to
+* collapse or step out, Space to check, Home / End, Escape to close. Each
+* row is a treeitem with `aria-checked` (multiple) or `aria-selected`
+* (single) and, for a branch, `aria-expanded`.
+*/
+var TreeSelect = class extends Component {
+	guid = guidFor(this);
+	static {
+		decorateFieldV2(this.prototype, "internal", [tracked], function() {
+			return [...this.args.defaultValue ?? []];
+		});
+	}
+	#internal = (initializeDeferredDecorator(this, "internal"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "open", [tracked], function() {
+			return false;
+		});
+	}
+	#open = (initializeDeferredDecorator(this, "open"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "expanded", [tracked], function() {
+			return [...this.args.defaultExpanded ?? []];
+		});
+	}
+	#expanded = (initializeDeferredDecorator(this, "expanded"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "focusId", [tracked]);
+	}
+	#focusId = (initializeDeferredDecorator(this, "focusId"), void 0);
+	get multiple() {
+		return this.args.multiple ?? true;
+	}
+	get cascade() {
+		return this.multiple && (this.args.cascade ?? true);
+	}
+	get value() {
+		return this.args.value ?? this.internal;
+	}
+	/**
+	* The value, normalised once: with the cascade, a listed branch stands for
+	* its enabled descendants, and a branch is checked exactly when every
+	* enabled leaf under it is. So `['dhp']` checks Oolong, and `['green']`
+	* checks Sencha and Gyokuro, whichever ids the caller happened to list.
+	*/
+	get checkedSet() {
+		let set = new Set(this.value);
+		if (!this.cascade) return set;
+		for (let node of flatten(this.args.nodes ?? [])) if (set.has(node.id) && node.children?.length) {
+			for (let d of descendants(node)) if (!d.disabled) set.add(d.id);
+		}
+		let visit = (node) => {
+			if (!node.children?.length) return set.has(node.id) && !node.disabled;
+			node.children.forEach(visit);
+			let enabled = descendants(node).filter((d) => !d.disabled && !d.children?.length);
+			let all = enabled.length > 0 && enabled.every((d) => set.has(d.id));
+			if (all) set.add(node.id);
+			else set.delete(node.id);
+			return all;
+		};
+		for (let root of this.args.nodes ?? []) visit(root);
+		return set;
+	}
+	static {
+		decorateMethodV2(this.prototype, "checkedSet", [cached]);
+	}
+	get treeId() {
+		return this.guid + "-tree";
+	}
+	state(node) {
+		let checked = this.checkedSet;
+		if (!this.cascade || !node.children?.length) return checked.has(node.id) ? "true" : "false";
+		if (checked.has(node.id)) return "true";
+		return descendants(node).filter((n) => !n.disabled && !n.children?.length).some((n) => checked.has(n.id)) ? "mixed" : "false";
+	}
+	get rows() {
+		let rows = [];
+		let expanded = new Set(this.expanded);
+		let visit = (nodes, depth) => {
+			for (let [position, node] of nodes.entries()) {
+				let branch = (node.children?.length ?? 0) > 0;
+				let isOpen = branch && expanded.has(node.id);
+				rows.push({
+					node,
+					depth,
+					posinset: position + 1,
+					setsize: nodes.length,
+					branch,
+					expanded: isOpen,
+					checked: this.state(node),
+					selected: this.checkedSet.has(node.id),
+					focused: this.open && node.id === this.focusId,
+					id: `${this.guid}-n-${node.id}`
+				});
+				if (isOpen) visit(node.children ?? [], depth + 1);
+			}
+		};
+		visit(this.args.nodes ?? [], 1);
+		return rows;
+	}
+	/** The chips: a fully checked branch stands for everything under it. */
+	static {
+		decorateMethodV2(this.prototype, "rows", [cached]);
+	}
+	get chips() {
+		let checked = this.checkedSet;
+		let out = [];
+		let visit = (nodes) => {
+			for (let node of nodes) {
+				if (checked.has(node.id)) {
+					out.push(node);
+					if (this.cascade) continue;
+				}
+				visit(node.children ?? []);
+			}
+		};
+		visit(this.args.nodes ?? []);
+		return out;
+	}
+	static {
+		decorateMethodV2(this.prototype, "chips", [cached]);
+	}
+	get shownChips() {
+		return this.chips.slice(0, this.args.maxChips ?? 3);
+	}
+	get moreCount() {
+		return Math.max(0, this.chips.length - this.shownChips.length);
+	}
+	get triggerName() {
+		let label = this.args.label ?? "Choose";
+		let names = this.chips.map((n) => n.label);
+		return names.length ? `${label}: ${names.join(", ")}` : label;
+	}
+	commit(ids) {
+		let ordered = flatten(this.args.nodes ?? []).map((n) => n.id).filter((id) => ids.has(id));
+		if (this.args.value === void 0) this.internal = ordered;
+		this.args.onChange?.(ordered);
+	}
+	toggleNode = (node) => {
+		if (node.disabled) return;
+		this.focusId = node.id;
+		if (!this.multiple) {
+			this.commit(new Set([node.id]));
+			this.close(true);
+			return;
+		}
+		let next = new Set(this.checkedSet);
+		let on = this.state(node) !== "true";
+		let affected = this.cascade ? [node, ...descendants(node).filter((n) => !n.disabled)] : [node];
+		for (let n of affected) if (on) next.add(n.id);
+		else next.delete(n.id);
+		if (this.cascade) for (let branch of flatten(this.args.nodes ?? []).filter((n) => n.children?.length).reverse()) {
+			let leaves = descendants(branch).filter((n) => !n.disabled);
+			if (leaves.length && leaves.every((n) => next.has(n.id))) next.add(branch.id);
+			else if (leaves.length) next.delete(branch.id);
+		}
+		this.commit(next);
+	};
+	toggleExpand = (node, event) => {
+		event?.stopPropagation();
+		this.focusId = node.id;
+		this.expanded = this.expanded.includes(node.id) ? this.expanded.filter((id) => id !== node.id) : [...this.expanded, node.id];
+	};
+	toggle = () => {
+		if (this.open) {
+			this.close(false);
+			return;
+		}
+		let ids = new Set(flatten(this.args.nodes ?? []).map((n) => n.id));
+		let first = this.value.find((id) => ids.has(id)) ?? this.args.nodes?.[0]?.id;
+		let parents = new Set(this.expanded);
+		for (let node of flatten(this.args.nodes ?? [])) if (descendants(node).some((d) => this.checkedSet.has(d.id))) parents.add(node.id);
+		this.expanded = [...parents];
+		this.focusId = first;
+		this.open = true;
+	};
+	close(returnFocus) {
+		this.open = false;
+		if (returnFocus) document.getElementById(this.guid + "-trigger")?.focus();
+	}
+	parentOf(id) {
+		return flatten(this.args.nodes ?? []).find((n) => n.children?.some((c) => c.id === id));
+	}
+	onKeydown = (rawEvent) => {
+		let event = rawEvent;
+		let rows = this.rows;
+		let at = rows.findIndex((r) => r.node.id === this.focusId);
+		let row = rows[at];
+		let handled = true;
+		if (event.key === "ArrowDown") this.focusId = rows[Math.min(rows.length - 1, at + 1)]?.node.id;
+		else if (event.key === "ArrowUp") this.focusId = rows[Math.max(0, at - 1)]?.node.id;
+		else if (event.key === "Home") this.focusId = rows[0]?.node.id;
+		else if (event.key === "End") this.focusId = rows[rows.length - 1]?.node.id;
+		else if (event.key === "ArrowRight") {
+			if (row?.branch && !row.expanded) this.toggleExpand(row.node);
+			else if (row?.branch) this.focusId = rows[at + 1]?.node.id;
+		} else if (event.key === "ArrowLeft") {
+			if (row?.branch && row.expanded) this.toggleExpand(row.node);
+			else if (row) {
+				let parent = this.parentOf(row.node.id);
+				if (parent) this.focusId = parent.id;
+			}
+		} else if (event.key === " " || event.key === "Enter") {
+			if (row) this.toggleNode(row.node);
+		} else if (event.key === "Escape") {
+			event.stopPropagation();
+			this.close(true);
+		} else if (event.key === "Tab") {
+			this.close(false);
+			handled = false;
+		} else handled = false;
+		if (handled) event.preventDefault();
+	};
+	onOutside = (event) => {
+		if (!this.open) return;
+		let target = event.target;
+		let root = target?.ownerDocument?.getElementById(this.guid);
+		if (root && target && root.contains(target)) return;
+		this.close(false);
+	};
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "r67jO691",
+			"block": "[[[11,0],[16,1,[30,0,[\"guid\"]]],[24,0,\"pretui-treeselect\"],[16,\"data-open\",[52,[30,0,[\"open\"]],\"true\",\"false\"]],[24,\"data-test-pretui-tree-select\",\"\"],[17,1],[24,\"data-scopedcss-cf437da5df-b810219660\",\"\"],[12],[1,\"\\n  \"],[11,\"button\"],[16,1,[29,[[30,0,[\"guid\"]],\"-trigger\"]]],[24,0,\"pretui-treeselect-trigger\"],[24,\"aria-haspopup\",\"tree\"],[16,\"aria-expanded\",[52,[30,0,[\"open\"]],\"true\",\"false\"]],[16,\"aria-controls\",[52,[30,0,[\"open\"]],[30,0,[\"treeId\"]]]],[16,\"aria-label\",[30,0,[\"triggerName\"]]],[16,\"disabled\",[30,2]],[24,\"data-test-pretui-tree-select-trigger\",\"\"],[24,\"data-scopedcss-cf437da5df-b810219660\",\"\"],[24,4,\"button\"],[4,[32,0],[\"click\",[30,0,[\"toggle\"]]],null],[12],[1,\"\\n\"],[41,[30,0,[\"chips\",\"length\"]],[[[1,\"      \"],[10,1],[14,0,\"pretui-treeselect-chips\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-cf437da5df-b810219660\",\"\"],[12],[1,\"\\n\"],[42,[28,[31,2],[[28,[31,2],[[30,0,[\"shownChips\"]]],null]],null],null,[[[1,\"          \"],[10,1],[14,0,\"pretui-treeselect-chip\"],[15,\"data-test-pretui-tree-select-chip\",[30,3,[\"id\"]]],[14,\"data-scopedcss-cf437da5df-b810219660\",\"\"],[12],[1,[30,3,[\"label\"]]],[13],[1,\"\\n\"]],[3]],null],[1,\"        \"],[41,[30,0,[\"moreCount\"]],[[[10,1],[14,0,\"pretui-treeselect-more\"],[14,\"data-test-pretui-tree-select-more\",\"\"],[14,\"data-scopedcss-cf437da5df-b810219660\",\"\"],[12],[1,\"+\"],[1,[30,0,[\"moreCount\"]]],[13]],[]],null],[1,\"\\n      \"],[13],[1,\"\\n\"]],[]],[[[1,\"      \"],[10,1],[14,0,\"pretui-treeselect-placeholder\"],[14,\"data-scopedcss-cf437da5df-b810219660\",\"\"],[12],[1,[52,[30,4],[30,4],\"Select\"]],[13],[1,\"\\n\"]],[]]],[1,\"    \"],[8,[32,1],[[24,0,\"pretui-treeselect-caret\"],[24,\"data-scopedcss-cf437da5df-b810219660\",\"\"]],null,null],[1,\"\\n  \"],[13],[1,\"\\n\"],[41,[30,0,[\"open\"]],[[[1,\"    \"],[11,\"ul\"],[16,1,[30,0,[\"treeId\"]]],[24,0,\"pretui-treeselect-tree\"],[24,\"role\",\"tree\"],[16,\"aria-label\",[52,[30,5],[30,5],\"Options\"]],[16,\"aria-multiselectable\",[52,[30,0,[\"multiple\"]],\"true\"]],[24,\"data-test-pretui-tree-select-tree\",\"\"],[24,\"data-scopedcss-cf437da5df-b810219660\",\"\"],[4,[32,0],[\"keydown\",[30,0,[\"onKeydown\"]]],null],[4,[32,2],[\"pointerdown\",[30,0,[\"onOutside\"]],true],null],[12],[1,\"\\n\"],[42,[28,[31,2],[[28,[31,2],[[30,0,[\"rows\"]]],null]],null],\"id\",[[[1,\"        \"],[11,\"li\"],[16,1,[30,6,[\"id\"]]],[24,0,\"pretui-treeselect-row\"],[24,\"role\",\"treeitem\"],[16,\"aria-level\",[30,6,[\"depth\"]]],[16,\"aria-posinset\",[30,6,[\"posinset\"]]],[16,\"aria-setsize\",[30,6,[\"setsize\"]]],[16,\"aria-expanded\",[52,[30,6,[\"branch\"]],[52,[30,6,[\"expanded\"]],\"true\",\"false\"]]],[16,\"aria-checked\",[52,[30,0,[\"multiple\"]],[30,6,[\"checked\"]]]],[16,\"aria-selected\",[52,[51,[30,0,[\"multiple\"]]],[52,[30,6,[\"selected\"]],\"true\",\"false\"]]],[16,\"aria-disabled\",[52,[30,6,[\"node\",\"disabled\"]],\"true\"]],[16,\"tabindex\",[52,[30,6,[\"focused\"]],\"0\",\"-1\"]],[16,\"data-depth\",[30,6,[\"depth\"]]],[16,\"data-test-pretui-tree-select-node\",[30,6,[\"node\",\"id\"]]],[24,\"data-scopedcss-cf437da5df-b810219660\",\"\"],[4,[32,3],[[30,6,[\"focused\"]]],null],[4,[32,0],[\"click\",[28,[32,4],[[30,0,[\"toggleNode\"]],[30,6,[\"node\"]]],null]],null],[12],[1,\"\\n\"],[41,[30,6,[\"branch\"]],[[[1,\"            \"],[11,1],[24,0,\"pretui-treeselect-twisty\"],[16,\"data-open\",[52,[30,6,[\"expanded\"]],\"true\",\"false\"]],[24,\"aria-hidden\",\"true\"],[16,\"data-test-pretui-tree-select-twisty\",[30,6,[\"node\",\"id\"]]],[24,\"data-scopedcss-cf437da5df-b810219660\",\"\"],[4,[32,0],[\"click\",[28,[32,4],[[30,0,[\"toggleExpand\"]],[30,6,[\"node\"]]],null]],null],[12],[13],[1,\"\\n\"]],[]],[[[1,\"            \"],[10,1],[14,0,\"pretui-treeselect-twisty-space\"],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-cf437da5df-b810219660\",\"\"],[12],[13],[1,\"\\n\"]],[]]],[41,[30,0,[\"multiple\"]],[[[1,\"            \"],[10,1],[14,0,\"pretui-treeselect-box\"],[15,\"data-state\",[30,6,[\"checked\"]]],[14,\"aria-hidden\",\"true\"],[14,\"data-scopedcss-cf437da5df-b810219660\",\"\"],[12],[13],[1,\"\\n\"]],[]],null],[1,\"          \"],[10,1],[14,0,\"pretui-treeselect-label\"],[14,\"data-scopedcss-cf437da5df-b810219660\",\"\"],[12],[1,[30,6,[\"node\",\"label\"]]],[13],[1,\"\\n        \"],[13],[1,\"\\n\"]],[6]],null],[1,\"    \"],[13],[1,\"\\n\"]],[]],null],[13],[1,\"\\n\"]],[\"&attrs\",\"@disabled\",\"node\",\"@placeholder\",\"@label\",\"row\"],[\"if\",\"each\",\"-track-array\",\"unless\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/pretui/components/tree-select.gts",
+			"scope": () => [
+				on,
+				Caret,
+				listenDocument,
+				focusWhen,
+				fn
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+//#region tests/integration/components/pretui-components-test.gts
+var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
+(0, import_qunit.module)("Integration | pretui components", function(hooks) {
+	setupRenderingTest(hooks);
+	(0, import_qunit.test)("Button renders from the workspace package with its axes resolved", async function(assert) {
+		await renderComponent(class TestDriver extends Component {
+			static {
+				setComponentTemplate(templateFactory({
+					"id": "kmeZtGvB",
+					"block": "[[[8,[32,0],null,[[\"@tone\",\"@appearance\",\"@size\"],[\"danger\",\"outlined\",\"l\"]],[[\"default\"],[[[[1,\"Delete\"]],[]]]]]],[],[]]",
+					"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/pretui-components-test.gts",
+					"scope": () => [Button],
+					"isStrictMode": true
+				}), this);
+			}
+		});
+		assert.dom("[data-test-pretui-button]").hasTagName("button");
+		assert.dom("[data-test-pretui-button]").hasText("Delete");
+		assert.dom("[data-test-pretui-button]").hasClass("pretui-btn");
+		assert.dom("[data-test-pretui-button]").hasAttribute("data-tone", "danger").hasAttribute("data-appearance", "outlined").hasAttribute("data-size", "l");
+	});
+	(0, import_qunit.test)("an icon passed to Button as a child is centred on the label line, like @icon", async function(assert) {
+		await renderComponent(class TestDriver extends Component {
+			static {
+				setComponentTemplate(templateFactory({
+					"id": "5WKhIkZg",
+					"block": "[[[42,[28,[31,1],[[28,[31,1],[[28,[32,0],[\"xs\",\"s\",\"m\",\"l\",\"xl\"],null]],null]],null],null,[[[1,\"  \"],[8,[32,1],null,[[\"@size\"],[[30,1]]],[[\"default\"],[[[[8,[32,2],[[24,\"width\",\"14\"],[24,\"height\",\"14\"],[24,\"aria-hidden\",\"true\"]],null,null],[1,\"New ticket\"]],[]]]]],[1,\"\\n  \"],[8,[32,1],null,[[\"@size\"],[[30,1]]],[[\"default\"],[[[[8,[32,2],[[24,\"width\",\"16\"],[24,\"height\",\"16\"],[24,\"aria-hidden\",\"true\"]],null,null],[1,\"New ticket\"]],[]]]]],[1,\"\\n  \"],[8,[32,1],null,[[\"@size\",\"@icon\"],[[30,1],[32,2]]],[[\"default\"],[[[[1,\"New ticket\"]],[]]]]],[1,\"\\n\"]],[1]],null]],[\"size\"],[\"each\",\"-track-array\"]]",
+					"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/pretui-components-test.gts",
+					"scope": () => [
+						array,
+						Button,
+						IconComponent$2
+					],
+					"isStrictMode": true
+				}), this);
+			}
+		});
+		let centre = (el) => {
+			let r = el.getBoundingClientRect();
+			return r.top + r.height / 2;
+		};
+		let labels = document.querySelectorAll("[data-test-pretui-button-label]");
+		assert.strictEqual(labels.length, 15);
+		for (let label of labels) {
+			let svg = label.querySelector("svg");
+			let size = label.closest("[data-size]").getAttribute("data-size");
+			let scale = label.getBoundingClientRect().height / label.clientHeight || 1;
+			let delta = Math.abs(centre(svg) - centre(label)) / scale;
+			assert.true(delta <= .5, `${size} ${svg.getAttribute("width") ?? "@icon"}: icon centre is ${delta}px from the label centre`);
+		}
+	});
+	(0, import_qunit.test)("a Select's options take the font size its trigger is given", async function(assert) {
+		let small = htmlSafe("--boxel-select-trigger-font-size: 0.625rem; --boxel-select-trigger-line-height: 1;");
+		let options = [{
+			value: "green",
+			label: "Green"
+		}, {
+			value: "oolong",
+			label: "Oolong"
+		}];
+		await renderComponent(class TestDriver extends Component {
+			static {
+				setComponentTemplate(templateFactory({
+					"id": "R5+BJRb5",
+					"block": "[[[8,[32,0],[[16,5,[32,1]]],[[\"@options\",\"@label\"],[[32,2],\"Tea\"]],null]],[],[]]",
+					"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/pretui-components-test.gts",
+					"scope": () => [
+						Select,
+						small,
+						options
+					],
+					"isStrictMode": true
+				}), this);
+			}
+		});
+		await click("[data-test-pretui-select-trigger]");
+		let option = document.querySelector("[role='listbox'] [data-test-pretui-select-option]");
+		let rootSize = parseFloat(getComputedStyle(document.documentElement).fontSize);
+		assert.strictEqual(getComputedStyle(option).fontSize, `${rootSize * .625}px`);
+	});
+	(0, import_qunit.test)("Switch toggles and notifies through the workspace package", async function(assert) {
+		let seen = [];
+		let onCheckedChange = (checked) => seen.push(checked);
+		await renderComponent(class TestDriver extends Component {
+			static {
+				setComponentTemplate(templateFactory({
+					"id": "vjAQ0g5A",
+					"block": "[[[8,[32,0],null,[[\"@onCheckedChange\"],[[32,1]]],null]],[],[]]",
+					"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/pretui-components-test.gts",
+					"scope": () => [Switch, onCheckedChange],
+					"isStrictMode": true
+				}), this);
+			}
+		});
+		assert.dom("[data-test-pretui-switch]").hasAttribute("aria-checked", "false");
+		await click("[data-test-pretui-switch]");
+		assert.dom("[data-test-pretui-switch]").hasAttribute("aria-checked", "true");
+		assert.deepEqual(seen, [true]);
+	});
+	(0, import_qunit.test)("a pressed IconButton is tinted unless @pressedTint is false", async function(assert) {
+		await renderComponent(class TestDriver extends Component {
+			static {
+				setComponentTemplate(templateFactory({
+					"id": "n1Dzu1ww",
+					"block": "[[[8,[32,0],[[24,\"data-test-unpressed\",\"\"]],[[\"@label\",\"@appearance\"],[\"Pin\",\"plain\"]],null],[1,\"\\n\"],[8,[32,0],[[24,\"data-test-tinted\",\"\"]],[[\"@label\",\"@appearance\",\"@pressed\"],[\"Pin\",\"plain\",true]],null],[1,\"\\n\"],[8,[32,0],[[24,\"data-test-untinted\",\"\"]],[[\"@label\",\"@appearance\",\"@pressed\",\"@pressedTint\"],[\"Pin\",\"plain\",true,false]],null]],[],[]]",
+					"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/pretui-components-test.gts",
+					"scope": () => [IconButton],
+					"isStrictMode": true
+				}), this);
+			}
+		});
+		let surface = (selector) => getComputedStyle(document.querySelector(selector)).getPropertyValue("--pretui-btn-surface").trim();
+		assert.notStrictEqual(surface("[data-test-tinted]"), surface("[data-test-unpressed]"), "pressed takes the tint");
+		assert.strictEqual(surface("[data-test-untinted]"), surface("[data-test-unpressed]"), "the opt-out keeps the unpressed surface");
+	});
+	(0, import_qunit.test)("an invalid Field gives every wrapped control the -ink edge and no tint", async function(assert) {
+		await renderComponent(class TestDriver extends Component {
+			static {
+				setComponentTemplate(templateFactory({
+					"id": "Oiq9U8zl",
+					"block": "[[[8,[32,0],null,[[\"@error\"],[\"Required\"]],[[\"default\"],[[[[1,\"\\n  \"],[8,[32,1],null,[[\"@controlId\"],[[30,1]]],null],[1,\"\\n\"]],[1]]]]],[1,\"\\n\"],[8,[32,0],null,[[\"@error\"],[\"Required\"]],[[\"default\"],[[[[1,\"\\n  \"],[8,[32,2],null,[[\"@controlId\"],[[30,2]]],null],[1,\"\\n\"]],[2]]]]],[1,\"\\n\"],[8,[32,0],null,[[\"@error\"],[\"Required\"]],[[\"default\"],[[[[1,\"\\n  \"],[8,[32,3],null,[[\"@controlId\"],[[30,3]]],null],[1,\"\\n\"]],[3]]]]]],[\"controlId\",\"controlId\",\"controlId\"],[]]",
+					"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/pretui-components-test.gts",
+					"scope": () => [
+						Field,
+						Input,
+						Textarea,
+						EmailInput
+					],
+					"isStrictMode": true
+				}), this);
+			}
+		});
+		let token = (selector, name) => getComputedStyle(document.querySelector(selector)).getPropertyValue(name).trim();
+		let input = "[data-test-pretui-input]";
+		assert.notStrictEqual(token(input, "--destructive-ink"), "");
+		assert.strictEqual(token(input, "--border"), token(input, "--destructive-ink"), "Input takes the -ink edge");
+		assert.strictEqual(token(input, "--background"), token(input, "--field"), "Input is not tinted");
+		for (let control of ["[data-test-pretui-textarea]", "[data-test-pretui-email-input]"]) {
+			assert.strictEqual(token(control, "--border"), token(control, "--destructive-ink"), `${control} takes the -ink edge`);
+			assert.strictEqual(token(control, "--background"), token(control, "--field"), `${control} is not tinted`);
+		}
+	});
+	(0, import_qunit.test)("a disabled control in an invalid Field drops the error edge", async function(assert) {
+		await renderComponent(class TestDriver extends Component {
+			static {
+				setComponentTemplate(templateFactory({
+					"id": "sugKaNAc",
+					"block": "[[[8,[32,0],null,[[\"@error\"],[\"Required\"]],[[\"default\"],[[[[1,\"\\n  \"],[8,[32,1],null,[[\"@controlId\",\"@disabled\"],[[30,1],true]],null],[1,\"\\n\"]],[1]]]]],[1,\"\\n\"],[8,[32,0],null,[[\"@error\"],[\"Required\"]],[[\"default\"],[[[[1,\"\\n  \"],[8,[32,2],null,[[\"@controlId\",\"@disabled\"],[[30,2],true]],null],[1,\"\\n\"]],[2]]]]]],[\"controlId\",\"controlId\"],[]]",
+					"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/pretui-components-test.gts",
+					"scope": () => [
+						Field,
+						Textarea,
+						EmailInput
+					],
+					"isStrictMode": true
+				}), this);
+			}
+		});
+		for (let control of ["[data-test-pretui-textarea]", "[data-test-pretui-email-input]"]) {
+			let style = getComputedStyle(document.querySelector(control));
+			assert.strictEqual(style.getPropertyValue("--border").trim(), style.getPropertyValue("--input").trim(), control);
+		}
+	});
+	(0, import_qunit.test)("a disabled option inside an enabled control keeps the invalid Field's error edge", async function(assert) {
+		let nodes = [{
+			id: "a",
+			label: "Apples"
+		}, {
+			id: "b",
+			label: "Bananas",
+			disabled: true
+		}];
+		await renderComponent(class TestDriver extends Component {
+			static {
+				setComponentTemplate(templateFactory({
+					"id": "xKh+Tgiy",
+					"block": "[[[8,[32,0],[[24,\"data-test-native-field\",\"\"]],[[\"@error\"],[\"Required\"]],[[\"default\"],[[[[1,\"\\n  \"],[8,[32,1],null,[[\"@controlId\",\"@placeholder\",\"@options\"],[[30,1],\"Pick one\",[28,[32,2],[[28,[32,3],null,[[\"value\",\"label\"],[\"a\",\"Apples\"]]]],null]]],null],[1,\"\\n\"]],[1]]]]],[1,\"\\n\"],[8,[32,0],[[24,\"data-test-tree-field\",\"\"]],[[\"@error\"],[\"Required\"]],[[\"default\"],[[[[1,\"\\n  \"],[8,[32,4],null,[[\"@nodes\"],[[32,5]]],null],[1,\"\\n\"]],[]]]]]],[\"controlId\"],[]]",
+					"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/pretui-components-test.gts",
+					"scope": () => [
+						Field,
+						NativeSelect,
+						array,
+						hash,
+						TreeSelect,
+						nodes
+					],
+					"isStrictMode": true
+				}), this);
+			}
+		});
+		await click("[data-test-pretui-tree-select-trigger]");
+		assert.dom("[data-test-pretui-tree-select-node=\"b\"]").hasAttribute("aria-disabled", "true");
+		for (let field of ["[data-test-native-field]", "[data-test-tree-field]"]) {
+			let style = getComputedStyle(document.querySelector(field));
+			assert.notStrictEqual(style.getPropertyValue("--destructive-ink"), "");
+			assert.strictEqual(style.getPropertyValue("--input").trim(), style.getPropertyValue("--destructive-ink").trim(), field);
+		}
+	});
+	(0, import_qunit.test)("an invalid Textarea leaves its end inset to BoxelInput's validation icon column", async function(assert) {
+		await renderComponent(class TestDriver extends Component {
+			static {
+				setComponentTemplate(templateFactory({
+					"id": "f9Br1K/d",
+					"block": "[[[8,[32,0],[[24,\"data-test-invalid\",\"\"]],[[\"@invalid\"],[true]],null]],[],[]]",
+					"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/pretui-components-test.gts",
+					"scope": () => [Textarea],
+					"isStrictMode": true
+				}), this);
+			}
+		});
+		let textarea = document.querySelector("[data-test-invalid]");
+		assert.strictEqual(textarea.style.paddingInlineEnd, "", "no inline end padding overrides the column BoxelInput reserves");
+	});
+	(0, import_qunit.test)("a disabled Input drops the error edge", async function(assert) {
+		await renderComponent(class TestDriver extends Component {
+			static {
+				setComponentTemplate(templateFactory({
+					"id": "cJjYktCL",
+					"block": "[[[8,[32,0],null,[[\"@invalid\",\"@disabled\"],[true,true]],null],[1,\"\\n\"],[8,[32,1],null,[[\"@error\"],[\"Required\"]],[[\"default\"],[[[[1,\"\\n  \"],[8,[32,0],null,[[\"@controlId\",\"@disabled\"],[[30,1],true]],null],[1,\"\\n\"]],[1]]]]]],[\"controlId\"],[]]",
+					"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/pretui-components-test.gts",
+					"scope": () => [Input, Field],
+					"isStrictMode": true
+				}), this);
+			}
+		});
+		let wrappers = [...document.querySelectorAll("[data-test-pretui-input]")].map((el) => getComputedStyle(el));
+		assert.strictEqual(wrappers.length, 2);
+		for (let style of wrappers) assert.strictEqual(style.getPropertyValue("--border").trim(), style.getPropertyValue("--input").trim());
+	});
+	(0, import_qunit.test)("Input dims when disabled, not when read-only", async function(assert) {
+		await renderComponent(class TestDriver extends Component {
+			static {
+				setComponentTemplate(templateFactory({
+					"id": "DzPGPv7n",
+					"block": "[[[8,[32,0],[[24,\"data-test-disabled\",\"\"]],[[\"@disabled\"],[true]],null],[1,\"\\n\"],[8,[32,0],[[24,\"data-test-readonly\",\"\"]],[[\"@readonly\"],[true]],null],[1,\"\\n\"],[8,[32,0],[[24,\"data-test-both\",\"\"]],[[\"@disabled\",\"@readonly\"],[true,true]],null]],[],[]]",
+					"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/pretui-components-test.gts",
+					"scope": () => [Input],
+					"isStrictMode": true
+				}), this);
+			}
+		});
+		let opacity = (selector) => getComputedStyle(document.querySelector(selector)).opacity;
+		assert.strictEqual(opacity("[data-test-disabled]"), "0.45");
+		assert.strictEqual(opacity("[data-test-readonly]"), "1");
+		assert.strictEqual(opacity("[data-test-both]"), "0.45", "disabled wins over read-only");
+	});
+});
+//#endregion