@apisurf/wireui 0.1.2

package/dist/server/_ssr/scoped-CnQ56K8h.mjs

@@ -0,0 +1,42 @@
+import { __toESM } from "../_runtime.mjs";
+import { require_react } from "../_libs/@tanstack/react-router+[...].mjs";
+import { envFilter, usePrefs } from "./router-CPcgc_kh.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/scoped-CnQ56K8h.js
+var import_react = /* @__PURE__ */ __toESM(require_react());
+function useEnvScoped(unscoped, load) {
+	const { prefs, refreshKey } = usePrefs();
+	const [scoped, setScoped] = import_react.useState(null);
+	const loadRef = import_react.useRef(load);
+	loadRef.current = load;
+	import_react.useEffect(() => {
+		if (prefs.env === "*") return;
+		let cancelled = false;
+		loadRef.current(envFilter(prefs.env)).then((data) => {
+			if (!cancelled) setScoped({
+				env: prefs.env,
+				data
+			});
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, [
+		prefs.env,
+		refreshKey,
+		unscoped
+	]);
+	if (prefs.env === "*") return {
+		data: unscoped,
+		pending: false
+	};
+	if (scoped && scoped.env === prefs.env) return {
+		data: scoped.data,
+		pending: false
+	};
+	return {
+		data: unscoped,
+		pending: true
+	};
+}
+//#endregion
+export { useEnvScoped };

package/dist/server/_ssr/split-DWrMIs7K.mjs

@@ -0,0 +1,115 @@
+import { __toESM } from "../_runtime.mjs";
+import { require_jsx_runtime, require_react } from "../_libs/@tanstack/react-router+[...].mjs";
+import { css, cx } from "./router-CPcgc_kh.mjs";
+//#region node_modules/.nitro/vite/services/ssr/assets/split-DWrMIs7K.js
+var import_react = /* @__PURE__ */ __toESM(require_react());
+var import_jsx_runtime = require_jsx_runtime();
+var MIN = .15;
+var MAX = .85;
+function readRatio(key, fallback) {
+	try {
+		const value = Number(localStorage.getItem(`wireui:split:${key}`));
+		return value >= MIN && value <= MAX ? value : fallback;
+	} catch {
+		return fallback;
+	}
+}
+function Split({ direction, first, second, initial = .5, storageKey }) {
+	const container = import_react.useRef(null);
+	const [ratio, setRatio] = import_react.useState(initial);
+	const [dragging, setDragging] = import_react.useState(false);
+	const side = direction === "side";
+	import_react.useEffect(() => setRatio(readRatio(storageKey, initial)), [storageKey, initial]);
+	const onPointerDown = (event) => {
+		event.preventDefault();
+		event.target.setPointerCapture(event.pointerId);
+		setDragging(true);
+	};
+	const onPointerMove = (event) => {
+		if (!dragging || !container.current) return;
+		const box = container.current.getBoundingClientRect();
+		const raw = side ? (event.clientX - box.left) / box.width : (event.clientY - box.top) / box.height;
+		setRatio(Math.min(MAX, Math.max(MIN, raw)));
+	};
+	const onPointerUp = () => {
+		if (!dragging) return;
+		setDragging(false);
+		try {
+			localStorage.setItem(`wireui:split:${storageKey}`, String(ratio));
+		} catch {}
+	};
+	const pane = css({
+		minW: "0",
+		minH: "0",
+		overflow: "hidden",
+		display: "flex",
+		flexDir: "column"
+	});
+	return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
+		ref: container,
+		className: cx(css({
+			display: "flex",
+			flex: "1",
+			minH: "0",
+			minW: "0",
+			h: "full"
+		}), side ? css({ flexDir: "row" }) : css({ flexDir: "column" }), dragging && css({
+			userSelect: "none",
+			cursor: side ? "col-resize" : "row-resize"
+		})),
+		children: [
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: pane,
+				style: {
+					flexBasis: `${ratio * 100}%`,
+					flexGrow: 0,
+					flexShrink: 0
+				},
+				children: first
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				role: "separator",
+				"aria-orientation": side ? "vertical" : "horizontal",
+				onPointerDown,
+				onPointerMove,
+				onPointerUp,
+				onDoubleClick: () => setRatio(initial),
+				className: cx(css({
+					flexShrink: 0,
+					bg: "line",
+					position: "relative",
+					transition: "background 80ms",
+					_hover: { bg: "accent" },
+					_after: {
+						content: "\"\"",
+						position: "absolute"
+					}
+				}), side ? css({
+					w: "1px",
+					cursor: "col-resize",
+					_after: {
+						top: "0",
+						bottom: "0",
+						left: "-3px",
+						right: "-3px"
+					}
+				}) : css({
+					h: "1px",
+					cursor: "row-resize",
+					_after: {
+						left: "0",
+						right: "0",
+						top: "-3px",
+						bottom: "-3px"
+					}
+				}), dragging && css({ bg: "accent" }))
+			}),
+			/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+				className: cx(pane, css({ flex: "1" })),
+				children: second
+			})
+		]
+	});
+}
+//#endregion
+export { Split };