@parallelworks/ui 0.79.0 → 0.80.0

package/dist/components/Combobox.js

@@ -91,6 +91,11 @@ function Combobox$1(props) {
 	const list = useRef(null);
 	const uid = useId();
 	const [inputValue, setInputValue] = useState(null);
+	/** Empties the search, and tells a host that mirrors it. */
+	const clearQuery = (to = "") => {
+		if (inputValue) onQueryChange?.("");
+		setInputValue(to);
+	};
 	const [highlighted, setHighlighted] = useState(void 0);
 	const [startsOpen] = useState(open === void 0 && defaultOpen === true);
 	const [ownOpen, setOwnOpen] = useState(false);
@@ -152,7 +157,7 @@ function Combobox$1(props) {
 		}
 		if (next.length === chosen.length) return false;
 		setValues(next);
-		setInputValue("");
+		clearQuery();
 		return true;
 	};
 	const separators = props.multiple && props.creatable ? props.separators ?? [] : [];
@@ -173,11 +178,16 @@ function Combobox$1(props) {
 	};
 	const freeEntry = creatable && entries.flat.length === 0;
 	const [first] = entries.items;
-	const listItems = !created ? entries.items : first !== void 0 && "items" in first ? [{
+	const createLast = created?.action === true;
+	const listItems = !created ? entries.items : first !== void 0 && "items" in first ? createLast ? [...entries.items, {
+		label: "",
+		items: [created],
+		order: entries.items.length
+	}] : [{
 		label: "",
 		items: [created],
 		order: -1
-	}, ...entries.items] : [created, ...entries.items];
+	}, ...entries.items] : createLast ? [...entries.items, created] : [created, ...entries.items];
 	const selectedIcon = selected?.icon && (inputValue === null || inputValue === selected.label) ? selected.icon : null;
 	const input = /* @__PURE__ */ jsx(Combobox.Input, {
 		id: trigger ? void 0 : id,
@@ -227,34 +237,48 @@ function Combobox$1(props) {
 			})]
 		})]
 	}, rowProps.key);
-	const parts = trigger ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Tooltip, {
-		content: triggerTooltip,
-		children: /* @__PURE__ */ jsx(Combobox.Trigger, {
-			id,
-			"aria-label": ariaLabel || void 0,
-			"aria-labelledby": ariaLabelledBy,
-			"aria-describedby": ariaDescribedBy,
-			"aria-invalid": ariaInvalid || void 0,
-			"aria-required": ariaRequired || required || void 0,
-			render: trigger
-		})
-	}), /* @__PURE__ */ jsx(ListPopup, {
-		listRef: list,
-		empty: t.noOptionsFound,
-		statusGroups: entries.statusGroups,
-		query: inputValue ?? "",
-		header: /* @__PURE__ */ jsx("div", {
-			className: "border-b border-(--theme-border) p-1.5",
-			children: input
+	const labelId = `${uid}-label`;
+	const valueId = `${uid}-value`;
+	const named = Boolean(ariaLabel || ariaLabelledBy);
+	const parts = trigger ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		named && /* @__PURE__ */ jsxs(Fragment$1, { children: [ariaLabel && !ariaLabelledBy && /* @__PURE__ */ jsx("span", {
+			id: labelId,
+			hidden: true,
+			children: ariaLabel
+		}), /* @__PURE__ */ jsx("span", {
+			id: valueId,
+			hidden: true,
+			children: /* @__PURE__ */ jsx(Combobox.Value, { children: (value) => Array.isArray(value) ? value.map(entryLabel).join(", ") : entryLabel(value) })
+		})] }),
+		/* @__PURE__ */ jsx(Tooltip, {
+			content: triggerTooltip,
+			children: /* @__PURE__ */ jsx(Combobox.Trigger, {
+				id,
+				"aria-labelledby": named ? `${ariaLabelledBy || labelId} ${valueId}` : void 0,
+				"aria-describedby": ariaDescribedBy,
+				"aria-invalid": ariaInvalid || void 0,
+				"aria-required": ariaRequired || required || void 0,
+				render: trigger
+			})
 		}),
-		className: details ? "w-[min(36rem,var(--available-width))]" : "w-max min-w-[min(max(14rem,var(--anchor-width)),var(--available-width))] max-w-[min(28rem,var(--available-width))]",
-		sizer: details ? void 0 : /* @__PURE__ */ jsx(ListSizer, { entries: entries.flat }),
-		align,
-		loading: loading ? t.searching : void 0,
-		details: details?.(highlighted?.created ? void 0 : highlighted?.value),
-		collisionBoundary,
-		renderItem: itemRow
-	})] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		/* @__PURE__ */ jsx(ListPopup, {
+			listRef: list,
+			empty: t.noOptionsFound,
+			statusGroups: entries.statusGroups,
+			query: inputValue ?? "",
+			header: /* @__PURE__ */ jsx("div", {
+				className: "border-b border-(--theme-border) p-1.5",
+				children: input
+			}),
+			className: details ? "w-[min(36rem,var(--available-width))]" : "w-max min-w-[min(max(14rem,var(--anchor-width)),var(--available-width))] max-w-[min(28rem,var(--available-width))]",
+			sizer: details ? void 0 : /* @__PURE__ */ jsx(ListSizer, { entries: entries.flat }),
+			align,
+			loading: loading ? t.searching : void 0,
+			details: details?.(highlighted?.created ? void 0 : highlighted?.value),
+			collisionBoundary,
+			renderItem: itemRow
+		})
+	] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
 		/* @__PURE__ */ jsxs(Combobox.InputGroup, {
 			"data-testid": "combobox",
 			className: cx(fieldClassName(size), freeEntry && "pr-2", className),
@@ -324,7 +348,7 @@ function Combobox$1(props) {
 		...open !== void 0 ? { open } : startsOpen ? { open: ownOpen } : {},
 		onOpenChange: (next) => {
 			setOwnOpen(next);
-			if (!next && (trigger || !props.multiple)) setInputValue(null);
+			if (!next && (trigger || !props.multiple)) clearQuery(null);
 			onOpenChange?.(next);
 		},
 		children: parts
@@ -343,7 +367,7 @@ function Combobox$1(props) {
 			const action = next.find((entry) => entry.action);
 			if (action) {
 				details.cancel();
-				setInputValue("");
+				clearQuery();
 				onCreate?.(String(action.value));
 				return;
 			}

package/dist/components/ContextMenu.d.ts

@@ -10,7 +10,11 @@ export interface OpenMenuOptions {
     size?: MenuSize | undefined;
     /** As `MenuPopup`'s: classes on the menu and its submenus, such as a terminal's colors. */
     themeClassName?: string | undefined;
+    /** What else closes it, for a menu over something that moves under it, such as a
+     *  terminal's: a wheel outside the menu, the window losing focus, or the window resizing. */
+    closeOn?: readonly MenuCloseTrigger[] | undefined;
 }
+export type MenuCloseTrigger = 'wheel' | 'blur' | 'resize';
 /** Where a menu opens: an element, such as the button that opened it, or a pointer event,
  *  such as a right-click. An event with Shift held is left to the browser, whose own menu
  *  then shows; any other has its default prevented. */
@@ -29,6 +33,7 @@ export type OpenMenu = (at: MenuOpener, items: MenuEntry[], options?: OpenMenuOp
  */
 export declare function useContextMenu(): {
     openMenu: OpenMenu;
+    closeMenu: () => void;
     contextMenu: import("react").JSX.Element | null;
     openedBy: Element | null;
 };
@@ -40,5 +45,8 @@ export declare function ContextMenuProvider({ children }: {
 /** Opens the app's one shared menu: `openMenu(e, items)` from a right-click, or
  *  `openMenu(button, items)` under a button, which a second press closes. */
 export declare function useOpenMenu(): OpenMenu;
+/** Closes the app's shared menu, if it is open, for a host whose surface moves out from under
+ *  it in a way `closeOn` doesn't cover, such as a pane that switches. */
+export declare function useCloseMenu(): () => void;
 /** The element the shared menu is open under, so its button can say it's expanded. */
 export declare function useMenuOpenedBy(): Element | null;

package/dist/components/ContextMenu.js

@@ -3,7 +3,7 @@ import { MenuPopup } from "./Menu.js";
 import { isDev } from "../dev.js";
 import { MenuEntries, MenuFilter } from "./MenuEntries.js";
 import { Menu } from "@base-ui/react/menu";
-import { createContext, use, useCallback, useRef, useState } from "react";
+import { createContext, use, useCallback, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/ContextMenu.tsx
 /**
@@ -44,6 +44,31 @@ function useContextMenu() {
 		setOpen(true);
 		return true;
 	}, [release]);
+	/** Closes the menu, if one is open, as Escape would. */
+	const closeMenu = useCallback(() => {
+		if (current.current) {
+			current.current = null;
+			setOpen(false);
+		}
+	}, []);
+	const closeOn = open ? opened?.closeOn : void 0;
+	useEffect(() => {
+		if (!closeOn?.length) return;
+		const onWheel = (event) => {
+			if (!(event.target instanceof Element && event.target.closest("[role=\"menu\"]"))) closeMenu();
+		};
+		const listeners = [];
+		if (closeOn.includes("wheel")) listeners.push(["wheel", onWheel]);
+		if (closeOn.includes("blur")) listeners.push(["blur", closeMenu]);
+		if (closeOn.includes("resize")) listeners.push(["resize", closeMenu]);
+		for (const [type, listener] of listeners) window.addEventListener(type, listener, {
+			capture: true,
+			passive: true
+		});
+		return () => {
+			for (const [type, listener] of listeners) window.removeEventListener(type, listener, { capture: true });
+		};
+	}, [closeOn, closeMenu]);
 	const onOpenChange = useCallback((next, details) => {
 		if (next) return;
 		const element = current.current?.element;
@@ -61,6 +86,7 @@ function useContextMenu() {
 	}, [release]);
 	return {
 		openMenu,
+		closeMenu,
 		contextMenu: opened && /* @__PURE__ */ jsx(MenuFilter, {
 			search: opened.search,
 			children: (query) => /* @__PURE__ */ jsx(Menu.Root, {
@@ -85,15 +111,19 @@ function useContextMenu() {
 }
 var OpenMenuContext = createContext(null);
 var OpenedByContext = createContext(null);
+var CloseMenuContext = createContext(null);
 /** The one menu every row, button and canvas below it opens through `useOpenMenu`, so none
 *  renders a menu of its own. `UIProvider` mounts it; nothing else needs to. */
 function ContextMenuProvider({ children }) {
-	const { openMenu, contextMenu, openedBy } = useContextMenu();
+	const { openMenu, closeMenu, contextMenu, openedBy } = useContextMenu();
 	return /* @__PURE__ */ jsx(OpenMenuContext, {
 		value: openMenu,
-		children: /* @__PURE__ */ jsxs(OpenedByContext, {
-			value: openedBy,
-			children: [children, contextMenu]
+		children: /* @__PURE__ */ jsx(CloseMenuContext, {
+			value: closeMenu,
+			children: /* @__PURE__ */ jsxs(OpenedByContext, {
+				value: openedBy,
+				children: [children, contextMenu]
+			})
 		})
 	});
 }
@@ -106,9 +136,15 @@ var warnNoProvider = () => {
 function useOpenMenu() {
 	return use(OpenMenuContext) ?? warnNoProvider;
 }
+var noMenu = () => {};
+/** Closes the app's shared menu, if it is open, for a host whose surface moves out from under
+*  it in a way `closeOn` doesn't cover, such as a pane that switches. */
+function useCloseMenu() {
+	return use(CloseMenuContext) ?? noMenu;
+}
 /** The element the shared menu is open under, so its button can say it's expanded. */
 function useMenuOpenedBy() {
 	return use(OpenedByContext);
 }
 //#endregion
-export { ContextMenuProvider, useContextMenu, useMenuOpenedBy, useOpenMenu };
+export { ContextMenuProvider, useCloseMenu, useContextMenu, useMenuOpenedBy, useOpenMenu };

package/dist/components/Disclosure.d.ts

@@ -1,4 +1,4 @@
-import type { MouseEventHandler, ReactNode } from 'react';
+import { type MouseEventHandler, type ReactNode } from 'react';
 /** The height a collapsible panel animates as it opens and closes. It clips
  *  only while it moves, so focus rings and overflowing content show once open. */
 export declare const collapsePanelClassName = "h-(--collapsible-panel-height) transition-[height,opacity] duration-200 ease-out motion-reduce:transition-none data-starting-style:h-0 data-starting-style:overflow-hidden data-starting-style:opacity-0 data-ending-style:h-0 data-ending-style:overflow-hidden data-ending-style:opacity-0";
@@ -23,6 +23,10 @@ export interface DisclosureProps {
     /** Controls beside the summary, outside the toggle, so a row can hold buttons without
      *  nesting them in it. */
     actions?: ReactNode;
+    /** Controls that read as part of the summary, right after it on its line, such as a button
+     *  that says why a row failed. They sit outside the toggle, so no button holds another and
+     *  each is its own stop for Tab; a click on the rest of the line still toggles. */
+    summaryControls?: ReactNode;
     /** On the whole disclosure, summary and detail, such as a row's own menu. */
     onContextMenu?: MouseEventHandler<HTMLDivElement> | undefined;
     children: ReactNode;
@@ -30,7 +34,7 @@ export interface DisclosureProps {
 /** A line inside content that reveals more detail beneath it, such as a tool
  *  call's arguments or a model's reasoning. For a titled part of a page or
  *  form, which belongs in the page's outline, use Section. */
-export declare function Disclosure({ summary, open, onOpenChange, defaultOpen, disabled, keepMounted, className, summaryClassName, panelClassName, chevron, actions, onContextMenu, children, }: DisclosureProps): import("react").JSX.Element;
+export declare function Disclosure({ summary, open, onOpenChange, defaultOpen, disabled, keepMounted, className, summaryClassName, panelClassName, chevron, actions, summaryControls, onContextMenu, children, }: DisclosureProps): import("react").JSX.Element;
 /** The revealing panel alone, for a toggle that lives elsewhere, such as a
  *  tree row's chevron that names this panel with `aria-controls`. */
 export declare function DisclosurePanel({ open, id, keepMounted, className, children, }: {

package/dist/components/Disclosure.js

@@ -1,5 +1,6 @@
 import { cx } from "../cx.js";
 import { ChevronRightIcon } from "../icons.js";
+import { useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Collapsible } from "@base-ui/react/collapsible";
 //#region src/components/Disclosure.tsx
@@ -9,8 +10,11 @@ var collapsePanelClassName = "h-(--collapsible-panel-height) transition-[height,
 /** A line inside content that reveals more detail beneath it, such as a tool
 *  call's arguments or a model's reasoning. For a titled part of a page or
 *  form, which belongs in the page's outline, use Section. */
-function Disclosure({ summary, open, onOpenChange, defaultOpen = false, disabled = false, keepMounted = false, className, summaryClassName, panelClassName, chevron = true, actions, onContextMenu, children }) {
+function Disclosure({ summary, open, onOpenChange, defaultOpen = false, disabled = false, keepMounted = false, className, summaryClassName, panelClassName, chevron = true, actions, summaryControls, onContextMenu, children }) {
+	const trigger = useRef(null);
+	const hasControls = summaryControls !== void 0 && summaryControls !== null && summaryControls !== false;
 	const toggle = /* @__PURE__ */ jsxs(Collapsible.Trigger, {
+		ref: trigger,
 		className: cx("group/disclosure flex min-w-0 items-start gap-2 rounded-sm text-left focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-(--theme-focus)", disabled ? "cursor-default" : "cursor-pointer", summaryClassName),
 		children: [summary, !disabled && chevron && /* @__PURE__ */ jsx(ChevronRightIcon, {
 			"aria-hidden": "true",
@@ -24,7 +28,25 @@ function Disclosure({ summary, open, onOpenChange, defaultOpen = false, disabled
 		disabled,
 		className,
 		onContextMenu,
-		children: [actions ? /* @__PURE__ */ jsxs("div", {
+		children: [hasControls ? /* @__PURE__ */ jsxs("div", {
+			className: "flex min-w-0 items-center gap-2",
+			children: [
+				toggle,
+				/* @__PURE__ */ jsx("div", {
+					className: "flex shrink-0 items-center gap-1",
+					children: summaryControls
+				}),
+				/* @__PURE__ */ jsx("div", {
+					"aria-hidden": "true",
+					className: cx("min-w-0 flex-1 self-stretch", !disabled && "cursor-pointer"),
+					onClick: () => trigger.current?.click()
+				}),
+				actions && /* @__PURE__ */ jsx("div", {
+					className: "flex shrink-0 items-center gap-1",
+					children: actions
+				})
+			]
+		}) : actions ? /* @__PURE__ */ jsxs("div", {
 			className: "flex min-w-0 items-center gap-2",
 			children: [/* @__PURE__ */ jsx("div", {
 				className: "flex min-w-0 flex-1",

package/dist/index.d.ts

@@ -10,7 +10,7 @@ export { Checkbox, CheckboxGroup, type CheckboxProps } from './components/Checkb
 export { ColorInput, type ColorInputProps } from './components/ColorInput.js';
 export { Autocomplete, type AutocompleteProps, Combobox, type ComboboxGroup, type ComboboxItem, type ComboboxItems, type ComboboxProps, } from './components/Combobox.js';
 export { ConfirmModal, type ConfirmModalProps, type ConfirmRequest, useConfirm, } from './components/ConfirmModal.js';
-export { ContextMenuProvider, type MenuOpener, type OpenMenu, type OpenMenuOptions, useContextMenu, useMenuOpenedBy, useOpenMenu, } from './components/ContextMenu.js';
+export { ContextMenuProvider, type MenuCloseTrigger, type MenuOpener, type OpenMenu, type OpenMenuOptions, useCloseMenu, useContextMenu, useMenuOpenedBy, useOpenMenu, } from './components/ContextMenu.js';
 export { CopyButton, type CopyButtonProps, CopyCodeBlock, type CopyCodeBlockProps, } from './components/CopyButton.js';
 export { CreateModal, CreateModalSelect, CreateModalSwitch, } from './components/CreateModal.js';
 export { categoryClasses, categoryOf } from './components/category.js';

package/dist/index.js

@@ -2,7 +2,7 @@ import { cx } from "./cx.js";
 import { buttonClasses } from "./components/buttonClasses.js";
 import { EmptyState } from "./components/EmptyState.js";
 import { MenuCheckboxItem, MenuGroupLabel, MenuItem, MenuLinkItem, MenuPopup, MenuRadioItem, MenuSeparator, MenuSubmenuTrigger } from "./components/Menu.js";
-import { ContextMenuProvider, useContextMenu, useMenuOpenedBy, useOpenMenu } from "./components/ContextMenu.js";
+import { ContextMenuProvider, useCloseMenu, useContextMenu, useMenuOpenedBy, useOpenMenu } from "./components/ContextMenu.js";
 import { Loader } from "./components/Loader.js";
 import { toast } from "./components/Toast.js";
 import { Kbd, ariaKeyShortcuts, formatShortcut, isApplePlatform, shortcutText, useShortcutFormat } from "./components/Kbd.js";
@@ -83,4 +83,4 @@ import { ToggleGroup } from "./components/ToggleGroup.js";
 import { useClosingValue } from "./components/useClosingValue.js";
 import { useCssIsDark } from "./components/useCssIsDark.js";
 import { useApplyTheme, useColorMode } from "./components/useTheme.js";
-export { ActionMenu, AppLink, Autocomplete, Avatar, AvatarGroup, Breadcrumbs, Button, CODE_STYLES, Calendar, Callout, Card, CardHeader, ChartLegendList, ChartTooltipContent, Checkbox, CheckboxGroup, ColorInput, Combobox, ConfirmModal, ContextMenuProvider, CopyButton, CopyCodeBlock, CountBadge, CreateModal, CreateModalSelect, CreateModalSwitch, DEFAULT_CONTRAST, DEFAULT_PRESET, DEFAULT_THEME, DatePicker, DescriptionList, DescriptionListGroup, DescriptionListItem, Disclosure, DisclosurePanel, Drawer, Elapsed, EmptyState, ErrorPage, ErrorText, ExternalLink, Field, FieldOption, FieldValue, FileButton, HoverCard, IconButton, InfoTip, Input, JND, Kbd, LetterBadge, ListboxGroup, ListboxOption, ListboxPanel, Loader, LoadingRegion, Markdown, MenuCheckboxItem, MenuEntries, MenuFilter, MenuGroupLabel, MenuItem, MenuLinkItem, MenuPopup, MenuRadioItem, MenuSeparator, MenuSubmenuTrigger, Meter, MethodButton, Modal, ModalDescription, ModalTitle, NumberInput, OneTimeCodeInput, Overview, PAGE_SIZES, PageHeader, PageHeaderAction, PageHeaderAddButton, PageHeaderBar, PageHeaderMenu, PageHeaderProvider, Pagination, Popover, PopoverClose, ProgressBar, Radio, RadioGroup, RefreshButton, RelativeTime, RequiredMark, RevealToggle, RunStatusIcon, SIDEBAR_TOKENS, SearchInput, Section, SegmentedControl, Select, SelectionCopy, SeriesSwatch, SettingModeOption, SettingRow, SettingsCard, SettingsHeading, Skeleton, Slider, StatusBadge, StatusDot, StickyBar, Switch, THEME_PRESETS, THEME_TOKENS, TabPanel, Table, Tabs, Tag, TagList, Textarea, ThemeEditor, ThemePreview, TitleInput, ToggleGroup, Tooltip, TooltipProvider, UIProvider, apcaContrast, applyTheme, ariaKeyShortcuts, avatarInitials, buttonClasses, categoryClasses, categoryOf, collapsePanelClassName, composite, contrastRatio, cx, deltaE, deriveTheme, errorPageKind, fieldBox, fitSeed, formatBytes, formatCount, formatDateTime, formatDuration, formatInfoTipContent, formatShortcut, formatTimeLeft, generateTheme, isApplePlatform, isDarkColor, isMenuDivider, isMenuGroup, isMenuSubmenu, isPlainClick, isTextEntryContext, levelTone, menuDivider, modalPanelClassName, modeOf, normalizeTags, parseColor, parseTheme, prefersWideGamut, resolveMode, runStatusTone, schemeFor, serializeTheme, seriesColor, seriesColors, seriesOpacity, seriesSlotColor, shortcutText, statusTextClass, tagClasses, themeStylesheet, toHex, toP3, toast, useApplyTheme, useAvatarColoring, useClock, useClosePopover, useClosingValue, useColorMode, useConfirm, useContextMenu, useCopy, useCssIsDark, useElapsed, useFieldControl, useFieldLabelledControl, useListboxNavigation, useLocale, useMenuOpenedBy, useNavigation, useOpenMenu, useOptionalWorkflowEngine, usePersistedState, useProblemText, useProvisionCorsRules, useRelativeTime, useRunFile, useSeriesHighlight, useShortcutFormat, useShortcutKey, useSlots, useStrings, useWorkflowActions, useWorkflowEditing, useWorkflowEngine, useWorkflowEngineLoader };
+export { ActionMenu, AppLink, Autocomplete, Avatar, AvatarGroup, Breadcrumbs, Button, CODE_STYLES, Calendar, Callout, Card, CardHeader, ChartLegendList, ChartTooltipContent, Checkbox, CheckboxGroup, ColorInput, Combobox, ConfirmModal, ContextMenuProvider, CopyButton, CopyCodeBlock, CountBadge, CreateModal, CreateModalSelect, CreateModalSwitch, DEFAULT_CONTRAST, DEFAULT_PRESET, DEFAULT_THEME, DatePicker, DescriptionList, DescriptionListGroup, DescriptionListItem, Disclosure, DisclosurePanel, Drawer, Elapsed, EmptyState, ErrorPage, ErrorText, ExternalLink, Field, FieldOption, FieldValue, FileButton, HoverCard, IconButton, InfoTip, Input, JND, Kbd, LetterBadge, ListboxGroup, ListboxOption, ListboxPanel, Loader, LoadingRegion, Markdown, MenuCheckboxItem, MenuEntries, MenuFilter, MenuGroupLabel, MenuItem, MenuLinkItem, MenuPopup, MenuRadioItem, MenuSeparator, MenuSubmenuTrigger, Meter, MethodButton, Modal, ModalDescription, ModalTitle, NumberInput, OneTimeCodeInput, Overview, PAGE_SIZES, PageHeader, PageHeaderAction, PageHeaderAddButton, PageHeaderBar, PageHeaderMenu, PageHeaderProvider, Pagination, Popover, PopoverClose, ProgressBar, Radio, RadioGroup, RefreshButton, RelativeTime, RequiredMark, RevealToggle, RunStatusIcon, SIDEBAR_TOKENS, SearchInput, Section, SegmentedControl, Select, SelectionCopy, SeriesSwatch, SettingModeOption, SettingRow, SettingsCard, SettingsHeading, Skeleton, Slider, StatusBadge, StatusDot, StickyBar, Switch, THEME_PRESETS, THEME_TOKENS, TabPanel, Table, Tabs, Tag, TagList, Textarea, ThemeEditor, ThemePreview, TitleInput, ToggleGroup, Tooltip, TooltipProvider, UIProvider, apcaContrast, applyTheme, ariaKeyShortcuts, avatarInitials, buttonClasses, categoryClasses, categoryOf, collapsePanelClassName, composite, contrastRatio, cx, deltaE, deriveTheme, errorPageKind, fieldBox, fitSeed, formatBytes, formatCount, formatDateTime, formatDuration, formatInfoTipContent, formatShortcut, formatTimeLeft, generateTheme, isApplePlatform, isDarkColor, isMenuDivider, isMenuGroup, isMenuSubmenu, isPlainClick, isTextEntryContext, levelTone, menuDivider, modalPanelClassName, modeOf, normalizeTags, parseColor, parseTheme, prefersWideGamut, resolveMode, runStatusTone, schemeFor, serializeTheme, seriesColor, seriesColors, seriesOpacity, seriesSlotColor, shortcutText, statusTextClass, tagClasses, themeStylesheet, toHex, toP3, toast, useApplyTheme, useAvatarColoring, useClock, useCloseMenu, useClosePopover, useClosingValue, useColorMode, useConfirm, useContextMenu, useCopy, useCssIsDark, useElapsed, useFieldControl, useFieldLabelledControl, useListboxNavigation, useLocale, useMenuOpenedBy, useNavigation, useOpenMenu, useOptionalWorkflowEngine, usePersistedState, useProblemText, useProvisionCorsRules, useRelativeTime, useRunFile, useSeriesHighlight, useShortcutFormat, useShortcutKey, useSlots, useStrings, useWorkflowActions, useWorkflowEditing, useWorkflowEngine, useWorkflowEngineLoader };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parallelworks/ui",
-  "version": "0.79.0",
+  "version": "0.80.0",
   "description": "React UI components: a theme contract, icons, brand logos, primitives, lists, forms, a job graph, a code editor, a log viewer, a file explorer and an AI chat, each on its own subpath",
   "license": "Apache-2.0",
   "repository": {