@gpustack/core-ui 1.0.34 → 1.0.35

package/dist/resize-panel-D5BF2EHO.js

@@ -0,0 +1,529 @@
+import { t as e } from "./useIntl-CBh5liUu.js";
+import { PureComponent as t, forwardRef as n, memo as r, useCallback as i, useImperativeHandle as a, useMemo as o, useRef as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Button as u } from "antd";
+import "@ant-design/icons";
+import d from "styled-components";
+import { flushSync as f } from "react-dom";
+//#region node_modules/.pnpm/re-resizable@6.11.2_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/re-resizable/lib/resizer.js
+var p = function() {
+	return p = Object.assign || function(e) {
+		for (var t, n = 1, r = arguments.length; n < r; n++) for (var i in t = arguments[n], t) Object.prototype.hasOwnProperty.call(t, i) && (e[i] = t[i]);
+		return e;
+	}, p.apply(this, arguments);
+}, m = {
+	width: "100%",
+	height: "10px",
+	top: "0px",
+	left: "0px",
+	cursor: "row-resize"
+}, h = {
+	width: "10px",
+	height: "100%",
+	top: "0px",
+	left: "0px",
+	cursor: "col-resize"
+}, g = {
+	width: "20px",
+	height: "20px",
+	position: "absolute",
+	zIndex: 1
+}, _ = {
+	top: p(p({}, m), { top: "-5px" }),
+	right: p(p({}, h), {
+		left: void 0,
+		right: "-5px"
+	}),
+	bottom: p(p({}, m), {
+		top: void 0,
+		bottom: "-5px"
+	}),
+	left: p(p({}, h), { left: "-5px" }),
+	topRight: p(p({}, g), {
+		right: "-10px",
+		top: "-10px",
+		cursor: "ne-resize"
+	}),
+	bottomRight: p(p({}, g), {
+		right: "-10px",
+		bottom: "-10px",
+		cursor: "se-resize"
+	}),
+	bottomLeft: p(p({}, g), {
+		left: "-10px",
+		bottom: "-10px",
+		cursor: "sw-resize"
+	}),
+	topLeft: p(p({}, g), {
+		left: "-10px",
+		top: "-10px",
+		cursor: "nw-resize"
+	})
+}, v = r(function(e) {
+	var t = e.onResizeStart, n = e.direction, r = e.children, a = e.replaceStyles, s = e.className, l = i(function(e) {
+		t(e, n);
+	}, [t, n]), u = i(function(e) {
+		t(e, n);
+	}, [t, n]), d = o(function() {
+		return p(p({
+			position: "absolute",
+			userSelect: "none"
+		}, _[n]), a ?? {});
+	}, [a, n]);
+	return c("div", {
+		className: s || void 0,
+		style: d,
+		onMouseDown: l,
+		onTouchStart: u,
+		children: r
+	});
+}), y = (function() {
+	var e = function(t, n) {
+		return e = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(e, t) {
+			e.__proto__ = t;
+		} || function(e, t) {
+			for (var n in t) Object.prototype.hasOwnProperty.call(t, n) && (e[n] = t[n]);
+		}, e(t, n);
+	};
+	return function(t, n) {
+		if (typeof n != "function" && n !== null) throw TypeError("Class extends value " + String(n) + " is not a constructor or null");
+		e(t, n);
+		function r() {
+			this.constructor = t;
+		}
+		t.prototype = n === null ? Object.create(n) : (r.prototype = n.prototype, new r());
+	};
+})(), b = function() {
+	return b = Object.assign || function(e) {
+		for (var t, n = 1, r = arguments.length; n < r; n++) for (var i in t = arguments[n], t) Object.prototype.hasOwnProperty.call(t, i) && (e[i] = t[i]);
+		return e;
+	}, b.apply(this, arguments);
+}, x = {
+	width: "auto",
+	height: "auto"
+}, S = function(e, t, n) {
+	return Math.max(Math.min(e, n), t);
+}, C = function(e, t, n) {
+	var r = Math.round(e / t);
+	return r * t + n * (r - 1);
+}, w = function(e, t) {
+	return new RegExp(e, "i").test(t);
+}, T = function(e) {
+	return !!(e.touches && e.touches.length);
+}, E = function(e) {
+	return !!((e.clientX || e.clientX === 0) && (e.clientY || e.clientY === 0));
+}, D = function(e, t, n) {
+	n === void 0 && (n = 0);
+	var r = t.reduce(function(n, r, i) {
+		return Math.abs(r - e) < Math.abs(t[n] - e) ? i : n;
+	}, 0), i = Math.abs(t[r] - e);
+	return n === 0 || i < n ? t[r] : e;
+}, O = function(e) {
+	return e = e.toString(), e === "auto" || e.endsWith("px") || e.endsWith("%") || e.endsWith("vh") || e.endsWith("vw") || e.endsWith("vmax") || e.endsWith("vmin") ? e : `${e}px`;
+}, k = function(e, t, n, r) {
+	if (e && typeof e == "string") {
+		if (e.endsWith("px")) return Number(e.replace("px", ""));
+		if (e.endsWith("%")) {
+			var i = Number(e.replace("%", "")) / 100;
+			return t * i;
+		}
+		if (e.endsWith("vw")) {
+			var i = Number(e.replace("vw", "")) / 100;
+			return n * i;
+		}
+		if (e.endsWith("vh")) {
+			var i = Number(e.replace("vh", "")) / 100;
+			return r * i;
+		}
+	}
+	return e;
+}, A = function(e, t, n, r, i, a, o) {
+	return r = k(r, e.width, t, n), i = k(i, e.height, t, n), a = k(a, e.width, t, n), o = k(o, e.height, t, n), {
+		maxWidth: r === void 0 ? void 0 : Number(r),
+		maxHeight: i === void 0 ? void 0 : Number(i),
+		minWidth: a === void 0 ? void 0 : Number(a),
+		minHeight: o === void 0 ? void 0 : Number(o)
+	};
+}, j = function(e) {
+	return Array.isArray(e) ? e : [e, e];
+}, M = /* @__PURE__ */ "as.ref.style.className.grid.gridGap.snap.bounds.boundsByDirection.size.defaultSize.minWidth.minHeight.maxWidth.maxHeight.lockAspectRatio.lockAspectRatioExtraWidth.lockAspectRatioExtraHeight.enable.handleStyles.handleClasses.handleWrapperStyle.handleWrapperClass.children.onResizeStart.onResize.onResizeStop.handleComponent.scale.resizeRatio.snapGap".split("."), N = "__resizable_base__", P = function(e) {
+	y(t, e);
+	function t(t) {
+		var n = e.call(this, t) || this;
+		return n.ratio = 1, n.resizable = null, n.parentLeft = 0, n.parentTop = 0, n.resizableLeft = 0, n.resizableRight = 0, n.resizableTop = 0, n.resizableBottom = 0, n.targetLeft = 0, n.targetTop = 0, n.delta = {
+			width: 0,
+			height: 0
+		}, n.appendBase = function() {
+			if (!n.resizable || !n.window) return null;
+			var e = n.parentNode;
+			if (!e) return null;
+			var t = n.window.document.createElement("div");
+			return t.style.width = "100%", t.style.height = "100%", t.style.position = "absolute", t.style.transform = "scale(0, 0)", t.style.left = "0", t.style.flex = "0 0 100%", t.classList ? t.classList.add(N) : t.className += N, e.appendChild(t), t;
+		}, n.removeBase = function(e) {
+			var t = n.parentNode;
+			t && t.removeChild(e);
+		}, n.state = {
+			isResizing: !1,
+			width: n.propsSize?.width ?? "auto",
+			height: n.propsSize?.height ?? "auto",
+			direction: "right",
+			original: {
+				x: 0,
+				y: 0,
+				width: 0,
+				height: 0
+			},
+			backgroundStyle: {
+				height: "100%",
+				width: "100%",
+				backgroundColor: "rgba(0,0,0,0)",
+				cursor: "auto",
+				opacity: 0,
+				position: "fixed",
+				zIndex: 9999,
+				top: "0",
+				left: "0",
+				bottom: "0",
+				right: "0"
+			},
+			flexBasis: void 0
+		}, n.onResizeStart = n.onResizeStart.bind(n), n.onMouseMove = n.onMouseMove.bind(n), n.onMouseUp = n.onMouseUp.bind(n), n;
+	}
+	return Object.defineProperty(t.prototype, "parentNode", {
+		get: function() {
+			return this.resizable ? this.resizable.parentNode : null;
+		},
+		enumerable: !1,
+		configurable: !0
+	}), Object.defineProperty(t.prototype, "window", {
+		get: function() {
+			return !this.resizable || !this.resizable.ownerDocument ? null : this.resizable.ownerDocument.defaultView;
+		},
+		enumerable: !1,
+		configurable: !0
+	}), Object.defineProperty(t.prototype, "propsSize", {
+		get: function() {
+			return this.props.size || this.props.defaultSize || x;
+		},
+		enumerable: !1,
+		configurable: !0
+	}), Object.defineProperty(t.prototype, "size", {
+		get: function() {
+			var e = 0, t = 0;
+			if (this.resizable && this.window) {
+				var n = this.resizable.offsetWidth, r = this.resizable.offsetHeight, i = this.resizable.style.position;
+				i !== "relative" && (this.resizable.style.position = "relative"), e = this.resizable.style.width === "auto" ? n : this.resizable.offsetWidth, t = this.resizable.style.height === "auto" ? r : this.resizable.offsetHeight, this.resizable.style.position = i;
+			}
+			return {
+				width: e,
+				height: t
+			};
+		},
+		enumerable: !1,
+		configurable: !0
+	}), Object.defineProperty(t.prototype, "sizeStyle", {
+		get: function() {
+			var e = this, t = this.props.size, n = function(t) {
+				if (e.state[t] === void 0 || e.state[t] === "auto") return "auto";
+				if (e.propsSize && e.propsSize[t] && e.propsSize[t]?.toString().endsWith("%")) {
+					if (e.state[t].toString().endsWith("%")) return e.state[t].toString();
+					var n = e.getParentSize();
+					return `${Number(e.state[t].toString().replace("px", "")) / n[t] * 100}%`;
+				}
+				return O(e.state[t]);
+			};
+			return {
+				width: t && t.width !== void 0 && !this.state.isResizing ? O(t.width) : n("width"),
+				height: t && t.height !== void 0 && !this.state.isResizing ? O(t.height) : n("height")
+			};
+		},
+		enumerable: !1,
+		configurable: !0
+	}), t.prototype.getParentSize = function() {
+		if (!this.parentNode) return this.window ? {
+			width: this.window.innerWidth,
+			height: this.window.innerHeight
+		} : {
+			width: 0,
+			height: 0
+		};
+		var e = this.appendBase();
+		if (!e) return {
+			width: 0,
+			height: 0
+		};
+		var t = !1, n = this.parentNode.style.flexWrap;
+		n !== "wrap" && (t = !0, this.parentNode.style.flexWrap = "wrap"), e.style.position = "relative", e.style.minWidth = "100%", e.style.minHeight = "100%";
+		var r = {
+			width: e.offsetWidth,
+			height: e.offsetHeight
+		};
+		return t && (this.parentNode.style.flexWrap = n), this.removeBase(e), r;
+	}, t.prototype.bindEvents = function() {
+		this.window && (this.window.addEventListener("mouseup", this.onMouseUp), this.window.addEventListener("mousemove", this.onMouseMove), this.window.addEventListener("mouseleave", this.onMouseUp), this.window.addEventListener("touchmove", this.onMouseMove, {
+			capture: !0,
+			passive: !1
+		}), this.window.addEventListener("touchend", this.onMouseUp));
+	}, t.prototype.unbindEvents = function() {
+		this.window && (this.window.removeEventListener("mouseup", this.onMouseUp), this.window.removeEventListener("mousemove", this.onMouseMove), this.window.removeEventListener("mouseleave", this.onMouseUp), this.window.removeEventListener("touchmove", this.onMouseMove, !0), this.window.removeEventListener("touchend", this.onMouseUp));
+	}, t.prototype.componentDidMount = function() {
+		if (!(!this.resizable || !this.window)) {
+			var e = this.window.getComputedStyle(this.resizable);
+			this.setState({
+				width: this.state.width || this.size.width,
+				height: this.state.height || this.size.height,
+				flexBasis: e.flexBasis === "auto" ? void 0 : e.flexBasis
+			});
+		}
+	}, t.prototype.componentWillUnmount = function() {
+		this.window && this.unbindEvents();
+	}, t.prototype.createSizeForCssProperty = function(e, t) {
+		var n = this.propsSize && this.propsSize[t];
+		return this.state[t] === "auto" && this.state.original[t] === e && (n === void 0 || n === "auto") ? "auto" : e;
+	}, t.prototype.calculateNewMaxFromBoundary = function(e, t) {
+		var n = this.props.boundsByDirection, r = this.state.direction, i = n && w("left", r), a = n && w("top", r), o, s;
+		if (this.props.bounds === "parent") {
+			var c = this.parentNode;
+			c && (o = i ? this.resizableRight - this.parentLeft : c.offsetWidth + (this.parentLeft - this.resizableLeft), s = a ? this.resizableBottom - this.parentTop : c.offsetHeight + (this.parentTop - this.resizableTop));
+		} else this.props.bounds === "window" ? this.window && (o = i ? this.resizableRight : this.window.innerWidth - this.resizableLeft, s = a ? this.resizableBottom : this.window.innerHeight - this.resizableTop) : this.props.bounds && (o = i ? this.resizableRight - this.targetLeft : this.props.bounds.offsetWidth + (this.targetLeft - this.resizableLeft), s = a ? this.resizableBottom - this.targetTop : this.props.bounds.offsetHeight + (this.targetTop - this.resizableTop));
+		return o && Number.isFinite(o) && (e = e && e < o ? e : o), s && Number.isFinite(s) && (t = t && t < s ? t : s), {
+			maxWidth: e,
+			maxHeight: t
+		};
+	}, t.prototype.calculateNewSizeFromDirection = function(e, t) {
+		var n = this.props.scale || 1, r = j(this.props.resizeRatio || 1), i = r[0], a = r[1], o = this.state, s = o.direction, c = o.original, l = this.props, u = l.lockAspectRatio, d = l.lockAspectRatioExtraHeight, f = l.lockAspectRatioExtraWidth, p = c.width, m = c.height, h = d || 0, g = f || 0;
+		return w("right", s) && (p = c.width + (e - c.x) * i / n, u && (m = (p - g) / this.ratio + h)), w("left", s) && (p = c.width - (e - c.x) * i / n, u && (m = (p - g) / this.ratio + h)), w("bottom", s) && (m = c.height + (t - c.y) * a / n, u && (p = (m - h) * this.ratio + g)), w("top", s) && (m = c.height - (t - c.y) * a / n, u && (p = (m - h) * this.ratio + g)), {
+			newWidth: p,
+			newHeight: m
+		};
+	}, t.prototype.calculateNewSizeFromAspectRatio = function(e, t, n, r) {
+		var i = this.props, a = i.lockAspectRatio, o = i.lockAspectRatioExtraHeight, s = i.lockAspectRatioExtraWidth, c = r.width === void 0 ? 10 : r.width, l = n.width === void 0 || n.width < 0 ? e : n.width, u = r.height === void 0 ? 10 : r.height, d = n.height === void 0 || n.height < 0 ? t : n.height, f = o || 0, p = s || 0;
+		if (a) {
+			var m = (u - f) * this.ratio + p, h = (d - f) * this.ratio + p, g = (c - p) / this.ratio + f, _ = (l - p) / this.ratio + f, v = Math.max(c, m), y = Math.min(l, h), b = Math.max(u, g), x = Math.min(d, _);
+			e = S(e, v, y), t = S(t, b, x);
+		} else e = S(e, c, l), t = S(t, u, d);
+		return {
+			newWidth: e,
+			newHeight: t
+		};
+	}, t.prototype.setBoundingClientRect = function() {
+		var e = 1 / (this.props.scale || 1);
+		if (this.props.bounds === "parent") {
+			var t = this.parentNode;
+			if (t) {
+				var n = t.getBoundingClientRect();
+				this.parentLeft = n.left * e, this.parentTop = n.top * e;
+			}
+		}
+		if (this.props.bounds && typeof this.props.bounds != "string") {
+			var r = this.props.bounds.getBoundingClientRect();
+			this.targetLeft = r.left * e, this.targetTop = r.top * e;
+		}
+		if (this.resizable) {
+			var i = this.resizable.getBoundingClientRect(), a = i.left, o = i.top, s = i.right, c = i.bottom;
+			this.resizableLeft = a * e, this.resizableRight = s * e, this.resizableTop = o * e, this.resizableBottom = c * e;
+		}
+	}, t.prototype.onResizeStart = function(e, t) {
+		if (!(!this.resizable || !this.window)) {
+			var n = 0, r = 0;
+			if (e.nativeEvent && E(e.nativeEvent) ? (n = e.nativeEvent.clientX, r = e.nativeEvent.clientY) : e.nativeEvent && T(e.nativeEvent) && (n = e.nativeEvent.touches[0].clientX, r = e.nativeEvent.touches[0].clientY), !(this.props.onResizeStart && this.resizable && this.props.onResizeStart(e, t, this.resizable) === !1)) {
+				this.props.size && (this.props.size.height !== void 0 && this.props.size.height !== this.state.height && this.setState({ height: this.props.size.height }), this.props.size.width !== void 0 && this.props.size.width !== this.state.width && this.setState({ width: this.props.size.width })), this.ratio = typeof this.props.lockAspectRatio == "number" ? this.props.lockAspectRatio : this.size.width / this.size.height;
+				var i, a = this.window.getComputedStyle(this.resizable);
+				if (a.flexBasis !== "auto") {
+					var o = this.parentNode;
+					o && (this.flexDir = this.window.getComputedStyle(o).flexDirection.startsWith("row") ? "row" : "column", i = a.flexBasis);
+				}
+				this.setBoundingClientRect(), this.bindEvents();
+				var s = {
+					original: {
+						x: n,
+						y: r,
+						width: this.size.width,
+						height: this.size.height
+					},
+					isResizing: !0,
+					backgroundStyle: b(b({}, this.state.backgroundStyle), { cursor: this.window.getComputedStyle(e.target).cursor || "auto" }),
+					direction: t,
+					flexBasis: i
+				};
+				this.setState(s);
+			}
+		}
+	}, t.prototype.onMouseMove = function(e) {
+		var t = this;
+		if (!(!this.state.isResizing || !this.resizable || !this.window)) {
+			if (this.window.TouchEvent && T(e)) try {
+				e.preventDefault(), e.stopPropagation();
+			} catch {}
+			var n = this.props, r = n.maxWidth, i = n.maxHeight, a = n.minWidth, o = n.minHeight, s = T(e) ? e.touches[0].clientX : e.clientX, c = T(e) ? e.touches[0].clientY : e.clientY, l = this.state, u = l.direction, d = l.original, p = l.width, m = l.height, h = this.getParentSize(), g = A(h, this.window.innerWidth, this.window.innerHeight, r, i, a, o);
+			r = g.maxWidth, i = g.maxHeight, a = g.minWidth, o = g.minHeight;
+			var _ = this.calculateNewSizeFromDirection(s, c), v = _.newHeight, y = _.newWidth, b = this.calculateNewMaxFromBoundary(r, i);
+			this.props.snap && this.props.snap.x && (y = D(y, this.props.snap.x, this.props.snapGap)), this.props.snap && this.props.snap.y && (v = D(v, this.props.snap.y, this.props.snapGap));
+			var x = this.calculateNewSizeFromAspectRatio(y, v, {
+				width: b.maxWidth,
+				height: b.maxHeight
+			}, {
+				width: a,
+				height: o
+			});
+			if (y = x.newWidth, v = x.newHeight, this.props.grid) {
+				var S = C(y, this.props.grid[0], this.props.gridGap ? this.props.gridGap[0] : 0), w = C(v, this.props.grid[1], this.props.gridGap ? this.props.gridGap[1] : 0), E = this.props.snapGap || 0, O = E === 0 || Math.abs(S - y) <= E ? S : y, k = E === 0 || Math.abs(w - v) <= E ? w : v;
+				y = O, v = k;
+			}
+			var j = {
+				width: y - d.width,
+				height: v - d.height
+			};
+			if (this.delta = j, p && typeof p == "string") {
+				if (p.endsWith("%")) {
+					var M = y / h.width * 100;
+					y = `${M}%`;
+				} else if (p.endsWith("vw")) {
+					var N = y / this.window.innerWidth * 100;
+					y = `${N}vw`;
+				} else if (p.endsWith("vh")) {
+					var P = y / this.window.innerHeight * 100;
+					y = `${P}vh`;
+				}
+			}
+			if (m && typeof m == "string") {
+				if (m.endsWith("%")) {
+					var M = v / h.height * 100;
+					v = `${M}%`;
+				} else if (m.endsWith("vw")) {
+					var N = v / this.window.innerWidth * 100;
+					v = `${N}vw`;
+				} else if (m.endsWith("vh")) {
+					var P = v / this.window.innerHeight * 100;
+					v = `${P}vh`;
+				}
+			}
+			var F = {
+				width: this.createSizeForCssProperty(y, "width"),
+				height: this.createSizeForCssProperty(v, "height")
+			};
+			this.flexDir === "row" ? F.flexBasis = F.width : this.flexDir === "column" && (F.flexBasis = F.height);
+			var I = this.state.width !== F.width, L = this.state.height !== F.height, R = this.state.flexBasis !== F.flexBasis, z = I || L || R;
+			z && f(function() {
+				t.setState(F);
+			}), this.props.onResize && z && this.props.onResize(e, u, this.resizable, j);
+		}
+	}, t.prototype.onMouseUp = function(e) {
+		var t = this.state, n = t.isResizing, r = t.direction;
+		t.original, !(!n || !this.resizable) && (this.props.onResizeStop && this.props.onResizeStop(e, r, this.resizable, this.delta), this.props.size && this.setState({
+			width: this.props.size.width ?? "auto",
+			height: this.props.size.height ?? "auto"
+		}), this.unbindEvents(), this.setState({
+			isResizing: !1,
+			backgroundStyle: b(b({}, this.state.backgroundStyle), { cursor: "auto" })
+		}));
+	}, t.prototype.updateSize = function(e) {
+		this.setState({
+			width: e.width ?? "auto",
+			height: e.height ?? "auto"
+		});
+	}, t.prototype.renderResizer = function() {
+		var e = this, t = this.props, n = t.enable, r = t.handleStyles, i = t.handleClasses, a = t.handleWrapperStyle, o = t.handleWrapperClass, s = t.handleComponent;
+		return n ? c("div", {
+			className: o,
+			style: a,
+			children: Object.keys(n).map(function(t) {
+				return n[t] === !1 ? null : c(v, {
+					direction: t,
+					onResizeStart: e.onResizeStart,
+					replaceStyles: r && r[t],
+					className: i && i[t],
+					children: s && s[t] ? s[t] : null
+				}, t);
+			})
+		}) : null;
+	}, t.prototype.render = function() {
+		var e = this, t = Object.keys(this.props).reduce(function(t, n) {
+			return M.indexOf(n) === -1 && (t[n] = e.props[n]), t;
+		}, {}), n = b(b(b({
+			position: "relative",
+			userSelect: this.state.isResizing ? "none" : "auto"
+		}, this.props.style), this.sizeStyle), {
+			maxWidth: this.props.maxWidth,
+			maxHeight: this.props.maxHeight,
+			minWidth: this.props.minWidth,
+			minHeight: this.props.minHeight,
+			boxSizing: "border-box",
+			flexShrink: 0
+		});
+		return this.state.flexBasis && (n.flexBasis = this.state.flexBasis), l(this.props.as || "div", b({
+			style: n,
+			className: this.props.className
+		}, t, {
+			ref: function(t) {
+				t && (e.resizable = t);
+			},
+			children: [
+				this.state.isResizing && c("div", { style: this.state.backgroundStyle }),
+				this.props.children,
+				this.renderResizer()
+			]
+		}));
+	}, t.defaultProps = {
+		as: "div",
+		onResizeStart: function() {},
+		onResize: function() {},
+		onResizeStop: function() {},
+		enable: {
+			top: !0,
+			right: !0,
+			bottom: !0,
+			left: !0,
+			topRight: !0,
+			bottomRight: !0,
+			bottomLeft: !0,
+			topLeft: !0
+		},
+		style: {},
+		grid: [1, 1],
+		gridGap: [0, 0],
+		lockAspectRatio: !1,
+		lockAspectRatioExtraWidth: 0,
+		lockAspectRatioExtraHeight: 0,
+		scale: 1,
+		resizeRatio: 1,
+		snapGap: 0
+	}, t;
+}(t);
+//#endregion
+//#region src/lib/components/terminal-tabs/resize-panel.tsx
+d(u)`
+  position: absolute;
+  padding: 0;
+  top: -12px;
+  font-size: var(--font-size-middle);
+  left: calc(50% + 10px);
+  transform: translateX(-50%);
+  background: none !important;
+  cursor: ns-resize;
+  &::hover {
+    background: none !important;
+  }
+`;
+var F = n((t, n) => {
+	let { defaultWidth: r, defaultHeight: i = 180, minHeight: o = 180, maxHeight: l = 400, children: u, onReSize: d, onReSizeStop: f, ...p } = t;
+	e();
+	let m = s(null);
+	return a(n, () => ({ container: m.current })), /* @__PURE__ */ c(P, {
+		ref: m,
+		enable: { top: !0 },
+		defaultSize: {
+			height: i,
+			width: r
+		},
+		handleComponent: { top: void 0 },
+		maxHeight: l,
+		minHeight: o,
+		onResize: d,
+		onResizeStop: f,
+		...p,
+		children: u
+	});
+});
+//#endregion
+export { F as t };

package/dist/terminal.d.ts

@@ -0,0 +1,5 @@
+export { default as TerminalTabs } from './lib/components/terminal-tabs';
+export type { TerminalModalProps } from './lib/components/terminal-tabs';
+export type { TerminalTabsProps } from './lib/components/terminal-tabs/tabs';
+export type { TerminalProps } from './lib/components/terminal-tabs/types';
+export { default as XTerminal } from './lib/components/x-terminal';