@knymbus/voxel-ui 1.0.0

package/dist/index.js

@@ -0,0 +1,1071 @@
+import { t as e } from "./chunks/jsx-runtime-Boo2vksn.js";
+import { t } from "./chunks/resizable-ImB8dfG_.js";
+import { i as n, n as r, r as i, t as a } from "./chunks/tabs-MaVN00hJ.js";
+import o, { forwardRef as s, useEffect as c, useRef as l, useState as u } from "react";
+//#region src/components/button/Button.tsx
+var d = e(), f = {
+	xs: "w-3 h-3",
+	sm: "w-3.5 h-3.5",
+	md: "w-4 h-4",
+	lg: "w-5 h-5"
+}, p = ({ icon: e, size: t = "sm", className: n = "", ...r }) => {
+	let i = f[t];
+	return /* @__PURE__ */ (0, d.jsx)(e, {
+		className: `${i} ${n}`.trim(),
+		...r
+	});
+}, m = s((e, t) => {
+	let { size: n = "sm", color: r = "vsc", iconOnly: i = !1, startIcon: a, endIcon: o, className: s = "", disabled: c, ...l } = e, u = {
+		primary: "bg-vsc-accent text-vsc-button-text hover:bg-vsc-accent-hover border border-transparent focus:border-vsc-accent/50",
+		secondary: "bg-vsc-bg border border-vsc-border text-vsc-text hover:bg-vsc-hover focus:border-vsc-accent",
+		ghost: "bg-transparent border border-transparent text-vsc-muted hover:bg-vsc-hover/40 hover:text-vsc-text focus:border-vsc-border",
+		danger: "bg-rose-500/10 border border-rose-500/20 text-rose-500 hover:bg-rose-500/20 focus:border-rose-500/50",
+		vsc: "bg-transparent text-vsc-text border border-transparent opacity-55 hover:opacity-100 hover:bg-vsc-hover focus:border-vsc-hover/50"
+	}, f = {
+		xs: i ? "p-1 rounded-sm h-5 w-5" : "px-2 py-0.5 text-[10px] rounded-sm gap-1 h-5.5",
+		sm: i ? "p-1.5 rounded-md h-7 w-7" : "px-3 py-1.5 text-xs rounded-md gap-1.5 h-7.5",
+		md: i ? "p-2 rounded-md h-9 w-9" : "px-4 py-2 text-sm rounded-md gap-2 h-9",
+		lg: i ? "p-3 rounded-lg h-11 w-11" : "px-5 py-2.5 text-base rounded-lg gap-2.5 h-11"
+	}, m = `inline-flex items-center justify-center font-sans font-medium select-none 
+    outline-none focus:ring-0 cursor-pointer 
+    disabled:opacity-40 disabled:cursor-not-allowed disabled:transform-none disabled:active:scale-100 disabled:pointer-events-none
+    transition-all duration-150 cubic-bezier(0.34, 1.56, 0.64, 1)
+    active:scale-95 active:duration-75 ${u[r]} ${f[n]} ${s}`;
+	if (i) {
+		let r = e.icon;
+		return /* @__PURE__ */ (0, d.jsx)("button", {
+			ref: t,
+			disabled: c,
+			className: m,
+			...l,
+			children: /* @__PURE__ */ (0, d.jsx)(p, {
+				icon: r,
+				size: n
+			})
+		});
+	}
+	return /* @__PURE__ */ (0, d.jsxs)("button", {
+		ref: t,
+		disabled: c,
+		className: m,
+		...l,
+		children: [
+			a && /* @__PURE__ */ (0, d.jsx)(p, {
+				icon: a,
+				size: n
+			}),
+			/* @__PURE__ */ (0, d.jsx)("span", { children: e.children }),
+			o && /* @__PURE__ */ (0, d.jsx)(p, {
+				icon: o,
+				size: n
+			})
+		]
+	});
+});
+m.displayName = "Button";
+//#endregion
+//#region src/components/button/ButtonGroup.tsx
+function h({ children: e, orientation: t = "horizontal", variant: n = "default", gap: r = 0, className: i = "" }) {
+	let a = t === "horizontal", s = r > 0, c = a ? "flex-row" : "flex-col", l = "";
+	!s && n === "default" ? l = a ? "[&>button:not(:first-child)]:-ml-[1px] [&>button:first-child]:rounded-l-sm [&>button:last-child]:rounded-r-sm [&>button:not(:first-child):not(:last-child)]:rounded-none" : "[&>button:not(:first-child)]:-mt-[1px] [&>button:first-child]:rounded-t-sm [&>button:last-child]:rounded-b-sm [&>button:not(:first-child):not(:last-child)]:rounded-none" : s && (l = "[&>button]:rounded-sm");
+	let u = o.Children.map(e, (e) => o.isValidElement(e) && n === "ghost" ? o.cloneElement(e, { color: "ghost" }) : e), f = s ? { gap: `${r}px` } : {};
+	return /* @__PURE__ */ (0, d.jsx)("div", {
+		className: `inline-flex bg-transparent rounded-sm select-none isolation-auto ${c} ${l} ${i}`.trim(),
+		style: f,
+		children: u
+	});
+}
+//#endregion
+//#region src/components/button/SplitActionButton.tsx
+var g = (e) => /* @__PURE__ */ (0, d.jsx)("svg", {
+	className: e.className,
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2.5",
+	viewBox: "0 0 24 24",
+	children: /* @__PURE__ */ (0, d.jsx)("path", {
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		d: "M19 9l-7 7-7-7"
+	})
+});
+function _({ children: e, color: t = "primary", size: n = "sm", startIcon: r, onMainActionClick: i, menuItems: a, className: o = "" }) {
+	let [s, f] = u(!1), h = l(null);
+	c(() => {
+		let e = (e) => {
+			h.current && !h.current.contains(e.target) && f(!1);
+		};
+		return s && window.addEventListener("mousedown", e), () => window.removeEventListener("mousedown", e);
+	}, [s]);
+	let _ = {
+		xs: {
+			height: "22px",
+			menuTop: "26px"
+		},
+		sm: {
+			height: "30px",
+			menuTop: "34px"
+		},
+		md: {
+			height: "36px",
+			menuTop: "40px"
+		},
+		lg: {
+			height: "44px",
+			menuTop: "48px"
+		}
+	}[n], v = t === "primary" ? "bg-vsc-accent-hover/60" : "bg-vsc-border";
+	return /* @__PURE__ */ (0, d.jsxs)("div", {
+		ref: h,
+		className: `relative inline-flex items-center rounded-sm select-none isolation-auto ${o}`.trim(),
+		style: { height: _.height },
+		children: [
+			/* @__PURE__ */ (0, d.jsx)(m, {
+				color: t,
+				size: n,
+				startIcon: r,
+				onClick: i,
+				className: "rounded-r-none! h-full border-r-0",
+				children: e
+			}),
+			/* @__PURE__ */ (0, d.jsx)("div", { className: `w-px h-3/5 pointer-events-none z-20 ${v}` }),
+			/* @__PURE__ */ (0, d.jsx)("button", {
+				onClick: () => f(!s),
+				className: `h-full flex items-center justify-center transition-all duration-150 focus:outline-none border-none outline-none rounded-l-none! cursor-pointer ${t === "primary" ? "bg-vsc-accent text-vsc-button-text hover:bg-vsc-accent-hover" : t === "secondary" ? "bg-vsc-bg border border-vsc-sidebar border-l-0 text-vsc-text hover:bg-vsc-hover" : "bg-transparent text-vsc-muted hover:bg-vsc-hover/40 hover:text-vsc-text"} ${n === "xs" ? "w-5 rounded-r-sm" : n === "sm" ? "w-7 rounded-r-md" : n === "md" ? "w-9 rounded-r-md" : "w-11 rounded-r-lg"}`,
+				children: /* @__PURE__ */ (0, d.jsx)(g, { className: `w-3.5 h-3.5 transition-transform duration-200 ${s ? "rotate-180" : ""}` })
+			}),
+			s && /* @__PURE__ */ (0, d.jsx)("div", {
+				className: "absolute left-0 w-48 bg-vsc-sidebar border border-vsc-border rounded shadow-xl z-50 p-1 flex flex-col font-sans text-xs text-vsc-text animate-in fade-in slide-in-from-top-2 duration-150",
+				style: { top: _.menuTop },
+				children: a.map((e) => /* @__PURE__ */ (0, d.jsxs)("button", {
+					onClick: () => {
+						e.onClick(), f(!1);
+					},
+					className: "w-full flex items-center gap-2 p-2 hover:bg-vsc-hover text-left rounded-sm border-none bg-transparent text-vsc-text hover:text-white cursor-pointer",
+					children: [e.startIcon && /* @__PURE__ */ (0, d.jsx)(p, {
+						icon: e.startIcon,
+						size: "xs",
+						className: "opacity-70"
+					}), /* @__PURE__ */ (0, d.jsx)("span", {
+						className: "truncate",
+						children: e.label
+					})]
+				}, e.id))
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/icons/CloseIcon.tsx
+function v({ size: e = 16, className: t = "", ...n }) {
+	return /* @__PURE__ */ (0, d.jsxs)("svg", {
+		xmlns: "http://w3.org",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `shrink-0 select-none ${t}`.trim(),
+		...n,
+		children: [/* @__PURE__ */ (0, d.jsx)("line", {
+			x1: "18",
+			y1: "6",
+			x2: "6",
+			y2: "18"
+		}), /* @__PURE__ */ (0, d.jsx)("line", {
+			x1: "6",
+			y1: "6",
+			x2: "18",
+			y2: "18"
+		})]
+	});
+}
+//#endregion
+//#region src/components/icons/TerminalIcon.tsx
+function y({ size: e = 16, className: t = "", ...n }) {
+	return /* @__PURE__ */ (0, d.jsxs)("svg", {
+		xmlns: "http://w3.org",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `shrink-0 select-none ${t}`.trim(),
+		...n,
+		children: [/* @__PURE__ */ (0, d.jsx)("polyline", { points: "4 17 10 11 4 5" }), /* @__PURE__ */ (0, d.jsx)("line", {
+			x1: "12",
+			y1: "19",
+			x2: "20",
+			y2: "19"
+		})]
+	});
+}
+//#endregion
+//#region src/components/icons/DocumentIcon.tsx
+function b({ size: e = 16, className: t = "", ...n }) {
+	return /* @__PURE__ */ (0, d.jsxs)("svg", {
+		xmlns: "http://w3.org",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `shrink-0 select-none ${t}`.trim(),
+		...n,
+		children: [
+			/* @__PURE__ */ (0, d.jsx)("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+			/* @__PURE__ */ (0, d.jsx)("polyline", { points: "14 2 14 8 20 8" }),
+			/* @__PURE__ */ (0, d.jsx)("line", {
+				x1: "16",
+				y1: "13",
+				x2: "8",
+				y2: "13"
+			}),
+			/* @__PURE__ */ (0, d.jsx)("line", {
+				x1: "16",
+				y1: "17",
+				x2: "8",
+				y2: "17"
+			}),
+			/* @__PURE__ */ (0, d.jsx)("polyline", { points: "10 9 9 9 8 9" })
+		]
+	});
+}
+//#endregion
+//#region src/components/icons/FolderIcon.tsx
+function x({ size: e = 16, className: t = "", ...n }) {
+	return /* @__PURE__ */ (0, d.jsx)("svg", {
+		xmlns: "http://w3.org",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `shrink-0 select-none ${t}`.trim(),
+		...n,
+		children: /* @__PURE__ */ (0, d.jsx)("path", { d: "M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" })
+	});
+}
+//#endregion
+//#region src/components/icons/SearchIcon.tsx
+function S({ size: e = 16, className: t = "", ...n }) {
+	return /* @__PURE__ */ (0, d.jsxs)("svg", {
+		xmlns: "http://w3.org",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `shrink-0 select-none ${t}`.trim(),
+		...n,
+		children: [/* @__PURE__ */ (0, d.jsx)("circle", {
+			cx: "11",
+			cy: "11",
+			r: "8"
+		}), /* @__PURE__ */ (0, d.jsx)("line", {
+			x1: "21",
+			y1: "21",
+			x2: "16.65",
+			y2: "16.65"
+		})]
+	});
+}
+//#endregion
+//#region src/components/icons/RefreshIcon.tsx
+function C({ size: e = 16, className: t = "", ...n }) {
+	return /* @__PURE__ */ (0, d.jsx)("svg", {
+		xmlns: "http://w3.org",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `shrink-0 select-none ${t}`.trim(),
+		...n,
+		children: /* @__PURE__ */ (0, d.jsx)("path", { d: "M21.5 2v6h-6M21.34 15.57a10 10 0 1 1-.57-8.38l5.67-5.67" })
+	});
+}
+//#endregion
+//#region src/components/icons/TrashIcon.tsx
+function w({ size: e = 16, className: t = "", ...n }) {
+	return /* @__PURE__ */ (0, d.jsxs)("svg", {
+		xmlns: "http://w3.org",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `shrink-0 select-none ${t}`.trim(),
+		...n,
+		children: [
+			/* @__PURE__ */ (0, d.jsx)("polyline", { points: "3 6 5 6 21 6" }),
+			/* @__PURE__ */ (0, d.jsx)("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }),
+			/* @__PURE__ */ (0, d.jsx)("line", {
+				x1: "10",
+				y1: "11",
+				x2: "10",
+				y2: "17"
+			}),
+			/* @__PURE__ */ (0, d.jsx)("line", {
+				x1: "14",
+				y1: "11",
+				x2: "14",
+				y2: "17"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/icons/ChevronDownIcon.tsx
+function T({ size: e = 16, className: t = "", ...n }) {
+	return /* @__PURE__ */ (0, d.jsx)("svg", {
+		xmlns: "http://w3.org",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `shrink-0 select-none ${t}`.trim(),
+		...n,
+		children: /* @__PURE__ */ (0, d.jsx)("polyline", { points: "6 9 12 15 18 9" })
+	});
+}
+//#endregion
+//#region src/components/icons/AddIcon.tsx
+function E({ size: e = 16, className: t = "", ...n }) {
+	return /* @__PURE__ */ (0, d.jsxs)("svg", {
+		xmlns: "http://w3.org",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `shrink-0 select-none ${t}`.trim(),
+		...n,
+		children: [/* @__PURE__ */ (0, d.jsx)("line", {
+			x1: "12",
+			y1: "5",
+			x2: "12",
+			y2: "19"
+		}), /* @__PURE__ */ (0, d.jsx)("line", {
+			x1: "5",
+			y1: "12",
+			x2: "19",
+			y2: "12"
+		})]
+	});
+}
+//#endregion
+//#region src/components/icons/MinusIcon.tsx
+function D({ size: e = 16, className: t = "", ...n }) {
+	return /* @__PURE__ */ (0, d.jsx)("svg", {
+		xmlns: "http://w3.org",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `shrink-0 select-none ${t}`.trim(),
+		...n,
+		children: /* @__PURE__ */ (0, d.jsx)("line", {
+			x1: "5",
+			y1: "12",
+			x2: "19",
+			y2: "12"
+		})
+	});
+}
+//#endregion
+//#region src/components/icons/ExpandIcon.tsx
+function O({ size: e = 16, className: t = "", ...n }) {
+	return /* @__PURE__ */ (0, d.jsxs)("svg", {
+		xmlns: "http://w3.org",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `shrink-0 select-none ${t}`.trim(),
+		...n,
+		children: [
+			/* @__PURE__ */ (0, d.jsx)("polyline", { points: "15 3 21 3 21 9" }),
+			/* @__PURE__ */ (0, d.jsx)("polyline", { points: "9 21 3 21 3 15" }),
+			/* @__PURE__ */ (0, d.jsx)("line", {
+				x1: "21",
+				y1: "3",
+				x2: "14",
+				y2: "10"
+			}),
+			/* @__PURE__ */ (0, d.jsx)("line", {
+				x1: "3",
+				y1: "21",
+				x2: "10",
+				y2: "14"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/icons/MinimizeIcon.tsx
+function k({ size: e = 16, className: t = "", ...n }) {
+	return /* @__PURE__ */ (0, d.jsxs)("svg", {
+		xmlns: "http://w3.org",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `shrink-0 select-none ${t}`.trim(),
+		...n,
+		children: [
+			/* @__PURE__ */ (0, d.jsx)("polyline", { points: "4 14 10 14 10 20" }),
+			/* @__PURE__ */ (0, d.jsx)("polyline", { points: "20 10 14 10 14 4" }),
+			/* @__PURE__ */ (0, d.jsx)("line", {
+				x1: "14",
+				y1: "10",
+				x2: "21",
+				y2: "3"
+			}),
+			/* @__PURE__ */ (0, d.jsx)("line", {
+				x1: "10",
+				y1: "14",
+				x2: "3",
+				y2: "21"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/icons/BlankDocIcon.tsx
+function A({ size: e = 16, className: t = "", ...n }) {
+	return /* @__PURE__ */ (0, d.jsxs)("svg", {
+		xmlns: "http://w3.org",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `shrink-0 select-none ${t}`.trim(),
+		...n,
+		children: [/* @__PURE__ */ (0, d.jsx)("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }), /* @__PURE__ */ (0, d.jsx)("polyline", { points: "14 2 14 8 20 8" })]
+	});
+}
+//#endregion
+//#region src/components/icons/PlusDocIcon.tsx
+function j({ size: e = 16, className: t = "", ...n }) {
+	return /* @__PURE__ */ (0, d.jsxs)("svg", {
+		xmlns: "http://w3.org",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `shrink-0 select-none ${t}`.trim(),
+		...n,
+		children: [
+			/* @__PURE__ */ (0, d.jsx)("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+			/* @__PURE__ */ (0, d.jsx)("polyline", { points: "14 2 14 8 20 8" }),
+			/* @__PURE__ */ (0, d.jsx)("line", {
+				x1: "12",
+				y1: "11",
+				x2: "12",
+				y2: "17"
+			}),
+			/* @__PURE__ */ (0, d.jsx)("line", {
+				x1: "9",
+				y1: "14",
+				x2: "15",
+				y2: "14"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/icons/ChatIcon.tsx
+function M({ size: e = 16, className: t = "", ...n }) {
+	return /* @__PURE__ */ (0, d.jsx)("svg", {
+		xmlns: "http://w3.org",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `shrink-0 select-none ${t}`.trim(),
+		...n,
+		children: /* @__PURE__ */ (0, d.jsx)("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" })
+	});
+}
+//#endregion
+//#region src/components/icons/PlusChatIcon.tsx
+function N({ size: e = 16, className: t = "", ...n }) {
+	return /* @__PURE__ */ (0, d.jsxs)("svg", {
+		xmlns: "http://w3.org",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `shrink-0 select-none ${t}`.trim(),
+		...n,
+		children: [
+			/* @__PURE__ */ (0, d.jsx)("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }),
+			/* @__PURE__ */ (0, d.jsx)("line", {
+				x1: "12",
+				y1: "7",
+				x2: "12",
+				y2: "13"
+			}),
+			/* @__PURE__ */ (0, d.jsx)("line", {
+				x1: "9",
+				y1: "10",
+				x2: "15",
+				y2: "10"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/icons/DeleteChatIcon.tsx
+function P({ size: e = 16, className: t = "", ...n }) {
+	return /* @__PURE__ */ (0, d.jsxs)("svg", {
+		xmlns: "http://w3.org",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `shrink-0 select-none ${t}`.trim(),
+		...n,
+		children: [/* @__PURE__ */ (0, d.jsx)("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }), /* @__PURE__ */ (0, d.jsx)("line", {
+			x1: "9",
+			y1: "10",
+			x2: "15",
+			y2: "10"
+		})]
+	});
+}
+//#endregion
+//#region src/components/icons/CommentIcon.tsx
+function F({ size: e = 16, className: t = "", ...n }) {
+	return /* @__PURE__ */ (0, d.jsx)("svg", {
+		xmlns: "http://w3.org",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `shrink-0 select-none ${t}`.trim(),
+		...n,
+		children: /* @__PURE__ */ (0, d.jsx)("path", { d: "M3 21l1.9-5.7a8.5 8.5 0 1 1 3.8 3.8z" })
+	});
+}
+//#endregion
+//#region src/components/icons/PlusCommentIcon.tsx
+function I({ size: e = 16, className: t = "", ...n }) {
+	return /* @__PURE__ */ (0, d.jsxs)("svg", {
+		xmlns: "http://w3.org",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `shrink-0 select-none ${t}`.trim(),
+		...n,
+		children: [
+			/* @__PURE__ */ (0, d.jsx)("path", { d: "M3 21l1.9-5.7a8.5 8.5 0 1 1 3.8 3.8z" }),
+			/* @__PURE__ */ (0, d.jsx)("line", {
+				x1: "12",
+				y1: "8",
+				x2: "12",
+				y2: "14"
+			}),
+			/* @__PURE__ */ (0, d.jsx)("line", {
+				x1: "9",
+				y1: "11",
+				x2: "15",
+				y2: "11"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/icons/OpenFolderIcon.tsx
+function L({ size: e = 16, className: t = "", ...n }) {
+	return /* @__PURE__ */ (0, d.jsxs)("svg", {
+		xmlns: "http://w3.org",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `shrink-0 select-none ${t}`.trim(),
+		...n,
+		children: [/* @__PURE__ */ (0, d.jsx)("path", { d: "M4 20h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-6.17a2 2 0 0 1-1.42-.59l-1.64-1.64A2 2 0 0 0 5.34 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2z" }), /* @__PURE__ */ (0, d.jsx)("path", {
+			d: "M2 11h15.26a2 2 0 0 1 1.9 1.37l2.48 7.44A1 1 0 0 1 20.7 21H5.34a2 2 0 0 1-1.9-1.37L2 11z",
+			fill: "currentColor",
+			fillOpacity: "0.05"
+		})]
+	});
+}
+//#endregion
+//#region src/components/icons/MoreIcon.tsx
+function R({ size: e = 16, className: t = "", ...n }) {
+	return /* @__PURE__ */ (0, d.jsxs)("svg", {
+		xmlns: "http://w3.org",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.5",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `shrink-0 select-none ${t}`.trim(),
+		...n,
+		children: [
+			/* @__PURE__ */ (0, d.jsx)("circle", {
+				cx: "12",
+				cy: "12",
+				r: "1"
+			}),
+			/* @__PURE__ */ (0, d.jsx)("circle", {
+				cx: "19",
+				cy: "12",
+				r: "1"
+			}),
+			/* @__PURE__ */ (0, d.jsx)("circle", {
+				cx: "5",
+				cy: "12",
+				r: "1"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/icons/TruckIcon.tsx
+function z({ size: e = 16, className: t = "", ...n }) {
+	return /* @__PURE__ */ (0, d.jsxs)("svg", {
+		xmlns: "http://w3.org",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `shrink-0 select-none ${t}`.trim(),
+		...n,
+		children: [
+			/* @__PURE__ */ (0, d.jsx)("rect", {
+				x: "1",
+				y: "3",
+				width: "15",
+				height: "13"
+			}),
+			/* @__PURE__ */ (0, d.jsx)("polygon", { points: "16 8 20 8 23 11 23 16 16 16 16 8" }),
+			/* @__PURE__ */ (0, d.jsx)("circle", {
+				cx: "5.5",
+				cy: "18.5",
+				r: "2.5"
+			}),
+			/* @__PURE__ */ (0, d.jsx)("circle", {
+				cx: "18.5",
+				cy: "18.5",
+				r: "2.5"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/icons/PersonIcon.tsx
+function B({ size: e = 16, className: t = "", ...n }) {
+	return /* @__PURE__ */ (0, d.jsxs)("svg", {
+		xmlns: "http://w3.org",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `shrink-0 select-none ${t}`.trim(),
+		...n,
+		children: [/* @__PURE__ */ (0, d.jsx)("path", { d: "M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" }), /* @__PURE__ */ (0, d.jsx)("circle", {
+			cx: "12",
+			cy: "7",
+			r: "4"
+		})]
+	});
+}
+//#endregion
+//#region src/components/icons/PlusPersonIcon.tsx
+function V({ size: e = 16, className: t = "", ...n }) {
+	return /* @__PURE__ */ (0, d.jsxs)("svg", {
+		xmlns: "http://w3.org",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `shrink-0 select-none ${t}`.trim(),
+		...n,
+		children: [
+			/* @__PURE__ */ (0, d.jsx)("path", { d: "M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" }),
+			/* @__PURE__ */ (0, d.jsx)("circle", {
+				cx: "8.5",
+				cy: "7",
+				r: "4"
+			}),
+			/* @__PURE__ */ (0, d.jsx)("line", {
+				x1: "20",
+				y1: "8",
+				x2: "20",
+				y2: "14"
+			}),
+			/* @__PURE__ */ (0, d.jsx)("line", {
+				x1: "17",
+				y1: "11",
+				x2: "23",
+				y2: "11"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/icons/GroupIcon.tsx
+function H({ size: e = 16, className: t = "", ...n }) {
+	return /* @__PURE__ */ (0, d.jsxs)("svg", {
+		xmlns: "http://w3.org",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `shrink-0 select-none ${t}`.trim(),
+		...n,
+		children: [
+			/* @__PURE__ */ (0, d.jsx)("path", { d: "M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" }),
+			/* @__PURE__ */ (0, d.jsx)("circle", {
+				cx: "9",
+				cy: "7",
+				r: "4"
+			}),
+			/* @__PURE__ */ (0, d.jsx)("path", { d: "M23 21v-2a4 4 0 0 0-3-3.87" }),
+			/* @__PURE__ */ (0, d.jsx)("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
+		]
+	});
+}
+//#endregion
+//#region src/components/icons/PlusDocBadgeIcon.tsx
+function U({ size: e = 16, className: t = "", circleBg: n = "var(--color-vsc-hover)", circleStroke: r = "var(--color-vsc-border)", plusStroke: i = "var(--color-vsc-muted)", ...a }) {
+	return /* @__PURE__ */ (0, d.jsxs)("svg", {
+		xmlns: "http://w3.org",
+		width: e,
+		height: e,
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2.2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		className: `shrink-0 select-none group ${t}`.trim(),
+		...a,
+		children: [
+			/* @__PURE__ */ (0, d.jsx)("path", { d: "M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" }),
+			/* @__PURE__ */ (0, d.jsx)("polyline", { points: "14 2 14 8 20 8" }),
+			/* @__PURE__ */ (0, d.jsx)("circle", {
+				cx: "18",
+				cy: "18",
+				r: "6",
+				fill: n,
+				stroke: r,
+				strokeWidth: "1.5",
+				className: "transition-colors duration-150 group-hover:stroke-vsc-accent/40"
+			}),
+			/* @__PURE__ */ (0, d.jsx)("line", {
+				x1: "18",
+				y1: "15",
+				x2: "18",
+				y2: "21",
+				stroke: i,
+				strokeWidth: "1.8",
+				className: "transition-colors duration-150 group-hover:stroke-vsc-accent"
+			}),
+			/* @__PURE__ */ (0, d.jsx)("line", {
+				x1: "15",
+				y1: "18",
+				x2: "21",
+				y2: "18",
+				stroke: i,
+				strokeWidth: "1.8",
+				className: "transition-colors duration-150 group-hover:stroke-vsc-accent"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/search/SearchInput.tsx
+function W({ variant: e = "simple", value: t, onChange: n, onClear: r, placeholder: i = "Search manifests or tracking codes...", resultsCount: a = 0, menuResults: o = [], onResultClick: s, onViewMoreClick: f, className: p = "", showFloatPeek: h = !1, resultIndicatorPanel: g }) {
+	let [_, y] = u(!1), [b, x] = u(!1), C = l(null), w = l(null);
+	c(() => {
+		let n = (n) => {
+			C.current && !C.current.contains(n.target) && (x(!1), e === "float" && t === "" && y(!1));
+		};
+		return window.addEventListener("mousedown", n), () => window.removeEventListener("mousedown", n);
+	}, [e, t]);
+	let T = (e) => {
+		e.stopPropagation(), n(""), r && r(), w.current && w.current.focus();
+	}, E = () => {
+		y(!0), setTimeout(() => w.current?.focus(), 50);
+	}, D = "relative flex flex-col font-sans text-xs select-none";
+	if (e === "simple") {
+		let e = a > 0 && t.length > 0;
+		return /* @__PURE__ */ (0, d.jsxs)("div", {
+			className: `relative ${D} ${p}`.trim(),
+			children: [/* @__PURE__ */ (0, d.jsxs)("div", {
+				className: "relative flex items-center bg-vsc-bg-input border border-vsc-border rounded-sm h-8 group hover:border-vsc-accent transition-colors z-20",
+				children: [
+					/* @__PURE__ */ (0, d.jsx)(S, {
+						size: 14,
+						className: "absolute left-2.5 text-vsc-muted group-hover:text-vsc-text"
+					}),
+					/* @__PURE__ */ (0, d.jsx)("input", {
+						ref: w,
+						type: "text",
+						value: t,
+						onChange: (e) => n(e.target.value),
+						placeholder: i,
+						className: "w-full h-full pl-8 pr-10 bg-transparent text-vsc-text border-none outline-none focus:outline-none placeholder-vsc-muted"
+					}),
+					t && /* @__PURE__ */ (0, d.jsx)("div", {
+						className: "absolute right-1 top-1/2 -translate-y-1/2 flex items-center",
+						children: /* @__PURE__ */ (0, d.jsx)(m, {
+							icon: v,
+							color: "ghost",
+							iconOnly: !0,
+							onClick: T,
+							size: "xs"
+						})
+					})
+				]
+			}), /* @__PURE__ */ (0, d.jsx)("div", {
+				className: `absolute left-0 right-0 top-8 z-10 overflow-hidden transition-all duration-200 cubic-bezier(0.34, 1.56, 0.64, 1) ${e ? "" : "pointer-events-none"}`,
+				style: {
+					height: e ? "auto" : "0px",
+					opacity: +!!e,
+					transform: e ? "translateY(0px)" : "translateY(-4px)"
+				},
+				children: /* @__PURE__ */ (0, d.jsx)("div", {
+					className: "bg-vsc-sidebar shadow-sm p-1.5 pt-1 ",
+					children: g || /* @__PURE__ */ (0, d.jsxs)("p", {
+						className: "text-[10px] font-mono text-vsc-muted pl-1 truncate",
+						children: [
+							"Showing ",
+							/* @__PURE__ */ (0, d.jsx)("span", {
+								className: "text-vsc-accent font-bold",
+								children: a
+							}),
+							" matching database metrics records"
+						]
+					})
+				})
+			})]
+		});
+	}
+	if (e === "float") {
+		let e = h && a > 0 && t.length > 0;
+		return /* @__PURE__ */ (0, d.jsxs)("div", {
+			ref: C,
+			className: `${D} ${p}`.trim(),
+			children: [/* @__PURE__ */ (0, d.jsx)("div", {
+				className: `flex items-center bg-vsc-bg-input border rounded-sm h-8 transition-all duration-300 ease-in-out overflow-hidden ${_ || t ? "w-64 border-vsc-accent px-2" : "w-8 border-transparent bg-transparent justify-center"}`,
+				children: _ || t ? /* @__PURE__ */ (0, d.jsxs)("div", {
+					className: "relative flex items-center w-full h-full",
+					children: [
+						/* @__PURE__ */ (0, d.jsx)(S, {
+							size: 14,
+							className: "text-vsc-text shrink-0"
+						}),
+						/* @__PURE__ */ (0, d.jsx)("input", {
+							ref: w,
+							type: "text",
+							value: t,
+							onChange: (e) => n(e.target.value),
+							placeholder: i,
+							className: "w-full h-full pl-2 pr-6 bg-transparent text-vsc-text border-none outline-none focus:outline-none placeholder-vsc-muted"
+						}),
+						t && /* @__PURE__ */ (0, d.jsx)("div", {
+							className: "absolute right-0 top-1/2 -translate-y-1/2 flex items-center",
+							children: /* @__PURE__ */ (0, d.jsx)(m, {
+								iconOnly: !0,
+								color: "ghost",
+								icon: v,
+								onClick: T,
+								size: "xs"
+							})
+						})
+					]
+				}) : /* @__PURE__ */ (0, d.jsx)(m, {
+					iconOnly: !0,
+					size: "sm",
+					icon: S,
+					onClick: E,
+					color: "ghost",
+					className: "text-vsc-muted hover:text-vsc-text transition-colors",
+					title: "Open Expandable Search"
+				})
+			}), /* @__PURE__ */ (0, d.jsx)("div", {
+				className: "overflow-hidden transition-all duration-200 ease-out w-64 absolute top-8",
+				style: {
+					height: e ? "20px" : "0px",
+					opacity: +!!e
+				},
+				children: /* @__PURE__ */ (0, d.jsxs)("p", {
+					className: "text-[9px] font-mono text-vsc-accent pt-1 pl-1 truncate bg-vsc-sidebar border border-t-0 border-vsc-border p-1 rounded-b shadow-sm",
+					children: [
+						"Quick Peek: Found ",
+						a,
+						" rows"
+					]
+				})
+			})]
+		});
+	}
+	return /* @__PURE__ */ (0, d.jsxs)("div", {
+		ref: C,
+		className: `${D} ${p}`.trim(),
+		children: [/* @__PURE__ */ (0, d.jsxs)("div", {
+			className: "relative flex items-center bg-vsc-bg-input border border-vsc-border rounded-sm h-8 focus-within:border-vsc-accent",
+			children: [
+				/* @__PURE__ */ (0, d.jsx)(S, {
+					size: 14,
+					className: "absolute left-2.5 text-vsc-muted"
+				}),
+				/* @__PURE__ */ (0, d.jsx)("input", {
+					ref: w,
+					type: "text",
+					value: t,
+					onChange: (e) => {
+						n(e.target.value), x(!0);
+					},
+					onFocus: () => x(!0),
+					placeholder: i,
+					className: "w-full h-full pl-8 pr-10 bg-transparent text-vsc-text border-none outline-none focus:outline-none placeholder-vsc-muted"
+				}),
+				t && /* @__PURE__ */ (0, d.jsx)("div", {
+					className: "absolute right-1 top-1/2 -translate-y-1/2 flex items-center",
+					children: /* @__PURE__ */ (0, d.jsx)(m, {
+						iconOnly: !0,
+						icon: v,
+						color: "ghost",
+						onClick: T,
+						size: "xs"
+					})
+				})
+			]
+		}), b && t && /* @__PURE__ */ (0, d.jsxs)("div", {
+			className: "absolute top-9 left-0 w-full bg-vsc-sidebar border border-vsc-border rounded shadow-xl z-50 p-1 flex flex-col max-h-64 animate-in fade-in slide-in-from-top-1 duration-150",
+			children: [/* @__PURE__ */ (0, d.jsx)("div", {
+				className: "overflow-y-auto flex-1",
+				children: o.length === 0 ? /* @__PURE__ */ (0, d.jsx)("div", {
+					className: "p-4 text-center text-[11px] text-vsc-muted italic",
+					children: "No indexed record entities match your text query constraints."
+				}) : o.map((e) => /* @__PURE__ */ (0, d.jsxs)("div", {
+					onClick: () => {
+						s && s(e), x(!1);
+					},
+					className: "w-full p-2 hover:bg-vsc-hover text-left rounded-sm cursor-pointer flex flex-col space-y-0.5 transition-colors",
+					children: [/* @__PURE__ */ (0, d.jsxs)("div", {
+						className: "font-semibold text-vsc-text flex justify-between items-center",
+						children: [/* @__PURE__ */ (0, d.jsx)("span", {
+							className: "truncate",
+							children: e.title
+						}), e.category && /* @__PURE__ */ (0, d.jsx)("span", {
+							className: "text-[9px] font-mono font-bold bg-vsc-accent/10 border border-vsc-accent/20 text-vsc-accent px-1 rounded-sm uppercase tracking-wide",
+							children: e.category
+						})]
+					}), e.subtitle && /* @__PURE__ */ (0, d.jsx)("div", {
+						className: "text-[10px] text-vsc-muted truncate",
+						children: e.subtitle
+					})]
+				}, e.id))
+			}), o.length > 0 && f && /* @__PURE__ */ (0, d.jsx)("button", {
+				onClick: () => {
+					f(), x(!1);
+				},
+				className: "w-full border-t border-vsc-border bg-vsc-bg hover:bg-vsc-hover/60 p-2 text-center text-[10px] font-bold text-vsc-accent tracking-wide uppercase transition-colors rounded-b-sm border-none cursor-pointer",
+				children: "View All Matching Search Metrics Records →"
+			})]
+		})]
+	});
+}
+//#endregion
+export { E as Add, A as BlankDoc, m as Button, h as ButtonGroup, M as Chat, T as ChevronDown, v as Close, F as Comment, P as DeleteChat, b as Document, O as Expand, x as Folder, H as Group, k as Minimize, D as Minus, R as More, L as OpenFolder, B as Person, N as PlusChat, I as PlusComment, j as PlusDoc, U as PlusDocBadge, V as PlusPerson, C as Refresh, t as ResizablePanel, S as Search, W as SearchInput, _ as SplitActionButton, a as TabButton, r as TabPanel, i as TabPanelList, y as Terminal, w as Trash, z as Truck, n as useTab };