@factorialco/f0-react 10.13.0 → 10.16.0

package/dist/{F0Select-By_QpX1S.js → F0Select-CFbVOJB3.js}

@@ -1,9 +1,9 @@
 import { o as e, r as t, t as n } from "./rolldown-runtime-BItFwnF5.js";
-import { $ as r, G as i, J as a, K as o, Mt as s, Ot as c, Q as l, Qt as u, T as d, Ut as f, Vt as p, Wt as m, X as h, Xt as g, Y as _, Z as v, Zn as y, _ as b, _t as x, a as S, an as C, ar as w, at as T, b as E, ct as D, d as O, et as k, ft as ee, g as te, gn as A, gt as j, hn as ne, ht as re, i as ie, in as M, ir as ae, it as oe, k as N, ln as se, lt as ce, mt as le, nt as ue, ot as de, p as fe, pt as pe, q as me, rn as he, rr as ge, rt as _e, st as ve, t as ye, tt as be, ut as xe, vt as Se, x as Ce, y as we, yt as Te } from "./popover-B7fqB9lu.js";
-import { I as P, L as F, i as Ee, n as De, r as Oe, t as ke, u as Ae } from "./tooltip-TOvfXq9F.js";
-import { D as je, J as Me, K as Ne, S as Pe, U as Fe, V as Ie, W as Le, a as Re, d as ze, f as Be, i as Ve, k as He, l as Ue, p as We, q as Ge, u as Ke, x as qe, y as Je, z as Ye } from "./useData-CAl9SKtE.js";
+import { $ as r, G as i, J as a, K as o, Mt as s, Ot as c, Q as l, Qt as u, T as d, Ut as f, Vt as p, Wt as m, X as h, Xt as g, Y as _, Z as v, Zn as y, _ as b, _t as x, a as S, an as C, ar as w, at as T, b as E, ct as D, d as O, et as k, ft as ee, g as te, gn as A, gt as j, hn as ne, ht as re, i as ie, in as M, ir as ae, it as oe, k as N, ln as se, lt as ce, mt as le, nt as ue, ot as de, p as fe, pt as pe, q as me, rn as he, rr as ge, rt as _e, st as ve, t as ye, tt as be, ut as xe, vt as Se, x as Ce, y as we, yt as Te } from "./popover-DNcAIP25.js";
+import { L as P, R as F, d as Ee, i as De, n as Oe, r as ke, t as Ae } from "./tooltip-BX4dSfeL.js";
+import { D as je, J as Me, K as Ne, L as Pe, R as Fe, T as Ie, U as Le, V as Re, W as ze, _ as Be, a as Ve, b as He, d as Ue, i as We, l as Ge, q as Ke, u as qe, y as Je, z as Ye } from "./useData-zygrn6e-.js";
 import { t as Xe } from "./Check-DAp9gCRh.js";
-import { t as Ze } from "./dist-CSP_0yKt.js";
+import { t as Ze } from "./dist-Cuwaibqg.js";
 import * as I from "react";
 import Qe, { Component as $e, Fragment as et, cloneElement as tt, createContext as nt, forwardRef as L, useCallback as R, useContext as rt, useEffect as z, useId as it, useImperativeHandle as at, useLayoutEffect as ot, useMemo as B, useReducer as st, useRef as V, useState as H } from "react";
 import { Fragment as ct, jsx as U, jsxs as W } from "react/jsx-runtime";
@@ -1195,7 +1195,7 @@ ba(ya, { path: "/" }), (/* @__PURE__ */ n(((e, t) => {
 			}
 		}), n ? t.exports = a : window.screenfull = a) : n ? t.exports = { isEnabled: !1 } : window.screenfull = { isEnabled: !1 };
 	})();
-})))(), Ae();
+})))(), Ee();
 var xa;
 process.env.NODE_ENV === "development" || process.env.NODE_ENV;
 var Sa = typeof window < "u", Ca = typeof navigator < "u";
@@ -44659,7 +44659,7 @@ function AS(e, t) {
 }
 function jS({ items: e, activeKey: t }) {
 	let n = e.some((e) => e.key === t);
-	return /* @__PURE__ */ U(ke, {
+	return /* @__PURE__ */ U(Ae, {
 		className: "flex flex-col gap-0.5 text-sm",
 		children: e.map((e) => /* @__PURE__ */ W("div", {
 			className: P("flex items-center gap-1", n && e.key !== t && "opacity-50"),
@@ -48518,7 +48518,7 @@ var GC = w(WC), KC = L(({ avatar: e, text: t, deactivated: n }, r) => (c(t, { di
 	ref: r,
 	deactivated: n,
 	className: "border-[1px] border-solid border-f1-border-secondary py-[1px] pl-[1px]",
-	left: /* @__PURE__ */ U(qe, {
+	left: /* @__PURE__ */ U(Je, {
 		avatar: e,
 		size: "xs"
 	}),
@@ -48683,7 +48683,7 @@ var uw = lw, dw = ne({
 	} },
 	defaultVariants: { variant: "default" }
 }), fw = ge("Chip", ({ deactivated: e, label: t, variant: n, onClick: r, onClose: i, avatar: a, icon: o }) => {
-	let s = it(), c = /* @__PURE__ */ W(ct, { children: [a ? /* @__PURE__ */ U(qe, {
+	let s = it(), c = /* @__PURE__ */ W(ct, { children: [a ? /* @__PURE__ */ U(Je, {
 		avatar: a,
 		size: "xs"
 	}) : null, /* @__PURE__ */ W("div", {
@@ -48952,7 +48952,7 @@ var Aw = (e, t) => {
 	let n = e.type ?? "person";
 	return /* @__PURE__ */ U("div", {
 		className: P("pointer-events-auto w-full", t.visualization === "table" && Cw.avatarList),
-		children: /* @__PURE__ */ U(ze, {
+		children: /* @__PURE__ */ U(Ge, {
 			type: n,
 			avatars: e.avatarList,
 			size: "xs",
@@ -48991,9 +48991,9 @@ function Yw({ point: e, scaleMax: t, formatLabel: n, formatValue: r, formatToolt
 		formattedLabel: f,
 		formattedValue: p
 	}) ?? `${f} – ${p}`, h = d ? `${m}. ${d}` : m, g = Math.max(c ?? 0, 0), _ = o + g, v = s != null && _ < s, y = s != null && o > s, b = t > 0 ? Math.round(o / t * Pw) : 0, x = l ? Pw : t > 0 ? Math.round(g / t * Pw) : 0, S = Math.min(x, Pw - b), C = s != null && t > 0 && !v ? Math.round(Math.min(o, s) / t * Pw) : b, w = y ? Math.round(Pw * ((o - (s ?? 0)) / t)) : 0;
-	return /* @__PURE__ */ W(Oe, {
+	return /* @__PURE__ */ W(ke, {
 		disableHoverablePopup: !0,
-		children: [/* @__PURE__ */ U(Ee, {
+		children: [/* @__PURE__ */ U(De, {
 			delay: 100,
 			render: /* @__PURE__ */ U("div", {
 				className: "flex-shrink-0 cursor-default rounded-sm transition-opacity hover:opacity-90",
@@ -49059,7 +49059,7 @@ function Yw({ point: e, scaleMax: t, formatLabel: n, formatValue: r, formatToolt
 					borderRadius: b > 0 ? "0 0 2px 2px" : 2
 				}
 			}) : null] })
-		}), /* @__PURE__ */ W(ke, {
+		}), /* @__PURE__ */ W(Ae, {
 			positionerClassName: "pointer-events-none z-[100]",
 			className: "max-w-xs",
 			side: "top",
@@ -49126,7 +49126,7 @@ function nT({ meta: e }) {
 }
 function rT({ dataPoints: e, total: t, hideTooltip: n, meta: r }) {
 	let [i, a] = H(void 0), o = kS(e, t, (e, t) => e.color ? Qw(e.color) : TS(t)), s = AS(o, t);
-	return /* @__PURE__ */ W(Oe, { children: [/* @__PURE__ */ U(Ee, {
+	return /* @__PURE__ */ W(ke, { children: [/* @__PURE__ */ U(De, {
 		delay: 350,
 		render: /* @__PURE__ */ U("div", {
 			className: P(eT(), "pointer-events-auto", F(), r.visualization === "table" && "-my-2.5 box-content py-2.5"),
@@ -49179,7 +49179,7 @@ var iT = (e, t) => {
 	let { lines: n, full: r, wraps: i } = kw(e);
 	return /* @__PURE__ */ W("div", {
 		className: P("flex min-w-0 flex-1 gap-2", i ? "items-start" : "items-center", t.visualization === "table" && (i ? Cw.multiline : Cw.avatar)),
-		children: [/* @__PURE__ */ U(qe, {
+		children: [/* @__PURE__ */ U(Je, {
 			avatar: {
 				type: "company",
 				name: e.name,
@@ -49300,7 +49300,7 @@ var iT = (e, t) => {
 	return /* @__PURE__ */ W("div", {
 		"data-cell-type": "country",
 		className: "flex items-center gap-2",
-		children: [/* @__PURE__ */ U(je, {
+		children: [/* @__PURE__ */ U(Ie, {
 			size: "xs",
 			flag: e.code,
 			"aria-label": n
@@ -49341,7 +49341,7 @@ var iT = (e, t) => {
 	className: "text-f1-text-default text-md flex items-center gap-2 font-medium",
 	"data-cell-type": "file",
 	children: [
-		/* @__PURE__ */ U(He, { file: e }),
+		/* @__PURE__ */ U(je, { file: e }),
 		" ",
 		/* @__PURE__ */ U("span", { children: e.name })
 	]
@@ -49470,7 +49470,7 @@ var jT = (e, t) => {
 	let n = `${e.firstName.toString()} ${e.lastName.toString()}`;
 	return /* @__PURE__ */ W("div", {
 		className: P("flex min-w-0 flex-1 items-center gap-2", t.visualization === "table" && Cw.avatar),
-		children: [/* @__PURE__ */ U(qe, {
+		children: [/* @__PURE__ */ U(Je, {
 			avatar: {
 				type: "person",
 				firstName: e.firstName.toString(),
@@ -49570,7 +49570,7 @@ function ZT(e, t, n) {
 }
 function QT({ resolved: e, rounded: t, hideTooltip: n }) {
 	let { bar: r, isEmpty: i, pct: a, tooltip: o } = e;
-	return /* @__PURE__ */ W(Oe, { children: [/* @__PURE__ */ U(Ee, {
+	return /* @__PURE__ */ W(ke, { children: [/* @__PURE__ */ U(De, {
 		render: /* @__PURE__ */ U("div", {
 			role: "img",
 			"aria-label": o,
@@ -49581,7 +49581,7 @@ function QT({ resolved: e, rounded: t, hideTooltip: n }) {
 			pct: a,
 			color: r.color ?? VT
 		}) : null
-	}), n ? null : /* @__PURE__ */ U(ke, {
+	}), n ? null : /* @__PURE__ */ U(Ae, {
 		className: "text-sm",
 		children: o
 	})] });
@@ -49618,7 +49618,7 @@ var nE = L(({ bars: e, maxLabels: t = BT, hideTooltip: n, formatValue: r = Strin
 	return /* @__PURE__ */ U("div", {
 		ref: o,
 		className: "flex w-full flex-col gap-1",
-		children: /* @__PURE__ */ W(De, {
+		children: /* @__PURE__ */ W(Oe, {
 			delay: 700,
 			timeout: 300,
 			children: [/* @__PURE__ */ U("div", {
@@ -49868,7 +49868,7 @@ var BE = ({ count: e, list: t }) => {
 	}) }), /* @__PURE__ */ U(zE, {
 		side: "top",
 		className: "w-fit bg-f1-background text-f1-foreground shadow-md ring-1 ring-f1-border-secondary",
-		children: /* @__PURE__ */ U(We, {
+		children: /* @__PURE__ */ U(Ue, {
 			className: "flex max-h-[220px] w-fit flex-col",
 			children: t.map((e, t) => /* @__PURE__ */ U("div", {
 				className: "flex w-max max-w-72 items-center gap-1.5 px-2 py-1 [&:first-child]:pt-2 [&:last-child]:pb-2",
@@ -49888,7 +49888,7 @@ var VE = ({ type: e, tags: t, max: n = 4, remainingCount: r }) => {
 		type: e,
 		...t
 	}));
-	return /* @__PURE__ */ U(Je, {
+	return /* @__PURE__ */ U(Be, {
 		items: i,
 		max: n,
 		min: 1,
@@ -49935,7 +49935,7 @@ var HE = w(VE), UE = {
 		let { lines: n, full: r, wraps: i } = kw(e);
 		return /* @__PURE__ */ W("div", {
 			className: P("flex min-w-0 flex-1 gap-2", i ? "items-start" : "items-center", t.visualization === "table" && (i ? Cw.multiline : Cw.avatar)),
-			children: [/* @__PURE__ */ U(qe, {
+			children: [/* @__PURE__ */ U(Je, {
 				avatar: {
 					type: "team",
 					name: e.name,
@@ -50107,7 +50107,7 @@ var iD = QE, aD = eD, oD = I.forwardRef(({ className: e, indeterminate: t, disab
 			children: /* @__PURE__ */ U(y, { children: /* @__PURE__ */ U(aD, {
 				className: "absolute inset-0 z-[2] flex items-center justify-center text-current transition-none",
 				children: t ? /* @__PURE__ */ U(M, {
-					icon: Le,
+					icon: ze,
 					size: "sm"
 				}) : /* @__PURE__ */ U(M, {
 					icon: Xe,
@@ -50117,13 +50117,13 @@ var iD = QE, aD = eD, oD = I.forwardRef(({ className: e, indeterminate: t, disab
 		}), d ? /* @__PURE__ */ W("label", {
 			htmlFor: l,
 			className: P("flex flex-col pl-2 hover:cursor-pointer", a && "pt-0.5", n && "cursor-not-allowed opacity-50 hover:cursor-not-allowed"),
-			children: [o.title ? /* @__PURE__ */ U(Ue, {
+			children: [o.title ? /* @__PURE__ */ U(Pe, {
 				as: "span",
 				variant: "label",
 				content: o.title,
 				required: i,
 				className: "flex items-center gap-0.5"
-			}) : null, a ? /* @__PURE__ */ U(Ue, {
+			}) : null, a ? /* @__PURE__ */ U(Pe, {
 				as: "span",
 				id: u,
 				variant: "description",
@@ -53613,23 +53613,23 @@ var uM = ({ text: e }) => /* @__PURE__ */ U("div", {
 		}
 		Te(t), _e.onChange?.(t);
 	}, De = () => {
-		k || Ee(S), _e.onClear?.(), ye && Le.current?.focus();
+		k || Ee(S), _e.onClear?.(), ye && Ie.current?.focus();
 	}, Oe = (e) => {
 		t || ne?.(e);
 	}, ke = () => {
 		t || j?.();
 	}, Ae = () => {
 		t || te?.();
-	}, [je, Me] = H(!1), Fe = (e) => {
+	}, [je, Me] = H(!1), Pe = (e) => {
 		e.animationName === "autofill" && Me(!0);
-	}, Ie = V(null), Le = V(null), Re = x(_e.inputRef, Le);
-	z(() => (je && !Ie.current && (Ie.current = setInterval(() => {
-		let e = Le.current;
-		e && (e.matches(":-webkit-autofill") || e.matches(":autofill") || (Me(!1), Ie.current &&= (clearInterval(Ie.current), null)));
+	}, Fe = V(null), Ie = V(null), Le = x(_e.inputRef, Ie);
+	z(() => (je && !Fe.current && (Fe.current = setInterval(() => {
+		let e = Ie.current;
+		e && (e.matches(":-webkit-autofill") || e.matches(":autofill") || (Me(!1), Fe.current &&= (clearInterval(Fe.current), null)));
 	}, 100)), () => {
-		Ie.current &&= (clearInterval(Ie.current), null);
-	}), [je, Re]);
-	let ze = E || ae || de, Be = ee ?? !b(we), Ve = O != null && yM(we) && !je;
+		Fe.current &&= (clearInterval(Fe.current), null);
+	}), [je, Le]);
+	let Re = E || ae || de, ze = ee ?? !b(we), Be = O != null && yM(we) && !je;
 	return ye && !me ? /* @__PURE__ */ W("div", {
 		className: P("flex h-full w-full flex-col gap-2", o),
 		ref: ve,
@@ -53704,12 +53704,12 @@ var uM = ({ text: e }) => /* @__PURE__ */ U("div", {
 								onClick: Oe,
 								icon: f,
 								color: "default"
-							}) : null, oe ? /* @__PURE__ */ U(Pe, {
+							}) : null, oe ? /* @__PURE__ */ U(He, {
 								avatar: oe,
 								size: "xs"
 							}) : null]
 						}) : null,
-						Ve ? /* @__PURE__ */ U("div", {
+						Be ? /* @__PURE__ */ U("div", {
 							"data-slot": "value",
 							className: P("pointer-events-none flex min-w-0 shrink items-center pr-0", "pl-3", (f || oe) && "pl-8", (f || oe) && be === "md" && "pl-9", fM({ size: be })),
 							children: O
@@ -53721,11 +53721,11 @@ var uM = ({ text: e }) => /* @__PURE__ */ U("div", {
 								onChange: Ee,
 								onBlur: _e.onBlur,
 								onFocus: _e.onFocus,
-								onAnimationStart: Fe,
+								onAnimationStart: Pe,
 								disabled: Ce,
 								readOnly: n,
 								role: ie,
-								ref: Re,
+								ref: Le,
 								"aria-controls": N,
 								"aria-expanded": ie === "combobox" ? se : void 0,
 								"aria-activedescendant": ce,
@@ -53737,12 +53737,12 @@ var uM = ({ text: e }) => /* @__PURE__ */ U("div", {
 								"aria-busy": h,
 								"aria-disabled": Ce,
 								name: re,
-								className: P("h-full w-full min-w-0 px-3 text-f1-foreground", "[&::-webkit-search-cancel-button]:hidden", (f || oe) && "pl-8", (f || oe) && be === "md" && "pl-9", Ve && "pl-0", t && "cursor-not-allowed", e.props.className, fM({ size: be }))
+								className: P("h-full w-full min-w-0 px-3 text-f1-foreground", "[&::-webkit-search-cancel-button]:hidden", (f || oe) && "pl-8", (f || oe) && be === "md" && "pl-9", Be && "pl-0", t && "cursor-not-allowed", e.props.className, fM({ size: be }))
 							})
 						}),
 						/* @__PURE__ */ U("div", {
 							"data-slot": "placeholder",
-							className: P("pointer-events-none absolute inset-x-0 top-[1px] z-10 flex flex-1 justify-start overflow-hidden px-3 text-f1-foreground-secondary transition-opacity", !p && "bottom-0", p && "items-start", (f || oe) && "pl-8", (f || oe) && be === "md" && "pl-9", fM({ size: be }), _ && !D && !Ve && b(we) && !je ? "opacity-100" : "opacity-0"),
+							className: P("pointer-events-none absolute inset-x-0 top-[1px] z-10 flex flex-1 justify-start overflow-hidden px-3 text-f1-foreground-secondary transition-opacity", !p && "bottom-0", p && "items-start", (f || oe) && "pl-8", (f || oe) && be === "md" && "pl-9", fM({ size: be }), _ && !D && !Be && b(we) && !je ? "opacity-100" : "opacity-0"),
 							onClick: Ae,
 							"aria-hidden": "true",
 							title: _,
@@ -53751,12 +53751,12 @@ var uM = ({ text: e }) => /* @__PURE__ */ U("div", {
 								children: _
 							})
 						}),
-						v || ze || h ? /* @__PURE__ */ W("div", {
+						v || Re || h ? /* @__PURE__ */ W("div", {
 							className: P("flex h-fit min-w-6 items-center gap-1.5 self-center pr-[3px]", be === "md" && "pr-[7px]", "relative"),
 							children: [
 								v && !Ce ? /* @__PURE__ */ U(y, {
-									initial: Be,
-									children: Be ? /* @__PURE__ */ U(A.button, {
+									initial: ze,
+									children: ze ? /* @__PURE__ */ U(A.button, {
 										initial: { opacity: 0 },
 										animate: { opacity: 1 },
 										exit: { opacity: 0 },
@@ -53776,7 +53776,7 @@ var uM = ({ text: e }) => /* @__PURE__ */ U("div", {
 										})
 									}) : null
 								}) : null,
-								ze ? /* @__PURE__ */ W("div", {
+								Re ? /* @__PURE__ */ W("div", {
 									className: "flex min-h-6 min-w-6 items-center justify-center self-center",
 									children: [
 										E,
@@ -54312,7 +54312,7 @@ function zM({ data: e, paginationInfo: t, source: n, selectionMode: r = "multi",
 		for (let t of e) {
 			let e = h?.(t);
 			if (e === void 0) continue;
-			let n = t[Re];
+			let n = t[Ve];
 			n && x.get(n)?.checked && Ee(e, !0, !0);
 		}
 	}, [
@@ -54410,7 +54410,7 @@ var BM = ({ open: e, className: t, onClick: n, disabled: r, size: i = "xs", clos
 		className: P("flex h-3 w-3 shrink-0 items-center justify-center", r && "cursor-not-allowed opacity-50", t),
 		onClick: n,
 		children: /* @__PURE__ */ U(M, {
-			icon: Ge,
+			icon: Ke,
 			size: i,
 			role: "button"
 		})
@@ -54487,7 +54487,7 @@ var BM = ({ open: e, className: t, onClick: n, disabled: r, size: i = "xs", clos
 			n === void 0 ? null : /* @__PURE__ */ U(VM, {
 				resolve: n,
 				fallback: /* @__PURE__ */ U(se, { className: "size-5 rounded-full" }),
-				children: (e) => e ? /* @__PURE__ */ U(Pe, {
+				children: (e) => e ? /* @__PURE__ */ U(He, {
 					avatar: e,
 					size: "xs"
 				}) : null
@@ -56265,7 +56265,7 @@ var QP = 8, $P = [
 		children: /* @__PURE__ */ U("div", {
 			role: "option",
 			"aria-disabled": "true",
-			children: /* @__PURE__ */ U(Ue, {
+			children: /* @__PURE__ */ U(Pe, {
 				variant: "description",
 				align: "center",
 				content: a || "-"
@@ -56342,7 +56342,7 @@ var QP = 8, $P = [
 								"aria-busy": "true",
 								children: /* @__PURE__ */ U(ow, {})
 							}) : null,
-							/* @__PURE__ */ U(We, {
+							/* @__PURE__ */ U(Ue, {
 								viewportRef: O,
 								className: P("flex h-full flex-col", te ? "justify-center" : "pb-1", me && "select-none opacity-10 transition-opacity"),
 								onScrollBottom: l,
@@ -56640,7 +56640,7 @@ var vF = L(function({ selection: e, multiple: t, totalSelectedCount: n, allSelec
 		children: [
 			c.avatar ? /* @__PURE__ */ U("div", {
 				className: "flex shrink-0 items-center",
-				children: /* @__PURE__ */ U(qe, {
+				children: /* @__PURE__ */ U(Je, {
 					avatar: c.avatar,
 					size: "xs"
 				})
@@ -56665,7 +56665,7 @@ function bF({ item: e, onDeselect: t }) {
 		children: [/* @__PURE__ */ W("div", {
 			className: "flex min-w-0 flex-1 items-center gap-1.5",
 			children: [
-				e.avatar ? /* @__PURE__ */ U(qe, {
+				e.avatar ? /* @__PURE__ */ U(Je, {
 					avatar: e.avatar,
 					size: "xs"
 				}) : null,
@@ -56715,7 +56715,7 @@ function xF({ items: e, onDeselect: t, allSelected: n, onLoadMore: r, isLoadingM
 			})
 		}) : /* @__PURE__ */ U("div", {
 			className: "flex min-h-0 flex-1 flex-col overflow-hidden",
-			children: /* @__PURE__ */ U(We, {
+			children: /* @__PURE__ */ U(Ue, {
 				className: "flex h-full flex-col",
 				onScrollBottom: () => {
 					s && !i && r?.();
@@ -56777,7 +56777,7 @@ var CF = /^\+\d{1,4}$/, wF = /* @__PURE__ */ new Set(), TF = (e) => e.type === "
 			children: [
 				e.avatar ? /* @__PURE__ */ U("div", {
 					className: "flex shrink-0 items-center",
-					children: /* @__PURE__ */ U(qe, {
+					children: /* @__PURE__ */ U(Je, {
 						avatar: e.avatar,
 						size: "xs"
 					})
@@ -57347,7 +57347,7 @@ var QF = (e, t) => !e || "from" in e && !e.from && t.schema.options.mode === "si
 	className: P(e.className, "animate-spin")
 }));
 tI.displayName = "LoadingIcon";
-var nI = L(({ value: e, threshold: t = 0, onChange: n, onBlur: r, onFocus: i, size: a = "sm", debounceTime: o = 0, clearable: s = !1, tabIndex: c = -1, icon: l = Ie, role: u = "searchbox", onKeyDown: d, "aria-controls": f, "aria-expanded": p, "aria-activedescendant": m, "aria-autocomplete": h, ...g }, _) => {
+var nI = L(({ value: e, threshold: t = 0, onChange: n, onBlur: r, onFocus: i, size: a = "sm", debounceTime: o = 0, clearable: s = !1, tabIndex: c = -1, icon: l = Re, role: u = "searchbox", onKeyDown: d, "aria-controls": f, "aria-expanded": p, "aria-activedescendant": m, "aria-autocomplete": h, ...g }, _) => {
 	let v = V(null);
 	at(_, () => v.current), z(() => {
 		let e = v.current;
@@ -57470,7 +57470,7 @@ function hI({ schema: e, search: t }) {
 			enabled: !0,
 			sync: !0
 		}
-	} : { dataAdapter: { fetchData: async () => ({ records: [] }) } }, [u]), { data: f, isInitialLoading: p, loadMore: m, isLoadingMore: h, paginationInfo: g } = Ve({
+	} : { dataAdapter: { fetchData: async () => ({ records: [] }) } }, [u]), { data: f, isInitialLoading: p, loadMore: m, isLoadingMore: h, paginationInfo: g } = We({
 		...d,
 		currentSearch: t
 	}, {}, [u]), _ = R(async (t = !1) => {
@@ -57540,7 +57540,7 @@ var bI = ({ label: e, expanded: t, hasSelectedDescendant: n, onToggle: r }) => {
 			variant: "ghost",
 			size: "sm",
 			onClick: r,
-			icon: t ? Ge : vt,
+			icon: t ? Ke : vt,
 			label: e,
 			"aria-label": a,
 			"aria-expanded": t,
@@ -57765,7 +57765,7 @@ function TI({ schema: e, value: t, onChange: n, isCompactMode: r, onFilterChange
 				isCompactMode: r,
 				onCheckedChange: te
 			}),
-			/* @__PURE__ */ W(We, {
+			/* @__PURE__ */ W(Ue, {
 				className: P("[&>div]:pb-2", r && "px-1", r ? "max-h-[360px]" : "flex-1 min-h-0"),
 				onScrollBottom: A,
 				scrollMargin: 50,
@@ -58578,7 +58578,7 @@ function nL({ selectedFilterKey: e, definition: t, tempFilters: n, onFilterChang
 //#endregion
 //#region src/blocks/OneFilterPicker/components/FilterList.tsx
 function rL({ definition: e, tempFilters: t, selectedFilterKey: n, onFilterSelect: r, isCompactMode: i, onClickApplyFilters: a, quickFilterLabel: o, quickFilterIcon: c, quickFilterSelected: l, onQuickFilterSelect: u }) {
-	let d = he(), f = it(), p = s(), m = i ? Be : We, h = B(() => {
+	let d = he(), f = it(), p = s(), m = i ? qe : Ue, h = B(() => {
 		let t = /* @__PURE__ */ new Map();
 		for (let [n, r] of Object.entries(e)) if (r.type === "in" && "options" in r) {
 			let e = yI(r);
@@ -59126,7 +59126,7 @@ var fL = ge("Preset", ({ label: e, number: t, onClick: n, selected: r, descripti
 						size: "sm",
 						hideLabel: !0,
 						label: s.actions.editPreset,
-						icon: Fe,
+						icon: Le,
 						onClick: ((e) => (t) => {
 							t.preventDefault(), t.stopPropagation(), e();
 						})(a)
@@ -59135,10 +59135,10 @@ var fL = ge("Preset", ({ label: e, number: t, onClick: n, selected: r, descripti
 			}) : null
 		]
 	});
-	return i ? /* @__PURE__ */ W(Oe, { children: [/* @__PURE__ */ U(Ee, {
+	return i ? /* @__PURE__ */ W(ke, { children: [/* @__PURE__ */ U(De, {
 		delay: 400,
 		render: f
-	}), /* @__PURE__ */ U(ke, {
+	}), /* @__PURE__ */ U(Ae, {
 		className: "max-w-xs",
 		children: /* @__PURE__ */ U("p", {
 			className: "font-normal",
@@ -59247,14 +59247,14 @@ var fL = ge("Preset", ({ label: e, number: t, onClick: n, selected: r, descripti
 	}, t);
 	if (r) {
 		let e = Array.from({ length: mL }, (e, t) => t);
-		return /* @__PURE__ */ U(Je, {
+		return /* @__PURE__ */ U(Be, {
 			items: e,
 			renderListItem: b,
 			renderDropdownItem: x,
 			className: "min-w-0 flex-1"
 		});
 	}
-	return _.length === 0 ? null : /* @__PURE__ */ U(Je, {
+	return _.length === 0 ? null : /* @__PURE__ */ U(Be, {
 		items: _,
 		renderListItem: v,
 		renderDropdownItem: y,
@@ -59451,7 +59451,7 @@ var CL = SL, wL = ({ filters: e, currentFilters: t, onFiltersChange: n }) => {
 	let o = (e) => {
 		n(Object.fromEntries(Object.entries(t).filter(([t]) => t !== e)));
 	};
-	return /* @__PURE__ */ U(We, { children: /* @__PURE__ */ U("div", {
+	return /* @__PURE__ */ U(Ue, { children: /* @__PURE__ */ U("div", {
 		className: "flex gap-1 border-0 p-2",
 		children: /* @__PURE__ */ U(y, {
 			mode: "popLayout",
@@ -59661,7 +59661,7 @@ var TL = ({ showSearchBox: e, searchBoxPlaceholder: t, onSearchChange: n, search
 		info: "border-f1-border-info-bold"
 	} },
 	defaultVariants: { status: "default" }
-}), NL = P("group inline-flex h-8 w-fit max-w-full items-center gap-1 rounded border-0 bg-transparent pl-3 pr-2 shadow-none outline-none transition-colors enabled:cursor-pointer enabled:hover:bg-f1-background-hover data-[state=open]:bg-f1-background-hover disabled:cursor-not-allowed disabled:bg-f1-background-tertiary disabled:text-f1-foreground-disabled disabled:data-[state=open]:bg-f1-background-tertiary disabled:[&_*]:text-f1-foreground-disabled", Ke({ variant: "label" })), PL = L(function({ label: e, placeholder: t, selection: n, hasValue: r }, i) {
+}), NL = P("group inline-flex h-8 w-fit max-w-full items-center gap-1 rounded border-0 bg-transparent pl-3 pr-2 shadow-none outline-none transition-colors enabled:cursor-pointer enabled:hover:bg-f1-background-hover data-[state=open]:bg-f1-background-hover disabled:cursor-not-allowed disabled:bg-f1-background-tertiary disabled:text-f1-foreground-disabled disabled:data-[state=open]:bg-f1-background-tertiary disabled:[&_*]:text-f1-foreground-disabled", Fe({ variant: "label" })), PL = L(function({ label: e, placeholder: t, selection: n, hasValue: r }, i) {
 	return /* @__PURE__ */ W(rF, {
 		ref: i,
 		"aria-label": e,
@@ -59679,7 +59679,7 @@ var TL = ({ showSearchBox: e, searchBoxPlaceholder: t, onSearchChange: n, search
 			className: "flex size-4 shrink-0 items-center justify-center text-f1-icon",
 			"aria-hidden": "true",
 			children: /* @__PURE__ */ U(M, {
-				icon: Ge,
+				icon: Ke,
 				size: "sm"
 			})
 		})]
@@ -59703,7 +59703,7 @@ var FL = L(function({ variant: e = "field", placeholder: t, onChange: n, withApp
 			ze(Array.from(new Set(e.map(String))));
 		}
 	}, [o]);
-	let He = B(() => {
+	let Ve = B(() => {
 		if (O && !["infinite-scroll", "no-pagination"].includes(OM(O.dataAdapter))) throw Error("Select component only supports `infinite-scroll` or `no-pagination` pagination types");
 		return {
 			...O,
@@ -59716,15 +59716,15 @@ var FL = L(function({ variant: e = "field", placeholder: t, onChange: n, withApp
 		s,
 		O,
 		"searchFn" in _e && _e.searchFn
-	]), Ue = e === "field" && !ce && !l, We = !!g, Ge = AM({
-		...He,
+	]), He = e === "field" && !ce && !l, Ue = !!g, Ge = AM({
+		...Ve,
 		selectable: (e) => {
 			if (!e) return;
 			let t = Ke(e);
 			return t.type === "separator" ? void 0 : String(t.value);
 		},
-		search: We ? {
-			enabled: We,
+		search: Ue ? {
+			enabled: Ue,
 			sync: !O
 		} : void 0
 	}, [s]), Ke = R((e) => {
@@ -59733,7 +59733,7 @@ var FL = L(function({ variant: e = "field", placeholder: t, onChange: n, withApp
 			return c(e);
 		}
 		return e;
-	}, [c, O]), { data: qe, isInitialLoading: Je, loadMore: Ye, isLoadingMore: Xe, isLoading: Ze, paginationInfo: I } = Ve(Ge), { currentSearch: Qe, setCurrentSearch: $e } = Ge, et = We && Ue && !Ge.filters, tt = We && !et, nt = V(/* @__PURE__ */ new Map()), L = B(() => {
+	}, [c, O]), { data: qe, isInitialLoading: Je, loadMore: Ye, isLoadingMore: Xe, isLoading: Ze, paginationInfo: I } = We(Ge), { currentSearch: Qe, setCurrentSearch: $e } = Ge, et = Ue && He && !Ge.filters, tt = Ue && !et, nt = V(/* @__PURE__ */ new Map()), L = B(() => {
 		let e = [];
 		for (let t of qe.records) {
 			let n = Ke(t);