@wular/coder 0.4.6 → 0.4.8

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/card.e6876039e375b849.js

@@ -1,40 +0,0 @@
-import "./card.4f9265213510ffd3.css.pnext-asset.js";
-import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-export function Card({ title, count, actions, tone, children }) {
-	return /* @__PURE__ */ _jsxs("section", {
-		class: tone ? `card frame ${tone}` : "card frame",
-		children: [title ? /* @__PURE__ */ _jsxs("div", {
-			class: "bar",
-			children: [/* @__PURE__ */ _jsxs("h2", { children: [title, count !== undefined ? /* @__PURE__ */ _jsx("span", {
-				class: "n",
-				children: count
-			}) : null] }), actions ? /* @__PURE__ */ _jsx("span", {
-				class: "bar-r",
-				children: actions
-			}) : null]
-		}) : null, children]
-	});
-}
-export function Empty({ title, children }) {
-	return /* @__PURE__ */ _jsxs("div", {
-		class: "empty",
-		children: [/* @__PURE__ */ _jsx("b", { children: title }), children ? /* @__PURE__ */ _jsx("span", { children }) : null]
-	});
-}
-/** The one loading state: a spinner and a short line; `inline` keeps it to one line. */
-export function Loading({ label, inline, dots, h }) {
-	const Tag = inline ? "span" : "div";
-	return /* @__PURE__ */ _jsx(Tag, {
-		class: inline ? "loading inline" : "loading",
-		role: "status",
-		style: h ? `--h:${h}px` : undefined,
-		children: /* @__PURE__ */ _jsxs("span", { children: [dots ? /* @__PURE__ */ _jsxs("i", {
-			class: "dots",
-			children: [
-				/* @__PURE__ */ _jsx("b", {}),
-				/* @__PURE__ */ _jsx("b", {}),
-				/* @__PURE__ */ _jsx("b", {})
-			]
-		}) : /* @__PURE__ */ _jsx("i", { class: "spin" }), label] })
-	});
-}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/collapse.730d674a8f7eeeae.js

@@ -1,33 +0,0 @@
-"use client";
-import "./collapse.60c9038c70fb9c46.css.pnext-asset.js";
-import { useLayoutEffect, useRef, useState } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-/** Long content cut to its first `lines` lines under a fade, with a Show more toggle. */
-export function Collapse({ lines = 10, class: cls, children }) {
-	const box = useRef(null);
-	const [long, setLong] = useState(false);
-	const [open, setOpen] = useState(false);
-	useLayoutEffect(() => {
-		const el = box.current;
-		const measure = () => setLong(open || el.scrollHeight > el.clientHeight + 1);
-		measure();
-		const observer = new ResizeObserver(measure);
-		observer.observe(el);
-		return () => observer.disconnect();
-	}, [children, open]);
-	return /* @__PURE__ */ _jsxs("div", {
-		class: `collapse${long ? " long" : ""}${open ? " open" : ""}`,
-		style: `--lines:${lines}`,
-		children: [/* @__PURE__ */ _jsx("div", {
-			class: cls ? `collapse-box ${cls}` : "collapse-box",
-			ref: box,
-			children
-		}), long ? /* @__PURE__ */ _jsx("button", {
-			type: "button",
-			class: "btn ghost sm more-toggle",
-			"aria-expanded": open,
-			onClick: () => setOpen(!open),
-			children: open ? "Show less" : "Show more"
-		}) : null]
-	});
-}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/combo.d478120a76502dd1.js

@@ -1,115 +0,0 @@
-import { useId, useLayoutEffect, useRef, useState } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { Icon } from "./icon.93605083edf7efe3.js";
-import { iCheck } from "./icons.e17bdd0b5504787f.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-const SHOWN = 50;
-/** A text input with suggestions under it, filtered as you type; any text is still a value. */
-export function Combo({ label, name, class: className, options, placeholder, value, onChange, onOpen }) {
-	const [open, setOpen] = useState(false);
-	// Only text typed since opening filters; opening on a picked value shows every option.
-	const [typed, setTyped] = useState(false);
-	const [active, setActive] = useState(0);
-	const [place, setPlace] = useState("");
-	const input = useRef(null);
-	const list = useRef(null);
-	const id = useId();
-	const query = typed ? value.trim().toLowerCase() : "";
-	const shown = (query ? options.filter((option) => option.toLowerCase().includes(query)) : options).slice(0, SHOWN);
-	const listed = open && shown.length > 0;
-	const pick = (index) => {
-		const picked = shown[index];
-		if (picked) onChange(picked);
-		setOpen(false);
-		setTyped(false);
-	};
-	useLayoutEffect(() => {
-		if (!listed) return;
-		list.current?.showPopover();
-		const position = () => {
-			const box = input.current?.getBoundingClientRect();
-			const menu = list.current;
-			if (!box || !menu) return;
-			const below = innerHeight - box.bottom - 12;
-			const up = below < Math.min(menu.scrollHeight, 240) && box.top > below;
-			setPlace(`left:${Math.round(Math.min(box.left, innerWidth - menu.offsetWidth - 8))}px;min-width:${Math.round(box.width)}px;` + (up ? `bottom:${Math.round(innerHeight - box.top + 4)}px;max-height:${Math.round(Math.min(360, box.top - 12))}px` : `top:${Math.round(box.bottom + 4)}px;max-height:${Math.round(Math.min(360, below))}px`));
-		};
-		position();
-		addEventListener("resize", position);
-		addEventListener("scroll", position, true);
-		return () => {
-			removeEventListener("resize", position);
-			removeEventListener("scroll", position, true);
-		};
-	}, [listed, shown.length]);
-	useLayoutEffect(() => {
-		if (listed) list.current?.querySelector(`[data-index="${active}"]`)?.scrollIntoView({ block: "nearest" });
-	}, [
-		listed,
-		active,
-		place
-	]);
-	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx("input", {
-		ref: input,
-		name,
-		class: className,
-		role: "combobox",
-		"aria-label": label,
-		"aria-autocomplete": "list",
-		"aria-expanded": listed,
-		"aria-controls": `${id}-list`,
-		"aria-activedescendant": listed ? `${id}-${active}` : undefined,
-		autocomplete: "off",
-		placeholder,
-		value,
-		onInput: (event) => {
-			onChange(event.currentTarget.value);
-			setTyped(true);
-			setActive(0);
-			setOpen(true);
-		},
-		onFocus: () => {
-			setTyped(false);
-			setOpen(true);
-			onOpen?.();
-		},
-		onClick: () => {
-			setOpen(true);
-			onOpen?.();
-		},
-		onBlur: () => {
-			setOpen(false);
-			setTyped(false);
-		},
-		onKeyDown: (event) => {
-			if (!listed) return;
-			if (event.key === "ArrowDown") setActive((active + 1) % shown.length);
-			else if (event.key === "ArrowUp") setActive((active - 1 + shown.length) % shown.length);
-			else if (event.key === "Enter") pick(active);
-			else if (event.key === "Escape") setOpen(false);
-			else return;
-			event.preventDefault();
-		}
-	}), listed ? /* @__PURE__ */ _jsx("div", {
-		ref: list,
-		id: `${id}-list`,
-		class: "pop select-pop",
-		popover: "manual",
-		role: "listbox",
-		"aria-label": label,
-		style: place || "visibility:hidden",
-		onMouseDown: (event) => event.preventDefault(),
-		children: shown.map((option, index) => /* @__PURE__ */ _jsxs("div", {
-			id: `${id}-${index}`,
-			"data-index": index,
-			role: "option",
-			"aria-selected": option === value,
-			class: index === active ? "pop-item on" : "pop-item",
-			onPointerMove: () => index !== active && setActive(index),
-			onClick: () => pick(index),
-			children: [/* @__PURE__ */ _jsx("span", {
-				class: "grow",
-				children: option
-			}), /* @__PURE__ */ _jsx(Icon, { d: iCheck })]
-		}, option))
-	}) : null] });
-}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/confirm.cd23ea20bdf120d2.js

@@ -1,53 +0,0 @@
-"use client";
-import "./confirm.fc6d4da835b75a30.css.pnext-asset.js";
-import { useEffect, useId, useRef } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-/** A modal question before a destructive step; Escape, Cancel or a backdrop click closes it. */
-export function ConfirmDialog({ open, title, body, confirmLabel, onConfirm, onClose, busy }) {
-	const dialog = useRef(null);
-	const id = useId();
-	useEffect(() => {
-		const el = dialog.current;
-		if (open && !el.open) el.showModal();
-		else if (!open && el.open) el.close();
-	}, [open]);
-	const close = () => !busy && onClose();
-	return /* @__PURE__ */ _jsx("dialog", {
-		ref: dialog,
-		class: "confirm",
-		"aria-labelledby": id,
-		onCancel: (event) => {
-			event.preventDefault();
-			close();
-		},
-		onClick: (event) => event.target === event.currentTarget && close(),
-		children: /* @__PURE__ */ _jsxs("form", {
-			onSubmit: (event) => {
-				event.preventDefault();
-				onConfirm();
-			},
-			children: [
-				/* @__PURE__ */ _jsx("h2", {
-					id,
-					children: title
-				}),
-				body ? /* @__PURE__ */ _jsx("p", { children: body }) : null,
-				/* @__PURE__ */ _jsxs("div", {
-					class: "actions",
-					children: [/* @__PURE__ */ _jsx("button", {
-						type: "button",
-						class: "btn ghost",
-						disabled: busy,
-						onClick: close,
-						autofocus: true,
-						children: "Cancel"
-					}), /* @__PURE__ */ _jsx("button", {
-						class: "btn destructive",
-						"aria-busy": busy,
-						children: confirmLabel
-					})]
-				})
-			]
-		})
-	});
-}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/field.37f93068217e1470.js

@@ -1,16 +0,0 @@
-import "./field.8db4420dfb447e42.css.pnext-asset.js";
-import { jsx as _jsx, jsxs as _jsxs } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-export function Field({ label, hint, group, children }) {
-	const Tag = group ? "div" : "label";
-	return /* @__PURE__ */ _jsxs(Tag, {
-		class: "field",
-		children: [/* @__PURE__ */ _jsxs("span", { children: [label, hint ? /* @__PURE__ */ _jsx("small", { children: hint }) : null] }), children]
-	});
-}
-export function ErrorText({ value }) {
-	return value ? /* @__PURE__ */ _jsx("p", {
-		class: "flash err",
-		role: "alert",
-		children: value
-	}) : null;
-}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/filter.3e8df59ca8abf397.js

@@ -1,252 +0,0 @@
-import "./filter.9311d535531caaf3.css.pnext-asset.js";
-import { Fragment } from "../../../../../../../node_modules/preact/dist/preact.mjs";
-import { useEffect, useRef, useState } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { FILTER_ROWS } from "../../utils/paged.64ead375df845ff2.js";
-import { iLeft, iRight, iSearch, iX } from "./icons.e17bdd0b5504787f.js";
-import { Icon } from "./icon.93605083edf7efe3.js";
-import { Menu, MenuRadio } from "./menu.3b3026ecd4dc31f0.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-const RECENT = "coder:filters";
-/** From this many options a facet's full list gets a find box. */
-const FIND = 5;
-/** How many of a facet's picks the menu lists before "More". */
-const SHOWN = 5;
-/** The picks the menu lists for a facet: the first few, keeping the current pick in view. */
-export function inlineRows(picks, value) {
-	if (picks.length <= SHOWN) return picks;
-	const shown = picks.slice(0, SHOWN);
-	const current = picks.find(([key]) => key === value);
-	return current && !shown.includes(current) ? [...shown.slice(0, SHOWN - 1), current] : shown;
-}
-/** Whether a facet's own list needs a find box. */
-const findable = (facet) => facet.options.filter(([value]) => value).length >= FIND;
-/** What a facet's value reads as; "Any" for its default. */
-export function valueLabel(facet, value, seen = {}) {
-	if (!value) return "Any";
-	return facet.options.find(([key]) => key === value)?.[1] ?? seen[`${facet.key}:${value}`] ?? value;
-}
-/** The filters that are on, one chip each in facet order. */
-export function filterChips(facets, values, seen = {}) {
-	return facets.filter((facet) => values[facet.key]).map((facet) => {
-		const label = valueLabel(facet, values[facet.key], seen);
-		return {
-			key: facet.key,
-			text: facet.inline ? label : `${facet.label}: ${label}`
-		};
-	});
-}
-/** A facet list's rows: recent picks that match first, then the rest, at most FILTER_ROWS. */
-export function listRows(rows, recent, q) {
-	const needle = q.trim().toLowerCase();
-	const first = recent.filter(([, label]) => label.toLowerCase().includes(needle));
-	const all = [...first, ...rows.filter(([value]) => !first.some(([kept]) => kept === value))];
-	return {
-		shown: all.slice(0, FILTER_ROWS),
-		more: all.length > FILTER_ROWS
-	};
-}
-function readRecent() {
-	try {
-		return JSON.parse(localStorage.getItem(RECENT) ?? "{}") ?? {};
-	} catch {
-		return {};
-	}
-}
-function keepRecent(list, pick) {
-	const all = readRecent();
-	all[list] = [pick, ...(all[list] ?? []).filter(([value]) => value !== pick[0])].slice(0, 5);
-	localStorage.setItem(RECENT, JSON.stringify(all));
-}
-/** One Filter button over every facet, and a removable chip for each filter that is on; `name` keeps each list's recent picks apart. */
-export function Filter({ name, facets, values, onChange }) {
-	// Labels of picks the options lack, so a chip names an agent found by search.
-	const [seen, setSeen] = useState({});
-	const remember = (key, rows) => setSeen((current) => ({
-		...current,
-		...Object.fromEntries(rows.map(([value, label]) => [`${key}:${value}`, label]))
-	}));
-	useEffect(() => {
-		const recent = readRecent();
-		for (const facet of facets) remember(facet.key, recent[`${name}:${facet.key}`] ?? []);
-	}, []);
-	const chips = filterChips(facets, values, seen);
-	return /* @__PURE__ */ _jsxs(_Fragment, { children: [/* @__PURE__ */ _jsx(Menu, {
-		class: "filter-more",
-		summaryClass: `field-btn${chips.length ? " on" : ""}`,
-		summary: chips.length ? `Filter · ${chips.length}` : "Filter",
-		children: /* @__PURE__ */ _jsx(FilterPanel, {
-			name,
-			facets,
-			values,
-			seen,
-			onFound: remember,
-			onPick: (facet, [value, label]) => {
-				if (!facet.inline && value !== values[facet.key]) {
-					keepRecent(`${name}:${facet.key}`, [value, label]);
-					remember(facet.key, [[value, label]]);
-				}
-				onChange(facet.key, facet.inline || value !== values[facet.key] ? value : "");
-			}
-		})
-	}), /* @__PURE__ */ _jsx("span", {
-		class: "filter-chips",
-		children: chips.map((chip) => /* @__PURE__ */ _jsxs("button", {
-			type: "button",
-			class: "chip",
-			title: chip.text,
-			"aria-label": `Clear ${chip.text}`,
-			onClick: () => onChange(chip.key, ""),
-			children: [/* @__PURE__ */ _jsx("span", {
-				class: "grow",
-				children: chip.text
-			}), /* @__PURE__ */ _jsx(Icon, { d: iX })]
-		}, chip.key))
-	})] });
-}
-/** The menu's facets; a long facet opens its own list in place, and Escape steps back out of it. */
-function FilterPanel({ name, facets, values, seen, onFound, onPick }) {
-	const root = useRef(null);
-	const [open, setOpen] = useState();
-	const [q, setQ] = useState("");
-	const [found, setFound] = useState();
-	const asked = useRef(0);
-	const from = useRef();
-	const typed = q.trim();
-	const focus = (selector) => root.current?.querySelector(selector)?.focus();
-	const show = (facet) => {
-		if (facet) from.current = facet.key;
-		setOpen(facet);
-		setQ("");
-		setFound(undefined);
-	};
-	useEffect(() => {
-		const pop = root.current.closest("[popover]");
-		const toggle = (event) => {
-			if (event.newState === "open") focus(".pop-item");
-			else show();
-		};
-		pop.addEventListener("toggle", toggle);
-		return () => pop.removeEventListener("toggle", toggle);
-	}, []);
-	useEffect(() => {
-		if (!root.current?.closest(":popover-open")) return;
-		focus(open ? "input" : `[data-facet="${from.current}"]`);
-	}, [open]);
-	useEffect(() => {
-		if (!open?.search || !typed) return;
-		const ask = ++asked.current;
-		const timer = setTimeout(() => void open.search(typed, FILTER_ROWS + 1).then((rows) => {
-			if (asked.current !== ask) return;
-			setFound(rows);
-			onFound(open.key, rows);
-		}, () => asked.current === ask && setFound([])), 200);
-		return () => clearTimeout(timer);
-	}, [open, typed]);
-	const rows = open ? open.search && typed ? found ?? [] : open.options.filter(([value, label]) => value && label.toLowerCase().includes(typed.toLowerCase())) : [];
-	const list = open ? listRows(rows, readRecent()[`${name}:${open.key}`] ?? [], typed) : {
-		shown: [],
-		more: false
-	};
-	const searching = Boolean(open?.search && typed && !found);
-	const onKeyDown = (event) => {
-		const items = [...root.current.querySelectorAll("input, .pop-item")];
-		const at = items.indexOf(document.activeElement);
-		const target = event.target;
-		const key = event.key;
-		if (key === "ArrowDown") items[(at + 1) % items.length]?.focus();
-		else if (key === "ArrowUp") items[(at - 1 + items.length) % items.length]?.focus();
-		else if (key === "ArrowRight" && target.dataset.facet) target.click();
-		else if (key === "ArrowLeft" && open && target.tagName !== "INPUT") show();
-		else if (key === "Enter" && target.tagName === "INPUT") focus("[role=menuitemradio]");
-		else if (key === "Escape" && open) {
-			event.stopPropagation();
-			show();
-		} else return;
-		event.preventDefault();
-	};
-	return /* @__PURE__ */ _jsx("div", {
-		ref: root,
-		class: "filter-panel",
-		onKeyDown,
-		children: open ? /* @__PURE__ */ _jsxs(_Fragment, { children: [
-			/* @__PURE__ */ _jsxs("button", {
-				type: "button",
-				class: "pop-item",
-				"data-keep": true,
-				onClick: () => show(),
-				children: [/* @__PURE__ */ _jsx(Icon, { d: iLeft }), /* @__PURE__ */ _jsx("span", {
-					class: "grow",
-					children: open.label
-				})]
-			}),
-			findable(open) ? /* @__PURE__ */ _jsxs("label", {
-				class: "search",
-				children: [/* @__PURE__ */ _jsx(Icon, { d: iSearch }), /* @__PURE__ */ _jsx("input", {
-					type: "search",
-					value: q,
-					placeholder: `Find ${open.label.toLowerCase()}`,
-					"aria-label": `Find ${open.label.toLowerCase()}`,
-					autocomplete: "off",
-					onInput: (event) => setQ(event.currentTarget.value)
-				})]
-			}) : null,
-			/* @__PURE__ */ _jsx("div", {
-				role: "group",
-				"aria-label": open.label,
-				"aria-busy": searching,
-				children: list.shown.map(([value, label]) => /* @__PURE__ */ _jsx(MenuRadio, {
-					icon: open.icon?.(value),
-					on: values[open.key] === value,
-					onPick: () => onPick(open, [value, label]),
-					children: label
-				}, value))
-			}),
-			list.more ? /* @__PURE__ */ _jsx("p", {
-				class: "pop-note",
-				children: "Type to find more."
-			}) : !list.shown.length && !searching ? /* @__PURE__ */ _jsx("p", {
-				class: "pop-note",
-				children: "Nothing matches."
-			}) : null
-		] }) : facets.map((facet) => {
-			const picks = facet.options.filter(([value]) => facet.inline || value);
-			if (!picks.length) return null;
-			const shown = inlineRows(picks, values[facet.key]);
-			return /* @__PURE__ */ _jsxs(Fragment, { children: [
-				/* @__PURE__ */ _jsx("p", {
-					class: "pop-label",
-					children: facet.label
-				}),
-				/* @__PURE__ */ _jsx("div", {
-					role: "group",
-					"aria-label": facet.label,
-					children: shown.map(([value, label]) => /* @__PURE__ */ _jsx(MenuRadio, {
-						icon: facet.icon?.(value),
-						on: values[facet.key] === value,
-						onPick: () => onPick(facet, [value, label]),
-						children: label
-					}, value))
-				}),
-				picks.length > shown.length ? /* @__PURE__ */ _jsxs("button", {
-					type: "button",
-					class: "pop-item",
-					"data-keep": true,
-					"data-facet": facet.key,
-					"aria-haspopup": "true",
-					onClick: () => show(facet),
-					children: [
-						/* @__PURE__ */ _jsx("span", {
-							class: "grow",
-							children: "More"
-						}),
-						/* @__PURE__ */ _jsx("span", {
-							class: "muted",
-							children: picks.length - shown.length
-						}),
-						/* @__PURE__ */ _jsx(Icon, { d: iRight })
-					]
-				}) : null
-			] }, facet.key);
-		})
-	});
-}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/icon.93605083edf7efe3.js

@@ -1,19 +0,0 @@
-import "./icon.476b846e39908951.css.pnext-asset.js";
-import { jsx as _jsx } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-export function Icon({ d, class: cls }) {
-	return /* @__PURE__ */ _jsx("svg", {
-		class: cls ? `ic ${cls}` : "ic",
-		viewBox: "0 0 24 24",
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ _jsx("path", { d })
-	});
-}
-/** The Coder mark: eight dots on a 16px grid, drawn in currentColor. */
-export function Mark() {
-	return /* @__PURE__ */ _jsx("svg", {
-		class: "coder-mark",
-		viewBox: "0 0 16 16",
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ _jsx("path", { d: "M5 0h3v3h-3zM9 0h3v3h-3zM13 0h3v3h-3zM0 4h3v3h-3zM0 9h3v3h-3zM5 13h3v3h-3zM9 13h3v3h-3zM13 13h3v3h-3z" })
-	});
-}

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/icons.e17bdd0b5504787f.js

@@ -1,36 +0,0 @@
-/** Icon outlines, one path each, 24 by 24; import only the ones a component draws. */
-export const iAgent = "M12 8V4H8M6 8h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2ZM2 14h2M20 14h2M15 13v2M9 13v2";
-export const iActivity = "M22 12h-4l-3 9L9 3l-3 9H2";
-export const iChart = "M3 3v18h18M18 17V9M13 17V5M8 17v-3";
-export const iLeft = "m15 18-6-6 6-6";
-export const iDown = "m6 9 6 6 6-6";
-export const iRight = "m9 18 6-6-6-6";
-export const iUp = "m18 15-6-6-6 6";
-export const iUpdown = "m7 15 5 5 5-5M7 9l5-5 5 5";
-export const iSun = "M8 12a4 4 0 1 0 8 0a4 4 0 1 0 -8 0M12 2v2M12 20v2M4.9 4.9l1.4 1.4M17.7 17.7l1.4 1.4M2 12h2M20 12h2M6.3 17.7l-1.4 1.4M19.1 4.9l-1.4 1.4";
-export const iMoon = "M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z";
-export const iMonitor = "M4 4h16a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1ZM8 20h8M12 16v4";
-export const iKey = "M2 15.5a5.5 5.5 0 1 0 11 0a5.5 5.5 0 1 0 -11 0M21 2l-9.6 9.6M15.5 7.5l3 3L22 7l-3-3";
-export const iUsers = "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2M5 7a4 4 0 1 0 8 0a4 4 0 1 0 -8 0M22 21v-2a4 4 0 0 0-3-3.9M16 3.1a4 4 0 0 1 0 7.8";
-export const iUser = "M8 8a4 4 0 1 0 8 0a4 4 0 1 0 -8 0M4 21a8 8 0 0 1 16 0";
-export const iOut = "M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4M16 17l5-5-5-5M21 12H9";
-export const iSpark = "m12 3 1.9 5.1L19 10l-5.1 1.9L12 17l-1.9-5.1L5 10l5.1-1.9ZM19 3v4M17 5h4";
-export const iGit = "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.7-.9l-.8-1.2A2 2 0 0 0 7.9 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2ZM10 13a2 2 0 1 0 4 0a2 2 0 1 0 -4 0M14 13h3M7 13h3";
-export const iMenu = "M4 6h16M4 12h16M4 18h16";
-export const iX = "M18 6 6 18M6 6l12 12";
-export const iCheck = "M20 6 9 17l-5-5";
-export const iDots = "M4 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0M18 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0";
-export const iPlus = "M12 5v14M5 12h14";
-export const iPencil = "M4 20h4L19 9l-4-4L4 16v4ZM13 7l4 4";
-export const iMessage = "M21 12a8 8 0 0 1-11.6 7.1L4 20l1-4.6A8 8 0 1 1 21 12Z";
-export const iSteer = "M4 12h12M12 6l6 6-6 6";
-export const iAsk = "M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0M9.5 9.5a2.5 2.5 0 1 1 3.5 2.3c-.6.3-1 .8-1 1.5M12 17h.01";
-export const iShuffle = "M16 4h4v4M20 4l-7 7M4 20l6-6M16 20h4v-4M20 20l-5-5M4 4l5 5";
-export const iSearch = "M4 11a7 7 0 1 0 14 0a7 7 0 1 0 -14 0M20 20l-3.5-3.5";
-export const iAlert = "m21.7 18-8-14a2 2 0 0 0-3.4 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.7-3M12 9v4M12 17h.01";
-export const iTerminal = "m4 17 6-6-6-6M12 19h8";
-export const iFolder = "M4 20h16a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.7-.9l-.8-1.2A2 2 0 0 0 7.9 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z";
-export const iClock = "M12 7v5l3 2M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0";
-export const iPlug = "M9 2v6M15 2v6M6 8h12v4a6 6 0 0 1-12 0ZM12 18v4";
-export const iCopy = "M9 9h11v11H9ZM5 15H4V4h11v1";
-export const iSliders = "M4 21v-7M4 10V3M12 21v-9M12 8V3M20 21v-5M20 12V3M1 14h6M9 8h6M17 16h6";

package/dist/dash/standalone/server/modules-server-server-react-server/src/server/dash/comps/ui/menu.3b3026ecd4dc31f0.js

@@ -1,103 +0,0 @@
-"use client";
-import "./menu.d412af459c187b41.css.pnext-asset.js";
-import { useId, useRef } from "../../../../../../../node_modules/preact/hooks/dist/hooks.mjs";
-import { iCheck } from "./icons.e17bdd0b5504787f.js";
-import { Icon } from "./icon.93605083edf7efe3.js";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "../../../../../../../node_modules/preact/jsx-runtime/dist/jsxRuntime.mjs";
-/** A button and its popover panel, placed at the button; picking an item, an outside click or Escape closes it. */
-export function Menu({ summary, summaryClass, label, tip, align = "right", wide, class: cls, children }) {
-	const id = useId();
-	return /* @__PURE__ */ _jsxs("span", {
-		class: `menu ${align}${cls ? ` ${cls}` : ""}`,
-		children: [/* @__PURE__ */ _jsx("button", {
-			popovertarget: id,
-			type: "button",
-			class: summaryClass,
-			"aria-label": label,
-			title: tip ? undefined : label,
-			"data-tip": tip,
-			children: summary
-		}), /* @__PURE__ */ _jsx("div", {
-			id,
-			class: wide ? "pop wide" : "pop",
-			popover: "auto",
-			onBeforeToggle: (event) => {
-				// A tall menu scrolls within the room on its side of the button instead of leaving the viewport.
-				if (event.newState !== "open") return;
-				const pop = event.currentTarget;
-				const box = pop.parentElement?.querySelector("button")?.getBoundingClientRect();
-				if (!box) return;
-				const room = align === "up" ? box.top - 20 : window.innerHeight - box.bottom - 20;
-				pop.style.maxHeight = `${Math.max(120, Math.round(room))}px`;
-			},
-			onClick: (event) => {
-				if (event.target.closest("a, button:not([data-keep])")) event.currentTarget.hidePopover();
-			},
-			children
-		})]
-	});
-}
-export function MenuItem({ icon, title, sub, href, onClick, danger }) {
-	const inner = /* @__PURE__ */ _jsxs(_Fragment, { children: [icon ? /* @__PURE__ */ _jsx(Icon, { d: icon }) : null, /* @__PURE__ */ _jsxs("span", {
-		class: "grow",
-		children: [title, sub ? /* @__PURE__ */ _jsx("small", { children: sub }) : null]
-	})] });
-	const cls = `pop-item${sub ? " rich" : ""}${danger ? " danger" : ""}`;
-	if (href) return /* @__PURE__ */ _jsx("a", {
-		class: cls,
-		href,
-		.../^https?:\/\//.test(href) ? {
-			target: "_blank",
-			rel: "noreferrer"
-		} : {},
-		children: inner
-	});
-	return /* @__PURE__ */ _jsx("button", {
-		type: "button",
-		class: cls,
-		onClick,
-		children: inner
-	});
-}
-/** A fixed "+n more" that opens the rest in a scrolling list, on hover or click. */
-export function MoreList({ label, children }) {
-	const id = useId();
-	const list = useRef(null);
-	const hover = (open) => (event) => {
-		if (event.pointerType === "mouse") list.current.togglePopover(open);
-	};
-	return /* @__PURE__ */ _jsxs("span", {
-		class: "more",
-		onPointerEnter: hover(true),
-		onPointerLeave: hover(false),
-		children: [/* @__PURE__ */ _jsx("button", {
-			popovertarget: id,
-			type: "button",
-			children: label
-		}), /* @__PURE__ */ _jsx("div", {
-			id,
-			ref: list,
-			class: "more-list scroll-box",
-			popover: "auto",
-			children
-		})]
-	});
-}
-/** One choice in a menu section; the picked one shows a check. */
-export function MenuRadio({ on, onPick, icon, children }) {
-	return /* @__PURE__ */ _jsxs("button", {
-		type: "button",
-		role: "menuitemradio",
-		"aria-checked": on,
-		class: on ? "pop-item on" : "pop-item",
-		onClick: onPick,
-		children: [
-			typeof icon === "string" ? /* @__PURE__ */ _jsx(Icon, { d: icon }) : icon,
-			/* @__PURE__ */ _jsx("span", {
-				class: "grow",
-				children
-			}),
-			on ? /* @__PURE__ */ _jsx(Icon, { d: iCheck }) : null
-		]
-	});
-}