@mechane-ai/ui 0.2.1 → 0.3.0

package/dist/pierre-tree-BaEkz16y.js

@@ -0,0 +1,105 @@
+import { J as e, rt as t } from "./src-E7YRJBMO.js";
+import { conditions as n } from "./tokens.js";
+import { r } from "./pierre-theme-CPlfl-AA.js";
+import * as i from "@stylexjs/stylex";
+import { useEffect as a, useId as o, useRef as s, useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { FileTree as d, useFileTree as f, useFileTreeSearch as p } from "@pierre/trees/react";
+// packages/content/src/tree/pierre-tree.tsx
+var m = {
+	k1xSpc: "x78zum5",
+	kXwgrk: "xdt5ytf",
+	k7Eaqz: "xeuugli",
+	kVQacm: "xb3r6kr",
+	$$css: !0
+}, h = { root: (e) => [
+	m,
+	{
+		kZKoxP: e == null ? e : "x16ye13r",
+		$$css: !0
+	},
+	{ "--x-height": ((e) => typeof e == "number" ? e + "px" : e ?? void 0)(e) }
+] };
+function g({ paths: m, label: g, selectedPaths: _, onSelectedPathsChange: v, statuses: y, height: b = 320 }) {
+	let x = o(), S = s({
+		selectedPaths: _,
+		onSelectedPathsChange: v
+	}), C = s(!1), w = s(!1), [T] = c(() => globalThis.matchMedia(n.coarsePointer.slice(7)).matches ? 44 : 32), { model: E } = f({
+		paths: m,
+		initialSelectedPaths: _,
+		initialExpansion: 1,
+		itemHeight: T,
+		icons: {
+			set: "minimal",
+			colored: !1
+		},
+		search: !1,
+		fileTreeSearchMode: "hide-non-matches",
+		dragAndDrop: !1,
+		renaming: !1,
+		unsafeCSS: r,
+		onSelectionChange: A
+	}), D = p(E), O = D.value.length === 0 || D.matchingPaths.length > 0;
+	function k() {
+		C.current = !0;
+		let e = new Set(S.current.selectedPaths);
+		for (let t of E.getSelectedPaths()) if (!e.has(t)) {
+			let e = E.getItem(t);
+			e !== null && e.deselect();
+		}
+		for (let t of e) {
+			let e = E.getItem(t);
+			e !== null && !e.isSelected() && e.select();
+		}
+		C.current = !1;
+	}
+	function A(e) {
+		!C.current && w.current && (S.current.onSelectedPathsChange(e), queueMicrotask(() => {
+			w.current && k();
+		}));
+	}
+	return a(() => (w.current = !0, () => {
+		w.current = !1;
+	}), []), a(() => {
+		S.current = {
+			selectedPaths: _,
+			onSelectedPathsChange: v
+		}, k();
+	}, [
+		E,
+		_,
+		v
+	]), a(() => {
+		let e = E.getVisibleRows(0, E.getVisibleCount()).filter((e) => e.isExpanded).map((e) => e.path);
+		C.current = !0, E.resetPaths(m, { initialExpandedPaths: e }), k();
+	}, [E, m]), a(() => {
+		E.setGitStatus(y);
+	}, [E, y]), /* @__PURE__ */ u("div", {
+		...i.props(h.root(b)),
+		children: [/* @__PURE__ */ u("div", {
+			className: "x78zum5 xdt5ytf xzwl0l2 x4wz14 x1ri6wgn",
+			children: [/* @__PURE__ */ l(e, {
+				type: "search",
+				"aria-label": `Search ${g}`,
+				"aria-controls": O ? x : void 0,
+				placeholder: "Search files…",
+				value: D.value,
+				onValueChange: D.setValue,
+				onKeyDown: (e) => {
+					e.key === "Escape" && (e.preventDefault(), D.close());
+				}
+			}), D.value.length > 0 && /* @__PURE__ */ l(t, {
+				variant: "caption",
+				tone: "muted",
+				role: "status",
+				children: D.matchingPaths.length === 0 ? "No matching files." : `${D.matchingPaths.length} matches`
+			})]
+		}), O && /* @__PURE__ */ l(d, {
+			id: x,
+			model: E,
+			"aria-label": g,
+			className: "x1lliihq x1iyjqo2 x2lwn1j xeuugli xb3r6kr"
+		})]
+	});
+}
+export { g as PierreTree };

package/dist/plot-width--OgdohB5.js

@@ -0,0 +1,18 @@
+import { useEffect as e, useState as t } from "react";
+// packages/charts/src/plot-width.ts
+var n = 640;
+function r() {
+	let [r, i] = t(null), [a, o] = t(n);
+	return e(() => {
+		if (r === null) return;
+		let e = new ResizeObserver(([e]) => {
+			e !== void 0 && e.contentRect.width > 0 && o(e.contentRect.width);
+		});
+		return e.observe(r), () => e.disconnect();
+	}, [r]), {
+		ref: i,
+		width: a,
+		element: r
+	};
+}
+export { r as t };