@well-insight/ui 0.1.10 → 0.1.12

package/dist/cascade-select/index.js

@@ -1,129 +1,196 @@
-import { n as e, t } from "../overlay-oR-5MDuE.js";
-import { c as n, o as r } from "../config-DWwce9jA.js";
-import { n as i } 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 { c as ee, i as te, o as ne } from "../config-CTLkobga.js";
+import { n as re } from "../locale-DxAvgqgB.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, 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 } from "vue";
+import { Fragment as i, Teleport as a, Transition as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, nextTick as m, normalizeClass as h, normalizeStyle as ie, onBeforeUnmount as ae, openBlock as g, ref as _, renderList as v, toDisplayString as y, unref as b, watch as x, withCtx as S } from "vue";
 //#region src/components/CascadeSelect/CascadeSelect.vue?vue&type=script&setup=true&lang.ts
-var E = ["disabled", "aria-expanded"], D = { class: "wi-cascadeselect__label" }, O = [
+var C = ["for"], w = [
+	"id",
+	"disabled",
+	"aria-expanded",
+	"aria-invalid",
+	"aria-describedby"
+], T = { class: "wi-cascadeselect__label" }, E = { class: "wi-select__suffix" }, oe = ["aria-label"], se = ["id"], ce = [
 	"disabled",
 	"aria-selected",
 	"onClick"
-], k = {
-	key: 0,
-	"aria-hidden": "true"
-}, A = /* @__PURE__ */ m({
+], D = /* @__PURE__ */ p({
 	__name: "CascadeSelect",
 	props: {
 		modelValue: { default: null },
 		options: {},
+		label: {},
+		helpText: {},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		errorMessage: {},
+		id: {},
 		placeholder: { default: void 0 },
 		disabled: {
 			type: Boolean,
 			default: !1
 		},
+		required: {
+			type: Boolean,
+			default: !1
+		},
 		size: {},
+		fluid: {
+			type: Boolean,
+			default: void 0
+		},
+		clearable: {
+			type: Boolean,
+			default: void 0
+		},
 		teleport: {
 			type: Boolean,
 			default: !0
 		},
 		appendTo: {}
 	},
-	emits: ["update:modelValue"],
-	setup(m, { emit: A }) {
-		let j = m, M = A, N = n(), P = i(), F = r("CascadeSelect", () => j.size), I = b(!1), L = b(null), R = b(null), z = b(null), B = b({}), V = b([]), H = c(() => e(j, N.value.appendTo)), U = c(() => t(j, N.value.appendTo)), W = c(() => G(j.options, j.modelValue) ?? j.placeholder ?? P.value.selectPlaceholder);
-		function G(e, t) {
+	emits: ["update:modelValue", "clear"],
+	setup(p, { emit: D }) {
+		let O = p, k = D, A = te("CascadeSelect"), j = ee(), M = re(), N = ne("CascadeSelect", () => O.size), P = _(!1), F = _(null), I = _(null), L = _(null), R = _({}), z = _([]), B = s(() => O.id ?? `wi-cascadeselect-${Math.random().toString(36).slice(2, 8)}`), V = s(() => t(O, j.value.appendTo)), H = s(() => n(O, j.value.appendTo)), U = s(() => O.clearable ?? A.value.clearable ?? !1), W = s(() => O.fluid ?? A.value.fluid ?? !1), G = s(() => O.invalid || !!O.errorMessage), K = s(() => O.errorMessage || O.helpText), le = s(() => !!O.errorMessage || G.value && !!O.helpText), q = s(() => O.modelValue != null), J = s(() => U.value && q.value && !O.disabled), ue = s(() => Y(O.options, O.modelValue) ?? O.placeholder ?? M.value.selectPlaceholder);
+		function Y(e, t) {
+			if (t == null) return null;
 			for (let n of e) {
 				if (n.value === t) return n.label;
 				if (n.children?.length) {
-					let e = G(n.children, t);
+					let e = Y(n.children, t);
 					if (e) return e;
 				}
 			}
 			return null;
 		}
-		function K() {
-			if (!R.value) return;
-			let e = R.value.getBoundingClientRect(), t = `${e.width}px`;
-			B.value = U.value ? {
-				left: `${e.left}px`,
+		function X() {
+			if (!I.value) return;
+			let e = I.value.getBoundingClientRect(), t = `${e.width}px`;
+			R.value = H.value ? r(e, "bottom-start", {
 				minWidth: t,
-				top: `${e.bottom + 8}px`,
 				width: t
-			} : {
+			}) : {
 				minWidth: t,
 				width: t
 			};
 		}
-		function q() {
-			j.disabled || (I.value = !I.value, I.value && (V.value = [j.options], h(() => K())));
+		function de() {
+			O.disabled || (P.value = !P.value, P.value && (z.value = [O.options], m(() => X())));
 		}
-		function J(e, t) {
+		function Z(e) {
+			e.stopPropagation(), e.preventDefault(), !(O.disabled || !q.value) && (k("update:modelValue", null), k("clear"), I.value?.focus({ preventScroll: !0 }));
+		}
+		function fe(e, t) {
 			if (!e.disabled) {
 				if (e.children?.length) {
-					V.value = [...V.value.slice(0, t + 1), e.children], h(() => K());
+					z.value = [...z.value.slice(0, t + 1), e.children], m(() => X());
 					return;
 				}
-				M("update:modelValue", e.value), I.value = !1;
+				k("update:modelValue", e.value), P.value = !1;
 			}
 		}
-		function Y(e) {
+		function Q(e) {
 			let t = e.target;
-			L.value?.contains(t) || z.value?.contains(t) || (I.value = !1);
+			F.value?.contains(t) || L.value?.contains(t) || (P.value = !1);
 		}
-		function X() {
-			I.value && K();
+		function $() {
+			P.value && X();
 		}
-		return w(I, (e) => {
-			e ? (document.addEventListener("click", Y), U.value && (window.addEventListener("resize", X), window.addEventListener("scroll", X, !0))) : (document.removeEventListener("click", Y), window.removeEventListener("resize", X), window.removeEventListener("scroll", X, !0));
-		}), v(() => {
-			document.removeEventListener("click", Y), window.removeEventListener("resize", X), window.removeEventListener("scroll", X, !0);
-		}), (e, t) => (y(), d("div", {
+		return x(P, (e) => {
+			e ? (document.addEventListener("click", Q), H.value && (window.addEventListener("resize", $), window.addEventListener("scroll", $, !0))) : (document.removeEventListener("click", Q), window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0));
+		}), ae(() => {
+			document.removeEventListener("click", Q), window.removeEventListener("resize", $), window.removeEventListener("scroll", $, !0);
+		}), (t, n) => (g(), u("div", {
 			ref_key: "root",
-			ref: L,
-			class: g(["wi-cascadeselect", [`wi-cascadeselect--${C(F)}`, {
-				"wi-cascadeselect--disabled": m.disabled,
-				"wi-cascadeselect--open": I.value
+			ref: F,
+			class: h(["wi-select-field wi-cascadeselect", [`wi-cascadeselect--${b(N)}`, {
+				"wi-select-field--fluid": W.value,
+				"wi-cascadeselect--disabled": p.disabled,
+				"wi-cascadeselect--open": P.value
 			}]])
-		}, [f("button", {
-			ref_key: "trigger",
-			ref: R,
-			type: "button",
-			class: "wi-cascadeselect__trigger",
-			disabled: m.disabled,
-			"aria-expanded": I.value,
-			"aria-haspopup": "listbox",
-			onClick: q
-		}, [f("span", D, S(W.value), 1), t[0] ||= f("span", {
-			class: "wi-cascadeselect__caret",
-			"aria-hidden": "true"
-		}, "▾", -1)], 8, E), (y(), l(o, {
-			to: H.value.to,
-			disabled: H.value.disabled
-		}, [p(s, { name: "wi-scale-fade" }, {
-			default: T(() => [I.value ? (y(), d("div", {
+		}, [
+			p.label ? (g(), u("label", {
 				key: 0,
-				ref_key: "panel",
-				ref: z,
-				class: g(["wi-cascadeselect__panel", { "wi-cascadeselect__panel--teleported": U.value }]),
-				style: _(B.value),
-				role: "listbox"
-			}, [(y(!0), d(a, null, x(V.value, (e, t) => (y(), d("ul", {
-				key: t,
-				class: "wi-cascadeselect__column"
-			}, [(y(!0), d(a, null, x(e, (e) => (y(), d("li", { key: String(e.value) }, [f("button", {
+				class: "wi-select-field__label",
+				for: B.value
+			}, y(p.label), 9, C)) : l("", !0),
+			d("div", { class: h(["wi-cascadeselect__control wi-select__control", {
+				"wi-select__control--clearable": J.value,
+				"wi-select__control--open": P.value
+			}]) }, [d("button", {
+				id: B.value,
+				ref_key: "trigger",
+				ref: I,
 				type: "button",
-				class: g(["wi-cascadeselect__option", {
-					"wi-cascadeselect__option--selected": e.value === m.modelValue,
-					"wi-cascadeselect__option--parent": !!e.children?.length
+				class: h(["wi-cascadeselect__trigger", {
+					"wi-cascadeselect__trigger--invalid": G.value,
+					"wi-cascadeselect__trigger--placeholder": !q.value
 				}]),
-				disabled: e.disabled,
-				role: "option",
-				"aria-selected": e.value === m.modelValue,
-				onClick: (n) => J(e, t)
-			}, [f("span", null, S(e.label), 1), e.children?.length ? (y(), d("span", k, "›")) : u("", !0)], 10, O)]))), 128))]))), 128))], 6)) : u("", !0)]),
-			_: 1
-		})], 8, ["to", "disabled"]))], 2));
+				disabled: p.disabled,
+				"aria-expanded": P.value,
+				"aria-invalid": G.value || void 0,
+				"aria-describedby": K.value ? `${B.value}-help` : void 0,
+				"aria-haspopup": "listbox",
+				onClick: de
+			}, [d("span", T, y(ue.value), 1)], 10, w), d("div", E, [J.value ? (g(), u("button", {
+				key: 0,
+				class: "wi-select__clear",
+				type: "button",
+				"aria-label": b(M).clear,
+				onClick: Z
+			}, [f(e, {
+				name: "close",
+				size: "sm"
+			})], 8, oe)) : l("", !0), d("span", {
+				class: h(["wi-select__indicator", { "wi-select__indicator--open": P.value }]),
+				"aria-hidden": "true"
+			}, [f(e, {
+				name: "chevron-down",
+				size: "sm"
+			})], 2)])], 2),
+			K.value ? (g(), u("p", {
+				key: 1,
+				id: `${B.value}-help`,
+				class: h(["wi-select-field__help", { "wi-select-field__help--invalid": le.value }])
+			}, y(K.value), 11, se)) : l("", !0),
+			(g(), c(a, {
+				to: V.value.to,
+				disabled: V.value.disabled
+			}, [f(o, { name: "wi-scale-fade" }, {
+				default: S(() => [P.value ? (g(), u("div", {
+					key: 0,
+					ref_key: "panel",
+					ref: L,
+					class: h(["wi-cascadeselect__panel", { "wi-cascadeselect__panel--teleported": H.value }]),
+					style: ie(R.value),
+					role: "listbox"
+				}, [(g(!0), u(i, null, v(z.value, (t, n) => (g(), u("ul", {
+					key: n,
+					class: "wi-cascadeselect__column"
+				}, [(g(!0), u(i, null, v(t, (t) => (g(), u("li", { key: String(t.value) }, [d("button", {
+					type: "button",
+					class: h(["wi-cascadeselect__option", {
+						"wi-cascadeselect__option--selected": t.value === p.modelValue,
+						"wi-cascadeselect__option--parent": !!t.children?.length
+					}]),
+					disabled: t.disabled,
+					role: "option",
+					"aria-selected": t.value === p.modelValue,
+					onClick: (e) => fe(t, n)
+				}, [d("span", null, y(t.label), 1), t.children?.length ? (g(), c(e, {
+					key: 0,
+					name: "chevron-right",
+					size: "sm",
+					"aria-hidden": "true"
+				})) : l("", !0)], 10, ce)]))), 128))]))), 128))], 6)) : l("", !0)]),
+				_: 1
+			})], 8, ["to", "disabled"]))
+		], 2));
 	}
 });
 //#endregion
-export { A as WiCascadeSelect };
+export { D as WiCascadeSelect };

package/dist/cascade-select/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);
+    }
+}
+
 /* —— Form: CascadeSelect —— */
 .wi-cascadeselect {
     --wi-cascadeselect-min-width: 12rem;
@@ -759,6 +797,17 @@
     position: relative;
 }
 
+.wi-cascadeselect__control {
+    display: inline-block;
+    max-width: 100%;
+    min-width: var(--wi-cascadeselect-min-width);
+}
+
+.wi-select-field--fluid .wi-cascadeselect__control {
+    min-width: 0;
+    width: 100%;
+}
+
 .wi-cascadeselect__trigger {
     align-items: center;
     background: var(--wi-color-surface);
@@ -770,24 +819,24 @@
     display: inline-flex;
     font: inherit;
     font-size: var(--wi-control-font-medium);
-    gap: var(--wi-space-2);
-    justify-content: space-between;
     min-height: var(--wi-control-height-medium);
-    min-width: var(--wi-cascadeselect-min-width);
     padding: 0 var(--wi-control-padding-x-medium);
+    padding-right: var(--wi-control-end-padding);
     width: 100%;
 }
 
 .wi-cascadeselect--small .wi-cascadeselect__trigger {
     font-size: var(--wi-control-font-small);
     min-height: var(--wi-control-height-small);
-    padding: 0 var(--wi-control-padding-x-small);
+    padding-left: var(--wi-control-padding-x-small);
+    padding-right: var(--wi-control-end-padding);
 }
 
 .wi-cascadeselect--large .wi-cascadeselect__trigger {
     font-size: var(--wi-control-font-large);
     min-height: var(--wi-control-height-large);
-    padding: 0 var(--wi-control-padding-x-large);
+    padding-left: var(--wi-control-padding-x-large);
+    padding-right: var(--wi-control-end-padding);
 }
 
 .wi-cascadeselect__trigger:focus-visible {
@@ -795,11 +844,28 @@
     outline: none;
 }
 
+.wi-cascadeselect__trigger--invalid {
+    border-color: var(--wi-color-danger);
+}
+
 .wi-cascadeselect--disabled .wi-cascadeselect__trigger {
     cursor: not-allowed;
     opacity: var(--wi-opacity-disabled);
 }
 
+.wi-cascadeselect__label {
+    flex: 1 1 auto;
+    min-width: 0;
+    overflow: hidden;
+    text-align: left;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.wi-cascadeselect__trigger--placeholder .wi-cascadeselect__label {
+    color: var(--wi-color-text-muted);
+}
+
 .wi-cascadeselect__panel {
     background: var(--wi-color-surface);
     border: 1px solid var(--wi-color-border);

package/dist/cascade-select/style.js

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

package/dist/checkbox/index.js

@@ -1,4 +1,4 @@
-import { n as e, t } from "../Checkbox-BvlOYFGs.js";
+import { n as e, t } from "../Checkbox-CoovLjt_.js";
 import "./style.js";
 import { computed as n, createElementBlock as r, defineComponent as i, normalizeClass as a, openBlock as o, provide as s, renderSlot as c } from "vue";
 //#endregion

package/dist/checkbox/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/chip/index.js

@@ -1,13 +1,13 @@
 import { n as e, t } from "../types-tV3SEv3Q.js";
-import { t as n } from "../Icon-B6gOD07E.js";
-import { n as r } from "../locale-CYkJyRd1.js";
+import { t as n } from "../Icon-DHGs8l-M.js";
+import { n as r } from "../locale-DxAvgqgB.js";
 import "./style.js";
-import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, defineComponent as c, normalizeClass as l, openBlock as u, toDisplayString as d, unref as f } from "vue";
+import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, toDisplayString as f, unref as p } from "vue";
 //#region src/components/Chip/Chip.vue?vue&type=script&setup=true&lang.ts
-var p = ["aria-disabled"], m = ["src"], h = {
+var m = ["aria-disabled"], h = ["src"], g = {
 	key: 2,
 	class: "wi-chip__label"
-}, g = ["disabled", "aria-label"], _ = /* @__PURE__ */ c({
+}, _ = ["disabled", "aria-label"], v = /* @__PURE__ */ l({
 	__name: "Chip",
 	props: {
 		label: {},
@@ -25,43 +25,46 @@ var p = ["aria-disabled"], m = ["src"], h = {
 		size: {}
 	},
 	emits: ["remove"],
-	setup(c, { emit: _ }) {
-		let v = c, y = _, b = r(), x = i(() => v.severity ? t(v.severity) : void 0), S = i(() => e(v.size)), C = i(() => ["wi-chip", {
-			"wi-chip--disabled": v.disabled,
-			"wi-chip--removable": v.removable,
-			[`wi-chip--${x.value}`]: !!x.value,
-			"wi-chip--small": S.value === "small",
-			"wi-chip--large": S.value === "large"
+	setup(l, { emit: v }) {
+		let y = l, b = v, x = r(), S = i(() => y.severity ? t(y.severity) : void 0), C = i(() => e(y.size)), w = i(() => ["wi-chip", {
+			"wi-chip--disabled": y.disabled,
+			"wi-chip--removable": y.removable,
+			[`wi-chip--${S.value}`]: !!S.value,
+			"wi-chip--small": C.value === "small",
+			"wi-chip--large": C.value === "large"
 		}]);
-		function w(e) {
-			v.disabled || y("remove", e);
+		function T(e) {
+			y.disabled || b("remove", e);
 		}
-		return (e, t) => (u(), s("span", {
-			class: l(C.value),
-			"aria-disabled": c.disabled || void 0
+		return (e, t) => (d(), s("span", {
+			class: u(w.value),
+			"aria-disabled": l.disabled || void 0
 		}, [
-			c.image ? (u(), s("img", {
+			l.image ? (d(), s("img", {
 				key: 0,
 				class: "wi-chip__image",
-				src: c.image,
+				src: l.image,
 				alt: ""
-			}, null, 8, m)) : c.icon ? (u(), a(n, {
+			}, null, 8, h)) : l.icon ? (d(), a(n, {
 				key: 1,
 				class: "wi-chip__icon",
-				name: c.icon,
+				name: l.icon,
 				size: "sm"
 			}, null, 8, ["name"])) : o("", !0),
-			c.label ? (u(), s("span", h, d(c.label), 1)) : o("", !0),
-			c.removable ? (u(), s("button", {
+			l.label ? (d(), s("span", g, f(l.label), 1)) : o("", !0),
+			l.removable ? (d(), s("button", {
 				key: 3,
 				type: "button",
 				class: "wi-chip__remove",
-				disabled: c.disabled,
-				"aria-label": f(b).remove,
-				onClick: w
-			}, " × ", 8, g)) : o("", !0)
-		], 10, p));
+				disabled: l.disabled,
+				"aria-label": p(x).remove,
+				onClick: T
+			}, [c(n, {
+				name: "close",
+				size: "sm"
+			})], 8, _)) : o("", !0)
+		], 10, m));
 	}
 });
 //#endregion
-export { _ as WiChip };
+export { v as WiChip };

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

@@ -1,7 +1,7 @@
 import { n as e } from "../overlay-oR-5MDuE.js";
 import { t } from "../useModalOverlay-Beo3CEAt.js";
-import { c as n } from "../config-DWwce9jA.js";
-import { n as r } from "../locale-CYkJyRd1.js";
+import { c as n } from "../config-CTLkobga.js";
+import { n as r } from "../locale-DxAvgqgB.js";
 import "./style.js";
 import { Fragment as i, Teleport as a, Transition as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, nextTick as m, normalizeClass as h, openBlock as g, ref as _, renderList as v, toDisplayString as y, toRef as b, unref as x, vModelText as S, watch as C, withCtx as w, withDirectives as T, withModifiers as E } from "vue";
 //#region src/components/CommandMenu/CommandMenu.vue?vue&type=script&setup=true&lang.ts

package/dist/command-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/components/AutoComplete/AutoComplete.vue.d.ts

@@ -3,9 +3,11 @@ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOp
 declare const __VLS_export: DefineComponent<AutoCompleteProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
     "update:modelValue": (value: string) => any;
     complete: (query: string) => any;
+    clear: () => any;
 }, string, PublicProps, Readonly<AutoCompleteProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onComplete?: ((query: string) => any) | undefined;
+    onClear?: (() => any) | undefined;
 }>, {
     modelValue: string;
     disabled: boolean;

package/dist/components/AutoComplete/AutoComplete.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AutoComplete.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AutoComplete/AutoComplete.vue"],"names":[],"mappings":";AAmPA,OAAO,KAAK,EAAsB,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAqW5F,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"AutoComplete.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AutoComplete/AutoComplete.vue"],"names":[],"mappings":";AAmPA,OAAO,KAAK,EAAsB,iBAAiB,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AA+W5F,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;6EAIhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/AutoComplete/types.d.ts

@@ -22,5 +22,6 @@ export interface AutoCompleteProps {
 export interface AutoCompleteEmits {
     (event: 'update:modelValue', value: string): void;
     (event: 'complete', query: string): void;
+    (event: 'clear'): void;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/AutoComplete/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/AutoComplete/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAErD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,kBAAkB,CAAA;AAEhE,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,sBAAsB,EAAE,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,UAAU,CAAA;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACjD,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACzC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/AutoComplete/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAErD,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,kBAAkB,CAAA;AAEhE,MAAM,WAAW,iBAAiB;IAChC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,sBAAsB,EAAE,CAAA;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,UAAU,CAAA;CACtB;AAED,MAAM,WAAW,iBAAiB;IAChC,CAAC,KAAK,EAAE,mBAAmB,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACjD,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACxC,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;CACvB"}

package/dist/components/Button/Button.vue.d.ts

@@ -32,7 +32,6 @@ declare const __VLS_base: DefineComponent<ButtonProps, {
     rounded: boolean;
     plain: boolean;
     fluid: boolean;
-    block: boolean;
     badgeSeverity: ButtonBadgeSeverity;
     autofocus: boolean;
     nativeType: "button" | "submit" | "reset";

package/dist/components/Button/Button.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.vue"],"names":[],"mappings":";AAoJA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAmG1C,iBAAS,KAAK,SAEb;AAuHD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO;;CAAU,EAAE,QAAQ,IAAY,CAAE;AAChE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAChD;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;6EAKd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Button.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.vue"],"names":[],"mappings":";AAmJA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAkG1C,iBAAS,KAAK,SAEb;AAsHD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO;;CAAU,EAAE,QAAQ,IAAY,CAAE;AAChE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAChD;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAOhD,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;6EAKd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}