@vlrc-fe/components 1.0.7 → 1.0.8

package/dist/index101.js

@@ -1,48 +1,1152 @@
-import { get as e, isNil as t } from "lodash-es";
-//#region src/Form/FormSelect/useFormSelect.ts
-function n(e) {
-	return e.isMulti === !0;
-}
-function r(r) {
-	let { options: i, injectOptions: a, placeholder: o = "Chọn...", description: s, disabled: c, isClearable: l = !0, isSearchable: u = !0, isLoading: d = !1, className: f, rules: p, onSearchTextChange: m, hasNextPage: h, isFetchingNextPage: g, fetchNextPage: _, maxTagCount: v = "responsive", tagRender: y, showSelectAll: b = !1 } = r, x = e(p, "required"), S = !t(x) && x !== !1, C = {
-		options: i,
-		injectOptions: a,
-		placeholder: o,
-		isClearable: l,
-		isSearchable: u,
-		isLoading: d,
-		className: f,
-		disabled: c,
-		onSearchTextChange: m,
-		hasNextPage: h,
-		isFetchingNextPage: g,
-		fetchNextPage: _,
-		maxTagCount: v,
-		tagRender: y,
-		showSelectAll: b
+import * as e from "react";
+import { createContext as t, createElement as n, forwardRef as r, useCallback as i, useContext as a, useEffect as o, useImperativeHandle as s, useLayoutEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+//#region ../../node_modules/.pnpm/react-resizable-panels@2.1.9_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/react-resizable-panels/dist/react-resizable-panels.browser.esm.js
+var f = t(null);
+f.displayName = "PanelGroupContext";
+var p = {
+	group: "data-panel-group",
+	groupDirection: "data-panel-group-direction",
+	groupId: "data-panel-group-id",
+	panel: "data-panel",
+	panelCollapsible: "data-panel-collapsible",
+	panelId: "data-panel-id",
+	panelSize: "data-panel-size",
+	resizeHandle: "data-resize-handle",
+	resizeHandleActive: "data-resize-handle-active",
+	resizeHandleEnabled: "data-panel-resize-handle-enabled",
+	resizeHandleId: "data-panel-resize-handle-id",
+	resizeHandleState: "data-resize-handle-state"
+}, m = 10, h = c, g = e.useId, _ = typeof g == "function" ? g : () => null, v = 0;
+function ee(e = null) {
+	let t = _(), n = u(e || t || null);
+	return n.current === null && (n.current = "" + v++), e ?? n.current;
+}
+function y({ children: e, className: t = "", collapsedSize: r, collapsible: i, defaultSize: o, forwardedRef: c, id: l, maxSize: d, minSize: m, onCollapse: g, onExpand: _, onResize: v, order: y, style: b, tagName: te = "div", ...x }) {
+	let S = a(f);
+	if (S === null) throw Error("Panel components must be rendered within a PanelGroup container");
+	let { collapsePanel: C, expandPanel: w, getPanelSize: T, getPanelStyle: E, groupId: D, isPanelCollapsed: O, reevaluatePanelConstraints: k, registerPanel: A, resizePanel: j, unregisterPanel: M } = S, N = ee(l), P = u({
+		callbacks: {
+			onCollapse: g,
+			onExpand: _,
+			onResize: v
+		},
+		constraints: {
+			collapsedSize: r,
+			collapsible: i,
+			defaultSize: o,
+			maxSize: d,
+			minSize: m
+		},
+		id: N,
+		idIsFromProps: l !== void 0,
+		order: y
+	});
+	u({ didLogMissingDefaultSizeWarning: !1 }), h(() => {
+		let { callbacks: e, constraints: t } = P.current, n = { ...t };
+		P.current.id = N, P.current.idIsFromProps = l !== void 0, P.current.order = y, e.onCollapse = g, e.onExpand = _, e.onResize = v, t.collapsedSize = r, t.collapsible = i, t.defaultSize = o, t.maxSize = d, t.minSize = m, (n.collapsedSize !== t.collapsedSize || n.collapsible !== t.collapsible || n.maxSize !== t.maxSize || n.minSize !== t.minSize) && k(P.current, n);
+	}), h(() => {
+		let e = P.current;
+		return A(e), () => {
+			M(e);
+		};
+	}, [
+		y,
+		N,
+		A,
+		M
+	]), s(c, () => ({
+		collapse: () => {
+			C(P.current);
+		},
+		expand: (e) => {
+			w(P.current, e);
+		},
+		getId() {
+			return N;
+		},
+		getSize() {
+			return T(P.current);
+		},
+		isCollapsed() {
+			return O(P.current);
+		},
+		isExpanded() {
+			return !O(P.current);
+		},
+		resize: (e) => {
+			j(P.current, e);
+		}
+	}), [
+		C,
+		w,
+		T,
+		O,
+		N,
+		j
+	]);
+	let F = E(P.current, o);
+	return n(te, {
+		...x,
+		children: e,
+		className: t,
+		id: N,
+		style: {
+			...F,
+			...b
+		},
+		[p.groupId]: D,
+		[p.panel]: "",
+		[p.panelCollapsible]: i || void 0,
+		[p.panelId]: N,
+		[p.panelSize]: parseFloat("" + F.flexGrow).toFixed(1)
+	});
+}
+var b = r((e, t) => n(y, {
+	...e,
+	forwardedRef: t
+}));
+y.displayName = "Panel", b.displayName = "forwardRef(Panel)";
+var te;
+function x() {
+	return te;
+}
+var S = null, C = !0, w = -1, T = null;
+function E(e, t) {
+	if (t) {
+		let e = (t & ie) !== 0, n = (t & ae) !== 0, r = (t & oe) !== 0, i = (t & se) !== 0;
+		if (e) return r ? "se-resize" : i ? "ne-resize" : "e-resize";
+		if (n) return r ? "sw-resize" : i ? "nw-resize" : "w-resize";
+		if (r) return "s-resize";
+		if (i) return "n-resize";
+	}
+	switch (e) {
+		case "horizontal": return "ew-resize";
+		case "intersection": return "move";
+		case "vertical": return "ns-resize";
+	}
+}
+function D() {
+	T !== null && (document.head.removeChild(T), S = null, T = null, w = -1);
+}
+function O(e, t) {
+	if (!C) return;
+	let n = E(e, t);
+	if (S !== n) {
+		if (S = n, T === null) {
+			T = document.createElement("style");
+			let e = x();
+			e && T.setAttribute("nonce", e), document.head.appendChild(T);
+		}
+		if (w >= 0) {
+			var r;
+			(r = T.sheet) == null || r.removeRule(w);
+		}
+		w = T.sheet?.insertRule(`*{cursor: ${n} !important;}`) ?? -1;
+	}
+}
+function k(e) {
+	return e.type === "keydown";
+}
+function A(e) {
+	return e.type.startsWith("pointer");
+}
+function j(e) {
+	return e.type.startsWith("mouse");
+}
+function M(e) {
+	if (A(e)) {
+		if (e.isPrimary) return {
+			x: e.clientX,
+			y: e.clientY
+		};
+	} else if (j(e)) return {
+		x: e.clientX,
+		y: e.clientY
 	};
 	return {
-		isRequired: S,
-		description: s,
-		enhancedRules: (() => {
-			if (!p) return p;
-			let e = { ...p };
-			return S && typeof e.required != "string" && typeof e.required != "object" ? e.required = "Trường này là bắt buộc" : typeof e.required == "object" && !e.required.message && (e.required = {
-				...e.required,
-				message: "Trường này là bắt buộc"
-			}), e;
-		})(),
-		baseSelectProps: C,
-		isMulti: n(r),
-		createChangeHandlers: (e) => ({
-			onChangeMulti: (t) => {
-				e.onChange(t), n(r) && r.onChange && r.onChange(t);
-			},
-			onChangeSingle: (t) => {
-				e.onChange(t), !n(r) && r.onChange && r.onChange(t);
-			}
-		})
+		x: Infinity,
+		y: Infinity
+	};
+}
+function N() {
+	if (typeof matchMedia == "function") return matchMedia("(pointer:coarse)").matches ? "coarse" : "fine";
+}
+function P(e, t, n) {
+	return n ? e.x < t.x + t.width && e.x + e.width > t.x && e.y < t.y + t.height && e.y + e.height > t.y : e.x <= t.x + t.width && e.x + e.width >= t.x && e.y <= t.y + t.height && e.y + e.height >= t.y;
+}
+function F(e, t) {
+	if (e === t) throw Error("Cannot compare node with itself");
+	let n = {
+		a: ne(e),
+		b: ne(t)
+	}, r;
+	for (; n.a.at(-1) === n.b.at(-1);) e = n.a.pop(), t = n.b.pop(), r = e;
+	K(r, "Stacking order can only be calculated for elements with a common ancestor");
+	let i = {
+		a: B(z(n.a)),
+		b: B(z(n.b))
+	};
+	if (i.a === i.b) {
+		let e = r.childNodes, t = {
+			a: n.a.at(-1),
+			b: n.b.at(-1)
+		}, i = e.length;
+		for (; i--;) {
+			let n = e[i];
+			if (n === t.a) return 1;
+			if (n === t.b) return -1;
+		}
+	}
+	return Math.sign(i.a - i.b);
+}
+var I = /\b(?:position|zIndex|opacity|transform|webkitTransform|mixBlendMode|filter|webkitFilter|isolation)\b/;
+function L(e) {
+	let t = getComputedStyle(re(e) ?? e).display;
+	return t === "flex" || t === "inline-flex";
+}
+function R(e) {
+	let t = getComputedStyle(e);
+	return !!(t.position === "fixed" || t.zIndex !== "auto" && (t.position !== "static" || L(e)) || +t.opacity < 1 || "transform" in t && t.transform !== "none" || "webkitTransform" in t && t.webkitTransform !== "none" || "mixBlendMode" in t && t.mixBlendMode !== "normal" || "filter" in t && t.filter !== "none" || "webkitFilter" in t && t.webkitFilter !== "none" || "isolation" in t && t.isolation === "isolate" || I.test(t.willChange) || t.webkitOverflowScrolling === "touch");
+}
+function z(e) {
+	let t = e.length;
+	for (; t--;) {
+		let n = e[t];
+		if (K(n, "Missing node"), R(n)) return n;
+	}
+	return null;
+}
+function B(e) {
+	return e && Number(getComputedStyle(e).zIndex) || 0;
+}
+function ne(e) {
+	let t = [];
+	for (; e;) t.push(e), e = re(e);
+	return t;
+}
+function re(e) {
+	let { parentNode: t } = e;
+	return t && t instanceof ShadowRoot ? t.host : t;
+}
+var ie = 1, ae = 2, oe = 4, se = 8, ce = N() === "coarse", V = [], H = !1, U = /* @__PURE__ */ new Map(), W = /* @__PURE__ */ new Map(), G = /* @__PURE__ */ new Set();
+function le(e, t, n, r, i) {
+	let { ownerDocument: a } = t, o = {
+		direction: n,
+		element: t,
+		hitAreaMargins: r,
+		setResizeHandlerState: i
+	}, s = U.get(a) ?? 0;
+	return U.set(a, s + 1), G.add(o), ve(), function() {
+		W.delete(e), G.delete(o);
+		let t = U.get(a) ?? 1;
+		if (U.set(a, t - 1), ve(), t === 1 && U.delete(a), V.includes(o)) {
+			let e = V.indexOf(o);
+			e >= 0 && V.splice(e, 1), ge(), i("up", !0, null);
+		}
+	};
+}
+function ue(e) {
+	let { target: t } = e, { x: n, y: r } = M(e);
+	H = !0, me({
+		target: t,
+		x: n,
+		y: r
+	}), ve(), V.length > 0 && (ye("down", e), e.preventDefault(), pe(t) || e.stopImmediatePropagation());
+}
+function de(e) {
+	let { x: t, y: n } = M(e);
+	if (H && e.buttons === 0 && (H = !1, ye("up", e)), !H) {
+		let { target: r } = e;
+		me({
+			target: r,
+			x: t,
+			y: n
+		});
+	}
+	ye("move", e), ge(), V.length > 0 && e.preventDefault();
+}
+function fe(e) {
+	let { target: t } = e, { x: n, y: r } = M(e);
+	W.clear(), H = !1, V.length > 0 && (e.preventDefault(), pe(t) || e.stopImmediatePropagation()), ye("up", e), me({
+		target: t,
+		x: n,
+		y: r
+	}), ge(), ve();
+}
+function pe(e) {
+	let t = e;
+	for (; t;) {
+		if (t.hasAttribute(p.resizeHandle)) return !0;
+		t = t.parentElement;
+	}
+	return !1;
+}
+function me({ target: e, x: t, y: n }) {
+	V.splice(0);
+	let r = null;
+	(e instanceof HTMLElement || e instanceof SVGElement) && (r = e), G.forEach((e) => {
+		let { element: i, hitAreaMargins: a } = e, o = i.getBoundingClientRect(), { bottom: s, left: c, right: l, top: u } = o, d = ce ? a.coarse : a.fine;
+		if (t >= c - d && t <= l + d && n >= u - d && n <= s + d) {
+			if (r !== null && document.contains(r) && i !== r && !i.contains(r) && !r.contains(i) && F(r, i) > 0) {
+				let e = r, t = !1;
+				for (; e && !e.contains(i);) {
+					if (P(e.getBoundingClientRect(), o, !0)) {
+						t = !0;
+						break;
+					}
+					e = e.parentElement;
+				}
+				if (t) return;
+			}
+			V.push(e);
+		}
+	});
+}
+function he(e, t) {
+	W.set(e, t);
+}
+function ge() {
+	let e = !1, t = !1;
+	V.forEach((n) => {
+		let { direction: r } = n;
+		r === "horizontal" ? e = !0 : t = !0;
+	});
+	let n = 0;
+	W.forEach((e) => {
+		n |= e;
+	}), e && t ? O("intersection", n) : e ? O("horizontal", n) : t ? O("vertical", n) : D();
+}
+var _e = new AbortController();
+function ve() {
+	_e.abort(), _e = new AbortController();
+	let e = {
+		capture: !0,
+		signal: _e.signal
+	};
+	G.size && (H ? (V.length > 0 && U.forEach((t, n) => {
+		let { body: r } = n;
+		t > 0 && (r.addEventListener("contextmenu", fe, e), r.addEventListener("pointerleave", de, e), r.addEventListener("pointermove", de, e));
+	}), window.addEventListener("pointerup", fe, e), window.addEventListener("pointercancel", fe, e)) : U.forEach((t, n) => {
+		let { body: r } = n;
+		t > 0 && (r.addEventListener("pointerdown", ue, e), r.addEventListener("pointermove", de, e));
+	}));
+}
+function ye(e, t) {
+	G.forEach((n) => {
+		let { setResizeHandlerState: r } = n;
+		r(e, V.includes(n), t);
+	});
+}
+function be() {
+	let [e, t] = d(0);
+	return i(() => t((e) => e + 1), []);
+}
+function K(e, t) {
+	if (!e) throw console.error(t), Error(t);
+}
+function q(e, t, n = m) {
+	return e.toFixed(n) === t.toFixed(n) ? 0 : e > t ? 1 : -1;
+}
+function J(e, t, n = m) {
+	return q(e, t, n) === 0;
+}
+function Y(e, t, n) {
+	return q(e, t, n) === 0;
+}
+function xe(e, t, n) {
+	if (e.length !== t.length) return !1;
+	for (let r = 0; r < e.length; r++) {
+		let i = e[r], a = t[r];
+		if (!Y(i, a, n)) return !1;
+	}
+	return !0;
+}
+function X({ panelConstraints: e, panelIndex: t, size: n }) {
+	let r = e[t];
+	K(r != null, `Panel constraints not found for index ${t}`);
+	let { collapsedSize: i = 0, collapsible: a, maxSize: o = 100, minSize: s = 0 } = r;
+	if (q(n, s) < 0) if (a) {
+		let e = (i + s) / 2;
+		n = q(n, e) < 0 ? i : s;
+	} else n = s;
+	return n = Math.min(o, n), n = parseFloat(n.toFixed(m)), n;
+}
+function Se({ delta: e, initialLayout: t, panelConstraints: n, pivotIndices: r, prevLayout: i, trigger: a }) {
+	if (Y(e, 0)) return t;
+	let o = [...t], [s, c] = r;
+	K(s != null, "Invalid first pivot index"), K(c != null, "Invalid second pivot index");
+	let l = 0;
+	if (a === "keyboard") {
+		{
+			let r = e < 0 ? c : s, i = n[r];
+			K(i, `Panel constraints not found for index ${r}`);
+			let { collapsedSize: a = 0, collapsible: o, minSize: l = 0 } = i;
+			if (o) {
+				let n = t[r];
+				if (K(n != null, `Previous layout not found for panel index ${r}`), Y(n, a)) {
+					let t = l - n;
+					q(t, Math.abs(e)) > 0 && (e = e < 0 ? 0 - t : t);
+				}
+			}
+		}
+		{
+			let r = e < 0 ? s : c, i = n[r];
+			K(i, `No panel constraints found for index ${r}`);
+			let { collapsedSize: a = 0, collapsible: o, minSize: l = 0 } = i;
+			if (o) {
+				let n = t[r];
+				if (K(n != null, `Previous layout not found for panel index ${r}`), Y(n, l)) {
+					let t = n - a;
+					q(t, Math.abs(e)) > 0 && (e = e < 0 ? 0 - t : t);
+				}
+			}
+		}
+	}
+	{
+		let r = e < 0 ? 1 : -1, i = e < 0 ? c : s, a = 0;
+		for (;;) {
+			let e = t[i];
+			K(e != null, `Previous layout not found for panel index ${i}`);
+			let o = X({
+				panelConstraints: n,
+				panelIndex: i,
+				size: 100
+			}) - e;
+			if (a += o, i += r, i < 0 || i >= n.length) break;
+		}
+		let o = Math.min(Math.abs(e), Math.abs(a));
+		e = e < 0 ? 0 - o : o;
+	}
+	{
+		let r = e < 0 ? s : c;
+		for (; r >= 0 && r < n.length;) {
+			let i = Math.abs(e) - Math.abs(l), a = t[r];
+			K(a != null, `Previous layout not found for panel index ${r}`);
+			let s = a - i, c = X({
+				panelConstraints: n,
+				panelIndex: r,
+				size: s
+			});
+			if (!Y(a, c) && (l += a - c, o[r] = c, l.toPrecision(3).localeCompare(Math.abs(e).toPrecision(3), void 0, { numeric: !0 }) >= 0)) break;
+			e < 0 ? r-- : r++;
+		}
+	}
+	if (xe(i, o)) return i;
+	{
+		let r = e < 0 ? c : s, i = t[r];
+		K(i != null, `Previous layout not found for panel index ${r}`);
+		let a = i + l, u = X({
+			panelConstraints: n,
+			panelIndex: r,
+			size: a
+		});
+		if (o[r] = u, !Y(u, a)) {
+			let t = a - u, r = e < 0 ? c : s;
+			for (; r >= 0 && r < n.length;) {
+				let i = o[r];
+				K(i != null, `Previous layout not found for panel index ${r}`);
+				let a = i + t, s = X({
+					panelConstraints: n,
+					panelIndex: r,
+					size: a
+				});
+				if (Y(i, s) || (t -= s - i, o[r] = s), Y(t, 0)) break;
+				e > 0 ? r-- : r++;
+			}
+		}
+	}
+	return Y(o.reduce((e, t) => t + e, 0), 100) ? o : i;
+}
+function Ce({ layout: e, panelsArray: t, pivotIndices: n }) {
+	let r = 0, i = 100, a = 0, o = 0, s = n[0];
+	return K(s != null, "No pivot index found"), t.forEach((e, t) => {
+		let { constraints: n } = e, { maxSize: c = 100, minSize: l = 0 } = n;
+		t === s ? (r = l, i = c) : (a += l, o += c);
+	}), {
+		valueMax: Math.min(i, 100 - a),
+		valueMin: Math.max(r, 100 - o),
+		valueNow: e[s]
+	};
+}
+function we(e, t = document) {
+	return Array.from(t.querySelectorAll(`[${p.resizeHandleId}][data-panel-group-id="${e}"]`));
+}
+function Te(e, t, n = document) {
+	return we(e, n).findIndex((e) => e.getAttribute(p.resizeHandleId) === t) ?? null;
+}
+function Ee(e, t, n) {
+	let r = Te(e, t, n);
+	return r == null ? [-1, -1] : [r, r + 1];
+}
+function De(e, t = document) {
+	return t instanceof HTMLElement && t?.dataset?.panelGroupId == e ? t : t.querySelector(`[data-panel-group][data-panel-group-id="${e}"]`) || null;
+}
+function Oe(e, t = document) {
+	return t.querySelector(`[${p.resizeHandleId}="${e}"]`) || null;
+}
+function ke(e, t, n, r = document) {
+	let i = Oe(t, r), a = we(e, r), o = i ? a.indexOf(i) : -1;
+	return [n[o]?.id ?? null, n[o + 1]?.id ?? null];
+}
+function Ae({ committedValuesRef: e, eagerValuesRef: t, groupId: n, layout: r, panelDataArray: i, panelGroupElement: a, setLayout: s }) {
+	u({ didWarnAboutMissingResizeHandle: !1 }), h(() => {
+		if (!a) return;
+		let e = we(n, a);
+		for (let t = 0; t < i.length - 1; t++) {
+			let { valueMax: n, valueMin: a, valueNow: o } = Ce({
+				layout: r,
+				panelsArray: i,
+				pivotIndices: [t, t + 1]
+			}), s = e[t];
+			if (s != null) {
+				let e = i[t];
+				K(e, `No panel data found for index "${t}"`), s.setAttribute("aria-controls", e.id), s.setAttribute("aria-valuemax", "" + Math.round(n)), s.setAttribute("aria-valuemin", "" + Math.round(a)), s.setAttribute("aria-valuenow", o == null ? "" : "" + Math.round(o));
+			}
+		}
+		return () => {
+			e.forEach((e, t) => {
+				e.removeAttribute("aria-controls"), e.removeAttribute("aria-valuemax"), e.removeAttribute("aria-valuemin"), e.removeAttribute("aria-valuenow");
+			});
+		};
+	}, [
+		n,
+		r,
+		i,
+		a
+	]), o(() => {
+		if (!a) return;
+		let e = t.current;
+		K(e, "Eager values not found");
+		let { panelDataArray: i } = e;
+		K(De(n, a) != null, `No group found for id "${n}"`);
+		let o = we(n, a);
+		K(o, `No resize handles found for group id "${n}"`);
+		let c = o.map((e) => {
+			let t = e.getAttribute(p.resizeHandleId);
+			K(t, "Resize handle element has no handle id attribute");
+			let [o, c] = ke(n, t, i, a);
+			if (o == null || c == null) return () => {};
+			let l = (e) => {
+				if (!e.defaultPrevented) switch (e.key) {
+					case "Enter": {
+						e.preventDefault();
+						let c = i.findIndex((e) => e.id === o);
+						if (c >= 0) {
+							let e = i[c];
+							K(e, `No panel data found for index ${c}`);
+							let o = r[c], { collapsedSize: l = 0, collapsible: u, minSize: d = 0 } = e.constraints;
+							if (o != null && u) {
+								let e = Se({
+									delta: Y(o, l) ? d - l : l - o,
+									initialLayout: r,
+									panelConstraints: i.map((e) => e.constraints),
+									pivotIndices: Ee(n, t, a),
+									prevLayout: r,
+									trigger: "keyboard"
+								});
+								r !== e && s(e);
+							}
+						}
+						break;
+					}
+				}
+			};
+			return e.addEventListener("keydown", l), () => {
+				e.removeEventListener("keydown", l);
+			};
+		});
+		return () => {
+			c.forEach((e) => e());
+		};
+	}, [
+		a,
+		e,
+		t,
+		n,
+		r,
+		i,
+		s
+	]);
+}
+function je(e, t) {
+	if (e.length !== t.length) return !1;
+	for (let n = 0; n < e.length; n++) if (e[n] !== t[n]) return !1;
+	return !0;
+}
+function Me(e, t) {
+	let n = e === "horizontal", { x: r, y: i } = M(t);
+	return n ? r : i;
+}
+function Ne(e, t, n, r, i) {
+	let a = n === "horizontal", o = Oe(t, i);
+	K(o, `No resize handle element found for id "${t}"`);
+	let s = o.getAttribute(p.groupId);
+	K(s, "Resize handle element has no group id attribute");
+	let { initialCursorPosition: c } = r, l = Me(n, e), u = De(s, i);
+	K(u, `No group element found for id "${s}"`);
+	let d = u.getBoundingClientRect(), f = a ? d.width : d.height;
+	return (l - c) / f * 100;
+}
+function Pe(e, t, n, r, i, a) {
+	if (k(e)) {
+		let t = n === "horizontal", r = 0;
+		r = e.shiftKey ? 100 : i ?? 10;
+		let a = 0;
+		switch (e.key) {
+			case "ArrowDown":
+				a = t ? 0 : r;
+				break;
+			case "ArrowLeft":
+				a = t ? -r : 0;
+				break;
+			case "ArrowRight":
+				a = t ? r : 0;
+				break;
+			case "ArrowUp":
+				a = t ? 0 : -r;
+				break;
+			case "End":
+				a = 100;
+				break;
+			case "Home":
+				a = -100;
+				break;
+		}
+		return a;
+	} else return r == null ? 0 : Ne(e, t, n, r, a);
+}
+function Fe({ panelDataArray: e }) {
+	let t = Array(e.length), n = e.map((e) => e.constraints), r = 0, i = 100;
+	for (let a = 0; a < e.length; a++) {
+		let e = n[a];
+		K(e, `Panel constraints not found for index ${a}`);
+		let { defaultSize: o } = e;
+		o != null && (r++, t[a] = o, i -= o);
+	}
+	for (let a = 0; a < e.length; a++) {
+		let o = n[a];
+		K(o, `Panel constraints not found for index ${a}`);
+		let { defaultSize: s } = o;
+		if (s != null) continue;
+		let c = e.length - r, l = i / c;
+		r++, t[a] = l, i -= l;
+	}
+	return t;
+}
+function Z(e, t, n) {
+	t.forEach((t, r) => {
+		let i = e[r];
+		K(i, `Panel data not found for index ${r}`);
+		let { callbacks: a, constraints: o, id: s } = i, { collapsedSize: c = 0, collapsible: l } = o, u = n[s];
+		if (u == null || t !== u) {
+			n[s] = t;
+			let { onCollapse: e, onExpand: r, onResize: i } = a;
+			i && i(t, u), l && (e || r) && (r && (u == null || J(u, c)) && !J(t, c) && r(), e && (u == null || !J(u, c)) && J(t, c) && e());
+		}
+	});
+}
+function Ie(e, t) {
+	if (e.length !== t.length) return !1;
+	for (let n = 0; n < e.length; n++) if (e[n] != t[n]) return !1;
+	return !0;
+}
+function Le({ defaultSize: e, dragState: t, layout: n, panelData: r, panelIndex: i, precision: a = 3 }) {
+	let o = n[i], s;
+	return s = o == null ? e == null ? "1" : e.toPrecision(a) : r.length === 1 ? "1" : o.toPrecision(a), {
+		flexBasis: 0,
+		flexGrow: s,
+		flexShrink: 1,
+		overflow: "hidden",
+		pointerEvents: t === null ? void 0 : "none"
+	};
+}
+function Re(e, t = 10) {
+	let n = null;
+	return (...r) => {
+		n !== null && clearTimeout(n), n = setTimeout(() => {
+			e(...r);
+		}, t);
+	};
+}
+function ze(e) {
+	try {
+		if (typeof localStorage < "u") e.getItem = (e) => localStorage.getItem(e), e.setItem = (e, t) => {
+			localStorage.setItem(e, t);
+		};
+		else throw Error("localStorage not supported in this environment");
+	} catch (t) {
+		console.error(t), e.getItem = () => null, e.setItem = () => {};
+	}
+}
+function Be(e) {
+	return `react-resizable-panels:${e}`;
+}
+function Ve(e) {
+	return e.map((e) => {
+		let { constraints: t, id: n, idIsFromProps: r, order: i } = e;
+		return r ? n : i ? `${i}:${JSON.stringify(t)}` : JSON.stringify(t);
+	}).sort((e, t) => e.localeCompare(t)).join(",");
+}
+function He(e, t) {
+	try {
+		let n = Be(e), r = t.getItem(n);
+		if (r) {
+			let e = JSON.parse(r);
+			if (typeof e == "object" && e) return e;
+		}
+	} catch {}
+	return null;
+}
+function Ue(e, t, n) {
+	return (He(e, n) ?? {})[Ve(t)] ?? null;
+}
+function We(e, t, n, r, i) {
+	let a = Be(e), o = Ve(t), s = He(e, i) ?? {};
+	s[o] = {
+		expandToSizes: Object.fromEntries(n.entries()),
+		layout: r
+	};
+	try {
+		i.setItem(a, JSON.stringify(s));
+	} catch (e) {
+		console.error(e);
+	}
+}
+function Ge({ layout: e, panelConstraints: t }) {
+	let n = [...e], r = n.reduce((e, t) => e + t, 0);
+	if (n.length !== t.length) throw Error(`Invalid ${t.length} panel layout: ${n.map((e) => `${e}%`).join(", ")}`);
+	if (!Y(r, 100) && n.length > 0) for (let e = 0; e < t.length; e++) {
+		let t = n[e];
+		K(t != null, `No layout data found for index ${e}`), n[e] = 100 / r * t;
+	}
+	let i = 0;
+	for (let e = 0; e < t.length; e++) {
+		let r = n[e];
+		K(r != null, `No layout data found for index ${e}`);
+		let a = X({
+			panelConstraints: t,
+			panelIndex: e,
+			size: r
+		});
+		r != a && (i += r - a, n[e] = a);
+	}
+	if (!Y(i, 0)) for (let e = 0; e < t.length; e++) {
+		let r = n[e];
+		K(r != null, `No layout data found for index ${e}`);
+		let a = r + i, o = X({
+			panelConstraints: t,
+			panelIndex: e,
+			size: a
+		});
+		if (r !== o && (i -= o - r, n[e] = o, Y(i, 0))) break;
+	}
+	return n;
+}
+var Ke = 100, qe = {
+	getItem: (e) => (ze(qe), qe.getItem(e)),
+	setItem: (e, t) => {
+		ze(qe), qe.setItem(e, t);
+	}
+}, Je = {};
+function Ye({ autoSaveId: e = null, children: t, className: r = "", direction: a, forwardedRef: c, id: m = null, onLayout: g = null, keyboardResizeBy: _ = null, storage: v = qe, style: y, tagName: b = "div", ...te }) {
+	let x = ee(m), S = u(null), [C, w] = d(null), [T, E] = d([]), D = be(), O = u({}), M = u(/* @__PURE__ */ new Map()), N = u(0), P = u({
+		autoSaveId: e,
+		direction: a,
+		dragState: C,
+		id: x,
+		keyboardResizeBy: _,
+		onLayout: g,
+		storage: v
+	}), F = u({
+		layout: T,
+		panelDataArray: [],
+		panelDataArrayChanged: !1
+	});
+	u({
+		didLogIdAndOrderWarning: !1,
+		didLogPanelConstraintsWarning: !1,
+		prevPanelIds: []
+	}), s(c, () => ({
+		getId: () => P.current.id,
+		getLayout: () => {
+			let { layout: e } = F.current;
+			return e;
+		},
+		setLayout: (e) => {
+			let { onLayout: t } = P.current, { layout: n, panelDataArray: r } = F.current, i = Ge({
+				layout: e,
+				panelConstraints: r.map((e) => e.constraints)
+			});
+			je(n, i) || (E(i), F.current.layout = i, t && t(i), Z(r, i, O.current));
+		}
+	}), []), h(() => {
+		P.current.autoSaveId = e, P.current.direction = a, P.current.dragState = C, P.current.id = x, P.current.onLayout = g, P.current.storage = v;
+	}), Ae({
+		committedValuesRef: P,
+		eagerValuesRef: F,
+		groupId: x,
+		layout: T,
+		panelDataArray: F.current.panelDataArray,
+		setLayout: E,
+		panelGroupElement: S.current
+	}), o(() => {
+		let { panelDataArray: t } = F.current;
+		if (e) {
+			if (T.length === 0 || T.length !== t.length) return;
+			let n = Je[e];
+			n ?? (n = Re(We, Ke), Je[e] = n);
+			let r = [...t], i = new Map(M.current);
+			n(e, r, i, T, v);
+		}
+	}, [
+		e,
+		T,
+		v
+	]), o(() => {});
+	let I = i((e) => {
+		let { onLayout: t } = P.current, { layout: n, panelDataArray: r } = F.current;
+		if (e.constraints.collapsible) {
+			let i = r.map((e) => e.constraints), { collapsedSize: a = 0, panelSize: o, pivotIndices: s } = $(r, e, n);
+			if (K(o != null, `Panel size not found for panel "${e.id}"`), !J(o, a)) {
+				M.current.set(e.id, o);
+				let c = Se({
+					delta: Q(r, e) === r.length - 1 ? o - a : a - o,
+					initialLayout: n,
+					panelConstraints: i,
+					pivotIndices: s,
+					prevLayout: n,
+					trigger: "imperative-api"
+				});
+				Ie(n, c) || (E(c), F.current.layout = c, t && t(c), Z(r, c, O.current));
+			}
+		}
+	}, []), L = i((e, t) => {
+		let { onLayout: n } = P.current, { layout: r, panelDataArray: i } = F.current;
+		if (e.constraints.collapsible) {
+			let a = i.map((e) => e.constraints), { collapsedSize: o = 0, panelSize: s = 0, minSize: c = 0, pivotIndices: l } = $(i, e, r), u = t ?? c;
+			if (J(s, o)) {
+				let t = M.current.get(e.id), o = t != null && t >= u ? t : u, c = Se({
+					delta: Q(i, e) === i.length - 1 ? s - o : o - s,
+					initialLayout: r,
+					panelConstraints: a,
+					pivotIndices: l,
+					prevLayout: r,
+					trigger: "imperative-api"
+				});
+				Ie(r, c) || (E(c), F.current.layout = c, n && n(c), Z(i, c, O.current));
+			}
+		}
+	}, []), R = i((e) => {
+		let { layout: t, panelDataArray: n } = F.current, { panelSize: r } = $(n, e, t);
+		return K(r != null, `Panel size not found for panel "${e.id}"`), r;
+	}, []), z = i((e, t) => {
+		let { panelDataArray: n } = F.current;
+		return Le({
+			defaultSize: t,
+			dragState: C,
+			layout: T,
+			panelData: n,
+			panelIndex: Q(n, e)
+		});
+	}, [C, T]), B = i((e) => {
+		let { layout: t, panelDataArray: n } = F.current, { collapsedSize: r = 0, collapsible: i, panelSize: a } = $(n, e, t);
+		return K(a != null, `Panel size not found for panel "${e.id}"`), i === !0 && J(a, r);
+	}, []), ne = i((e) => {
+		let { layout: t, panelDataArray: n } = F.current, { collapsedSize: r = 0, collapsible: i, panelSize: a } = $(n, e, t);
+		return K(a != null, `Panel size not found for panel "${e.id}"`), !i || q(a, r) > 0;
+	}, []), re = i((e) => {
+		let { panelDataArray: t } = F.current;
+		t.push(e), t.sort((e, t) => {
+			let n = e.order, r = t.order;
+			return n == null && r == null ? 0 : n == null ? -1 : r == null ? 1 : n - r;
+		}), F.current.panelDataArrayChanged = !0, D();
+	}, [D]);
+	h(() => {
+		if (F.current.panelDataArrayChanged) {
+			F.current.panelDataArrayChanged = !1;
+			let { autoSaveId: e, onLayout: t, storage: n } = P.current, { layout: r, panelDataArray: i } = F.current, a = null;
+			if (e) {
+				let t = Ue(e, i, n);
+				t && (M.current = new Map(Object.entries(t.expandToSizes)), a = t.layout);
+			}
+			a ??= Fe({ panelDataArray: i });
+			let o = Ge({
+				layout: a,
+				panelConstraints: i.map((e) => e.constraints)
+			});
+			je(r, o) || (E(o), F.current.layout = o, t && t(o), Z(i, o, O.current));
+		}
+	}), h(() => {
+		let e = F.current;
+		return () => {
+			e.layout = [];
+		};
+	}, []);
+	let ce = i((e) => {
+		let t = !1, n = S.current;
+		return n && window.getComputedStyle(n, null).getPropertyValue("direction") === "rtl" && (t = !0), function(n) {
+			n.preventDefault();
+			let r = S.current;
+			if (!r) return () => null;
+			let { direction: i, dragState: a, id: o, keyboardResizeBy: s, onLayout: c } = P.current, { layout: l, panelDataArray: u } = F.current, { initialLayout: d } = a ?? {}, f = Ee(o, e, r), p = Pe(n, e, i, a, s, r), m = i === "horizontal";
+			m && t && (p = -p);
+			let h = u.map((e) => e.constraints), g = Se({
+				delta: p,
+				initialLayout: d ?? l,
+				panelConstraints: h,
+				pivotIndices: f,
+				prevLayout: l,
+				trigger: k(n) ? "keyboard" : "mouse-or-touch"
+			}), _ = !Ie(l, g);
+			(A(n) || j(n)) && N.current != p && (N.current = p, !_ && p !== 0 ? m ? he(e, p < 0 ? ie : ae) : he(e, p < 0 ? oe : se) : he(e, 0)), _ && (E(g), F.current.layout = g, c && c(g), Z(u, g, O.current));
+		};
+	}, []), V = i((e, t) => {
+		let { onLayout: n } = P.current, { layout: r, panelDataArray: i } = F.current, a = i.map((e) => e.constraints), { panelSize: o, pivotIndices: s } = $(i, e, r);
+		K(o != null, `Panel size not found for panel "${e.id}"`);
+		let c = Se({
+			delta: Q(i, e) === i.length - 1 ? o - t : t - o,
+			initialLayout: r,
+			panelConstraints: a,
+			pivotIndices: s,
+			prevLayout: r,
+			trigger: "imperative-api"
+		});
+		Ie(r, c) || (E(c), F.current.layout = c, n && n(c), Z(i, c, O.current));
+	}, []), H = i((e, t) => {
+		let { layout: n, panelDataArray: r } = F.current, { collapsedSize: i = 0, collapsible: a } = t, { collapsedSize: o = 0, collapsible: s, maxSize: c = 100, minSize: l = 0 } = e.constraints, { panelSize: u } = $(r, e, n);
+		u != null && (a && s && J(u, i) ? J(i, o) || V(e, o) : u < l ? V(e, l) : u > c && V(e, c));
+	}, [V]), U = i((e, t) => {
+		let { direction: n } = P.current, { layout: r } = F.current;
+		if (!S.current) return;
+		let i = Oe(e, S.current);
+		K(i, `Drag handle element not found for id "${e}"`);
+		let a = Me(n, t);
+		w({
+			dragHandleId: e,
+			dragHandleRect: i.getBoundingClientRect(),
+			initialCursorPosition: a,
+			initialLayout: r
+		});
+	}, []), W = i(() => {
+		w(null);
+	}, []), G = i((e) => {
+		let { panelDataArray: t } = F.current, n = Q(t, e);
+		n >= 0 && (t.splice(n, 1), delete O.current[e.id], F.current.panelDataArrayChanged = !0, D());
+	}, [D]), le = l(() => ({
+		collapsePanel: I,
+		direction: a,
+		dragState: C,
+		expandPanel: L,
+		getPanelSize: R,
+		getPanelStyle: z,
+		groupId: x,
+		isPanelCollapsed: B,
+		isPanelExpanded: ne,
+		reevaluatePanelConstraints: H,
+		registerPanel: re,
+		registerResizeHandle: ce,
+		resizePanel: V,
+		startDragging: U,
+		stopDragging: W,
+		unregisterPanel: G,
+		panelGroupElement: S.current
+	}), [
+		I,
+		C,
+		a,
+		L,
+		R,
+		z,
+		x,
+		B,
+		ne,
+		H,
+		re,
+		ce,
+		V,
+		U,
+		W,
+		G
+	]), ue = {
+		display: "flex",
+		flexDirection: a === "horizontal" ? "row" : "column",
+		height: "100%",
+		overflow: "hidden",
+		width: "100%"
+	};
+	return n(f.Provider, { value: le }, n(b, {
+		...te,
+		children: t,
+		className: r,
+		id: m,
+		ref: S,
+		style: {
+			...ue,
+			...y
+		},
+		[p.group]: "",
+		[p.groupDirection]: a,
+		[p.groupId]: x
+	}));
+}
+var Xe = r((e, t) => n(Ye, {
+	...e,
+	forwardedRef: t
+}));
+Ye.displayName = "PanelGroup", Xe.displayName = "forwardRef(PanelGroup)";
+function Q(e, t) {
+	return e.findIndex((e) => e === t || e.id === t.id);
+}
+function $(e, t, n) {
+	let r = Q(e, t), i = r === e.length - 1 ? [r - 1, r] : [r, r + 1], a = n[r];
+	return {
+		...t.constraints,
+		panelSize: a,
+		pivotIndices: i
+	};
+}
+function Ze({ disabled: e, handleId: t, resizeHandler: n, panelGroupElement: r }) {
+	o(() => {
+		if (e || n == null || r == null) return;
+		let i = Oe(t, r);
+		if (i == null) return;
+		let a = (e) => {
+			if (!e.defaultPrevented) switch (e.key) {
+				case "ArrowDown":
+				case "ArrowLeft":
+				case "ArrowRight":
+				case "ArrowUp":
+				case "End":
+				case "Home":
+					e.preventDefault(), n(e);
+					break;
+				case "F6": {
+					e.preventDefault();
+					let n = i.getAttribute(p.groupId);
+					K(n, `No group element found for id "${n}"`);
+					let a = we(n, r), o = Te(n, t, r);
+					K(o !== null, `No resize element found for id "${t}"`), a[e.shiftKey ? o > 0 ? o - 1 : a.length - 1 : o + 1 < a.length ? o + 1 : 0].focus();
+					break;
+				}
+			}
+		};
+		return i.addEventListener("keydown", a), () => {
+			i.removeEventListener("keydown", a);
+		};
+	}, [
+		r,
+		e,
+		t,
+		n
+	]);
+}
+function Qe({ children: e = null, className: t = "", disabled: r = !1, hitAreaMargins: i, id: s, onBlur: c, onClick: l, onDragging: m, onFocus: g, onPointerDown: _, onPointerUp: v, style: y = {}, tabIndex: b = 0, tagName: te = "div", ...x }) {
+	let S = u(null), C = u({
+		onClick: l,
+		onDragging: m,
+		onPointerDown: _,
+		onPointerUp: v
+	});
+	o(() => {
+		C.current.onClick = l, C.current.onDragging = m, C.current.onPointerDown = _, C.current.onPointerUp = v;
+	});
+	let w = a(f);
+	if (w === null) throw Error("PanelResizeHandle components must be rendered within a PanelGroup container");
+	let { direction: T, groupId: E, registerResizeHandle: D, startDragging: O, stopDragging: k, panelGroupElement: A } = w, j = ee(s), [M, N] = d("inactive"), [P, F] = d(!1), [I, L] = d(null), R = u({ state: M });
+	h(() => {
+		R.current.state = M;
+	}), o(() => {
+		if (r) L(null);
+		else {
+			let e = D(j);
+			L(() => e);
+		}
+	}, [
+		r,
+		j,
+		D
+	]);
+	let z = i?.coarse ?? 15, B = i?.fine ?? 5;
+	o(() => {
+		if (r || I == null) return;
+		let e = S.current;
+		K(e, "Element ref not attached");
+		let t = !1;
+		return le(j, e, T, {
+			coarse: z,
+			fine: B
+		}, (e, n, r) => {
+			if (!n) {
+				N("inactive");
+				return;
+			}
+			switch (e) {
+				case "down": {
+					N("drag"), t = !1, K(r, "Expected event to be defined for \"down\" action"), O(j, r);
+					let { onDragging: e, onPointerDown: n } = C.current;
+					e?.(!0), n?.();
+					break;
+				}
+				case "move": {
+					let { state: e } = R.current;
+					t = !0, e !== "drag" && N("hover"), K(r, "Expected event to be defined for \"move\" action"), I(r);
+					break;
+				}
+				case "up": {
+					N("hover"), k();
+					let { onClick: e, onDragging: n, onPointerUp: r } = C.current;
+					n?.(!1), r?.(), t || e?.();
+					break;
+				}
+			}
+		});
+	}, [
+		z,
+		T,
+		r,
+		B,
+		D,
+		j,
+		I,
+		O,
+		k
+	]), Ze({
+		disabled: r,
+		handleId: j,
+		resizeHandler: I,
+		panelGroupElement: A
+	});
+	let ne = {
+		touchAction: "none",
+		userSelect: "none"
 	};
+	return n(te, {
+		...x,
+		children: e,
+		className: t,
+		id: s,
+		onBlur: () => {
+			F(!1), c?.();
+		},
+		onFocus: () => {
+			F(!0), g?.();
+		},
+		ref: S,
+		role: "separator",
+		style: {
+			...ne,
+			...y
+		},
+		tabIndex: b,
+		[p.groupDirection]: T,
+		[p.groupId]: E,
+		[p.resizeHandle]: "",
+		[p.resizeHandleActive]: M === "drag" ? "pointer" : P ? "keyboard" : void 0,
+		[p.resizeHandleEnabled]: !r,
+		[p.resizeHandleId]: j,
+		[p.resizeHandleState]: M
+	});
 }
+Qe.displayName = "PanelResizeHandle";
 //#endregion
-export { r as useFormSelect };
+export { b as Panel, Xe as PanelGroup, Qe as PanelResizeHandle };