@parallelworks/ui 0.60.0 → 0.62.0

package/dist/form/Fields/BooleanField.js

@@ -16,10 +16,17 @@ function BooleanField(props) {
 	const onOption = field.options ? String(field.options.onOption ?? true) : true;
 	const offOption = field.options ? String(field.options.offOption ?? false) : false;
 	const checked = value === true || value === "true" || value === onOption;
-	const stateName = (option) => typeof option === "string" ? option.charAt(0).toUpperCase() + option.slice(1).toLowerCase() : void 0;
+	const option = checked ? onOption : offOption;
+	const stateName = typeof option === "string" ? /* @__PURE__ */ jsx("span", {
+		"aria-hidden": "true",
+		className: "font-normal text-(--theme-muted-text-color)",
+		children: option.charAt(0).toUpperCase() + option.slice(1).toLowerCase()
+	}) : void 0;
 	return /* @__PURE__ */ jsx(Field, {
 		...fieldFrame(props),
 		required: false,
+		controlFirst: true,
+		hint: stateName,
 		children: (control) => /* @__PURE__ */ jsx(Tooltip, {
 			content: field.disabled_message,
 			disabled: !disabled,
@@ -29,8 +36,6 @@ function BooleanField(props) {
 				render: /* @__PURE__ */ jsx("button", { type: "button" }),
 				checked,
 				onCheckedChange: (on) => handleChange(on ? onOption : offOption),
-				onLabel: stateName(onOption),
-				offLabel: stateName(offOption),
 				disabled
 			})
 		})

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export { ActionMenu } 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 { 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';
@@ -37,7 +38,7 @@ export { Modal, ModalDescription, type ModalProps, type ModalSize, ModalTitle, m
 export { NumberInput, type NumberInputProps } from './components/NumberInput.js';
 export { OneTimeCodeInput, type OneTimeCodeInputProps } from './components/OneTimeCodeInput.js';
 export { Overview, type OverviewProps } from './components/Overview.js';
-export { type Breadcrumb, PageHeader, PageHeaderBar, type PageHeaderBarProps, type PageHeaderProps, PageHeaderProvider, } from './components/PageHeader.js';
+export { PageHeader, PageHeaderBar, type PageHeaderBarProps, type PageHeaderProps, PageHeaderProvider, } from './components/PageHeader.js';
 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';

package/dist/index.js

@@ -12,6 +12,8 @@ import { MenuEntries, MenuFilter, menuDivider } from "./components/MenuEntries.j
 import { ActionMenu } from "./components/ActionMenu.js";
 import { categoryClasses, categoryOf } from "./components/category.js";
 import { Avatar, 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";
 import { isTextEntryContext, useShortcutKey } from "./components/shortcutKey.js";
 import { IconButton } from "./components/IconButton.js";
@@ -49,7 +51,6 @@ import Markdown from "./components/Markdown.js";
 import { Meter, ProgressBar, levelTone } from "./components/Meter.js";
 import { NumberInput } from "./components/NumberInput.js";
 import { OneTimeCodeInput } from "./components/OneTimeCodeInput.js";
-import { LoadingRegion, Skeleton } from "./components/Skeleton.js";
 import { Overview } from "./components/Overview.js";
 import { PageHeader, PageHeaderBar, PageHeaderProvider } from "./components/PageHeader.js";
 import { PageHeaderAction, PageHeaderAddButton, PageHeaderMenu } from "./components/PageHeaderAction.js";
@@ -74,4 +75,4 @@ import { ThemeEditor, ThemePreview } from "./components/ThemeEditor.js";
 import { ToggleGroup } from "./components/ToggleGroup.js";
 import { useCssIsDark } from "./components/useCssIsDark.js";
 import { useApplyTheme, useColorMode } from "./components/useTheme.js";
-export { ActionMenu, AppLink, Autocomplete, Avatar, 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, 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 };

package/dist/list/ListTable.js

@@ -3,8 +3,8 @@ import { ErrorIcon } from "../icons.js";
 import { positionKeys } from "../components/keys.js";
 import { useStrings } from "../components/Provider.js";
 import { AppLink } from "../components/AppLink.js";
-import { Checkbox } from "../components/Checkbox.js";
 import { LoadingRegion, Skeleton } from "../components/Skeleton.js";
+import { Checkbox } from "../components/Checkbox.js";
 import { Table } from "../components/Table.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useContext } from "react";

package/dist/list/UserHoverCard.js

@@ -1,8 +1,8 @@
 import { cx } from "../cx.js";
 import { useLink, useStrings } from "../components/Provider.js";
 import { Avatar } from "../components/Avatar.js";
-import { CopyButton } from "../components/CopyButton.js";
 import { LoadingRegion, Skeleton } from "../components/Skeleton.js";
+import { CopyButton } from "../components/CopyButton.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/list/UserHoverCard.tsx
 function UserHoverCard({ username, name, avatarSrc, badge, href, linkComponent, loading = false, children }) {