@well-insight/ui 0.1.10 → 0.1.12

package/CHANGELOG.md

@@ -1,5 +1,61 @@
 # @well-insight/ui
 
+## 0.1.12
+
+### 变更
+
+- import Icon styles across multiple components
+
+## 0.1.11
+
+### 破坏性变更
+
+- drop deprecated prop and CSS aliases
+
+### 新功能
+
+- add mobile sidebar drawer for docs and components
+- add global site search with CommandMenu
+- persist language in URL query
+- add dedicated 404 page
+- add favicon and meta description
+- Harden MCP catalog tooling
+
+### 修复
+
+- unify suffix icons and Select clearable hover behavior
+- restore DatePicker panel grid after teleport
+- add invalid modifier class alongside error alias
+- improve FloatLabel, Popover, and Slider
+- scroll doc TOC inside WiScrollbar
+- repair guide links and quick-start copy
+- Fix layout header and footer padding axis
+
+### 文档
+
+- complete Events/Slots sections and remove migration guide
+- add Events and a11y sections to high-traffic components
+- rename Basic sections to 基础用法 in Chinese component docs
+- add accessibility guide for playground
+- expand menu and virtual scroller component pages
+- add deprecated API migration guide
+
+### 变更
+
+- enhance MobileSidebarShell and DocsView layout with improved flex properties
+- unify clearable API across pickers (phase 6b)
+- phase 6a icon unification and shared picker suffix
+- split vendor chunks and replace eager markdown manifest
+- add unit tests for 16 sub-components
+- migrate remaining overlays to shared placement util
+- add shared menu icon and key utilities
+- replace hardcoded colors with design tokens
+- migrate Select and Dropdown to shared overlay placement
+- extract shared overlay placement utility
+- lazy-load routes and markdown docs
+- streamline MCP tools from 18 to 13
+- Simplify layout components by removing custom scrollbar support and enhancing layout styles
+
 ## 0.1.10
 
 ### 修复

package/dist/{Button-B6-YxpOQ.js → Button-tnrMSwNg.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./Icon-B6gOD07E.js";
-import { o as t } from "./config-DWwce9jA.js";
+import { t as e } from "./Icon-DHGs8l-M.js";
+import { o as t } from "./config-CTLkobga.js";
 import { Comment as n, Fragment as r, Text as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, defineComponent as d, normalizeClass as f, normalizeStyle as p, openBlock as m, ref as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, useSlots as y } from "vue";
 //#region src/components/Button/Button.vue?vue&type=script&setup=true&lang.ts
 var b = [
@@ -61,10 +61,6 @@ var b = [
 			type: Boolean,
 			default: !1
 		},
-		block: {
-			type: Boolean,
-			default: !1
-		},
 		loading: {
 			type: Boolean,
 			default: !1
@@ -84,7 +80,7 @@ var b = [
 	},
 	emits: ["click"],
 	setup(d, { expose: S, emit: C }) {
-		let w = d, T = C, E = y(), D = h(null), O = a(() => !!E.default?.().some((e) => W(e))), k = a(() => O.value || !!w.label?.trim()), A = a(() => w.outlined || w.variant === "outlined"), j = a(() => w.text || w.variant === "text"), M = a(() => w.link || w.variant === "link"), N = a(() => w.ghost || w.variant === "ghost"), P = a(() => w.quaternary || w.variant === "quaternary"), F = a(() => w.fluid || w.block), I = t("Button", () => w.size), L = a(() => w.iconOnly || !k.value && !!(w.icon || E.icon || w.loading)), R = a(() => w.severity ?? "primary"), z = a(() => typeof w.icon == "string" ? w.icon : void 0), B = a(() => typeof w.icon == "string" || !w.icon ? void 0 : w.icon), V = a(() => [
+		let w = d, T = C, E = y(), D = h(null), O = a(() => !!E.default?.().some((e) => W(e))), k = a(() => O.value || !!w.label?.trim()), A = a(() => w.outlined || w.variant === "outlined"), j = a(() => w.text || w.variant === "text"), M = a(() => w.link || w.variant === "link"), N = a(() => w.ghost || w.variant === "ghost"), P = a(() => w.quaternary || w.variant === "quaternary"), F = a(() => w.fluid), I = t("Button", () => w.size), L = a(() => w.iconOnly || !k.value && !!(w.icon || E.icon || w.loading)), R = a(() => w.severity ?? "primary"), z = a(() => typeof w.icon == "string" ? w.icon : void 0), B = a(() => typeof w.icon == "string" || !w.icon ? void 0 : w.icon), V = a(() => [
 			"wi-button",
 			`wi-button--${R.value}`,
 			`wi-button--${I.value}`,

package/dist/{Checkbox-BvlOYFGs.js → Checkbox-CoovLjt_.js}

@@ -1,4 +1,4 @@
-import { o as e } from "./config-DWwce9jA.js";
+import { o as e } from "./config-CTLkobga.js";
 import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, inject as s, mergeProps as c, normalizeClass as l, openBlock as u, renderSlot as d, toDisplayString as f, unref as p, useAttrs as m } from "vue";
 //#region src/components/Checkbox/types.ts
 var h = Symbol("wiCheckboxGroup"), g = ["for"], _ = [

package/dist/{Icon-B6gOD07E.js → Icon-DHGs8l-M.js}

@@ -365,7 +365,33 @@ var d = {
 			r: 1,
 			fill: "currentColor"
 		}
-	] }
+	] },
+	sort: { primitives: [{
+		tag: "path",
+		d: "M8 3.5v4M5.5 7 8 3.5 10.5 7"
+	}, {
+		tag: "path",
+		d: "M8 12.5v-4M5.5 9 8 12.5 10.5 9"
+	}] },
+	maximize: { primitives: [{
+		tag: "rect",
+		x: 3.5,
+		y: 3.5,
+		width: 9,
+		height: 9,
+		rx: .75
+	}] },
+	restore: { primitives: [{
+		tag: "rect",
+		x: 3.5,
+		y: 5.5,
+		width: 7,
+		height: 7,
+		rx: .75
+	}, {
+		tag: "path",
+		d: "M5.5 3.5h5.5V9"
+	}] }
 }, f = Object.keys(d);
 function p(e) {
 	return e in d;

package/dist/Pagination-UvgyUKB1.js

@@ -0,0 +1,155 @@
+import { t as e } from "./Icon-DHGs8l-M.js";
+import { n as t, t as n } from "./locale-DxAvgqgB.js";
+import { Fragment as r, computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, ref as f, renderList as p, toDisplayString as m, unref as h, withKeys as g, withModifiers as _ } from "vue";
+//#region src/components/Pagination/Pagination.vue?vue&type=script&setup=true&lang.ts
+var v = ["aria-label"], y = ["disabled", "aria-label"], b = {
+	key: 0,
+	class: "wi-pagination__simple",
+	"aria-current": "page"
+}, x = [
+	"disabled",
+	"aria-label",
+	"aria-current",
+	"onClick"
+], S = ["disabled", "aria-label"], C = {
+	key: 2,
+	class: "wi-pagination__sizer"
+}, w = { class: "wi-pagination__sizer-label" }, T = ["disabled", "value"], E = ["value"], D = {
+	key: 3,
+	class: "wi-pagination__jumper"
+}, O = [
+	"max",
+	"disabled",
+	"value",
+	"onKeydown"
+], k = { key: 0 }, A = /* @__PURE__ */ l({
+	__name: "Pagination",
+	props: {
+		modelValue: { default: 1 },
+		totalRecords: {},
+		rows: { default: 10 },
+		pageSize: {},
+		pageLinkSize: { default: 5 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		showSizePicker: {
+			type: Boolean,
+			default: !1
+		},
+		pageSizes: { default: () => [
+			10,
+			20,
+			50,
+			100
+		] },
+		showQuickJumper: {
+			type: Boolean,
+			default: !1
+		},
+		simple: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"page",
+		"update:rows",
+		"update:pageSize"
+	],
+	setup(l, { expose: A, emit: j }) {
+		let M = l, N = j, P = t(), F = f(""), I = i(() => Math.max(1, M.pageSize ?? M.rows)), L = i(() => Math.max(1, Math.ceil(M.totalRecords / I.value))), R = i(() => Math.min(Math.max(1, M.modelValue), L.value)), z = i(() => (R.value - 1) * I.value), B = i(() => {
+			let e = Math.min(M.pageLinkSize, L.value), t = Math.min(Math.max(1, R.value - Math.floor(e / 2)), L.value - e + 1);
+			return Array.from({ length: e }, (e, n) => t + n);
+		}), V = i(() => {
+			let e = [...M.pageSizes];
+			return e.includes(I.value) || e.unshift(I.value), e;
+		});
+		function H(e) {
+			let t = Math.min(Math.max(1, e), L.value);
+			M.disabled || t === R.value || (N("update:modelValue", t), N("page", t));
+		}
+		function U(e) {
+			if (M.disabled || e === I.value) return;
+			N("update:rows", e), N("update:pageSize", e);
+			let t = Math.max(1, Math.ceil(M.totalRecords / e)), n = Math.min(R.value, t);
+			n !== R.value && (N("update:modelValue", n), N("page", n));
+		}
+		function W(e) {
+			let t = Number(e.target.value);
+			Number.isFinite(t) && U(t);
+		}
+		function G() {
+			let e = Number.parseInt(F.value, 10);
+			F.value = "", Number.isFinite(e) && H(e);
+		}
+		function K(e) {
+			return n(P.value.page, { page: e });
+		}
+		return A({
+			first: z,
+			pageCount: L
+		}), (t, n) => (d(), o("nav", {
+			class: u(["wi-pagination", { "wi-pagination--simple": l.simple }]),
+			"aria-label": h(P).pagination
+		}, [
+			s("button", {
+				type: "button",
+				class: "wi-pagination__button",
+				disabled: l.disabled || R.value === 1,
+				"aria-label": h(P).prevPage,
+				onClick: n[0] ||= (e) => H(R.value - 1)
+			}, [c(e, {
+				name: "chevron-left",
+				size: "sm"
+			})], 8, y),
+			l.simple ? (d(), o("span", b, m(R.value) + " / " + m(L.value), 1)) : (d(!0), o(r, { key: 1 }, p(B.value, (e) => (d(), o("button", {
+				key: e,
+				type: "button",
+				class: u(["wi-pagination__button", { "wi-pagination__button--active": e === R.value }]),
+				disabled: l.disabled,
+				"aria-label": K(e),
+				"aria-current": e === R.value ? "page" : void 0,
+				onClick: (t) => H(e)
+			}, m(e), 11, x))), 128)),
+			s("button", {
+				type: "button",
+				class: "wi-pagination__button",
+				disabled: l.disabled || R.value === L.value,
+				"aria-label": h(P).nextPage,
+				onClick: n[1] ||= (e) => H(R.value + 1)
+			}, [c(e, {
+				name: "chevron-right",
+				size: "sm"
+			})], 8, S),
+			l.showSizePicker && !l.simple ? (d(), o("label", C, [s("span", w, m(h(P).itemsPerPage), 1), s("select", {
+				class: "wi-pagination__select",
+				disabled: l.disabled,
+				value: I.value,
+				onChange: W
+			}, [(d(!0), o(r, null, p(V.value, (e) => (d(), o("option", {
+				key: e,
+				value: e
+			}, m(e), 9, E))), 128))], 40, T)])) : a("", !0),
+			l.showQuickJumper && !l.simple ? (d(), o("label", D, [
+				s("span", null, m(h(P).jumpToPage), 1),
+				s("input", {
+					class: "wi-pagination__input",
+					type: "number",
+					min: "1",
+					max: L.value,
+					disabled: l.disabled,
+					value: F.value,
+					onInput: n[2] ||= (e) => F.value = e.target.value,
+					onKeydown: g(_(G, ["prevent"]), ["enter"]),
+					onBlur: G
+				}, null, 40, O),
+				h(P).pageClassifier ? (d(), o("span", k, m(h(P).pageClassifier), 1)) : a("", !0)
+			])) : a("", !0)
+		], 10, v));
+	}
+});
+//#endregion
+export { A as t };

package/dist/{ProgressSpinner-YThgaSzb.js → ProgressSpinner-BTijCc7l.js}

@@ -1,5 +1,5 @@
 import { n as e } from "./types-tV3SEv3Q.js";
-import { n as t } from "./locale-CYkJyRd1.js";
+import { n as t } from "./locale-DxAvgqgB.js";
 import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, onBeforeUnmount as l, openBlock as u, ref as d, renderSlot as f, toDisplayString as p, useSlots as m, watch as h } from "vue";
 //#region src/components/ProgressSpinner/ProgressSpinner.vue?vue&type=script&setup=true&lang.ts
 var g = { class: "wi-progress-spinner-wrap__content" }, _ = {

package/dist/_plugin-vue_export-helper-B3ysoDQm.js

@@ -0,0 +1,8 @@
+//#region \0plugin-vue:export-helper
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+};
+//#endregion
+export { e as t };

package/dist/accordion/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/auto-complete/index.js

@@ -1,24 +1,25 @@
-import { t as e } from "../Icon-B6gOD07E.js";
+import { t as e } from "../Icon-DHGs8l-M.js";
 import { n as t, t as n } from "../overlay-oR-5MDuE.js";
-import { c as ee, o as te } from "../config-DWwce9jA.js";
-import { n as ne } from "../locale-CYkJyRd1.js";
+import { t as r } from "../overlayPlacement-CN1tuC95.js";
+import { c as i, o as a } from "../config-CTLkobga.js";
+import { n as o } from "../locale-DxAvgqgB.js";
 import "./style.js";
-import { Fragment as r, 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, renderList as re, toDisplayString as y, unref as b, watch as x, withCtx as S, withModifiers as C } from "vue";
+import { Fragment as s, Teleport as ee, Transition as te, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createVNode as p, defineComponent as m, nextTick as h, normalizeClass as g, normalizeStyle as _, onBeforeUnmount as v, openBlock as y, ref as b, renderList as x, toDisplayString as S, unref as C, watch as w, withCtx as T, withModifiers as E } from "vue";
 //#region src/components/AutoComplete/AutoComplete.vue?vue&type=script&setup=true&lang.ts
-var w = [
+var D = [
 	"value",
 	"placeholder",
 	"disabled",
 	"aria-expanded",
 	"aria-busy"
-], T = {
+], O = {
 	key: 0,
 	class: "wi-autocomplete__spinner",
 	"aria-hidden": "true"
-}, E = ["aria-label"], D = ["aria-label", "disabled"], O = {
+}, ne = ["aria-label"], re = ["aria-label", "disabled"], ie = {
 	key: 0,
 	class: "wi-autocomplete__status"
-}, k = ["aria-selected", "onMousedown"], A = /* @__PURE__ */ f({
+}, ae = ["aria-selected", "onMousedown"], k = /* @__PURE__ */ m({
 	__name: "AutoComplete",
 	props: {
 		modelValue: { default: "" },
@@ -47,160 +48,166 @@ var w = [
 		},
 		appendTo: {}
 	},
-	emits: ["update:modelValue", "complete"],
-	setup(f, { emit: A }) {
-		let j = f, M = A, N = ee(), P = ne(), F = te("AutoComplete", () => j.size), I = v(!1), L = v(null), R = v(null), z = v(null), B = v({}), V = v(-1), H = o(() => t(j, N.value.appendTo)), U = o(() => n(j, N.value.appendTo));
-		function W(e) {
+	emits: [
+		"update:modelValue",
+		"complete",
+		"clear"
+	],
+	setup(m, { emit: k }) {
+		let A = m, j = k, M = i(), N = o(), P = a("AutoComplete", () => A.size), F = b(!1), I = b(null), L = b(null), R = b(null), z = b({}), B = b(-1), V = c(() => t(A, M.value.appendTo)), H = c(() => n(A, M.value.appendTo));
+		function U(e) {
 			return typeof e == "string" ? {
 				label: e,
 				value: e
 			} : e;
 		}
-		let G = o(() => j.suggestions.map(W)), K = o(() => {
-			let e = (j.modelValue ?? "").trim().toLowerCase();
-			return e ? G.value.filter((t) => t.label.toLowerCase().includes(e) || t.value.toLowerCase().includes(e)) : G.value;
-		}), q = o(() => j.clearable && !!j.modelValue && !j.disabled), J = o(() => [
+		let W = c(() => A.suggestions.map(U)), G = c(() => {
+			let e = (A.modelValue ?? "").trim().toLowerCase();
+			return e ? W.value.filter((t) => t.label.toLowerCase().includes(e) || t.value.toLowerCase().includes(e)) : W.value;
+		}), K = c(() => A.clearable && !!A.modelValue && !A.disabled), q = c(() => [
 			"wi-autocomplete",
-			`wi-autocomplete--${F.value}`,
+			`wi-autocomplete--${P.value}`,
 			{
-				"wi-autocomplete--disabled": j.disabled,
-				"wi-autocomplete--open": I.value,
-				"wi-autocomplete--loading": j.loading
+				"wi-autocomplete--disabled": A.disabled,
+				"wi-autocomplete--open": F.value,
+				"wi-autocomplete--loading": A.loading
 			}
 		]);
-		function Y() {
-			if (!U.value || !R.value) return;
-			let e = R.value.getBoundingClientRect();
-			B.value = {
-				left: `${e.left}px`,
-				width: `${e.width}px`,
-				top: `${e.bottom + 8}px`
-			};
+		function J() {
+			if (!H.value || !L.value) return;
+			let e = L.value.getBoundingClientRect(), t = `${e.width}px`;
+			z.value = r(e, "bottom-start", {
+				minWidth: t,
+				width: t
+			});
 		}
-		function X(e) {
-			M("complete", e), I.value = !0, V.value = K.value.length ? 0 : -1, p(() => Y());
+		function Y(e) {
+			j("complete", e), F.value = !0, B.value = G.value.length ? 0 : -1, h(() => J());
 		}
-		function ie(e) {
-			if (j.disabled) return;
+		function oe(e) {
+			if (A.disabled) return;
 			let t = e.target.value;
-			M("update:modelValue", t), X(t);
+			j("update:modelValue", t), Y(t);
 		}
-		function Z(e) {
-			j.disabled || (M("update:modelValue", e.value), I.value = !1);
+		function X(e) {
+			A.disabled || (j("update:modelValue", e.value), F.value = !1);
 		}
-		function ae() {
-			j.disabled || (M("update:modelValue", ""), X(""));
+		function se() {
+			A.disabled || (j("update:modelValue", ""), j("clear"), Y(""));
 		}
-		function oe() {
-			if (!j.disabled) {
-				if (I.value) {
-					I.value = !1;
+		function ce() {
+			if (!A.disabled) {
+				if (F.value) {
+					F.value = !1;
 					return;
 				}
-				X(j.modelValue ?? "");
+				Y(A.modelValue ?? "");
 			}
 		}
-		function se(e) {
-			if (!I.value && (e.key === "ArrowDown" || e.key === "Enter")) {
-				X(j.modelValue ?? "");
+		function Z(e) {
+			if (!F.value && (e.key === "ArrowDown" || e.key === "Enter")) {
+				Y(A.modelValue ?? "");
 				return;
 			}
-			if (I.value) {
+			if (F.value) {
 				if (e.key === "Escape") {
-					I.value = !1;
+					F.value = !1;
 					return;
 				}
 				if (e.key === "ArrowDown" || e.key === "ArrowUp") {
 					e.preventDefault();
-					let t = K.value.length;
+					let t = G.value.length;
 					if (!t) return;
 					let n = e.key === "ArrowDown" ? 1 : -1;
-					V.value = (V.value + n + t) % t;
+					B.value = (B.value + n + t) % t;
 				}
-				if (e.key === "Enter" && V.value >= 0) {
+				if (e.key === "Enter" && B.value >= 0) {
 					e.preventDefault();
-					let t = K.value[V.value];
-					t != null && Z(t);
+					let t = G.value[B.value];
+					t != null && X(t);
 				}
 			}
 		}
 		function Q(e) {
 			let t = e.target;
-			L.value?.contains(t) || z.value?.contains(t) || (I.value = !1);
+			I.value?.contains(t) || R.value?.contains(t) || (F.value = !1);
 		}
 		function $() {
-			I.value && Y();
+			F.value && J();
 		}
-		x(I, async (e) => {
-			e ? (document.addEventListener("click", Q), U.value && (window.addEventListener("resize", $), window.addEventListener("scroll", $, !0)), await p(), Y()) : (document.removeEventListener("click", Q), window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0));
-		}), x(K, (e) => {
-			e.length ? V.value >= e.length && (V.value = 0) : V.value = -1;
-		}), g(() => {
+		w(F, async (e) => {
+			e ? (document.addEventListener("click", Q), H.value && (window.addEventListener("resize", $), window.addEventListener("scroll", $, !0)), await h(), J()) : (document.removeEventListener("click", Q), window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0));
+		}), w(G, (e) => {
+			e.length ? B.value >= e.length && (B.value = 0) : B.value = -1;
+		}), v(() => {
 			document.removeEventListener("click", Q), window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0);
 		});
-		let ce = o(() => I.value && (K.value.length > 0 || j.loading));
-		return (t, n) => (_(), l("div", {
+		let le = c(() => F.value && (G.value.length > 0 || A.loading));
+		return (t, n) => (y(), d("div", {
 			ref_key: "root",
-			ref: L,
-			class: m(J.value)
-		}, [u("div", {
+			ref: I,
+			class: g(q.value)
+		}, [f("div", {
 			ref_key: "trigger",
-			ref: R,
+			ref: L,
 			class: "wi-autocomplete__control"
 		}, [
-			u("input", {
+			f("input", {
 				class: "wi-autocomplete__input",
 				type: "text",
 				role: "combobox",
-				value: f.modelValue,
-				placeholder: f.placeholder,
-				disabled: f.disabled,
-				"aria-expanded": I.value,
-				"aria-busy": f.loading || void 0,
+				value: m.modelValue,
+				placeholder: m.placeholder,
+				disabled: m.disabled,
+				"aria-expanded": F.value,
+				"aria-busy": m.loading || void 0,
 				"aria-autocomplete": "list",
-				onInput: ie,
-				onKeydown: se,
-				onFocus: n[0] ||= (e) => X(f.modelValue ?? "")
-			}, null, 40, w),
-			f.loading ? (_(), l("span", T)) : q.value ? (_(), l("button", {
+				onInput: oe,
+				onKeydown: Z,
+				onFocus: n[0] ||= (e) => Y(m.modelValue ?? "")
+			}, null, 40, D),
+			m.loading ? (y(), d("span", O)) : K.value ? (y(), d("button", {
 				key: 1,
 				type: "button",
 				class: "wi-autocomplete__clear",
-				"aria-label": b(P).clearInput,
-				onClick: ae
-			}, " × ", 8, E)) : c("", !0),
-			f.dropdown ? (_(), l("button", {
+				"aria-label": C(N).clearInput,
+				onClick: se
+			}, [p(e, {
+				name: "close",
+				size: "sm"
+			})], 8, ne)) : u("", !0),
+			m.dropdown ? (y(), d("button", {
 				key: 2,
 				type: "button",
 				class: "wi-autocomplete__dropdown",
-				"aria-label": b(P).showSuggestions,
-				disabled: f.disabled,
-				onClick: oe
-			}, [d(e, {
+				"aria-label": C(N).showSuggestions,
+				disabled: m.disabled,
+				onClick: ce
+			}, [p(e, {
 				name: "chevron-down",
 				size: "sm"
-			})], 8, D)) : c("", !0)
-		], 512), (_(), s(i, {
-			to: H.value.to,
-			disabled: H.value.disabled
-		}, [d(a, { name: "wi-scale-fade" }, {
-			default: S(() => [ce.value ? (_(), l("ul", {
+			})], 8, re)) : u("", !0)
+		], 512), (y(), l(ee, {
+			to: V.value.to,
+			disabled: V.value.disabled
+		}, [p(te, { name: "wi-scale-fade" }, {
+			default: T(() => [le.value ? (y(), d("ul", {
 				key: 0,
 				ref_key: "panel",
-				ref: z,
-				class: m(["wi-autocomplete__panel", { "wi-autocomplete__panel--teleported": U.value }]),
-				style: h(U.value ? B.value : void 0),
+				ref: R,
+				class: g(["wi-autocomplete__panel", { "wi-autocomplete__panel--teleported": H.value }]),
+				style: _(H.value ? z.value : void 0),
 				role: "listbox"
-			}, [f.loading && !K.value.length ? (_(), l("li", O, y(b(P).loading), 1)) : c("", !0), (_(!0), l(r, null, re(K.value, (e, t) => (_(), l("li", {
+			}, [m.loading && !G.value.length ? (y(), d("li", ie, S(C(N).loading), 1)) : u("", !0), (y(!0), d(s, null, x(G.value, (e, t) => (y(), d("li", {
 				key: `${e.value}-${t}`,
-				class: m(["wi-autocomplete__item", { "wi-autocomplete__item--active": t === V.value }]),
+				class: g(["wi-autocomplete__item", { "wi-autocomplete__item--active": t === B.value }]),
 				role: "option",
-				"aria-selected": t === V.value,
-				onMousedown: C((t) => Z(e), ["prevent"])
-			}, y(e.label), 43, k))), 128))], 6)) : c("", !0)]),
+				"aria-selected": t === B.value,
+				onMousedown: E((t) => X(e), ["prevent"])
+			}, S(e.label), 43, ae))), 128))], 6)) : u("", !0)]),
 			_: 1
 		})], 8, ["to", "disabled"]))], 2));
 	}
 });
 //#endregion
-export { A as WiAutoComplete };
+export { k as WiAutoComplete };

package/dist/auto-complete/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/avatar/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../Icon-B6gOD07E.js";
+import { t as e } from "../Icon-DHGs8l-M.js";
 import "./style.js";
 import { Comment as t, Fragment as n, Text as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, defineComponent as c, normalizeClass as l, openBlock as u, ref as d, renderList as f, resolveDynamicComponent as p, toDisplayString as m, useSlots as h, watch as g } from "vue";
 //#region src/components/Avatar/Avatar.vue?vue&type=script&setup=true&lang.ts