@stackone/malachite 2.62.1 → 2.64.0

package/dist/index.d.ts

@@ -485,17 +485,21 @@ 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_16>;
+export declare const CaretDoubleLeftIcon: React.FC<IconProps_16>;
 
-export declare const CaretLeftIcon: React.FC<IconProps_17>;
+export declare const CaretDoubleRightIcon: React.FC<IconProps_17>;
 
-export declare const CaretRightIcon: React.FC<IconProps_18>;
+export declare const CaretDownIcon: React.FC<IconProps_18>;
 
-export declare const CaretUpIcon: React.FC<IconProps_19>;
+export declare const CaretLeftIcon: React.FC<IconProps_19>;
+
+export declare const CaretRightIcon: React.FC<IconProps_20>;
+
+export declare const CaretUpIcon: React.FC<IconProps_21>;
 
 export declare type ChangeKind = 'changed' | 'added' | 'removed';
 
-export declare const ChangePasswordIcon: React.FC<IconProps_20>;
+export declare const ChangePasswordIcon: React.FC<IconProps_22>;
 
 /**
  * Reviewing changes a machine made: one note per changed thing, a card for what it removed
@@ -891,13 +895,13 @@ export declare interface CheckboxProps {
     id?: string;
 }
 
-export declare const CheckCircleFilled: React.FC<IconProps_21>;
+export declare const CheckCircleFilled: React.FC<IconProps_23>;
 
-export declare const CheckIcon: React.FC<IconProps_22>;
+export declare const CheckIcon: React.FC<IconProps_24>;
 
-export declare const CheckmarkIcon: React.FC<IconProps_23>;
+export declare const CheckmarkIcon: React.FC<IconProps_25>;
 
-export declare const ChevronsUpDownIcon: React.FC<IconProps_24>;
+export declare const ChevronsUpDownIcon: React.FC<IconProps_26>;
 
 /**
  * Text clamped to `lines`, revealing the full text on hover / keyboard focus when
@@ -921,9 +925,31 @@ export declare interface ClampTextProps {
     className?: string;
 }
 
-export declare const ClearIcon: React.FC<IconProps_25>;
+export declare const ClearIcon: React.FC<IconProps_27>;
+
+/** The bare X that dismisses a screen or panel: no box at rest or on hover. */
+export declare const CloseButton: default_2.ForwardRefExoticComponent<CloseButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+export declare interface CloseButtonProps extends Omit<default_2.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'className' | 'style' | 'color' | 'type' | 'disabled' | 'onClick' | 'aria-label' | 'aria-disabled' | 'aria-busy'> {
+    onClick?: default_2.MouseEventHandler<HTMLButtonElement>;
+    /** Accessible name. Defaults to "Close"; name what closes when there are several. */
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    disabled?: boolean;
+    /** Shows a spinner in place of the X, sets `aria-busy` and ignores clicks. */
+    loading?: boolean;
+    /** `small` is a 24px target, `medium` a 32px one. The glyph is 12px in both. */
+    size?: CloseButtonSize;
+    surface?: CloseButtonSurface;
+    className?: string;
+}
 
-export declare const CloseIcon: React.FC<IconProps_26>;
+export declare type CloseButtonSize = 'small' | 'medium';
+
+/** `inverse` is for a surface that stays dark in every theme, e.g. `SplitScreenLayout`'s panel. */
+export declare type CloseButtonSurface = 'default' | 'inverse';
+
+export declare const CloseIcon: React.FC<IconProps_28>;
 
 export declare const CodeBlock: default_2.FC<CodeBlockProps>;
 
@@ -976,7 +1002,7 @@ declare interface CodeBlockProps {
     'aria-labelledby'?: string;
 }
 
-export declare const CodeIcon: React.FC<IconProps_27>;
+export declare const CodeIcon: React.FC<IconProps_29>;
 
 export declare interface CodeTextProps {
     bold?: boolean;
@@ -1005,7 +1031,7 @@ export declare interface CollapsibleSectionProps {
     children: default_2.ReactNode;
 }
 
-export declare const CommandKeyIcon: React.FC<IconProps_28>;
+export declare const CommandKeyIcon: React.FC<IconProps_30>;
 
 export declare const CommandPalette: CommandPaletteComponent;
 
@@ -1173,7 +1199,7 @@ export declare interface ConnectionHeaderProps {
     className?: string;
 }
 
-export declare const ConnectorIcon: React.FC<IconProps_29>;
+export declare const ConnectorIcon: React.FC<IconProps_31>;
 
 /**
  * The text half of the 28/32/42 control ladder. Keys are control sizes, which deliberately do
@@ -1184,11 +1210,11 @@ declare type ControlSize = 'small' | 'medium' | 'large';
 
 declare type ControlWidth = string | number;
 
-export declare const CopyIcon: React.FC<IconProps_30>;
+export declare const CopyIcon: React.FC<IconProps_32>;
 
-export declare const CsvIcon: React.FC<IconProps_31>;
+export declare const CsvIcon: React.FC<IconProps_33>;
 
-export declare const CustomFieldIcon: React.FC<IconProps_32>;
+export declare const CustomFieldIcon: React.FC<IconProps_34>;
 
 export declare const CustomIcons: {
     AccountIcon: FC<IconProps>;
@@ -1206,6 +1232,8 @@ export declare const CustomIcons: {
     BiDirectionalArrowsIcon: FC<IconProps>;
     BuildingIcon: FC<IconProps>;
     CardIcon: FC<IconProps>;
+    CaretDoubleLeftIcon: FC<IconProps>;
+    CaretDoubleRightIcon: FC<IconProps>;
     CaretDownIcon: FC<IconProps>;
     CaretLeftIcon: FC<IconProps>;
     CaretRightIcon: FC<IconProps>;
@@ -1311,9 +1339,114 @@ export declare const CustomIcons: {
 
 export declare const darkTheme: MalachiteTheme;
 
-export declare const DashboardIcon: React.FC<IconProps_33>;
+export declare const DashboardIcon: React.FC<IconProps_35>;
+
+declare const DATE_PICKER_TOKENS: readonly ["hoverBackground", "subtleHoverBackground", "outsideForeground", "selectedBackground", "selectedHoverBorder", "todayBorder", "todayHoverBorder", "rangeBackground", "pressedOpacity"];
+
+export declare const DateIcon: React.FC<IconProps_36>;
+
+/** A string without an offset (`2025-01-20`, `2025-01-20T10:00`) is read in the picker's
+ *  `timeZone`; one with `Z` or an offset names that instant. */
+export declare type DateInput = Date | string | number;
+
+export declare type DateMinuteStep = 1 | 2 | 5 | 10 | 15 | 20 | 30;
+
+export declare const DatePicker: default_2.FC<DatePickerProps>;
+
+declare interface DatePickerBaseProps {
+    name: FieldPath<FieldValues> | string;
+    formControl?: Control<FieldValues, unknown>;
+    label?: string;
+    hint?: string;
+    description?: string;
+    tooltip?: string;
+    helperText?: default_2.ReactNode;
+    required?: boolean;
+    requiredIndicator?: RequiredIndicator;
+    placeholder?: string;
+    /** `minute` and `second` add time columns and an Apply step. */
+    precision?: DatePickerPrecision;
+    minuteStep?: DateMinuteStep;
+    /** `utc` shows the UTC calendar day and suffixes times with "UTC". */
+    timeZone?: DatePickerTimeZone;
+    weekStartsOn?: WeekStart;
+    /** Earliest selectable instant. */
+    min?: DateInput;
+    /** Latest selectable instant. */
+    max?: DateInput;
+    /** Receives the start of each day in `timeZone`. */
+    isDateDisabled?: (day: Date) => boolean;
+    /** Clearing reports `null` to `onChange`. */
+    clearable?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    error?: boolean;
+    /** Paint only, never announced: convey `chosen` in the surrounding controls' ARIA. */
+    tone?: DatePickerTone;
+    tag?: DatePickerTag;
+    size?: DatePickerSize;
+    fullWidth?: boolean;
+    width?: ControlWidth;
+    /** Names the trigger from the light DOM, where `htmlFor` cannot reach into the shadow root. */
+    id?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+}
+
+export declare type DatePickerPrecision = 'day' | 'minute' | 'second';
+
+export declare interface DatePickerProps extends DatePickerBaseProps {
+    /** Controlled value. `null` is a controlled empty field; leave it out to stay uncontrolled. */
+    value?: DateInput | null;
+    defaultValue?: DateInput | null;
+    onChange?: (value: Date | null) => void;
+    /** Applies at once and closes the picker, with no Apply step. */
+    presets?: DateSinglePreset[];
+}
+
+export declare type DatePickerSize = 'small' | 'medium' | 'large';
+
+export declare interface DatePickerTag {
+    label: string;
+    type?: 'default' | 'warning' | 'error';
+}
+
+export declare type DatePickerTimeZone = 'local' | 'utc';
+
+declare type DatePickerToken = (typeof DATE_PICKER_TOKENS)[number];
+
+export declare type DatePickerTone = 'default' | 'chosen' | 'pending';
+
+/** Pass a function for a relative preset, so it is measured when clicked. */
+export declare interface DatePreset<T> {
+    label: string;
+    value: T | (() => T);
+}
+
+export declare interface DateRange {
+    start: Date;
+    end: Date;
+}
+
+export declare interface DateRangeInput {
+    start: DateInput;
+    end: DateInput;
+}
 
-export declare const DateIcon: React.FC<IconProps_34>;
+export declare const DateRangePicker: default_2.FC<DateRangePickerProps>;
+
+export declare interface DateRangePickerProps extends DatePickerBaseProps {
+    /** Controlled value. `null` is a controlled empty field; leave it out to stay uncontrolled. */
+    value?: DateRangeInput | null;
+    defaultValue?: DateRangeInput | null;
+    onChange?: (value: DateRange | null) => void;
+    /** Applies at once and closes the picker, with no Apply step. */
+    presets?: DateRangePreset[];
+}
+
+export declare type DateRangePreset = DatePreset<DateRangeInput>;
+
+export declare type DateSinglePreset = DatePreset<DateInput>;
 
 export declare const defaultTheme: MalachiteTheme;
 
@@ -1326,9 +1459,9 @@ declare interface DefinitionRowProps {
     description: string;
 }
 
-export declare const DisabledIcon: React.FC<IconProps_36>;
+export declare const DisabledIcon: React.FC<IconProps_38>;
 
-export declare const DisableIcon: React.FC<IconProps_35>;
+export declare const DisableIcon: React.FC<IconProps_37>;
 
 /**
  * The expand/collapse triangle used by disclosure UI (Accordion, expandable rows).
@@ -1346,7 +1479,7 @@ export declare interface DisclosureArrowProps {
     className?: string;
 }
 
-export declare const DismissIcon: React.FC<IconProps_37>;
+export declare const DismissIcon: React.FC<IconProps_39>;
 
 export declare const Divider: default_2.FC<DividerProps>;
 
@@ -1377,11 +1510,11 @@ export declare enum DividerVariant {
     Emphasis = "emphasis"
 }
 
-export declare const DocIcon: React.FC<IconProps_38>;
+export declare const DocIcon: React.FC<IconProps_40>;
 
-export declare const DoubleCheckIcon: React.FC<IconProps_39>;
+export declare const DoubleCheckIcon: React.FC<IconProps_41>;
 
-export declare const DownloadIcon: React.FC<IconProps_40>;
+export declare const DownloadIcon: React.FC<IconProps_42>;
 
 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, menuAlign, id, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: DropdownProps) => JSX_2.Element;
 
@@ -1477,7 +1610,7 @@ declare type DropdownTriggerModeProps = {
     showSubtitleInTrigger?: never;
 };
 
-export declare const EditIcon: React.FC<IconProps_41>;
+export declare const EditIcon: React.FC<IconProps_43>;
 
 declare interface EllipsisTextProps {
     children: default_2.ReactNode;
@@ -1515,11 +1648,11 @@ export declare interface EmptyLayoutProps {
     style?: default_2.CSSProperties;
 }
 
-export declare const EnableIcon: React.FC<IconProps_42>;
+export declare const EnableIcon: React.FC<IconProps_44>;
 
-export declare const EnumIcon: React.FC<IconProps_43>;
+export declare const EnumIcon: React.FC<IconProps_45>;
 
-export declare const ErrorCircleFilled: React.FC<IconProps_44>;
+export declare const ErrorCircleFilled: React.FC<IconProps_46>;
 
 /**
  * The space before the header: the arrow's own inset, its glyph and the gap after it.
@@ -1541,13 +1674,13 @@ declare const ExpandableRowControls: default_2.FC<{
     style?: default_2.CSSProperties;
 }>;
 
-export declare const ExpandIcon: React.FC<IconProps_45>;
+export declare const ExpandIcon: React.FC<IconProps_47>;
 
-export declare const ExternalLinkIcon: React.FC<IconProps_46>;
+export declare const ExternalLinkIcon: React.FC<IconProps_48>;
 
-export declare const EyeClosedIcon: React.FC<IconProps_47>;
+export declare const EyeClosedIcon: React.FC<IconProps_49>;
 
-export declare const EyeIcon: React.FC<IconProps_48>;
+export declare const EyeIcon: React.FC<IconProps_50>;
 
 /**
  * Something a form has to show but does not ask for — a computed list, a generated value —
@@ -1567,7 +1700,7 @@ export declare interface FieldBlockProps {
     style?: default_2.CSSProperties;
 }
 
-export declare const FieldCoverageIcon: React.FC<IconProps_49>;
+export declare const FieldCoverageIcon: React.FC<IconProps_51>;
 
 export declare interface FieldErrorState {
     error: boolean;
@@ -1599,13 +1732,13 @@ export declare interface FieldGroupProps {
     style?: default_2.CSSProperties;
 }
 
-export declare const FieldMappingIcon: React.FC<IconProps_50>;
+export declare const FieldMappingIcon: React.FC<IconProps_52>;
 
-export declare const FilledCaretDownIcon: React.FC<IconProps_51>;
+export declare const FilledCaretDownIcon: React.FC<IconProps_53>;
 
-export declare const FilledCaretRightIcon: React.FC<IconProps_52>;
+export declare const FilledCaretRightIcon: React.FC<IconProps_54>;
 
-export declare const FilterIcon: React.FC<IconProps_53>;
+export declare const FilterIcon: React.FC<IconProps_55>;
 
 export declare const FilterSearch: default_2.FC<FilterSearchProps>;
 
@@ -1746,7 +1879,7 @@ export declare interface FooterNavProps {
     className?: string;
 }
 
-export declare const ForbiddenIcon: React.FC<IconProps_54>;
+export declare const ForbiddenIcon: React.FC<IconProps_56>;
 
 export declare const Form: default_2.FC<FormProps>;
 
@@ -1792,7 +1925,7 @@ declare interface FormSectionTitleProps {
     style?: default_2.CSSProperties;
 }
 
-export declare const ForwardArrowIcon: React.FC<IconProps_55>;
+export declare const ForwardArrowIcon: React.FC<IconProps_57>;
 
 /**
  * Get current theme values from CSS custom properties
@@ -1804,7 +1937,7 @@ export declare function getCurrentTheme(): MalachiteTheme;
  */
 export declare function getCurrentThemeMode(): 'light' | 'dark';
 
-export declare const GlobeIcon: React.FC<IconProps_56>;
+export declare const GlobeIcon: React.FC<IconProps_58>;
 
 export declare const IconBadge: default_2.FC<IconBadgeProps>;
 
@@ -1971,6 +2104,20 @@ declare interface IconProps_116 {
     onClick?: () => void;
 }
 
+declare interface IconProps_117 {
+    size?: number | string;
+    className?: string;
+    style?: CSSProperties;
+    onClick?: () => void;
+}
+
+declare interface IconProps_118 {
+    size?: number | string;
+    className?: string;
+    style?: CSSProperties;
+    onClick?: () => void;
+}
+
 declare interface IconProps_12 {
     size?: number | string;
     className?: string;
@@ -2643,13 +2790,13 @@ declare interface IconProps_99 {
     onClick?: () => void;
 }
 
-export declare const InboxIcon: React.FC<IconProps_57>;
+export declare const InboxIcon: React.FC<IconProps_59>;
 
-export declare const InfoCircleFilled: React.FC<IconProps_58>;
+export declare const InfoCircleFilled: React.FC<IconProps_60>;
 
-export declare const InfoFilledIcon: React.FC<IconProps_59>;
+export declare const InfoFilledIcon: React.FC<IconProps_61>;
 
-export declare const InfoIcon: React.FC<IconProps_60>;
+export declare const InfoIcon: React.FC<IconProps_62>;
 
 /**
  * Initialize the theme system - should be called on app startup
@@ -2727,7 +2874,7 @@ declare type InputType = 'text' | 'password' | 'number' | 'email' | 'tel' | 'url
 
 declare type InputVariant = 'default' | 'ghost';
 
-export declare const IntegrationsIcon: React.FC<IconProps_61>;
+export declare const IntegrationsIcon: React.FC<IconProps_63>;
 
 export declare const Keycap: default_2.FC<KeycapProps>;
 
@@ -2744,7 +2891,7 @@ export declare interface KeycapProps {
 
 export declare type KeycapSize = 'small' | 'medium';
 
-export declare const KeyIcon: React.FC<IconProps_62>;
+export declare const KeyIcon: React.FC<IconProps_64>;
 
 export declare const KeyValueList: default_2.FC<KeyValueListProps> & {
     Row: typeof Row;
@@ -2776,13 +2923,13 @@ export declare interface KeyValueListRowProps {
 
 export declare type KeyValueListSize = 'small' | 'medium';
 
-export declare const LayoutIcon: React.FC<IconProps_63>;
+export declare const LayoutIcon: React.FC<IconProps_65>;
 
-export declare const LibraryIcon: React.FC<IconProps_64>;
+export declare const LibraryIcon: React.FC<IconProps_66>;
 
 export declare const Link: default_2.FC<LinkProps>;
 
-export declare const LinkIcon: React.FC<IconProps_65>;
+export declare const LinkIcon: React.FC<IconProps_67>;
 
 export declare interface LinkProps {
     href: string;
@@ -2808,7 +2955,7 @@ declare interface LinkProps_2 {
     fontSize?: 'sm' | 'base';
 }
 
-export declare const ListChecksIcon: React.FC<IconProps_66>;
+export declare const ListChecksIcon: React.FC<IconProps_68>;
 
 export declare const LoadingBar: default_2.FC<LoadingBarProps>;
 
@@ -2836,9 +2983,9 @@ export declare type LoadingBarSize = 'small' | 'medium' | 'large';
 
 export declare type LoadingBarVariant = 'default' | 'warning' | 'error';
 
-export declare const LogsIcon: React.FC<IconProps_67>;
+export declare const LogsIcon: React.FC<IconProps_69>;
 
-export declare const MagicWandIcon: React.FC<IconProps_68>;
+export declare const MagicWandIcon: React.FC<IconProps_70>;
 
 /**
  * MalachiteContext provides a Shadow DOM context with theme setup for Malachite components.
@@ -2999,6 +3146,10 @@ export declare interface MalachiteTheme {
             border: string;
             backgroundGlass: string;
         };
+        /** Overrides for DatePicker / DateRangePicker's derived states. Override-only: nothing
+         *  is emitted until a consumer sets a key, so each state otherwise derives from `text`
+         *  and `accent` wherever those resolve, subtree overrides included. */
+        datePicker?: Partial<Record<DatePickerToken, string>>;
         control: {
             borderHover: string;
         };
@@ -3129,6 +3280,12 @@ export declare interface MalachiteTheme {
             divider: string;
             shadow: string;
         };
+        /** `CloseButton surface="inverse"`: the X on a panel that is dark in every theme. */
+        closeButton: {
+            inverseForeground: string;
+            inverseHoverForeground: string;
+            inverseDisabledForeground: string;
+        };
         dropdown: {
             border: string;
             borderActive: string;
@@ -3317,9 +3474,9 @@ export declare interface MalachiteTheme {
     };
 }
 
-export declare const ManageTeamIcon: React.FC<IconProps_69>;
+export declare const ManageTeamIcon: React.FC<IconProps_71>;
 
-export declare const ManualWebhookIcon: React.FC<IconProps_70>;
+export declare const ManualWebhookIcon: React.FC<IconProps_72>;
 
 /** `inert` draws links without an anchor, for markdown inside a <button>. */
 export declare type MarkdownLinks = 'interactive' | 'inert';
@@ -3340,15 +3497,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_71>;
+export declare const MarkReadIcon: React.FC<IconProps_73>;
 
-export declare const MarkUnreadIcon: React.FC<IconProps_72>;
+export declare const MarkUnreadIcon: React.FC<IconProps_74>;
 
-export declare const MembersIcon: React.FC<IconProps_73>;
+export declare const MembersIcon: React.FC<IconProps_75>;
 
 export declare const Modal: default_2.FC<ModalProps>;
 
-export declare const ModalIcon: React.FC<IconProps_74>;
+export declare const ModalIcon: React.FC<IconProps_76>;
 
 export declare interface ModalProps {
     open: boolean;
@@ -3412,9 +3569,9 @@ export declare type ModalSize = 'small' | 'medium' | 'large';
 
 export declare type ModalTrayTone = 'neutral' | 'warning' | 'error' | 'success';
 
-export declare const MoreHorizontalIcon: React.FC<IconProps_75>;
+export declare const MoreHorizontalIcon: React.FC<IconProps_77>;
 
-export declare const MoreVerticalIcon: React.FC<IconProps_76>;
+export declare const MoreVerticalIcon: React.FC<IconProps_78>;
 
 export declare const MultiSelect: default_2.FC<MultiSelectProps>;
 
@@ -3506,9 +3663,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_77>;
+export declare const NavbarCollapseIcon: React.FC<IconProps_79>;
 
-export declare const NavbarExpandIcon: React.FC<IconProps_78>;
+export declare const NavbarExpandIcon: React.FC<IconProps_80>;
 
 export declare const NavItem: default_2.ForwardRefExoticComponent<NavItemProps & default_2.RefAttributes<HTMLElement>>;
 
@@ -3550,7 +3707,7 @@ export declare interface NavItemLinkProps extends NavItemBaseProps {
 
 export declare type NavItemProps = NavItemLinkProps | NavItemAsChildProps;
 
-export declare const NotFoundIcon: React.FC<IconProps_79>;
+export declare const NotFoundIcon: React.FC<IconProps_81>;
 
 export declare const NumberTag: default_2.FC<NumberTagProps>;
 
@@ -3565,7 +3722,7 @@ export declare interface NumberTagProps {
     className?: string;
 }
 
-export declare const OrganizationIcon: React.FC<IconProps_80>;
+export declare const OrganizationIcon: React.FC<IconProps_82>;
 
 export declare const OverflowRow: default_2.FC<OverflowRowProps>;
 
@@ -3658,6 +3815,7 @@ export declare interface PartialMalachiteTheme {
         tooltip?: Partial<MalachiteTheme['colors']['tooltip']>;
         primary?: Partial<MalachiteTheme['colors']['primary']>;
         accent?: Partial<NonNullable<MalachiteTheme['colors']['accent']>>;
+        datePicker?: MalachiteTheme['colors']['datePicker'];
         control?: Partial<MalachiteTheme['colors']['control']>;
         outline?: Partial<MalachiteTheme['colors']['outline']>;
         secondary?: Partial<MalachiteTheme['colors']['secondary']>;
@@ -3673,6 +3831,7 @@ export declare interface PartialMalachiteTheme {
         cardStrip?: Partial<MalachiteTheme['colors']['cardStrip']>;
         selectionBar?: Partial<MalachiteTheme['colors']['selectionBar']>;
         inlineConfirm?: Partial<MalachiteTheme['colors']['inlineConfirm']>;
+        closeButton?: Partial<MalachiteTheme['colors']['closeButton']>;
         dropdown?: Partial<MalachiteTheme['colors']['dropdown']>;
         tag?: {
             [K in keyof MalachiteTheme['colors']['tag']]?: Partial<MalachiteTheme['colors']['tag'][K]>;
@@ -3739,11 +3898,11 @@ declare type PillButtonTone = 'default' | 'assistant';
 
 declare type PillButtonVariant = 'default' | 'inverted';
 
-export declare const PinIcon: React.FC<IconProps_81>;
+export declare const PinIcon: React.FC<IconProps_83>;
 
-export declare const PlaygroundIcon: React.FC<IconProps_82>;
+export declare const PlaygroundIcon: React.FC<IconProps_84>;
 
-export declare const PlusIcon: React.FC<IconProps_83>;
+export declare const PlusIcon: React.FC<IconProps_85>;
 
 export declare const Popover: default_2.FC<PopoverProps> & {
     Header: default_2.FC< PopoverHeaderProps>;
@@ -3804,7 +3963,7 @@ export declare type PopoverPlacement = FloatingPlacement;
 
 export declare type PopoverProps = PopoverBaseProps & PopoverName;
 
-export declare const PreviewIcon: React.FC<IconProps_84>;
+export declare const PreviewIcon: React.FC<IconProps_86>;
 
 /** A translucent rounded card that groups {@link PreviewTreeRow}s into a tree preview. */
 export declare const PreviewTree: default_2.FC<PreviewTreeProps>;
@@ -3825,7 +3984,7 @@ declare interface PreviewTreeRowProps {
     expanded?: boolean;
 }
 
-export declare const ProgrammaticWebhookIcon: React.FC<IconProps_85>;
+export declare const ProgrammaticWebhookIcon: React.FC<IconProps_87>;
 
 export declare const Progress: default_2.FC<ProgressProps>;
 
@@ -3876,7 +4035,7 @@ declare interface ProgressValueProps extends ProgressCommonProps {
     max?: never;
 }
 
-export declare const PulseIcon: React.FC<IconProps_86>;
+export declare const PulseIcon: React.FC<IconProps_88>;
 
 export declare const QueryInput: default_2.FC<QueryInputProps>;
 
@@ -3953,7 +4112,7 @@ export declare interface RadioProps {
     id?: string;
 }
 
-export declare const RefreshIcon: React.FC<IconProps_87>;
+export declare const RefreshIcon: React.FC<IconProps_89>;
 
 export declare interface RegularLayoutProps {
     breadcrumbLinks?: BreadcrumbLink[];
@@ -3985,9 +4144,9 @@ export declare interface RegularLayoutProps {
     style?: default_2.CSSProperties;
 }
 
-export declare const RejectIcon: React.FC<IconProps_88>;
+export declare const RejectIcon: React.FC<IconProps_90>;
 
-export declare const ReloadIcon: React.FC<IconProps_89>;
+export declare const ReloadIcon: React.FC<IconProps_91>;
 
 /**
  * Renders an in-app link through the app's own link component, spreading every field onto it:
@@ -4002,9 +4161,9 @@ export declare type RenderLink = (props: {
     'aria-label'?: string;
 }) => default_2.ReactNode;
 
-export declare const ReplyIcon: React.FC<IconProps_90>;
+export declare const ReplyIcon: React.FC<IconProps_92>;
 
-export declare const RequiredFieldIndicatorIcon: React.FC<IconProps_91>;
+export declare const RequiredFieldIndicatorIcon: React.FC<IconProps_93>;
 
 export declare type RequiredIndicator = 'optional-suffix' | 'asterisk' | 'none';
 
@@ -4031,7 +4190,7 @@ export declare type RowVariant = 'success' | 'warning' | 'error' | 'info';
 /** 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_92>;
+export declare const SearchIcon: React.FC<IconProps_94>;
 
 export declare interface SearchProps {
     value: string;
@@ -4087,7 +4246,7 @@ declare interface SectionTitleProps {
     style?: default_2.CSSProperties;
 }
 
-export declare const SecurityIcon: React.FC<IconProps_93>;
+export declare const SecurityIcon: React.FC<IconProps_95>;
 
 /**
  * A rounded track of mutually-exclusive options — the segmented "one of these" control.
@@ -4257,7 +4416,7 @@ export declare interface SelectionBarProps {
     className?: string;
 }
 
-export declare const SendIcon: React.FC<IconProps_94>;
+export declare const SendIcon: React.FC<IconProps_96>;
 
 export declare const SettingRow: default_2.FC<SettingRowProps>;
 
@@ -4279,7 +4438,7 @@ export declare interface SettingRowProps {
     className?: string;
 }
 
-export declare const SettingsIcon: React.FC<IconProps_95>;
+export declare const SettingsIcon: React.FC<IconProps_97>;
 
 /**
  * ShadowEscape renders its children OUTSIDE the Shadow DOM to avoid React hook issues.
@@ -4429,7 +4588,7 @@ export declare interface SidePanelProps {
     children: default_2.ReactNode;
 }
 
-export declare const SignOutIcon: React.FC<IconProps_96>;
+export declare const SignOutIcon: React.FC<IconProps_98>;
 
 export declare const Skeleton: {
     Button: default_2.FC<SkeletonButtonProps>;
@@ -4463,11 +4622,11 @@ declare type SkeletonShape = 'default' | 'round' | 'circle' | 'square';
 
 declare type SkeletonSize = 'small' | 'default' | 'large';
 
-export declare const SliderIcon: React.FC<IconProps_97>;
+export declare const SliderIcon: React.FC<IconProps_99>;
 
-export declare const SortIcon: React.FC<IconProps_98>;
+export declare const SortIcon: React.FC<IconProps_100>;
 
-export declare const SourceIcon: React.FC<IconProps_99>;
+export declare const SourceIcon: React.FC<IconProps_101>;
 
 export declare const Spacer: default_2.FC<SpacerProps>;
 
@@ -4491,7 +4650,7 @@ export declare enum SpacingSize {
     Large = "large"
 }
 
-export declare const SparkleIcon: React.FC<IconProps_100>;
+export declare const SparkleIcon: React.FC<IconProps_102>;
 
 export declare const Spinner: default_2.FC<SpinnerProps>;
 
@@ -4511,7 +4670,7 @@ declare interface SplitScreenLayoutProps {
     footer?: default_2.ReactNode;
 }
 
-export declare const StarIcon: React.FC<IconProps_101>;
+export declare const StarIcon: React.FC<IconProps_103>;
 
 export declare const StatBadge: default_2.FC<StatBadgeProps>;
 
@@ -4583,7 +4742,7 @@ export declare interface StatusBadgeProps {
 
 export declare type StatusBadgeType = 'success' | 'error' | 'warning' | 'info';
 
-export declare const StepCurrentIcon: React.FC<IconProps_102>;
+export declare const StepCurrentIcon: React.FC<IconProps_104>;
 
 export declare const Stepper: default_2.FC<StepperProps>;
 
@@ -4624,7 +4783,7 @@ export declare interface StepTabsProps {
     className?: string;
 }
 
-export declare const StepUpcomingIcon: React.FC<IconProps_103>;
+export declare const StepUpcomingIcon: React.FC<IconProps_105>;
 
 export declare type SubtitleLayout = 'inline' | 'stacked';
 
@@ -4763,7 +4922,7 @@ export declare interface SwatchProps {
     style?: default_2.CSSProperties;
 }
 
-export declare const SyntheticWebhookIcon: React.FC<IconProps_104>;
+export declare const SyntheticWebhookIcon: React.FC<IconProps_106>;
 
 export declare interface TabItem {
     key: string;
@@ -5075,9 +5234,9 @@ export declare interface ThemeScopeProps {
     children?: default_2.ReactNode;
 }
 
-export declare const ThumbsDownIcon: React.FC<IconProps_105>;
+export declare const ThumbsDownIcon: React.FC<IconProps_107>;
 
-export declare const ThumbsUpIcon: React.FC<IconProps_106>;
+export declare const ThumbsUpIcon: React.FC<IconProps_108>;
 
 export declare const Toggle: default_2.ForwardRefExoticComponent<ToggleProps & default_2.RefAttributes<HTMLElement>>;
 
@@ -5196,11 +5355,11 @@ declare interface TooltipProps {
     focusableTrigger?: boolean;
 }
 
-export declare const TrashIcon: React.FC<IconProps_107>;
+export declare const TrashIcon: React.FC<IconProps_109>;
 
-export declare const TriangleDownIcon: React.FC<IconProps_108>;
+export declare const TriangleDownIcon: React.FC<IconProps_110>;
 
-export declare const TriangleRightIcon: React.FC<IconProps_109>;
+export declare const TriangleRightIcon: React.FC<IconProps_111>;
 
 /**
  * TruncatedTooltip renders its children in a single-line truncating container
@@ -5244,9 +5403,9 @@ export declare const Typography: {
     Text: FC<TextProps>;
 };
 
-export declare const UnarchiveIcon: React.FC<IconProps_110>;
+export declare const UnarchiveIcon: React.FC<IconProps_112>;
 
-export declare const UploadIcon: React.FC<IconProps_111>;
+export declare const UploadIcon: React.FC<IconProps_113>;
 
 export declare const UsageCard: default_2.FC<UsageCardProps>;
 
@@ -5268,15 +5427,17 @@ export declare const useHasOpenOverlay: () => boolean;
 
 export declare const useSidebarCollapsed: () => boolean;
 
-export declare const WarningCircleFilled: React.FC<IconProps_112>;
+export declare const WarningCircleFilled: React.FC<IconProps_114>;
+
+export declare const WarningTriangleIcon: React.FC<IconProps_115>;
 
-export declare const WarningTriangleIcon: React.FC<IconProps_113>;
+export declare const WebhookEventsIcon: React.FC<IconProps_116>;
 
-export declare const WebhookEventsIcon: React.FC<IconProps_114>;
+export declare const WebhookIcon: React.FC<IconProps_117>;
 
-export declare const WebhookIcon: React.FC<IconProps_115>;
+export declare const WebhookSigningSecretIcon: React.FC<IconProps_118>;
 
-export declare const WebhookSigningSecretIcon: React.FC<IconProps_116>;
+export declare type WeekStart = 'monday' | 'sunday';
 
 export declare type WidthSize = 'large' | 'medium' | 'small' | 'xsmall';