haze-ui 1.5.6 → 1.6.1

package/dist/components/ToolCallCard/ToolCallCard.js

@@ -0,0 +1,57 @@
+/* empty css                       */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/lib/components/ToolCallCard/ToolCallCard.tsx
+var r = "haze-ToolCallCard__card", i = "haze-ToolCallCard__header", a = "haze-ToolCallCard__statusIcon", o = "haze-ToolCallCard__statusPending", s = "haze-ToolCallCard__statusRunning", c = "haze-ToolCallCard__statusDone", l = "haze-ToolCallCard__statusError", u = "haze-ToolCallCard__body", d = "haze-ToolCallCard__section", f = "haze-ToolCallCard__sectionLabel", p = "haze-ToolCallCard__content", m = {
+	pending: o,
+	running: s,
+	done: c,
+	error: l
+}, h = {
+	pending: "Pending",
+	running: "Running...",
+	done: "Done",
+	error: "Error"
+};
+function g({ name: o, input: s, output: c, status: l = "pending", className: g }) {
+	return /* @__PURE__ */ n("div", {
+		className: e([r, g]),
+		children: [/* @__PURE__ */ n("div", {
+			className: e([i]),
+			children: [
+				/* @__PURE__ */ t("span", { className: e([a, m[l]]) }),
+				/* @__PURE__ */ t("span", { children: o }),
+				/* @__PURE__ */ t("span", {
+					style: {
+						marginLeft: "auto",
+						color: "var(--haze-color-text-muted)"
+					},
+					children: h[l]
+				})
+			]
+		}), (s || c) && /* @__PURE__ */ n("div", {
+			className: e([u]),
+			children: [s && /* @__PURE__ */ n("div", {
+				className: e([d]),
+				children: [/* @__PURE__ */ t("div", {
+					className: e([f]),
+					children: "Input"
+				}), /* @__PURE__ */ t("div", {
+					className: e([p]),
+					children: s
+				})]
+			}), c && /* @__PURE__ */ n("div", {
+				className: e([d]),
+				children: [/* @__PURE__ */ t("div", {
+					className: e([f]),
+					children: "Output"
+				}), /* @__PURE__ */ t("div", {
+					className: e([p]),
+					children: c
+				})]
+			})]
+		})]
+	});
+}
+//#endregion
+export { g as default };

package/dist/components/Transfer/Transfer.js

@@ -0,0 +1,93 @@
+/* empty css                   */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useControl as r } from "react-use-control";
+import { useState as i } from "react";
+//#region src/lib/components/Transfer/Transfer.tsx
+var a = "haze-Transfer__container", o = "haze-Transfer__panel", s = "haze-Transfer__panelHeader", c = "haze-Transfer__panelBody", l = "haze-Transfer__itemStyle", u = "haze-Transfer__actions", d = "haze-Transfer__actionBtn";
+function f({ dataSource: f, targetKeys: p, onChange: m, className: h }) {
+	let [g, _] = r(p, []), [v, y] = i([]), [b, x] = i([]), S = f.filter((e) => !g.includes(e.key)), C = f.filter((e) => g.includes(e.key)), w = (e) => {
+		y((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	}, T = (e) => {
+		x((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+	};
+	return /* @__PURE__ */ n("div", {
+		className: e([a, h]),
+		children: [
+			/* @__PURE__ */ n("div", {
+				className: e([o]),
+				children: [/* @__PURE__ */ n("div", {
+					className: e([s]),
+					children: [
+						"Source (",
+						S.length,
+						")"
+					]
+				}), /* @__PURE__ */ t("div", {
+					className: e([c]),
+					children: S.map((r) => /* @__PURE__ */ n("label", {
+						className: e([l]),
+						children: [/* @__PURE__ */ t("input", {
+							type: "checkbox",
+							checked: v.includes(r.key),
+							disabled: r.disabled,
+							onChange: () => w(r.key),
+							"aria-label": r.title
+						}), r.title]
+					}, r.key))
+				})]
+			}),
+			/* @__PURE__ */ n("div", {
+				className: e([u]),
+				children: [/* @__PURE__ */ t("button", {
+					type: "button",
+					disabled: v.length === 0,
+					onClick: () => {
+						if (v.length === 0) return;
+						let e = [...g, ...v];
+						_(e), m?.(e, "right", v), y([]);
+					},
+					"aria-label": ">",
+					className: e([d]),
+					children: "›"
+				}), /* @__PURE__ */ t("button", {
+					type: "button",
+					disabled: b.length === 0,
+					onClick: () => {
+						if (b.length === 0) return;
+						let e = g.filter((e) => !b.includes(e));
+						_(e), m?.(e, "left", b), x([]);
+					},
+					"aria-label": "<",
+					className: e([d]),
+					children: "‹"
+				})]
+			}),
+			/* @__PURE__ */ n("div", {
+				className: e([o]),
+				children: [/* @__PURE__ */ n("div", {
+					className: e([s]),
+					children: [
+						"Target (",
+						C.length,
+						")"
+					]
+				}), /* @__PURE__ */ t("div", {
+					className: e([c]),
+					children: C.map((r) => /* @__PURE__ */ n("label", {
+						className: e([l]),
+						children: [/* @__PURE__ */ t("input", {
+							type: "checkbox",
+							checked: b.includes(r.key),
+							disabled: r.disabled,
+							onChange: () => T(r.key),
+							"aria-label": r.title
+						}), r.title]
+					}, r.key))
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { f as default };

package/dist/components/Tree/TreeItem.js

@@ -9,7 +9,7 @@ var r = "haze-TreeItem__item", i = "haze-TreeItem__blockItem", a = "haze-TreeIte
 	strokeWidth: "2",
 	strokeLinecap: "round",
 	strokeLinejoin: "round",
-	children: /* @__PURE__ */ t("path", { d: "M4 2l4 4-4 4" })
+	children: t("path", { d: "M4 2l4 4-4 4" })
 }), v = () => /* @__PURE__ */ t("svg", {
 	viewBox: "0 0 12 12",
 	fill: "none",
@@ -17,18 +17,18 @@ var r = "haze-TreeItem__item", i = "haze-TreeItem__blockItem", a = "haze-TreeIte
 	strokeWidth: "2",
 	strokeLinecap: "round",
 	strokeLinejoin: "round",
-	children: /* @__PURE__ */ t("path", { d: "M2 6l3 3 5-5" })
+	children: t("path", { d: "M2 6l3 3 5-5" })
 }), y = () => /* @__PURE__ */ t("svg", {
 	viewBox: "0 0 12 12",
 	fill: "none",
 	stroke: "currentColor",
 	strokeWidth: "2",
 	strokeLinecap: "round",
-	children: /* @__PURE__ */ t("path", { d: "M2 6h8" })
+	children: t("path", { d: "M2 6h8" })
 }), b = () => /* @__PURE__ */ t("svg", {
 	viewBox: "0 0 16 16",
 	fill: "currentColor",
-	children: /* @__PURE__ */ t("path", { d: "M1 3.5A1.5 1.5 0 0 1 2.5 2h2.764c.958 0 1.76.56 2.311 1.184C7.985 3.648 8.48 4 9 4h4.5A1.5 1.5 0 0 1 15 5.5v7a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 12.5v-9z" })
+	children: t("path", { d: "M1 3.5A1.5 1.5 0 0 1 2.5 2h2.764c.958 0 1.76.56 2.311 1.184C7.985 3.648 8.48 4 9 4h4.5A1.5 1.5 0 0 1 15 5.5v7a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 12.5v-9z" })
 }), x = () => /* @__PURE__ */ n("svg", {
 	viewBox: "0 0 16 16",
 	fill: "currentColor",
@@ -39,7 +39,7 @@ var r = "haze-TreeItem__item", i = "haze-TreeItem__blockItem", a = "haze-TreeIte
 }), S = () => /* @__PURE__ */ t("svg", {
 	viewBox: "0 0 16 16",
 	fill: "currentColor",
-	children: /* @__PURE__ */ t("path", { d: "M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.414a2 2 0 0 0-.586-1.414L10.586.172A2 2 0 0 0 9.172 0H4zm1 1a1 1 0 0 1 1-1h3.172a1 1 0 0 1 .707.293l2.121 2.121a1 1 0 0 1 .293.707V13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V1z" })
+	children: t("path", { d: "M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.414a2 2 0 0 0-.586-1.414L10.586.172A2 2 0 0 0 9.172 0H4zm1 1a1 1 0 0 1 1-1h3.172a1 1 0 0 1 .707.293l2.121 2.121a1 1 0 0 1 .293.707V13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V1z" })
 }), C = () => /* @__PURE__ */ n("svg", {
 	viewBox: "0 0 16 16",
 	fill: "currentColor",
@@ -50,7 +50,7 @@ var r = "haze-TreeItem__item", i = "haze-TreeItem__blockItem", a = "haze-TreeIte
 });
 function w({ node: w, level: T, expanded: E, selected: D, checked: O, disabled: k, checkable: A, selectable: j, blockNode: M, showLine: N, showIcon: P, switcherIcon: F, loadingIcon: I, loading: L, titleRender: R, iconRender: z, isLast: B, onToggle: V, onSelect: H, onCheck: U }) {
 	let W = !!w.children?.length, G = w.isLeaf ?? !W, K = Array.from({ length: T }, (e, t) => ({ showLine: N && !B[t] })), q = R ? R(w) : w.title, J = z ? z(w) : w.icon;
-	return /* @__PURE__ */ t("div", { children: /* @__PURE__ */ n("div", {
+	return /* @__PURE__ */ t("div", { children: n("div", {
 		role: "treeitem",
 		"aria-selected": D,
 		"aria-expanded": G ? void 0 : E,

package/dist/components/Typography/Typography.js

@@ -0,0 +1,49 @@
+/* empty css                     */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/components/Typography/Typography.tsx
+var n = "haze-Typography__titleBase", r = {
+	1: "haze-Typography__1",
+	2: "haze-Typography__2",
+	3: "haze-Typography__3",
+	4: "haze-Typography__4",
+	5: "haze-Typography__5"
+};
+function i({ level: i = 1, className: a, children: o }) {
+	return /* @__PURE__ */ t(`h${i}`, {
+		className: e([
+			n,
+			r[i],
+			a
+		]),
+		children: o
+	});
+}
+var a = "haze-Typography__textBase", o = {
+	default: "haze-Typography__default",
+	secondary: "haze-Typography__secondary",
+	muted: "haze-Typography__muted"
+}, s = "haze-Typography__textStrong", c = "haze-Typography__textCode", l = "haze-Typography__textMark";
+function u({ type: n = "default", strong: r, code: i, mark: u, className: d, children: f }) {
+	let p = "span";
+	return r ? p = "strong" : i && (p = "code"), /* @__PURE__ */ t(p, {
+		className: e([
+			a,
+			o[n],
+			r && !i && s,
+			i && c,
+			u && l,
+			d
+		]),
+		children: f
+	});
+}
+var d = "haze-Typography__paragraphBase";
+function f({ className: n, children: r }) {
+	return /* @__PURE__ */ t("p", {
+		className: e([d, n]),
+		children: r
+	});
+}
+//#endregion
+export { f as Paragraph, u as Text, i as Title };

package/dist/components/Upload/Upload.js

@@ -0,0 +1,58 @@
+/* empty css                 */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+import { useCallback as i, useRef as a } from "react";
+//#region src/lib/components/Upload/Upload.tsx
+var o = "haze-Upload__dropzone", s = "haze-Upload__iconStyle", c = "haze-Upload__hiddenInput";
+function l({ accept: l, multiple: u = !1, onChange: d, className: f, children: p }) {
+	let m = a(null), h = i(() => {
+		m.current?.click();
+	}, []), g = i((e) => {
+		let t = Array.from(e.target.files || []);
+		t.length > 0 && d?.(t), e.target.value = "";
+	}, [d]);
+	return /* @__PURE__ */ r("div", {
+		onClick: h,
+		onDrop: i((e) => {
+			e.preventDefault();
+			let t = Array.from(e.dataTransfer.files);
+			t.length > 0 && d?.(t);
+		}, [d]),
+		onDragOver: i((e) => {
+			e.preventDefault();
+		}, []),
+		role: "button",
+		tabIndex: 0,
+		className: e([o, f]),
+		children: [/* @__PURE__ */ n("input", {
+			ref: m,
+			type: "file",
+			accept: l,
+			multiple: u,
+			onChange: g,
+			className: e([c])
+		}), p || /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ r("svg", {
+			width: "40",
+			height: "40",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			className: e([s]),
+			children: [
+				/* @__PURE__ */ n("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+				/* @__PURE__ */ n("polyline", { points: "17 8 12 3 7 8" }),
+				/* @__PURE__ */ n("line", {
+					x1: "12",
+					y1: "3",
+					x2: "12",
+					y2: "15"
+				})
+			]
+		}), /* @__PURE__ */ n("div", { children: "Drag & drop files here, or click to upload" })] })]
+	});
+}
+//#endregion
+export { l as default };

package/dist/components/VirtualList/VirtualList.js

@@ -0,0 +1,36 @@
+/* empty css                      */
+import { classnames as e } from "babel-runtime-jsx-plus";
+import { jsx as t } from "react/jsx-runtime";
+import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
+//#region src/lib/components/VirtualList/VirtualList.tsx
+var o = "haze-VirtualList__container", s = "haze-VirtualList__viewport";
+function c({ items: c, height: l, itemHeight: u, renderItem: d, overscan: f = 5, className: p }) {
+	let [m, h] = a(0), g = i(null), _ = n(() => {
+		g.current && h(g.current.scrollTop);
+	}, []);
+	r(() => {
+		let e = g.current;
+		if (e) return e.addEventListener("scroll", _, { passive: !0 }), () => e.removeEventListener("scroll", _);
+	}, [_]);
+	let v = c.length * u, y = Math.max(0, Math.floor(m / u) - f), b = Math.min(c.length, Math.ceil((m + l) / u) + f), x = c.slice(y, b);
+	return /* @__PURE__ */ t("div", {
+		ref: g,
+		style: { height: l },
+		className: e([o, p]),
+		children: t("div", {
+			style: { height: v },
+			className: e([s]),
+			children: x.map((e, n) => /* @__PURE__ */ t("div", {
+				style: {
+					position: "absolute",
+					top: (y + n) * u,
+					height: u,
+					width: "100%"
+				},
+				children: d(e, y + n)
+			}, y + n))
+		})
+	});
+}
+//#endregion
+export { c as default };