@stackone/malachite 2.59.0 → 2.61.0

package/dist/index.d.ts

@@ -1256,6 +1256,7 @@ export declare const CustomIcons: {
     LayoutIcon: FC<IconProps>;
     LibraryIcon: FC<IconProps>;
     LinkIcon: FC<IconProps>;
+    ListChecksIcon: FC<IconProps>;
     LogsIcon: FC<IconProps>;
     MagicWandIcon: FC<IconProps>;
     ManageTeamIcon: FC<IconProps>;
@@ -1963,6 +1964,13 @@ declare interface IconProps_115 {
     onClick?: () => void;
 }
 
+declare interface IconProps_116 {
+    size?: number | string;
+    className?: string;
+    style?: CSSProperties;
+    onClick?: () => void;
+}
+
 declare interface IconProps_12 {
     size?: number | string;
     className?: string;
@@ -2800,6 +2808,8 @@ declare interface LinkProps_2 {
     fontSize?: 'sm' | 'base';
 }
 
+export declare const ListChecksIcon: React.FC<IconProps_66>;
+
 export declare const LoadingBar: default_2.FC<LoadingBarProps>;
 
 export declare interface LoadingBarProps {
@@ -2826,9 +2836,9 @@ export declare type LoadingBarSize = 'small' | 'medium' | 'large';
 
 export declare type LoadingBarVariant = 'default' | 'warning' | 'error';
 
-export declare const LogsIcon: React.FC<IconProps_66>;
+export declare const LogsIcon: React.FC<IconProps_67>;
 
-export declare const MagicWandIcon: React.FC<IconProps_67>;
+export declare const MagicWandIcon: React.FC<IconProps_68>;
 
 /**
  * MalachiteContext provides a Shadow DOM context with theme setup for Malachite components.
@@ -3307,9 +3317,9 @@ export declare interface MalachiteTheme {
     };
 }
 
-export declare const ManageTeamIcon: React.FC<IconProps_68>;
+export declare const ManageTeamIcon: React.FC<IconProps_69>;
 
-export declare const ManualWebhookIcon: React.FC<IconProps_69>;
+export declare const ManualWebhookIcon: React.FC<IconProps_70>;
 
 /** `inert` draws links without an anchor, for markdown inside a <button>. */
 export declare type MarkdownLinks = 'interactive' | 'inert';
@@ -3330,15 +3340,15 @@ export declare interface MarkdownProps {
 /** `inline`: one line of inline syntax, with no autolinked emails or URLs. */
 export declare type MarkdownVariant = 'block' | 'flow' | 'inline';
 
-export declare const MarkReadIcon: React.FC<IconProps_70>;
+export declare const MarkReadIcon: React.FC<IconProps_71>;
 
-export declare const MarkUnreadIcon: React.FC<IconProps_71>;
+export declare const MarkUnreadIcon: React.FC<IconProps_72>;
 
-export declare const MembersIcon: React.FC<IconProps_72>;
+export declare const MembersIcon: React.FC<IconProps_73>;
 
 export declare const Modal: default_2.FC<ModalProps>;
 
-export declare const ModalIcon: React.FC<IconProps_73>;
+export declare const ModalIcon: React.FC<IconProps_74>;
 
 export declare interface ModalProps {
     open: boolean;
@@ -3394,9 +3404,9 @@ export declare type ModalSize = 'small' | 'medium' | 'large';
 
 export declare type ModalTrayTone = 'neutral' | 'warning' | 'error' | 'success';
 
-export declare const MoreHorizontalIcon: React.FC<IconProps_74>;
+export declare const MoreHorizontalIcon: React.FC<IconProps_75>;
 
-export declare const MoreVerticalIcon: React.FC<IconProps_75>;
+export declare const MoreVerticalIcon: React.FC<IconProps_76>;
 
 export declare const MultiSelect: default_2.FC<MultiSelectProps>;
 
@@ -3488,9 +3498,9 @@ export declare type MultiSelectSize = 'small' | 'medium' | 'large';
 
 declare type NativeProps = Omit<default_2.HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style' | 'color' | 'title'>;
 
-export declare const NavbarCollapseIcon: React.FC<IconProps_76>;
+export declare const NavbarCollapseIcon: React.FC<IconProps_77>;
 
-export declare const NavbarExpandIcon: React.FC<IconProps_77>;
+export declare const NavbarExpandIcon: React.FC<IconProps_78>;
 
 export declare const NavItem: default_2.ForwardRefExoticComponent<NavItemProps & default_2.RefAttributes<HTMLElement>>;
 
@@ -3532,7 +3542,7 @@ export declare interface NavItemLinkProps extends NavItemBaseProps {
 
 export declare type NavItemProps = NavItemLinkProps | NavItemAsChildProps;
 
-export declare const NotFoundIcon: React.FC<IconProps_78>;
+export declare const NotFoundIcon: React.FC<IconProps_79>;
 
 export declare const NumberTag: default_2.FC<NumberTagProps>;
 
@@ -3547,7 +3557,7 @@ export declare interface NumberTagProps {
     className?: string;
 }
 
-export declare const OrganizationIcon: React.FC<IconProps_79>;
+export declare const OrganizationIcon: React.FC<IconProps_80>;
 
 export declare const OverflowRow: default_2.FC<OverflowRowProps>;
 
@@ -3721,11 +3731,11 @@ declare type PillButtonTone = 'default' | 'assistant';
 
 declare type PillButtonVariant = 'default' | 'inverted';
 
-export declare const PinIcon: React.FC<IconProps_80>;
+export declare const PinIcon: React.FC<IconProps_81>;
 
-export declare const PlaygroundIcon: React.FC<IconProps_81>;
+export declare const PlaygroundIcon: React.FC<IconProps_82>;
 
-export declare const PlusIcon: React.FC<IconProps_82>;
+export declare const PlusIcon: React.FC<IconProps_83>;
 
 export declare const Popover: default_2.FC<PopoverProps> & {
     Header: default_2.FC< PopoverHeaderProps>;
@@ -3786,7 +3796,7 @@ export declare type PopoverPlacement = FloatingPlacement;
 
 export declare type PopoverProps = PopoverBaseProps & PopoverName;
 
-export declare const PreviewIcon: React.FC<IconProps_83>;
+export declare const PreviewIcon: React.FC<IconProps_84>;
 
 /** A translucent rounded card that groups {@link PreviewTreeRow}s into a tree preview. */
 export declare const PreviewTree: default_2.FC<PreviewTreeProps>;
@@ -3807,7 +3817,7 @@ declare interface PreviewTreeRowProps {
     expanded?: boolean;
 }
 
-export declare const ProgrammaticWebhookIcon: React.FC<IconProps_84>;
+export declare const ProgrammaticWebhookIcon: React.FC<IconProps_85>;
 
 export declare const Progress: default_2.FC<ProgressProps>;
 
@@ -3858,7 +3868,7 @@ declare interface ProgressValueProps extends ProgressCommonProps {
     max?: never;
 }
 
-export declare const PulseIcon: React.FC<IconProps_85>;
+export declare const PulseIcon: React.FC<IconProps_86>;
 
 export declare const QueryInput: default_2.FC<QueryInputProps>;
 
@@ -3935,7 +3945,7 @@ export declare interface RadioProps {
     id?: string;
 }
 
-export declare const RefreshIcon: React.FC<IconProps_86>;
+export declare const RefreshIcon: React.FC<IconProps_87>;
 
 export declare interface RegularLayoutProps {
     breadcrumbLinks?: BreadcrumbLink[];
@@ -3967,9 +3977,9 @@ export declare interface RegularLayoutProps {
     style?: default_2.CSSProperties;
 }
 
-export declare const RejectIcon: React.FC<IconProps_87>;
+export declare const RejectIcon: React.FC<IconProps_88>;
 
-export declare const ReloadIcon: React.FC<IconProps_88>;
+export declare const ReloadIcon: React.FC<IconProps_89>;
 
 /**
  * Renders an in-app link through the app's own link component, spreading every field onto it:
@@ -3984,9 +3994,9 @@ export declare type RenderLink = (props: {
     'aria-label'?: string;
 }) => default_2.ReactNode;
 
-export declare const ReplyIcon: React.FC<IconProps_89>;
+export declare const ReplyIcon: React.FC<IconProps_90>;
 
-export declare const RequiredFieldIndicatorIcon: React.FC<IconProps_90>;
+export declare const RequiredFieldIndicatorIcon: React.FC<IconProps_91>;
 
 export declare type RequiredIndicator = 'optional-suffix' | 'asterisk' | 'none';
 
@@ -4010,9 +4020,10 @@ declare const Row: default_2.FC<KeyValueListRowProps>;
 
 export declare type RowVariant = 'success' | 'warning' | 'error' | 'info';
 
-export declare const Search: default_2.FC<SearchProps>;
+/** Forwards a ref to the input, so a consumer can focus the field. */
+export declare const Search: default_2.ForwardRefExoticComponent<SearchProps & default_2.RefAttributes<HTMLInputElement>>;
 
-export declare const SearchIcon: React.FC<IconProps_91>;
+export declare const SearchIcon: React.FC<IconProps_92>;
 
 export declare interface SearchProps {
     value: string;
@@ -4026,6 +4037,18 @@ export declare interface SearchProps {
     className?: string;
     width?: string | number;
     style?: default_2.CSSProperties;
+    /**
+     * Shows a clear button while the field has text, and lets Escape clear it. Either way focus
+     * stays in the field, and Escape that clears is not also passed to a surrounding panel.
+     */
+    clearable?: boolean;
+    /** Called after `onChange('')` when the clear button or Escape empties the field. */
+    onClear?: () => void;
+    /** Runs before Search's own Escape handling; call `preventDefault()` to skip it. */
+    onKeyDown?: default_2.KeyboardEventHandler<HTMLInputElement>;
+    /** The field's accessible name. Falls back to the placeholder, then "Search". */
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
 }
 
 export declare type SearchSize = 'small' | 'medium' | 'large';
@@ -4056,7 +4079,7 @@ declare interface SectionTitleProps {
     style?: default_2.CSSProperties;
 }
 
-export declare const SecurityIcon: React.FC<IconProps_92>;
+export declare const SecurityIcon: React.FC<IconProps_93>;
 
 /**
  * A rounded track of mutually-exclusive options — the segmented "one of these" control.
@@ -4226,7 +4249,7 @@ export declare interface SelectionBarProps {
     className?: string;
 }
 
-export declare const SendIcon: React.FC<IconProps_93>;
+export declare const SendIcon: React.FC<IconProps_94>;
 
 export declare const SettingRow: default_2.FC<SettingRowProps>;
 
@@ -4248,7 +4271,7 @@ export declare interface SettingRowProps {
     className?: string;
 }
 
-export declare const SettingsIcon: React.FC<IconProps_94>;
+export declare const SettingsIcon: React.FC<IconProps_95>;
 
 /**
  * ShadowEscape renders its children OUTSIDE the Shadow DOM to avoid React hook issues.
@@ -4398,7 +4421,7 @@ export declare interface SidePanelProps {
     children: default_2.ReactNode;
 }
 
-export declare const SignOutIcon: React.FC<IconProps_95>;
+export declare const SignOutIcon: React.FC<IconProps_96>;
 
 export declare const Skeleton: {
     Button: default_2.FC<SkeletonButtonProps>;
@@ -4432,11 +4455,11 @@ declare type SkeletonShape = 'default' | 'round' | 'circle' | 'square';
 
 declare type SkeletonSize = 'small' | 'default' | 'large';
 
-export declare const SliderIcon: React.FC<IconProps_96>;
+export declare const SliderIcon: React.FC<IconProps_97>;
 
-export declare const SortIcon: React.FC<IconProps_97>;
+export declare const SortIcon: React.FC<IconProps_98>;
 
-export declare const SourceIcon: React.FC<IconProps_98>;
+export declare const SourceIcon: React.FC<IconProps_99>;
 
 export declare const Spacer: default_2.FC<SpacerProps>;
 
@@ -4460,7 +4483,7 @@ export declare enum SpacingSize {
     Large = "large"
 }
 
-export declare const SparkleIcon: React.FC<IconProps_99>;
+export declare const SparkleIcon: React.FC<IconProps_100>;
 
 export declare const Spinner: default_2.FC<SpinnerProps>;
 
@@ -4480,7 +4503,7 @@ declare interface SplitScreenLayoutProps {
     footer?: default_2.ReactNode;
 }
 
-export declare const StarIcon: React.FC<IconProps_100>;
+export declare const StarIcon: React.FC<IconProps_101>;
 
 export declare const StatBadge: default_2.FC<StatBadgeProps>;
 
@@ -4552,7 +4575,7 @@ export declare interface StatusBadgeProps {
 
 export declare type StatusBadgeType = 'success' | 'error' | 'warning' | 'info';
 
-export declare const StepCurrentIcon: React.FC<IconProps_101>;
+export declare const StepCurrentIcon: React.FC<IconProps_102>;
 
 export declare const Stepper: default_2.FC<StepperProps>;
 
@@ -4593,7 +4616,7 @@ export declare interface StepTabsProps {
     className?: string;
 }
 
-export declare const StepUpcomingIcon: React.FC<IconProps_102>;
+export declare const StepUpcomingIcon: React.FC<IconProps_103>;
 
 export declare type SubtitleLayout = 'inline' | 'stacked';
 
@@ -4670,8 +4693,10 @@ declare interface SurfaceRowChromeProps {
     disabled?: boolean;
     /** Announces the row as selected — `aria-checked` under a `radio`/`checkbox` role,
      *  `aria-current` otherwise — and paints `Table`'s selected treatment unless `selection`
-     *  says not to. */
-    selected?: boolean;
+     *  says not to. `'mixed'` is for a `checkbox` row that is partly selected: it announces
+     *  `aria-checked="mixed"` there, never paints and never marks the row current, and counts
+     *  as not selected under any other role. */
+    selected?: boolean | 'mixed';
     /** How a `selected` row shows it. `highlight` paints the treatment; `announce` leaves the
      *  visual to a control inside the row and only sets the ARIA state. Defaults to `announce`
      *  under `role="checkbox"` and `highlight` otherwise. */
@@ -4703,6 +4728,12 @@ export declare interface SurfaceRowProps extends SurfaceRowChromeProps {
     rel?: string;
     /** Content pinned right, outside the row button, so it may hold its own control. */
     trailing?: default_2.ReactNode;
+    /**
+     * Shows `trailing` only while the row is hovered or holds focus, and while a menu
+     * it opened is still open. Hidden by opacity, so it stays in the tab order; a touch screen,
+     * which has no hover, always shows it.
+     */
+    revealTrailing?: boolean;
     /** ARIA role for a clickable row, e.g. `radio`/`checkbox` (wrap the list in a `radiogroup`). */
     role?: default_2.AriaRole;
     'aria-label'?: string;
@@ -4724,7 +4755,7 @@ export declare interface SwatchProps {
     style?: default_2.CSSProperties;
 }
 
-export declare const SyntheticWebhookIcon: React.FC<IconProps_103>;
+export declare const SyntheticWebhookIcon: React.FC<IconProps_104>;
 
 export declare interface TabItem {
     key: string;
@@ -5036,9 +5067,9 @@ export declare interface ThemeScopeProps {
     children?: default_2.ReactNode;
 }
 
-export declare const ThumbsDownIcon: React.FC<IconProps_104>;
+export declare const ThumbsDownIcon: React.FC<IconProps_105>;
 
-export declare const ThumbsUpIcon: React.FC<IconProps_105>;
+export declare const ThumbsUpIcon: React.FC<IconProps_106>;
 
 export declare const Toggle: default_2.ForwardRefExoticComponent<ToggleProps & default_2.RefAttributes<HTMLElement>>;
 
@@ -5157,11 +5188,11 @@ declare interface TooltipProps {
     focusableTrigger?: boolean;
 }
 
-export declare const TrashIcon: React.FC<IconProps_106>;
+export declare const TrashIcon: React.FC<IconProps_107>;
 
-export declare const TriangleDownIcon: React.FC<IconProps_107>;
+export declare const TriangleDownIcon: React.FC<IconProps_108>;
 
-export declare const TriangleRightIcon: React.FC<IconProps_108>;
+export declare const TriangleRightIcon: React.FC<IconProps_109>;
 
 /**
  * TruncatedTooltip renders its children in a single-line truncating container
@@ -5205,9 +5236,9 @@ export declare const Typography: {
     Text: FC<TextProps>;
 };
 
-export declare const UnarchiveIcon: React.FC<IconProps_109>;
+export declare const UnarchiveIcon: React.FC<IconProps_110>;
 
-export declare const UploadIcon: React.FC<IconProps_110>;
+export declare const UploadIcon: React.FC<IconProps_111>;
 
 export declare const UsageCard: default_2.FC<UsageCardProps>;
 
@@ -5229,15 +5260,15 @@ export declare const useHasOpenOverlay: () => boolean;
 
 export declare const useSidebarCollapsed: () => boolean;
 
-export declare const WarningCircleFilled: React.FC<IconProps_111>;
+export declare const WarningCircleFilled: React.FC<IconProps_112>;
 
-export declare const WarningTriangleIcon: React.FC<IconProps_112>;
+export declare const WarningTriangleIcon: React.FC<IconProps_113>;
 
-export declare const WebhookEventsIcon: React.FC<IconProps_113>;
+export declare const WebhookEventsIcon: React.FC<IconProps_114>;
 
-export declare const WebhookIcon: React.FC<IconProps_114>;
+export declare const WebhookIcon: React.FC<IconProps_115>;
 
-export declare const WebhookSigningSecretIcon: React.FC<IconProps_115>;
+export declare const WebhookSigningSecretIcon: React.FC<IconProps_116>;
 
 export declare type WidthSize = 'large' | 'medium' | 'small' | 'xsmall';