@sendoutcards/quantum-design-ui 1.7.44 → 1.7.45

package/dist/src/theme/theming/entities.d.ts

@@ -0,0 +1,1038 @@
+import { Sphere, Widget } from '../types';
+declare const spacing: {
+    x0: string;
+    x_25: string;
+    x_5: string;
+    x_75: string;
+    x1: string;
+    x1_5: string;
+    x2: string;
+    x2_5: string;
+    x3: string;
+    x4: string;
+    x5: string;
+    x6: string;
+    x7: string;
+    x8: string;
+    x9: string;
+};
+declare const text: {
+    imports: {
+        body: string;
+        heading: string;
+    };
+    families: {
+        body: string;
+        heading: string;
+    };
+    types: {
+        heroTitle: {
+            color: string | undefined;
+            size: string;
+            fontWeight: number;
+            lineHeight: string;
+            fontFamily: string;
+        };
+        title: {
+            color: string | undefined;
+            size: string;
+            fontWeight: number;
+            lineHeight: string;
+            fontFamily: string;
+        };
+        subtitle: {
+            color: string | undefined;
+            size: string;
+            fontWeight: number;
+            lineHeight: string;
+            fontFamily: string;
+        };
+        largeBody: {
+            color: string;
+            size: string;
+            fontWeight: number;
+            lineHeight: string;
+            fontFamily: string;
+        };
+        body: {
+            color: string;
+            size: string;
+            fontWeight: number;
+            lineHeight: string;
+            fontFamily: string;
+        };
+        caption: {
+            color: string;
+            size: string;
+            fontWeight: number;
+            lineHeight: string;
+            fontFamily: string;
+        };
+        footnote: {
+            color: string;
+            size: string;
+            fontWeight: number;
+            lineHeight: string;
+            fontFamily: string;
+        };
+    };
+    colors: {
+        primaryBrand: string;
+        secondaryBrand: string;
+        primaryHeading: string | undefined;
+        primaryBody: string;
+        inverseHeading: string;
+        inverseBody: string;
+        accent: string;
+        success: string;
+        warning: string;
+        danger: string;
+        anchorBlue: string;
+    };
+    weights: {
+        thin: number;
+        regular: number;
+        semiBold: number;
+        bold: number;
+        extraBold: number;
+    };
+};
+declare const mediaQueries: {
+    queries: {
+        xSmall: string;
+        small: string;
+        medium: string;
+        large: string;
+        xLarge: string;
+    };
+    rawValues: {
+        xSmall: number;
+        small: number;
+        medium: number;
+        large: number;
+        xLarge: number;
+    };
+};
+declare const hocs: {
+    colors: {
+        swatches: {
+            primaryBrand: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
+            secondaryBrand: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
+            success: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
+            danger: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
+            warning: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
+            accent: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
+            grayScale: import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
+            blueScale: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
+        };
+        background: string;
+        foreground: string;
+    };
+    textColors: {
+        primaryBrand: string;
+        secondaryBrand: string;
+        primaryHeading: string | undefined;
+        primaryBody: string;
+        inverseHeading: string;
+        inverseBody: string;
+        accent: string;
+        success: string;
+        warning: string;
+        danger: string;
+        anchorBlue: string;
+    };
+    spacing: {
+        x0: string;
+        x_25: string;
+        x_5: string;
+        x_75: string;
+        x1: string;
+        x1_5: string;
+        x2: string;
+        x2_5: string;
+        x3: string;
+        x4: string;
+        x5: string;
+        x6: string;
+        x7: string;
+        x8: string;
+        x9: string;
+    };
+    borderRadius: {
+        none: string;
+        small: string;
+        medium: string;
+        default: string;
+        large: string;
+        circle: string;
+    };
+    shadows: {
+        light: string;
+        mediumLight: string;
+        mediumDark: string;
+        dark: string;
+        generate: (shadow: number[] | "dark" | "mediumDark" | "mediumLight" | "light" | "xLight", color?: string | undefined, reverseOffset?: boolean | undefined) => string;
+    };
+    borders: {
+        thin: string;
+        default: string;
+        bold: string;
+    };
+};
+declare const buttons: {
+    primary: {
+        backgroundColor: string;
+        fontColor: string;
+        fontFamily: string;
+    };
+    secondary: {
+        backgroundColor: string;
+        fontColor: string;
+        fontFamily: string;
+    };
+    warning: {
+        backgroundColor: string;
+        fontColor: string;
+        fontFamily: string;
+    };
+    success: {
+        backgroundColor: string;
+        fontColor: string;
+        fontFamily: string;
+    };
+    danger: {
+        backgroundColor: string;
+        fontColor: string;
+        fontFamily: string;
+    };
+    shadow: {
+        backgroundColor: string;
+        fontColor: string;
+        fontFamily: string;
+    };
+    accent: {
+        backgroundColor: string;
+        fontColor: string;
+        fontFamily: string;
+    };
+    smoke: {
+        backgroundColor: string;
+        fontColor: string;
+        fontFamily: string;
+    };
+    boxShadow: (shadow: number[] | "dark" | "mediumDark" | "mediumLight" | "light" | "xLight", color?: string | undefined, reverseOffset?: boolean | undefined) => string;
+    borderSize: string;
+    outlinedBackgroundColor: string;
+    fontWeight: number;
+    sizes: {
+        xSmall: {
+            inset: string;
+            outlinedInset: {
+                vertical: string;
+                horizontal: string;
+            };
+            fontSize: string;
+            borderRadius: string;
+        };
+        small: {
+            inset: string;
+            outlinedInset: {
+                vertical: string;
+                horizontal: string;
+            };
+            fontSize: string;
+            borderRadius: string;
+        };
+        medium: {
+            inset: string;
+            outlinedInset: {
+                vertical: string;
+                horizontal: string;
+            };
+            fontSize: string;
+            borderRadius: string;
+        };
+        large: {
+            inset: string;
+            outlinedInset: {
+                vertical: string;
+                horizontal: string;
+            };
+            fontSize: string;
+            borderRadius: string;
+        };
+        xLarge: {
+            inset: string;
+            outlinedInset: {
+                vertical: string;
+                horizontal: string;
+            };
+            fontSize: string;
+            borderRadius: string;
+        };
+    };
+};
+declare const inputs: {
+    checkbox: {
+        border: string;
+        borderRadius: string;
+        unCheckedBackgroundColor: string | undefined;
+        checkmarkColor: string;
+        labelColor: string;
+    };
+    text: {
+        borderRadius: string;
+        labelColor: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
+        placeholderColor: string;
+        labelFontSize: string;
+        textFontSize: string;
+        borderWidth: string;
+        defaultFocusColor: string;
+    };
+    select: {
+        dropDownShadow: string;
+        dropDownBackgroundColor: string;
+        boxShadow: string;
+        borderRadius: string;
+    };
+    number: {
+        backgroundColor: string | undefined;
+        fontColor: string;
+        fontSize: string;
+        borderRadius: string;
+    };
+    backgroundColor: string;
+    fontSize: string;
+    fontColor: string;
+    fontFamily: string;
+    colors: {
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+        accent: string;
+        dark: string;
+        blue: string;
+    };
+};
+declare const icons: {
+    sizes: {
+        xSmall: number;
+        small: number;
+        medium: number;
+        large: number;
+        xLarge: number;
+    };
+    colors: {
+        default: string | undefined;
+        primaryBodyText: string;
+        primaryHeadingText: string | undefined;
+        inverseBodyText: string;
+        inverseHeadingText: string;
+        primaryBrand: string;
+        secondaryBrand: string;
+        warning: string;
+        danger: string;
+        success: string;
+        background: string;
+        accent: string;
+    };
+};
+declare const animatedCheckmark: {
+    sizeMap: {
+        xSmall: number;
+        small: number;
+        medium: number;
+        large: number;
+        xLarge: number;
+    };
+    colors: {
+        primary: string;
+        secondary: string;
+        success: string;
+        accent: string;
+    };
+    strokeWidth: {
+        small: number;
+        default: number;
+        large: number;
+    };
+    borderRadius: string;
+    checkmarkFilledColor: string;
+};
+declare const avatar: {
+    borderWidth: string;
+    borderColor: string | undefined;
+    borderRadius: string;
+    boxShadow: string;
+    backgroundColor: string;
+    bubbleBackgroundColors: {
+        isActive: string;
+        default: string | undefined;
+    };
+    defaultBackgroundColors: {
+        primary: string;
+        secondary: string;
+        success: string;
+        accent: string;
+        warning: string;
+        danger: string;
+    };
+    sizes: {
+        xSmall: {
+            avatarSize: number;
+            bubbleLeftPosition: number;
+            bubbleSize: number;
+        };
+        small: {
+            avatarSize: number;
+            bubbleLeftPosition: number;
+            bubbleSize: number;
+        };
+        medium: {
+            avatarSize: number;
+            bubbleLeftPosition: number;
+            bubbleSize: number;
+        };
+        large: {
+            avatarSize: number;
+            bubbleLeftPosition: number;
+            bubbleSize: number;
+        };
+        xLarge: {
+            avatarSize: number;
+            bubbleLeftPosition: number;
+            bubbleSize: number;
+        };
+    };
+};
+declare const loadingSpinner: {
+    size: {
+        xSmall: number;
+        small: number;
+        medium: number;
+        large: number;
+        xLarge: number;
+    };
+    colors: {
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        danger: string;
+    };
+};
+declare const separator: {
+    border: string;
+    color: string | undefined;
+};
+declare const card: {
+    backgroundColor: string;
+    borderRadius: string;
+    boxShadow: string;
+    defaultInset: string;
+};
+declare const dialog: {
+    backgroundColor: string;
+    borderRadius: string;
+    boxShadow: string;
+    defaultInset: string;
+};
+declare const drawer: {
+    backgroundColor: string;
+    borderRadius: string;
+    boxShadow: string;
+    bottomDirectionShadow: string;
+    hoverBoxShadow: string;
+    hoverBottomDirectionShadow: string;
+    defaultInset: string;
+    tab: {
+        dark: {
+            backgroundColor: string | undefined;
+            arrowColor: string;
+        };
+        light: {
+            backgroundColor: string;
+            arrowColor: string | undefined;
+        };
+    };
+};
+declare const navigation: {
+    backgroundColor: string;
+    border: string;
+    borderColor: string | undefined;
+};
+declare const sheet: {
+    mobileBorderRadius: string;
+    desktopBorderRadius: string;
+    backgroundColor: string;
+    boxShadow: string;
+};
+declare const slider: {
+    backgroundColor: string;
+    borderRadius: string;
+    handleRadius: string;
+    handleColor: string;
+    handleShadow: string;
+};
+declare const toggle: {
+    isActiveColor: string;
+    isNotActiveColor: string | undefined;
+};
+declare const tooltip: {
+    lightBackgroundColor: string;
+    darkBackgroundColor: string | undefined;
+    boxShadow: string;
+    borderColor: string;
+};
+declare const colorPicker: {
+    backgroundColor: string;
+    borderColor: string;
+    boxShadow: string;
+    borderRadius: string;
+};
+declare const sphere: Sphere;
+declare const widget: Widget;
+declare const colorOption: {
+    defaults: {
+        circleFill: string;
+        innerRing: string;
+        outerRing: string;
+    };
+};
+export declare const entities: {
+    mediaQueries: {
+        queries: {
+            xSmall: string;
+            small: string;
+            medium: string;
+            large: string;
+            xLarge: string;
+        };
+        rawValues: {
+            xSmall: number;
+            small: number;
+            medium: number;
+            large: number;
+            xLarge: number;
+        };
+    };
+    hocs: {
+        colors: {
+            swatches: {
+                primaryBrand: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
+                secondaryBrand: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
+                success: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
+                danger: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
+                warning: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
+                accent: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
+                grayScale: import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch;
+                blueScale: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
+            };
+            background: string;
+            foreground: string;
+        };
+        textColors: {
+            primaryBrand: string;
+            secondaryBrand: string;
+            primaryHeading: string | undefined;
+            primaryBody: string;
+            inverseHeading: string;
+            inverseBody: string;
+            accent: string;
+            success: string;
+            warning: string;
+            danger: string;
+            anchorBlue: string;
+        };
+        spacing: {
+            x0: string;
+            x_25: string;
+            x_5: string;
+            x_75: string;
+            x1: string;
+            x1_5: string;
+            x2: string;
+            x2_5: string;
+            x3: string;
+            x4: string;
+            x5: string;
+            x6: string;
+            x7: string;
+            x8: string;
+            x9: string;
+        };
+        borderRadius: {
+            none: string;
+            small: string;
+            medium: string;
+            default: string;
+            large: string;
+            circle: string;
+        };
+        shadows: {
+            light: string;
+            mediumLight: string;
+            mediumDark: string;
+            dark: string;
+            generate: (shadow: number[] | "dark" | "mediumDark" | "mediumLight" | "light" | "xLight", color?: string | undefined, reverseOffset?: boolean | undefined) => string;
+        };
+        borders: {
+            thin: string;
+            default: string;
+            bold: string;
+        };
+    };
+    text: {
+        imports: {
+            body: string;
+            heading: string;
+        };
+        families: {
+            body: string;
+            heading: string;
+        };
+        types: {
+            heroTitle: {
+                color: string | undefined;
+                size: string;
+                fontWeight: number;
+                lineHeight: string;
+                fontFamily: string;
+            };
+            title: {
+                color: string | undefined;
+                size: string;
+                fontWeight: number;
+                lineHeight: string;
+                fontFamily: string;
+            };
+            subtitle: {
+                color: string | undefined;
+                size: string;
+                fontWeight: number;
+                lineHeight: string;
+                fontFamily: string;
+            };
+            largeBody: {
+                color: string;
+                size: string;
+                fontWeight: number;
+                lineHeight: string;
+                fontFamily: string;
+            };
+            body: {
+                color: string;
+                size: string;
+                fontWeight: number;
+                lineHeight: string;
+                fontFamily: string;
+            };
+            caption: {
+                color: string;
+                size: string;
+                fontWeight: number;
+                lineHeight: string;
+                fontFamily: string;
+            };
+            footnote: {
+                color: string;
+                size: string;
+                fontWeight: number;
+                lineHeight: string;
+                fontFamily: string;
+            };
+        };
+        colors: {
+            primaryBrand: string;
+            secondaryBrand: string;
+            primaryHeading: string | undefined;
+            primaryBody: string;
+            inverseHeading: string;
+            inverseBody: string;
+            accent: string;
+            success: string;
+            warning: string;
+            danger: string;
+            anchorBlue: string;
+        };
+        weights: {
+            thin: number;
+            regular: number;
+            semiBold: number;
+            bold: number;
+            extraBold: number;
+        };
+    };
+    spacing: {
+        x0: string;
+        x_25: string;
+        x_5: string;
+        x_75: string;
+        x1: string;
+        x1_5: string;
+        x2: string;
+        x2_5: string;
+        x3: string;
+        x4: string;
+        x5: string;
+        x6: string;
+        x7: string;
+        x8: string;
+        x9: string;
+    };
+    buttons: {
+        primary: {
+            backgroundColor: string;
+            fontColor: string;
+            fontFamily: string;
+        };
+        secondary: {
+            backgroundColor: string;
+            fontColor: string;
+            fontFamily: string;
+        };
+        warning: {
+            backgroundColor: string;
+            fontColor: string;
+            fontFamily: string;
+        };
+        success: {
+            backgroundColor: string;
+            fontColor: string;
+            fontFamily: string;
+        };
+        danger: {
+            backgroundColor: string;
+            fontColor: string;
+            fontFamily: string;
+        };
+        shadow: {
+            backgroundColor: string;
+            fontColor: string;
+            fontFamily: string;
+        };
+        accent: {
+            backgroundColor: string;
+            fontColor: string;
+            fontFamily: string;
+        };
+        smoke: {
+            backgroundColor: string;
+            fontColor: string;
+            fontFamily: string;
+        };
+        boxShadow: (shadow: number[] | "dark" | "mediumDark" | "mediumLight" | "light" | "xLight", color?: string | undefined, reverseOffset?: boolean | undefined) => string;
+        borderSize: string;
+        outlinedBackgroundColor: string;
+        fontWeight: number;
+        sizes: {
+            xSmall: {
+                inset: string;
+                outlinedInset: {
+                    vertical: string;
+                    horizontal: string;
+                };
+                fontSize: string;
+                borderRadius: string;
+            };
+            small: {
+                inset: string;
+                outlinedInset: {
+                    vertical: string;
+                    horizontal: string;
+                };
+                fontSize: string;
+                borderRadius: string;
+            };
+            medium: {
+                inset: string;
+                outlinedInset: {
+                    vertical: string;
+                    horizontal: string;
+                };
+                fontSize: string;
+                borderRadius: string;
+            };
+            large: {
+                inset: string;
+                outlinedInset: {
+                    vertical: string;
+                    horizontal: string;
+                };
+                fontSize: string;
+                borderRadius: string;
+            };
+            xLarge: {
+                inset: string;
+                outlinedInset: {
+                    vertical: string;
+                    horizontal: string;
+                };
+                fontSize: string;
+                borderRadius: string;
+            };
+        };
+    };
+    inputs: {
+        checkbox: {
+            border: string;
+            borderRadius: string;
+            unCheckedBackgroundColor: string | undefined;
+            checkmarkColor: string;
+            labelColor: string;
+        };
+        text: {
+            borderRadius: string;
+            labelColor: Required<import("../../helpers/theme-functions/computeColorSwatch").ColorSwatch>;
+            placeholderColor: string;
+            labelFontSize: string;
+            textFontSize: string;
+            borderWidth: string;
+            defaultFocusColor: string;
+        };
+        select: {
+            dropDownShadow: string;
+            dropDownBackgroundColor: string;
+            boxShadow: string;
+            borderRadius: string;
+        };
+        number: {
+            backgroundColor: string | undefined;
+            fontColor: string;
+            fontSize: string;
+            borderRadius: string;
+        };
+        backgroundColor: string;
+        fontSize: string;
+        fontColor: string;
+        fontFamily: string;
+        colors: {
+            primary: string;
+            secondary: string;
+            success: string;
+            warning: string;
+            danger: string;
+            accent: string;
+            dark: string;
+            blue: string;
+        };
+    };
+    icons: {
+        sizes: {
+            xSmall: number;
+            small: number;
+            medium: number;
+            large: number;
+            xLarge: number;
+        };
+        colors: {
+            default: string | undefined;
+            primaryBodyText: string;
+            primaryHeadingText: string | undefined;
+            inverseBodyText: string;
+            inverseHeadingText: string;
+            primaryBrand: string;
+            secondaryBrand: string;
+            warning: string;
+            danger: string;
+            success: string;
+            background: string;
+            accent: string;
+        };
+    };
+    card: {
+        backgroundColor: string;
+        borderRadius: string;
+        boxShadow: string;
+        defaultInset: string;
+    };
+    separator: {
+        border: string;
+        color: string | undefined;
+    };
+    loadingSpinner: {
+        size: {
+            xSmall: number;
+            small: number;
+            medium: number;
+            large: number;
+            xLarge: number;
+        };
+        colors: {
+            primary: string;
+            secondary: string;
+            success: string;
+            warning: string;
+            danger: string;
+        };
+    };
+    animatedCheckmark: {
+        sizeMap: {
+            xSmall: number;
+            small: number;
+            medium: number;
+            large: number;
+            xLarge: number;
+        };
+        colors: {
+            primary: string;
+            secondary: string;
+            success: string;
+            accent: string;
+        };
+        strokeWidth: {
+            small: number;
+            default: number;
+            large: number;
+        };
+        borderRadius: string;
+        checkmarkFilledColor: string;
+    };
+    avatar: {
+        borderWidth: string;
+        borderColor: string | undefined;
+        borderRadius: string;
+        boxShadow: string;
+        backgroundColor: string;
+        bubbleBackgroundColors: {
+            isActive: string;
+            default: string | undefined;
+        };
+        defaultBackgroundColors: {
+            primary: string;
+            secondary: string;
+            success: string;
+            accent: string;
+            warning: string;
+            danger: string;
+        };
+        sizes: {
+            xSmall: {
+                avatarSize: number;
+                bubbleLeftPosition: number;
+                bubbleSize: number;
+            };
+            small: {
+                avatarSize: number;
+                bubbleLeftPosition: number;
+                bubbleSize: number;
+            };
+            medium: {
+                avatarSize: number;
+                bubbleLeftPosition: number;
+                bubbleSize: number;
+            };
+            large: {
+                avatarSize: number;
+                bubbleLeftPosition: number;
+                bubbleSize: number;
+            };
+            xLarge: {
+                avatarSize: number;
+                bubbleLeftPosition: number;
+                bubbleSize: number;
+            };
+        };
+    };
+    dialog: {
+        backgroundColor: string;
+        borderRadius: string;
+        boxShadow: string;
+        defaultInset: string;
+    };
+    drawer: {
+        backgroundColor: string;
+        borderRadius: string;
+        boxShadow: string;
+        bottomDirectionShadow: string;
+        hoverBoxShadow: string;
+        hoverBottomDirectionShadow: string;
+        defaultInset: string;
+        tab: {
+            dark: {
+                backgroundColor: string | undefined;
+                arrowColor: string;
+            };
+            light: {
+                backgroundColor: string;
+                arrowColor: string | undefined;
+            };
+        };
+    };
+    sheet: {
+        mobileBorderRadius: string;
+        desktopBorderRadius: string;
+        backgroundColor: string;
+        boxShadow: string;
+    };
+    slider: {
+        backgroundColor: string;
+        borderRadius: string;
+        handleRadius: string;
+        handleColor: string;
+        handleShadow: string;
+    };
+    navigation: {
+        backgroundColor: string;
+        border: string;
+        borderColor: string | undefined;
+    };
+    toggle: {
+        isActiveColor: string;
+        isNotActiveColor: string | undefined;
+    };
+    tooltip: {
+        lightBackgroundColor: string;
+        darkBackgroundColor: string | undefined;
+        boxShadow: string;
+        borderColor: string;
+    };
+    colorPicker: {
+        backgroundColor: string;
+        borderColor: string;
+        boxShadow: string;
+        borderRadius: string;
+    };
+    sphere: import("../../types/global").SizeProperties<{
+        circumference: number;
+        textType: "title" | "heroTitle" | "subtitle" | "largeBody" | "body" | "caption" | "footnote";
+    }>;
+    widget: import("../../types/global").ThemeModeProperies<{
+        backgroundColor: string;
+        fontColor: "inverseBody" | "primaryBrand" | "secondaryBrand" | "primaryHeading" | "primaryBody" | "inverseHeading" | "accent" | "success" | "warning" | "danger" | "anchorBlue";
+    }>;
+    colorOption: {
+        defaults: {
+            circleFill: string;
+            innerRing: string;
+            outerRing: string;
+        };
+    };
+};
+export declare type MediaQueriesEntity = typeof mediaQueries;
+export declare type HOCEntity = typeof hocs;
+export declare type TextEntity = typeof text;
+export declare type SpacingEntity = typeof spacing;
+export declare type ButtonsEntity = typeof buttons;
+export declare type InputsEntity = typeof inputs;
+export declare type IconsEntity = typeof icons;
+export declare type CardEntity = typeof card;
+export declare type SeparatorEntity = typeof separator;
+export declare type LoadingSpinnerEntity = typeof loadingSpinner;
+export declare type AnimatedCheckmarkEntity = typeof animatedCheckmark;
+export declare type AvatarEntity = typeof avatar;
+export declare type DialogEntity = typeof dialog;
+export declare type DrawerEntity = typeof drawer;
+export declare type SheetEntity = typeof sheet;
+export declare type SliderEntity = typeof slider;
+export declare type NavigationEntity = typeof navigation;
+export declare type ToggleEntity = typeof toggle;
+export declare type TooltipEntity = typeof tooltip;
+export declare type ColorPicker = typeof colorPicker;
+export declare type SphereEntity = typeof sphere;
+export declare type WidgetEntity = typeof widget;
+export declare type ColorOptionEntity = typeof colorOption;
+export declare type Entities = typeof entities;
+export {};