@parallelworks/ui 0.19.0 → 0.19.1

package/dist/components/Pagination.js

@@ -0,0 +1,35 @@
+import { useStrings } from "./Provider.js";
+import cx from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/Pagination.tsx
+function Pagination({ endingNumber, endingTime, nextCallback, prevCallback, roundedBottom, startingNumber, startingTime, nextDisabled, prevDisabled, name, useTimeRange = false }) {
+	const t = useStrings().list;
+	return /* @__PURE__ */ jsxs("nav", {
+		className: cx(roundedBottom && "rounded-b-2xl", "theme-muted-panel flex items-center justify-between border-t theme-border  px-4 py-1 sm:px-6"),
+		"aria-label": "Pagination",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: cx("hidden", (startingNumber !== void 0 && startingNumber !== null && endingNumber !== void 0 && endingNumber !== null || startingTime && endingTime) && "sm:block"),
+			children: /* @__PURE__ */ jsx("p", {
+				className: "text-sm whitespace-nowrap",
+				children: useTimeRange && startingTime && endingTime ? t.paginationShowingTimeRange(name ?? "", startingTime, endingTime) : t.paginationShowing(name ?? "", startingNumber ?? "", endingNumber ?? "")
+			})
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-1 justify-between sm:justify-end gap-x-2",
+			children: [/* @__PURE__ */ jsx("button", {
+				type: "button",
+				disabled: prevDisabled,
+				onClick: prevCallback,
+				className: cx("link text-sm", prevDisabled && "disabled"),
+				children: t.paginationPrevious
+			}), /* @__PURE__ */ jsx("button", {
+				type: "button",
+				disabled: nextDisabled,
+				onClick: nextCallback,
+				className: cx("link text-sm", nextDisabled && "disabled"),
+				children: t.paginationNext
+			})]
+		})]
+	});
+}
+//#endregion
+export { Pagination };

package/dist/{chunks/Provider-CDYurraE.js → components/Provider.js}

@@ -548,4 +548,4 @@ function UIProvider({ notify, strings, navigation, data, slots, engine, children
 	});
 }
 //#endregion
-export { useOptionalWorkflowEngine as a, useRunFile as c, useWorkflowEngine as d, useWorkflowEngineLoader as f, useNotify as i, useSlots as l, useLink as n, usePersistedState as o, useNavigation as r, useProvisionCorsRules as s, UIProvider as t, useStrings as u };
+export { UIProvider, useLink, useNavigation, useNotify, useOptionalWorkflowEngine, usePersistedState, useProvisionCorsRules, useRunFile, useSlots, useStrings, useWorkflowEngine, useWorkflowEngineLoader };

package/dist/{chunks/RequiredMark-DfLdYbYZ.js → components/RequiredMark.js}

@@ -8,4 +8,4 @@ function RequiredMark() {
 	});
 }
 //#endregion
-export { RequiredMark as t };
+export { RequiredMark };

package/dist/components/SectionHeader.js

@@ -0,0 +1,11 @@
+import cx from "classnames";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/SectionHeader.tsx
+function SectionHeader({ children, className = "", size = "md" }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cx("w-full font-semibold", size === "sm" ? "mb-2 text-sm theme-text" : "text-lg", className),
+		children
+	});
+}
+//#endregion
+export { SectionHeader as default };

package/dist/components/SettingModeOption.js

@@ -0,0 +1,30 @@
+import cx from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/SettingModeOption.tsx
+/** A labeled + described radio option row, used inside a SettingsCard to pick
+* between modes (e.g. default vs custom). Stacked rows share the card's
+* dividers via `isFirst`. */
+function SettingModeOption({ name, checked, onSelect, label, description, isFirst, disabled }) {
+	return /* @__PURE__ */ jsxs("label", {
+		className: cx("flex items-start gap-3 px-5 py-4", disabled ? "cursor-default opacity-60" : "cursor-pointer", !isFirst && "border-t theme-border"),
+		children: [/* @__PURE__ */ jsx("input", {
+			type: "radio",
+			name,
+			checked,
+			onChange: onSelect,
+			disabled,
+			className: "mt-0.5 w-4 h-4 theme-input shrink-0"
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "min-w-0",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "font-semibold theme-text leading-tight",
+				children: label
+			}), /* @__PURE__ */ jsx("div", {
+				className: "theme-muted-text text-xs leading-snug mt-0.5",
+				children: description
+			})]
+		})]
+	});
+}
+//#endregion
+export { SettingModeOption };

package/dist/components/SettingRow.js

@@ -0,0 +1,35 @@
+import cx from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/SettingRow.tsx
+function SettingRow({ label, htmlFor, helpText, children, isFirst, fill, onClick }) {
+	return /* @__PURE__ */ jsxs("div", {
+		role: "none",
+		onClick,
+		className: cx("px-5 py-5 grid grid-cols-1 gap-x-8 gap-y-2", fill ? "md:grid-cols-[200px_1fr]" : "md:grid-cols-[1fr_auto]", !isFirst && "border-t theme-border", onClick && "cursor-pointer select-none hover:theme-hover transition-colors"),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col gap-y-1",
+			children: [/* @__PURE__ */ jsx("label", {
+				htmlFor,
+				className: "font-semibold theme-text leading-tight",
+				children: label
+			}), helpText && /* @__PURE__ */ jsx("div", {
+				className: "theme-muted-text text-xs leading-snug",
+				children: helpText
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: cx("min-w-0", !fill && "flex items-center justify-end"),
+			children
+		})]
+	});
+}
+function SettingSection({ title, isFirst }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cx("px-5 py-3 theme-muted-panel", !isFirst && "border-t theme-border"),
+		children: /* @__PURE__ */ jsx("h2", {
+			className: "font-semibold text-sm uppercase tracking-wider theme-muted-text",
+			children: title
+		})
+	});
+}
+//#endregion
+export { SettingRow, SettingSection };

package/dist/components/SettingsCard.js

@@ -0,0 +1,31 @@
+import cx from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/SettingsCard.tsx
+/**
+* A settings card: an optional sentence-case section label sits above a
+* bordered panel of rows. The label carries the breathing-room rhythm between
+* cards; the rows inside provide their own dividers via SettingRow's `isFirst`.
+*/
+function SettingsCard({ title, description, action, actionAlign = "adjacent", overflowVisible, children, className }) {
+	return /* @__PURE__ */ jsxs("section", {
+		className: cx("mt-10 first:mt-0", className),
+		children: [(title || action) && /* @__PURE__ */ jsxs("div", {
+			className: "mb-3 px-0.5",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: cx("flex items-center gap-1.5", actionAlign === "right" && "justify-between"),
+				children: [title && /* @__PURE__ */ jsx("h2", {
+					className: "text-[15px] font-semibold theme-text leading-none",
+					children: title
+				}), action]
+			}), description && /* @__PURE__ */ jsx("p", {
+				className: "text-xs theme-muted-text mt-1.5 leading-snug",
+				children: description
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: cx("panel", overflowVisible ? "overflow-visible" : "overflow-hidden"),
+			children
+		})]
+	});
+}
+//#endregion
+export { SettingsCard as default };

package/dist/components/SettingsGroup.js

@@ -0,0 +1,17 @@
+import cx from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/SettingsGroup.tsx
+function SettingsGroup({ title, children, className }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cx("mt-8 first:mt-0", className),
+		children: [title && /* @__PURE__ */ jsx("h2", {
+			className: "text-[11px] font-semibold uppercase tracking-wider theme-muted-text mb-2 px-1",
+			children: title
+		}), /* @__PURE__ */ jsx("div", {
+			className: "panel divide-y divide-(--theme-border)",
+			children
+		})]
+	});
+}
+//#endregion
+export { SettingsGroup as default };

package/dist/components/Sort.js

@@ -0,0 +1,42 @@
+import { useStrings } from "./Provider.js";
+import { SortDownIcon, SortUnsortedIcon, SortUpIcon } from "../icons.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/Sort.tsx
+var SortIcon = ({ currentlySorted, currentDirection, name }) => {
+	const style = { transform: "translateY(2px)" };
+	if (currentlySorted === name) {
+		if (currentDirection === "ascending") return /* @__PURE__ */ jsx(SortDownIcon, { style });
+		else if (currentDirection === "descending") return /* @__PURE__ */ jsx(SortUpIcon, { style });
+	} else return /* @__PURE__ */ jsx(SortUnsortedIcon, { style });
+	return null;
+};
+function Sort({ currentlySorted, name, setCurrentDirection, setCurrentlySorted, currentDirection }) {
+	const t = useStrings().common;
+	const sort = (sorted, direction) => {
+		if (sorted === name) {
+			if (direction === "ascending") setCurrentDirection("descending");
+			else if (direction === "descending") {
+				setCurrentDirection("unsorted");
+				setCurrentlySorted("");
+			}
+		} else {
+			setCurrentDirection("ascending");
+			setCurrentlySorted(name);
+		}
+	};
+	return /* @__PURE__ */ jsx("div", {
+		className: "inline",
+		children: /* @__PURE__ */ jsx("button", {
+			type: "button",
+			"aria-label": t.sort,
+			onClick: () => sort(currentlySorted, currentDirection),
+			children: /* @__PURE__ */ jsx(SortIcon, {
+				currentDirection,
+				currentlySorted,
+				name
+			})
+		})
+	});
+}
+//#endregion
+export { Sort as default };

package/dist/components/StatusBadge.js

@@ -0,0 +1,63 @@
+import cx from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/StatusBadge.tsx
+var variantStyles = {
+	default: "bg-(--theme-muted-panel-bg) text-(--theme-app) border-(--theme-border)",
+	success: "bg-emerald-500/10 text-emerald-800 dark:text-emerald-400 border-emerald-500/20",
+	warning: "bg-amber-500/10 text-amber-800 dark:text-amber-400 border-amber-500/20",
+	error: "bg-red-500/10 text-red-800 dark:text-red-400 border-red-500/20",
+	info: "bg-blue-500/10 text-blue-800 dark:text-blue-400 border-blue-500/20",
+	muted: "bg-(--theme-muted-panel-bg)/50 text-(--theme-muted-text-color) border-(--theme-border)"
+};
+var pulseColors = {
+	default: "bg-(--theme-app)",
+	success: "bg-emerald-500",
+	warning: "bg-amber-500",
+	error: "bg-red-500",
+	info: "bg-blue-500",
+	muted: "bg-(--theme-muted-text-color)"
+};
+var textColors = {
+	default: "text-(--theme-app)",
+	success: "text-emerald-600 dark:text-emerald-400",
+	warning: "text-amber-600 dark:text-amber-400",
+	error: "text-red-600 dark:text-red-400",
+	info: "text-blue-600 dark:text-blue-400",
+	muted: "text-(--theme-muted-text-color)"
+};
+/** A line of text in a variant's colour, for a status that stands beside a
+*  dot rather than inside a badge. */
+function statusTextClass(variant) {
+	return textColors[variant];
+}
+function StatusBadge({ children, variant = "default", pulse = false, dot = false, size = "sm", className }) {
+	return /* @__PURE__ */ jsxs("span", {
+		className: cx("inline-flex items-center gap-1.5 rounded-full border font-medium", size === "sm" && "px-2 py-0.5 text-[10px]", size === "md" && "px-2.5 py-1 text-xs", variantStyles[variant], className),
+		children: [
+			pulse && /* @__PURE__ */ jsxs("span", {
+				className: "relative flex h-2 w-2",
+				children: [/* @__PURE__ */ jsx("span", { className: cx("absolute inline-flex h-full w-full animate-ping rounded-full opacity-75", pulseColors[variant]) }), /* @__PURE__ */ jsx("span", { className: cx("relative inline-flex h-2 w-2 rounded-full", pulseColors[variant]) })]
+			}),
+			dot && !pulse && /* @__PURE__ */ jsx("span", { className: cx("inline-flex h-1.5 w-1.5 rounded-full", pulseColors[variant]) }),
+			children
+		]
+	});
+}
+function StatusDot({ variant = "default", pulse = false, size = 8, className }) {
+	return /* @__PURE__ */ jsxs("span", {
+		className: cx("relative inline-flex", className),
+		style: {
+			width: size,
+			height: size
+		},
+		children: [pulse && /* @__PURE__ */ jsx("span", { className: cx("absolute inline-flex h-full w-full animate-ping rounded-full opacity-75", pulseColors[variant]) }), /* @__PURE__ */ jsx("span", {
+			className: cx("relative inline-flex rounded-full", pulseColors[variant]),
+			style: {
+				width: size,
+				height: size
+			}
+		})]
+	});
+}
+//#endregion
+export { StatusBadge, StatusDot, statusTextClass };

package/dist/components/SwitchToggle.js

@@ -0,0 +1,59 @@
+import { TOOLTIP_ID } from "./Tooltip.js";
+import { Switch } from "@headlessui/react";
+import cx from "classnames";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/SwitchToggle.tsx
+function SwitchToggle({ onChange, id, "aria-describedby": describedBy, value = void 0, yesLabel = "Yes", noLabel = "No", disabled = false, datatip = "", invalid = false }) {
+	const [enabled, setEnabled] = useState(value ?? false);
+	const [isFocused, setIsFocused] = useState(false);
+	const setIsEnabled = (e) => {
+		setEnabled(e);
+		onChange(e);
+	};
+	useEffect(() => {
+		if (value !== void 0) setEnabled(value);
+	}, [value]);
+	const checked = value ?? enabled;
+	return /* @__PURE__ */ jsx("div", {
+		...datatip ? {
+			"data-tooltip-content": datatip,
+			"data-tooltip-id": TOOLTIP_ID
+		} : {},
+		className: cx("w-[198px] h-[30px] overflow-hidden shadow-sm rounded-md cursor-pointer ring-(--theme-border) ring-1", invalid && "border-red-600 focus:border-red-600 focus:ring-red-500 ring-1 ring-red-500", !invalid && isFocused && "ring-1 ring-[rgba(82,168,236,.8)] drop-shadow-[0_1px_2px_rgba(82,168,236,0.8)]"),
+		children: /* @__PURE__ */ jsx(Switch, {
+			id,
+			"aria-describedby": describedBy,
+			checked,
+			onChange: setIsEnabled,
+			className: "text-white text-sm shadow-sm rounded-md cursor-pointer",
+			onClick: (e) => e.stopPropagation(),
+			onFocus: () => setIsFocused(true),
+			onBlur: () => setIsFocused(false),
+			children: /* @__PURE__ */ jsxs("div", {
+				className: cx(checked ? "translate-x-0" : "-translate-x-[100px]", "relative transform flex flex-row  ease-in-out duration-500", disabled && "cursor-not-allowed opacity-50"),
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "inline text-center capitalize px-2 py-1 w-[99px] border-0",
+						style: {
+							background: `linear-gradient(
+              to bottom,
+              var(--theme-element, #04c) 0%,
+              var(--theme-element, #08c) 100%
+            )`,
+							color: "var(--theme-element-text, #ffffff)"
+						},
+						children: yesLabel
+					}),
+					/* @__PURE__ */ jsx("div", { className: "inline px-2 py-1 h-8 w-[99px] bg-linear-to-b from-white to-[#e6e6e6]" }),
+					/* @__PURE__ */ jsx("div", {
+						className: "inline text-center capitalize px-2 py-1 w-[99px] bg-linear-to-b from-[#e6e6e6] to-white bg-[#04c] text-black",
+						children: noLabel
+					})
+				]
+			})
+		})
+	});
+}
+//#endregion
+export { SwitchToggle as default };

package/dist/{chunks/SwitchToggleSmall-FcsaYSTs.js → components/SwitchToggleSmall.js}

@@ -11,4 +11,4 @@ function SwitchToggleSmall({ value = false, disabled = false, className, ...butt
 	});
 }
 //#endregion
-export { SwitchToggleSmall as t };
+export { SwitchToggleSmall as default };

package/dist/{chunks/Table-DU2MW8xz.js → components/Table.js}

@@ -1,5 +1,5 @@
-import { u as useStrings } from "./Provider-CDYurraE.js";
-import { t as Loader } from "./Loader-BXoXTZGc.js";
+import { useStrings } from "./Provider.js";
+import Loader from "./Loader.js";
 import cx from "classnames";
 import React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -106,4 +106,4 @@ Table.Item = Item;
 CompactTable.Header = Header;
 CompactTable.Item = CompactItem;
 //#endregion
-export { Table as n, CompactTable as t };
+export { CompactTable, Table };

package/dist/components/Toggle.js

@@ -0,0 +1,20 @@
+import cx from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/Toggle.tsx
+function Toggle({ checked, onChange, disabled, label }) {
+	return /* @__PURE__ */ jsxs("label", {
+		role: "none",
+		onClick: (e) => e.stopPropagation(),
+		className: cx("relative inline-flex items-center", disabled ? "cursor-not-allowed opacity-60" : "cursor-pointer"),
+		children: [/* @__PURE__ */ jsx("input", {
+			type: "checkbox",
+			className: "peer sr-only",
+			checked,
+			onChange: (e) => onChange(e.target.checked),
+			disabled,
+			"aria-label": label
+		}), /* @__PURE__ */ jsx("div", { className: "h-6 w-11 rounded-full bg-(--theme-muted-panel-bg) transition-colors peer-checked:bg-(--theme-element) peer-focus-visible:ring-2 peer-focus-visible:ring-[color-mix(in_srgb,var(--theme-element)_25%,transparent)] after:absolute after:start-[2px] after:top-[2px] after:h-5 after:w-5 after:rounded-full after:bg-white after:shadow-sm after:transition-transform after:content-[\"\"] motion-reduce:after:transition-none peer-checked:after:translate-x-5" })]
+	});
+}
+//#endregion
+export { Toggle };

package/dist/{chunks/Tooltip-K5HJr4_p.js → components/Tooltip.js}

@@ -1,33 +1,8 @@
 import { TooltipIcon } from "../icons.js";
+import { keyedByContent } from "./keys.js";
 import { Fragment } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Tooltip } from "react-tooltip";
-//#region src/components/keys.ts
-/** Pairs each item with a React key from its content, suffixing repeats so keys stay unique. */
-function keyedByContent(items, toKey) {
-	const seen = /* @__PURE__ */ new Map();
-	return items.map((item) => {
-		const base = toKey(item);
-		const count = (seen.get(base) ?? 0) + 1;
-		seen.set(base, count);
-		return {
-			key: count === 1 ? base : `${base}#${count}`,
-			item
-		};
-	});
-}
-/** Keys for a list whose position is its identity, such as placeholder rows or a fixed grid. */
-function positionKeys(count, prefix = "position") {
-	return Array.from({ length: count }, (_, position) => `${prefix}-${position}`);
-}
-/** Pairs each item of a list that never reorders with a key from its position. */
-function withPositionKeys(items, prefix = "position") {
-	return items.map((item, position) => ({
-		key: `${prefix}-${position}`,
-		item
-	}));
-}
-//#endregion
 //#region src/components/Tooltip.tsx
 var TOOLTIP_ID = "global-tooltip";
 /** Anchor props that reveal `content` only while the text is ellipsized; `measure` picks the clipped descendant when it isn't the anchor. */
@@ -120,4 +95,4 @@ function TooltipInfo({ text, className = "", children, place = "top", tabIndex }
 	});
 }
 //#endregion
-export { truncationTooltipProps as a, withPositionKeys as c, formatTooltipContent as i, TOOLTIP_ID as n, keyedByContent as o, TooltipInfo as r, positionKeys as s, GlobalTooltip as t };
+export { GlobalTooltip, TOOLTIP_ID, TooltipInfo, formatTooltipContent, truncationTooltipProps };

package/dist/{chunks/StatusBadge-C1Blx_cW.js → components/dropdownUtils.js}

@@ -1,6 +1,5 @@
 import { CaretDownIcon } from "../icons.js";
-import cx from "classnames";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 //#region src/components/dropdownUtils.tsx
 function isCategory(option) {
 	return typeof option === "object" && option !== null && option !== void 0 && "options" in option;
@@ -98,64 +97,4 @@ function DropdownCaret() {
 	return /* @__PURE__ */ jsx(CaretDownIcon, { className: "text-neutral-400 absolute top-1/2 -translate-y-1/2 right-0 mr-3 inset-y-0 flex items-center rounded-r-md focus:outline-hidden" });
 }
 //#endregion
-//#region src/components/StatusBadge.tsx
-var variantStyles = {
-	default: "bg-(--theme-muted-panel-bg) text-(--theme-app) border-(--theme-border)",
-	success: "bg-emerald-500/10 text-emerald-800 dark:text-emerald-400 border-emerald-500/20",
-	warning: "bg-amber-500/10 text-amber-800 dark:text-amber-400 border-amber-500/20",
-	error: "bg-red-500/10 text-red-800 dark:text-red-400 border-red-500/20",
-	info: "bg-blue-500/10 text-blue-800 dark:text-blue-400 border-blue-500/20",
-	muted: "bg-(--theme-muted-panel-bg)/50 text-(--theme-muted-text-color) border-(--theme-border)"
-};
-var pulseColors = {
-	default: "bg-(--theme-app)",
-	success: "bg-emerald-500",
-	warning: "bg-amber-500",
-	error: "bg-red-500",
-	info: "bg-blue-500",
-	muted: "bg-(--theme-muted-text-color)"
-};
-var textColors = {
-	default: "text-(--theme-app)",
-	success: "text-emerald-600 dark:text-emerald-400",
-	warning: "text-amber-600 dark:text-amber-400",
-	error: "text-red-600 dark:text-red-400",
-	info: "text-blue-600 dark:text-blue-400",
-	muted: "text-(--theme-muted-text-color)"
-};
-/** A line of text in a variant's colour, for a status that stands beside a
-*  dot rather than inside a badge. */
-function statusTextClass(variant) {
-	return textColors[variant];
-}
-function StatusBadge({ children, variant = "default", pulse = false, dot = false, size = "sm", className }) {
-	return /* @__PURE__ */ jsxs("span", {
-		className: cx("inline-flex items-center gap-1.5 rounded-full border font-medium", size === "sm" && "px-2 py-0.5 text-[10px]", size === "md" && "px-2.5 py-1 text-xs", variantStyles[variant], className),
-		children: [
-			pulse && /* @__PURE__ */ jsxs("span", {
-				className: "relative flex h-2 w-2",
-				children: [/* @__PURE__ */ jsx("span", { className: cx("absolute inline-flex h-full w-full animate-ping rounded-full opacity-75", pulseColors[variant]) }), /* @__PURE__ */ jsx("span", { className: cx("relative inline-flex h-2 w-2 rounded-full", pulseColors[variant]) })]
-			}),
-			dot && !pulse && /* @__PURE__ */ jsx("span", { className: cx("inline-flex h-1.5 w-1.5 rounded-full", pulseColors[variant]) }),
-			children
-		]
-	});
-}
-function StatusDot({ variant = "default", pulse = false, size = 8, className }) {
-	return /* @__PURE__ */ jsxs("span", {
-		className: cx("relative inline-flex", className),
-		style: {
-			width: size,
-			height: size
-		},
-		children: [pulse && /* @__PURE__ */ jsx("span", { className: cx("absolute inline-flex h-full w-full animate-ping rounded-full opacity-75", pulseColors[variant]) }), /* @__PURE__ */ jsx("span", {
-			className: cx("relative inline-flex rounded-full", pulseColors[variant]),
-			style: {
-				width: size,
-				height: size
-			}
-		})]
-	});
-}
-//#endregion
-export { filterOption as a, isCategory as c, DropdownCaret as i, isOption as l, StatusDot as n, flattenDisplayOptions as o, statusTextClass as r, flattenOptions as s, StatusBadge as t, toggleSetMember as u };
+export { DropdownCaret, filterOption, flattenDisplayOptions, flattenOptions, isCategory, isOption, toggleSetMember };

package/dist/{chunks/focus-D_iZJTW1.js → components/focus.js}

@@ -4,4 +4,4 @@ function focusOnMount(element) {
 	element?.focus();
 }
 //#endregion
-export { focusOnMount as t };
+export { focusOnMount };

package/dist/components/ghostButton.js

@@ -0,0 +1,7 @@
+//#region src/components/ghostButton.ts
+var ghostButtonClasses = "inline-flex cursor-pointer items-center gap-1.5 h-8 px-3 rounded-md text-sm text-(--theme-muted-text-color) hover:text-(--theme-app) hover:bg-(--theme-muted-panel-bg) transition-colors";
+var primaryButtonClasses = "inline-flex cursor-pointer items-center gap-1.5 h-7 px-2.5 rounded-md text-[12.5px] font-medium bg-(--theme-element) text-(--theme-element-text) hover:opacity-90 transition-opacity";
+/** Filled destructive button for confirming irreversible actions in ds modals. */
+var dangerButtonClasses = "inline-flex cursor-pointer items-center gap-1.5 h-7 px-2.5 rounded-md text-[12.5px] font-medium bg-red-600 text-white hover:bg-red-700 transition-colors";
+//#endregion
+export { dangerButtonClasses, ghostButtonClasses, primaryButtonClasses };

package/dist/components/inputClasses.js

@@ -0,0 +1,4 @@
+//#region src/components/inputClasses.ts
+var inputClasses = "w-full rounded-md border theme-border bg-(--theme-input-bg) px-3 py-2 text-sm text-(--theme-panel) outline-none focus:ring-2 focus:ring-(--theme-element)";
+//#endregion
+export { inputClasses };

package/dist/components/keys.js

@@ -0,0 +1,27 @@
+//#region src/components/keys.ts
+/** Pairs each item with a React key from its content, suffixing repeats so keys stay unique. */
+function keyedByContent(items, toKey) {
+	const seen = /* @__PURE__ */ new Map();
+	return items.map((item) => {
+		const base = toKey(item);
+		const count = (seen.get(base) ?? 0) + 1;
+		seen.set(base, count);
+		return {
+			key: count === 1 ? base : `${base}#${count}`,
+			item
+		};
+	});
+}
+/** Keys for a list whose position is its identity, such as placeholder rows or a fixed grid. */
+function positionKeys(count, prefix = "position") {
+	return Array.from({ length: count }, (_, position) => `${prefix}-${position}`);
+}
+/** Pairs each item of a list that never reorders with a key from its position. */
+function withPositionKeys(items, prefix = "position") {
+	return items.map((item, position) => ({
+		key: `${prefix}-${position}`,
+		item
+	}));
+}
+//#endregion
+export { keyedByContent, positionKeys, withPositionKeys };

package/dist/components/relativeTime.js

@@ -0,0 +1,32 @@
+import { useStrings } from "./Provider.js";
+import { useEffect, useState } from "react";
+import { DateTime } from "luxon";
+//#region src/components/relativeTime.ts
+var TICK_MS = 3e4;
+function compactRelativeMinutes(minutes, t) {
+	if (!Number.isFinite(minutes) || minutes < 1) return t.now;
+	if (minutes < 60) return t.minutes(minutes);
+	const hours = Math.floor(minutes / 60);
+	if (hours < 24) return t.hours(hours);
+	const days = Math.floor(hours / 24);
+	if (days < 365) return t.days(days);
+	return t.years(Math.floor(days / 365));
+}
+/** A clock that re-reads itself, so "5m" ages while the page sits open, with
+*  the abbreviated form a row has room for. */
+function useRelativeTime() {
+	const t = useStrings().time;
+	const [now, setNow] = useState(() => DateTime.now());
+	useEffect(() => {
+		const id = setInterval(() => setNow(DateTime.now()), TICK_MS);
+		return () => clearInterval(id);
+	}, []);
+	const compactMinutes = (minutes) => compactRelativeMinutes(minutes, t);
+	return {
+		now,
+		compactMinutes,
+		compact: (iso) => iso ? compactMinutes(Math.floor(now.diff(DateTime.fromISO(iso)).as("minutes"))) : ""
+	};
+}
+//#endregion
+export { compactRelativeMinutes, useRelativeTime };

package/dist/{chunks/useCssIsDark-DHr05dG2.js → components/useCssIsDark.js}

@@ -35,4 +35,4 @@ function useCssIsDark() {
 	return isDark;
 }
 //#endregion
-export { useCssIsDark as t };
+export { useCssIsDark };

package/dist/{chunks/duration-BOv8Phl8.js → duration.js}

@@ -14,4 +14,4 @@ function toAbsHumanDuration(start, end) {
 	return durationToAbsHumanDuration(end.diff(start));
 }
 //#endregion
-export { toAbsHumanDuration as n, durationToAbsHumanDuration as t };
+export { durationToAbsHumanDuration, toAbsHumanDuration };

package/dist/editor/Editor.js

@@ -0,0 +1,13 @@
+import Loader from "../components/Loader.js";
+import { Suspense, lazy } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/editor/Editor.tsx
+var MonacoEditor = lazy(() => import("./Monaco.js"));
+function Editor({ ...props }) {
+	return /* @__PURE__ */ jsx(Suspense, {
+		fallback: /* @__PURE__ */ jsx(Loader, { text: "Loading editor..." }),
+		children: /* @__PURE__ */ jsx(MonacoEditor, { ...props })
+	});
+}
+//#endregion
+export { Editor as default };