@well-insight/ui 0.1.9 → 0.1.11

package/dist/toggle-button/style.css

@@ -16,12 +16,13 @@
     --wi-control-padding-x-small: 10px;
     --wi-control-padding-x-medium: 12px;
     --wi-control-padding-x-large: 14px;
-    --wi-button-padding-x-small: 10px;
-    --wi-button-padding-x-medium: 14px;
-    --wi-button-padding-x-large: 18px;
+
     --wi-radius-control: 3px;
-    --wi-focus-shadow: 0 0 0 2px color-mix(in srgb, var(--wi-color-primary) 20%, transparent);
-    --wi-focus-shadow-danger: 0 0 0 2px color-mix(in srgb, var(--wi-color-danger) 20%, transparent);
+    --wi-border-width: 1px;
+    --wi-focus-shadow: 0 0 0 2px
+        color-mix(in srgb, var(--wi-color-primary) 20%, transparent);
+    --wi-focus-shadow-danger: 0 0 0 2px
+        color-mix(in srgb, var(--wi-color-danger) 20%, transparent);
     --wi-color-success: #159570;
     --wi-color-info: #2563eb;
     --wi-color-warning: #d97706;
@@ -39,10 +40,7 @@
     --wi-shadow-lg: 0 1rem 3rem rgb(15 23 42 / 0.25);
     --wi-shadow-sticky: 4px 0 8px color-mix(in srgb, #000 6%, transparent);
     --wi-shadow-sticky-end: -4px 0 8px color-mix(in srgb, #000 6%, transparent);
-    --wi-terminal-bg: #111827;
-    --wi-terminal-fg: #e5e7eb;
-    --wi-terminal-prompt: #34d399;
-    --wi-terminal-border: color-mix(in srgb, #fff 12%, transparent);
+
     /* Typography scale (component text, not control-height fonts) */
     --wi-font-size-xs: 0.75rem;
     --wi-font-size-sm: 0.8125rem;
@@ -56,8 +54,7 @@
     --wi-z-dropdown: calc(var(--wi-z-base) + 50);
     --wi-z-toast: calc(var(--wi-z-base) + 100);
     --wi-z-popper: 40;
-    --wi-menu-min-width: 10rem;
-    --wi-menu-min-width-lg: 12rem;
+
     --wi-control-affix-size: 2rem;
     --wi-control-affix-gap: 2.35rem;
     --wi-control-affix-padding: 2.5rem;
@@ -118,9 +115,6 @@
     --wi-control-padding-x-small: 8px;
     --wi-control-padding-x-medium: 10px;
     --wi-control-padding-x-large: 12px;
-    --wi-button-padding-x-small: 8px;
-    --wi-button-padding-x-medium: 12px;
-    --wi-button-padding-x-large: 16px;
 }
 
 [data-wi-density="spacious"] {
@@ -139,9 +133,32 @@
     --wi-control-padding-x-small: 12px;
     --wi-control-padding-x-medium: 14px;
     --wi-control-padding-x-large: 16px;
-    --wi-button-padding-x-small: 12px;
-    --wi-button-padding-x-medium: 16px;
-    --wi-button-padding-x-large: 20px;
+}
+
+[data-wi-density="compact"] .wi-layout-header {
+    --wi-layout-header-height: 48px;
+}
+
+[data-wi-density="compact"] .wi-layout-footer {
+    --wi-layout-footer-height: 40px;
+}
+
+[data-wi-density="compact"] .wi-layout-sider {
+    --wi-layout-sider-width: 240px;
+    --wi-layout-sider-collapsed-width: 44px;
+}
+
+[data-wi-density="spacious"] .wi-layout-header {
+    --wi-layout-header-height: 64px;
+}
+
+[data-wi-density="spacious"] .wi-layout-footer {
+    --wi-layout-footer-height: 56px;
+}
+
+[data-wi-density="spacious"] .wi-layout-sider {
+    --wi-layout-sider-width: 288px;
+    --wi-layout-sider-collapsed-width: 52px;
 }
 
 [data-theme="dark"] {
@@ -152,8 +169,10 @@
     --wi-color-text-muted: #94a3b8;
     --wi-color-border: #334155;
     --wi-color-focus-ring: #93c5fd;
-    --wi-focus-shadow: 0 0 0 2px color-mix(in srgb, var(--wi-color-primary) 28%, transparent);
-    --wi-focus-shadow-danger: 0 0 0 2px color-mix(in srgb, var(--wi-color-danger) 28%, transparent);
+    --wi-focus-shadow: 0 0 0 2px
+        color-mix(in srgb, var(--wi-color-primary) 28%, transparent);
+    --wi-focus-shadow-danger: 0 0 0 2px
+        color-mix(in srgb, var(--wi-color-danger) 28%, transparent);
     --wi-color-success: #5eead4;
     --wi-color-info: #93c5fd;
     --wi-color-warning: #fbbf24;
@@ -170,10 +189,6 @@
     --wi-shadow-lg: 0 1rem 3rem rgb(0 0 0 / 0.55);
     --wi-shadow-sticky: 4px 0 8px color-mix(in srgb, #000 35%, transparent);
     --wi-shadow-sticky-end: -4px 0 8px color-mix(in srgb, #000 35%, transparent);
-    --wi-terminal-bg: #020617;
-    --wi-terminal-fg: #e2e8f0;
-    --wi-terminal-prompt: #5eead4;
-    --wi-terminal-border: color-mix(in srgb, #fff 14%, transparent);
 }
 
 @media (prefers-reduced-motion: reduce) {
@@ -465,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);
 }
 
@@ -485,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/style.css

@@ -16,12 +16,13 @@
     --wi-control-padding-x-small: 10px;
     --wi-control-padding-x-medium: 12px;
     --wi-control-padding-x-large: 14px;
-    --wi-button-padding-x-small: 10px;
-    --wi-button-padding-x-medium: 14px;
-    --wi-button-padding-x-large: 18px;
+
     --wi-radius-control: 3px;
-    --wi-focus-shadow: 0 0 0 2px color-mix(in srgb, var(--wi-color-primary) 20%, transparent);
-    --wi-focus-shadow-danger: 0 0 0 2px color-mix(in srgb, var(--wi-color-danger) 20%, transparent);
+    --wi-border-width: 1px;
+    --wi-focus-shadow: 0 0 0 2px
+        color-mix(in srgb, var(--wi-color-primary) 20%, transparent);
+    --wi-focus-shadow-danger: 0 0 0 2px
+        color-mix(in srgb, var(--wi-color-danger) 20%, transparent);
     --wi-color-success: #159570;
     --wi-color-info: #2563eb;
     --wi-color-warning: #d97706;
@@ -39,10 +40,7 @@
     --wi-shadow-lg: 0 1rem 3rem rgb(15 23 42 / 0.25);
     --wi-shadow-sticky: 4px 0 8px color-mix(in srgb, #000 6%, transparent);
     --wi-shadow-sticky-end: -4px 0 8px color-mix(in srgb, #000 6%, transparent);
-    --wi-terminal-bg: #111827;
-    --wi-terminal-fg: #e5e7eb;
-    --wi-terminal-prompt: #34d399;
-    --wi-terminal-border: color-mix(in srgb, #fff 12%, transparent);
+
     /* Typography scale (component text, not control-height fonts) */
     --wi-font-size-xs: 0.75rem;
     --wi-font-size-sm: 0.8125rem;
@@ -56,8 +54,7 @@
     --wi-z-dropdown: calc(var(--wi-z-base) + 50);
     --wi-z-toast: calc(var(--wi-z-base) + 100);
     --wi-z-popper: 40;
-    --wi-menu-min-width: 10rem;
-    --wi-menu-min-width-lg: 12rem;
+
     --wi-control-affix-size: 2rem;
     --wi-control-affix-gap: 2.35rem;
     --wi-control-affix-padding: 2.5rem;
@@ -118,9 +115,6 @@
     --wi-control-padding-x-small: 8px;
     --wi-control-padding-x-medium: 10px;
     --wi-control-padding-x-large: 12px;
-    --wi-button-padding-x-small: 8px;
-    --wi-button-padding-x-medium: 12px;
-    --wi-button-padding-x-large: 16px;
 }
 
 [data-wi-density="spacious"] {
@@ -139,9 +133,32 @@
     --wi-control-padding-x-small: 12px;
     --wi-control-padding-x-medium: 14px;
     --wi-control-padding-x-large: 16px;
-    --wi-button-padding-x-small: 12px;
-    --wi-button-padding-x-medium: 16px;
-    --wi-button-padding-x-large: 20px;
+}
+
+[data-wi-density="compact"] .wi-layout-header {
+    --wi-layout-header-height: 48px;
+}
+
+[data-wi-density="compact"] .wi-layout-footer {
+    --wi-layout-footer-height: 40px;
+}
+
+[data-wi-density="compact"] .wi-layout-sider {
+    --wi-layout-sider-width: 240px;
+    --wi-layout-sider-collapsed-width: 44px;
+}
+
+[data-wi-density="spacious"] .wi-layout-header {
+    --wi-layout-header-height: 64px;
+}
+
+[data-wi-density="spacious"] .wi-layout-footer {
+    --wi-layout-footer-height: 56px;
+}
+
+[data-wi-density="spacious"] .wi-layout-sider {
+    --wi-layout-sider-width: 288px;
+    --wi-layout-sider-collapsed-width: 52px;
 }
 
 [data-theme="dark"] {
@@ -152,8 +169,10 @@
     --wi-color-text-muted: #94a3b8;
     --wi-color-border: #334155;
     --wi-color-focus-ring: #93c5fd;
-    --wi-focus-shadow: 0 0 0 2px color-mix(in srgb, var(--wi-color-primary) 28%, transparent);
-    --wi-focus-shadow-danger: 0 0 0 2px color-mix(in srgb, var(--wi-color-danger) 28%, transparent);
+    --wi-focus-shadow: 0 0 0 2px
+        color-mix(in srgb, var(--wi-color-primary) 28%, transparent);
+    --wi-focus-shadow-danger: 0 0 0 2px
+        color-mix(in srgb, var(--wi-color-danger) 28%, transparent);
     --wi-color-success: #5eead4;
     --wi-color-info: #93c5fd;
     --wi-color-warning: #fbbf24;
@@ -170,10 +189,6 @@
     --wi-shadow-lg: 0 1rem 3rem rgb(0 0 0 / 0.55);
     --wi-shadow-sticky: 4px 0 8px color-mix(in srgb, #000 35%, transparent);
     --wi-shadow-sticky-end: -4px 0 8px color-mix(in srgb, #000 35%, transparent);
-    --wi-terminal-bg: #020617;
-    --wi-terminal-fg: #e2e8f0;
-    --wi-terminal-prompt: #5eead4;
-    --wi-terminal-border: color-mix(in srgb, #fff 14%, transparent);
 }
 
 @media (prefers-reduced-motion: reduce) {
@@ -465,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);
 }
 
@@ -485,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

@@ -16,12 +16,13 @@
     --wi-control-padding-x-small: 10px;
     --wi-control-padding-x-medium: 12px;
     --wi-control-padding-x-large: 14px;
-    --wi-button-padding-x-small: 10px;
-    --wi-button-padding-x-medium: 14px;
-    --wi-button-padding-x-large: 18px;
+
     --wi-radius-control: 3px;
-    --wi-focus-shadow: 0 0 0 2px color-mix(in srgb, var(--wi-color-primary) 20%, transparent);
-    --wi-focus-shadow-danger: 0 0 0 2px color-mix(in srgb, var(--wi-color-danger) 20%, transparent);
+    --wi-border-width: 1px;
+    --wi-focus-shadow: 0 0 0 2px
+        color-mix(in srgb, var(--wi-color-primary) 20%, transparent);
+    --wi-focus-shadow-danger: 0 0 0 2px
+        color-mix(in srgb, var(--wi-color-danger) 20%, transparent);
     --wi-color-success: #159570;
     --wi-color-info: #2563eb;
     --wi-color-warning: #d97706;
@@ -39,10 +40,7 @@
     --wi-shadow-lg: 0 1rem 3rem rgb(15 23 42 / 0.25);
     --wi-shadow-sticky: 4px 0 8px color-mix(in srgb, #000 6%, transparent);
     --wi-shadow-sticky-end: -4px 0 8px color-mix(in srgb, #000 6%, transparent);
-    --wi-terminal-bg: #111827;
-    --wi-terminal-fg: #e5e7eb;
-    --wi-terminal-prompt: #34d399;
-    --wi-terminal-border: color-mix(in srgb, #fff 12%, transparent);
+
     /* Typography scale (component text, not control-height fonts) */
     --wi-font-size-xs: 0.75rem;
     --wi-font-size-sm: 0.8125rem;
@@ -56,8 +54,7 @@
     --wi-z-dropdown: calc(var(--wi-z-base) + 50);
     --wi-z-toast: calc(var(--wi-z-base) + 100);
     --wi-z-popper: 40;
-    --wi-menu-min-width: 10rem;
-    --wi-menu-min-width-lg: 12rem;
+
     --wi-control-affix-size: 2rem;
     --wi-control-affix-gap: 2.35rem;
     --wi-control-affix-padding: 2.5rem;
@@ -118,9 +115,6 @@
     --wi-control-padding-x-small: 8px;
     --wi-control-padding-x-medium: 10px;
     --wi-control-padding-x-large: 12px;
-    --wi-button-padding-x-small: 8px;
-    --wi-button-padding-x-medium: 12px;
-    --wi-button-padding-x-large: 16px;
 }
 
 [data-wi-density="spacious"] {
@@ -139,9 +133,32 @@
     --wi-control-padding-x-small: 12px;
     --wi-control-padding-x-medium: 14px;
     --wi-control-padding-x-large: 16px;
-    --wi-button-padding-x-small: 12px;
-    --wi-button-padding-x-medium: 16px;
-    --wi-button-padding-x-large: 20px;
+}
+
+[data-wi-density="compact"] .wi-layout-header {
+    --wi-layout-header-height: 48px;
+}
+
+[data-wi-density="compact"] .wi-layout-footer {
+    --wi-layout-footer-height: 40px;
+}
+
+[data-wi-density="compact"] .wi-layout-sider {
+    --wi-layout-sider-width: 240px;
+    --wi-layout-sider-collapsed-width: 44px;
+}
+
+[data-wi-density="spacious"] .wi-layout-header {
+    --wi-layout-header-height: 64px;
+}
+
+[data-wi-density="spacious"] .wi-layout-footer {
+    --wi-layout-footer-height: 56px;
+}
+
+[data-wi-density="spacious"] .wi-layout-sider {
+    --wi-layout-sider-width: 288px;
+    --wi-layout-sider-collapsed-width: 52px;
 }
 
 [data-theme="dark"] {
@@ -152,8 +169,10 @@
     --wi-color-text-muted: #94a3b8;
     --wi-color-border: #334155;
     --wi-color-focus-ring: #93c5fd;
-    --wi-focus-shadow: 0 0 0 2px color-mix(in srgb, var(--wi-color-primary) 28%, transparent);
-    --wi-focus-shadow-danger: 0 0 0 2px color-mix(in srgb, var(--wi-color-danger) 28%, transparent);
+    --wi-focus-shadow: 0 0 0 2px
+        color-mix(in srgb, var(--wi-color-primary) 28%, transparent);
+    --wi-focus-shadow-danger: 0 0 0 2px
+        color-mix(in srgb, var(--wi-color-danger) 28%, transparent);
     --wi-color-success: #5eead4;
     --wi-color-info: #93c5fd;
     --wi-color-warning: #fbbf24;
@@ -170,10 +189,6 @@
     --wi-shadow-lg: 0 1rem 3rem rgb(0 0 0 / 0.55);
     --wi-shadow-sticky: 4px 0 8px color-mix(in srgb, #000 35%, transparent);
     --wi-shadow-sticky-end: -4px 0 8px color-mix(in srgb, #000 35%, transparent);
-    --wi-terminal-bg: #020617;
-    --wi-terminal-fg: #e2e8f0;
-    --wi-terminal-prompt: #5eead4;
-    --wi-terminal-border: color-mix(in srgb, #fff 14%, transparent);
 }
 
 @media (prefers-reduced-motion: reduce) {
@@ -465,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);
 }
 
@@ -485,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-BtgWgkHI.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
@@ -136,9 +136,9 @@ var j = Symbol("wi-tree"), M = Symbol("wi-tree-node-slot"), N = ["aria-expanded"
 		"node-drop"
 	],
 	setup(e, { emit: t }) {
-		let n = e, l = O();
-		x(M, l.default);
-		let p = t, h = C({}), g = S({}), _ = C(null), v = d(() => c(n.value)), y = d(() => n.checkStrategy ?? "all");
+		let n = e, l = t, p = O();
+		x(M, p.default);
+		let h = C({}), g = S({}), _ = C(null), v = d(() => c(n.value)), y = d(() => n.checkStrategy ?? "all");
 		k(() => [
 			n.value,
 			n.defaultExpandAll,
@@ -211,8 +211,8 @@ var j = Symbol("wi-tree"), M = Symbol("wi-tree-node-slot"), N = ["aria-expanded"
 		async function W(e) {
 			if (z(e)) return;
 			let t = P(e.key), r = { ...h.value };
-			if (t) delete r[e.key], p("node-collapse", e);
-			else if (n.accordion && (r = {}), r[e.key] = !0, p("node-expand", e), n.lazy && n.load && !e.children?.length && !e.isLeaf) {
+			if (t) delete r[e.key], l("node-collapse", e);
+			else if (n.accordion && (r = {}), r[e.key] = !0, l("node-expand", e), n.lazy && n.load && !e.children?.length && !e.isLeaf) {
 				g[e.key] = !0;
 				try {
 					e.children = await n.load(e);
@@ -220,24 +220,24 @@ var j = Symbol("wi-tree"), M = Symbol("wi-tree-node-slot"), N = ["aria-expanded"
 					g[e.key] = !1;
 				}
 			}
-			h.value = r, p("update:expandedKeys", r);
+			h.value = r, l("update:expandedKeys", r);
 		}
 		function G(e) {
 			if (z(e)) return;
 			if (n.selectionMode === "single") {
 				let t = I(e.key) ? null : e.key;
-				p("update:modelValue", t), p("update:selectionKeys", t ? { [t]: !0 } : {});
+				l("update:modelValue", t), l("update:selectionKeys", t ? { [t]: !0 } : {});
 				return;
 			}
 			let t = { ...T.value };
-			t[e.key] ? delete t[e.key] : t[e.key] = !0, p("update:selectionKeys", t);
+			t[e.key] ? delete t[e.key] : t[e.key] = !0, l("update:selectionKeys", t);
 		}
 		function K(e) {
 			if (z(e)) return;
 			let t = { ...E.value }, i = !L(e.key);
 			n.checkStrictly ? i ? t[e.key] = !0 : delete t[e.key] : (o(e, i, t), s(n.value, t));
 			let a = r(n.value, t, y.value, n.checkStrictly);
-			p("update:checkedKeys", a), p("check", {
+			l("update:checkedKeys", a), l("check", {
 				node: e,
 				checkedKeys: a
 			});
@@ -256,7 +256,7 @@ var j = Symbol("wi-tree"), M = Symbol("wi-tree-node-slot"), N = ["aria-expanded"
 			if (!n.draggable || !_.value || _.value === e.key) return;
 			t.preventDefault();
 			let r = t.currentTarget.getBoundingClientRect(), i = t.clientY - r.top, a = "inside";
-			i < r.height * .25 ? a = "before" : i > r.height * .75 && (a = "after"), p("node-drop", {
+			i < r.height * .25 ? a = "before" : i > r.height * .75 && (a = "after"), l("node-drop", {
 				dragKey: _.value,
 				dropKey: e.key,
 				position: a