@stackone/malachite 2.69.0 → 2.71.0

package/dist/index.d.ts

@@ -9,6 +9,29 @@ import { NamedExoticComponent } from 'react';
 import { ReactNode } from 'react';
 import { UseFormReturn } from 'react-hook-form';
 
+export declare type AccessEffect = 'read' | 'write' | 'delete';
+
+export declare const AccessPills: default_2.FC<AccessPillsProps>;
+
+export declare interface AccessPillsProps {
+    value: Record<AccessEffect, AccessPillState>;
+    /** Reports the pill pressed. Cascading the change to the other effects is the caller's call. */
+    onToggle: (effect: AccessEffect) => void;
+    /** An effect with nothing to grant, e.g. a connector with no delete actions. */
+    disabled?: Partial<Record<AccessEffect, boolean>>;
+    /** Why a pill is disabled, per effect or one sentence for all of them. */
+    disabledReason?: string | Partial<Record<AccessEffect, string>>;
+    size?: AccessPillsSize;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+}
+
+/** `dense` draws the pills smaller, for a narrow screen. */
+export declare type AccessPillsSize = 'default' | 'dense';
+
+/** `'mixed'` is partly on: some, not all, of the effect's actions are allowed. */
+export declare type AccessPillState = boolean | 'mixed';
+
 export declare const Accordion: default_2.FC<AccordionProps>;
 
 declare interface AccordionBaseProps {
@@ -157,6 +180,8 @@ export declare const AdvancedLogsIcon: React.FC<IconProps_4>;
 
 export declare const Alert: default_2.FC<AlertProps>;
 
+export declare type AlertLayout = 'inline' | 'banner';
+
 declare interface AlertProps {
     type?: AlertType;
     message: string;
@@ -176,6 +201,10 @@ declare interface AlertProps {
     live?: boolean;
     /** Routes root-relative links in `message` through the app's router; see `MarkdownBlock`. */
     renderLink?: RenderLink;
+    /** `banner`: a 48px page-wide band. Applies only without `children`. */
+    layout?: AlertLayout;
+    /** A bold sentence the message runs on from. Plain text, not markdown. */
+    lead?: string;
 }
 
 export declare type AlertType = 'info' | 'success' | 'error' | 'warning' | 'assistant';
@@ -383,6 +412,8 @@ declare interface ButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonE
     tooltip?: string;
     tooltipPlacement?: 'top' | 'bottom' | 'left' | 'right';
     iconOnly?: boolean;
+    /** Pulls a borderless button out by its own padding, so its label lines up with the text around it. */
+    flush?: boolean;
     children?: default_2.ReactNode;
     onClick?: default_2.MouseEventHandler<HTMLButtonElement & HTMLAnchorElement>;
     /** Renders the button as a real anchor, so a link action is never an <a> nested in a <button>. */
@@ -1627,6 +1658,7 @@ declare interface EllipsisTextProps {
     maxWidth?: string;
     color?: TextColor;
     size?: FontSize;
+    fontWeight?: FontWeight;
     /**
      * Show `tooltip` only when the text is actually cut off. Opt-in, because `tooltip` is any
      * node: a caller repeating the label wants this, and one supplying something the label does
@@ -3542,6 +3574,8 @@ export declare interface ModalProps {
     closeOnOverlayClick?: boolean;
     /** Whether the body gets default padding. Default: true. */
     bodyPadding?: boolean;
+    /** `tall`: 600px, or the viewport less 160px, for content that sizes to its box. */
+    bodyHeight?: 'auto' | 'tall';
     /** Full-width Alert bands at the top of the body, above `children`, in order. Unaffected by
      *  `bodyPadding`, and announced ahead of the dialog's description. The message is markdown. */
     callouts?: {
@@ -4004,6 +4038,8 @@ declare type PopoverFocusSource = {
 export declare interface PopoverHeaderProps {
     title: string;
     action?: default_2.ReactNode;
+    /** `false` drops the rule and sits the header 4px over the list. */
+    divider?: boolean;
 }
 
 export declare type PopoverInitialFocus = default_2.RefObject<HTMLElement | null> | (() => HTMLElement | null | undefined);
@@ -4287,6 +4323,7 @@ export declare interface SearchProps {
     /** 'large' (42px) for form inputs; 'medium' (32px) for toolbars; 'small' (28px) in a table. */
     size?: SearchSize;
     variant?: SearchVariant;
+    textSize?: SearchTextSize;
     disabled?: boolean;
     autoFocus?: boolean;
     className?: string;
@@ -4308,6 +4345,9 @@ export declare interface SearchProps {
 
 export declare type SearchSize = 'small' | 'medium' | 'large';
 
+/** `body` is the 14px body step at any size. */
+export declare type SearchTextSize = 'control' | 'body';
+
 export declare const SearchTrigger: default_2.ForwardRefExoticComponent<SearchTriggerProps & default_2.RefAttributes<HTMLButtonElement>>;
 
 export declare interface SearchTriggerProps extends Omit<default_2.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'className' | 'style' | 'color' | 'type'> {
@@ -4830,6 +4870,26 @@ export declare interface StatusBadgeProps {
 
 export declare type StatusBadgeType = 'success' | 'error' | 'warning' | 'info';
 
+export declare const StatusPill: default_2.FC<StatusPillProps>;
+
+export declare interface StatusPillProps {
+    label: string;
+    /** Set in the mono face after a `·`. */
+    detail?: string;
+    tone?: StatusPillTone;
+    icon?: default_2.ReactNode;
+    busy?: boolean;
+    /** Makes it a `status` live region. Off by default, as on `Alert`. */
+    live?: boolean;
+    /** Names the live region; only applies with `live`. */
+    'aria-label'?: string;
+    /** Only applies with `live`. */
+    'aria-labelledby'?: string;
+    className?: string;
+}
+
+export declare type StatusPillTone = 'success' | 'neutral' | 'warning' | 'error';
+
 export declare const StepCurrentIcon: React.FC<IconProps_104>;
 
 export declare const Stepper: default_2.FC<StepperProps>;
@@ -4962,6 +5022,8 @@ declare interface SurfaceRowChromeProps {
      * an outcome, where the result belongs to the whole line rather than to one cell in it.
      */
     tone?: 'default' | 'muted' | 'success' | 'error';
+    /** `compact` is an 8px by 16px inset the row owns. */
+    inset?: 'none' | 'compact';
     className?: string;
     style?: default_2.CSSProperties;
 }
@@ -5300,6 +5362,7 @@ export declare interface TextProps {
     children: default_2.ReactNode;
     tooltip?: string;
     textAlign?: 'left' | 'center' | 'right' | 'justify';
+    wrap?: boolean;
     /** The element it renders, for a heading or paragraph that keeps Text's look. */
     as?: TextElement;
     className?: string;
@@ -5431,6 +5494,9 @@ export declare interface ToolbarProps {
      *  the content it pins over — the consumer then owns the gutter. */
     padding?: 'none' | 'compact' | 'default';
     layout?: 'plain' | 'filters';
+    /** `page` paints the sunken page ground, for a bar that sits above a card. */
+    surface?: 'card' | 'page';
+    sticky?: boolean;
     className?: string;
     style?: default_2.CSSProperties;
 }
@@ -5560,12 +5626,18 @@ export declare interface WizardLayoutProps {
     showBack?: boolean;
     onBack?: () => void;
     backDisabled?: boolean;
+    /** `false` drops the hidden back button's square, so `leading` sits at the same inset as `trailing`. */
+    reserveBack?: boolean;
+    /** `large`: a 60px bar with 28px insets (52px and 16px below 640px), items centred. */
+    topBarSize?: 'default' | 'large';
     /** Top-left slot beside the back button — e.g. a user avatar menu. */
     leading?: default_2.ReactNode;
     /** Right top-bar slot (sits just before `stepper`) — e.g. a theme toggle. */
     stepper?: default_2.ReactNode;
     /** Far-right top-bar slot — e.g. a theme toggle. */
     trailing?: default_2.ReactNode;
+    /** A page-wide notice under the top bar, above `header`. */
+    banner?: default_2.ReactNode;
     /**
      * Pinned below the top bar and always visible while the content scrolls —
      * e.g. connection logos + a step title. Rendered in the same centred column
@@ -5580,6 +5652,8 @@ export declare interface WizardLayoutProps {
      * above sticky body content, so it reads as glass over the scrolling list.
      */
     footerGlass?: boolean;
+    /** `content` holds the footer to the content column, so a full-width action lines up with the list. */
+    footerAlign?: 'full' | 'content';
     /** Vertically centre the content (used for terminal/success screens). */
     center?: boolean;
     /** Max width of the centered content column. */