@exegia/corpora-ui 0.27.0 → 0.28.0

package/dist-lib/components/composed/tree/constants.d.ts

@@ -9,10 +9,6 @@ export declare const TREE_CLOSE_DURATION = 0.15;
 export declare const TREE_MICRO_DURATION = 0.15;
 /** Sidebar rail label reveal/hide when `collapsed` flips. */
 export declare const TREE_COLLAPSE_DURATION = 0.2;
-/** The collapsed rail's width in px — one `h-10 rounded-xl` icon row, edge
- * to edge. Kept in sync with the `w-10` resting class the rail falls back to
- * before its expanded width has been measured. */
-export declare const RAIL_COLLAPSED_WIDTH = 40;
 /** Rail label text fade — starts as the width growth is finishing, so the
  * label never reads as clipped mid-grow. */
 export declare const TREE_LABEL_REVEAL_DELAY = 0.01;

package/dist-lib/index.js

@@ -9224,7 +9224,8 @@ function la({ node: e, depth: t }) {
 	}, ae = /* @__PURE__ */ a(r, { children: [
 		w !== "section" && k && te,
 		w !== "section" && e.icon && /* @__PURE__ */ i("span", {
-			className: q("flex size-4 shrink-0 items-center justify-center [&>svg]:size-4", h && "text-accent-foreground"),
+			className: q("flex size-4 shrink-0 items-center justify-center transition-[width,height,color] duration-150 [&>svg]:size-4", l === "sidebar" && d && "size-5 text-foreground [&>svg]:size-5", h && "text-accent-foreground"),
+			"data-slot": "tree-row-icon",
 			children: e.icon
 		}),
 		M,
@@ -9566,22 +9567,8 @@ function va(e) {
 	});
 }
 function ya({ tree: e, ariaLabel: t, className: n, renderTrailing: r }) {
-	let { variant: a, items: o, sectioned: s, collapsed: c } = e, l = P.useRef(null), u = U(), d = P.useRef(null), [f, p] = P.useState(null);
-	P.useLayoutEffect(() => {
-		let e = d.current, t = l.current;
-		if (a !== "sidebar" || c || !e || !t) return;
-		let n = () => {
-			let n = t.style.width;
-			t.style.width = "";
-			let r = e.clientWidth;
-			t.style.width = n, p(r);
-		};
-		n();
-		let r = new ResizeObserver(n);
-		return r.observe(e), () => r.disconnect();
-	}, [a, c]);
-	let m = a === "sidebar" && f !== null ? { width: c ? 40 : f } : void 0;
-	function h(t) {
+	let { variant: a, items: o, sectioned: s, collapsed: c } = e, l = P.useRef(null);
+	function u(t) {
 		let n = t.target.closest("[data-slot=\"tree-row\"]"), r = l.current;
 		if (!n || !r) return;
 		let i = Array.from(r.querySelectorAll("[data-slot=\"tree-row\"]")), a = i.indexOf(n);
@@ -9613,27 +9600,21 @@ function ya({ tree: e, ariaLabel: t, className: n, renderTrailing: r }) {
 				break;
 		}
 	}
-	let g = pa(e.treeId), _ = P.useMemo(() => ({
+	let d = pa(e.treeId), f = P.useMemo(() => ({
 		treeId: e.treeId,
 		renderTrailing: r,
-		dnd: g
+		dnd: d
 	}), [
 		e.treeId,
 		r,
-		g
-	]), v = t ?? ga[a], y = /* @__PURE__ */ i(H.ul, {
-		"aria-label": v,
-		className: q("flex h-full min-w-0 flex-col", c ? "w-10 gap-y-2!" : "w-full", a === "files" ? "gap-px" : s ? "gap-3" : "gap-0.5"),
-		initial: !1,
-		animate: m,
-		transition: u ? { duration: 0 } : {
-			duration: zr,
-			ease: Fr
-		},
+		d
+	]), p = t ?? ga[a], m = /* @__PURE__ */ i("ul", {
+		"aria-label": p,
+		className: q("flex h-full w-full min-w-0 flex-col", c && "gap-y-2!", a === "files" ? "gap-px" : s ? "gap-3" : "gap-0.5"),
 		"data-collapsed": c ? "" : void 0,
 		"data-slot": "tree",
 		"data-variant": a,
-		onKeyDown: h,
+		onKeyDown: u,
 		ref: l,
 		role: "tree",
 		children: o.map((e) => /* @__PURE__ */ i(ua, {
@@ -9641,18 +9622,17 @@ function ya({ tree: e, ariaLabel: t, className: n, renderTrailing: r }) {
 			node: e
 		}, e.id))
 	});
-	return a === "sidebar" && (y = /* @__PURE__ */ i(kr, { children: y })), /* @__PURE__ */ i(Nr.Provider, {
-		value: _,
+	return a === "sidebar" && (m = /* @__PURE__ */ i(kr, { children: m })), /* @__PURE__ */ i(Nr.Provider, {
+		value: f,
 		children: a === "files" ? /* @__PURE__ */ i("div", {
 			className: q("min-w-0", n),
 			"data-slot": "tree-root",
-			children: y
+			children: m
 		}) : /* @__PURE__ */ i("nav", {
-			"aria-label": v,
-			className: q("flex h-full min-w-0 justify-center", n),
+			"aria-label": p,
+			className: q("flex h-full w-full min-w-0", n),
 			"data-slot": "tree-root",
-			ref: d,
-			children: y
+			children: m
 		})
 	});
 }
@@ -14032,7 +14012,7 @@ function Rd({ user: e, items: t = Id, align: n = "center", side: r = "bottom", s
 			disabled: w,
 			render: /* @__PURE__ */ a(J, {
 				"aria-label": `${k}, account menu`,
-				className: q("h-auto w-full justify-between py-1.5 pl-1.5 data-popup-open:bg-accent sm:h-auto", C && "-mx-1 size-10 shrink-0 justify-center rounded-xl p-0 sm:size-10", b),
+				className: q("h-auto w-full justify-between py-1.5 pl-1.5 data-popup-open:bg-accent sm:h-auto", C && "h-10 w-full shrink-0 justify-center rounded-xl p-0 sm:h-10", b),
 				"data-collapsed": C ? "" : void 0,
 				"data-slot": "profile-card",
 				"data-variant": C ? "collapsed" : "expanded",