@rpcbase/ui 0.287.0 → 0.289.0

package/dist/index301.js

@@ -1,807 +1,124 @@
-import { useIsTouchDevice as e } from "./index4.js";
-import { cn as t } from "./index12.js";
-import { c as n } from "react/compiler-runtime";
-import * as r from "react";
-import { Check as i, ChevronDown as a, ChevronUp as o } from "lucide-react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { createPortal as u } from "react-dom";
-import { IMaskInput as d } from "react-imask";
-import f, { InputMask as p } from "imask";
-//#region src/components/HourPickerField/index.tsx
-var m = f;
-typeof m.InputMask != "function" && (m.InputMask = p);
-function h(e) {
-	return String(e).padStart(2, "0");
-}
-function g(e) {
-	let t = e.trim();
-	if (!t) return null;
-	let n = /^(\d{1,2}):(\d{2})$/.exec(t);
-	if (!n) return null;
-	let r = Number(n[1]), i = Number(n[2]);
-	return !Number.isFinite(r) || !Number.isFinite(i) || r < 0 || r > 23 || i < 0 || i > 59 ? null : `${h(r)}:${h(i)}`;
-}
-function _(e) {
-	let t = g(e);
-	if (t) return `parsed:${t}`;
-	let n = e.replace(/\D/g, "");
-	if (!n) return "empty";
-	if (n.length <= 2) return `hour:${Number(n)}`;
-	let r = n.slice(-2), i = n.slice(0, -2);
-	return `hour-minute:${Number(i)}:${r}`;
-}
-function v(e, t) {
-	let n = g(e);
-	return n ? y(t.find((e) => e.value === n)) ? {
-		parsed: n,
-		selectableValue: n
-	} : {
-		parsed: n,
-		selectableValue: null
-	} : null;
-}
-function ee(e) {
-	let t = /^(\d{2}):(\d{2})$/.exec(e);
-	if (!t) return null;
-	let n = Number(t[1]), r = Number(t[2]);
-	return !Number.isFinite(n) || !Number.isFinite(r) ? null : n * 60 + r;
-}
-function y(e) {
-	return e ? !e.disabled : !1;
-}
-function te(e, t) {
-	let n = null, r = Infinity, i = -Infinity;
-	for (let a of t) {
-		if (!y(a)) continue;
-		let t = ee(a.value);
-		if (t == null) continue;
-		let o = Math.abs(t - e);
-		(o < r || o === r && t > i) && (n = a, r = o, i = t);
+import { decode as e } from "./index300.js";
+import { c as t } from "react/compiler-runtime";
+import { useEffect as n, useRef as ee, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/Image/index.tsx
+var o = [
+	320,
+	640,
+	960,
+	1600
+], s = /^\/api\/rb\/files\/[^/?#]+/, c = (e) => [...new Set(e.map((e) => Math.floor(e)).filter((e) => Number.isFinite(e) && e > 0))].sort((e, t) => e - t), l = (e) => {
+	if (s.test(e)) return !0;
+	try {
+		let t = new URL(e);
+		return s.test(t.pathname);
+	} catch {
+		return !1;
 	}
-	return n;
-}
-function b({ direction: e, viewportRef: n, speed: i = 400, className: s }) {
-	let [l, u] = r.useState(!0), d = r.useRef(void 0), f = r.useRef(void 0), p = r.useRef(!1), m = r.useCallback(() => {
-		let t = n.current;
-		if (!t) {
-			u(!0);
-			return;
-		}
-		let { scrollTop: r, scrollHeight: i, clientHeight: a } = t, o = r > 2, s = r < i - a - 2;
-		if (!(i > a + 2)) {
-			u(!0);
-			return;
-		}
-		u(e === "up" ? !o : !s);
-	}, [e, n]);
-	r.useEffect(() => {
-		let e = n.current;
-		if (!e) return;
-		m();
-		let t = () => m(), r = () => m();
-		e.addEventListener("scroll", t, { passive: !0 });
-		let i = new ResizeObserver(r);
-		i.observe(e);
-		let a = new MutationObserver(r);
-		return a.observe(e, {
-			childList: !0,
-			subtree: !0
-		}), () => {
-			e.removeEventListener("scroll", t), i.disconnect(), a.disconnect();
-		};
-	}, [n, m]);
-	let h = r.useCallback(() => {
-		d.current &&= (cancelAnimationFrame(d.current), void 0), p.current = !1, f.current = void 0;
-	}, []), g = r.useCallback((t) => {
-		let r = n.current;
-		if (!r || l || !p.current) {
-			h();
-			return;
-		}
-		f.current ||= t;
-		let a = i * (t - f.current) / 1e3;
-		if (a < .1) {
-			d.current = requestAnimationFrame(g);
+}, u = (e, t) => {
+	if (e.startsWith("/")) {
+		let n = new URL(e, "http://rpcbase.local");
+		return n.searchParams.set("w", String(t)), `${n.pathname}${n.search}${n.hash}`;
+	}
+	try {
+		let n = new URL(e);
+		return n.searchParams.set("w", String(t)), n.toString();
+	} catch {
+		return e;
+	}
+}, te = (e, t = o) => {
+	if (!l(e)) return;
+	let n = c(t);
+	if (n.length) return n.map((t) => `${u(e, t)} ${t}w`).join(", ");
+};
+function d(s) {
+	let c = t(63), d, f, p, m, h, g, _, v, y, b, x, S, C, w, T, E;
+	c[0] === s ? (d = c[1], f = c[2], p = c[3], m = c[4], h = c[5], g = c[6], _ = c[7], v = c[8], y = c[9], b = c[10], x = c[11], S = c[12], C = c[13], w = c[14], T = c[15], E = c[16]) : ({src: b, hash: p, alt: C, className: d, containerClassName: f, imgClassName: m, widths: w, responsive: v, sizes: y, srcSet: x, loading: T, decoding: E, style: S, onLoad: g, onError: h, ..._} = s, c[0] = s, c[1] = d, c[2] = f, c[3] = p, c[4] = m, c[5] = h, c[6] = g, c[7] = _, c[8] = v, c[9] = y, c[10] = b, c[11] = x, c[12] = S, c[13] = C, c[14] = w, c[15] = T, c[16] = E);
+	let D = C === void 0 ? "" : C, O = w === void 0 ? o : w, k = T === void 0 ? "lazy" : T, A = E === void 0 ? "async" : E, [j, ne] = r(!1), [M, re] = r(null), ie = ee(null), N;
+	c[17] !== v || c[18] !== b ? (N = v ?? l(b), c[17] = v, c[18] = b, c[19] = N) : N = c[19];
+	let P = N, F;
+	c[20] !== P || c[21] !== b || c[22] !== x || c[23] !== O ? (F = x ?? (P ? te(b, O) : void 0), c[20] = P, c[21] = b, c[22] = x, c[23] = O, c[24] = F) : F = c[24];
+	let I = F, L;
+	c[25] !== P || c[26] !== b ? (L = P ? u(b, 960) : b, c[25] = P, c[26] = b, c[27] = L) : L = c[27];
+	let R = L, z, B;
+	c[28] === p ? (z = c[29], B = c[30]) : (z = () => {
+		if (!p) {
+			re(null);
 			return;
 		}
-		let o = r.scrollTop, s = r.scrollHeight - r.clientHeight, c;
-		c = e === "up" ? Math.max(0, o - a) : Math.min(s, o + a), r.scrollTo({ top: c }), f.current = t, (e === "up" ? c > 1 : c < s - 1) && Math.abs(c - o) > .01 ? d.current = requestAnimationFrame(g) : (h(), setTimeout(m, 16));
-	}, [
-		m,
-		e,
-		l,
-		i,
-		h,
-		n
-	]), _ = r.useCallback(() => {
-		l || !n.current || p.current || (p.current = !0, f.current = void 0, d.current = requestAnimationFrame(g));
-	}, [
-		l,
-		g,
-		n
-	]);
-	return r.useEffect(() => h, [h]), /* @__PURE__ */ c("div", {
-		className: t("flex items-center justify-center py-1 select-none", l ? "cursor-default opacity-40" : "cursor-pointer opacity-100 hover:bg-accent/20", s),
-		onPointerEnter: () => {
-			l || _();
-		},
-		onPointerMove: () => {
-			!l && !p.current && _();
-		},
-		onPointerLeave: () => {
-			h();
-		},
-		children: c(e === "up" ? o : a, {
-			"aria-hidden": !0,
-			className: "h-4 w-4 opacity-50"
-		})
-	});
-}
-function x({ id: e, value: n, onChange: a, onValueUpdate: o, options: d, placeholder: f = "Select time", className: p, inputClassName: m, disabled: h, readOnly: g, open: _, onOpenChange: v, triggerTestId: ee, contentTestId: te, isHydrated: x }) {
-	let S = r.useId(), C = e ?? `hours-picker-${S}`, T = r.useRef(null), E = r.useRef(null), D = r.useCallback((e) => {
-		E.current = e;
-	}, []), O = r.useRef(null), k = r.useRef(!1), [A, j] = r.useState(null), M = r.useRef(null), N = r.useRef(null), P = r.useRef(null), [F, I] = r.useState(() => ({
-		left: 0,
+		let [t, n, ee] = p, r = e(ee, t, n), i = document.createElement("canvas"), a = i.getContext("2d");
+		a && (i.width = t, i.height = n, a.putImageData(new ImageData(new Uint8ClampedArray(r), t, n), 0, 0), re(i.toDataURL()));
+	}, B = [p], c[28] = p, c[29] = z, c[30] = B), n(z, B);
+	let V;
+	c[31] === Symbol.for("react.memo_cache_sentinel") ? (V = () => {
+		ne(!1), ie.current?.complete && ne(!0);
+	}, c[31] = V) : V = c[31];
+	let H;
+	c[32] !== R || c[33] !== I ? (H = [R, I], c[32] = R, c[33] = I, c[34] = H) : H = c[34], n(V, H);
+	let U = I ? y ?? "100vw" : y, W = p ? m : m ?? d, G;
+	c[35] !== p || c[36] !== j || c[37] !== S ? (G = p ? {
+		width: "100%",
+		height: "100%",
+		objectFit: "cover",
+		display: j ? "block" : "none",
+		position: "absolute",
 		top: 0,
-		width: 0
-	})), [L, R] = r.useState(!1), z = _ ?? L, B = v ?? R, V = r.useRef(!1);
-	V.current = z, r.useEffect(() => {
-		if (!z || h || g) return;
-		let e = T.current;
-		e instanceof HTMLInputElement && (typeof document < "u" && document.activeElement === e || e.focus({ preventScroll: !0 }));
-	}, [
-		h,
-		z,
-		g
-	]);
-	let H = r.useCallback((e) => {
-		O.current = e, j(e);
-	}, []), U = r.useCallback(() => {
-		k.current = !0;
-	}, []);
-	r.useEffect(() => {
-		if (!z) return;
-		let e = d.find((e) => e.value === n);
-		if (e && y(e)) {
-			H(e.value);
-			return;
-		}
-		let t = d.find((e) => y(e));
-		H(t?.value ?? null);
-	}, [
-		z,
-		d,
-		H,
-		n
-	]);
-	let ne = r.useCallback((e) => {
-		if (e === null) {
-			o && o(null);
-			return;
-		}
-		y(d.find((t) => t.value === e)) && o && o(e);
-	}, [o, d]), W = r.useCallback((e) => {
-		if (e === null) {
-			o && o(null), a(null);
-			return;
-		}
-		y(d.find((t) => t.value === e)) && (o && o(e), a(e));
-	}, [
-		a,
-		o,
-		d
-	]);
-	r.useEffect(() => {
-		if (!z) return;
-		let e = M.current?.ownerDocument ?? document, t = e.defaultView ?? window, n = (e) => {
-			let t = e.target;
-			if (!(t instanceof Node)) return;
-			let n = M.current;
-			n && (n.contains(t) || N.current?.contains(t) || B(!1));
-		}, r = (e) => {
-			if (e.key !== "Escape" || !V.current) return;
-			let t = e.target;
-			if (!(t instanceof Node)) return;
-			let n = M.current, r = N.current;
-			!n?.contains(t) && !r?.contains(t) || (e.preventDefault(), e.stopPropagation(), B(!1));
-		};
-		return e.addEventListener("pointerdown", n, !0), t.addEventListener("keydown", r, !0), () => {
-			e.removeEventListener("pointerdown", n, !0), t.removeEventListener("keydown", r, !0);
-		};
-	}, [z, B]), r.useEffect(() => {
-		if (!z) return;
-		let e = N.current;
-		if (!e) return;
-		let t = (e) => {
-			let t = P.current;
-			if (!t) return;
-			let n = e.deltaY;
-			if (n === 0) return;
-			let r = Math.max(0, t.scrollHeight - t.clientHeight), i = t.scrollTop <= 0, a = t.scrollTop >= r, o = e.target;
-			if (o instanceof Node && t.contains(o)) {
-				(n < 0 && i || n > 0 && a) && e.preventDefault();
-				return;
-			}
-			e.preventDefault(), t.scrollTop = Math.min(r, Math.max(0, t.scrollTop + n));
-		};
-		return e.addEventListener("wheel", t, { passive: !1 }), () => {
-			e.removeEventListener("wheel", t);
-		};
-	}, [z]), r.useEffect(() => {
-		if (!z || _ !== void 0 && !v || typeof window > "u" || !("IntersectionObserver" in window)) return;
-		let e = T.current;
-		if (!(e instanceof HTMLElement)) return;
-		let t = !0, n = new IntersectionObserver((e) => {
-			if (!t) return;
-			let n = e[0];
-			n && !n.isIntersecting && B(!1);
-		});
-		return n.observe(e), () => {
-			t = !1, n.disconnect();
-		};
-	}, [
-		v,
-		z,
-		_,
-		B
-	]);
-	let G = r.useCallback(() => {
-		if (typeof window > "u") return;
-		let e = T.current, t = N.current;
-		if (!(e instanceof HTMLElement) || !t) return;
-		let n = e.getBoundingClientRect(), r = t.offsetHeight, i = window.innerWidth ?? 0, a = window.innerHeight ?? 0, o = n.width, s = n.left;
-		s + o > i - 8 && (s = Math.max(8, i - o - 8)), s < 8 && (s = 8);
-		let c = n.bottom + 8, l = c + r > a - 8, u = n.top - r - 8;
-		l && u >= 8 && (c = u), c < 8 && (c = 8), c + r > a - 8 && (c = Math.max(8, a - r - 8)), I({
-			left: s,
-			top: c,
-			width: o
-		});
-	}, []);
-	r.useLayoutEffect(() => {
-		if (!z || h || typeof window > "u") return;
-		G();
-		let e = window.requestAnimationFrame(G);
-		return window.addEventListener("scroll", G, !0), window.addEventListener("resize", G), () => {
-			window.cancelAnimationFrame(e), window.removeEventListener("scroll", G, !0), window.removeEventListener("resize", G);
-		};
-	}, [
-		h,
-		z,
-		G
-	]), r.useEffect(() => {
-		if (!z) return;
-		let e = P.current;
-		if (!e) return;
-		let t = requestAnimationFrame(() => {
-			let t = e.querySelector("[role=\"option\"][data-state=\"checked\"]");
-			if (t instanceof HTMLElement) {
-				let n = t.offsetTop - 8, r = t.offsetTop + t.offsetHeight + 8;
-				if (n < e.scrollTop) {
-					e.scrollTop = Math.max(0, n);
-					return;
-				}
-				r > e.scrollTop + e.clientHeight && (e.scrollTop = Math.max(0, r - e.clientHeight));
-				return;
-			}
-			let n = Array.from(e.querySelectorAll("[role=\"option\"]"));
-			if (!n.length) return;
-			let r, i;
-			for (let e of n) {
-				if (!e.hasAttribute("data-disabled")) {
-					r = e;
-					break;
-				}
-				i = e;
-			}
-			if (!r) return;
-			let a = Math.max(0, (i || r).offsetTop - 8);
-			e.scrollTop = a;
-		});
-		return () => cancelAnimationFrame(t);
-	}, [z, d]), r.useEffect(() => {
-		if (!z || !A || !k.current) return;
-		let e = P.current;
-		if (!e) return;
-		let t = e.querySelector(`[role="option"][data-value="${A}"]`);
-		if (!(t instanceof HTMLElement)) return;
-		let n = t.offsetTop - 8, r = t.offsetTop + t.offsetHeight + 8;
-		if (n < e.scrollTop) {
-			e.scrollTop = Math.max(0, n);
-			return;
-		}
-		r > e.scrollTop + e.clientHeight && (e.scrollTop = Math.max(0, r - e.clientHeight));
-	}, [A, z]);
-	let re = d.find((e) => e.value === n);
-	return /* @__PURE__ */ c("div", {
-		"data-slot": "hours-picker-input",
-		className: t("w-[150px]", p),
-		ref: M,
-		children: /* @__PURE__ */ l("div", {
-			className: "relative",
-			children: [/* @__PURE__ */ c(w, {
-				id: C,
-				placeholder: f,
-				value: n,
-				onValueUpdate: ne,
-				onCommit: W,
-				options: d,
-				selectedLabel: re?.selectedLabel,
-				disabled: h,
-				readOnly: g,
-				open: z,
-				setOpen: B,
-				inputClassName: m,
-				triggerTestId: ee,
-				isHydrated: x,
-				highlightedValueRef: O,
-				setHighlightedValue: H,
-				markKeyboardNavigation: U,
-				inputRef: (e) => {
-					T.current = e;
-				},
-				onDraftValueHandlerChange: D
-			}), z ? (() => {
-				let e = /* @__PURE__ */ c(s, { children: /* @__PURE__ */ l("div", {
-					ref: N,
-					"data-testid": te,
-					"data-state": "open",
-					className: t("pointer-events-auto fixed z-[60] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md", "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95"),
-					style: {
-						left: F.left,
-						top: F.top,
-						width: F.width
-					},
-					children: [
-						/* @__PURE__ */ c(b, {
-							direction: "up",
-							viewportRef: P
-						}),
-						/* @__PURE__ */ c("div", {
-							ref: P,
-							role: "listbox",
-							className: "max-h-64 overflow-y-auto p-1 [overscroll-behavior:contain] [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
-							children: d.map((e) => {
-								let r = e.value === n;
-								return /* @__PURE__ */ l("div", {
-									role: "option",
-									"aria-selected": r,
-									"data-value": e.value,
-									"data-state": r ? "checked" : "unchecked",
-									"data-disabled": e.disabled ? "" : void 0,
-									className: t("relative flex w-full select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none cursor-pointer", e.disabled && "pointer-events-none opacity-50", A === e.value && "bg-accent text-accent-foreground"),
-									onMouseDown: (e) => {
-										e.preventDefault();
-									},
-									onClick: () => {
-										e.disabled || (E.current?.(e.value), H(e.value), T.current?.focus({ preventScroll: !0 }), W(e.value), B(!1));
-									},
-									onPointerEnter: () => {
-										k.current || (k.current = !1, H(e.value));
-									},
-									onPointerMove: (t) => {
-										k.current && t.movementX === 0 && t.movementY === 0 || (k.current = !1, H(e.value));
-									},
-									children: [/* @__PURE__ */ c("span", {
-										className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-										children: r ? /* @__PURE__ */ c(i, {
-											"aria-hidden": !0,
-											className: "h-4 w-4"
-										}) : null
-									}), /* @__PURE__ */ l("div", {
-										className: "flex flex-col",
-										children: [/* @__PURE__ */ c("span", { children: e.label }), e.description == null ? null : /* @__PURE__ */ c("span", {
-											"data-slot": "description",
-											className: "text-xs text-muted-foreground",
-											children: e.description
-										})]
-									})]
-								}, e.value);
-							})
-						}),
-						/* @__PURE__ */ c(b, {
-							direction: "down",
-							viewportRef: P
-						})
-					]
-				}) });
-				return typeof document > "u" ? e : u(e, document.body);
-			})() : null]
-		})
-	});
-}
-x.displayName = "HourPickerInput";
-function S({ id: e, value: n, onChange: o, onValueUpdate: d, options: f, placeholder: p = "Select time", className: m, inputClassName: h, disabled: g, readOnly: _, open: v, onOpenChange: ee, triggerTestId: te, contentTestId: x, isHydrated: S }) {
-	let C = r.useId(), w = e ?? `hours-picker-${C}`, T = r.useRef(null), E = r.useRef(null), D = r.useRef(null), O = r.useRef(null), [k, A] = r.useState(() => ({
 		left: 0,
-		top: 0,
-		width: 0
-	})), [j, M] = r.useState(!1), N = v ?? j, P = ee ?? M, F = r.useRef(!1);
-	F.current = N;
-	let I = r.useCallback((e) => {
-		y(f.find((t) => t.value === e)) && (d && d(e), o(e));
-	}, [
-		o,
-		d,
-		f
-	]), L = r.useCallback(() => {
-		if (typeof window > "u") return;
-		let e = T.current, t = D.current;
-		if (!(e instanceof HTMLElement) || !t) return;
-		let n = e.getBoundingClientRect(), r = t.offsetHeight, i = window.innerWidth ?? 0, a = window.innerHeight ?? 0, o = n.width, s = n.left;
-		s + o > i - 8 && (s = Math.max(8, i - o - 8)), s < 8 && (s = 8);
-		let c = n.bottom + 8, l = c + r > a - 8, u = n.top - r - 8;
-		l && u >= 8 && (c = u), c < 8 && (c = 8), c + r > a - 8 && (c = Math.max(8, a - r - 8)), A({
-			left: s,
-			top: c,
-			width: o
-		});
-	}, []);
-	r.useLayoutEffect(() => {
-		if (!N || g || typeof window > "u") return;
-		L();
-		let e = window.requestAnimationFrame(L);
-		return window.addEventListener("scroll", L, !0), window.addEventListener("resize", L), () => {
-			window.cancelAnimationFrame(e), window.removeEventListener("scroll", L, !0), window.removeEventListener("resize", L);
-		};
-	}, [
-		g,
-		N,
-		L
-	]), r.useEffect(() => {
-		if (!N) return;
-		let e = E.current?.ownerDocument ?? document, t = e.defaultView ?? window, n = (e) => {
-			let t = e.target;
-			t instanceof Node && (E.current?.contains(t) || D.current?.contains(t) || P(!1));
-		}, r = (e) => {
-			if (e.key !== "Escape" || !F.current) return;
-			let t = e.target;
-			if (!(t instanceof Node)) return;
-			let n = E.current, r = D.current;
-			!n?.contains(t) && !r?.contains(t) || (e.preventDefault(), e.stopPropagation(), P(!1), T.current?.focus({ preventScroll: !0 }));
-		};
-		return e.addEventListener("pointerdown", n, !0), t.addEventListener("keydown", r, !0), () => {
-			e.removeEventListener("pointerdown", n, !0), t.removeEventListener("keydown", r, !0);
-		};
-	}, [N, P]);
-	let R = f.find((e) => e.value === n), z = R?.selectedLabel ?? R?.label ?? n;
-	return /* @__PURE__ */ l("div", {
-		"data-slot": "hours-picker-field",
-		className: t("w-[150px]", m),
-		ref: E,
-		children: [/* @__PURE__ */ l("button", {
-			ref: T,
-			id: w,
-			type: "button",
-			role: "combobox",
-			"aria-expanded": N,
-			"aria-controls": `${w}-content`,
-			disabled: g,
-			"data-testid": te,
-			"data-hydrated": S ? "true" : void 0,
-			className: t("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", "hover:bg-accent hover:text-accent-foreground", !n && "text-muted-foreground", N && "ring-2 ring-primary ring-offset-2", h),
-			onClick: () => {
-				g || _ || P(!N);
-			},
-			children: [/* @__PURE__ */ c("span", {
-				className: "line-clamp-1 text-left",
-				children: n ? z : p
-			}), /* @__PURE__ */ c(a, {
-				"aria-hidden": !0,
-				className: "h-4 w-4 shrink-0 opacity-50"
-			})]
-		}), N ? (() => {
-			let e = /* @__PURE__ */ c(s, { children: /* @__PURE__ */ l("div", {
-				ref: D,
-				id: `${w}-content`,
-				"data-testid": x,
-				"data-state": "open",
-				className: t("fixed z-[60] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md", "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95"),
-				style: {
-					left: k.left,
-					top: k.top,
-					width: k.width
-				},
-				children: [
-					/* @__PURE__ */ c(b, {
-						direction: "up",
-						viewportRef: O
-					}),
-					/* @__PURE__ */ c("div", {
-						ref: O,
-						role: "listbox",
-						className: "max-h-64 overflow-y-auto p-1 [overscroll-behavior:contain] [scrollbar-width:none] [-ms-overflow-style:none] [&::-webkit-scrollbar]:hidden",
-						children: f.map((e) => {
-							let r = e.value === n;
-							return /* @__PURE__ */ l("div", {
-								role: "option",
-								"aria-selected": r,
-								"data-value": e.value,
-								"data-state": r ? "checked" : "unchecked",
-								"data-disabled": e.disabled ? "" : void 0,
-								className: t("relative flex w-full select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none cursor-pointer", e.disabled && "pointer-events-none opacity-50", r && "bg-accent text-accent-foreground"),
-								onMouseDown: (e) => {
-									e.preventDefault();
-								},
-								onClick: () => {
-									e.disabled || _ || (I(e.value), P(!1), T.current?.focus({ preventScroll: !0 }));
-								},
-								children: [/* @__PURE__ */ c("span", {
-									className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-									children: r ? /* @__PURE__ */ c(i, {
-										"aria-hidden": !0,
-										className: "h-4 w-4"
-									}) : null
-								}), /* @__PURE__ */ l("div", {
-									className: "flex flex-col",
-									children: [/* @__PURE__ */ c("span", { children: e.label }), e.description == null ? null : /* @__PURE__ */ c("span", {
-										"data-slot": "description",
-										className: "text-xs text-muted-foreground",
-										children: e.description
-									})]
-								})]
-							}, e.value);
-						})
-					}),
-					/* @__PURE__ */ c(b, {
-						direction: "down",
-						viewportRef: O
-					})
-				]
-			}) });
-			return typeof document > "u" ? e : u(e, document.body);
-		})() : null]
-	});
-}
-function C(t) {
-	let r = n(4);
-	if (e()) {
-		let e;
-		return r[0] === t ? e = r[1] : (e = /* @__PURE__ */ c(S, { ...t }), r[0] = t, r[1] = e), e;
-	}
-	let i;
-	return r[2] === t ? i = r[3] : (i = /* @__PURE__ */ c(x, { ...t }), r[2] = t, r[3] = i), i;
-}
-C.displayName = "HourPickerField";
-function w(e) {
-	let i = n(99), { id: o, placeholder: s, value: u, onValueUpdate: f, onCommit: p, options: m, selectedLabel: g, disabled: b, readOnly: x, open: S, setOpen: C, inputClassName: w, triggerTestId: O, isHydrated: k, highlightedValueRef: A, setHighlightedValue: j, markKeyboardNavigation: M, inputRef: N, onDraftValueHandlerChange: P } = e, F = r.useRef(!1), I = r.useRef(!1), L = r.useRef(!1), R = r.useRef(null), z = r.useRef(null), B = r.useRef(!1), V;
-	i[0] === u ? V = i[1] : (V = () => u || "", i[0] = u, i[1] = V);
-	let [H, U] = r.useState(V), ne, W;
-	i[2] === P ? (ne = i[3], W = i[4]) : (ne = () => (P((e) => {
-		U(e);
-	}), () => {
-		P(null);
-	}), W = [P], i[2] = P, i[3] = ne, i[4] = W), r.useEffect(ne, W);
-	let G;
-	i[5] !== A || i[6] !== f || i[7] !== m || i[8] !== j || i[9] !== u ? (G = (e) => {
-		let t = A.current ?? u ?? "", n = m.findIndex((e) => e.value === t);
-		n === -1 && (n = e === 1 ? -1 : m.length);
-		for (let t = n + e; t >= 0 && t < m.length; t += e) {
-			let e = m[t];
-			if (y(e)) {
-				j(e.value), R.current = e.value, U(e.value), f(e.value);
-				return;
-			}
-		}
-	}, i[5] = A, i[6] = f, i[7] = m, i[8] = j, i[9] = u, i[10] = G) : G = i[10];
-	let re = G, ie, ae;
-	i[11] === u ? (ie = i[12], ae = i[13]) : (ie = () => {
-		F.current || U(u || "");
-	}, ae = [u], i[11] = u, i[12] = ie, i[13] = ae), r.useEffect(ie, ae);
-	let oe, se;
-	i[14] === H ? (oe = i[15], se = i[16]) : (oe = () => {
-		z.current = _(H);
-	}, se = [H], i[14] = H, i[15] = oe, i[16] = se), r.useEffect(oe, se);
-	let ce, le;
-	i[17] === u ? (ce = i[18], le = i[19]) : (le = () => {
-		u === null && (B.current = !1);
-	}, ce = [u], i[17] = u, i[18] = ce, i[19] = le), r.useEffect(le, ce);
-	let ue = !H && "text-muted-foreground", de = S && "ring-2 ring-primary ring-offset-2", fe = u && g != null && "text-transparent focus:text-foreground", pe;
-	i[20] !== w || i[21] !== ue || i[22] !== de || i[23] !== fe ? (pe = t("peer flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 pr-10 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "transition-colors group-hover:bg-accent group-hover:text-accent-foreground", ue, de, "[&_[data-slot='description']]:hidden", w, fe), i[20] = w, i[21] = ue, i[22] = de, i[23] = fe, i[24] = pe) : pe = i[24];
-	let me = pe, he = k ? "true" : void 0, ge;
-	i[25] === Symbol.for("react.memo_cache_sentinel") ? (ge = [{
-		mask: "00:00",
-		lazy: !0
-	}, {
-		mask: "0:00",
-		lazy: !0
-	}], i[25] = ge) : ge = i[25];
+		...S
+	} : S, c[35] = p, c[36] = j, c[37] = S, c[38] = G) : G = c[38];
 	let K;
-	i[26] === m ? K = i[27] : (K = (e, t) => {
-		let n = (t.value + e).replace(/\D/g, "");
-		if (n.length <= 2 || n.length >= 4) return t.compiledMasks[0];
-		let r = h(Number(n.slice(0, 2)));
-		return m.some((e) => e.value.startsWith(`${r}:`)) ? t.compiledMasks[0] : t.compiledMasks[1];
-	}, i[26] = m, i[27] = K);
+	c[39] === g ? K = c[40] : (K = (e) => {
+		ne(!0), g?.(e);
+	}, c[39] = g, c[40] = K);
 	let q;
-	i[28] !== p || i[29] !== u ? (q = (e, t, n) => {
-		if (!n) return;
-		let r = typeof e == "string" ? e : String(e ?? ""), i = r.replace(/\D/g, ""), a = _(r);
-		if (z.current !== a) {
-			if (z.current = a, U(r), i.length !== 0) {
-				B.current = !1;
-				return;
-			}
-			u && !B.current && (B.current = !0, p(null));
-		}
-	}, i[28] = p, i[29] = u, i[30] = q) : q = i[30];
+	c[41] === h ? q = c[42] : (q = (e) => {
+		h?.(e);
+	}, c[41] = h, c[42] = q);
 	let J;
-	i[31] !== p || i[32] !== m || i[33] !== j || i[34] !== u ? (J = (e, t, n) => {
-		if (!n) return;
-		let r = typeof e == "string" ? e : String(e ?? "");
-		if (R.current === r) {
-			R.current = null;
-			return;
-		}
-		let i = v(r, m);
-		if (!i) return;
-		if (i.selectableValue) {
-			if (j(i.selectableValue), U(i.selectableValue), u === i.selectableValue) return;
-			p(i.selectableValue);
-			return;
-		}
-		let a = ee(i.parsed);
-		if (a == null) return;
-		let o = te(a, m);
-		o && j(o.value);
-	}, i[31] = p, i[32] = m, i[33] = j, i[34] = u, i[35] = J) : J = i[35];
-	let Y, X, Z;
-	i[36] !== b || i[37] !== S || i[38] !== C ? (Y = () => {
-		I.current = !0, !b && (S || C(!0));
-	}, X = (e) => {
-		I.current = !0, L.current = typeof document < "u" && document.activeElement === e.currentTarget, !b && (S || C(!0));
-	}, Z = () => {
-		b || S || C(!0);
-	}, i[36] = b, i[37] = S, i[38] = C, i[39] = Y, i[40] = X, i[41] = Z) : (Y = i[39], X = i[40], Z = i[41]);
-	let Q;
-	i[42] !== b || i[43] !== H || i[44] !== A || i[45] !== M || i[46] !== re || i[47] !== p || i[48] !== S || i[49] !== m || i[50] !== j || i[51] !== C ? (Q = (e) => {
-		if (!b) {
-			if (e.key === "Tab" && S && !e.defaultPrevented) {
-				C(!1);
-				return;
-			}
-			if (e.key === "Escape") {
-				if (!S) return;
-				e.preventDefault(), C(!1);
-				return;
-			}
-			if (!S && !e.defaultPrevented && (e.key.length === 1 || e.key === "Backspace" || e.key === "Delete") && !e.ctrlKey && !e.metaKey && !e.altKey && C(!0), e.key === "ArrowDown" || e.key === "ArrowUp") {
-				if (M(), e.preventDefault(), !S) {
-					C(!0);
-					return;
-				}
-				re(e.key === "ArrowDown" ? 1 : -1);
-				return;
-			}
-			if (e.key === "Enter") {
-				M();
-				let t = v(H, m);
-				if (!t) {
-					if (!S || H.trim() !== "") return;
-					let t = m.find((e) => e.value === A.current), n = (y(t) ? t?.value : void 0) ?? m.find(D)?.value;
-					if (!n) return;
-					e.preventDefault(), j(n), U(n), p(n), C(!1);
-					return;
-				}
-				if (t.selectableValue) {
-					e.preventDefault(), j(t.selectableValue), U(t.selectableValue), p(t.selectableValue), C(!1);
-					return;
-				}
-				let n = ee(t.parsed);
-				if (n == null) return;
-				let r = te(n, m);
-				if (!r) return;
-				e.preventDefault(), j(r.value), U(r.value), p(r.value), C(!1);
-				return;
-			}
-		}
-	}, i[42] = b, i[43] = H, i[44] = A, i[45] = M, i[46] = re, i[47] = p, i[48] = S, i[49] = m, i[50] = j, i[51] = C, i[52] = Q) : Q = i[52];
-	let $;
-	i[53] !== b || i[54] !== S || i[55] !== C ? ($ = (e) => {
-		let t = !I.current || !L.current;
-		if (I.current = !1, L.current = !1, F.current = !0, t) {
-			let t = e.currentTarget;
-			requestAnimationFrame(() => t.select());
-		}
-		b || S || C(!0);
-	}, i[53] = b, i[54] = S, i[55] = C, i[56] = $) : $ = i[56];
-	let _e;
-	i[57] !== H || i[58] !== p || i[59] !== m || i[60] !== u ? (_e = () => {
-		F.current = !1;
-		let e = H.trim();
-		if (!e) {
-			U(u || "");
-			return;
-		}
-		let t = v(e, m);
-		if (!t) {
-			U(u || "");
-			return;
-		}
-		if (!t.selectableValue) {
-			U(u || "");
-			return;
-		}
-		U(t.selectableValue), u !== t.selectableValue && p(t.selectableValue);
-	}, i[57] = H, i[58] = p, i[59] = m, i[60] = u, i[61] = _e) : _e = i[61];
-	let ve;
-	i[62] !== b || i[63] !== H || i[64] !== o || i[65] !== N || i[66] !== s || i[67] !== x || i[68] !== he || i[69] !== K || i[70] !== q || i[71] !== J || i[72] !== Y || i[73] !== X || i[74] !== Z || i[75] !== Q || i[76] !== $ || i[77] !== _e || i[78] !== me || i[79] !== O ? (ve = /* @__PURE__ */ c(d, {
-		id: o,
-		"data-testid": O,
-		"data-hydrated": he,
-		type: "text",
-		disabled: b,
-		readOnly: x,
-		inputRef: N,
-		autoComplete: "off",
-		mask: ge,
-		dispatch: K,
-		placeholder: s,
-		value: H,
-		className: me,
-		onAccept: q,
-		onComplete: J,
-		onPointerDown: Y,
-		onMouseDown: X,
-		onClick: Z,
-		onKeyDown: Q,
-		onFocus: $,
-		onBlur: _e
-	}), i[62] = b, i[63] = H, i[64] = o, i[65] = N, i[66] = s, i[67] = x, i[68] = he, i[69] = K, i[70] = q, i[71] = J, i[72] = Y, i[73] = X, i[74] = Z, i[75] = Q, i[76] = $, i[77] = _e, i[78] = me, i[79] = O, i[80] = ve) : ve = i[80];
-	let ye;
-	i[81] !== b || i[82] !== g || i[83] !== u ? (ye = u && g != null ? /* @__PURE__ */ c("span", {
+	c[43] !== D || c[44] !== A || c[45] !== R || c[46] !== k || c[47] !== _ || c[48] !== I || c[49] !== U || c[50] !== W || c[51] !== G || c[52] !== K || c[53] !== q ? (J = /* @__PURE__ */ i("img", {
+		..._,
+		ref: ie,
+		src: R,
+		srcSet: I,
+		sizes: U,
+		alt: D,
+		className: W,
+		loading: k,
+		decoding: A,
+		style: G,
+		onLoad: K,
+		onError: q
+	}), c[43] = D, c[44] = A, c[45] = R, c[46] = k, c[47] = _, c[48] = I, c[49] = U, c[50] = W, c[51] = G, c[52] = K, c[53] = q, c[54] = J) : J = c[54];
+	let Y = J;
+	if (!p) return Y;
+	let X;
+	c[55] === Symbol.for("react.memo_cache_sentinel") ? (X = {
+		position: "relative",
+		overflow: "hidden"
+	}, c[55] = X) : X = c[55];
+	let Z = f ?? d, Q;
+	c[56] !== M || c[57] !== j ? (Q = M && !j ? /* @__PURE__ */ i("img", {
+		src: M,
+		alt: "",
 		"aria-hidden": "true",
-		"data-slot": "hours-picker-input-selected-label",
-		className: t("pointer-events-none absolute inset-y-0 left-3 right-10 flex min-w-0 items-center text-base peer-focus:hidden md:text-sm", b && "opacity-50"),
-		children: /* @__PURE__ */ c("span", {
-			className: "min-w-0 truncate",
-			children: g
-		})
-	}) : null, i[81] = b, i[82] = g, i[83] = u, i[84] = ye) : ye = i[84];
-	let be;
-	i[85] === Symbol.for("react.memo_cache_sentinel") ? (be = t("absolute right-1 top-1/2 inline-flex size-8 -translate-y-1/2 items-center justify-center rounded-md text-muted-foreground transition-colors hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"), i[85] = be) : be = i[85];
-	let xe = S ? "Close time picker" : "Open time picker", Se;
-	i[86] !== b || i[87] !== S || i[88] !== C ? (Se = () => {
-		b || C(!S);
-	}, i[86] = b, i[87] = S, i[88] = C, i[89] = Se) : Se = i[89];
-	let Ce;
-	i[90] === Symbol.for("react.memo_cache_sentinel") ? (Ce = /* @__PURE__ */ c(a, {
-		"aria-hidden": !0,
-		className: "size-4"
-	}), i[90] = Ce) : Ce = i[90];
-	let we;
-	i[91] !== b || i[92] !== xe || i[93] !== Se ? (we = /* @__PURE__ */ c("button", {
-		type: "button",
-		tabIndex: -1,
-		disabled: b,
-		"data-slot": "hours-picker-input-toggle",
-		className: be,
-		"aria-label": xe,
-		onPointerDown: E,
-		onMouseDown: T,
-		onClick: Se,
-		children: Ce
-	}), i[91] = b, i[92] = xe, i[93] = Se, i[94] = we) : we = i[94];
-	let Te;
-	return i[95] !== ve || i[96] !== ye || i[97] !== we ? (Te = /* @__PURE__ */ l("div", {
-		className: "relative group",
-		children: [
-			ve,
-			ye,
-			we
-		]
-	}), i[95] = ve, i[96] = ye, i[97] = we, i[98] = Te) : Te = i[98], Te;
-}
-function T(e) {
-	e.preventDefault();
-}
-function E(e) {
-	e.preventDefault();
-}
-function D(e) {
-	return y(e);
+		style: {
+			position: "absolute",
+			top: 0,
+			left: 0,
+			width: "100%",
+			height: "100%",
+			objectFit: "cover"
+		}
+	}) : null, c[56] = M, c[57] = j, c[58] = Q) : Q = c[58];
+	let $;
+	return c[59] !== Y || c[60] !== Z || c[61] !== Q ? ($ = /* @__PURE__ */ a("div", {
+		style: X,
+		className: Z,
+		children: [Q, Y]
+	}), c[59] = Y, c[60] = Z, c[61] = Q, c[62] = $) : $ = c[62], $;
 }
 //#endregion
-export { C as HourPickerField, x as HourPickerInput };
+export { d as Image, o as defaultImageWidths, te as getImageSrcSet, l as isRpcbaseFileImageSrc, u as withImageWidth };
 
 //# sourceMappingURL=index301.js.map