@wular/coder 0.4.3 → 0.4.5

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

@@ -0,0 +1,40 @@
+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

@@ -0,0 +1,33 @@
+"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

@@ -0,0 +1,115 @@
+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

@@ -0,0 +1,53 @@
+"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

@@ -0,0 +1,16 @@
+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

@@ -0,0 +1,252 @@
+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

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1,36 @@
+/** 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";