haze-ui 1.26.0 → 1.28.0

package/dist/components/Calendar/date.js

@@ -40,9 +40,42 @@ function r(r, i, a) {
 	return o;
 }
 function i(e, t, n) {
+	let r = new Date(e, t, n).getDay(), i = r === 0 ? 7 : r, a = Date.UTC(e, t, n + 4 - i), o = new Date(a).getUTCFullYear(), s = (a - Date.UTC(o, 0, 1)) / 864e5;
+	return Math.floor(s / 7) + 1;
+}
+function a(e, t, n) {
 	return `${e}-${String(t + 1).padStart(2, "0")}-${String(n).padStart(2, "0")}`;
 }
-function a(t) {
+function o(e, t) {
+	return `${e}-${String(t + 1).padStart(2, "0")}`;
+}
+function s(e) {
+	let t = /^(\d{4})-(\d{2})$/.exec(e);
+	if (!t) return null;
+	let n = Number(t[1]), r = Number(t[2]) - 1;
+	return r < 0 || r > 11 ? null : {
+		year: n,
+		month: r
+	};
+}
+function c(e, t) {
+	return `${e}-Q${t}`;
+}
+function l(e) {
+	let t = /^(\d{4})-Q([1-4])$/.exec(e);
+	return t ? {
+		year: Number(t[1]),
+		quarter: Number(t[2])
+	} : null;
+}
+function u(e) {
+	return String(e);
+}
+function d(e) {
+	let t = /^(\d{4})$/.exec(e);
+	return t ? { year: Number(t[1]) } : null;
+}
+function f(t) {
 	let n = /^(\d{4})-(\d{2})-(\d{2})$/.exec(t);
 	if (!n) return null;
 	let r = Number(n[1]), i = Number(n[2]) - 1, a = Number(n[3]);
@@ -51,4 +84,4 @@ function a(t) {
 	return o.getFullYear() !== r || o.getMonth() !== i || o.getDate() !== a ? null : o;
 }
 //#endregion
-export { t as addMonths, r as buildMonthCells, i as formatDate, e as getDaysInMonth, n as getLeadingDays, a as parseCivilDate };
+export { t as addMonths, r as buildMonthCells, a as formatDate, o as formatMonthValue, c as formatQuarterValue, u as formatYearValue, e as getDaysInMonth, i as getISOWeekNumber, n as getLeadingDays, f as parseCivilDate, s as parseMonthValue, l as parseQuarterValue, d as parseYearValue };

package/dist/components/Card/Card.js

@@ -1,5 +1,4 @@
 
-"use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css               */
 import { jsx as t } from "react/jsx-runtime";

package/dist/components/Card/index.js

@@ -1,3 +1,2 @@
-"use client";
 import e from "./Card.js";
 export { e as Card };

package/dist/components/Carousel/Carousel.js

@@ -1,71 +1,94 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { formatString as t } from "../LocaleProvider/locale.js";
-import { useStrings as n } from "../LocaleProvider/useStrings.js";
+import { getDirection as t } from "../../utils/direction.js";
+import { formatString as n } from "../LocaleProvider/locale.js";
+import { useStrings as r } from "../LocaleProvider/useStrings.js";
 /* empty css                   */
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
-import { Children as o, useEffect as s, useRef as c } from "react";
-import { useControl as l } from "react-use-control";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Children as s, useEffect as c, useRef as l } from "react";
+import { useControl as u } from "react-use-control";
 //#region src/lib/components/Carousel/Carousel.tsx
-var u = "haze-Carousel__wrapper", d = "haze-Carousel__track", f = "haze-Carousel__navBtn", p = "haze-Carousel__prevBtn", m = "haze-Carousel__nextBtn", h = "haze-Carousel__indicators", g = "haze-Carousel__dot", _ = "haze-Carousel__dotActive";
-function v({ value: v, autoPlay: y = !1, interval: b = 5e3, className: x, children: S }) {
-	let [C, w] = l(v, 0), T = c(null), E = o.count(S), D = n("carousel");
-	return s(() => {
-		let e = T.current;
+var d = "haze-Carousel__wrapper", f = "haze-Carousel__track", p = "haze-Carousel__navBtn", m = "haze-Carousel__prevBtn", h = "haze-Carousel__nextBtn", g = "haze-Carousel__indicators", _ = "haze-Carousel__dot", v = "haze-Carousel__dotActive";
+function y({ value: y, autoPlay: b = !1, interval: x = 5e3, className: S, children: C }) {
+	let [w, T] = u(y, 0), E = l(null), D = l(null), O = s.count(C), k = r("carousel");
+	c(() => {
+		let e = E.current;
 		if (!e) return;
-		let t = e.children[C];
+		let t = e.children[w];
 		t && t.scrollIntoView({
 			behavior: "smooth",
 			block: "nearest",
 			inline: "start"
 		});
-	}, [C]), s(() => {
-		if (!y || E <= 1) return;
+	}, [w]), c(() => {
+		if (!b || O <= 1) return;
 		let e = setInterval(() => {
-			w((e) => (e + 1) % E);
-		}, b);
+			T((e) => (e + 1) % O);
+		}, x);
 		return () => clearInterval(e);
 	}, [
-		y,
 		b,
-		E,
-		w
-	]), /* @__PURE__ */ a("div", {
+		x,
+		O,
+		T
+	]);
+	let A = () => T((e) => (e - 1 + O) % O), j = () => T((e) => (e + 1) % O);
+	return /* @__PURE__ */ o("div", {
+		ref: D,
 		role: "region",
 		"aria-roledescription": "carousel",
-		"aria-label": D.label,
-		className: e([u, x]),
-		children: [/* @__PURE__ */ i("div", {
-			ref: T,
-			className: d,
-			children: S
-		}), E > 1 && /* @__PURE__ */ a(r, { children: [
-			/* @__PURE__ */ i("button", {
+		"aria-label": k.label,
+		tabIndex: 0,
+		onKeyDown: (e) => {
+			if (O <= 1) return;
+			let n = t(D.current) === "rtl" ? "ArrowLeft" : "ArrowRight", r = n === "ArrowLeft" ? "ArrowRight" : "ArrowLeft";
+			switch (e.key) {
+				case n:
+					e.preventDefault(), j();
+					return;
+				case r:
+					e.preventDefault(), A();
+					return;
+				case "Home":
+					e.preventDefault(), T(0);
+					return;
+				case "End":
+					e.preventDefault(), T(O - 1);
+					return;
+			}
+		},
+		className: e([d, S]),
+		children: [/* @__PURE__ */ a("div", {
+			ref: E,
+			className: f,
+			children: C
+		}), O > 1 && /* @__PURE__ */ o(i, { children: [
+			/* @__PURE__ */ a("button", {
 				type: "button",
-				onClick: () => w((e) => (e - 1 + E) % E),
-				"aria-label": D.previousSlide,
-				className: e([f, p]),
+				onClick: A,
+				"aria-label": k.previousSlide,
+				className: e([p, m]),
 				children: "‹"
 			}),
-			/* @__PURE__ */ i("button", {
+			/* @__PURE__ */ a("button", {
 				type: "button",
-				onClick: () => w((e) => (e + 1) % E),
-				"aria-label": D.nextSlide,
-				className: e([f, m]),
+				onClick: j,
+				"aria-label": k.nextSlide,
+				className: e([p, h]),
 				children: "›"
 			}),
-			/* @__PURE__ */ i("div", {
-				className: h,
-				children: Array.from({ length: E }, (n, r) => /* @__PURE__ */ i("button", {
+			/* @__PURE__ */ a("div", {
+				className: g,
+				children: Array.from({ length: O }, (t, r) => /* @__PURE__ */ a("button", {
 					type: "button",
-					onClick: () => w(r),
-					"aria-label": t(D.goToSlide, { index: r + 1 }),
-					className: e([g, r === C && _])
+					onClick: () => T(r),
+					"aria-label": n(k.goToSlide, { index: r + 1 }),
+					className: e([_, r === w && v])
 				}, r))
 			})
 		] })]
 	});
 }
 //#endregion
-export { v as default };
+export { y as default };

package/dist/components/Cascader/Cascader.js

@@ -1,15 +1,19 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { useFocusScope as t } from "../../utils/focus-scope.js";
-import { FloatingPanel as n, useFloating as r } from "../../utils/floating.js";
-import { useStrings as i } from "../LocaleProvider/useStrings.js";
+import { mergeRefs as t } from "../../utils/refs.js";
+import { getDirection as n } from "../../utils/direction.js";
+import { useStrings as r } from "../LocaleProvider/useStrings.js";
+import { FloatingPanel as i, useFloating as a } from "../../utils/floating.js";
+import o from "../Spinner/Spinner.js";
+import ee from "../VirtualList/VirtualList.js";
+import { useFocusScope as te } from "../../utils/focus-scope.js";
 /* empty css                   */
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { Fragment as ee, useCallback as s, useEffect as c, useId as te, useRef as l, useState as ne } from "react";
-import { isControl as u, useControl as d, useThru as f, watch as p } from "react-use-control";
+import { Fragment as ne, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Fragment as re, useCallback as l, useEffect as u, useId as ie, useRef as d, useState as f } from "react";
+import { isControl as ae, useControl as p, useThru as oe, watch as se } from "react-use-control";
 //#region src/lib/components/Cascader/Cascader.tsx
-var m = "haze-Cascader__wrapper", h = "haze-Cascader__trigger", g = "haze-Cascader__triggerValue", _ = "haze-Cascader__triggerPlaceholder", re = "haze-Cascader__triggerCaret", ie = "haze-Cascader__separator", ae = "haze-Cascader__panel", oe = "haze-Cascader__column", se = "haze-Cascader__item", v = "haze-Cascader__itemInPath", y = "haze-Cascader__itemLabel", b = "haze-Cascader__chevron", x = () => /* @__PURE__ */ a("svg", {
+var ce = "haze-Cascader__wrapper", le = "haze-Cascader__trigger", ue = "haze-Cascader__triggerValue", de = "haze-Cascader__triggerPlaceholder", fe = "haze-Cascader__triggerCaret", pe = "haze-Cascader__separator", me = "haze-Cascader__panel", he = "haze-Cascader__panelSearch", ge = "haze-Cascader__columnsStrip", _e = "haze-Cascader__searchInput", ve = "haze-Cascader__loadingBlock", ye = "haze-Cascader__emptyBlock", be = "haze-Cascader__column", xe = "haze-Cascader__columnVirtual", Se = 220, Ce = 37, we = "haze-Cascader__virtualRow", Te = "haze-Cascader__item", Ee = "haze-Cascader__itemInPath", De = "haze-Cascader__itemLabel", Oe = "haze-Cascader__chevron", ke = () => /* @__PURE__ */ s("svg", {
 	viewBox: "0 0 12 12",
 	fill: "none",
 	stroke: "currentColor",
@@ -18,8 +22,8 @@ var m = "haze-Cascader__wrapper", h = "haze-Cascader__trigger", g = "haze-Cascad
 	strokeLinejoin: "round",
 	"aria-hidden": "true",
 	focusable: "false",
-	children: a("path", { d: "M4 2l4 4-4 4" })
-}), S = () => /* @__PURE__ */ a("svg", {
+	children: s("path", { d: "M4 2l4 4-4 4" })
+}), Ae = () => /* @__PURE__ */ s("svg", {
 	viewBox: "0 0 12 12",
 	fill: "none",
 	stroke: "currentColor",
@@ -28,201 +32,279 @@ var m = "haze-Cascader__wrapper", h = "haze-Cascader__trigger", g = "haze-Cascad
 	strokeLinejoin: "round",
 	"aria-hidden": "true",
 	focusable: "false",
-	children: a("path", { d: "M2 4l4 4 4-4" })
-}), C = "[role=\"menuitem\"]";
-function w(e) {
+	children: s("path", { d: "M2 4l4 4 4-4" })
+}), m = "[role=\"menuitem\"]";
+function h(e) {
 	return e ? Array.from(e.querySelectorAll("[data-haze-cascader-column]")) : [];
 }
-function T(e) {
-	return e ? Array.from(e.querySelectorAll(C)) : [];
+function g(e) {
+	return e ? Array.from(e.querySelectorAll(m)) : [];
 }
-function E({ options: E, value: D, onChange: O, placeholder: k, changeOnSelect: A = !1, expandTrigger: j = "click", className: M, ...N }) {
-	let P = i("cascader"), [F, I] = d(!1, !1), L = u(D), [R, z] = d(f(L ? D : void 0, p((e) => O?.(e))), L ? [] : D ?? []), [B, V] = ne([]), H = te(), U = l(null), W = l(null), G = l(null), K = l(!1), q = r({
-		open: F,
-		setOpen: I,
-		triggerRef: U,
-		panelRef: W,
+function _({ options: _, value: v, onChange: je, placeholder: Me, changeOnSelect: Ne = !1, expandTrigger: Pe = "click", onSearch: y, loading: b = !1, virtualized: x, className: Fe, ref: S, ...Ie }) {
+	let Le = r("cascader"), C = r("select"), [w, T] = p(!1, !1), E = ae(v), [D, O] = p(oe(E ? v : void 0, se((e) => je?.(e))), E ? [] : v ?? []), [k, A] = f([]), [j, M] = f(null), N = y !== void 0, [P, Re] = f(""), F = x !== void 0 && x !== !1, I = typeof x == "object" ? x : void 0, L = I?.itemHeight ?? Ce, ze = I?.overscan, R = ie(), z = d(null), Be = l((e) => t(z, S)(e), [z, S]), B = d(null), V = d(null), H = d(/* @__PURE__ */ new Map()), U = d(!1), W = a({
+		open: w,
+		setOpen: T,
+		triggerRef: z,
+		panelRef: B,
 		animated: !0
-	}), J = t({
-		enabled: F,
+	}), G = te({
+		enabled: w,
 		autoFocus: !1,
 		returnFocus: !0
-	}), Y = l(!1);
-	c(() => {
-		let e = F && !Y.current;
-		Y.current = F, e && V(R);
-	}, [F, R]), c(() => {
-		if (!F) {
-			K.current = !1, G.current = null;
+	}), K = d(!1);
+	u(() => {
+		let e = w && !K.current;
+		K.current = w, e && A(D);
+	}, [w, D]), u(() => {
+		if (!w) {
+			U.current = !1, M(null);
 			return;
 		}
-		if (!q.shown) return;
-		let e = G.current;
+		if (!W.shown) return;
+		let e = j;
 		if (e) {
-			G.current = null;
-			let t = T(w(W.current)[e.level]), n = e.value === void 0 ? e.index : t.findIndex((t) => t.dataset.value === e.value);
+			M(null);
+			let t = g(h(B.current)[e.level]), n = e.value === void 0 ? e.index : t.findIndex((t) => t.dataset.value === e.value);
 			(n >= 0 ? t[n] : t[0])?.focus();
 			return;
 		}
-		if (K.current) return;
-		let t = W.current;
+		if (U.current) return;
+		let t = B.current;
 		if (!t) return;
-		let n = Array.from(t.querySelectorAll(C)), r = R.length - 1, i = R[r], a;
+		if (N) {
+			U.current = !0, V.current?.focus();
+			return;
+		}
+		let n = Array.from(t.querySelectorAll(m)), r = D.length - 1, i = D[r], a;
 		if (i !== void 0) {
+			if (F && H.current.has(r)) {
+				let e = _;
+				for (let t = 0; t < r; t++) e = e.find((e) => e.value === D[t])?.children ?? [];
+				let t = e.findIndex((e) => e.value === i);
+				if (t >= 0) {
+					H.current.get(r)?.scrollToIndex(t, "auto"), U.current = !0, M({
+						level: r,
+						index: t,
+						value: i
+					});
+					return;
+				}
+			}
 			if (a = n.find((e) => e.dataset.level === String(r) && e.dataset.value === i), !a) return;
 		} else a = n.find((e) => e.dataset.level === "0");
-		a && (K.current = !0, a.focus());
+		a && (U.current = !0, a.focus());
 	}, [
+		w,
+		W.shown,
+		k,
+		D,
+		j,
 		F,
-		q.shown,
-		B,
-		R
+		_,
+		N
 	]);
-	let ce = s((e) => {
-		W.current = e, J(e);
-	}, [W, J]), X = [E];
-	for (let e of B) {
-		let t = X.at(-1).find((t) => t.value === e)?.children;
+	let q = d(y);
+	u(() => {
+		q.current = y;
+	}, [y]);
+	let J = d(P);
+	u(() => {
+		J.current !== P && (J.current = P, q.current?.(P));
+	}, [P]), !w && P !== "" && Re("");
+	let Ve = l((e) => {
+		B.current = e, G(e);
+	}, [B, G]), He = l((e) => (t) => {
+		t ? H.current.set(e, t) : H.current.delete(e);
+	}, []), Y = [_];
+	for (let e of k) {
+		let t = Y.at(-1).find((t) => t.value === e)?.children;
 		if (!t?.length) break;
-		X.push(t);
+		Y.push(t);
 	}
-	let Z = [], Q = E;
-	for (let e of R) {
+	let X = (e, t) => {
+		let n = Y[e]?.[t];
+		if (n) {
+			if (F) {
+				H.current.get(e)?.scrollToIndex(t, "auto"), M({
+					level: e,
+					index: t,
+					value: n.value
+				});
+				return;
+			}
+			g(h(B.current)[e])[t]?.focus();
+		}
+	}, Z = [], Q = _;
+	for (let e of D) {
 		let t = Q.find((t) => t.value === e);
 		if (!t) break;
 		Z.push(t), Q = t.children ?? [];
 	}
-	let $ = (e, t) => {
-		let n = [...B.slice(0, t), e.value];
-		e.children?.length ? (V(n), A && z(n)) : (z(n), I(!1), U.current?.focus());
-	}, le = (e, t) => {
-		j === "hover" && V([...B.slice(0, t), e.value]);
-	}, ue = (e) => {
-		!F && (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), I(!0));
-	}, de = (e) => {
-		let t = W.current;
+	let Ue = (e, t) => {
+		let n = [...k.slice(0, t), e.value];
+		e.children?.length ? (A(n), Ne && O(n)) : (O(n), T(!1), z.current?.focus());
+	}, We = (e, t) => {
+		Pe === "hover" && A([...k.slice(0, t), e.value]);
+	}, Ge = (e) => {
+		!w && (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), T(!0));
+	}, Ke = (e) => {
+		let t = B.current;
 		if (!t) return;
-		let n = (document.activeElement instanceof HTMLElement ? document.activeElement : null)?.closest(C) ?? void 0, r = n?.closest("[data-haze-cascader-column]"), i = n ? Number(n.dataset.level) : 0;
+		let r = (document.activeElement instanceof HTMLElement ? document.activeElement : null)?.closest(m) ?? void 0, i = r ? Number(r.dataset.level) : 0, a = n(t) === "rtl" ? "ArrowLeft" : "ArrowRight", o = a === "ArrowLeft" ? "ArrowRight" : "ArrowLeft";
 		switch (e.key) {
 			case "ArrowDown":
 			case "ArrowUp": {
 				e.preventDefault();
-				let i = T(r ?? w(t)[0]);
-				if (i.length === 0) return;
-				let a = n ? i.indexOf(n) : -1;
-				i[a < 0 ? e.key === "ArrowDown" ? 0 : i.length - 1 : (a + (e.key === "ArrowDown" ? 1 : -1) + i.length) % i.length]?.focus();
+				let t = Y[i] ?? [];
+				if (t.length === 0) return;
+				let n = r ? t.findIndex((e) => e.value === r.dataset.value) : -1, a = n < 0 ? e.key === "ArrowDown" ? 0 : t.length - 1 : (n + (e.key === "ArrowDown" ? 1 : -1) + t.length) % t.length;
+				X(i, a);
 				return;
 			}
-			case "ArrowRight":
-				if (n?.getAttribute("aria-haspopup") !== "true") return;
-				e.preventDefault(), V([...B.slice(0, i), n.dataset.value]), G.current = {
+			case a:
+				if (r?.getAttribute("aria-haspopup") !== "true") return;
+				e.preventDefault(), A([...k.slice(0, i), r.dataset.value]), M({
 					level: i + 1,
 					index: 0
-				};
+				});
 				return;
-			case "ArrowLeft": {
-				if (!n || B.length === 0) return;
+			case o: {
+				if (!r || k.length === 0) return;
 				e.preventDefault();
-				let t = B[B.length - 1];
-				V(B.slice(0, -1)), G.current = {
-					level: B.length - 1,
+				let t = k[k.length - 1];
+				A(k.slice(0, -1)), M({
+					level: k.length - 1,
 					index: 0,
 					value: t
-				};
+				});
 				return;
 			}
 			case "Home":
 			case "End": {
 				e.preventDefault();
-				let n = T(r ?? w(t)[0]);
-				if (n.length === 0) return;
-				(e.key === "Home" ? n[0] : n[n.length - 1])?.focus();
+				let t = Y[i] ?? [];
+				if (t.length === 0) return;
+				X(i, e.key === "Home" ? 0 : t.length - 1);
 				return;
 			}
 			case "Enter": {
-				if (!n) return;
+				if (!r) return;
 				e.preventDefault();
-				let t = X[i]?.find((e) => e.value === n.dataset.value);
+				let t = Y[i]?.find((e) => e.value === r.dataset.value);
 				if (!t) return;
-				t.children?.length ? (V([...B.slice(0, i), t.value]), G.current = {
+				t.children?.length ? (A([...k.slice(0, i), t.value]), M({
 					level: i + 1,
 					index: 0
-				}) : $(t, i);
+				})) : Ue(t, i);
 				return;
 			}
 			case "Escape":
 			case "Tab":
-				e.preventDefault(), I(!1);
+				e.preventDefault(), T(!1);
 				return;
 		}
-	};
-	return /* @__PURE__ */ o("div", {
-		...N,
-		className: e([m, M]),
-		children: [/* @__PURE__ */ o("button", {
-			ref: U,
+	}, qe = (t, n, r) => {
+		let i = !!t.children?.length, a = k[n] === t.value;
+		return /* @__PURE__ */ c("button", {
+			type: "button",
+			role: "menuitem",
+			tabIndex: -1,
+			"data-level": n,
+			"data-value": t.value,
+			"aria-haspopup": i ? "true" : void 0,
+			"aria-expanded": i ? a : void 0,
+			"aria-setsize": F ? Y[n]?.length : void 0,
+			"aria-posinset": F ? r + 1 : void 0,
+			onClick: () => Ue(t, n),
+			onMouseEnter: () => We(t, n),
+			className: e([
+				Te,
+				a && Ee,
+				F && we
+			]),
+			children: [/* @__PURE__ */ s("span", {
+				className: e(De),
+				children: t.label
+			}), i && /* @__PURE__ */ s("span", {
+				role: "img",
+				"aria-label": Le.expand,
+				className: e(Oe),
+				children: /* @__PURE__ */ s(ke, {})
+			})]
+		}, t.value);
+	}, Je = Y.map((t, n) => /* @__PURE__ */ s("div", {
+		role: "menu",
+		"data-haze-cascader-column": n,
+		className: e([be, F && xe]),
+		children: F ? /* @__PURE__ */ s(ee, {
+			ref: He(n),
+			"data-virtualized": !0,
+			items: t,
+			height: Math.min(Se, t.length * L),
+			itemHeight: L,
+			overscan: ze,
+			renderItem: (e, t) => qe(e, n, t)
+		}) : t.map((e, t) => qe(e, n, t))
+	}, n)), $ = b ? /* @__PURE__ */ c("div", {
+		className: e(ve),
+		children: [/* @__PURE__ */ s(o, { size: "sm" }), /* @__PURE__ */ s("span", { children: C.loading })]
+	}) : N && _.length === 0 ? /* @__PURE__ */ s("div", {
+		className: e(ye),
+		children: C.noMatch
+	}) : Je;
+	return /* @__PURE__ */ c("div", {
+		...Ie,
+		className: e([ce, Fe]),
+		children: [/* @__PURE__ */ c("button", {
+			ref: Be,
 			type: "button",
-			style: q.triggerStyle,
+			style: W.triggerStyle,
 			"aria-haspopup": "menu",
-			"aria-expanded": F,
-			"aria-controls": H,
-			onPointerDown: q.onTriggerPointerDown,
-			onClick: q.onTriggerClick,
-			onKeyDown: ue,
-			className: e(h),
-			children: [/* @__PURE__ */ a("span", {
-				className: e(g),
-				children: Z.length === 0 ? /* @__PURE__ */ a("span", {
-					className: e(_),
-					children: k
-				}) : Z.map((t, n) => /* @__PURE__ */ o(ee, { children: [n > 0 && /* @__PURE__ */ a("span", {
-					className: e(ie),
+			"aria-expanded": w,
+			"aria-controls": R,
+			onPointerDown: W.onTriggerPointerDown,
+			onClick: W.onTriggerClick,
+			onKeyDown: Ge,
+			className: e(le),
+			children: [/* @__PURE__ */ s("span", {
+				className: e(ue),
+				children: Z.length === 0 ? /* @__PURE__ */ s("span", {
+					className: e(de),
+					children: Me
+				}) : Z.map((t, n) => /* @__PURE__ */ c(re, { children: [n > 0 && /* @__PURE__ */ s("span", {
+					className: e(pe),
 					children: " / "
 				}), t.label] }, t.value))
-			}), /* @__PURE__ */ a("span", {
+			}), /* @__PURE__ */ s("span", {
 				"aria-hidden": "true",
-				className: e(re),
-				children: /* @__PURE__ */ a(S, {})
+				className: e(fe),
+				children: /* @__PURE__ */ s(Ae, {})
 			})]
-		}), /* @__PURE__ */ a(n, {
-			ref: ce,
-			behavior: q,
+		}), /* @__PURE__ */ s(i, {
+			ref: Ve,
+			behavior: W,
 			placement: "bottom",
-			id: H,
-			role: "menu",
-			visualClass: ae,
-			onKeyDown: de,
-			children: X.map((t, n) => /* @__PURE__ */ a("div", {
-				role: "menu",
-				"data-haze-cascader-column": n,
-				className: e(oe),
-				children: t.map((t) => {
-					let r = !!t.children?.length, i = B[n] === t.value;
-					return /* @__PURE__ */ o("button", {
-						type: "button",
-						role: "menuitem",
-						tabIndex: -1,
-						"data-level": n,
-						"data-value": t.value,
-						"aria-haspopup": r ? "true" : void 0,
-						"aria-expanded": r ? i : void 0,
-						onClick: () => $(t, n),
-						onMouseEnter: () => le(t, n),
-						className: e([se, i && v]),
-						children: [/* @__PURE__ */ a("span", {
-							className: e(y),
-							children: t.label
-						}), r && /* @__PURE__ */ a("span", {
-							role: "img",
-							"aria-label": P.expand,
-							className: e(b),
-							children: /* @__PURE__ */ a(x, {})
-						})]
-					}, t.value);
-				})
-			}, n))
+			id: N ? void 0 : R,
+			role: N || b ? void 0 : "menu",
+			"aria-busy": b || void 0,
+			visualClass: N ? he : me,
+			onKeyDown: Ke,
+			children: N ? /* @__PURE__ */ c(ne, { children: [/* @__PURE__ */ s("input", {
+				ref: V,
+				type: "text",
+				"aria-label": C.searchLabel,
+				placeholder: C.searchPlaceholder,
+				value: P,
+				onChange: (e) => Re(e.target.value),
+				className: e(_e)
+			}), /* @__PURE__ */ s("div", {
+				id: R,
+				role: !b && _.length > 0 ? "menu" : void 0,
+				className: e(ge),
+				children: $
+			})] }) : $
 		})]
 	});
 }
 //#endregion
-export { E as default };
+export { _ as default };