@well-insight/ui 0.1.10 → 0.1.12

package/dist/toast/index.js

@@ -1,63 +1,64 @@
 import { t as e } from "../types-tV3SEv3Q.js";
-import { n as t } from "../overlay-oR-5MDuE.js";
-import { i as n, r, t as i } from "../Renderable-IhqISc5E.js";
-import { c as a } from "../config-DWwce9jA.js";
-import { t as o } from "../overlayHost-Bdc0ZDhU.js";
-import { n as s, t as c } from "../locale-CYkJyRd1.js";
+import { t } from "../Icon-DHGs8l-M.js";
+import { n } from "../overlay-oR-5MDuE.js";
+import { i as r, r as i, t as a } from "../Renderable-IhqISc5E.js";
+import { c as o } from "../config-CTLkobga.js";
+import { t as s } from "../overlayHost-Bdc0ZDhU.js";
+import { n as c, t as l } from "../locale-DxAvgqgB.js";
 import "./style.js";
-import { Fragment as l, Teleport as u, TransitionGroup as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createVNode as _, defineComponent as v, h as y, normalizeClass as b, onBeforeUnmount as x, onMounted as S, openBlock as C, reactive as w, renderList as T, unref as E, watch as D, withCtx as O } from "vue";
+import { Fragment as u, Teleport as d, TransitionGroup as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createVNode as v, defineComponent as y, h as b, normalizeClass as x, onBeforeUnmount as S, onMounted as C, openBlock as w, reactive as T, renderList as E, unref as D, watch as O, withCtx as k } from "vue";
 //#region src/components/Toast/toastState.ts
-var k = w({
+var A = T({
 	messages: [],
 	position: "top-right",
 	max: void 0
-}), A = null, j = 0, M = /* @__PURE__ */ new Map();
-function N(e) {
-	A = e;
-}
-function P() {
-	j += 1, A &&= (A.unmount(), null);
+}), j = null, M = 0, N = /* @__PURE__ */ new Map();
+function P(e) {
+	j = e;
 }
 function F() {
-	j = Math.max(0, j - 1);
+	M += 1, j &&= (j.unmount(), null);
+}
+function I() {
+	M = Math.max(0, M - 1);
 }
-function I(e) {
-	let t = M.get(e);
-	t != null && clearTimeout(t), M.delete(e);
+function L(e) {
+	let t = N.get(e);
+	t != null && clearTimeout(t), N.delete(e);
 }
-function L(e, t) {
-	I(e.id), !(e.life == null || e.life <= 0) && M.set(e.id, setTimeout(() => {
+function R(e, t) {
+	L(e.id), !(e.life == null || e.life <= 0) && N.set(e.id, setTimeout(() => {
 		t(e.id);
 	}, e.life));
 }
-function R(e) {
+function z(e) {
 	if (e == null) {
-		z();
+		B();
 		return;
 	}
-	I(e), k.messages = k.messages.filter((t) => t.id !== e);
+	L(e), A.messages = A.messages.filter((t) => t.id !== e);
 }
-function z() {
-	for (let e of [...M.keys()]) I(e);
-	k.messages = [];
+function B() {
+	for (let e of [...N.keys()]) L(e);
+	A.messages = [];
 }
-function B(e) {
-	if (!(e == null || e <= 0)) for (; k.messages.length >= e;) {
-		let e = k.messages[0];
+function V(e) {
+	if (!(e == null || e <= 0)) for (; A.messages.length >= e;) {
+		let e = A.messages[0];
 		if (!e) break;
-		R(e.id);
+		z(e.id);
 	}
 }
-function V(e) {
-	if (!(e == null || e <= 0)) for (; k.messages.length > e;) {
-		let e = k.messages[0];
+function H(e) {
+	if (!(e == null || e <= 0)) for (; A.messages.length > e;) {
+		let e = A.messages[0];
 		if (!e) break;
-		R(e.id);
+		z(e.id);
 	}
 }
 //#endregion
 //#region src/components/Toast/Toast.vue?vue&type=script&setup=true&lang.ts
-var H = { class: "wi-toast__content" }, U = { key: 0 }, W = ["aria-label", "onClick"], G = /* @__PURE__ */ v({
+var U = { class: "wi-toast__content" }, W = { key: 0 }, G = ["aria-label", "onClick"], K = /* @__PURE__ */ y({
 	__name: "Toast",
 	props: {
 		messages: {},
@@ -74,92 +75,95 @@ var H = { class: "wi-toast__content" }, U = { key: 0 }, W = ["aria-label", "onCl
 		}
 	},
 	emits: ["close"],
-	setup(r, { emit: o }) {
-		let v = r, y = o, w = a(), A = s(), j = f(() => t(v, w.value.appendTo)), M = f(() => v.messages === void 0), N = f(() => v.messages ?? k.messages), I = f(() => v.position ?? (M.value ? k.position : "top-right"));
-		S(() => {
-			M.value && !v.auto && P();
-		}), x(() => {
-			M.value && !v.auto && F();
-		}), D(() => v.max, (e) => {
-			!M.value || e === void 0 || (k.max = e, V(e));
+	setup(i, { emit: s }) {
+		let y = i, b = s, T = o(), j = c(), M = p(() => n(y, T.value.appendTo)), N = p(() => y.messages === void 0), P = p(() => y.messages ?? A.messages), L = p(() => y.position ?? (N.value ? A.position : "top-right"));
+		C(() => {
+			N.value && !y.auto && F();
+		}), S(() => {
+			N.value && !y.auto && I();
+		}), O(() => y.max, (e) => {
+			!N.value || e === void 0 || (A.max = e, H(e));
 		}, { immediate: !0 });
-		function L(t) {
+		function R(t) {
 			return `wi-toast__message--${e(t) ?? "info"}`;
 		}
-		function z(e) {
-			return c(A.value.closeNamed, { summary: n(e.summary) || "toast" });
-		}
 		function B(e) {
-			M.value && R(e.id), y("close", e);
+			return l(j.value.closeNamed, { summary: r(e.summary) || "toast" });
+		}
+		function V(e) {
+			N.value && z(e.id), b("close", e);
 		}
-		return (e, t) => (C(), p(u, {
-			to: j.value.to,
-			disabled: j.value.disabled
-		}, [g("div", {
-			class: b(["wi-toast", `wi-toast--${I.value}`]),
+		return (e, n) => (w(), m(d, {
+			to: M.value.to,
+			disabled: M.value.disabled
+		}, [_("div", {
+			class: x(["wi-toast", `wi-toast--${L.value}`]),
 			"aria-live": "polite",
 			"aria-atomic": "true"
-		}, [_(d, { name: "wi-slide-fade" }, {
-			default: O(() => [(C(!0), h(l, null, T(N.value, (e) => (C(), h("article", {
+		}, [v(f, { name: "wi-slide-fade" }, {
+			default: k(() => [(w(!0), g(u, null, E(P.value, (e) => (w(), g("article", {
 				key: e.id,
-				class: b(["wi-toast__message", L(e.severity)]),
+				class: x(["wi-toast__message", R(e.severity)]),
 				role: "status"
-			}, [g("div", H, [g("strong", null, [_(E(i), { value: e.summary }, null, 8, ["value"])]), e.detail != null && e.detail !== "" ? (C(), h("p", U, [_(E(i), { value: e.detail }, null, 8, ["value"])])) : m("", !0)]), e.closable === !1 ? m("", !0) : (C(), h("button", {
+			}, [_("div", U, [_("strong", null, [v(D(a), { value: e.summary }, null, 8, ["value"])]), e.detail != null && e.detail !== "" ? (w(), g("p", W, [v(D(a), { value: e.detail }, null, 8, ["value"])])) : h("", !0)]), e.closable === !1 ? h("", !0) : (w(), g("button", {
 				key: 0,
 				type: "button",
 				class: "wi-toast__close",
-				"aria-label": z(e),
-				onClick: (t) => B(e)
-			}, " × ", 8, W))], 2))), 128))]),
+				"aria-label": B(e),
+				onClick: (t) => V(e)
+			}, [v(t, {
+				name: "close",
+				size: "sm"
+			})], 8, G))], 2))), 128))]),
 			_: 1
 		})], 2)], 8, ["to", "disabled"]));
 	}
-}), K = 3e3, q = 0, J = v({
+}), q = 3e3, J = 0, Y = y({
 	name: "WiToastAutoHost",
 	setup() {
-		return () => y(G, { auto: !0 });
+		return () => b(K, { auto: !0 });
 	}
 });
-function Y() {
-	typeof document > "u" || j > 0 || A || N(o(J, "wi-toast-host-root"));
+function X() {
+	typeof document > "u" || M > 0 || j || P(s(Y, "wi-toast-host-root"));
 }
-function X(e, t) {
-	let n = r(e) ? e : { summary: e };
-	return n.position && (k.position = n.position), {
-		id: n.id ?? `wi-toast-${Date.now()}-${++q}`,
+function Z(e, t) {
+	let n = i(e) ? e : { summary: e };
+	return n.position && (A.position = n.position), {
+		id: n.id ?? `wi-toast-${Date.now()}-${++J}`,
 		summary: n.summary,
 		detail: n.detail,
 		severity: t ?? n.severity ?? "info",
 		closable: n.closable ?? !0,
-		life: n.life === void 0 ? K : n.life
+		life: n.life === void 0 ? q : n.life
 	};
 }
-function Z(e, t) {
-	Y(), B(k.max);
-	let n = X(e, t);
-	return k.messages = [...k.messages, n], L(n, R), {
+function Q(e, t) {
+	X(), V(A.max);
+	let n = Z(e, t);
+	return A.messages = [...A.messages, n], R(n, z), {
 		id: n.id,
-		close: () => R(n.id)
+		close: () => z(n.id)
 	};
 }
-var Q = {
-	add: (e) => Z(e),
-	success: (e) => Z(e, "success"),
-	info: (e) => Z(e, "info"),
-	warn: (e) => Z(e, "warn"),
-	warning: (e) => Z(e, "warn"),
-	error: (e) => Z(e, "error"),
-	remove: R,
-	clear: z,
-	close: R,
-	closeAll: z,
-	destroyAll: z,
+var $ = {
+	add: (e) => Q(e),
+	success: (e) => Q(e, "success"),
+	info: (e) => Q(e, "info"),
+	warn: (e) => Q(e, "warn"),
+	warning: (e) => Q(e, "warn"),
+	error: (e) => Q(e, "error"),
+	remove: z,
+	clear: B,
+	close: z,
+	closeAll: B,
+	destroyAll: B,
 	setDefaults(e) {
-		e.position && (k.position = e.position), e.max !== void 0 && (k.max = e.max);
+		e.position && (A.position = e.position), e.max !== void 0 && (A.max = e.max);
 	}
 };
-function $() {
-	return Q;
+function ee() {
+	return $;
 }
 //#endregion
-export { G as WiToast, Q as toast, $ as useToast };
+export { K as WiToast, $ as toast, ee as useToast };

package/dist/toast/style.css

@@ -480,8 +480,8 @@
     font-size: var(--wi-font-size-xs);
 }
 
-.wi-textarea-field__help--error,
-.wi-select-field__help--error {
+.wi-textarea-field__help--invalid,
+.wi-select-field__help--invalid {
     color: var(--wi-color-danger);
 }
 
@@ -500,9 +500,8 @@
 }
 
 .wi-textarea--invalid:focus-visible,
-.wi-textarea--error:focus-visible,
-.wi-select--error.wi-select--open,
-.wi-select--error:focus-visible {
+.wi-select--invalid.wi-select--open,
+.wi-select--invalid:focus-visible {
     border-color: var(--wi-color-danger);
     box-shadow: var(--wi-focus-shadow-danger);
 }
@@ -750,6 +749,45 @@
     line-height: 1;
 }
 
+.wi-icon {
+    display: inline-flex;
+    height: 1rem;
+    width: 1rem;
+}
+
+.wi-icon svg {
+    height: 100%;
+    width: 100%;
+}
+
+.wi-icon--sm,
+.wi-icon--small {
+    height: 0.875rem;
+    width: 0.875rem;
+}
+
+.wi-icon--md,
+.wi-icon--normal {
+    height: 1rem;
+    width: 1rem;
+}
+
+.wi-icon--lg,
+.wi-icon--large {
+    height: 1.25rem;
+    width: 1.25rem;
+}
+
+.wi-icon--spin svg {
+    animation: wi-icon-spin 0.8s linear infinite;
+}
+
+@keyframes wi-icon-spin {
+    to {
+        transform: rotate(360deg);
+    }
+}
+
 .wi-toast {
     display: grid;
     gap: var(--wi-space-3);

package/dist/toast/style.js

@@ -1,3 +1,4 @@
 import '../theme/styles.css'
 import '../styles/base.css'
+import '../components/Icon/styles.css'
 import '../components/Toast/styles.css'

package/dist/toggle-button/index.js

@@ -1,4 +1,4 @@
-import { o as e } from "../config-DWwce9jA.js";
+import { o as e } from "../config-CTLkobga.js";
 import "./style.js";
 import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, toDisplayString as c } from "vue";
 //#region src/components/ToggleButton/ToggleButton.vue?vue&type=script&setup=true&lang.ts

package/dist/toggle-button/style.css

@@ -480,8 +480,8 @@
     font-size: var(--wi-font-size-xs);
 }
 
-.wi-textarea-field__help--error,
-.wi-select-field__help--error {
+.wi-textarea-field__help--invalid,
+.wi-select-field__help--invalid {
     color: var(--wi-color-danger);
 }
 
@@ -500,9 +500,8 @@
 }
 
 .wi-textarea--invalid:focus-visible,
-.wi-textarea--error:focus-visible,
-.wi-select--error.wi-select--open,
-.wi-select--error:focus-visible {
+.wi-select--invalid.wi-select--open,
+.wi-select--invalid:focus-visible {
     border-color: var(--wi-color-danger);
     box-shadow: var(--wi-focus-shadow-danger);
 }

package/dist/toolbar/index.js

@@ -1,11 +1,8 @@
+import { t as e } from "../_plugin-vue_export-helper-B3ysoDQm.js";
 import "./style.js";
-import { createCommentVNode as e, createElementBlock as t, openBlock as n, renderSlot as r } from "vue";
-//#region \0plugin-vue:export-helper
-var i = (e, t) => {
-	let n = e.__vccOpts || e;
-	for (let [e, r] of t) n[e] = r;
-	return n;
-}, a = {}, o = {
+import { createCommentVNode as t, createElementBlock as n, openBlock as r, renderSlot as i } from "vue";
+//#region src/components/Toolbar/Toolbar.vue
+var a = {}, o = {
 	class: "wi-toolbar",
 	role: "toolbar"
 }, s = {
@@ -18,13 +15,13 @@ var i = (e, t) => {
 	key: 2,
 	class: "wi-toolbar__end"
 };
-function u(i, a) {
-	return n(), t("div", o, [
-		i.$slots.start ? (n(), t("div", s, [r(i.$slots, "start")])) : e("", !0),
-		i.$slots.center ? (n(), t("div", c, [r(i.$slots, "center")])) : e("", !0),
-		i.$slots.end ? (n(), t("div", l, [r(i.$slots, "end")])) : e("", !0)
+function u(e, a) {
+	return r(), n("div", o, [
+		e.$slots.start ? (r(), n("div", s, [i(e.$slots, "start")])) : t("", !0),
+		e.$slots.center ? (r(), n("div", c, [i(e.$slots, "center")])) : t("", !0),
+		e.$slots.end ? (r(), n("div", l, [i(e.$slots, "end")])) : t("", !0)
 	]);
 }
-var d = /*#__PURE__*/ i(a, [["render", u]]);
+var d = /*#__PURE__*/ e(a, [["render", u]]);
 //#endregion
 export { d as WiToolbar };

package/dist/toolbar/style.css

@@ -480,8 +480,8 @@
     font-size: var(--wi-font-size-xs);
 }
 
-.wi-textarea-field__help--error,
-.wi-select-field__help--error {
+.wi-textarea-field__help--invalid,
+.wi-select-field__help--invalid {
     color: var(--wi-color-danger);
 }
 
@@ -500,9 +500,8 @@
 }
 
 .wi-textarea--invalid:focus-visible,
-.wi-textarea--error:focus-visible,
-.wi-select--error.wi-select--open,
-.wi-select--error:focus-visible {
+.wi-select--invalid.wi-select--open,
+.wi-select--invalid:focus-visible {
     border-color: var(--wi-color-danger);
     box-shadow: var(--wi-focus-shadow-danger);
 }

package/dist/tooltip/index.js

@@ -1,10 +1,11 @@
 import { n as e, t } from "../overlay-oR-5MDuE.js";
-import { c as n } from "../config-DWwce9jA.js";
+import { n, t as r } from "../overlayPlacement-CN1tuC95.js";
+import { c as i } from "../config-CTLkobga.js";
 import "./style.js";
-import { Teleport as r, Transition as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createVNode as l, defineComponent as u, nextTick as d, normalizeClass as f, normalizeStyle as p, onBeforeUnmount as m, openBlock as h, ref as g, renderSlot as _, toDisplayString as v, watch as y, withCtx as b } from "vue";
+import { Teleport as a, Transition as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createVNode as d, defineComponent as f, nextTick as p, normalizeClass as m, normalizeStyle as h, onBeforeUnmount as g, openBlock as _, ref as v, renderSlot as y, toDisplayString as b, watch as x, withCtx as S } from "vue";
 //#endregion
 //#region src/components/Tooltip/Tooltip.vue
-var x = /* @__PURE__ */ u({
+var C = /* @__PURE__ */ f({
 	__name: "Tooltip",
 	props: {
 		content: {},
@@ -22,95 +23,70 @@ var x = /* @__PURE__ */ u({
 		},
 		appendTo: {}
 	},
-	setup(u) {
-		let x = u, S = n(), C = g(null), w = g(!1), T = g({}), E = a(() => e(x, S.value.appendTo)), D = a(() => t(x, S.value.appendTo)), O = null, k = null;
-		function A() {
-			O !== null && (clearTimeout(O), O = null), k !== null && (clearTimeout(k), k = null);
-		}
-		function j(e) {
-			if (e != null) return typeof e == "number" ? `${e}px` : e;
-		}
+	setup(f) {
+		let C = f, w = i(), T = v(null), E = v(!1), D = v({}), O = s(() => e(C, w.value.appendTo)), k = s(() => t(C, w.value.appendTo)), A = null, j = null;
 		function M() {
-			if (!D.value || !C.value) return;
-			let e = C.value.getBoundingClientRect(), t = e.left + e.width / 2, n = e.top + e.height / 2, r = j(x.maxWidth);
-			x.placement === "top" ? T.value = {
-				left: `${t}px`,
-				top: `${e.top - 8}px`,
-				transform: "translate(-50%, -100%)",
-				...r ? { maxWidth: r } : {}
-			} : x.placement === "bottom" ? T.value = {
-				left: `${t}px`,
-				top: `${e.bottom + 8}px`,
-				transform: "translateX(-50%)",
-				...r ? { maxWidth: r } : {}
-			} : x.placement === "left" ? T.value = {
-				left: `${e.left - 8}px`,
-				top: `${n}px`,
-				transform: "translate(-100%, -50%)",
-				...r ? { maxWidth: r } : {}
-			} : T.value = {
-				left: `${e.right + 8}px`,
-				top: `${n}px`,
-				transform: "translateY(-50%)",
-				...r ? { maxWidth: r } : {}
-			};
+			A !== null && (clearTimeout(A), A = null), j !== null && (clearTimeout(j), j = null);
 		}
 		function N() {
-			w.value = !0, d(M);
+			!k.value || !T.value || (D.value = r(T.value.getBoundingClientRect(), C.placement, { maxWidth: n(C.maxWidth) }));
 		}
 		function P() {
-			if (!x.disabled) {
-				if (A(), x.showDelay > 0) {
-					O = setTimeout(() => {
-						N(), O = null;
-					}, x.showDelay);
+			E.value = !0, p(N);
+		}
+		function F() {
+			if (!C.disabled) {
+				if (M(), C.showDelay > 0) {
+					A = setTimeout(() => {
+						P(), A = null;
+					}, C.showDelay);
 					return;
 				}
-				N();
+				P();
 			}
 		}
-		function F() {
-			if (A(), x.hideDelay > 0) {
-				k = setTimeout(() => {
-					w.value = !1, k = null;
-				}, x.hideDelay);
+		function I() {
+			if (M(), C.hideDelay > 0) {
+				j = setTimeout(() => {
+					E.value = !1, j = null;
+				}, C.hideDelay);
 				return;
 			}
-			w.value = !1;
+			E.value = !1;
 		}
-		function I() {
-			w.value && M();
+		function L() {
+			E.value && N();
 		}
-		y(w, (e) => {
-			e && D.value ? (window.addEventListener("resize", I), window.addEventListener("scroll", I, !0)) : (window.removeEventListener("resize", I), window.removeEventListener("scroll", I, !0));
-		}), m(() => {
-			A(), window.removeEventListener("resize", I), window.removeEventListener("scroll", I, !0);
+		x(E, (e) => {
+			e && k.value ? (window.addEventListener("resize", L), window.addEventListener("scroll", L, !0)) : (window.removeEventListener("resize", L), window.removeEventListener("scroll", L, !0));
+		}), g(() => {
+			M(), window.removeEventListener("resize", L), window.removeEventListener("scroll", L, !0);
 		});
-		let L = a(() => {
-			let e = j(x.maxWidth);
-			return D.value ? T.value : e ? { maxWidth: e } : void 0;
+		let R = s(() => {
+			let e = n(C.maxWidth);
+			return k.value ? D.value : e ? { maxWidth: e } : void 0;
 		});
-		return (e, t) => (h(), c("span", {
+		return (e, t) => (_(), u("span", {
 			ref_key: "root",
-			ref: C,
+			ref: T,
 			class: "wi-tooltip",
-			onMouseenter: P,
-			onMouseleave: F,
-			onFocusin: P,
-			onFocusout: F
-		}, [_(e.$slots, "default"), (h(), o(r, {
-			to: E.value.to,
-			disabled: E.value.disabled
-		}, [l(i, { name: "wi-fade" }, {
-			default: b(() => [w.value ? (h(), c("span", {
+			onMouseenter: F,
+			onMouseleave: I,
+			onFocusin: F,
+			onFocusout: I
+		}, [y(e.$slots, "default"), (_(), c(a, {
+			to: O.value.to,
+			disabled: O.value.disabled
+		}, [d(o, { name: "wi-fade" }, {
+			default: S(() => [E.value ? (_(), u("span", {
 				key: 0,
-				class: f(["wi-tooltip__content", [`wi-tooltip__content--${u.placement}`, { "wi-tooltip__content--teleported": D.value }]]),
-				style: p(L.value),
+				class: m(["wi-tooltip__content", [`wi-tooltip__content--${f.placement}`, { "wi-tooltip__content--teleported": k.value }]]),
+				style: h(R.value),
 				role: "tooltip"
-			}, v(u.content), 7)) : s("", !0)]),
+			}, b(f.content), 7)) : l("", !0)]),
 			_: 1
 		})], 8, ["to", "disabled"]))], 544));
 	}
 });
 //#endregion
-export { x as WiTooltip };
+export { C as WiTooltip };

package/dist/tooltip/style.css

@@ -480,8 +480,8 @@
     font-size: var(--wi-font-size-xs);
 }
 
-.wi-textarea-field__help--error,
-.wi-select-field__help--error {
+.wi-textarea-field__help--invalid,
+.wi-select-field__help--invalid {
     color: var(--wi-color-danger);
 }
 
@@ -500,9 +500,8 @@
 }
 
 .wi-textarea--invalid:focus-visible,
-.wi-textarea--error:focus-visible,
-.wi-select--error.wi-select--open,
-.wi-select--error:focus-visible {
+.wi-select--invalid.wi-select--open,
+.wi-select--invalid:focus-visible {
     border-color: var(--wi-color-danger);
     box-shadow: var(--wi-focus-shadow-danger);
 }

package/dist/tree/index.js

@@ -1,7 +1,7 @@
-import { a as e, t } from "../Icon-B6gOD07E.js";
-import { t as n } from "../Checkbox-BvlOYFGs.js";
+import { a as e, t } from "../Icon-DHGs8l-M.js";
+import { t as n } from "../Checkbox-CoovLjt_.js";
 import { a as r, c as i, n as a, o, s, t as c } from "../checkStrategy-CZzuUKDI.js";
-import { n as l } from "../locale-CYkJyRd1.js";
+import { n as l } from "../locale-DxAvgqgB.js";
 import "./style.js";
 import { Fragment as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, defineComponent as _, inject as v, normalizeClass as y, openBlock as b, provide as x, reactive as S, ref as C, renderList as w, resolveDynamicComponent as T, toDisplayString as E, unref as D, useSlots as O, watch as k, withModifiers as A } from "vue";
 //#region src/components/Tree/context.ts

package/dist/tree/style.css

@@ -480,8 +480,8 @@
     font-size: var(--wi-font-size-xs);
 }
 
-.wi-textarea-field__help--error,
-.wi-select-field__help--error {
+.wi-textarea-field__help--invalid,
+.wi-select-field__help--invalid {
     color: var(--wi-color-danger);
 }
 
@@ -500,9 +500,8 @@
 }
 
 .wi-textarea--invalid:focus-visible,
-.wi-textarea--error:focus-visible,
-.wi-select--error.wi-select--open,
-.wi-select--error:focus-visible {
+.wi-select--invalid.wi-select--open,
+.wi-select--invalid:focus-visible {
     border-color: var(--wi-color-danger);
     box-shadow: var(--wi-focus-shadow-danger);
 }