@well-insight/ui 0.1.10 → 0.1.12

package/dist/overlayPlacement-CN1tuC95.js

@@ -0,0 +1,51 @@
+//#region src/shared/overlayPlacement.ts
+function e(e) {
+	if (e != null) return typeof e == "number" ? `${e}px` : e;
+}
+function t(e, t, n = {}) {
+	let r = n.gap ?? 8, i = e.left + e.width / 2, a = e.top + e.height / 2, o = {};
+	switch (n.minWidth && (o.minWidth = n.minWidth), n.maxWidth && (o.maxWidth = n.maxWidth), n.width && (o.width = n.width), n.zIndex != null && (o.zIndex = String(n.zIndex)), t) {
+		case "top": return {
+			left: `${i}px`,
+			top: `${e.top - r}px`,
+			transform: "translate(-50%, -100%)",
+			...o
+		};
+		case "bottom": return {
+			left: `${i}px`,
+			top: `${e.bottom + r}px`,
+			transform: "translateX(-50%)",
+			...o
+		};
+		case "left": return {
+			left: `${e.left - r}px`,
+			top: `${a}px`,
+			transform: "translate(-100%, -50%)",
+			...o
+		};
+		case "right": return {
+			left: `${e.right + r}px`,
+			top: `${a}px`,
+			transform: "translateY(-50%)",
+			...o
+		};
+		case "bottom-end": return {
+			left: `${e.right}px`,
+			top: `${e.bottom + r}px`,
+			transform: "translateX(-100%)",
+			...o
+		};
+		case "bottom-start": return {
+			left: `${e.left}px`,
+			top: `${e.bottom + r}px`,
+			...o
+		};
+		default: return {
+			left: `${e.left}px`,
+			top: `${e.bottom + r}px`,
+			...o
+		};
+	}
+}
+//#endregion
+export { e as n, t };

package/dist/pagination/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "../Pagination-BU-1IY0E.js";
+import { t as e } from "../Pagination-UvgyUKB1.js";
 import "./style.js";
 export { e as WiPagination };

package/dist/pagination/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-pagination {
     --wi-pagination-simple-width: 3.5rem;
     --wi-pagination-jumper-width: 3.5rem;

package/dist/pagination/style.js

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

package/dist/panel/index.js

@@ -1,15 +1,16 @@
 import { n as e } from "../types-tV3SEv3Q.js";
-import { n as t } from "../locale-CYkJyRd1.js";
+import { t } from "../Icon-DHGs8l-M.js";
+import { n } from "../locale-DxAvgqgB.js";
 import "./style.js";
-import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderSlot as u, toDisplayString as d, unref as f, vShow as p, withDirectives as m } from "vue";
+import { computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m, vShow as h, withDirectives as g } from "vue";
 //#region src/components/Panel/Panel.vue?vue&type=script&setup=true&lang.ts
-var h = {
+var _ = {
 	key: 0,
 	class: "wi-panel__header"
-}, g = { class: "wi-panel__title" }, _ = ["aria-expanded", "aria-label"], v = { "aria-hidden": "true" }, y = { class: "wi-panel__content" }, b = {
+}, v = { class: "wi-panel__title" }, y = ["aria-expanded", "aria-label"], b = { class: "wi-panel__content" }, x = {
 	key: 1,
 	class: "wi-panel__footer"
-}, x = /* @__PURE__ */ s({
+}, S = /* @__PURE__ */ l({
 	__name: "Panel",
 	props: {
 		header: {},
@@ -22,30 +23,33 @@ var h = {
 		size: {}
 	},
 	emits: ["update:collapsed", "update:modelValue"],
-	setup(s, { emit: x }) {
-		let S = s, C = x, w = t(), T = n(() => e(S.size)), E = n(() => S.modelValue ?? S.collapsed ?? !1), D = n(() => ["wi-panel", {
-			"wi-panel--collapsed": E.value,
-			"wi-panel--small": T.value === "small",
-			"wi-panel--large": T.value === "large"
+	setup(l, { emit: S }) {
+		let C = l, w = S, T = n(), E = r(() => e(C.size)), D = r(() => C.modelValue ?? C.collapsed ?? !1), O = r(() => ["wi-panel", {
+			"wi-panel--collapsed": D.value,
+			"wi-panel--small": E.value === "small",
+			"wi-panel--large": E.value === "large"
 		}]);
-		function O() {
-			if (!S.toggleable) return;
-			let e = !E.value;
-			C("update:collapsed", e), C("update:modelValue", e);
+		function k() {
+			if (!C.toggleable) return;
+			let e = !D.value;
+			w("update:collapsed", e), w("update:modelValue", e);
 		}
-		return (e, t) => (l(), i("section", { class: c(D.value) }, [
-			e.$slots.header || s.header || s.toggleable ? (l(), i("header", h, [a("div", g, [u(e.$slots, "header", {}, () => [o(d(s.header), 1)])]), s.toggleable ? (l(), i("button", {
+		return (e, n) => (d(), a("section", { class: u(O.value) }, [
+			e.$slots.header || l.header || l.toggleable ? (d(), a("header", _, [o("div", v, [f(e.$slots, "header", {}, () => [s(p(l.header), 1)])]), l.toggleable ? (d(), a("button", {
 				key: 0,
 				type: "button",
 				class: "wi-panel__toggler",
-				"aria-expanded": !E.value,
-				"aria-label": E.value ? f(w).expand : f(w).collapse,
-				onClick: O
-			}, [a("span", v, d(E.value ? "▸" : "▾"), 1)], 8, _)) : r("", !0)])) : r("", !0),
-			m(a("div", y, [u(e.$slots, "default")], 512), [[p, !E.value]]),
-			e.$slots.footer && !E.value ? (l(), i("footer", b, [u(e.$slots, "footer")])) : r("", !0)
+				"aria-expanded": !D.value,
+				"aria-label": D.value ? m(T).expand : m(T).collapse,
+				onClick: k
+			}, [c(t, {
+				name: D.value ? "chevron-right" : "chevron-down",
+				size: "sm"
+			}, null, 8, ["name"])], 8, y)) : i("", !0)])) : i("", !0),
+			g(o("div", b, [f(e.$slots, "default")], 512), [[h, !D.value]]),
+			e.$slots.footer && !D.value ? (d(), a("footer", x, [f(e.$slots, "footer")])) : i("", !0)
 		], 2));
 	}
 });
 //#endregion
-export { x as WiPanel };
+export { S as WiPanel };

package/dist/panel/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);
+    }
+}
+
 /* —— Panel: Panel —— */
 .wi-panel {
     background: var(--wi-color-surface);

package/dist/panel/style.js

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

package/dist/pick-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, computed as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, ref as d, renderList as f, renderSlot as p, toDisplayString as m, unref as h, withKeys as g, withModifiers as _ } from "vue";
 //#region src/components/PickList/PickList.vue?vue&type=script&setup=true&lang.ts

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

package/dist/popover/index.js

@@ -1,10 +1,10 @@
 import { n as e, t } from "../overlay-oR-5MDuE.js";
-import { c as n } from "../config-DWwce9jA.js";
+import { t as n } from "../overlayPlacement-CN1tuC95.js";
+import { c as r } 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, createElementVNode as l, createVNode as u, defineComponent as d, nextTick as f, normalizeClass as p, normalizeStyle as m, onBeforeUnmount as h, openBlock as g, ref as _, renderSlot as v, watch as y, withCtx as b } from "vue";
-//#endregion
-//#region src/components/Popover/Popover.vue
-var x = /* @__PURE__ */ d({
+import { Teleport as i, Transition as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode 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, unref as b, useId as x, watch as S, withCtx as C } from "vue";
+//#region src/components/Popover/Popover.vue?vue&type=script&setup=true&lang.ts
+var w = ["aria-expanded", "aria-controls"], T = ["id"], E = /* @__PURE__ */ f({
 	__name: "Popover",
 	props: {
 		modelValue: {
@@ -26,140 +26,119 @@ var x = /* @__PURE__ */ d({
 		"show",
 		"hide"
 	],
-	setup(d, { emit: x }) {
-		let S = d, C = x, w = n(), T = _(null), E = _(null), D = _(null), O = _({}), k = a(() => e(S, w.value.appendTo)), A = a(() => t(S, w.value.appendTo)), j, M;
-		function N(e) {
-			C("update:modelValue", e);
+	setup(f, { emit: E }) {
+		let D = f, O = E, k = r(), A = x(), j = v(null), M = v(null), N = v(null), P = v({}), F = o(() => e(D, k.value.appendTo)), I = o(() => t(D, k.value.appendTo)), L, R;
+		function z(e) {
+			O("update:modelValue", e);
 		}
-		function P() {
-			N(!1);
+		function B() {
+			z(!1);
 		}
-		function F() {
-			j && clearTimeout(j), M && clearTimeout(M), j = void 0, M = void 0;
+		function V() {
+			L && clearTimeout(L), R && clearTimeout(R), L = void 0, R = void 0;
 		}
-		function I() {
-			S.trigger === "click" && N(!S.modelValue);
+		function H() {
+			D.trigger === "click" && z(!D.modelValue);
 		}
-		function L() {
-			if (S.trigger === "hover") {
-				if (F(), S.showDelay > 0) {
-					j = setTimeout(N, S.showDelay, !0);
+		function U() {
+			if (D.trigger === "hover") {
+				if (V(), D.showDelay > 0) {
+					L = setTimeout(z, D.showDelay, !0);
 					return;
 				}
-				N(!0);
+				z(!0);
 			}
 		}
-		function R() {
-			if (S.trigger === "hover") {
-				if (F(), S.hideDelay > 0) {
-					M = setTimeout(N, S.hideDelay, !1);
+		function W() {
+			if (D.trigger === "hover") {
+				if (V(), D.hideDelay > 0) {
+					R = setTimeout(z, D.hideDelay, !1);
 					return;
 				}
-				N(!1);
+				z(!1);
 			}
 		}
-		function z() {
-			S.trigger === "hover" && F();
+		function G() {
+			D.trigger === "hover" && V();
 		}
-		function B() {
-			if (S.trigger === "hover") {
-				if (F(), S.hideDelay > 0) {
-					M = setTimeout(N, S.hideDelay, !1);
+		function K() {
+			if (D.trigger === "hover") {
+				if (V(), D.hideDelay > 0) {
+					R = setTimeout(z, D.hideDelay, !1);
 					return;
 				}
-				N(!1);
+				z(!1);
 			}
 		}
-		function V() {
-			if (S.trigger === "focus") {
-				if (F(), S.showDelay > 0) {
-					j = setTimeout(N, S.showDelay, !0);
+		function q() {
+			if (D.trigger === "focus") {
+				if (V(), D.showDelay > 0) {
+					L = setTimeout(z, D.showDelay, !0);
 					return;
 				}
-				N(!0);
+				z(!0);
 			}
 		}
-		function H() {
-			if (S.trigger === "focus") {
-				if (F(), S.hideDelay > 0) {
-					M = setTimeout(N, S.hideDelay, !1);
+		function J() {
+			if (D.trigger === "focus") {
+				if (V(), D.hideDelay > 0) {
+					R = setTimeout(z, D.hideDelay, !1);
 					return;
 				}
-				N(!1);
+				z(!1);
 			}
 		}
-		function U() {
-			if (!A.value || !E.value) return;
-			let e = E.value.getBoundingClientRect(), t = e.left + e.width / 2, n = e.top + e.height / 2;
-			S.placement === "top" ? O.value = {
-				left: `${t}px`,
-				top: `${e.top - 8}px`,
-				transform: "translate(-50%, -100%)"
-			} : S.placement === "bottom" ? O.value = {
-				left: `${t}px`,
-				top: `${e.bottom + 8}px`,
-				transform: "translateX(-50%)"
-			} : S.placement === "left" ? O.value = {
-				left: `${e.left - 8}px`,
-				top: `${n}px`,
-				transform: "translate(-100%, -50%)"
-			} : S.placement === "right" ? O.value = {
-				left: `${e.right + 8}px`,
-				top: `${n}px`,
-				transform: "translateY(-50%)"
-			} : S.placement === "bottom-end" ? O.value = {
-				left: `${e.right}px`,
-				top: `${e.bottom + 8}px`,
-				transform: "translateX(-100%)"
-			} : O.value = {
-				left: `${e.left}px`,
-				top: `${e.bottom + 8}px`
-			};
+		function Y() {
+			!I.value || !M.value || (P.value = n(M.value.getBoundingClientRect(), D.placement));
 		}
-		function W(e) {
+		function X(e) {
 			let t = e.target;
-			T.value?.contains(t) || D.value?.contains(t) || P();
+			j.value?.contains(t) || N.value?.contains(t) || B();
 		}
-		function G(e) {
-			e.key === "Escape" && P();
+		function Z(e) {
+			e.key === "Escape" && B();
 		}
-		function K() {
-			S.modelValue && U();
+		function Q() {
+			D.modelValue && Y();
 		}
-		return y(() => S.modelValue, async (e, t) => {
-			e ? (document.addEventListener("click", W), document.addEventListener("keydown", G), A.value && (window.addEventListener("resize", K), window.addEventListener("scroll", K, !0)), C("show"), await f(), U()) : (document.removeEventListener("click", W), document.removeEventListener("keydown", G), window.removeEventListener("resize", K), window.removeEventListener("scroll", K, !0), t && C("hide"));
-		}, { immediate: !0 }), h(() => {
-			F(), document.removeEventListener("click", W), document.removeEventListener("keydown", G), window.removeEventListener("resize", K), window.removeEventListener("scroll", K, !0);
-		}), (e, t) => (g(), c("span", {
+		return S(() => D.modelValue, async (e, t) => {
+			e ? (document.addEventListener("click", X), document.addEventListener("keydown", Z), I.value && (window.addEventListener("resize", Q), window.addEventListener("scroll", Q, !0)), O("show"), await p(), Y()) : (document.removeEventListener("click", X), document.removeEventListener("keydown", Z), window.removeEventListener("resize", Q), window.removeEventListener("scroll", Q, !0), t && O("hide"));
+		}, { immediate: !0 }), g(() => {
+			V(), document.removeEventListener("click", X), document.removeEventListener("keydown", Z), window.removeEventListener("resize", Q), window.removeEventListener("scroll", Q, !0);
+		}), (e, t) => (_(), l("span", {
 			ref_key: "root",
-			ref: T,
+			ref: j,
 			class: "wi-popover",
-			onMouseenter: L,
-			onMouseleave: R
-		}, [l("span", {
+			onMouseenter: U,
+			onMouseleave: W
+		}, [u("span", {
 			ref_key: "trigger",
-			ref: E,
+			ref: M,
 			class: "wi-popover__trigger",
-			onClick: I,
-			onFocusin: V,
-			onFocusout: H
-		}, [v(e.$slots, "default")], 544), (g(), o(r, {
-			to: k.value.to,
-			disabled: k.value.disabled
-		}, [u(i, { name: "wi-fade" }, {
-			default: b(() => [d.modelValue ? (g(), c("div", {
+			"aria-haspopup": "dialog",
+			"aria-expanded": f.modelValue,
+			"aria-controls": b(A),
+			onClick: H,
+			onFocusin: q,
+			onFocusout: J
+		}, [y(e.$slots, "default")], 40, w), (_(), s(i, {
+			to: F.value.to,
+			disabled: F.value.disabled
+		}, [d(a, { name: "wi-popover" }, {
+			default: C(() => [f.modelValue ? (_(), l("div", {
 				key: 0,
 				ref_key: "panel",
-				ref: D,
-				class: p(["wi-popover__content", [`wi-popover__content--${d.placement}`, { "wi-popover__content--teleported": A.value }]]),
-				style: m(A.value ? O.value : void 0),
+				ref: N,
+				id: b(A),
+				class: m(["wi-popover__content", [`wi-popover__content--${f.placement}`, { "wi-popover__content--teleported": I.value }]]),
+				style: h(I.value ? P.value : void 0),
 				role: "dialog",
-				onMouseenter: z,
-				onMouseleave: B
-			}, [v(e.$slots, "content")], 38)) : s("", !0)]),
+				onMouseenter: G,
+				onMouseleave: K
+			}, [y(e.$slots, "content")], 46, T)) : c("", !0)]),
 			_: 3
 		})], 8, ["to", "disabled"]))], 544));
 	}
 });
 //#endregion
-export { x as WiPopover };
+export { E as WiPopover };

package/dist/popover/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);
 }
@@ -815,3 +814,44 @@
     transform: none;
     z-index: var(--wi-z-toast);
 }
+
+.wi-popover-enter-active,
+.wi-popover-leave-active {
+    transition:
+        opacity var(--wi-motion-normal) var(--wi-motion-ease),
+        transform var(--wi-motion-normal) var(--wi-motion-ease);
+}
+
+.wi-popover-enter-from,
+.wi-popover-leave-to {
+    opacity: 0;
+}
+
+.wi-popover-enter-from:not(.wi-popover__content--teleported),
+.wi-popover-leave-to:not(.wi-popover__content--teleported) {
+    transform: translateY(calc(var(--wi-motion-distance) * -1));
+}
+
+.wi-popover__content--top.wi-popover-enter-from,
+.wi-popover__content--top.wi-popover-leave-to {
+    transform: translate(-50%, calc(-100% - var(--wi-motion-distance)));
+}
+
+.wi-popover__content--bottom.wi-popover-enter-from,
+.wi-popover__content--bottom.wi-popover-leave-to,
+.wi-popover__content--bottom-start.wi-popover-enter-from,
+.wi-popover__content--bottom-start.wi-popover-leave-to,
+.wi-popover__content--bottom-end.wi-popover-enter-from,
+.wi-popover__content--bottom-end.wi-popover-leave-to {
+    transform: translateY(var(--wi-motion-distance));
+}
+
+.wi-popover__content--left.wi-popover-enter-from,
+.wi-popover__content--left.wi-popover-leave-to {
+    transform: translate(calc(-100% - var(--wi-motion-distance)), -50%);
+}
+
+.wi-popover__content--right.wi-popover-enter-from,
+.wi-popover__content--right.wi-popover-leave-to {
+    transform: translate(var(--wi-motion-distance), -50%);
+}

package/dist/progress-bar/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/progress-spinner/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "../ProgressSpinner-YThgaSzb.js";
+import { t as e } from "../ProgressSpinner-BTijCc7l.js";
 import "./style.js";
 export { e as WiProgressSpinner };