@stackone/malachite 2.37.1 → 2.39.0

package/dist/index.d.ts

@@ -90,12 +90,9 @@ export declare interface ActionBarProps {
 }
 
 /**
- * ActionMenu is a kebab-style overflow action menu. The trigger is a square
- * icon-only outline Button (three-dot icon by default); on click, a popover
- * appears with the given items. The popover is rendered to document.body via
- * createPortal so it escapes any Shadow DOM or overflow:hidden ancestors —
- * which is also why the popover is styled inline rather than with Tailwind:
- * the scoped stylesheet does not reach document.body.
+ * ActionMenu is an overflow action menu. The trigger is a three-dot `Button` by default, or
+ * your own control via `trigger`. The menu is portaled to document.body, so it escapes any
+ * Shadow DOM or overflow:hidden ancestor, which is also why it is styled inline.
  */
 export declare const ActionMenu: default_2.FC<ActionMenuProps>;
 
@@ -108,11 +105,24 @@ export declare type ActionMenuItem = {
     danger?: boolean;
     tooltip?: string;
     icon?: default_2.ReactNode;
+    /** Rendered after the label in its own styled host, e.g. a malachite `Tag`. Its text
+     *  joins the item's accessible name. Non-interactive content only: the item is a
+     *  `<button>`, so a control inside it (a removable `Tag`'s button) would be nested. */
+    tag?: default_2.ReactNode;
+    /** Marks the item for the page the user is on: `aria-current="page"` and the selected
+     *  row paint. A `danger` item keeps its red text. */
+    current?: boolean;
+} | {
+    type: 'text';
+    key: string;
+    label: default_2.ReactNode;
 } | {
     type: 'divider';
     key: string;
 };
 
+export declare type ActionMenuPlacement = 'bottom-end' | 'bottom-start' | 'right-start' | 'top-start' | 'top-center';
+
 export declare interface ActionMenuProps {
     items: ActionMenuItem[];
     label?: string;
@@ -127,8 +137,15 @@ export declare interface ActionMenuProps {
     showLabel?: boolean;
     /** Trigger's Button variant. Defaults to `outline`, the overflow-kebab look. */
     variant?: ButtonVariant;
+    trigger?: default_2.ReactElement;
+    placement?: ActionMenuPlacement;
+    offset?: FloatingOffset;
+    /** `muted` reads items in the secondary text colour, as in a sidebar's menus. */
+    tone?: ActionMenuTone;
 }
 
+export declare type ActionMenuTone = 'default' | 'muted';
+
 export declare const AddIcon: React.FC<IconProps_3>;
 
 export declare const AdvancedLogsIcon: React.FC<IconProps_4>;
@@ -293,6 +310,8 @@ export declare interface BreadcrumbsProps {
 
 export declare const buildActionBarMenuItems: (buttons: ActionBarItem[]) => ActionMenuItem[];
 
+export declare const BuildingIcon: React.FC<IconProps_14>;
+
 export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
 
 declare interface ButtonDefinition {
@@ -371,7 +390,7 @@ export declare type ButtonVariant = 'filled' | 'outline'
 
 export declare const Card: default_2.FC<CardProps>;
 
-export declare const CardIcon: React.FC<IconProps_14>;
+export declare const CardIcon: React.FC<IconProps_15>;
 
 declare interface CardProps {
     title?: string | default_2.ReactNode;
@@ -449,17 +468,17 @@ export declare interface CardStripProps {
 /** Palette for the strip's rule. Pass the tone of whatever card is selected. */
 export declare type CardStripTone = 'profile' | 'library' | 'editing';
 
-export declare const CaretDownIcon: React.FC<IconProps_15>;
+export declare const CaretDownIcon: React.FC<IconProps_16>;
 
-export declare const CaretLeftIcon: React.FC<IconProps_16>;
+export declare const CaretLeftIcon: React.FC<IconProps_17>;
 
-export declare const CaretRightIcon: React.FC<IconProps_17>;
+export declare const CaretRightIcon: React.FC<IconProps_18>;
 
-export declare const CaretUpIcon: React.FC<IconProps_18>;
+export declare const CaretUpIcon: React.FC<IconProps_19>;
 
 export declare type ChangeKind = 'changed' | 'added' | 'removed';
 
-export declare const ChangePasswordIcon: React.FC<IconProps_19>;
+export declare const ChangePasswordIcon: React.FC<IconProps_20>;
 
 /**
  * Reviewing changes a machine made: one note per changed thing, a card for what it removed
@@ -855,11 +874,13 @@ export declare interface CheckboxProps {
     id?: string;
 }
 
-export declare const CheckCircleFilled: React.FC<IconProps_20>;
+export declare const CheckCircleFilled: React.FC<IconProps_21>;
+
+export declare const CheckIcon: React.FC<IconProps_22>;
 
-export declare const CheckIcon: React.FC<IconProps_21>;
+export declare const CheckmarkIcon: React.FC<IconProps_23>;
 
-export declare const CheckmarkIcon: React.FC<IconProps_22>;
+export declare const ChevronsUpDownIcon: React.FC<IconProps_24>;
 
 /**
  * Text clamped to `lines`, revealing the full text on hover / keyboard focus when
@@ -883,9 +904,9 @@ export declare interface ClampTextProps {
     className?: string;
 }
 
-export declare const ClearIcon: React.FC<IconProps_23>;
+export declare const ClearIcon: React.FC<IconProps_25>;
 
-export declare const CloseIcon: React.FC<IconProps_24>;
+export declare const CloseIcon: React.FC<IconProps_26>;
 
 export declare const CodeBlock: default_2.FC<CodeBlockProps>;
 
@@ -934,7 +955,7 @@ declare interface CodeBlockProps {
     };
 }
 
-export declare const CodeIcon: React.FC<IconProps_25>;
+export declare const CodeIcon: React.FC<IconProps_27>;
 
 export declare interface CodeTextProps {
     bold?: boolean;
@@ -963,7 +984,7 @@ export declare interface CollapsibleSectionProps {
     children: default_2.ReactNode;
 }
 
-export declare const CommandKeyIcon: React.FC<IconProps_26>;
+export declare const CommandKeyIcon: React.FC<IconProps_28>;
 
 export declare const CommandPalette: CommandPaletteComponent;
 
@@ -1131,11 +1152,13 @@ export declare interface ConnectionHeaderProps {
     className?: string;
 }
 
-export declare const CopyIcon: React.FC<IconProps_27>;
+export declare const ConnectorIcon: React.FC<IconProps_29>;
+
+export declare const CopyIcon: React.FC<IconProps_30>;
 
-export declare const CsvIcon: React.FC<IconProps_28>;
+export declare const CsvIcon: React.FC<IconProps_31>;
 
-export declare const CustomFieldIcon: React.FC<IconProps_29>;
+export declare const CustomFieldIcon: React.FC<IconProps_32>;
 
 export declare const CustomIcons: {
     AccountIcon: FC<IconProps>;
@@ -1151,6 +1174,7 @@ export declare const CustomIcons: {
     BellIcon: FC<IconProps>;
     BellSlashIcon: FC<IconProps>;
     BiDirectionalArrowsIcon: FC<IconProps>;
+    BuildingIcon: FC<IconProps>;
     CardIcon: FC<IconProps>;
     CaretDownIcon: FC<IconProps>;
     CaretLeftIcon: FC<IconProps>;
@@ -1161,9 +1185,11 @@ export declare const CustomIcons: {
     CheckCircleFilled: FC<IconProps>;
     CheckIcon: FC<IconProps>;
     CheckmarkIcon: FC<IconProps>;
+    ChevronsUpDownIcon: FC<IconProps>;
     ClearIcon: FC<IconProps>;
     CloseIcon: FC<IconProps>;
     CommandKeyIcon: FC<IconProps>;
+    ConnectorIcon: FC<IconProps>;
     CopyIcon: FC<IconProps>;
     CsvIcon: FC<IconProps>;
     CustomFieldIcon: FC<IconProps>;
@@ -1180,8 +1206,10 @@ export declare const CustomIcons: {
     EnumIcon: FC<IconProps>;
     ErrorCircleFilled: FC<IconProps>;
     ExpandIcon: FC<IconProps>;
+    ExternalLinkIcon: FC<IconProps>;
     EyeClosedIcon: FC<IconProps>;
     EyeIcon: FC<IconProps>;
+    FieldCoverageIcon: FC<IconProps>;
     FieldMappingIcon: FC<IconProps>;
     FilledCaretDownIcon: FC<IconProps>;
     FilledCaretRightIcon: FC<IconProps>;
@@ -1195,7 +1223,9 @@ export declare const CustomIcons: {
     InfoCircleFilled: FC<IconProps>;
     IntegrationsIcon: FC<IconProps>;
     KeyIcon: FC<IconProps>;
+    LayoutIcon: FC<IconProps>;
     LibraryIcon: FC<IconProps>;
+    LinkIcon: FC<IconProps>;
     LogsIcon: FC<IconProps>;
     MagicWandIcon: FC<IconProps>;
     ManageTeamIcon: FC<IconProps>;
@@ -1211,6 +1241,7 @@ export declare const CustomIcons: {
     NotFoundIcon: FC<IconProps>;
     OrganizationIcon: FC<IconProps>;
     PinIcon: FC<IconProps>;
+    PlaygroundIcon: FC<IconProps>;
     PlusIcon: FC<IconProps>;
     PreviewIcon: FC<IconProps>;
     ProgrammaticWebhookIcon: FC<IconProps>;
@@ -1249,9 +1280,9 @@ export declare const CustomIcons: {
 
 export declare const darkTheme: MalachiteTheme;
 
-export declare const DashboardIcon: React.FC<IconProps_30>;
+export declare const DashboardIcon: React.FC<IconProps_33>;
 
-export declare const DateIcon: React.FC<IconProps_31>;
+export declare const DateIcon: React.FC<IconProps_34>;
 
 export declare const defaultTheme: MalachiteTheme;
 
@@ -1264,9 +1295,9 @@ declare interface DefinitionRowProps {
     description: string;
 }
 
-export declare const DisabledIcon: React.FC<IconProps_33>;
+export declare const DisabledIcon: React.FC<IconProps_36>;
 
-export declare const DisableIcon: React.FC<IconProps_32>;
+export declare const DisableIcon: React.FC<IconProps_35>;
 
 /**
  * The expand/collapse triangle used by disclosure UI (Accordion, expandable rows).
@@ -1284,7 +1315,7 @@ export declare interface DisclosureArrowProps {
     className?: string;
 }
 
-export declare const DismissIcon: React.FC<IconProps_34>;
+export declare const DismissIcon: React.FC<IconProps_37>;
 
 export declare const Divider: default_2.FC<DividerProps>;
 
@@ -1315,11 +1346,11 @@ export declare enum DividerVariant {
     Emphasis = "emphasis"
 }
 
-export declare const DocIcon: React.FC<IconProps_35>;
+export declare const DocIcon: React.FC<IconProps_38>;
 
-export declare const DoubleCheckIcon: React.FC<IconProps_36>;
+export declare const DoubleCheckIcon: React.FC<IconProps_39>;
 
-export declare const DownloadIcon: React.FC<IconProps_37>;
+export declare const DownloadIcon: React.FC<IconProps_40>;
 
 export declare const Dropdown: ({ items, onItemSelected, defaultValue, value, disabled, error, tone, label, hint, rightSideContent, tooltip, name, required, requiredIndicator, loading, menuLoading, formControl, description, helperText, placeholder, search, showSubtitleInTrigger, subtitleLayout, clearable, size, fullWidth, width, minWidth, id, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: DropdownProps) => JSX_2.Element;
 
@@ -1404,7 +1435,7 @@ declare type DropdownTriggerModeProps = {
     showSubtitleInTrigger?: never;
 };
 
-export declare const EditIcon: React.FC<IconProps_38>;
+export declare const EditIcon: React.FC<IconProps_41>;
 
 declare interface EllipsisTextProps {
     children: default_2.ReactNode;
@@ -1442,11 +1473,11 @@ export declare interface EmptyLayoutProps {
     style?: default_2.CSSProperties;
 }
 
-export declare const EnableIcon: React.FC<IconProps_39>;
+export declare const EnableIcon: React.FC<IconProps_42>;
 
-export declare const EnumIcon: React.FC<IconProps_40>;
+export declare const EnumIcon: React.FC<IconProps_43>;
 
-export declare const ErrorCircleFilled: React.FC<IconProps_41>;
+export declare const ErrorCircleFilled: React.FC<IconProps_44>;
 
 /**
  * The space before the header: the arrow's own inset, its glyph and the gap after it.
@@ -1468,11 +1499,13 @@ declare const ExpandableRowControls: default_2.FC<{
     style?: default_2.CSSProperties;
 }>;
 
-export declare const ExpandIcon: React.FC<IconProps_42>;
+export declare const ExpandIcon: React.FC<IconProps_45>;
 
-export declare const EyeClosedIcon: React.FC<IconProps_43>;
+export declare const ExternalLinkIcon: React.FC<IconProps_46>;
 
-export declare const EyeIcon: React.FC<IconProps_44>;
+export declare const EyeClosedIcon: React.FC<IconProps_47>;
+
+export declare const EyeIcon: React.FC<IconProps_48>;
 
 /**
  * Something a form has to show but does not ask for — a computed list, a generated value —
@@ -1492,6 +1525,8 @@ export declare interface FieldBlockProps {
     style?: default_2.CSSProperties;
 }
 
+export declare const FieldCoverageIcon: React.FC<IconProps_49>;
+
 export declare interface FieldErrorState {
     error: boolean;
     message?: string;
@@ -1522,13 +1557,13 @@ export declare interface FieldGroupProps {
     style?: default_2.CSSProperties;
 }
 
-export declare const FieldMappingIcon: React.FC<IconProps_45>;
+export declare const FieldMappingIcon: React.FC<IconProps_50>;
 
-export declare const FilledCaretDownIcon: React.FC<IconProps_46>;
+export declare const FilledCaretDownIcon: React.FC<IconProps_51>;
 
-export declare const FilledCaretRightIcon: React.FC<IconProps_47>;
+export declare const FilledCaretRightIcon: React.FC<IconProps_52>;
 
-export declare const FilterIcon: React.FC<IconProps_48>;
+export declare const FilterIcon: React.FC<IconProps_53>;
 
 export declare const Flex: default_2.FC<FlexProps>;
 
@@ -1576,6 +1611,16 @@ declare interface FlexProps {
     className?: string;
 }
 
+declare const FLOATING_OFFSET_PX: {
+    readonly small: 8;
+    readonly medium: 12;
+    readonly large: 14;
+};
+
+declare type FloatingOffset = keyof typeof FLOATING_OFFSET_PX;
+
+declare type FloatingPlacement = 'bottom-start' | 'bottom-end' | 'top-start' | 'top-center' | 'right-start' | 'right-end' | 'left-start';
+
 /** Which theme typeface to render in. Defaults to the sans body face. */
 declare type FontFamily = 'sans' | 'heading' | 'body' | 'mono';
 
@@ -1603,7 +1648,7 @@ export declare interface FooterNavProps {
     className?: string;
 }
 
-export declare const ForbiddenIcon: React.FC<IconProps_49>;
+export declare const ForbiddenIcon: React.FC<IconProps_54>;
 
 export declare const Form: default_2.FC<FormProps>;
 
@@ -1649,7 +1694,7 @@ declare interface FormSectionTitleProps {
     style?: default_2.CSSProperties;
 }
 
-export declare const ForwardArrowIcon: React.FC<IconProps_50>;
+export declare const ForwardArrowIcon: React.FC<IconProps_55>;
 
 /**
  * Get current theme values from CSS custom properties
@@ -1661,7 +1706,7 @@ export declare function getCurrentTheme(): MalachiteTheme;
  */
 export declare function getCurrentThemeMode(): 'light' | 'dark';
 
-export declare const GlobeIcon: React.FC<IconProps_51>;
+export declare const GlobeIcon: React.FC<IconProps_56>;
 
 declare interface IconProps {
     size?: number | string;
@@ -1733,6 +1778,20 @@ declare interface IconProps_107 {
     onClick?: () => void;
 }
 
+declare interface IconProps_108 {
+    size?: number | string;
+    className?: string;
+    style?: CSSProperties;
+    onClick?: () => void;
+}
+
+declare interface IconProps_109 {
+    size?: number | string;
+    className?: string;
+    style?: CSSProperties;
+    onClick?: () => void;
+}
+
 declare interface IconProps_11 {
     size?: number | string;
     className?: string;
@@ -1740,6 +1799,48 @@ declare interface IconProps_11 {
     onClick?: () => void;
 }
 
+declare interface IconProps_110 {
+    size?: number | string;
+    className?: string;
+    style?: CSSProperties;
+    onClick?: () => void;
+}
+
+declare interface IconProps_111 {
+    size?: number | string;
+    className?: string;
+    style?: CSSProperties;
+    onClick?: () => void;
+}
+
+declare interface IconProps_112 {
+    size?: number | string;
+    className?: string;
+    style?: CSSProperties;
+    onClick?: () => void;
+}
+
+declare interface IconProps_113 {
+    size?: number | string;
+    className?: string;
+    style?: CSSProperties;
+    onClick?: () => void;
+}
+
+declare interface IconProps_114 {
+    size?: number | string;
+    className?: string;
+    style?: CSSProperties;
+    onClick?: () => void;
+}
+
+declare interface IconProps_115 {
+    size?: number | string;
+    className?: string;
+    style?: CSSProperties;
+    onClick?: () => void;
+}
+
 declare interface IconProps_12 {
     size?: number | string;
     className?: string;
@@ -2412,13 +2513,13 @@ declare interface IconProps_99 {
     onClick?: () => void;
 }
 
-export declare const InboxIcon: React.FC<IconProps_52>;
+export declare const InboxIcon: React.FC<IconProps_57>;
 
-export declare const InfoCircleFilled: React.FC<IconProps_53>;
+export declare const InfoCircleFilled: React.FC<IconProps_58>;
 
-export declare const InfoFilledIcon: React.FC<IconProps_54>;
+export declare const InfoFilledIcon: React.FC<IconProps_59>;
 
-export declare const InfoIcon: React.FC<IconProps_55>;
+export declare const InfoIcon: React.FC<IconProps_60>;
 
 /**
  * Initialize the theme system - should be called on app startup
@@ -2496,7 +2597,7 @@ declare type InputType = 'text' | 'password' | 'number' | 'email' | 'tel' | 'url
 
 declare type InputVariant = 'default' | 'ghost';
 
-export declare const IntegrationsIcon: React.FC<IconProps_56>;
+export declare const IntegrationsIcon: React.FC<IconProps_61>;
 
 export declare const Keycap: default_2.FC<KeycapProps>;
 
@@ -2513,7 +2614,7 @@ export declare interface KeycapProps {
 
 export declare type KeycapSize = 'small' | 'medium';
 
-export declare const KeyIcon: React.FC<IconProps_57>;
+export declare const KeyIcon: React.FC<IconProps_62>;
 
 export declare const KeyValueList: default_2.FC<KeyValueListProps> & {
     Row: typeof Row;
@@ -2530,10 +2631,14 @@ export declare interface KeyValueListRowProps {
     children: default_2.ReactNode;
 }
 
-export declare const LibraryIcon: React.FC<IconProps_58>;
+export declare const LayoutIcon: React.FC<IconProps_63>;
+
+export declare const LibraryIcon: React.FC<IconProps_64>;
 
 export declare const Link: default_2.FC<LinkProps>;
 
+export declare const LinkIcon: React.FC<IconProps_65>;
+
 export declare interface LinkProps {
     href: string;
     target?: '_blank' | '_self' | '_parent' | '_top';
@@ -2584,9 +2689,9 @@ export declare type LoadingBarSize = 'small' | 'medium' | 'large';
 
 export declare type LoadingBarVariant = 'default' | 'warning' | 'error';
 
-export declare const LogsIcon: React.FC<IconProps_59>;
+export declare const LogsIcon: React.FC<IconProps_66>;
 
-export declare const MagicWandIcon: React.FC<IconProps_60>;
+export declare const MagicWandIcon: React.FC<IconProps_67>;
 
 /**
  * MalachiteContext provides a Shadow DOM context with theme setup for Malachite components.
@@ -3057,9 +3162,9 @@ export declare interface MalachiteTheme {
     };
 }
 
-export declare const ManageTeamIcon: React.FC<IconProps_61>;
+export declare const ManageTeamIcon: React.FC<IconProps_68>;
 
-export declare const ManualWebhookIcon: React.FC<IconProps_62>;
+export declare const ManualWebhookIcon: React.FC<IconProps_69>;
 
 /** `inert` draws links without an anchor, for markdown inside a <button>. */
 export declare type MarkdownLinks = 'interactive' | 'inert';
@@ -3077,15 +3182,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_63>;
+export declare const MarkReadIcon: React.FC<IconProps_70>;
 
-export declare const MarkUnreadIcon: React.FC<IconProps_64>;
+export declare const MarkUnreadIcon: React.FC<IconProps_71>;
 
-export declare const MembersIcon: React.FC<IconProps_65>;
+export declare const MembersIcon: React.FC<IconProps_72>;
 
 export declare const Modal: default_2.FC<ModalProps>;
 
-export declare const ModalIcon: React.FC<IconProps_66>;
+export declare const ModalIcon: React.FC<IconProps_73>;
 
 export declare interface ModalProps {
     open: boolean;
@@ -3141,9 +3246,9 @@ export declare type ModalSize = 'small' | 'medium' | 'large';
 
 export declare type ModalTrayTone = 'neutral' | 'warning' | 'error' | 'success';
 
-export declare const MoreHorizontalIcon: React.FC<IconProps_67>;
+export declare const MoreHorizontalIcon: React.FC<IconProps_74>;
 
-export declare const MoreVerticalIcon: React.FC<IconProps_68>;
+export declare const MoreVerticalIcon: React.FC<IconProps_75>;
 
 export declare const MultiSelect: default_2.FC<MultiSelectProps>;
 
@@ -3233,11 +3338,53 @@ export declare type MultiSelectProps = (MultiSelectBaseProps & {
 
 export declare type MultiSelectSize = 'small' | 'medium' | 'large';
 
-export declare const NavbarCollapseIcon: React.FC<IconProps_69>;
+declare type NativeProps = Omit<default_2.HTMLAttributes<HTMLElement>, 'children' | 'className' | 'style' | 'color' | 'title'>;
+
+export declare const NavbarCollapseIcon: React.FC<IconProps_76>;
+
+export declare const NavbarExpandIcon: React.FC<IconProps_77>;
+
+export declare const NavItem: default_2.ForwardRefExoticComponent<NavItemProps & default_2.RefAttributes<HTMLElement>>;
+
+export declare interface NavItemAsChildProps extends NavItemBaseProps {
+    asChild: true;
+    children: default_2.ReactElement;
+    href?: never;
+    target?: never;
+    rel?: never;
+    disclosure?: never;
+}
+
+declare interface NavItemBaseProps extends NativeProps {
+    label: default_2.ReactNode;
+    icon?: default_2.ReactNode;
+    active?: boolean;
+    hasActiveChild?: boolean;
+    collapsed?: boolean;
+    variant?: 'item' | 'subitem';
+    size?: 'medium' | 'small';
+    danger?: boolean;
+    trailing?: default_2.ReactNode;
+    badge?: default_2.ReactNode;
+    badgeLabel?: string;
+    tag?: default_2.ReactNode;
+    disclosure?: 'expanded' | 'collapsed';
+    tooltip?: string;
+    accessibleLabel?: string;
+    className?: string;
+}
+
+export declare interface NavItemLinkProps extends NavItemBaseProps {
+    asChild?: false;
+    href?: string;
+    target?: string;
+    rel?: string;
+    onClick?: (event: default_2.MouseEvent<HTMLElement>) => void;
+}
 
-export declare const NavbarExpandIcon: React.FC<IconProps_70>;
+export declare type NavItemProps = NavItemLinkProps | NavItemAsChildProps;
 
-export declare const NotFoundIcon: React.FC<IconProps_71>;
+export declare const NotFoundIcon: React.FC<IconProps_78>;
 
 export declare const NumberTag: default_2.FC<NumberTagProps>;
 
@@ -3252,7 +3399,7 @@ export declare interface NumberTagProps {
     className?: string;
 }
 
-export declare const OrganizationIcon: React.FC<IconProps_72>;
+export declare const OrganizationIcon: React.FC<IconProps_79>;
 
 export declare const OverflowRow: default_2.FC<OverflowRowProps>;
 
@@ -3426,11 +3573,70 @@ declare type PillButtonTone = 'default' | 'assistant';
 
 declare type PillButtonVariant = 'default' | 'inverted';
 
-export declare const PinIcon: React.FC<IconProps_73>;
+export declare const PinIcon: React.FC<IconProps_80>;
+
+export declare const PlaygroundIcon: React.FC<IconProps_81>;
+
+export declare const PlusIcon: React.FC<IconProps_82>;
+
+export declare const Popover: default_2.FC<PopoverProps> & {
+    Header: default_2.FC< PopoverHeaderProps>;
+    Action: default_2.FC< PopoverActionProps>;
+    List: default_2.FC<{
+        children: default_2.ReactNode;
+    }>;
+    Section: default_2.ForwardRefExoticComponent<{
+        children: default_2.ReactNode;
+    } & default_2.RefAttributes<HTMLDivElement>>;
+    Empty: default_2.FC<{
+        children: default_2.ReactNode;
+    }>;
+};
+
+export declare interface PopoverActionProps {
+    icon: default_2.ReactNode;
+    'aria-label': string;
+    onClick?: () => void;
+    disabled?: boolean;
+    tooltip?: string;
+}
 
-export declare const PlusIcon: React.FC<IconProps_74>;
+declare interface PopoverBaseProps {
+    trigger: default_2.ReactElement;
+    children?: default_2.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: PopoverPlacement;
+    openOn?: 'click' | 'hover';
+    width?: 'content' | 'trigger';
+    padding?: 'none' | 'small' | 'medium';
+    anchorRef?: default_2.RefObject<HTMLElement | null>;
+    offset?: FloatingOffset;
+    elevation?: 'default' | 'raised';
+    initialFocusRef?: default_2.RefObject<HTMLElement | null>;
+    role?: 'dialog' | 'menu' | 'listbox';
+    className?: string;
+}
+
+export declare interface PopoverHeaderProps {
+    title: string;
+    action?: default_2.ReactNode;
+}
 
-export declare const PreviewIcon: React.FC<IconProps_75>;
+declare type PopoverName = {
+    'aria-label': string;
+    'aria-labelledby'?: string;
+} | {
+    'aria-label'?: string;
+    'aria-labelledby': string;
+};
+
+export declare type PopoverPlacement = FloatingPlacement;
+
+export declare type PopoverProps = PopoverBaseProps & PopoverName;
+
+export declare const PreviewIcon: React.FC<IconProps_83>;
 
 /** A translucent rounded card that groups {@link PreviewTreeRow}s into a tree preview. */
 export declare const PreviewTree: default_2.FC<PreviewTreeProps>;
@@ -3451,7 +3657,7 @@ declare interface PreviewTreeRowProps {
     expanded?: boolean;
 }
 
-export declare const ProgrammaticWebhookIcon: React.FC<IconProps_76>;
+export declare const ProgrammaticWebhookIcon: React.FC<IconProps_84>;
 
 export declare const Progress: default_2.FC<ProgressProps>;
 
@@ -3502,7 +3708,7 @@ declare interface ProgressValueProps extends ProgressCommonProps {
     max?: never;
 }
 
-export declare const PulseIcon: React.FC<IconProps_77>;
+export declare const PulseIcon: React.FC<IconProps_85>;
 
 export declare const QueryInput: default_2.FC<QueryInputProps>;
 
@@ -3579,7 +3785,7 @@ export declare interface RadioProps {
     id?: string;
 }
 
-export declare const RefreshIcon: React.FC<IconProps_78>;
+export declare const RefreshIcon: React.FC<IconProps_86>;
 
 export declare interface RegularLayoutProps {
     breadcrumbLinks?: BreadcrumbLink[];
@@ -3611,9 +3817,9 @@ export declare interface RegularLayoutProps {
     style?: default_2.CSSProperties;
 }
 
-export declare const RejectIcon: React.FC<IconProps_79>;
+export declare const RejectIcon: React.FC<IconProps_87>;
 
-export declare const ReloadIcon: React.FC<IconProps_80>;
+export declare const ReloadIcon: React.FC<IconProps_88>;
 
 /**
  * Renders a crumb or the back button through the app's own link component, spreading every
@@ -3627,9 +3833,9 @@ declare type RenderBreadcrumbLink = (props: {
     'aria-label'?: string;
 }) => default_2.ReactNode;
 
-export declare const ReplyIcon: React.FC<IconProps_81>;
+export declare const ReplyIcon: React.FC<IconProps_89>;
 
-export declare const RequiredFieldIndicatorIcon: React.FC<IconProps_82>;
+export declare const RequiredFieldIndicatorIcon: React.FC<IconProps_90>;
 
 export declare type RequiredIndicator = 'optional-suffix' | 'asterisk' | 'none';
 
@@ -3655,7 +3861,7 @@ export declare type RowVariant = 'success' | 'warning' | 'error' | 'info';
 
 export declare const Search: default_2.FC<SearchProps>;
 
-export declare const SearchIcon: React.FC<IconProps_83>;
+export declare const SearchIcon: React.FC<IconProps_91>;
 
 export declare interface SearchProps {
     value: string;
@@ -3673,6 +3879,15 @@ export declare interface SearchProps {
 
 export declare type SearchSize = 'small' | 'medium' | 'large';
 
+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'> {
+    label?: string;
+    shortcut?: default_2.ReactNode[];
+    iconOnly?: boolean;
+    className?: string;
+}
+
 export declare type SearchVariant = 'default' | 'muted';
 
 declare interface SecondaryTextProps {
@@ -3690,7 +3905,7 @@ declare interface SectionTitleProps {
     style?: default_2.CSSProperties;
 }
 
-export declare const SecurityIcon: React.FC<IconProps_84>;
+export declare const SecurityIcon: React.FC<IconProps_92>;
 
 /**
  * A rounded track of mutually-exclusive options — the segmented "one of these" control.
@@ -3834,7 +4049,7 @@ export declare interface SelectionBarProps {
     className?: string;
 }
 
-export declare const SendIcon: React.FC<IconProps_85>;
+export declare const SendIcon: React.FC<IconProps_93>;
 
 export declare const SettingRow: default_2.FC<SettingRowProps>;
 
@@ -3856,7 +4071,7 @@ export declare interface SettingRowProps {
     className?: string;
 }
 
-export declare const SettingsIcon: React.FC<IconProps_86>;
+export declare const SettingsIcon: React.FC<IconProps_94>;
 
 /**
  * ShadowEscape renders its children OUTSIDE the Shadow DOM to avoid React hook issues.
@@ -3871,6 +4086,71 @@ declare interface ShadowEscapeProps {
     className?: string;
 }
 
+export declare const Sidebar: default_2.FC<SidebarProps> & {
+    Header: default_2.FC<{
+        children: default_2.ReactNode;
+    }>;
+    Body: default_2.FC<{
+        children: default_2.ReactNode;
+    }>;
+    Section: default_2.FC<{
+        children: default_2.ReactNode;
+    }>;
+    Group: default_2.FC<{
+        children: default_2.ReactNode;
+    }>;
+    GroupItems: default_2.FC<{
+        children: default_2.ReactNode;
+    }>;
+    Search: default_2.FC<{
+        children: default_2.ReactNode;
+    }>;
+    Notices: default_2.FC<{
+        children: default_2.ReactNode;
+        'aria-label': string;
+    }>;
+    Divider: default_2.FC<{}>;
+    Footer: default_2.FC<{
+        children: default_2.ReactNode;
+    }>;
+    Switcher: default_2.ForwardRefExoticComponent<SidebarSwitcherProps & default_2.RefAttributes<HTMLButtonElement>>;
+    Account: default_2.ForwardRefExoticComponent<SidebarAccountProps & default_2.RefAttributes<HTMLButtonElement>>;
+    Usage: default_2.FC<UsageCardProps>;
+    Panel: default_2.FC<{
+        children: default_2.ReactNode;
+    }>;
+};
+
+export declare const SIDEBAR_POPOVER_WIDTH_PX = 244;
+
+export declare const SIDEBAR_WIDTH_PX: {
+    readonly expanded: 260;
+    readonly collapsed: 60;
+};
+
+export declare interface SidebarAccountProps extends SidebarButtonAttributes {
+    avatar?: default_2.ReactNode;
+    initials?: string;
+    name: string;
+}
+
+declare type SidebarButtonAttributes = Omit<default_2.ButtonHTMLAttributes<HTMLButtonElement>, 'style' | 'color' | 'children' | 'title' | 'name'>;
+
+export declare interface SidebarProps {
+    collapsed?: boolean;
+    onToggleCollapse?: () => void;
+    expandLabel?: string;
+    collapseLabel?: string;
+    'aria-label'?: string;
+    children: default_2.ReactNode;
+}
+
+export declare interface SidebarSwitcherProps extends SidebarButtonAttributes {
+    logo: default_2.ReactNode;
+    title: string;
+    subtitle?: string;
+}
+
 /**
  * A right-hand slide-in overlay panel (drawer) for inspecting or editing an entity
  * without leaving the page. Portals to `document.body`, locks background scroll and
@@ -3924,7 +4204,7 @@ export declare interface SidePanelProps {
     children: default_2.ReactNode;
 }
 
-export declare const SignOutIcon: React.FC<IconProps_87>;
+export declare const SignOutIcon: React.FC<IconProps_95>;
 
 export declare const Skeleton: {
     Button: default_2.FC<SkeletonButtonProps>;
@@ -3958,11 +4238,11 @@ declare type SkeletonShape = 'default' | 'round' | 'circle' | 'square';
 
 declare type SkeletonSize = 'small' | 'default' | 'large';
 
-export declare const SliderIcon: React.FC<IconProps_88>;
+export declare const SliderIcon: React.FC<IconProps_96>;
 
-export declare const SortIcon: React.FC<IconProps_89>;
+export declare const SortIcon: React.FC<IconProps_97>;
 
-export declare const SourceIcon: React.FC<IconProps_90>;
+export declare const SourceIcon: React.FC<IconProps_98>;
 
 export declare const Spacer: default_2.FC<SpacerProps>;
 
@@ -3986,7 +4266,7 @@ export declare enum SpacingSize {
     Large = "large"
 }
 
-export declare const SparkleIcon: React.FC<IconProps_91>;
+export declare const SparkleIcon: React.FC<IconProps_99>;
 
 export declare const Spinner: default_2.FC<SpinnerProps>;
 
@@ -4006,7 +4286,7 @@ declare interface SplitScreenLayoutProps {
     footer?: default_2.ReactNode;
 }
 
-export declare const StarIcon: React.FC<IconProps_92>;
+export declare const StarIcon: React.FC<IconProps_100>;
 
 export declare const StatBadge: default_2.FC<StatBadgeProps>;
 
@@ -4078,7 +4358,7 @@ export declare interface StatusBadgeProps {
 
 export declare type StatusBadgeType = 'success' | 'error' | 'warning' | 'info';
 
-export declare const StepCurrentIcon: React.FC<IconProps_93>;
+export declare const StepCurrentIcon: React.FC<IconProps_101>;
 
 export declare const Stepper: default_2.FC<StepperProps>;
 
@@ -4119,7 +4399,7 @@ export declare interface StepTabsProps {
     className?: string;
 }
 
-export declare const StepUpcomingIcon: React.FC<IconProps_94>;
+export declare const StepUpcomingIcon: React.FC<IconProps_102>;
 
 export declare type SubtitleLayout = 'inline' | 'stacked';
 
@@ -4250,7 +4530,7 @@ export declare interface SwatchProps {
     style?: default_2.CSSProperties;
 }
 
-export declare const SyntheticWebhookIcon: React.FC<IconProps_95>;
+export declare const SyntheticWebhookIcon: React.FC<IconProps_103>;
 
 export declare interface TabItem {
     key: string;
@@ -4549,9 +4829,9 @@ export declare interface ThemeScopeProps {
     children?: default_2.ReactNode;
 }
 
-export declare const ThumbsDownIcon: React.FC<IconProps_96>;
+export declare const ThumbsDownIcon: React.FC<IconProps_104>;
 
-export declare const ThumbsUpIcon: React.FC<IconProps_97>;
+export declare const ThumbsUpIcon: React.FC<IconProps_105>;
 
 export declare const Toggle: default_2.ForwardRefExoticComponent<ToggleProps & default_2.RefAttributes<HTMLElement>>;
 
@@ -4658,6 +4938,7 @@ declare interface TooltipProps {
      *  suppress the tooltip for this interaction. Lets wrappers defer expensive
      *  checks (e.g. truncation measurement) to interaction time instead of mount. */
     shouldShow?: () => boolean;
+    suppressed?: boolean;
     triggerAs?: 'div' | 'span';
     inline?: boolean;
     /** Whether the tooltip acts as the trigger's accessible description. False where the
@@ -4665,11 +4946,11 @@ declare interface TooltipProps {
     describesTrigger?: boolean;
 }
 
-export declare const TrashIcon: React.FC<IconProps_98>;
+export declare const TrashIcon: React.FC<IconProps_106>;
 
-export declare const TriangleDownIcon: React.FC<IconProps_99>;
+export declare const TriangleDownIcon: React.FC<IconProps_107>;
 
-export declare const TriangleRightIcon: React.FC<IconProps_100>;
+export declare const TriangleRightIcon: React.FC<IconProps_108>;
 
 /**
  * TruncatedTooltip renders its children in a single-line truncating container
@@ -4711,9 +4992,20 @@ export declare const Typography: {
     Text: FC<TextProps>;
 };
 
-export declare const UnarchiveIcon: React.FC<IconProps_101>;
+export declare const UnarchiveIcon: React.FC<IconProps_109>;
+
+export declare const UploadIcon: React.FC<IconProps_110>;
 
-export declare const UploadIcon: React.FC<IconProps_102>;
+export declare const UsageCard: default_2.FC<UsageCardProps>;
+
+export declare interface UsageCardProps {
+    title: default_2.ReactNode;
+    titleLink?: default_2.ReactElement;
+    detail?: default_2.ReactNode;
+    children: default_2.ReactNode;
+    'aria-label': string;
+    busy?: boolean;
+}
 
 /**
  * Whether a SidePanel, Modal or CommandPalette is open anywhere, for host chrome that has to move out of the way.
@@ -4722,15 +5014,17 @@ export declare const UploadIcon: React.FC<IconProps_102>;
  */
 export declare const useHasOpenOverlay: () => boolean;
 
-export declare const WarningCircleFilled: React.FC<IconProps_103>;
+export declare const useSidebarCollapsed: () => boolean;
+
+export declare const WarningCircleFilled: React.FC<IconProps_111>;
 
-export declare const WarningTriangleIcon: React.FC<IconProps_104>;
+export declare const WarningTriangleIcon: React.FC<IconProps_112>;
 
-export declare const WebhookEventsIcon: React.FC<IconProps_105>;
+export declare const WebhookEventsIcon: React.FC<IconProps_113>;
 
-export declare const WebhookIcon: React.FC<IconProps_106>;
+export declare const WebhookIcon: React.FC<IconProps_114>;
 
-export declare const WebhookSigningSecretIcon: React.FC<IconProps_107>;
+export declare const WebhookSigningSecretIcon: React.FC<IconProps_115>;
 
 export declare type WidthSize = 'large' | 'medium' | 'small' | 'xsmall';