@parallelworks/ui 0.77.0 → 0.79.0

package/dist/index.d.ts

@@ -1,39 +1,44 @@
-export { ActionMenu } from './components/ActionMenu.js';
+export { ActionMenu, type ActionMenuProps } from './components/ActionMenu.js';
 export { AppLink, type AppLinkProps, isPlainClick, type LinkTarget, } from './components/AppLink.js';
-export { Avatar, type AvatarProps, type AvatarSize, type AvatarStatus, avatarInitials, } from './components/Avatar.js';
+export { Avatar, AvatarGroup, type AvatarGroupProps, type AvatarInitialsOptions, type AvatarKind, type AvatarProps, type AvatarShape, type AvatarSize, type AvatarStatus, avatarInitials, } from './components/Avatar.js';
 export { type Breadcrumb, Breadcrumbs, type BreadcrumbsProps } from './components/Breadcrumbs.js';
 export { Button, type ButtonProps, MethodButton } from './components/Button.js';
 export { type ButtonSize, type ButtonStyle, type ButtonVariant, buttonClasses, } from './components/buttonClasses.js';
 export { Callout, type CalloutProps, type CalloutTone } from './components/Callout.js';
-export { Card, CardHeader, type CardHeaderProps, type CardProps } from './components/Card.js';
+export { Card, CardHeader, type CardHeaderProps, type CardPadding, type CardProps, type CardSize, } from './components/Card.js';
 export { Checkbox, CheckboxGroup, type CheckboxProps } from './components/Checkbox.js';
 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 } from './components/ConfirmModal.js';
-export { type OpenMenu, type OpenMenuOptions, useContextMenu, } from './components/ContextMenu.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 { 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';
-export { DatePicker, type DatePickerProps } from './components/DatePicker.js';
-export { DescriptionListGroup, DescriptionListItem, type DescriptionListItemProps, type DescriptionListProps, type DescriptionListVariant, default as DescriptionList, } from './components/DescriptionList.js';
-export { Disclosure, DisclosurePanel, type DisclosureProps } from './components/Disclosure.js';
+export { type ChartLegendItem, ChartLegendList, ChartTooltipContent, type ChartTooltipItem, SeriesSwatch, type SeriesSwatchShape, seriesColor, seriesColors, seriesOpacity, seriesSlotColor, useSeriesHighlight, } from './components/chart.js';
+export { Calendar, type CalendarProps, DatePicker, type DatePickerProps, } from './components/DatePicker.js';
+export { DescriptionListGroup, DescriptionListItem, type DescriptionListItemProps, type DescriptionListProps, type DescriptionListSize, type DescriptionListVariant, default as DescriptionList, } from './components/DescriptionList.js';
+export { collapsePanelClassName, Disclosure, DisclosurePanel, type DisclosureProps, } from './components/Disclosure.js';
 export { Drawer, type DrawerProps } from './components/Drawer.js';
-export { EmptyState, type EmptyStateProps } from './components/EmptyState.js';
+export { EmptyState, type EmptyStateProps, type EmptyStateVariant } from './components/EmptyState.js';
+export { ErrorPage, type ErrorPageKind, type ErrorPageProps, errorPageKind, } from './components/ErrorPage.js';
 export { ExternalLink, type ExternalLinkProps } from './components/ExternalLink.js';
-export { ErrorText, Field, type FieldControlProps, type FieldLayout, FieldOption, type FieldProps, FieldValue, type FieldValueProps, RevealToggle, useFieldControl, useFieldLabelledControl, } from './components/Field.js';
+export { ErrorText, type ErrorTextProps, Field, type FieldControlProps, type FieldLayout, FieldOption, type FieldProps, FieldValue, type FieldValueProps, RevealToggle, useFieldControl, useFieldLabelledControl, } from './components/Field.js';
+export { FileButton, type FileButtonProps } from './components/FileButton.js';
 export { type FieldBoxOptions, type FieldBoxSize, fieldBox } from './components/fieldBox.js';
 export type { FloatingAnchor } from './components/floating.js';
 export { HoverCard, type HoverCardProps } from './components/HoverCard.js';
 export { IconButton, type IconButtonProps } from './components/IconButton.js';
 export { formatInfoTipContent, InfoTip } from './components/InfoTip.js';
-export { Input, type InputProps, Textarea, type TextareaProps } from './components/Input.js';
+export { Input, type InputProps, Textarea, type TextareaProps, TitleInput, type TitleInputProps, } from './components/Input.js';
+export { ariaKeyShortcuts, formatShortcut, isApplePlatform, Kbd, type KbdProps, type KbdSize, type KbdVariant, type KeyPlatform, shortcutText, useShortcutFormat, } from './components/Kbd.js';
 export { LetterBadge } from './components/LetterBadge.js';
+export { ListboxGroup, type ListboxNavigation, type ListboxNavigationOptions, ListboxOption, type ListboxOptionProps, ListboxPanel, type ListboxPanelProps, useListboxNavigation, } from './components/Listbox.js';
 export { Loader, type LoaderProps } from './components/Loader.js';
 export type { MarkdownProps } from './components/Markdown.js';
 export { default as Markdown } from './components/Markdown.js';
-export { MenuCheckboxItem, MenuGroupLabel, MenuItem, MenuLinkItem, MenuPopup, type MenuPopupProps, MenuRadioItem, MenuSeparator, MenuSubmenuTrigger, } from './components/Menu.js';
-export { type MenuAction, type MenuDivider, MenuEntries, type MenuEntry, MenuFilter, type MenuSearch, type MenuSubmenu, menuDivider, } from './components/MenuEntries.js';
-export { type BarSize, type BarTone, levelTone, Meter, ProgressBar, } from './components/Meter.js';
+export { MenuCheckboxItem, MenuGroupLabel, MenuItem, MenuLinkItem, MenuPopup, type MenuPopupProps, MenuRadioItem, MenuSeparator, type MenuSize, MenuSubmenuTrigger, } from './components/Menu.js';
+export { isMenuDivider, isMenuGroup, isMenuSubmenu, type MenuAction, type MenuDivider, MenuEntries, type MenuEntry, MenuFilter, type MenuGroup, type MenuSearch, type MenuSubmenu, menuDivider, } from './components/MenuEntries.js';
+export { type BarSize, type BarTone, type BarValuePlacement, levelTone, Meter, ProgressBar, type ProgressSegment, } from './components/Meter.js';
 export { Modal, ModalDescription, type ModalProps, type ModalSize, ModalTitle, modalPanelClassName, } from './components/Modal.js';
 export { NumberInput, type NumberInputProps } from './components/NumberInput.js';
 export { OneTimeCodeInput, type OneTimeCodeInputProps } from './components/OneTimeCodeInput.js';
@@ -42,35 +47,39 @@ export { PageHeader, PageHeaderBar, type PageHeaderBarProps, type PageHeaderProp
 export { PageHeaderAction, type PageHeaderActionProps, PageHeaderAddButton, type PageHeaderAddButtonProps, PageHeaderMenu, } from './components/PageHeaderAction.js';
 export { PAGE_SIZES, Pagination, type PaginationProps } from './components/Pagination.js';
 export { Popover, PopoverClose, type PopoverProps, useClosePopover, } from './components/Popover.js';
-export { type PersistedStateHook, type RunFileResult, type UIData, type UILinkComponent, type UINavigation, UIProvider, type UIProviderProps, type UISlots, type UIStringOverrides, type UIStrings, useNavigation, useOptionalWorkflowEngine, usePersistedState, useProvisionCorsRules, useRunFile, useSlots, useStrings, useWorkflowActions, useWorkflowEditing, useWorkflowEngine, useWorkflowEngineLoader, type WorkflowEngineSource, type WorkflowJsonRef, } from './components/Provider.js';
+export { type AvatarColoring, type CodedProblem, type PersistedStateHook, type ProblemMessage, type ProblemParams, type RunFileResult, type UIData, type UILinkComponent, type UINavigation, UIProvider, type UIProviderProps, type UISlots, type UIStringOverrides, type UIStrings, useAvatarColoring, useLocale, useNavigation, useOptionalWorkflowEngine, usePersistedState, useProblemText, useProvisionCorsRules, useRunFile, useSlots, useStrings, useWorkflowActions, useWorkflowEditing, useWorkflowEngine, useWorkflowEngineLoader, type WorkflowEngineSource, type WorkflowJsonRef, } from './components/Provider.js';
 export { Radio, RadioGroup, type RadioProps } from './components/Radio.js';
 export { RefreshButton, type RefreshButtonProps } from './components/RefreshButton.js';
 export { RequiredMark } from './components/RequiredMark.js';
-export { RunStatusIcon, runStatusTone } from './components/RunStatusIcon.js';
-export { Elapsed, RelativeTime, type RelativeTimeFormat, useClock, useElapsed, useRelativeTime, } from './components/relativeTime.js';
+export { RunStatusIcon, type RunStatusIconProps, type RunStatusIconStatus, runStatusTone, } from './components/RunStatusIcon.js';
+export { Elapsed, RelativeTime, type RelativeTimeFormat, type RelativeTimeProps, useClock, useElapsed, useRelativeTime, } from './components/relativeTime.js';
 export { SearchInput, type SearchInputProps } from './components/SearchInput.js';
-export { Section, type SectionProps, type SectionVariant, } from './components/Section.js';
-export { SegmentedControl, type SegmentedOption } from './components/SegmentedControl.js';
+export { Section, type SectionProps, type SectionTone, type SectionVariant, } from './components/Section.js';
+export { SegmentedControl, type SegmentedControlRootProps, type SegmentedOption, } from './components/SegmentedControl.js';
 export { Select, type SelectItem, type SelectProps } from './components/Select.js';
+export { SelectionCopy } from './components/SelectionCopy.js';
 export { SettingModeOption } from './components/SettingModeOption.js';
 export { SettingRow, SettingsCard, type SettingsCardProps, SettingsHeading, } from './components/SettingsCard.js';
 export { LoadingRegion, Skeleton, type SkeletonProps } from './components/Skeleton.js';
 export { Slider, type SliderProps } from './components/Slider.js';
-export { type BadgeVariant, StatusBadge, StatusDot, statusTextClass, } from './components/StatusBadge.js';
+export { type BadgeEmphasis, type BadgeShape, type BadgeSize, type BadgeVariant, CountBadge, type CountBadgeProps, StatusBadge, type StatusBadgeProps, StatusDot, statusTextClass, } from './components/StatusBadge.js';
 export { StickyBar, type StickyBarProps } from './components/StickyBar.js';
 export { Switch, type SwitchProps } from './components/Switch.js';
+export type { SegmentTone } from './components/segmented.js';
 export { isTextEntryContext, useShortcutKey } from './components/shortcutKey.js';
 export { type SortDirection, Table, type TableDensity } from './components/Table.js';
 export { type TabItem, TabPanel, Tabs, type TabsProps } from './components/Tabs.js';
+export { normalizeTags, Tag, type TagItem, TagList, type TagListProps, type TagProps, type TagStyle, tagClasses, } from './components/Tag.js';
 export { ThemeEditor, type ThemeEditorProps, ThemePreview } from './components/ThemeEditor.js';
 export { type ToastAction, type Toaster, type ToastOptions, type ToastTone, type ToastUpdate, toast, } from './components/Toast.js';
 export { ToggleGroup, type ToggleGroupOption, type ToggleGroupProps, } from './components/ToggleGroup.js';
 export { Tooltip, type TooltipProps, TooltipProvider, type TooltipSide, } from './components/Tooltip.js';
+export { useClosingValue } from './components/useClosingValue.js';
 export { type CopyOptions, useCopy } from './components/useCopy.js';
 export { useCssIsDark } from './components/useCssIsDark.js';
 export { useApplyTheme, useColorMode } from './components/useTheme.js';
 export { cx } from './cx.js';
 export type { EditRefusalReason, FieldPatch, GraphEdit, GraphEditResult, GraphEditState, GraphLayout, GraphPosition, GraphSlot, InputEdit, InputPath, LintFix, NeedRef, StepRef, WorkflowAction, WorkflowActionInput, WorkflowEditing, WorkflowLintContext, WorkflowLintProblem, } from './editing.js';
 export type { EngineJob, EngineStep, EvaluateOptions, ExpansionKeys, LogCommand, LogSegment, MatrixGroup, ProcessedLogLine, RunStatus, WorkflowEngine, WorkflowVariable, WorkflowVariables, } from './engine.js';
-export { formatBytes, formatCount, formatDateTime, formatDuration, formatTimeLeft, type TimeValue, } from './format.js';
+export { type DateTimeStyle, formatBytes, formatCount, formatDateTime, formatDuration, formatTimeLeft, type TimeValue, } from './format.js';
 export * from './theme/index.js';

package/dist/index.js

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

@@ -7,6 +7,10 @@ export type ToolbarAction = RowAction & {
      *  action at most: the rest are outlined, so it stands out. */
     primary?: boolean | undefined;
     hidden?: boolean;
+    /** Busy with what it started, such as a refresh: a spinner takes the icon's
+     *  place, and it keeps focus but can't be pressed again until done, in the
+     *  toolbar or as a row of its `…` menu. */
+    loading?: boolean | undefined;
 };
 /** A pre-rendered element (e.g. a button component that owns its modal). */
 interface ToolbarElement {

package/dist/list/ActionToolbar.js

@@ -3,14 +3,15 @@ import { buttonClasses } from "../components/buttonClasses.js";
 import { MoreIcon } from "../icons.js";
 import { MenuPopup, MenuSeparator } from "../components/Menu.js";
 import { isDev } from "../dev.js";
+import { Loader } from "../components/Loader.js";
 import { Tooltip } from "../components/Tooltip.js";
 import { useStrings } from "../components/Provider.js";
 import { AppLink } from "../components/AppLink.js";
 import { MenuEntries, useRunAction, warnIfInert } from "../components/MenuEntries.js";
 import { useStickyTop } from "../components/stickyTop.js";
 import { Menu } from "@base-ui/react/menu";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Fragment as Fragment$1, cloneElement, createContext, isValidElement, use, useLayoutEffect, useRef, useState } from "react";
+import { Fragment, cloneElement, createContext, isValidElement, use, useLayoutEffect, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "@base-ui/react/button";
 import { Toggle } from "@base-ui/react/toggle";
 import { Toolbar } from "@base-ui/react/toolbar";
@@ -29,19 +30,37 @@ function actionClasses(action, iconOnly) {
 		iconOnly
 	}), action.destructive && !primary && "text-(--theme-error-text)");
 }
+/** A loading action as its menu row shows it: the spinner for its icon, and
+*  not to be chosen until done. */
+function asMenuRow(action) {
+	return action.loading ? {
+		...action,
+		icon: /* @__PURE__ */ jsx(Loader, {
+			inline: true,
+			decorative: true,
+			size: "1em"
+		}),
+		disabled: true
+	} : action;
+}
 /** A toolbar action as a button: a link with `href`, a toggle with `checked`.
 *  In an ActionToolbar it is one of its items, reached with the arrow keys. */
 function ToolbarButton({ action }) {
 	const placement = use(PlacementContext);
 	const runAction = useRunAction();
 	const folded = use(FoldedContext);
-	if (placement === "menu") return /* @__PURE__ */ jsx(MenuEntries, { entries: [action] });
+	if (placement === "menu") return /* @__PURE__ */ jsx(MenuEntries, { entries: [asMenuRow(action)] });
 	warnIfInert(action, "ActionToolbar");
+	const loading = action.loading === true;
 	const iconOnly = Boolean(action.icon) && placement === "toolbar" && folded;
 	const className = actionClasses(action, iconOnly);
 	const reason = action.disabled ? action.disabledReason : void 0;
-	const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-		action.icon,
+	const content = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+		loading ? /* @__PURE__ */ jsx(Loader, {
+			inline: true,
+			decorative: true,
+			size: "1em"
+		}) : action.icon,
 		iconOnly ? /* @__PURE__ */ jsx("span", {
 			className: "sr-only",
 			children: action.label
@@ -59,7 +78,8 @@ function ToolbarButton({ action }) {
 			href: action.href,
 			reloadDocument: action.reloadDocument,
 			target: action.target,
-			disabled: action.disabled,
+			disabled: action.disabled || loading,
+			"aria-busy": loading || void 0,
 			className
 		});
 		control = inToolbar ? /* @__PURE__ */ jsx(Toolbar.Link, {
@@ -70,19 +90,22 @@ function ToolbarButton({ action }) {
 		const toggle = /* @__PURE__ */ jsx(Toggle, {
 			pressed: action.checked,
 			onPressedChange: run,
-			disabled: action.disabled,
+			disabled: action.disabled || loading,
+			"aria-busy": loading || void 0,
 			className
 		});
 		control = inToolbar ? /* @__PURE__ */ jsx(Toolbar.Button, {
 			render: toggle,
-			disabled: action.disabled,
+			disabled: action.disabled || loading,
+			focusableWhenDisabled: true,
 			children: content
 		}) : cloneElement(toggle, void 0, content);
 	} else {
 		const Control = inToolbar ? Toolbar.Button : Button;
 		control = /* @__PURE__ */ jsx(Control, {
 			onClick: run,
-			disabled: action.disabled,
+			disabled: action.disabled || loading,
+			"aria-busy": loading || void 0,
 			focusableWhenDisabled: true,
 			className,
 			children: content
@@ -115,7 +138,7 @@ function OverflowMenu({ items }) {
 		className: "min-w-56",
 		children: /* @__PURE__ */ jsx(PlacementContext, {
 			value: "menu",
-			children: items.map((group, i) => /* @__PURE__ */ jsxs(Fragment$1, { children: [i > 0 && /* @__PURE__ */ jsx(MenuSeparator, {}), group.map((item) => "element" in item ? /* @__PURE__ */ jsx(Fragment$1, { children: item.element }, item.key) : /* @__PURE__ */ jsx(MenuEntries, { entries: [item] }, item.key))] }, group[0]?.key ?? i))
+			children: items.map((group, i) => /* @__PURE__ */ jsxs(Fragment, { children: [i > 0 && /* @__PURE__ */ jsx(MenuSeparator, {}), group.map((item) => "element" in item ? /* @__PURE__ */ jsx(Fragment, { children: item.element }, item.key) : /* @__PURE__ */ jsx(MenuEntries, { entries: [asMenuRow(item)] }, item.key))] }, group[0]?.key ?? i))
 		})
 	})] });
 }
@@ -241,7 +264,7 @@ function MeasuringCopy({ items, ref }) {
 		children: /* @__PURE__ */ jsx("div", {
 			ref,
 			className: "flex w-max gap-1",
-			children: items.map((item) => "element" in item ? null : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("span", {
+			children: items.map((item) => "element" in item ? null : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("span", {
 				"data-measure": item.key,
 				"data-fold": "full",
 				className: actionClasses(item, false),
@@ -299,7 +322,7 @@ function ActionToolbar({ groups, right = [], sticky = false, label }) {
 			items: all
 		}), /* @__PURE__ */ jsxs(PlacementContext, {
 			value: "toolbar",
-			children: [shownGroups.map((group, i) => /* @__PURE__ */ jsxs(Fragment$1, { children: [i > 0 && /* @__PURE__ */ jsx(Toolbar.Separator, {
+			children: [shownGroups.map((group, i) => /* @__PURE__ */ jsxs(Fragment, { children: [i > 0 && /* @__PURE__ */ jsx(Toolbar.Separator, {
 				orientation: "vertical",
 				className: "h-5 w-px shrink-0 bg-(--theme-border)"
 			}), /* @__PURE__ */ jsx(Toolbar.Group, {

package/dist/list/ListFilterBar.d.ts

@@ -0,0 +1,42 @@
+import { type ReactElement, type ReactNode } from 'react';
+import { type ActiveFilter, type FilterField } from './filterModel.js';
+import type { ListFilters } from './useListFilters.js';
+type Field = FilterField<any>;
+interface ChipProps {
+    filters: ListFilters;
+    filter: ActiveFilter;
+    field: Field;
+    /** Full width, as the phone sheet stacks them. */
+    stretch?: boolean;
+    /** Whether this chip answers requests to open its pickers. */
+    answers: boolean;
+    /** Called after Backspace or Delete removed it, to move focus on. */
+    onRemoved?: () => void;
+}
+/** One filter as a sentence: its field, its condition and its values, each opening its own
+ *  picker, and a button that removes it. */
+export declare function FilterChip({ filters, filter, field, stretch, answers, onRemoved, }: ChipProps): import("react").JSX.Element;
+export interface AddFilterMenuProps {
+    filters: ListFilters;
+    /** The button that opens it: the toolbar's Filter button, or the row's "+ Filter". */
+    trigger: ReactElement;
+    /** Where it opens against its trigger. */
+    align?: 'start' | 'end';
+}
+/** The fields a filter can be added on. Picking one adds its chip and opens its value picker
+ *  there; a field already in use opens its chip's picker. */
+export declare function AddFilterMenu({ filters, trigger, align }: AddFilterMenuProps): import("react").JSX.Element;
+export interface ListFilterBarProps {
+    filters: ListFilters | undefined;
+    /** At the row's end, such as Save view or Update view. */
+    trailing?: ReactNode;
+    /** Names the row; defaults to the provider's `filters.activeFilters`. */
+    label?: string | undefined;
+    className?: string | undefined;
+}
+/** The chips that say what narrows a list, under its toolbar: one per filter, each editable in
+ *  place, then "+ Filter" and Clear (or Reset, where the page has default filters). It shows
+ *  only while a filter is on or a field is required. At phone width it stops at two lines and
+ *  a "+n filters" chip opens the rest in a sheet. */
+export declare function ListFilterBar({ filters, trailing, label, className }: ListFilterBarProps): import("react").JSX.Element | null;
+export {};