@well-insight/ui 0.1.10 → 0.1.11

package/dist/badge/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/block-ui/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/breadcrumb/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, createTextVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderList as u, renderSlot as d, toDisplayString as f, unref as p } from "vue";
 //#region src/components/Breadcrumb/Breadcrumb.vue?vue&type=script&setup=true&lang.ts

package/dist/breadcrumb/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/button/index.js

@@ -1,4 +1,4 @@
-import { t as e } from "../Button-B6-YxpOQ.js";
+import { t as e } from "../Button-tnrMSwNg.js";
 import "./style.js";
 import { computed as t, createElementBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, renderSlot as o } from "vue";
 //#region src/components/Button/ButtonGroup.vue?vue&type=script&setup=true&lang.ts

package/dist/button/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/card/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/carousel/index.js

@@ -1,15 +1,16 @@
-import { n as e } from "../locale-CYkJyRd1.js";
+import { t as e } from "../Icon-DHGs8l-M.js";
+import { n as t } from "../locale-DxAvgqgB.js";
 import "./style.js";
-import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, onBeforeUnmount as u, openBlock as d, ref as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g, watch as _ } from "vue";
+import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, onBeforeUnmount as f, openBlock as p, ref as m, renderList as h, renderSlot as g, toDisplayString as _, unref as v, watch as y } from "vue";
 //#region src/components/Carousel/Carousel.vue?vue&type=script&setup=true&lang.ts
-var v = { class: "wi-carousel" }, y = ["aria-label", "disabled"], b = { class: "wi-carousel__main" }, x = { class: "wi-carousel__viewport" }, S = {
+var b = { class: "wi-carousel" }, x = ["aria-label", "disabled"], S = { class: "wi-carousel__main" }, C = { class: "wi-carousel__viewport" }, w = {
 	key: 0,
 	class: "wi-carousel__indicators"
-}, C = [
+}, T = [
 	"aria-label",
 	"aria-current",
 	"onClick"
-], w = ["aria-label", "disabled"], T = /* @__PURE__ */ s({
+], E = ["aria-label", "disabled"], D = /* @__PURE__ */ l({
 	__name: "Carousel",
 	props: {
 		value: {},
@@ -33,79 +34,85 @@ var v = { class: "wi-carousel" }, y = ["aria-label", "disabled"], b = { class: "
 		}
 	},
 	emits: ["update:page"],
-	setup(s, { emit: T }) {
-		let E = s, D = T, O = f(0), k = e(), A = null, j = n(() => Math.max(0, E.value.length - E.numVisible)), M = n(() => Array.from({ length: j.value + 1 }, (e, t) => t)), N = n(() => {
-			let e = O.value;
-			return E.value.slice(e, e + E.numVisible).map((t, n) => ({
+	setup(l, { emit: D }) {
+		let O = l, k = D, A = m(0), j = t(), M = null, N = r(() => Math.max(0, O.value.length - O.numVisible)), P = r(() => Array.from({ length: N.value + 1 }, (e, t) => t)), F = r(() => {
+			let e = A.value;
+			return O.value.slice(e, e + O.numVisible).map((t, n) => ({
 				item: t,
 				index: e + n
 			}));
 		});
-		function P(e) {
+		function I(e) {
 			let t = e;
-			if (E.circular) {
-				let n = j.value + 1;
+			if (O.circular) {
+				let n = N.value + 1;
 				t = (e % n + n) % n;
-			} else t = Math.min(j.value, Math.max(0, e));
-			O.value = t, D("update:page", t);
-		}
-		function F() {
-			P(O.value - 1);
-		}
-		function I() {
-			P(O.value + 1);
+			} else t = Math.min(N.value, Math.max(0, e));
+			A.value = t, k("update:page", t);
 		}
 		function L() {
-			A !== null && (clearInterval(A), A = null);
+			I(A.value - 1);
 		}
 		function R() {
-			L(), !(!E.autoplay || E.value.length <= E.numVisible) && (A = setInterval(() => {
-				if (!E.circular && O.value >= j.value) {
-					P(0);
+			I(A.value + 1);
+		}
+		function z() {
+			M !== null && (clearInterval(M), M = null);
+		}
+		function B() {
+			z(), !(!O.autoplay || O.value.length <= O.numVisible) && (M = setInterval(() => {
+				if (!O.circular && A.value >= N.value) {
+					I(0);
 					return;
 				}
-				I();
-			}, Math.max(400, E.interval)));
+				R();
+			}, Math.max(400, O.interval)));
 		}
-		return _(() => [
-			E.autoplay,
-			E.interval,
-			E.value.length,
-			E.numVisible
-		], () => R(), { immediate: !0 }), u(L), (e, n) => (d(), i("div", v, [
-			s.showArrows ? (d(), i("button", {
+		return y(() => [
+			O.autoplay,
+			O.interval,
+			O.value.length,
+			O.numVisible
+		], () => B(), { immediate: !0 }), f(z), (t, r) => (p(), a("div", b, [
+			l.showArrows ? (p(), a("button", {
 				key: 0,
 				type: "button",
 				class: "wi-carousel__nav wi-carousel__nav--prev",
-				"aria-label": g(k).prev,
-				disabled: !s.circular && O.value <= 0,
-				onClick: F
-			}, " ‹ ", 8, y)) : r("", !0),
-			a("div", b, [a("div", x, [(d(!0), i(t, null, p(N.value, (t) => (d(), i("div", {
-				key: t.index,
+				"aria-label": v(j).prev,
+				disabled: !l.circular && A.value <= 0,
+				onClick: L
+			}, [c(e, {
+				name: "chevron-left",
+				size: "sm"
+			})], 8, x)) : i("", !0),
+			o("div", S, [o("div", C, [(p(!0), a(n, null, h(F.value, (e) => (p(), a("div", {
+				key: e.index,
 				class: "wi-carousel__item",
-				style: l({ flex: `0 0 ${100 / s.numVisible}%` })
-			}, [m(e.$slots, "item", {
-				item: t.item,
-				index: t.index
-			}, () => [o(h(t.item), 1)])], 4))), 128))]), s.showIndicators && M.value.length > 1 ? (d(), i("div", S, [(d(!0), i(t, null, p(M.value, (e) => (d(), i("button", {
+				style: d({ flex: `0 0 ${100 / l.numVisible}%` })
+			}, [g(t.$slots, "item", {
+				item: e.item,
+				index: e.index
+			}, () => [s(_(e.item), 1)])], 4))), 128))]), l.showIndicators && P.value.length > 1 ? (p(), a("div", w, [(p(!0), a(n, null, h(P.value, (e) => (p(), a("button", {
 				key: e,
 				type: "button",
-				class: c(["wi-carousel__indicator", { "wi-carousel__indicator--active": e === O.value }]),
+				class: u(["wi-carousel__indicator", { "wi-carousel__indicator--active": e === A.value }]),
 				"aria-label": String(e + 1),
-				"aria-current": e === O.value ? "true" : void 0,
-				onClick: (t) => P(e)
-			}, null, 10, C))), 128))])) : r("", !0)]),
-			s.showArrows ? (d(), i("button", {
+				"aria-current": e === A.value ? "true" : void 0,
+				onClick: (t) => I(e)
+			}, null, 10, T))), 128))])) : i("", !0)]),
+			l.showArrows ? (p(), a("button", {
 				key: 1,
 				type: "button",
 				class: "wi-carousel__nav wi-carousel__nav--next",
-				"aria-label": g(k).next,
-				disabled: !s.circular && O.value >= j.value,
-				onClick: I
-			}, " › ", 8, w)) : r("", !0)
+				"aria-label": v(j).next,
+				disabled: !l.circular && A.value >= N.value,
+				onClick: R
+			}, [c(e, {
+				name: "chevron-right",
+				size: "sm"
+			})], 8, E)) : i("", !0)
 		]));
 	}
 });
 //#endregion
-export { T as WiCarousel };
+export { D as WiCarousel };

package/dist/carousel/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);
+    }
+}
+
 /* —— Media: Carousel —— */
 .wi-carousel {
     --wi-carousel-indicator-size: 0.45rem;

package/dist/carousel/style.js

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

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 };