@lumx/core 4.3.2-alpha.13 → 4.3.2-alpha.14

package/js/components/Thumbnail/Stories.d.ts

@@ -1,168 +0,0 @@
-import type { SetupStoriesOptions } from '@lumx/core/stories/types';
-import { AspectRatio } from '../../constants';
-import { ThumbnailVariant } from './types';
-/**
- * Setup Thumbnail stories for a specific framework (React or Vue).
- * This function creates all the stories with the appropriate decorators.
- */
-export declare function setup({ component, render, decorators: { withNestedProps }, overrides, }: SetupStoriesOptions<{
-    overrides: 'Simple' | 'FillHeightAndRatio' | 'ObjectFit';
-    decorators: 'withNestedProps';
-}>): {
-    meta: {
-        component: any;
-        render: any;
-        argTypes: {
-            image: {
-                control: {
-                    type: "select" | "inline-radio";
-                };
-                options: string[];
-                mapping: Record<string, string> | undefined;
-            };
-            align: {
-                control: {
-                    type: "select" | "inline-radio";
-                };
-                options: ("center" | "left" | "right")[];
-                mapping: Record<string, "center" | "left" | "right"> | undefined;
-            };
-            variant: {
-                control: {
-                    type: "select" | "inline-radio";
-                };
-                options: ("squared" | "rounded")[];
-                mapping: Record<string, "squared" | "rounded"> | undefined;
-            };
-            aspectRatio: {
-                control: {
-                    type: "select" | "inline-radio";
-                };
-                options: ("horizontal" | "vertical" | "original" | "panoramic" | "wide" | "square" | "free")[];
-                mapping: Record<string, "horizontal" | "vertical" | "original" | "panoramic" | "wide" | "square" | "free"> | undefined;
-            };
-            fallback: {
-                control: boolean;
-            };
-            'focusPoint.x': {
-                control: {
-                    type: string;
-                    max: number;
-                    min: number;
-                    step: number;
-                };
-            };
-            'focusPoint.y': {
-                control: {
-                    type: string;
-                    max: number;
-                    min: number;
-                    step: number;
-                };
-            };
-        };
-        decorators: ((story: any, context: any) => any)[];
-        args: {
-            align?: import("../../constants").HorizontalAlignment | undefined;
-            alt?: string | undefined;
-            aspectRatio?: AspectRatio | undefined;
-            badge?: import("react").ReactNode;
-            crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
-            fallback?: import("react").ReactNode;
-            fillHeight?: boolean | undefined;
-            image?: string | undefined;
-            loadingState?: string | undefined;
-            imgProps?: import("react").ImgHTMLAttributes<HTMLImageElement> | undefined;
-            imgRef?: import("../../types").CommonRef;
-            ref?: import("../../types").CommonRef;
-            isLoading?: boolean | undefined;
-            objectFit?: import("./types").ThumbnailObjectFit | undefined;
-            size?: import("./types").ThumbnailSize | undefined;
-            loading?: "eager" | "lazy" | undefined;
-            loadingPlaceholderImageRef?: React.RefObject<HTMLImageElement> | undefined;
-            onClick?: ((event: any) => void) | undefined;
-            onKeyPress?: ((event: any) => void) | undefined;
-            variant?: ThumbnailVariant | undefined;
-            linkProps?: import("../../types").GenericProps | undefined;
-            focusPointStyle?: import("../../types").GenericProps | undefined;
-            disabledStateProps?: import("../../types").GenericProps | undefined;
-            isAnyDisabled?: boolean | undefined;
-            linkAs?: "a" | any;
-            'aria-label'?: string | undefined;
-            theme?: import("../../constants").Theme | undefined;
-            className?: string | undefined;
-        };
-    };
-    /** Simple thumbnail taking the size of the original image */
-    Simple: {
-        [x: string]: any;
-    };
-    /** Loading state */
-    IsLoading: {
-        args: {
-            image: string;
-            isLoading: boolean;
-        };
-    };
-    WithoutSource: {
-        args: {
-            image: string;
-            size: "xxl";
-            aspectRatio: "square";
-        };
-    };
-    /** Demonstrate the focus point X on a vertical thumbnail containing an horizontal image */
-    FocusPointVertical: {
-        args: {
-            aspectRatio: "vertical";
-            size: "xxl";
-            image: string;
-            'focusPoint.x': number;
-        };
-    };
-    /** Demonstrate the focus point Y on a horizontal thumbnail containing an vertical image */
-    FocusPointHorizontal: {
-        args: {
-            aspectRatio: "horizontal";
-            size: "xxl";
-            image: string;
-            'focusPoint.y': number;
-        };
-    };
-    /** Setting `onClick` to turn the thumbnail into a button */
-    AsButton: {
-        args: {
-            image: string;
-        };
-        argTypes: {
-            onClick: {
-                action: boolean;
-            };
-        };
-    };
-    /** Setting `linkProps.href` to turn the thumbnail into a link */
-    AsLink: {
-        args: {
-            image: string;
-            linkProps: {
-                href: string;
-            };
-        };
-    };
-    /** Combinations of fillHeight and ratios */
-    FillHeightAndRatio: {
-        [x: string]: any;
-    };
-    /** Simple thumbnail with svg image */
-    WithSvgImages: {
-        args: {
-            image: string;
-            size: "xxl";
-            fillHeight: boolean;
-            'focusPoint.x': number;
-        };
-    };
-    ObjectFit: {
-        [x: string]: any;
-    };
-};

package/js/components/Thumbnail/Tests.d.ts

@@ -1,11 +0,0 @@
-import { SetupOptions } from '../../../testing';
-/**
- * Mounts the component and returns common DOM elements / data needed in multiple tests further down.
- */
-export declare const setup: (propsOverride: any | undefined, { render, ...options }: SetupOptions<any>) => {
-    props: any;
-    thumbnail: HTMLElement;
-    wrapper: Partial<import("../../../testing").SetupResult>;
-};
-declare const _default: (renderOptions: SetupOptions<any>) => void;
-export default _default;

package/js/components/Thumbnail/index.d.ts

@@ -1,84 +0,0 @@
-import type { ImgHTMLAttributes } from 'react';
-import { AspectRatio, HorizontalAlignment } from '@lumx/core/js/constants';
-import type { GenericProps, HasTheme, CommonRef, JSXElement, LumxClassName, HasClassName } from '@lumx/core/js/types';
-import { ThumbnailSize, ThumbnailVariant, ThumbnailObjectFit } from './types';
-type ImgHTMLProps = ImgHTMLAttributes<HTMLImageElement>;
-/**
- * Defines the props of the component.
- */
-export interface ThumbnailProps extends HasTheme, HasClassName {
-    /** Alignment of the thumbnail in it's parent (requires flex parent). */
-    align?: HorizontalAlignment;
-    /** Image alternative text. */
-    alt: string;
-    /** Image aspect ratio. */
-    aspectRatio?: AspectRatio;
-    /** Badge. */
-    badge?: JSXElement;
-    /** Image cross origin resource policy. */
-    crossOrigin?: ImgHTMLProps['crossOrigin'];
-    /** Fallback icon (SVG path) or react node when image fails to load. */
-    fallback?: string | JSXElement;
-    /** Whether the thumbnail should fill it's parent size (requires flex parent) or not. */
-    fillHeight?: boolean;
-    /** Image URL. */
-    image: string;
-    loadingState: string;
-    /** Props to inject into the native <img> element. */
-    imgProps?: ImgHTMLProps;
-    /** Reference to the native <img> element. */
-    imgRef?: CommonRef;
-    ref?: CommonRef;
-    /** Set to true to force the display of the loading skeleton. */
-    isLoading?: boolean;
-    /** Set how the image should fit when its aspect ratio is constrained */
-    objectFit?: ThumbnailObjectFit;
-    /** Size variant of the component. */
-    size?: ThumbnailSize;
-    /** Image loading mode. */
-    loading?: 'eager' | 'lazy';
-    /** Ref of an existing placeholder image to display while loading. */
-    loadingPlaceholderImageRef?: React.RefObject<HTMLImageElement>;
-    /** On click callback. */
-    onClick?: (event: any) => void;
-    /** On key press callback. */
-    onKeyPress?: (event: any) => void;
-    /** Variant of the component. */
-    variant?: ThumbnailVariant;
-    /** Props to pass to the link wrapping the thumbnail. */
-    linkProps?: GenericProps;
-    focusPointStyle?: GenericProps;
-    disabledStateProps?: GenericProps;
-    isAnyDisabled?: boolean;
-    /** Custom react component for the link (can be used to inject react router Link). */
-    linkAs?: 'a' | any;
-    'aria-label'?: string;
-}
-/**
- * Component display name.
- */
-export declare const COMPONENT_NAME = "Thumbnail";
-/**
- * Component default class name and class prefix.
- */
-export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
-export declare const block: {
-    (additionalClasses: string[]): string;
-    (modifiers?: import("../../utils/classNames/bem/modifier").Modifier, additionalClasses?: string[]): string;
-}, element: {
-    (elem: string, additionalClasses: string[]): string;
-    (elem: string, modifiers?: import("../../utils/classNames/bem/modifier").Modifier, additionalClasses?: string[]): string;
-};
-/**
- * Component default props.
- */
-export declare const DEFAULT_PROPS: Partial<ThumbnailProps>;
-/**
- * Thumbnail component.
- *
- * @param  props Component props.
- * @param  ref   Component ref.
- * @return React element.
- */
-export declare const Thumbnail: (props: ThumbnailProps) => import("react").JSX.Element;
-export * from './utils';

package/js/components/Thumbnail/types.d.ts

@@ -1,45 +0,0 @@
-import { AspectRatio, Size } from '../../constants';
-import { ValueOf } from '../../types';
-/**
- *  Focal point using vertical alignment, horizontal alignment or coordinates (from -1 to 1).
- */
-export type FocusPoint = {
-    x?: number;
-    y?: number;
-};
-/**
- * Loading attribute is not yet supported in typescript, so we need
- * to add it in order to avoid a ts error.
- * https://github.com/typescript-cheatsheets/react-typescript-cheatsheet/blob/master/ADVANCED.md#adding-non-standard-attributes
- */
-declare module 'react' {
-    interface ImgHTMLAttributes<T> extends React.HTMLAttributes<T> {
-        loading?: 'eager' | 'lazy';
-    }
-}
-/**
- * All available aspect ratios.
- * @deprecated
- */
-export declare const ThumbnailAspectRatio: Record<string, AspectRatio>;
-/**
- *  Thumbnail sizes.
- */
-export type ThumbnailSize = Extract<Size, 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl'>;
-/**
- * Thumbnail variants.
- */
-export declare const ThumbnailVariant: {
-    readonly squared: "squared";
-    readonly rounded: "rounded";
-};
-export type ThumbnailVariant = ValueOf<typeof ThumbnailVariant>;
-/**
- * Thumbnail object fit.
- */
-export declare const ThumbnailObjectFit: {
-    readonly cover: "cover";
-    readonly contain: "contain";
-};
-export type ThumbnailObjectFit = ValueOf<typeof ThumbnailObjectFit>;
-export type LoadingState = 'isLoading' | 'isLoaded' | 'hasError';

package/js/components/Thumbnail/utils.d.ts

@@ -1,79 +0,0 @@
-import type { CSSProperties } from 'react';
-import type { RectSize } from '../../types';
-import { AspectRatio } from '../../constants';
-import type { FocusPoint, LoadingState } from './types';
-/**
- * Determines the loading state of an HTML image element.
- *
- * @param img - The HTML image element to check
- * @param event - Optional event (load or error) that triggered the state check
- * @returns The current loading state: 'hasError', 'isLoading', or 'isLoaded'
- */
-export declare function getImageLoadingState(img: HTMLImageElement | null | undefined, event?: Event): LoadingState;
-/**
- * Parameters for getting image size.
- */
-export interface GetImageSizeParams {
-    /** Image URL (used for validation) */
-    image?: string;
-    /** Aspect ratio setting */
-    aspectRatio?: AspectRatio;
-    /** Focus point (if not set, size calculation is skipped) */
-    focusPoint?: FocusPoint;
-    /** Width from imgProps */
-    width?: number;
-    /** Height from imgProps */
-    height?: number;
-    /** Image element (for getting natural dimensions) */
-    element?: HTMLImageElement;
-    /** Whether image is loaded */
-    isLoaded: boolean;
-}
-/**
- * Gets the natural image size from props or element.
- * Returns undefined if focus point is not applicable or size cannot be determined.
- *
- * @param params - Image size parameters
- * @returns Image size or undefined
- */
-export declare function getImageSize({ image, aspectRatio, focusPoint, width, height, element, isLoaded, }: GetImageSizeParams): RectSize | undefined;
-/**
- * Calculate shift position to center the focus point in the container.
- *
- * This function computes the percentage offset needed to position an image
- * such that a specific focus point on the image aligns with the center of
- * the container, taking into account the image's scale.
- *
- * @param params - Focus point shift calculation parameters
- * @returns Percentage shift (0-100) for CSS positioning
- */
-export declare function shiftPosition({ scale, focusPoint, imageSize, containerSize, }: {
-    scale: number;
-    focusPoint: number;
-    imageSize: number;
-    containerSize: number;
-}): number;
-/**
- * Parameters for calculating focus point style.
- */
-export interface CalculateFocusPointStyleParams {
-    /** Image URL */
-    image?: string;
-    /** Aspect ratio */
-    aspectRatio?: AspectRatio;
-    /** Focus point */
-    focusPoint?: FocusPoint;
-    /** Image element (for validation) */
-    element?: HTMLImageElement;
-    /** Natural image size */
-    imageSize?: RectSize;
-    /** Container size */
-    containerSize?: RectSize;
-}
-/**
- * Calculates CSS style for applying focus point positioning.
- *
- * @param params - Focus point style parameters
- * @returns CSS properties to apply to the image
- */
-export declare function calculateFocusPointStyle({ image, aspectRatio, focusPoint, element, imageSize, containerSize, }: CalculateFocusPointStyleParams): CSSProperties;

package/stories/controls/color.d.ts

@@ -1,15 +0,0 @@
-export declare const ALL_COLORS: ("light" | "dark" | "primary" | "secondary" | "blue" | "green" | "yellow" | "red" | "grey")[];
-export declare const colorArgType: {
-    control: {
-        type: "select" | "inline-radio";
-    };
-    options: ("light" | "dark" | "primary" | "secondary" | "blue" | "green" | "yellow" | "red" | "grey" | undefined)[];
-    mapping: Record<string, "light" | "dark" | "primary" | "secondary" | "blue" | "green" | "yellow" | "red" | "grey" | undefined> | undefined;
-};
-export declare const colorVariantArgType: {
-    control: {
-        type: "select" | "inline-radio";
-    };
-    options: ("D1" | "D2" | "L1" | "L2" | "L3" | "L4" | "L5" | "L6" | "N")[];
-    mapping: Record<string, "D1" | "D2" | "L1" | "L2" | "L3" | "L4" | "L5" | "L6" | "N"> | undefined;
-};

package/stories/controls/element.d.ts

@@ -1,16 +0,0 @@
-import { HeadingElement, TextElement } from '../../js/types';
-export declare const HEADING_ELEMENTS: HeadingElement[];
-export declare const headingElementArgType: {
-    control: {
-        type: "select" | "inline-radio";
-    };
-    options: HeadingElement[];
-    mapping: Record<string, HeadingElement> | undefined;
-};
-export declare const textElementArgType: {
-    control: {
-        type: "select" | "inline-radio";
-    };
-    options: TextElement[];
-    mapping: Record<string, TextElement> | undefined;
-};

package/stories/controls/focusPoint.d.ts

@@ -1,8 +0,0 @@
-export declare const focusPoint: {
-    control: {
-        type: string;
-        min: number;
-        max: number;
-        step: number;
-    };
-};

package/stories/controls/icons.d.ts

@@ -1,66 +0,0 @@
-export declare const iconArgType: {
-    control: {
-        type: string;
-    };
-    options: {
-        undefined: undefined;
-        mdiAbTesting: string;
-        mdiAbjadArabic: string;
-        mdiAccount: string;
-        mdiAccountBox: string;
-        mdiAlert: string;
-        mdiAlertCircle: string;
-        mdiArrowDown: string;
-        mdiArrowUp: string;
-        mdiAtom: string;
-        mdiBee: string;
-        mdiBell: string;
-        mdiBullhornOutline: string;
-        mdiCheck: string;
-        mdiCheckCircle: string;
-        mdiChevronDown: string;
-        mdiChevronLeft: string;
-        mdiChevronRight: string;
-        mdiChevronUp: string;
-        mdiClose: string;
-        mdiCloseCircle: string;
-        mdiDelete: string;
-        mdiDotsHorizontal: string;
-        mdiDragVertical: string;
-        mdiEarth: string;
-        mdiEmail: string;
-        mdiEye: string;
-        mdiFileEdit: string;
-        mdiFlag: string;
-        mdiFolder: string;
-        mdiFolderGoogleDrive: string;
-        mdiFoodApple: string;
-        mdiGoogleCirclesExtended: string;
-        mdiHeart: string;
-        mdiHome: string;
-        mdiImageBroken: string;
-        mdiInformation: string;
-        mdiLink: string;
-        mdiMagnifyMinusOutline: string;
-        mdiMagnifyPlusOutline: string;
-        mdiMenuDown: string;
-        mdiMessageTextOutline: string;
-        mdiMinus: string;
-        mdiOpenInNew: string;
-        mdiPauseCircleOutline: string;
-        mdiPencil: string;
-        mdiPlay: string;
-        mdiPlayCircleOutline: string;
-        mdiPlus: string;
-        mdiRadioboxBlank: string;
-        mdiRadioboxMarked: string;
-        mdiReply: string;
-        mdiSend: string;
-        mdiStar: string;
-        mdiTextBox: string;
-        mdiTextBoxPlus: string;
-        mdiTram: string;
-        mdiTranslate: string;
-        mdiViewList: string;
-    };
-};

package/stories/controls/image.d.ts

@@ -1,96 +0,0 @@
-export declare const AVATAR_IMAGES: {
-    avatar1: string;
-    avatar2: string;
-    avatar3: string;
-    avatar4: string;
-};
-export declare const SQUARE_IMAGES: {
-    square1: string;
-    square2: string;
-};
-export declare const SVG_IMAGES: {
-    defaultSvg: string;
-};
-export declare const EMPTY_IMAGES: {
-    emptyImage: string;
-};
-export declare const LANDSCAPE_IMAGES: {
-    landscape1: string;
-    landscape1s200: string;
-    landscape2: string;
-    landscape3: string;
-};
-export declare const LANDSCAPE_IMAGES_ALT: {
-    [key in keyof typeof LANDSCAPE_IMAGES]: string;
-};
-export declare const PORTRAIT_IMAGES: {
-    portrait1: string;
-    portrait1s200: string;
-    portrait2: string;
-    portrait3: string;
-};
-export declare const IMAGES: {
-    emptyImage: string;
-    defaultSvg: string;
-    avatar1: string;
-    avatar2: string;
-    avatar3: string;
-    avatar4: string;
-    square1: string;
-    square2: string;
-    portrait1: string;
-    portrait1s200: string;
-    portrait2: string;
-    portrait3: string;
-    landscape1: string;
-    landscape1s200: string;
-    landscape2: string;
-    landscape3: string;
-};
-export declare const avatarImageArgType: {
-    control: {
-        type: "select" | "inline-radio";
-    };
-    options: string[];
-    mapping: Record<string, string> | undefined;
-};
-export declare const squareImageArgType: {
-    control: {
-        type: "select" | "inline-radio";
-    };
-    options: string[];
-    mapping: Record<string, string> | undefined;
-};
-export declare const landscapeImageArgType: {
-    control: {
-        type: "select" | "inline-radio";
-    };
-    options: string[];
-    mapping: Record<string, string> | undefined;
-};
-export declare const portraitImageArgType: {
-    control: {
-        type: "select" | "inline-radio";
-    };
-    options: string[];
-    mapping: Record<string, string> | undefined;
-};
-export declare const imageArgType: {
-    control: {
-        type: "select" | "inline-radio";
-    };
-    options: string[];
-    mapping: Record<string, string> | undefined;
-};
-type Size = {
-    width: number;
-    height: number;
-};
-export declare const AVATAR_IMAGE_SIZES: Record<keyof typeof AVATAR_IMAGES, Size>;
-export declare const SQUARE_IMAGE_SIZES: Record<keyof typeof SQUARE_IMAGES, Size>;
-export declare const LANDSCAPE_IMAGE_SIZES: Record<keyof typeof LANDSCAPE_IMAGES, Size>;
-export declare const PORTRAIT_IMAGE_SIZES: Record<keyof typeof PORTRAIT_IMAGES, Size>;
-export declare const SVG_IMAGE_SIZES: Record<keyof typeof SVG_IMAGES, Size>;
-export declare const EMPTY_IMAGES_SIZES: Record<keyof typeof EMPTY_IMAGES, Size>;
-export declare const IMAGE_SIZES: Record<keyof typeof IMAGES, Size>;
-export {};

package/stories/controls/selectArgType.d.ts

@@ -1,7 +0,0 @@
-export declare const getSelectArgType: <E>(options: Array<E> | Record<string, E>, type?: "select" | "inline-radio") => {
-    control: {
-        type: "select" | "inline-radio";
-    };
-    options: E[];
-    mapping: Record<string, E> | undefined;
-};

package/stories/controls/theme.d.ts

@@ -1,7 +0,0 @@
-export declare const themeArgType: {
-    control: string;
-    options: {
-        readonly light: "light";
-        readonly dark: "dark";
-    };
-};

package/stories/controls/typography.d.ts

@@ -1,8 +0,0 @@
-export declare const ALL_TYPOGRAPHY: ("overline" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "title" | "headline" | "display1" | "custom-title1" | "custom-title2" | "custom-title3" | "custom-title4" | "custom-title5" | "custom-title6" | "custom-intro" | "custom-body-large" | "custom-body" | "custom-quote" | "custom-publish-info" | "custom-button")[];
-export declare const allTypographyArgType: {
-    control: {
-        type: "select" | "inline-radio";
-    };
-    options: ("overline" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "title" | "headline" | "display1" | "custom-title1" | "custom-title2" | "custom-title3" | "custom-title4" | "custom-title5" | "custom-title6" | "custom-intro" | "custom-body-large" | "custom-body" | "custom-quote" | "custom-publish-info" | "custom-button")[];
-    mapping: Record<string, "overline" | "caption" | "body1" | "body2" | "subtitle1" | "subtitle2" | "title" | "headline" | "display1" | "custom-title1" | "custom-title2" | "custom-title3" | "custom-title4" | "custom-title5" | "custom-title6" | "custom-intro" | "custom-body-large" | "custom-body" | "custom-quote" | "custom-publish-info" | "custom-button"> | undefined;
-};

package/stories/controls/withUndefined.d.ts

@@ -1 +0,0 @@
-export declare const withUndefined: <E>(options: Array<E> | Record<string, E>) => (E | undefined)[];

package/stories/types.d.ts

@@ -1,47 +0,0 @@
-import type { CombinationsOptions } from './utils/combinations';
-/** Storybook decorator function */
-type Decorator = (story: any, context: any) => any;
-/** Framework-specific decorators (injectable by React/Vue consumers) */
-interface StoryDecorators {
-    /** Decorator to wrap a story with a container element */
-    withWrapper?: (props: Record<string, any>, as?: any) => Decorator;
-    /** Decorator to render a story in a combinations matrix */
-    withCombinations?: (options: CombinationsOptions) => Decorator;
-    /** Decorator adding a themed background (light/dark) based on the `theme` arg */
-    withThemedBackground?: () => Decorator;
-    /** manages nested props */
-    withNestedProps?: () => Decorator;
-    /** Decorator wrapping story in a resizable box */
-    withResizableBox?: (options?: {
-        width?: number | string;
-        height?: number | string;
-        [key: string]: any;
-    }) => Decorator;
-}
-/** A partial Storybook story object (args, argTypes, render, decorators, etc.) */
-type StoryOverride = Record<string, any>;
-/** Base options shared by all setup functions. */
-interface SetupStoriesBaseOptions {
-    /** The component to create stories for */
-    component: any;
-    /** Base render */
-    render?: any;
-    /** Base args */
-    args?: any;
-}
-/**
- * Generic options for setting up component stories.
- */
-export type SetupStoriesOptions<TConfig extends {
-    overrides?: string;
-    decorators?: keyof StoryDecorators;
-} = Record<string, never>> = SetupStoriesBaseOptions & (TConfig extends {
-    overrides: infer O extends string;
-} ? {
-    overrides?: Partial<Record<O, StoryOverride>>;
-} : unknown) & (TConfig extends {
-    decorators: infer D extends keyof StoryDecorators;
-} ? {
-    decorators: Pick<Required<StoryDecorators>, D> & StoryDecorators;
-} : unknown);
-export {};