@well-insight/ui 0.1.10 → 0.1.12

package/dist/menu/index.js

@@ -1,47 +1,49 @@
-import { a as e, t } from "../Icon-B6gOD07E.js";
-import { n, t as r } from "../overlay-oR-5MDuE.js";
-import { c as i } from "../config-DWwce9jA.js";
+import { t as e } from "../Icon-DHGs8l-M.js";
+import { n as t, t as n } from "../overlay-oR-5MDuE.js";
+import { t as r } from "../icon-Cg5TeFqe.js";
+import { t as i } from "../key-CaQYVkjh.js";
+import { c as a } from "../config-CTLkobga.js";
 import "./style.js";
-import { Fragment as a, Teleport as o, Transition as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as p, createVNode as m, defineComponent as h, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as v, openBlock as y, ref as b, renderList as x, toDisplayString as S, watch as C, withCtx as w } from "vue";
+import { Fragment as o, Teleport as s, Transition as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, normalizeClass as _, normalizeStyle as v, onBeforeUnmount as y, openBlock as b, ref as x, renderList as S, toDisplayString as C, watch as w, withCtx as T } from "vue";
 //#region src/components/Menu/MenuNodes.vue?vue&type=script&setup=true&lang.ts
-var T = {
+var E = {
 	key: 0,
 	class: "wi-menu__separator",
 	role: "separator"
-}, E = {
+}, D = {
 	key: 1,
 	class: "wi-menu__group"
-}, D = [
+}, O = [
 	"disabled",
 	"aria-expanded",
 	"onClick"
-], O = {
+], k = {
 	key: 0,
 	class: "wi-menu__icon",
 	"aria-hidden": "true"
-}, k = {
+}, A = {
 	key: 1,
 	class: "wi-menu__label"
-}, A = {
+}, j = {
 	key: 2,
 	class: "wi-menu__caret",
 	"aria-hidden": "true"
-}, j = {
+}, M = {
 	key: 0,
 	class: "wi-menu__submenu",
 	role: "group"
-}, M = [
+}, N = [
 	"disabled",
 	"title",
 	"onClick"
-], N = {
+], P = {
 	key: 0,
 	class: "wi-menu__icon",
 	"aria-hidden": "true"
-}, P = {
+}, F = {
 	key: 1,
 	class: "wi-menu__label"
-}, F = /* @__PURE__ */ h({
+}, I = /* @__PURE__ */ g({
 	__name: "MenuNodes",
 	props: {
 		items: {},
@@ -51,71 +53,74 @@ var T = {
 		selectedKey: {}
 	},
 	emits: ["activate"],
-	setup(n, { emit: r }) {
-		let i = n, o = b({});
-		function s(e, t) {
-			return e.key ?? e.label ?? `item-${i.depth}-${t}`;
+	setup(t, { emit: n }) {
+		let a = t, s = x({});
+		function c(e, t) {
+			return i(e, t, `item-${a.depth}`);
 		}
-		function h(e) {
+		function g(e) {
 			let t = e.key ?? e.label;
-			return !!(t && t === i.selectedKey);
+			return !!(t && t === a.selectedKey);
 		}
-		function v(e, t) {
+		function y(e, t) {
 			if (e.disabled) return;
-			let n = s(e, t);
-			o.value = {
-				...o.value,
-				[n]: !o.value[n]
+			let n = c(e, t);
+			s.value = {
+				...s.value,
+				[n]: !s.value[n]
 			};
 		}
-		function C(t) {
-			return t.icon && e(t.icon) ? t.icon : void 0;
+		function w(e) {
+			return r(e.icon);
 		}
-		let w = c(() => i.collapsed ? 0 : i.depth * i.indent);
-		return (e, r) => (y(!0), d(a, null, x(n.items, (i, c) => (y(), d(a, { key: s(i, c) }, [i.separator ? (y(), d("div", T)) : i.items?.length ? (y(), d("div", E, [f("button", {
+		let T = l(() => a.collapsed ? 0 : a.depth * a.indent);
+		return (n, r) => (b(!0), f(o, null, S(t.items, (i, a) => (b(), f(o, { key: c(i, a) }, [i.separator ? (b(), f("div", E)) : i.items?.length ? (b(), f("div", D, [p("button", {
 			type: "button",
-			class: g(["wi-menu__item wi-menu__item--parent", { "wi-menu__item--selected": h(i) }]),
+			class: _(["wi-menu__item wi-menu__item--parent", { "wi-menu__item--selected": g(i) }]),
 			disabled: i.disabled,
-			style: _({ paddingLeft: `${12 + w.value}px` }),
-			"aria-expanded": !!o.value[s(i, c)],
-			onClick: (e) => v(i, c)
+			style: v({ paddingLeft: `${12 + T.value}px` }),
+			"aria-expanded": !!s.value[c(i, a)],
+			onClick: (e) => y(i, a)
 		}, [
-			C(i) || i.icon ? (y(), d("span", O, [C(i) ? (y(), l(t, {
+			w(i) || i.icon ? (b(), f("span", k, [w(i) ? (b(), u(e, {
 				key: 0,
-				name: C(i),
+				name: w(i),
+				size: "sm"
+			}, null, 8, ["name"])) : (b(), f(o, { key: 1 }, [m(C(i.icon), 1)], 64))])) : d("", !0),
+			t.collapsed ? d("", !0) : (b(), f("span", A, C(i.label), 1)),
+			t.collapsed ? d("", !0) : (b(), f("span", j, [h(e, {
+				name: s.value[c(i, a)] ? "chevron-down" : "chevron-right",
 				size: "sm"
-			}, null, 8, ["name"])) : (y(), d(a, { key: 1 }, [p(S(i.icon), 1)], 64))])) : u("", !0),
-			n.collapsed ? u("", !0) : (y(), d("span", k, S(i.label), 1)),
-			n.collapsed ? u("", !0) : (y(), d("span", A, S(o.value[s(i, c)] ? "▾" : "▸"), 1))
-		], 14, D), o.value[s(i, c)] ? (y(), d("div", j, [m(F, {
+			}, null, 8, ["name"])]))
+		], 14, O), s.value[c(i, a)] ? (b(), f("div", M, [h(I, {
 			items: i.items,
-			depth: n.depth + 1,
-			indent: n.indent,
-			collapsed: n.collapsed,
-			"selected-key": n.selectedKey,
-			onActivate: r[0] ||= (t) => e.$emit("activate", t)
+			depth: t.depth + 1,
+			indent: t.indent,
+			collapsed: t.collapsed,
+			"selected-key": t.selectedKey,
+			onActivate: r[0] ||= (e) => n.$emit("activate", e)
 		}, null, 8, [
 			"items",
 			"depth",
 			"indent",
 			"collapsed",
 			"selected-key"
-		])])) : u("", !0)])) : (y(), d("button", {
+		])])) : d("", !0)])) : (b(), f("button", {
 			key: 2,
 			type: "button",
-			class: g(["wi-menu__item", { "wi-menu__item--selected": h(i) }]),
+			class: _(["wi-menu__item", { "wi-menu__item--selected": g(i) }]),
 			role: "menuitem",
 			disabled: i.disabled,
-			style: _({ paddingLeft: `${12 + w.value}px` }),
-			title: n.collapsed ? i.label : void 0,
-			onClick: (t) => e.$emit("activate", i)
-		}, [C(i) || i.icon ? (y(), d("span", N, [C(i) ? (y(), l(t, {
+			style: v({ paddingLeft: `${12 + T.value}px` }),
+			title: t.collapsed ? i.label : void 0,
+			onClick: (e) => n.$emit("activate", i)
+		}, [w(i) || i.icon ? (b(), f("span", P, [w(i) ? (b(), u(e, {
 			key: 0,
-			name: C(i),
+			name: w(i),
 			size: "sm"
-		}, null, 8, ["name"])) : (y(), d(a, { key: 1 }, [p(S(i.icon), 1)], 64))])) : u("", !0), n.collapsed ? u("", !0) : (y(), d("span", P, S(i.label), 1))], 14, M))], 64))), 128));
+		}, null, 8, ["name"])) : (b(), f(o, { key: 1 }, [m(C(i.icon), 1)], 64))])) : d("", !0), t.collapsed ? d("", !0) : (b(), f("span", F, C(i.label), 1))], 14, N))], 64))), 128));
 	}
-}), I = /* @__PURE__ */ h({
+}), L = /* @__PURE__ */ g({
 	__name: "Menu",
 	props: {
 		model: {},
@@ -144,34 +149,34 @@ var T = {
 		"update:selectedKey",
 		"select"
 	],
-	setup(e, { emit: t }) {
-		let a = e, f = t, p = i(), h = b(null), _ = c(() => n(a.popup ? a : { teleport: !1 }, p.value.appendTo)), x = c(() => a.popup && r(a, p.value.appendTo));
+	setup(e, { emit: r }) {
+		let i = e, o = r, p = a(), m = x(null), g = l(() => t(i.popup ? i : { teleport: !1 }, p.value.appendTo)), v = l(() => i.popup && n(i, p.value.appendTo));
 		function S(e) {
 			if (e.disabled || e.separator) return;
 			e.command?.();
 			let t = e.key ?? e.label ?? null;
-			f("update:selectedKey", t), f("select", e), a.popup && f("update:modelValue", !1);
+			o("update:selectedKey", t), o("select", e), i.popup && o("update:modelValue", !1);
 		}
-		function T(e) {
-			!a.popup || !a.modelValue || h.value && !h.value.contains(e.target) && f("update:modelValue", !1);
+		function C(e) {
+			!i.popup || !i.modelValue || m.value && !m.value.contains(e.target) && o("update:modelValue", !1);
 		}
-		return C(() => !!(a.modelValue && a.popup), (e) => {
-			e ? document.addEventListener("click", T) : document.removeEventListener("click", T);
-		}, { immediate: !0 }), v(() => document.removeEventListener("click", T)), (t, n) => e.popup ? (y(), l(o, {
+		return w(() => !!(i.modelValue && i.popup), (e) => {
+			e ? document.addEventListener("click", C) : document.removeEventListener("click", C);
+		}, { immediate: !0 }), y(() => document.removeEventListener("click", C)), (t, n) => e.popup ? (b(), u(s, {
 			key: 1,
-			to: _.value.to,
-			disabled: _.value.disabled
-		}, [m(s, { name: "wi-scale-fade" }, {
-			default: w(() => [e.modelValue ? (y(), d("div", {
+			to: g.value.to,
+			disabled: g.value.disabled
+		}, [h(c, { name: "wi-scale-fade" }, {
+			default: T(() => [e.modelValue ? (b(), f("div", {
 				key: 0,
 				ref_key: "root",
-				ref: h,
-				class: g(["wi-menu wi-menu--popup", {
-					"wi-menu--teleported": x.value,
+				ref: m,
+				class: _(["wi-menu wi-menu--popup", {
+					"wi-menu--teleported": v.value,
 					"wi-menu--collapsed": e.collapsed
 				}]),
 				role: "menu"
-			}, [m(F, {
+			}, [h(I, {
 				items: e.model,
 				depth: 0,
 				indent: e.indent,
@@ -183,15 +188,15 @@ var T = {
 				"indent",
 				"collapsed",
 				"selected-key"
-			])], 2)) : u("", !0)]),
+			])], 2)) : d("", !0)]),
 			_: 1
-		})], 8, ["to", "disabled"])) : (y(), d("div", {
+		})], 8, ["to", "disabled"])) : (b(), f("div", {
 			key: 0,
 			ref_key: "root",
-			ref: h,
-			class: g(["wi-menu", { "wi-menu--collapsed": e.collapsed }]),
+			ref: m,
+			class: _(["wi-menu", { "wi-menu--collapsed": e.collapsed }]),
 			role: "menu"
-		}, [m(F, {
+		}, [h(I, {
 			items: e.model,
 			depth: 0,
 			indent: e.indent,
@@ -207,4 +212,4 @@ var T = {
 	}
 });
 //#endregion
-export { I as WiMenu };
+export { L as WiMenu };

package/dist/menu/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/menubar/index.js

@@ -1,28 +1,30 @@
-import { a as e, t } from "../Icon-B6gOD07E.js";
-import { n, t as r } from "../overlay-oR-5MDuE.js";
-import { c as i } from "../config-DWwce9jA.js";
-import { n as a } from "../locale-CYkJyRd1.js";
+import { t as e } from "../Icon-DHGs8l-M.js";
+import { n as t, t as n } from "../overlay-oR-5MDuE.js";
+import { t as r } from "../overlayPlacement-CN1tuC95.js";
+import { t as i } from "../icon-Cg5TeFqe.js";
+import { c as a } from "../config-CTLkobga.js";
+import { n as o } from "../locale-DxAvgqgB.js";
 import "./style.js";
-import { Fragment as o, Teleport as s, Transition as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, nextTick as _, normalizeClass as v, normalizeStyle as ee, onBeforeUnmount as y, onMounted as b, openBlock as x, ref as S, renderList as C, toDisplayString as w, unref as T, watch as E, withCtx as D, withModifiers as O } from "vue";
+import { Fragment as s, Teleport as c, Transition as ee, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as m, createVNode as h, defineComponent as g, nextTick as _, normalizeClass as v, normalizeStyle as y, onBeforeUnmount as b, onMounted as x, openBlock as S, ref as C, renderList as w, toDisplayString as T, unref as E, watch as D, withCtx as O, withModifiers as k } from "vue";
 //#region src/components/Menubar/Menubar.vue?vue&type=script&setup=true&lang.ts
-var k = ["aria-label"], A = [
+var A = ["aria-label"], j = [
 	"disabled",
 	"aria-expanded",
 	"aria-haspopup",
 	"onClick"
-], j = {
+], M = {
 	key: 0,
 	class: "wi-menubar__icon",
 	"aria-hidden": "true"
-}, te = {
+}, N = {
 	key: 1,
 	class: "wi-menubar__caret",
 	"aria-hidden": "true"
-}, M = ["disabled", "onClick"], N = {
+}, te = ["disabled", "onClick"], P = {
 	key: 0,
 	class: "wi-menubar__icon",
 	"aria-hidden": "true"
-}, P = /* @__PURE__ */ g({
+}, F = /* @__PURE__ */ g({
 	__name: "Menubar",
 	props: {
 		model: {},
@@ -34,108 +36,108 @@ var k = ["aria-label"], A = [
 		appendTo: {}
 	},
 	emits: ["update:selectedKey", "select"],
-	setup(g, { emit: P }) {
-		let F = g, I = P, L = i(), R = a(), z = S(null), B = S(null), V = S([]), H = S({}), U = l(() => n(F, L.value.appendTo)), W = l(() => r(F, L.value.appendTo));
-		function G(e, t) {
-			V.value[t] = e instanceof HTMLElement ? e : null;
+	setup(g, { emit: F }) {
+		let I = g, L = F, R = a(), z = o(), B = C(null), V = C(null), H = C([]), U = C({}), W = l(() => t(I, R.value.appendTo)), G = l(() => n(I, R.value.appendTo));
+		function K(e, t) {
+			H.value[t] = e instanceof HTMLElement ? e : null;
 		}
-		function K() {
-			if (!W.value || z.value == null) return;
-			let e = V.value[z.value];
+		function q() {
+			if (!G.value || B.value == null) return;
+			let e = H.value[B.value];
 			if (!e) return;
 			let t = e.getBoundingClientRect();
-			H.value = {
-				left: `${t.left}px`,
-				top: `${t.bottom + 4}px`
-			};
-		}
-		function q(e) {
-			return e.key ?? e.label;
+			U.value = r(t, "bottom-start", { gap: 4 });
 		}
 		function J(e) {
-			return !!(F.selectedKey && q(e) === F.selectedKey);
+			return e.key ?? e.label;
 		}
-		function Y(t) {
-			return t.icon && e(t.icon) ? t.icon : void 0;
+		function Y(e) {
+			return !!(I.selectedKey && J(e) === I.selectedKey);
 		}
 		function X(e) {
-			e.disabled || (e.command?.(), I("update:selectedKey", q(e)), I("select", e));
+			return i(e.icon);
 		}
-		function Z(e, t) {
+		function Z(e) {
+			e.disabled || (e.command?.(), L("update:selectedKey", J(e)), L("select", e));
+		}
+		function ne(e, t) {
 			if (!t.disabled) {
 				if (!t.items?.length) {
-					X(t), z.value = null;
+					Z(t), B.value = null;
 					return;
 				}
-				z.value = z.value === e ? null : e, z.value != null && _(() => K());
+				B.value = B.value === e ? null : e, B.value != null && _(() => q());
 			}
 		}
-		function ne(e) {
-			X(e), z.value = null;
+		function re(e) {
+			Z(e), B.value = null;
 		}
 		function Q(e) {
 			let t = e.target;
-			B.value?.contains(t) || document.querySelector(".wi-menubar__submenu--teleported")?.contains(t) || (z.value = null);
+			V.value?.contains(t) || document.querySelector(".wi-menubar__submenu--teleported")?.contains(t) || (B.value = null);
 		}
 		function $() {
-			z.value != null && K();
+			B.value != null && q();
 		}
-		return E(z, (e) => {
-			e != null && W.value ? (window.addEventListener("resize", $), window.addEventListener("scroll", $, !0)) : (window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0));
-		}), b(() => document.addEventListener("click", Q)), y(() => {
+		return D(B, (e) => {
+			e != null && G.value ? (window.addEventListener("resize", $), window.addEventListener("scroll", $, !0)) : (window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0));
+		}), x(() => document.addEventListener("click", Q)), b(() => {
 			document.removeEventListener("click", Q), window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0);
-		}), (e, n) => (x(), f("nav", {
+		}), (t, n) => (S(), f("nav", {
 			ref_key: "root",
-			ref: B,
+			ref: V,
 			class: "wi-menubar",
-			"aria-label": T(R).menubar
-		}, [(x(!0), f(o, null, C(g.model, (e, n) => (x(), f("div", {
-			key: `${e.label}-${n}`,
+			"aria-label": E(z).menubar
+		}, [(S(!0), f(s, null, w(g.model, (t, n) => (S(), f("div", {
+			key: `${t.label}-${n}`,
 			class: v(["wi-menubar__item", {
-				"wi-menubar__item--open": z.value === n,
-				"wi-menubar__item--selected": J(e)
+				"wi-menubar__item--open": B.value === n,
+				"wi-menubar__item--selected": Y(t)
 			}])
 		}, [p("button", {
 			ref_for: !0,
-			ref: (e) => G(e, n),
+			ref: (e) => K(e, n),
 			type: "button",
-			class: v(["wi-menubar__trigger", { "wi-menubar__trigger--selected": J(e) }]),
-			disabled: e.disabled,
-			"aria-expanded": e.items?.length ? z.value === n : void 0,
-			"aria-haspopup": e.items?.length ? "menu" : void 0,
-			onClick: O((t) => Z(n, e), ["stop"])
+			class: v(["wi-menubar__trigger", { "wi-menubar__trigger--selected": Y(t) }]),
+			disabled: t.disabled,
+			"aria-expanded": t.items?.length ? B.value === n : void 0,
+			"aria-haspopup": t.items?.length ? "menu" : void 0,
+			onClick: k((e) => ne(n, t), ["stop"])
 		}, [
-			Y(e) || e.icon ? (x(), f("span", j, [Y(e) ? (x(), u(t, {
+			X(t) || t.icon ? (S(), f("span", M, [X(t) ? (S(), u(e, {
 				key: 0,
-				name: Y(e),
+				name: X(t),
+				size: "sm"
+			}, null, 8, ["name"])) : (S(), f(s, { key: 1 }, [m(T(t.icon), 1)], 64))])) : d("", !0),
+			m(" " + T(t.label) + " ", 1),
+			t.items?.length ? (S(), f("span", N, [h(e, {
+				name: "chevron-down",
 				size: "sm"
-			}, null, 8, ["name"])) : (x(), f(o, { key: 1 }, [m(w(e.icon), 1)], 64))])) : d("", !0),
-			m(" " + w(e.label) + " ", 1),
-			e.items?.length ? (x(), f("span", te, "▾")) : d("", !0)
-		], 10, A), (x(), u(s, {
-			to: U.value.to,
-			disabled: U.value.disabled
-		}, [h(c, { name: "wi-scale-fade" }, {
-			default: D(() => [e.items?.length && z.value === n ? (x(), f("div", {
+			})])) : d("", !0)
+		], 10, j), (S(), u(c, {
+			to: W.value.to,
+			disabled: W.value.disabled
+		}, [h(ee, { name: "wi-scale-fade" }, {
+			default: O(() => [t.items?.length && B.value === n ? (S(), f("div", {
 				key: 0,
-				class: v(["wi-menubar__submenu", { "wi-menubar__submenu--teleported": W.value }]),
-				style: ee(W.value ? H.value : void 0),
+				class: v(["wi-menubar__submenu", { "wi-menubar__submenu--teleported": G.value }]),
+				style: y(G.value ? U.value : void 0),
 				role: "menu"
-			}, [(x(!0), f(o, null, C(e.items, (e, n) => (x(), f("button", {
-				key: `${e.label}-${n}`,
+			}, [(S(!0), f(s, null, w(t.items, (t, n) => (S(), f("button", {
+				key: `${t.label}-${n}`,
 				type: "button",
-				class: v(["wi-menubar__subitem", { "wi-menubar__subitem--selected": J(e) }]),
+				class: v(["wi-menubar__subitem", { "wi-menubar__subitem--selected": Y(t) }]),
 				role: "menuitem",
-				disabled: e.disabled,
-				onClick: O((t) => ne(e), ["stop"])
-			}, [Y(e) || e.icon ? (x(), f("span", N, [Y(e) ? (x(), u(t, {
+				disabled: t.disabled,
+				onClick: k((e) => re(t), ["stop"])
+			}, [X(t) || t.icon ? (S(), f("span", P, [X(t) ? (S(), u(e, {
 				key: 0,
-				name: Y(e),
+				name: X(t),
 				size: "sm"
-			}, null, 8, ["name"])) : (x(), f(o, { key: 1 }, [m(w(e.icon), 1)], 64))])) : d("", !0), m(" " + w(e.label), 1)], 10, M))), 128))], 6)) : d("", !0)]),
+			}, null, 8, ["name"])) : (S(), f(s, { key: 1 }, [m(T(t.icon), 1)], 64))])) : d("", !0), m(" " + T(t.label), 1)], 10, te))), 128))], 6)) : d("", !0)]),
 			_: 2
-		}, 1024)], 8, ["to", "disabled"]))], 2))), 128))], 8, k));
+		}, 1024)], 8, ["to", "disabled"]))], 2))), 128))], 8, A));
 	}
 });
 //#endregion
-export { P as WiMenubar };
+export { F as WiMenubar };

package/dist/menubar/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/message/index.js

@@ -1,10 +1,10 @@
 import { t as e } from "../types-tV3SEv3Q.js";
-import { t } from "../Icon-B6gOD07E.js";
+import { t } from "../Icon-DHGs8l-M.js";
 import { n } from "../overlay-oR-5MDuE.js";
 import { n as r, t as i } from "../Renderable-IhqISc5E.js";
-import { c as a } from "../config-DWwce9jA.js";
+import { c as a } from "../config-CTLkobga.js";
 import { t as o } from "../overlayHost-Bdc0ZDhU.js";
-import { n as s } from "../locale-CYkJyRd1.js";
+import { n as s } from "../locale-DxAvgqgB.js";
 import "./style.js";
 import { Fragment as c, Teleport as l, TransitionGroup as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, h as v, normalizeClass as y, onBeforeUnmount as b, onMounted as x, openBlock as S, reactive as C, renderList as w, unref as T, watch as E, withCtx as D } from "vue";
 //#region src/components/Message/messageState.ts

package/dist/message/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/meter-group/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/order-list/index.js

@@ -1,5 +1,5 @@
-import { t as e } from "../Icon-B6gOD07E.js";
-import { n as t } from "../locale-CYkJyRd1.js";
+import { t as e } from "../Icon-DHGs8l-M.js";
+import { n as t } from "../locale-DxAvgqgB.js";
 import "./style.js";
 import { Fragment as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, ref as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g, withModifiers as _ } from "vue";
 //#region src/components/OrderList/OrderList.vue?vue&type=script&setup=true&lang.ts

package/dist/order-list/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);
 }