import type { EditorTheme, ParticipantColor } from './types';
export declare const akEditorFullPageDefaultFontSize = 16;
export declare const akEditorFullPageDenseFontSize = 13;
export declare const akEditorCodeFontFamily: 'var(--ds-font-family-code)';
export declare const akEditorSubtleAccent: 'var(--ds-background-accent-gray-subtler)';
export declare const akEditorBlockquoteBorderColor: 'var(--ds-border)';
export declare const akEditorCodeBackground: 'var(--ds-background-accent-gray-subtlest)';
export declare const akEditorCodeBlockPadding = "12px";
export declare const akEditorCodeInlinePadding = "2px 4px";
export declare const akEditorDeleteBackground: 'var(--ds-background-danger)';
export declare const akEditorDeleteBackgroundWithOpacity = "rgba(255, 189, 173, 0.5)";
export declare const akEditorDeleteBorder: 'var(--ds-border-danger)';
export declare const akEditorDeleteIconColor: 'var(--ds-icon-danger)';
export declare const akEditorCustomIconSize = 20;
export declare const akEditorSelectedBorderColor: 'var(--ds-border-selected)';
export declare const akEditorSelectedBorderSize = 1;
export declare const akEditorSelectedBorderBoldSize = 2;
export declare const akEditorSelectedBorder: string;
export declare const akEditorSelectedBoxShadow: string;
export declare const akEditorSelectedBoldBoxShadow: string;
export declare const akEditorSelectedBlanketOpacity = 0.3;
export declare const akEditorUnitZIndex = 1;
export declare const akEditorShadowZIndex = 2;
export declare const akEditorStickyHeaderZIndex = 11;
export declare const akEditorSmallZIndex: number;
export declare const akEditorGridLineZIndex = 2;
export declare const akEditorMenuZIndex = 500;
export declare const akEditorFloatingPanelZIndex = 400;
export declare const akEditorFloatingDialogZIndex: number;
export declare const akEditorTableCellOnStickyHeaderZIndex: number;
export declare const akEditorFloatingOverlapPanelZIndex: number;
export declare const akEditorTableToolbarSize = 11;
export declare const akEditorTableBorder: 'var(--ds-background-accent-gray-subtler)';
export declare const akEditorTableToolbar: 'var(--ds-background-accent-gray-subtlest)';
export declare const akEditorTableHeaderCellBackground = "#F1F2F4";
export declare const akEditorTableHeaderCellBackgroundDark = "#2C333A";
export declare const akEditorTableBorderSelected: 'var(--ds-border-focused)';
export declare const akEditorTableBorderRadius = "3px";
export declare const akEditorTableContainerBg = "--table-container-bg";
export declare const akEditorTableCellBackgroundOpacity = 0.5;
export declare const akEditorFullPageMaxWidth = 680;
export declare const akEditorDefaultLayoutWidth = 760;
export declare const akEditorWideLayoutWidth = 960;
export declare const akEditorFullWidthLayoutWidth = 1800;
export declare const akEditorMaxWidthLayoutWidth = 4000;
export declare const akEditorFullWidthLayoutLineLength = 1792;
export declare const akEditorMaxLayoutWidth = 4000;
export declare const akEditorTableNumberColumnWidth = 42;
export declare const akEditorBreakoutPadding = 96;
export declare const akEditorGutterPadding = 32;
export declare const akEditorGutterPaddingDynamic: () => 72 | 52;
export declare const akEditorGutterPaddingReduced = 24;
export declare const akEditorFullPageNarrowBreakout = 600;
export declare const akEditorMobileBreakoutPoint = 720;
export declare const akEditorTableCellMinWidth = 48;
export declare const akEditorTableLegacyCellMinWidth = 128;
export declare const akEditorMediaResizeHandlerPaddingWide = 12;
export declare const akEditorMediaResizeHandlerPadding = 4;
export declare const akEditorSwoopCubicBezier = "cubic-bezier(0.15, 1, 0.3, 1)";
export declare const gridMediumMaxWidth = 1024;
export declare const breakoutWideScaleRatio = 1.33;
export declare const akEditorCalculatedWideLayoutWidthSmallViewport = 905;
export declare const akEditorCalculatedWideLayoutWidth = 1011;
export declare const akRichMediaResizeZIndex: number;
export declare const akLayoutGutterOffset = 12;
export declare const akEditorLineHeight = 1.714;
export declare const akEditorRuleBorderRadius = "1px";
export declare const akEditorToolbarKeylineHeight = 2;
export declare const akEditorContextPanelWidth = 320;
export declare const akEditorTableCellBlanketSelected = "rgba(179, 212, 255, 0.3)";
export declare const akEditorTableCellBlanketDeleted = "rgba(255, 235, 230, 0.3)";
export declare const akEditorWrappedNodeZIndex: number;
export declare const layoutBreakpointWidth: {
    SMALL: number;
    MEDIUM: number;
};
export declare const blockNodesVerticalMargin = "0.75rem";
export declare const scaledBlockNodesVerticalMargin = "0.75em";
export declare const DEFAULT_EMBED_CARD_WIDTH = 680;
export declare const DEFAULT_EMBED_CARD_HEIGHT = 480;
export declare const MAX_BROWSER_SCROLLBAR_HEIGHT = 20;
export declare const ATLASSIAN_NAVIGATION_HEIGHT = "56px";
export declare const FULL_PAGE_EDITOR_TOOLBAR_HEIGHT: (isToolbarAIFCEnabled?: boolean) => "var(--ds-space-500)" | "44px";
export declare const akEditorFullPageToolbarHeight = 40;
export declare const akEditorSelectedNodeClassName = "ak-editor-selected-node";
export declare const editorFontSize: ({ theme, }: {
    theme: {
        baseFontSize?: number;
    } | undefined;
}) => number;
export declare const relativeSize: (multiplier: number) => ({ theme }: {
    theme: EditorTheme;
}) => number;
export declare const relativeFontSizeToBase16: (px: number | string) => string;
/**
 * Converts a numeric value to a CSS calc expression that scales proportionally
 * with the editor's base font size CSS variable.
 *
 * This function creates a responsive sizing calculation that maintains proportional
 * scaling when the editor's base font size changes from the default 16px.
 *
 * @param value - The numeric value to scale (typically in pixels)
 * @returns A CSS calc() expression string that scales the value relative to
 *          the --ak-editor-base-font-size CSS variable
 *
 * @example
 * ```typescript
 * // Returns: "calc(24 * var(--ak-editor-base-font-size) / 16)"
 * const scaledSize = relativeSizeToBaseFontSize(24);
 *
 * // If --ak-editor-base-font-size is 16px, result is 24px
 * // If --ak-editor-base-font-size is 14px, result is 21px (24 * 14/16)
 * ```
 */
export declare const relativeSizeToBaseFontSize: (value: number) => string;
export declare const VIEWPORT_SIZES: {
    a4KMonitor: {
        width: number;
        height: number;
    };
    laptopHiDPI: {
        width: number;
        height: number;
    };
    laptopMDPI: {
        width: number;
        height: number;
    };
    tabletL: {
        width: number;
        height: number;
    };
    tabletS: {
        width: number;
        height: number;
    };
    mobileM: {
        width: number;
        height: number;
    };
    mobileS: {
        width: number;
        height: number;
    };
    mobileXS: {
        width: number;
        height: number;
    };
};
export declare const akEditorMobileMaxWidth = 0;
export declare const getTableCellBackgroundDarkModeColors: string;
export declare function getTableCellBackgroundDarkModeColorCSS(colorName: string, colorValue: string): string;
export declare const avatarColors: ('var(--ds-icon-accent-red)' | 'var(--ds-background-accent-red-bolder-hovered)' | 'var(--ds-icon-accent-magenta)' | 'var(--ds-background-accent-magenta-bolder-hovered)' | 'var(--ds-icon-accent-orange)' | 'var(--ds-background-accent-orange-bolder-hovered)' | 'var(--ds-icon-accent-green)' | 'var(--ds-background-accent-green-bolder-hovered)' | 'var(--ds-icon-accent-blue)' | 'var(--ds-background-accent-blue-bolder-hovered)' | 'var(--ds-icon-accent-teal)' | 'var(--ds-background-accent-teal-bolder-hovered)' | 'var(--ds-icon-accent-lime)' | 'var(--ds-background-accent-lime-bolder-hovered)' | 'var(--ds-icon-accent-purple)' | 'var(--ds-background-accent-purple-bolder-hovered)' | 'var(--ds-icon-accent-gray)' | 'var(--ds-background-accent-gray-bolder-hovered)' | 'var(--ds-icon-accent-yellow)' | 'var(--ds-background-accent-yellow-bolder-hovered)' | 'var(--ds-background-accent-yellow-bolder-pressed)')[];
export declare const participantColors: Array<ParticipantColor>;