export declare const storiesClassNames: {
    readonly root: "df-stories";
    readonly preview: "df-stories-preview";
    readonly previewRing: "df-stories-preview__ring";
    readonly previewGap: "df-stories-preview__gap";
    readonly previewBody: "df-stories-preview__body";
    readonly previewTitle: "df-stories-preview__title";
    readonly viewer: "df-stories-viewer";
    readonly overlay: "df-stories-viewer__overlay";
    readonly stage: "df-stories-viewer__stage";
    readonly banner: "df-stories-banner";
    readonly progress: "df-stories-progress";
    readonly progressItem: "df-stories-progress__item";
    readonly content: "df-stories-content";
    readonly action: "df-stories-banner__action";
    readonly arrowPrev: "df-stories-viewer__arrow-prev";
    readonly arrowNext: "df-stories-viewer__arrow-next";
    readonly close: "df-stories-viewer__close";
};
export declare const STORIES_RING_GRADIENT = "linear-gradient(135deg, #08c6c9 0%, #99b0fe 100%)";
export declare const STORIES_PREVIEW_FALLBACK_BG = "#ecf6fc";
export declare const STORIES_VIEW_TRANSITION_NAME = "df-stories-banner";
export declare const STORIES_DEFAULTS: {
    readonly duration: 5000;
    readonly pauseHoldDelay: 200;
    readonly tapPrevZone: number;
    readonly overlayColor: "#060a0c47";
    readonly zIndex: 9000;
};
export declare const STORIES_SIZES: {
    readonly circle: 98;
    readonly ring: 2;
    readonly titleGap: 6;
    readonly rectRadiusOuter: 12;
    readonly rectRadiusGap: 10;
    readonly rectRadiusBody: 8;
    readonly bannerMaxWidth: 430;
    readonly bannerMaxHeight: 900;
    readonly bannerRadius: 16;
    readonly bannerPadding: 28;
    readonly stageWidth: 558;
    readonly progressHeight: 4;
    readonly progressRadius: 2;
    readonly progressFillRadius: 6;
    readonly progressGap: 4;
};
export declare const STORIES_PREVIEW_DATA_COMPONENT = "StoriesPreview";