@knymbus/voxel-ui 1.0.9 → 1.0.10

package/dist/chunks/search-BnD-97mv.js

@@ -0,0 +1,205 @@
+import { t as e } from "./jsx-runtime-Boo2vksn.js";
+import { t } from "./Button-BgQwvn3C.js";
+import { E as n, S as r } from "./icons-BpfDVwCQ.js";
+import { useEffect as i, useRef as a, useState as o } from "react";
+//#region src/components/search/SearchInput.tsx
+var s = e();
+function c({ variant: e = "simple", value: c, onChange: l, onClear: u, placeholder: d = "Search manifests or tracking codes...", resultsCount: f = 0, menuResults: p = [], onResultClick: m, onViewMoreClick: h, className: g = "", showFloatPeek: _ = !1, resultIndicatorPanel: v }) {
+	let [y, b] = o(!1), [x, S] = o(!1), C = a(null), w = a(null);
+	i(() => {
+		let t = (t) => {
+			C.current && !C.current.contains(t.target) && (S(!1), e === "float" && c === "" && b(!1));
+		};
+		return window.addEventListener("mousedown", t), () => window.removeEventListener("mousedown", t);
+	}, [e, c]);
+	let T = (e) => {
+		e.stopPropagation(), l(""), u && u(), w.current && w.current.focus();
+	}, E = () => {
+		b(!0), setTimeout(() => w.current?.focus(), 50);
+	}, D = "relative flex flex-col font-sans text-xs select-none";
+	if (e === "simple") {
+		let e = c.length > 0;
+		return /* @__PURE__ */ (0, s.jsxs)("div", {
+			className: `${D} ${g}`.trim(),
+			children: [/* @__PURE__ */ (0, s.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, s.jsx)(r, {
+						size: 14,
+						className: "absolute left-2.5 text-vsc-muted group-hover:text-vsc-text"
+					}),
+					/* @__PURE__ */ (0, s.jsx)("input", {
+						ref: w,
+						type: "text",
+						value: c,
+						onChange: (e) => l(e.target.value),
+						placeholder: d,
+						className: "w-full h-full pl-8 pr-10 bg-transparent text-vsc-text border-none outline-none focus:outline-none placeholder-vsc-muted"
+					}),
+					c && /* @__PURE__ */ (0, s.jsx)("div", {
+						className: "absolute right-1 top-1/2 -translate-y-1/2 flex items-center",
+						children: /* @__PURE__ */ (0, s.jsx)(t, {
+							icon: n,
+							color: "ghost",
+							iconOnly: !0,
+							onClick: T,
+							size: "xs"
+						})
+					})
+				]
+			}), /* @__PURE__ */ (0, s.jsx)("div", {
+				className: `absolute left-0 right-0 top-8 z-50 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, s.jsx)("div", {
+					className: "bg-vsc-sidebar shadow-sm p-1.5 pt-1 ",
+					children: f === 0 ? /* @__PURE__ */ (0, s.jsx)("div", {
+						className: "pl-1 text-start text-[11px] text-vsc-muted italic",
+						children: "No record match your search query constraints."
+					}) : v || /* @__PURE__ */ (0, s.jsxs)("p", {
+						className: "text-[10px] font-mono text-vsc-muted pl-1 truncate",
+						children: [
+							"Showing ",
+							/* @__PURE__ */ (0, s.jsx)("span", {
+								className: "text-vsc-accent font-bold",
+								children: f
+							}),
+							" matching database metrics records"
+						]
+					})
+				})
+			})]
+		});
+	}
+	if (e === "float") {
+		let e = _ && f > 0 && c.length > 0;
+		return /* @__PURE__ */ (0, s.jsxs)("div", {
+			ref: C,
+			className: `${D} ${g}`.trim(),
+			children: [/* @__PURE__ */ (0, s.jsx)("div", {
+				className: `flex items-center bg-vsc-bg-input border rounded-sm h-8 transition-all duration-300 ease-in-out overflow-hidden ${y || c ? "w-64 border-vsc-accent px-2" : "w-8 border-transparent bg-transparent justify-center"}`,
+				children: y || c ? /* @__PURE__ */ (0, s.jsxs)("div", {
+					className: "relative flex items-center w-full h-full",
+					children: [
+						/* @__PURE__ */ (0, s.jsx)(r, {
+							size: 14,
+							className: "text-vsc-text shrink-0"
+						}),
+						/* @__PURE__ */ (0, s.jsx)("input", {
+							ref: w,
+							type: "text",
+							value: c,
+							onChange: (e) => l(e.target.value),
+							placeholder: d,
+							className: "w-full h-full pl-2 pr-6 bg-transparent text-vsc-text border-none outline-none focus:outline-none placeholder-vsc-muted"
+						}),
+						c && /* @__PURE__ */ (0, s.jsx)("div", {
+							className: "absolute right-0 top-1/2 -translate-y-1/2 flex items-center",
+							children: /* @__PURE__ */ (0, s.jsx)(t, {
+								iconOnly: !0,
+								color: "ghost",
+								icon: n,
+								onClick: T,
+								size: "xs"
+							})
+						})
+					]
+				}) : /* @__PURE__ */ (0, s.jsx)(t, {
+					iconOnly: !0,
+					size: "sm",
+					icon: r,
+					onClick: E,
+					color: "ghost",
+					className: "text-vsc-muted hover:text-vsc-text transition-colors",
+					title: "Open Expandable Search"
+				})
+			}), /* @__PURE__ */ (0, s.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, s.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 ",
+						f,
+						" rows"
+					]
+				})
+			})]
+		});
+	}
+	return /* @__PURE__ */ (0, s.jsxs)("div", {
+		ref: C,
+		className: `${D} ${g}`.trim(),
+		children: [/* @__PURE__ */ (0, s.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, s.jsx)(r, {
+					size: 14,
+					className: "absolute left-2.5 text-vsc-muted"
+				}),
+				/* @__PURE__ */ (0, s.jsx)("input", {
+					ref: w,
+					type: "text",
+					value: c,
+					onChange: (e) => {
+						l(e.target.value), S(!0);
+					},
+					onFocus: () => S(!0),
+					placeholder: d,
+					className: "w-full h-full pl-8 pr-10 bg-transparent text-vsc-text border-none outline-none focus:outline-none placeholder-vsc-muted"
+				}),
+				c && /* @__PURE__ */ (0, s.jsx)("div", {
+					className: "absolute right-1 top-1/2 -translate-y-1/2 flex items-center",
+					children: /* @__PURE__ */ (0, s.jsx)(t, {
+						iconOnly: !0,
+						icon: n,
+						color: "ghost",
+						onClick: T,
+						size: "xs"
+					})
+				})
+			]
+		}), x && c && /* @__PURE__ */ (0, s.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, s.jsx)("div", {
+				className: "overflow-y-auto flex-1",
+				children: p.length === 0 ? /* @__PURE__ */ (0, s.jsx)("div", {
+					className: "p-4 text-center text-[11px] text-vsc-muted italic",
+					children: "No indexed record entities match your text query constraints."
+				}) : p.map((e) => /* @__PURE__ */ (0, s.jsxs)("div", {
+					onClick: () => {
+						m && m(e), S(!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, s.jsxs)("div", {
+						className: "font-semibold text-vsc-text flex justify-between items-center",
+						children: [/* @__PURE__ */ (0, s.jsx)("span", {
+							className: "truncate",
+							children: e.title
+						}), e.category && /* @__PURE__ */ (0, s.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, s.jsx)("div", {
+						className: "text-[10px] text-vsc-muted truncate",
+						children: e.subtitle
+					})]
+				}, e.id))
+			}), p.length > 0 && h && /* @__PURE__ */ (0, s.jsx)("button", {
+				onClick: () => {
+					h(), S(!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 { c as t };

package/dist/components/button/index.js

@@ -0,0 +1,3 @@
+import { t as e } from "../../chunks/Button-BgQwvn3C.js";
+import { n as t, t as n } from "../../chunks/button-dHcpTNIG.js";
+export { e as Button, t as ButtonGroup, n as SplitActionButton };

package/dist/components/icons/index.js

@@ -0,0 +1,2 @@
+import { C as e, E as t, S as n, T as r, _ as i, a, b as o, c as s, d as c, f as l, g as u, h as d, i as f, l as p, m, n as h, o as g, p as _, r as v, s as y, t as b, u as x, v as S, w as C, x as w, y as T } from "../../chunks/icons-BpfDVwCQ.js";
+export { S as Add, m as BlankDoc, l as Chat, T as ChevronDown, t as Close, p as Comment, x as DeleteChat, C as Document, u as Expand, e as Folder, h as Group, d as Minimize, i as Minus, g as More, y as OpenFolder, f as Person, c as PlusChat, s as PlusComment, _ as PlusDoc, b as PlusDocBadge, v as PlusPerson, w as Refresh, n as Search, r as Terminal, o as Trash, a as Truck };

package/dist/components/search/index.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../chunks/search-BnD-97mv.js";
+export { e as SearchInput };