@box-kite/react 1.0.0 → 2.0.0

package/components/dropdown.mjs

@@ -1,126 +1,121 @@
 "use client";
 import { n as e } from "../effects.mjs";
 import t from "../box.mjs";
-import { i as n, n as r, o as i, r as a, t as o } from "../behavior.mjs";
-import s from "./baseSvg.mjs";
-import c from "./button.mjs";
+import { a as n, i as r, n as i, r as a, t as o } from "../behavior.mjs";
+import { t as s } from "../identity.mjs";
+import c from "./baseSvg.mjs";
+import ee from "./button.mjs";
 import l from "./flex.mjs";
 import u from "./checkbox.mjs";
-import d from "./textbox.mjs";
-import ee from "./overlay.mjs";
-import f from "./presence.mjs";
-import { createContext as p, forwardRef as m, memo as h, useCallback as g, useContext as _, useEffect as v, useMemo as y, useRef as b, useState as x } from "react";
-import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import te from "./overlay.mjs";
+import d from "./presence.mjs";
+import f from "./textbox.mjs";
+import { createContext as p, forwardRef as m, memo as h, useCallback as g, useContext as _, useEffect as ne, useMemo as v, useRef as y, useState as re } from "react";
+import { Fragment as ie, jsx as b, jsxs as x } from "react/jsx-runtime";
 //#region src/components/dropdown/dropdownContext.ts
-var te = p(null);
-function ne() {
-	let e = _(te);
+var ae = p(null);
+function S() {
+	let e = _(ae);
 	if (!e) throw Error("Dropdown sub-components must be used within Dropdown");
 	return e;
 }
 //#endregion
 //#region src/components/dropdown/dropdownRowRenderer.tsx
-var T = {
+var C = {
 	item: "dropdown.item",
 	unselect: "dropdown.unselect",
 	selectAll: "dropdown.selectAll"
 };
-function E({ row: e, index: n }) {
-	let { valueToUse: r, multiple: i, variant: a, showCheckbox: o, selectRow: s, optionId: c, activeIndex: l, rowRef: d, isRowDisabled: ee } = ne(), f = e.kind === "item", p = ee(n), m = f ? r.includes(e.element.props.value) : e.kind === "unselect" && r.length === 0, { value: h, onClick: g, children: _, ...v } = e.element.props, y = o && i && f;
-	return /* @__PURE__ */ C(t, {
-		ref: d(n),
-		component: T[e.kind],
-		variant: [a, f ? {
+function oe({ row: e, index: n }) {
+	let { valueToUse: r, multiple: i, variant: a, showCheckbox: o, selectRow: s, optionId: c, activeIndex: ee, rowRef: l, isRowDisabled: te } = S(), d = e.kind === "item", f = te(n), p = d ? r.includes(e.element.props.value) : e.kind === "unselect" && r.length === 0, { value: m, onClick: h, children: g, ..._ } = e.element.props, ne = o && i && d;
+	return /* @__PURE__ */ b(t, {
+		ref: l(n),
+		component: C[e.kind],
+		variant: [a, d ? {
 			multiple: i,
-			highlighted: n === l
-		} : { highlighted: n === l }],
-		selected: m,
-		...v,
+			highlighted: n === ee
+		} : { highlighted: n === ee }],
+		selected: p,
+		..._,
 		id: c(n),
-		children: y ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C(u, {
+		children: ne ? /* @__PURE__ */ x(ie, { children: [/* @__PURE__ */ b(u, {
 			readOnly: !0,
-			checked: m,
+			checked: p,
 			me: 2,
 			props: {
 				tabIndex: -1,
 				"aria-hidden": !0
 			}
-		}), _] }) : _,
+		}), g] }) : g,
 		props: {
 			role: "option",
-			...p ? { "aria-disabled": !0 } : {},
-			...v.props,
-			onClick: p ? void 0 : (e) => {
-				g?.(e), s(n, e);
+			...f ? { "aria-disabled": !0 } : {},
+			..._.props,
+			onClick: f ? void 0 : (e) => {
+				h?.(e), s(n, e);
 			}
 		}
 	});
 }
-var re = h(E, (e, t) => e.row.element === t.row.element && e.index === t.index);
+var w = h(oe, (e, t) => e.row.element === t.row.element && e.index === t.index);
 //#endregion
 //#region src/components/dropdown/dropdownItems.tsx
-function D(e, t, n) {
+function T(e, t, n) {
 	return e ? {
 		role: "listbox",
 		"aria-labelledby": n,
 		...t ? { "aria-multiselectable": !0 } : {}
 	} : { role: "status" };
 }
-function ie(e) {
-	let { presence: n, rows: r, emptyItem: i, triggerRef: a, popupRef: o, listboxId: s, labelledBy: c, itemsProps: l } = e, { present: u, ref: d, props: f } = n, { multiple: p, variant: m } = ne(), [h, _] = x(!1), v = h ? 0 : a.current?.getBoundingClientRect().height ?? 0, y = g((e) => {
-		let t = e.top - e.windowScrollY > window.innerHeight / 2;
-		_((e) => e === t ? e : t);
-	}, []);
-	return /* @__PURE__ */ C(t, {
-		position: "absolute",
-		inset: 0,
-		children: /* @__PURE__ */ C(ee, {
-			ref: o,
-			minWidth: "fit-content",
-			style: { transform: h ? "translateY(calc(-100% - 2px))" : `translateY(${v}px)` },
-			onPositionChange: y,
-			children: /* @__PURE__ */ w(t, {
-				ref: d,
-				component: "dropdown.items",
-				...l,
-				variant: [m, {
-					up: h,
-					closed: !u && !h,
-					closedUp: !u && h
-				}],
-				id: s,
-				props: {
-					...D(r.length > 0, p, c),
-					...f
-				},
-				children: [r.map((e, t) => /* @__PURE__ */ C(re, {
-					row: e,
-					index: t
-				}, ae(e, t))), r.length === 0 && i && /* @__PURE__ */ C(t, {
-					component: "dropdown.emptyItem",
-					variant: m,
-					...i.props
-				})]
-			})
+function se(e) {
+	let { presence: n, rows: r, emptyItem: i, triggerRef: a, popupRef: o, listboxId: s, labelledBy: c, itemsProps: ee } = e, { present: l, ref: u, props: d } = n, { multiple: f, variant: p } = S(), [m, h] = re(!1), _ = g((e) => h(e === "top"), []);
+	return /* @__PURE__ */ b(te, {
+		ref: o,
+		anchor: a,
+		side: "bottom",
+		align: "start",
+		offset: .5,
+		onSideChange: _,
+		children: /* @__PURE__ */ x(t, {
+			ref: u,
+			component: "dropdown.items",
+			...ee,
+			variant: [p, {
+				closed: !l && !m,
+				closedUp: !l && m
+			}],
+			id: s,
+			props: {
+				...T(r.length > 0, f, c),
+				...d
+			},
+			children: [r.map((e, t) => /* @__PURE__ */ b(w, {
+				row: e,
+				index: t
+			}, ce(e, t))), r.length === 0 && i && /* @__PURE__ */ b(t, {
+				component: "dropdown.emptyItem",
+				variant: p,
+				...i.props
+			})]
 		})
 	});
 }
-function ae(e, t) {
+function ce(e, t) {
 	return e.kind === "item" ? e.element.props.value : `${e.kind}-${t}`;
 }
-ie.displayName = "DropdownItems";
+se.displayName = "DropdownItems";
 //#endregion
 //#region src/components/dropdown/dropdownSearch.tsx
-function oe({ id: e, value: t, onValueChange: n, placeholder: r, inputRef: i, comboboxProps: a, onOpen: o }) {
+function le({ id: e, value: t, onValueChange: n, placeholder: r, inputRef: i, comboboxProps: a, onOpen: o }) {
 	let s = g((e) => n(e.target.value), [n]), c = g((e) => {
 		e.stopPropagation(), o(e);
 	}, [o]);
-	return /* @__PURE__ */ C(l, {
+	return /* @__PURE__ */ b(l, {
 		ai: "center",
 		position: "absolute",
 		inset: 0,
 		p: 3,
-		children: /* @__PURE__ */ C(d, {
+		children: /* @__PURE__ */ b(f, {
 			clean: !0,
 			id: e,
 			value: t,
@@ -142,59 +137,64 @@ function oe({ id: e, value: t, onValueChange: n, placeholder: r, inputRef: i, co
 }
 //#endregion
 //#region src/components/dropdown/utils.ts
-function se(e) {
+function ue(e) {
 	if (e == null) return "";
 	if (typeof e == "object") {
 		let t = e.props?.children;
-		return t == null ? "" : typeof t == "object" ? (Array.isArray(t) ? t : [t]).map((e) => se(e)).join("") : t.toString();
+		return t == null ? "" : typeof t == "object" ? (Array.isArray(t) ? t : [t]).map((e) => ue(e)).join("") : t.toString();
 	}
 	return e.toString();
 }
 //#endregion
 //#region src/components/dropdown.tsx
-function ce(e) {
+function de(e) {
+	return e == null ? [] : Array.isArray(e) ? e : [e];
+}
+function fe(e) {
 	let t = e?.props?.disabled;
 	return (Array.isArray(t) ? t[0] : t) === !0;
 }
-function le(e) {
+function pe(e) {
 	return e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey;
 }
-var ue = /* @__PURE__ */ new Set([
+var me = /* @__PURE__ */ new Set([
 	" ",
 	"Home",
 	"End",
 	"ArrowLeft",
 	"ArrowRight"
 ]);
-function de(u, ee) {
-	let { name: p, defaultValue: m, value: h, multiple: _ = !1, isSearchable: S, searchPlaceholder: ne, children: T, hideIcon: E, showCheckbox: re = !1, label: D, labelProps: ae, itemsProps: de, iconProps: O, onChange: k, props: fe, ...A } = u, [pe, j] = x(Array.isArray(m) ? m : m ? [m] : []), me = "value" in u, M = y(() => me ? Array.isArray(h) ? h : h ? [h] : [] : pe, [
-		me,
-		h,
-		pe
-	]), [he, ge] = x(null), [N, P] = x(!1), F = b(null), _e = g((e) => {
+function E(u, te) {
+	let { name: p, defaultValue: m, value: h, defaultOpen: _, multiple: S = !1, isSearchable: C, searchPlaceholder: oe, children: w, hideIcon: T, showCheckbox: ce = !1, label: E, labelProps: D, itemsProps: O, iconProps: he, onValueChange: ge, onChange: _e, props: ve, ...k } = u, A = y(void 0), ye = n((e, t) => {
+		ge?.(S ? e : e[0], t), _e?.(A.current, e);
+	}), be = "value" in u, xe = v(() => be ? de(h) : void 0, [be, h]), [j, M] = r({
+		value: xe,
+		defaultValue: () => de(m),
+		onChange: ye
+	}), [Se, Ce] = re(null), [N, P] = re(!!_), F = y(null), we = g((e) => {
 		F.current = e;
-	}, []), ve = b(null), I = b(null), L = r("dropdown"), ye = A.id ?? `${L}-trigger`, be = `${L}-listbox`, xe = `${L}-label`, Se = D != null && D !== !1, Ce = g((e) => `${L}-option-${e}`, [L]), R = i((e = !1) => {
-		P(!1), e || ge(null);
-	}), z = y(() => (Array.isArray(T) ? T : [T]).flatMap((e) => e).filter(Boolean), [T]), B = y(() => z.filter((e) => e.type?.displayName === "DropdownItem"), [z]), we = y(() => {
+	}, []), Te = y(null), I = y(null), L = s("dropdown"), Ee = k.id ?? `${L}-trigger`, De = `${L}-listbox`, Oe = `${L}-label`, ke = E != null && E !== !1, Ae = g((e) => `${L}-option-${e}`, [L]), R = n((e = !1) => {
+		P(!1), e || Ce(null);
+	}), z = v(() => (Array.isArray(w) ? w : [w]).flatMap((e) => e).filter(Boolean), [w]), B = v(() => z.filter((e) => e.type?.displayName === "DropdownItem"), [z]), je = v(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let t of B) e.set(t, se(t));
+		for (let t of B) e.set(t, ue(t));
 		return e;
-	}, [B]), V = g((e) => we.get(e) ?? se(e), [we]), Te = S ? he ?? "" : "", H = y(() => Te ? B.filter((e) => V(e).toLowerCase().includes(Te.toLowerCase())) : B, [
-		Te,
+	}, [B]), V = g((e) => je.get(e) ?? ue(e), [je]), Me = C ? Se ?? "" : "", H = v(() => Me ? B.filter((e) => V(e).toLowerCase().includes(Me.toLowerCase())) : B, [
+		Me,
 		B,
 		V
-	]), U = y(() => z.find((e) => e.type?.displayName === "DropdownUnselect"), [z]), W = y(() => z.find((e) => e.type?.displayName === "DropdownSelectAll"), [z]), Ee = y(() => z.find((e) => e.type?.displayName === "DropdownEmptyItem"), [z]), G = y(() => z.find((e) => e.type?.displayName === "DropdownDisplay"), [z]), K = y(() => !S || G ? "" : B.filter((e) => M.includes(e.props.value)).map((e) => V(e)).join(", "), [
-		S,
+	]), U = v(() => z.find((e) => e.type?.displayName === "DropdownUnselect"), [z]), W = v(() => z.find((e) => e.type?.displayName === "DropdownSelectAll"), [z]), Ne = v(() => z.find((e) => e.type?.displayName === "DropdownEmptyItem"), [z]), G = v(() => z.find((e) => e.type?.displayName === "DropdownDisplay"), [z]), K = v(() => !C || G ? "" : B.filter((e) => j.includes(e.props.value)).map((e) => V(e)).join(", "), [
+		C,
 		G,
 		B,
-		M,
+		j,
 		V
-	]), De = !!(W && _ && H.length > M.length), Oe = !!(U && H.length > 0 && !De), q = y(() => {
+	]), Pe = !!(W && S && H.length > j.length), Fe = !!(U && H.length > 0 && !Pe), q = v(() => {
 		let e = [];
-		Oe && U && e.push({
+		Fe && U && e.push({
 			kind: "unselect",
 			element: U
-		}), De && W && e.push({
+		}), Pe && W && e.push({
 			kind: "selectAll",
 			element: W
 		});
@@ -204,186 +204,196 @@ function de(u, ee) {
 		});
 		return e;
 	}, [
-		Oe,
+		Fe,
 		U,
-		De,
+		Pe,
 		W,
 		H
-	]), J = g((e) => ce(q[e]?.element), [q]), ke = g((e) => {
+	]), J = g((e) => fe(q[e]?.element), [q]), Ie = g((e) => {
 		let t = q[e];
 		return t ? V(t.element) : "";
-	}, [q, V]), Ae = y(() => {
-		if (S && (N || K !== "")) return null;
-		if (G) return typeof G.props.children == "function" ? G.props.children(M, N) : G.props.children;
-		let e = H.filter((e) => M.includes(e.props.value));
-		if (_ && e.length > 1) return e.map((e) => V(e)).join(", ");
+	}, [q, V]), Le = v(() => {
+		if (C && (N || K !== "")) return null;
+		if (G) return typeof G.props.children == "function" ? G.props.children(j, N) : G.props.children;
+		let e = H.filter((e) => j.includes(e.props.value));
+		if (S && e.length > 1) return e.map((e) => V(e)).join(", ");
 		let t = e.at(0);
-		return t?.props.children ?? t?.props.value ?? (_ ? null : U?.props.children);
+		return t?.props.children ?? t?.props.value ?? (S ? null : U?.props.children);
 	}, [
-		_,
+		S,
 		H,
-		M,
+		j,
 		U,
 		N,
-		S,
+		C,
 		K,
 		G,
 		V
-	]), je = g((e, ...t) => {
-		if (t.length === 0) j([]), k?.(void 0, []);
-		else if (_ && t.length > 1) {
-			let e = t.map((e) => e.props.value);
-			j(e), k?.(void 0, e);
-		} else if (t.length === 1) {
-			let e = t[0];
-			if (_) {
-				let t = M.filter((t) => t !== e.props.value);
-				t.length === M.length && t.push(e.props.value), j(t), k?.(e.props.value, t);
-			} else j([e.props.value]), k?.(e.props.value, [e.props.value]);
+	]), Re = g((e, ...t) => {
+		if (t.length === 0) A.current = void 0, M([], {
+			reason: "clear",
+			event: e
+		});
+		else if (S && t.length > 1) A.current = void 0, M(t.map((e) => e.props.value), {
+			reason: "select-all",
+			event: e
+		});
+		else if (t.length === 1) {
+			let n = t[0];
+			if (A.current = n.props.value, S) {
+				let t = j.filter((e) => e !== n.props.value), r = t.length !== j.length;
+				r || t.push(n.props.value), M(t, {
+					reason: r ? "deselect" : "select",
+					event: e
+				});
+			} else M([n.props.value], {
+				reason: "select",
+				event: e
+			});
 		}
-		e.stopPropagation(), _ ? S && setTimeout(() => I.current?.focus(), 0) : R();
+		e.stopPropagation(), S ? C && setTimeout(() => I.current?.focus(), 0) : R();
 	}, [
-		_,
 		S,
+		C,
+		j,
 		M,
-		k,
 		R
-	]), Y = i((e, t) => {
+	]), Y = n((e, t) => {
 		let n = q[e];
-		!n || J(e) || (n.kind === "unselect" ? je(t) : n.kind === "selectAll" ? je(t, ...B) : je(t, n.element));
-	}), X = o({
+		!n || J(e) || (n.kind === "unselect" ? Re(t) : n.kind === "selectAll" ? Re(t, ...B) : Re(t, n.element));
+	}), ze = (e) => {
+		let t = e === "first" ? 1 : -1;
+		for (let n = e === "first" ? 0 : q.length - 1; n >= 0 && n < q.length; n += t) if (!J(n)) return n;
+		return -1;
+	}, X = (e) => {
+		let t = q.findIndex((e) => e.kind === "item" && j.includes(e.element.props.value));
+		return t !== -1 && !J(t) ? t : e === "none" ? -1 : ze(e);
+	}, Z = o({
 		count: q.length,
 		focusItems: !1,
-		defaultActiveIndex: -1,
+		defaultActiveIndex: _ ? X("none") : -1,
 		isDisabled: J,
-		textOf: S ? void 0 : ke,
+		textOf: C ? void 0 : Ie,
 		onSelect: Y
-	}), Me = X.setActiveIndex, Ne = g((e) => Me(-1, {
+	}), Be = Z.setActiveIndex, Ve = g((e) => Be(-1, {
 		reason: "programmatic",
 		event: e
-	}), [Me]);
-	n({
+	}), [Be]);
+	a({
 		enabled: N,
-		inside: [F, ve],
+		inside: [F, Te],
 		onDismiss: (e) => R(e === "escape")
-	}), a({
+	}), i({
 		enabled: N,
-		returnTo: S ? I : F
-	}), v(() => {
+		returnTo: C ? I : F
+	}), ne(() => {
 		N && I.current?.focus();
 	}, [N]);
-	let Z = X.activeIndex, Pe = X.activeItem;
+	let Q = Z.activeIndex, He = Z.activeItem;
 	e(() => {
-		!N || Z === -1 || Pe()?.scrollIntoView?.({ block: "nearest" });
+		!N || Q === -1 || He()?.scrollIntoView?.({ block: "nearest" });
 	}, [
 		N,
-		Z,
-		Pe
+		Q,
+		He
 	]);
-	let Fe = (e) => {
-		let t = e === "first" ? 1 : -1;
-		for (let n = e === "first" ? 0 : q.length - 1; n >= 0 && n < q.length; n += t) if (!J(n)) return n;
-		return -1;
-	}, Q = (e) => {
-		let t = q.findIndex((e) => e.kind === "item" && M.includes(e.element.props.value));
-		return t !== -1 && !J(t) ? t : e === "none" ? -1 : Fe(e);
-	}, $ = (e, t) => {
-		P(!0), X.setActiveIndex(e, {
+	let $ = (e, t) => {
+		P(!0), Z.setActiveIndex(e, {
 			reason: "programmatic",
 			event: t
 		});
-	}, Ie = i((e) => {
-		N ? R() : $(Q("none"), e);
-	}), Le = i((e) => {
-		N || $(Q("none"), e);
-	}), Re = i((e) => {
-		ge(e), N || P(!0), Ne();
-	}), ze = (e) => {
+	}, Ue = n((e) => {
+		N ? R() : $(X("none"), e);
+	}), We = n((e) => {
+		N || $(X("none"), e);
+	}), Ge = n((e) => {
+		Ce(e), N || P(!0), Ve();
+	}), Ke = (e) => {
 		let { key: t } = e;
-		if (S) {
+		if (C) {
 			if (t === "ArrowDown" || t === "ArrowUp") {
-				e.preventDefault(), $(Q(t === "ArrowUp" ? "last" : e.altKey ? "none" : "first"), e);
+				e.preventDefault(), $(X(t === "ArrowUp" ? "last" : e.altKey ? "none" : "first"), e);
 				return;
 			}
-			t === "Escape" && ge("");
+			t === "Escape" && Ce("");
 			return;
 		}
 		if (t === "ArrowDown" || t === "Enter" || t === " ") {
-			e.preventDefault(), $(Q(e.altKey ? "none" : "first"), e);
+			e.preventDefault(), $(X(e.altKey ? "none" : "first"), e);
 			return;
 		}
 		if (t === "ArrowUp") {
-			e.preventDefault(), $(Q("last"), e);
+			e.preventDefault(), $(X("last"), e);
 			return;
 		}
 		if (t === "Home" || t === "End") {
-			e.preventDefault(), $(Fe(t === "Home" ? "first" : "last"), e);
+			e.preventDefault(), $(ze(t === "Home" ? "first" : "last"), e);
 			return;
 		}
-		le(e) && (P(!0), X.onKeyDown(e));
-	}, Be = i((e) => {
-		if (fe?.onKeyDown?.(e), !e.defaultPrevented) {
+		pe(e) && (P(!0), Z.onKeyDown(e));
+	}, qe = n((e) => {
+		if (ve?.onKeyDown?.(e), !e.defaultPrevented) {
 			if (!N) {
-				ze(e);
+				Ke(e);
 				return;
 			}
 			if (e.key === "Tab") {
-				!_ && X.activeIndex !== -1 && Y(X.activeIndex, e), R();
+				!S && Z.activeIndex !== -1 && Y(Z.activeIndex, e), R();
 				return;
 			}
 			if (e.altKey && e.key === "ArrowUp") {
-				e.preventDefault(), X.activeIndex !== -1 && Y(X.activeIndex, e), R();
+				e.preventDefault(), Z.activeIndex !== -1 && Y(Z.activeIndex, e), R();
 				return;
 			}
-			if (S && ue.has(e.key)) {
-				Ne(e);
+			if (C && me.has(e.key)) {
+				Ve(e);
 				return;
 			}
-			X.onKeyDown(e);
+			Z.onKeyDown(e);
 		}
-	}), Ve = q.length > 0 || !!Ee, He = N && Z !== -1 && Ve ? Ce(Z) : void 0, Ue = X.itemProps, We = y(() => ({
-		valueToUse: M,
-		multiple: _,
-		variant: A.variant,
-		showCheckbox: re,
+	}), Je = q.length > 0 || !!Ne, Ye = N && Q !== -1 && Je ? Ae(Q) : void 0, Xe = Z.itemProps, Ze = v(() => ({
+		valueToUse: j,
+		multiple: S,
+		variant: k.variant,
+		showCheckbox: ce,
 		selectRow: Y,
-		optionId: Ce,
-		activeIndex: Z,
-		rowRef: (e) => Ue(e).ref,
+		optionId: Ae,
+		activeIndex: Q,
+		rowRef: (e) => Xe(e).ref,
 		isRowDisabled: J
 	}), [
-		M,
-		_,
-		A.variant,
-		re,
+		j,
+		S,
+		k.variant,
+		ce,
 		Y,
-		Ce,
-		Z,
-		Ue,
+		Ae,
+		Q,
+		Xe,
 		J
-	]), Ge = {
+	]), Qe = {
 		"aria-expanded": N,
-		"aria-controls": N && Ve ? be : void 0,
-		"aria-activedescendant": He,
-		"aria-labelledby": Se ? xe : void 0,
-		...fe,
-		onKeyDown: Be
-	}, Ke = M.map((e) => {
+		"aria-controls": N && Je ? De : void 0,
+		"aria-activedescendant": Ye,
+		"aria-labelledby": ke ? Oe : void 0,
+		...ve,
+		onKeyDown: qe
+	}, $e = j.map((e) => {
 		let t = JSON.stringify(e);
-		return /* @__PURE__ */ C(d, {
-			ref: ee,
+		return /* @__PURE__ */ b(f, {
+			ref: te,
 			name: p,
 			type: "hidden",
 			value: t ?? ""
 		}, t);
-	}), qe = !E && /* @__PURE__ */ C(l, {
+	}), et = !T && /* @__PURE__ */ b(l, {
 		component: "dropdown.icon",
-		...O,
-		children: /* @__PURE__ */ C(s, {
+		...he,
+		children: /* @__PURE__ */ b(c, {
 			viewBox: "0 0 10 6",
 			width: "0.6rem",
 			rotate: N ? 180 : 0,
-			children: /* @__PURE__ */ C("path", {
+			children: /* @__PURE__ */ b("path", {
 				stroke: "currentColor",
 				strokeLinecap: "round",
 				strokeLinejoin: "round",
@@ -391,89 +401,91 @@ function de(u, ee) {
 				d: "m1 1 4 4 4-4"
 			})
 		})
-	}), Je = Ve && /* @__PURE__ */ C(f, {
+	}), tt = Je && /* @__PURE__ */ b(d, {
 		present: N,
-		children: (e) => /* @__PURE__ */ C(ie, {
+		children: (e) => /* @__PURE__ */ b(se, {
 			presence: e,
 			rows: q,
-			emptyItem: Ee,
+			emptyItem: Ne,
 			triggerRef: F,
-			popupRef: ve,
-			listboxId: be,
-			labelledBy: Se ? xe : ye,
-			itemsProps: de
+			popupRef: Te,
+			listboxId: De,
+			labelledBy: ke ? Oe : Ee,
+			itemsProps: O
 		})
-	}), Ye = S ? /* @__PURE__ */ w(t, {
-		ref: _e,
+	}), nt = C ? /* @__PURE__ */ x(t, {
+		ref: we,
 		component: "dropdown",
-		props: { onClick: Ie },
+		props: { onClick: Ue },
 		position: "relative",
-		pe: E ? void 0 : 6,
+		pe: T ? void 0 : 6,
 		minWidth: N ? 36 : void 0,
 		width: "fit-content",
-		...A,
+		...k,
 		id: void 0,
 		children: [
-			Ke,
-			/* @__PURE__ */ C(oe, {
-				id: ye,
-				value: he ?? K,
-				onValueChange: Re,
-				placeholder: N ? ne : void 0,
+			$e,
+			/* @__PURE__ */ b(le, {
+				id: Ee,
+				value: Se ?? K,
+				onValueChange: Ge,
+				placeholder: N ? oe : void 0,
 				inputRef: I,
-				comboboxProps: Ge,
-				onOpen: Le
+				comboboxProps: Qe,
+				onOpen: We
 			}),
-			Ae ?? /* @__PURE__ */ C(t, {
+			Le ?? /* @__PURE__ */ b(t, {
 				tag: "span",
 				visibility: "hidden",
 				children: K || "\xA0"
 			}),
-			qe,
-			Je
+			et
 		]
-	}) : /* @__PURE__ */ w(c, {
-		ref: _e,
-		onClick: Ie,
+	}) : /* @__PURE__ */ x(ee, {
+		ref: we,
+		onClick: Ue,
 		component: "dropdown",
 		type: "button",
 		props: {
 			tabIndex: 0,
 			role: "combobox",
-			...Ge
+			...Qe
 		},
 		position: "relative",
-		pe: E ? void 0 : 6,
+		pe: T ? void 0 : 6,
 		width: "fit-content",
-		...A,
-		id: ye,
+		...k,
+		id: Ee,
 		children: [
-			Ke,
-			Ae ?? "\xA0",
-			qe,
-			Je
+			$e,
+			Le ?? "\xA0",
+			et
 		]
 	});
-	return /* @__PURE__ */ C(te.Provider, {
-		value: We,
-		children: Se ? /* @__PURE__ */ w(l, {
+	return /* @__PURE__ */ b(ae.Provider, {
+		value: Ze,
+		children: ke ? /* @__PURE__ */ x(l, {
 			d: "column",
 			gap: 1,
 			width: "fit-content",
-			...ae,
-			children: [/* @__PURE__ */ C(t, {
-				tag: "span",
-				id: xe,
-				children: D
-			}), Ye]
-		}) : Ye
+			...D,
+			children: [
+				/* @__PURE__ */ b(t, {
+					tag: "span",
+					id: Oe,
+					children: E
+				}),
+				nt,
+				tt
+			]
+		}) : /* @__PURE__ */ x(ie, { children: [nt, tt] })
 	});
 }
-function O(e) {
+function D(e) {
 	let t = (e) => null;
 	return t.displayName = e, t;
 }
-var k = m(de);
-k.Item = O("DropdownItem"), k.Unselect = O("DropdownUnselect"), k.SelectAll = O("DropdownSelectAll"), k.EmptyItem = O("DropdownEmptyItem"), k.Display = O("DropdownDisplay"), k.displayName = "Dropdown";
+var O = m(E);
+O.Item = D("DropdownItem"), O.Unselect = D("DropdownUnselect"), O.SelectAll = D("DropdownSelectAll"), O.EmptyItem = D("DropdownEmptyItem"), O.Display = D("DropdownDisplay"), O.displayName = "Dropdown";
 //#endregion
-export { k as default };
+export { O as default };