@well-insight/ui 0.1.10 → 0.1.12

package/dist/inplace/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/input/index.js

@@ -1,12 +1,13 @@
-import { i as e, o as t, s as n } from "../config-DWwce9jA.js";
-import { n as r } from "../locale-CYkJyRd1.js";
+import { t as e } from "../Icon-DHGs8l-M.js";
+import { i as t, o as n, s as r } from "../config-CTLkobga.js";
+import { n as i } from "../locale-DxAvgqgB.js";
 import "./style.js";
-import { computed as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, mergeProps as l, normalizeClass as u, openBlock as d, ref as f, renderSlot as p, toDisplayString as m, unref as h, useAttrs as g, useSlots as _ } from "vue";
+import { computed as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, openBlock as p, ref as m, renderSlot as h, toDisplayString as g, unref as _, useAttrs as v, useSlots as y } from "vue";
 //#region src/components/Input/Input.vue?vue&type=script&setup=true&lang.ts
-var v = ["for"], y = {
+var b = ["for"], x = {
 	key: 0,
 	class: "wi-input__prefix"
-}, b = [
+}, S = [
 	"id",
 	"type",
 	"value",
@@ -15,13 +16,13 @@ var v = ["for"], y = {
 	"maxlength",
 	"aria-invalid",
 	"aria-describedby"
-], x = {
+], C = {
 	key: 1,
 	class: "wi-input__suffix"
-}, S = ["aria-label", "disabled"], C = {
+}, w = ["aria-label", "disabled"], T = {
 	key: 1,
 	class: "wi-input-field__meta"
-}, w = ["id", "role"], T = ["id"], E = /* @__PURE__ */ c({
+}, E = ["id", "role"], D = ["id"], O = /* @__PURE__ */ u({
 	inheritAttrs: !1,
 	__name: "Input",
 	props: {
@@ -32,10 +33,6 @@ var v = ["for"], y = {
 			type: Boolean,
 			default: !1
 		},
-		error: {
-			type: Boolean,
-			default: !1
-		},
 		errorMessage: {},
 		id: {},
 		type: { default: "text" },
@@ -64,81 +61,83 @@ var v = ["for"], y = {
 		}
 	},
 	emits: ["update:modelValue", "clear"],
-	setup(c, { expose: E, emit: D }) {
-		let O = c, k = D, A = g(), j = _(), M = e("Input"), N = r(), P = f(null), F = i(() => O.id ?? `wi-input-${Math.random().toString(36).slice(2, 8)}`), I = i(() => O.invalid || O.error || !!O.errorMessage), L = t("Input", () => O.size), R = n("Input", () => O.variant), z = i(() => O.clearable ?? M.value.clearable ?? !1), B = i(() => O.showCount ?? M.value.showCount ?? !1), V = i(() => O.fluid ?? M.value.fluid ?? !1), H = i(() => O.modelValue.length), U = i(() => O.maxlength == null ? String(H.value) : `${H.value} / ${O.maxlength}`), W = i(() => O.errorMessage || O.helpText), G = i(() => !!O.errorMessage || I.value && !!O.helpText), K = i(() => !!j.prefix), q = i(() => !!j.suffix || z.value && !!O.modelValue), J = i(() => {
+	setup(u, { expose: O, emit: k }) {
+		let A = u, j = k, M = v(), N = y(), P = t("Input"), F = i(), I = m(null), L = a(() => A.id ?? `wi-input-${Math.random().toString(36).slice(2, 8)}`), R = a(() => A.invalid || !!A.errorMessage), z = n("Input", () => A.size), B = r("Input", () => A.variant), V = a(() => A.clearable ?? P.value.clearable ?? !1), H = a(() => A.showCount ?? P.value.showCount ?? !1), U = a(() => A.fluid ?? P.value.fluid ?? !1), W = a(() => A.modelValue.length), G = a(() => A.maxlength == null ? String(W.value) : `${W.value} / ${A.maxlength}`), K = a(() => A.errorMessage || A.helpText), q = a(() => !!A.errorMessage || R.value && !!A.helpText), J = a(() => !!N.prefix), Y = a(() => !!N.suffix || V.value && !!A.modelValue), X = a(() => {
 			let e = [];
-			return W.value && e.push(`${F.value}-help`), B.value && e.push(`${F.value}-count`), e.length ? e.join(" ") : void 0;
-		}), Y = i(() => [
+			return K.value && e.push(`${L.value}-help`), H.value && e.push(`${L.value}-count`), e.length ? e.join(" ") : void 0;
+		}), Z = a(() => [
 			"wi-input",
-			`wi-input--${L.value}`,
+			`wi-input--${z.value}`,
 			{
-				"wi-input--filled": R.value === "filled",
-				"wi-input--fluid": V.value,
-				"wi-input--invalid": I.value,
-				"wi-input--error": I.value,
-				"wi-input--has-prefix": K.value,
-				"wi-input--has-suffix": q.value
+				"wi-input--filled": B.value === "filled",
+				"wi-input--fluid": U.value,
+				"wi-input--invalid": R.value,
+				"wi-input--has-prefix": J.value,
+				"wi-input--has-suffix": Y.value
 			}
 		]);
-		function X(e) {
-			k("update:modelValue", e.target.value);
+		function Q(e) {
+			j("update:modelValue", e.target.value);
 		}
-		function Z() {
-			O.disabled || O.readonly || (k("update:modelValue", ""), k("clear"), P.value?.focus());
+		function $() {
+			A.disabled || A.readonly || (j("update:modelValue", ""), j("clear"), I.value?.focus());
 		}
-		function Q() {
-			P.value?.focus();
+		function ee() {
+			I.value?.focus();
 		}
-		return E({ focus: Q }), (e, t) => (d(), o("div", { class: u(["wi-input-field", { "wi-input-field--fluid": V.value }]) }, [
-			c.label ? (d(), o("label", {
+		return O({ focus: ee }), (t, n) => (p(), s("div", { class: f(["wi-input-field", { "wi-input-field--fluid": U.value }]) }, [
+			u.label ? (p(), s("label", {
 				key: 0,
 				class: "wi-input-field__label",
-				for: F.value
-			}, m(c.label), 9, v)) : a("", !0),
-			s("div", { class: u(["wi-input-field__control", {
-				"wi-input-field__control--clearable": z.value && c.modelValue,
-				"wi-input-field__control--counted": B.value,
-				"wi-input-field__control--prefixed": K.value,
-				"wi-input-field__control--suffixed": e.$slots.suffix || z.value && c.modelValue
+				for: L.value
+			}, g(u.label), 9, b)) : o("", !0),
+			c("div", { class: f(["wi-input-field__control", {
+				"wi-input-field__control--clearable": V.value && u.modelValue,
+				"wi-input-field__control--counted": H.value,
+				"wi-input-field__control--prefixed": J.value,
+				"wi-input-field__control--suffixed": t.$slots.suffix || V.value && u.modelValue
 			}]) }, [
-				e.$slots.prefix ? (d(), o("span", y, [p(e.$slots, "prefix")])) : a("", !0),
-				s("input", l(h(A), {
-					id: F.value,
+				t.$slots.prefix ? (p(), s("span", x, [h(t.$slots, "prefix")])) : o("", !0),
+				c("input", d(_(M), {
+					id: L.value,
 					ref_key: "inputElement",
-					ref: P,
-					class: Y.value,
-					type: c.type,
-					value: c.modelValue,
-					disabled: c.disabled,
-					readonly: c.readonly,
-					maxlength: c.maxlength,
-					"aria-invalid": I.value || void 0,
-					"aria-describedby": J.value,
-					onInput: X
-				}), null, 16, b),
-				e.$slots.suffix ? (d(), o("span", x, [p(e.$slots, "suffix")])) : a("", !0),
-				z.value && c.modelValue ? (d(), o("button", {
+					ref: I,
+					class: Z.value,
+					type: u.type,
+					value: u.modelValue,
+					disabled: u.disabled,
+					readonly: u.readonly,
+					maxlength: u.maxlength,
+					"aria-invalid": R.value || void 0,
+					"aria-describedby": X.value,
+					onInput: Q
+				}), null, 16, S),
+				t.$slots.suffix ? (p(), s("span", C, [h(t.$slots, "suffix")])) : o("", !0),
+				V.value && u.modelValue ? (p(), s("button", {
 					key: 2,
 					class: "wi-input__clear",
 					type: "button",
-					"aria-label": h(N).clearInput,
-					disabled: c.disabled || c.readonly,
-					onClick: Z
-				}, " × ", 8, S)) : a("", !0)
+					"aria-label": _(F).clearInput,
+					disabled: u.disabled || u.readonly,
+					onClick: $
+				}, [l(e, {
+					name: "close",
+					size: "sm"
+				})], 8, w)) : o("", !0)
 			], 2),
-			W.value || B.value ? (d(), o("div", C, [W.value ? (d(), o("span", {
+			K.value || H.value ? (p(), s("div", T, [K.value ? (p(), s("span", {
 				key: 0,
-				id: `${F.value}-help`,
-				class: u(["wi-input-field__help", { "wi-input-field__help--error": G.value }]),
-				role: G.value ? "alert" : void 0
-			}, m(W.value), 11, w)) : a("", !0), B.value ? (d(), o("span", {
+				id: `${L.value}-help`,
+				class: f(["wi-input-field__help", { "wi-input-field__help--invalid": q.value }]),
+				role: q.value ? "alert" : void 0
+			}, g(K.value), 11, E)) : o("", !0), H.value ? (p(), s("span", {
 				key: 1,
-				id: `${F.value}-count`,
+				id: `${L.value}-count`,
 				class: "wi-input-field__count",
 				"aria-live": "polite"
-			}, m(U.value), 9, T)) : a("", !0)])) : a("", !0)
+			}, g(G.value), 9, D)) : o("", !0)])) : o("", !0)
 		], 2));
 	}
 });
 //#endregion
-export { E as WiInput };
+export { O as WiInput };

package/dist/input/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-input:focus {
     outline: none;
 }
@@ -764,8 +802,7 @@
     outline: none;
 }
 
-.wi-input--invalid:focus-visible,
-.wi-input--error:focus-visible {
+.wi-input--invalid:focus-visible {
     border-color: var(--wi-color-danger);
     box-shadow: var(--wi-focus-shadow-danger);
 }
@@ -790,7 +827,7 @@
     font-size: var(--wi-font-size-xs);
 }
 
-.wi-input-field__help--error {
+.wi-input-field__help--invalid {
     color: var(--wi-color-danger);
 }
 
@@ -887,8 +924,7 @@
     width: 100%;
 }
 
-.wi-input--invalid,
-.wi-input--error {
+.wi-input--invalid {
     border-color: var(--wi-color-danger);
 }
 

package/dist/input/style.js

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

package/dist/input-color/index.js

@@ -1,4 +1,4 @@
-import { n as e } from "../locale-CYkJyRd1.js";
+import { n as e } from "../locale-DxAvgqgB.js";
 import "./style.js";
 import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, renderList as u, unref as d } from "vue";
 //#region src/components/InputColor/InputColor.vue?vue&type=script&setup=true&lang.ts

package/dist/input-color/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/input-group/style.css

@@ -480,8 +480,8 @@
     font-size: var(--wi-font-size-xs);
 }
 
-.wi-textarea-field__help--error,
-.wi-select-field__help--error {
+.wi-textarea-field__help--invalid,
+.wi-select-field__help--invalid {
     color: var(--wi-color-danger);
 }
 
@@ -500,9 +500,8 @@
 }
 
 .wi-textarea--invalid:focus-visible,
-.wi-textarea--error:focus-visible,
-.wi-select--error.wi-select--open,
-.wi-select--error:focus-visible {
+.wi-select--invalid.wi-select--open,
+.wi-select--invalid:focus-visible {
     border-color: var(--wi-color-danger);
     box-shadow: var(--wi-focus-shadow-danger);
 }

package/dist/input-number/index.js

@@ -1,9 +1,10 @@
-import { o as e } from "../config-DWwce9jA.js";
-import { n as t } from "../locale-CYkJyRd1.js";
+import { t as e } from "../Icon-DHGs8l-M.js";
+import { o as t } from "../config-CTLkobga.js";
+import { n } from "../locale-DxAvgqgB.js";
 import "./style.js";
-import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, mergeProps as s, normalizeClass as c, openBlock as l, toDisplayString as u, unref as d, useAttrs as f } from "vue";
+import { computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, mergeProps as l, normalizeClass as u, openBlock as d, toDisplayString as f, unref as p, useAttrs as m } from "vue";
 //#region src/components/InputNumber/InputNumber.vue?vue&type=script&setup=true&lang.ts
-var p = ["for"], m = ["aria-label", "disabled"], h = [
+var h = ["for"], g = ["aria-label", "disabled"], _ = [
 	"id",
 	"value",
 	"min",
@@ -11,10 +12,10 @@ var p = ["for"], m = ["aria-label", "disabled"], h = [
 	"step",
 	"disabled",
 	"aria-invalid"
-], g = ["aria-label"], _ = {
+], v = ["aria-label"], y = {
 	key: 2,
 	class: "wi-inputnumber__stack"
-}, v = ["aria-label", "disabled"], y = ["aria-label", "disabled"], b = ["aria-label", "disabled"], x = /* @__PURE__ */ o({
+}, b = ["aria-label", "disabled"], x = ["aria-label", "disabled"], S = ["aria-label", "disabled"], C = /* @__PURE__ */ c({
 	inheritAttrs: !1,
 	__name: "InputNumber",
 	props: {
@@ -49,98 +50,113 @@ var p = ["for"], m = ["aria-label", "disabled"], h = [
 		id: {}
 	},
 	emits: ["update:modelValue"],
-	setup(o, { emit: x }) {
-		let S = o, C = x, w = f(), T = t(), E = n(() => S.id ?? `wi-inputnumber-${Math.random().toString(36).slice(2, 8)}`), D = e("InputNumber", () => S.size), O = n(() => S.clearable && S.modelValue != null && !S.disabled), k = n(() => [
+	setup(c, { emit: C }) {
+		let w = c, T = C, E = m(), D = n(), O = r(() => w.id ?? `wi-inputnumber-${Math.random().toString(36).slice(2, 8)}`), k = t("InputNumber", () => w.size), A = r(() => w.clearable && w.modelValue != null && !w.disabled), j = r(() => [
 			"wi-inputnumber",
-			`wi-inputnumber--${D.value}`,
+			`wi-inputnumber--${k.value}`,
 			{
-				"wi-inputnumber--fluid": S.fluid,
-				"wi-inputnumber--invalid": S.invalid,
-				"wi-inputnumber--disabled": S.disabled,
-				"wi-inputnumber--buttons": S.showButtons,
-				"wi-inputnumber--buttons-right": S.showButtons && S.buttonPlacement === "right"
+				"wi-inputnumber--fluid": w.fluid,
+				"wi-inputnumber--invalid": w.invalid,
+				"wi-inputnumber--disabled": w.disabled,
+				"wi-inputnumber--buttons": w.showButtons,
+				"wi-inputnumber--buttons-right": w.showButtons && w.buttonPlacement === "right"
 			}
 		]);
-		function A(e) {
-			if (S.precision == null) return e;
-			let t = 10 ** S.precision;
+		function M(e) {
+			if (w.precision == null) return e;
+			let t = 10 ** w.precision;
 			return Math.round(e * t) / t;
 		}
-		function j(e) {
-			let t = A(e);
-			return S.min != null && t < S.min && (t = S.min), S.max != null && t > S.max && (t = S.max), t;
+		function N(e) {
+			let t = M(e);
+			return w.min != null && t < w.min && (t = w.min), w.max != null && t > w.max && (t = w.max), t;
 		}
-		function M(e) {
+		function P(e) {
 			let t = e.trim();
 			if (t === "" || t === "-" || t === "+" || t === ".") return null;
 			let n = Number(t);
-			return Number.isNaN(n) ? null : j(n);
+			return Number.isNaN(n) ? null : N(n);
 		}
-		function N(e) {
-			S.disabled || C("update:modelValue", M(e.target.value));
+		function F(e) {
+			w.disabled || T("update:modelValue", P(e.target.value));
 		}
-		function P(e) {
-			if (S.disabled) return;
-			let t = S.modelValue ?? S.min ?? 0;
-			C("update:modelValue", j(t + e * S.step));
+		function I(e) {
+			if (w.disabled) return;
+			let t = w.modelValue ?? w.min ?? 0;
+			T("update:modelValue", N(t + e * w.step));
 		}
-		function F() {
-			S.disabled || C("update:modelValue", null);
+		function L() {
+			w.disabled || T("update:modelValue", null);
 		}
-		return (e, t) => (l(), i("div", { class: c(["wi-inputnumber-field", { "wi-inputnumber-field--fluid": o.fluid }]) }, [o.label ? (l(), i("label", {
+		return (t, n) => (d(), a("div", { class: u(["wi-inputnumber-field", { "wi-inputnumber-field--fluid": c.fluid }]) }, [c.label ? (d(), a("label", {
 			key: 0,
 			class: "wi-inputnumber-field__label",
-			for: E.value
-		}, u(o.label), 9, p)) : r("", !0), a("div", { class: c(k.value) }, [
-			o.showButtons && o.buttonPlacement === "both" ? (l(), i("button", {
+			for: O.value
+		}, f(c.label), 9, h)) : i("", !0), o("div", { class: u(j.value) }, [
+			c.showButtons && c.buttonPlacement === "both" ? (d(), a("button", {
 				key: 0,
 				class: "wi-inputnumber__button wi-inputnumber__button--decrement",
 				type: "button",
-				"aria-label": d(T).decrease,
-				disabled: o.disabled || o.min != null && o.modelValue != null && o.modelValue <= o.min,
-				onClick: t[0] ||= (e) => P(-1)
-			}, " − ", 8, m)) : r("", !0),
-			a("input", s(d(w), {
-				id: E.value,
+				"aria-label": p(D).decrease,
+				disabled: c.disabled || c.min != null && c.modelValue != null && c.modelValue <= c.min,
+				onClick: n[0] ||= (e) => I(-1)
+			}, [s(e, {
+				name: "minus",
+				size: "sm"
+			})], 8, g)) : i("", !0),
+			o("input", l(p(E), {
+				id: O.value,
 				class: "wi-inputnumber__input",
 				type: "number",
-				value: o.modelValue ?? "",
-				min: o.min,
-				max: o.max,
-				step: o.step,
-				disabled: o.disabled,
-				"aria-invalid": o.invalid || void 0,
-				onInput: N
-			}), null, 16, h),
-			O.value ? (l(), i("button", {
+				value: c.modelValue ?? "",
+				min: c.min,
+				max: c.max,
+				step: c.step,
+				disabled: c.disabled,
+				"aria-invalid": c.invalid || void 0,
+				onInput: F
+			}), null, 16, _),
+			A.value ? (d(), a("button", {
 				key: 1,
 				type: "button",
 				class: "wi-inputnumber__clear",
-				"aria-label": d(T).clearInput,
-				onClick: F
-			}, " × ", 8, g)) : r("", !0),
-			o.showButtons && o.buttonPlacement === "right" ? (l(), i("div", _, [a("button", {
+				"aria-label": p(D).clearInput,
+				onClick: L
+			}, [s(e, {
+				name: "close",
+				size: "sm"
+			})], 8, v)) : i("", !0),
+			c.showButtons && c.buttonPlacement === "right" ? (d(), a("div", y, [o("button", {
 				class: "wi-inputnumber__button wi-inputnumber__button--increment",
 				type: "button",
-				"aria-label": d(T).increase,
-				disabled: o.disabled || o.max != null && o.modelValue != null && o.modelValue >= o.max,
-				onClick: t[1] ||= (e) => P(1)
-			}, " + ", 8, v), a("button", {
+				"aria-label": p(D).increase,
+				disabled: c.disabled || c.max != null && c.modelValue != null && c.modelValue >= c.max,
+				onClick: n[1] ||= (e) => I(1)
+			}, [s(e, {
+				name: "plus",
+				size: "sm"
+			})], 8, b), o("button", {
 				class: "wi-inputnumber__button wi-inputnumber__button--decrement",
 				type: "button",
-				"aria-label": d(T).decrease,
-				disabled: o.disabled || o.min != null && o.modelValue != null && o.modelValue <= o.min,
-				onClick: t[2] ||= (e) => P(-1)
-			}, " − ", 8, y)])) : o.showButtons ? (l(), i("button", {
+				"aria-label": p(D).decrease,
+				disabled: c.disabled || c.min != null && c.modelValue != null && c.modelValue <= c.min,
+				onClick: n[2] ||= (e) => I(-1)
+			}, [s(e, {
+				name: "minus",
+				size: "sm"
+			})], 8, x)])) : c.showButtons ? (d(), a("button", {
 				key: 3,
 				class: "wi-inputnumber__button wi-inputnumber__button--increment",
 				type: "button",
-				"aria-label": d(T).increase,
-				disabled: o.disabled || o.max != null && o.modelValue != null && o.modelValue >= o.max,
-				onClick: t[3] ||= (e) => P(1)
-			}, " + ", 8, b)) : r("", !0)
+				"aria-label": p(D).increase,
+				disabled: c.disabled || c.max != null && c.modelValue != null && c.modelValue >= c.max,
+				onClick: n[3] ||= (e) => I(1)
+			}, [s(e, {
+				name: "plus",
+				size: "sm"
+			})], 8, S)) : i("", !0)
 		], 2)], 2));
 	}
 });
 //#endregion
-export { x as WiInputNumber };
+export { C as WiInputNumber };

package/dist/input-number/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: InputNumber —— */
 .wi-inputnumber-field {
     display: grid;

package/dist/input-number/style.js

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