react-covideo-embed 1.0.30 → 1.0.31

package/build/lib/components/CheckboxInput.d.ts

@@ -8,11 +8,8 @@ interface CheckboxI {
     checked?: boolean;
     disabled?: boolean;
     name?: string;
-    blueCheck?: boolean;
-    grayCheck?: boolean;
     checkGroupIndicator?: boolean;
     width?: string;
-    ignoreGrayForAllSelect?: boolean;
     isAutomotive?: boolean;
 }
 export declare const CheckboxInput: (props: CheckboxI) => JSX.Element;

package/build/lib/components/Input.d.ts

@@ -4,7 +4,7 @@ type Props = {
     padding?: string;
     borderColor?: string;
 };
-export declare const Input: import("styled-components").StyledComponent<"input", any, {
+export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
     type: import("react").HTMLInputTypeAttribute;
 } & Props, "type">;
 export {};

package/build/lib/components/Logo.d.ts

@@ -1,5 +1 @@
-type Props = {
-    isAutomotive?: boolean;
-};
-export declare const Logo: ({ isAutomotive }: Props) => JSX.Element;
-export {};
+export declare const Logo: () => JSX.Element;

package/build/lib/components/NewDropdown.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ControlProps, FormatOptionLabelMeta, IndicatorProps, MenuPlacement, MenuPosition, OptionProps } from 'react-select';
 import { SelectComponents } from 'react-select/src/components';
-export declare const Chip: import("styled-components").StyledComponent<"div", any, {
+export declare const Chip: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     bgColor: string;
     fontColor: string;
     radius?: string | undefined;
@@ -71,14 +71,18 @@ type Props = {
     formatOptionLabel?: ((option: any, labelMeta: FormatOptionLabelMeta<any, any>) => React.ReactNode) | undefined;
     customComponents?: Partial<SelectComponents<any, any>> | undefined;
     onMenuOpen?: (() => void) | undefined;
+    maxMenuHeight?: number;
+    controlShouldRenderValue?: boolean;
+    createOptionPosition?: 'first' | 'last' | undefined;
+    autoFocus?: boolean;
 };
 type DropdownArrowProps = {
     menuIsOpen?: boolean;
 };
 export type DropdownIndicatorProps = React.PropsWithChildren<IndicatorProps<Option, false>>;
-export declare const DropdownArrowIcon: import("styled-components").StyledComponent<"span", any, DropdownArrowProps, never>;
-export declare const OptionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const OptionIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DropdownArrowIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, DropdownArrowProps, never>;
+export declare const OptionWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const OptionIconWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const getControlStyles: (props: ControlProps<Option, false>) => {
     borderColor: string;
 };

package/build/lib/components/NewTextInput.d.ts

@@ -1 +1 @@
-export declare const NewTextInput: import("styled-components").StyledComponent<"input", any, any, "type">;
+export declare const NewTextInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, any, "type">;

package/build/lib/components/Spinner.d.ts

@@ -2,5 +2,5 @@ type Props = {
     size?: number;
     thickness?: number;
 };
-export declare const Spinner: import("styled-components").StyledComponent<"div", any, Props, never>;
+export declare const Spinner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Props, never>;
 export {};

package/build/lib/components/index.d.ts

@@ -5,7 +5,6 @@ export { Input } from './Input';
 export { ButtonDropdown } from './ButtonDropdown';
 export { Spinner } from './Spinner';
 export { LoadingIndicator } from './LoadingIndicator';
-export { Dropdown } from './Dropdown';
 export { CheckboxInput } from './CheckboxInput';
 export { RadioInput } from './inputs/RadioInput';
 export { Modal } from './modal/Modal';

package/build/lib/components/modals/ModalVideoPreview.d.ts

@@ -3,5 +3,5 @@ type PreviewProps = {
     handleModalClose: () => void;
     video: VideoListItem;
 };
-export declare const ModalVideoPreview: ({ handleModalClose, video }: PreviewProps) => JSX.Element;
+export declare const ModalVideoPreview: ({ handleModalClose, video, }: PreviewProps) => JSX.Element;
 export {};

package/build/lib/components/styles/layout.d.ts

@@ -15,9 +15,9 @@ interface IEnhancedGap {
     textOverflow: string;
     whiteSpace: string;
 }
-export declare const Gap: import("styled-components").StyledComponent<"div", any, IGap, never>;
-export declare const EnhancedGap: import("styled-components").StyledComponent<"div", any, IGap & IEnhancedGap, never>;
-export declare const HeaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Gap: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IGap, never>;
+export declare const EnhancedGap: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IGap & IEnhancedGap, never>;
+export declare const HeaderWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 interface IStack {
     gap?: string;
     m?: string;
@@ -29,5 +29,5 @@ interface IStack {
     maxWidth?: string;
     height?: string;
 }
-export declare const Stack: import("styled-components").StyledComponent<"div", any, IStack, never>;
+export declare const Stack: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStack, never>;
 export {};

package/build/lib/components/styles/typography.d.ts

@@ -6,39 +6,39 @@ interface ICommonTypography {
     width?: string;
     maxWidth?: string;
 }
-export declare const CommonTypography: import("styled-components").StyledComponent<"h1", any, ICommonTypography, never>;
+export declare const CommonTypography: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, ICommonTypography, never>;
 export declare const CHeading: import("styled-components").FlattenSimpleInterpolation;
-export declare const Heading: import("styled-components").StyledComponent<"h1", any, ICommonTypography & {
+export declare const Heading: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, ICommonTypography & {
     as: string;
 }, "as">;
-export declare const SubHeading: import("styled-components").StyledComponent<"h1", any, ICommonTypography & {
+export declare const SubHeading: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, ICommonTypography & {
     as: string;
 }, "as">;
-export declare const ParagraphNormal: import("styled-components").StyledComponent<"h1", any, ICommonTypography & {
+export declare const ParagraphNormal: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, ICommonTypography & {
     as: string;
 }, "as">;
-export declare const ParagraphNormalBold: import("styled-components").StyledComponent<"h1", any, ICommonTypography & {
+export declare const ParagraphNormalBold: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, ICommonTypography & {
     as: string;
 }, "as">;
-export declare const ParagraphNormalBold600: import("styled-components").StyledComponent<"h1", any, ICommonTypography & {
+export declare const ParagraphNormalBold600: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, ICommonTypography & {
     as: string;
 }, "as">;
-export declare const ParagraphNormalBold500: import("styled-components").StyledComponent<"h1", any, ICommonTypography & {
+export declare const ParagraphNormalBold500: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, ICommonTypography & {
     as: string;
 }, "as">;
-export declare const ParagraphExtraSmall: import("styled-components").StyledComponent<"h1", any, ICommonTypography & {
+export declare const ParagraphExtraSmall: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, ICommonTypography & {
     as: string;
 }, "as">;
-export declare const ParagraphSmall: import("styled-components").StyledComponent<"h1", any, ICommonTypography & {
+export declare const ParagraphSmall: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, ICommonTypography & {
     as: string;
 }, "as">;
-export declare const ParagraphSmallBold: import("styled-components").StyledComponent<"h1", any, ICommonTypography & {
+export declare const ParagraphSmallBold: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, ICommonTypography & {
     as: string;
 }, "as">;
-export declare const ParagraphExtraSmallBold: import("styled-components").StyledComponent<"h1", any, ICommonTypography & {
+export declare const ParagraphExtraSmallBold: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, ICommonTypography & {
     as: string;
 }, "as">;
-export declare const CheckboxLabel: import("styled-components").StyledComponent<"h1", any, ICommonTypography & {
+export declare const CheckboxLabel: import("styled-components").StyledComponent<"h1", import("styled-components").DefaultTheme, ICommonTypography & {
     as: string;
 } & LabelHTMLAttributes<HTMLLabelElement>, "as">;
 export {};

package/build/lib/components/videoUpload/styles.d.ts

@@ -1,11 +1,11 @@
-export declare const Content: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentBody: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ContentFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UploadFieldContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const FlexContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Skill: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProgressData: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ProgressContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UploadData: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const UploadingHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const CancelContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ContentBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ContentFooter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const UploadFieldContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FlexContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Skill: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ProgressData: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ProgressContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const UploadData: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const UploadingHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CancelContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/build/lib/images/AccountIcon.d.ts

@@ -1,2 +1,2 @@
 export default AccountIcon;
-declare const AccountIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+declare const AccountIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;

package/build/lib/images/AddIcon.d.ts

@@ -1,2 +1,2 @@
 export default AddIcon;
-declare const AddIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+declare const AddIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;

package/build/lib/images/CarIcon.d.ts

@@ -1,2 +1,2 @@
 export default CarIcon;
-declare const CarIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+declare const CarIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;

package/build/lib/images/CheckmarkIcon.d.ts

@@ -1,2 +1,2 @@
 export default CheckmarkIcon;
-declare const CheckmarkIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+declare const CheckmarkIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;

package/build/lib/images/CloseCircleIcon.d.ts

@@ -1,2 +1,2 @@
 export default CloseCircleIcon;
-declare const CloseCircleIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+declare const CloseCircleIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;

package/build/lib/images/CloseIcon.d.ts

@@ -1,2 +1,2 @@
 export default CloseIcon;
-declare const CloseIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+declare const CloseIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;

package/build/lib/images/DeleteIcon.d.ts

@@ -1,2 +1,2 @@
 export default DeleteIcon;
-declare const DeleteIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+declare const DeleteIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;

package/build/lib/images/Drag.d.ts

@@ -1,2 +1,2 @@
 export default Drag;
-declare const Drag: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+declare const Drag: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;

package/build/lib/images/HashtagIcon.d.ts

@@ -1,2 +1,2 @@
 export default HashtagIcon;
-declare const HashtagIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+declare const HashtagIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;

package/build/lib/images/LaptopIcon.d.ts

@@ -1,2 +1,2 @@
 export default LaptopIcon;
-declare const LaptopIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+declare const LaptopIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;

package/build/lib/images/LogoCDS.d.ts

@@ -1,2 +1,2 @@
 export default LogoCDS;
-declare const LogoCDS: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+declare const LogoCDS: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;

package/build/lib/images/LogoGeneral.d.ts

@@ -1,2 +1,2 @@
 export default LogoGeneral;
-declare const LogoGeneral: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+declare const LogoGeneral: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;

package/build/lib/images/NewLogo.d.ts

@@ -0,0 +1,2 @@
+export default NewLogo;
+declare const NewLogo: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;

package/build/lib/images/SaveIcon.d.ts

@@ -1,2 +1,2 @@
 export default SaveIcon;
-declare const SaveIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+declare const SaveIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;

package/build/lib/images/SettingsIcon.d.ts

@@ -1,2 +1,2 @@
 export default SettingsIcon;
-declare const SettingsIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+declare const SettingsIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;

package/build/lib/images/SmallLogoIcon.d.ts

@@ -1,2 +1,2 @@
 export default SmallLogoIcon;
-declare const SmallLogoIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+declare const SmallLogoIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;

package/build/lib/images/VectorIcon.d.ts

@@ -1,2 +1,2 @@
 export default VectorIcon;
-declare const VectorIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+declare const VectorIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;

package/build/lib/images/VideoIcon.d.ts

@@ -1,2 +1,2 @@
 export default VideoIcon;
-declare const VideoIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+declare const VideoIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;

package/build/lib/images/VirtualBgIcon.d.ts

@@ -1,2 +1,2 @@
 export default VideoIcon;
-declare const VideoIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+declare const VideoIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;

package/build/lib/images/ZoomInIcon.d.ts

@@ -1,2 +1,2 @@
 export default ZoomInIcon;
-declare const ZoomInIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+declare const ZoomInIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;

package/build/lib/images/ZoomOutIcon.d.ts

@@ -1,2 +1,2 @@
 export default ZoomOutIcon;
-declare const ZoomOutIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+declare const ZoomOutIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;

package/build/lib/images/pauseButton.d.ts

@@ -1,2 +1,2 @@
 export default PauseIcon;
-declare const PauseIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+declare const PauseIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;

package/build/lib/images/playButton.d.ts

@@ -1,2 +1,2 @@
 export default PlayIcon;
-declare const PlayIcon: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
+declare const PlayIcon: import("styled-components").StyledComponent<any, import("styled-components").DefaultTheme, object, string | number | symbol>;

package/build/lib/style/theme.d.ts

@@ -59,8 +59,6 @@ export declare const mediaQueryMaxWidth: {
     xxlg: string;
 };
 export declare const palette: {
-    primaryThemeColor20Percent: string;
-    secondaryBlue10Percent: string;
     grayBorder: string;
     white: string;
     gray: string;
@@ -68,13 +66,6 @@ export declare const palette: {
     blackRgb60: string;
     blackRgba75: string;
     themeDark: string;
-    blue80: string;
-    blue60: string;
-    blue40: string;
-    blue20: string;
-    blue05: string;
-    blue02: string;
-    blue100: string;
     gray10: string;
     gray20: string;
     gray40: string;
@@ -83,17 +74,10 @@ export declare const palette: {
     gray100: string;
     transparent: string;
     error: string;
-    tertiaryBlue: string;
-    tertiaryBlue20: string;
-    tertiaryBlue60: string;
-    tertiaryBlue80: string;
-    orange05: string;
-    orange100: string;
     black: string;
     black05: string;
     black25: string;
     black40: string;
-    primaryRedDanger: string;
     red02: string;
     red40: string;
     red10: string;
@@ -101,9 +85,6 @@ export declare const palette: {
     whiteRgb85: string;
     primaryDarkBlue: string;
     lightgray40: string;
-    covideoBlue100: string;
-    covideoBlue40: string;
-    covideoBlue005: string;
     covideoGray100: string;
     themeDark50Percent: string;
     themeDark75Percent: string;
@@ -112,12 +93,7 @@ export declare const palette: {
     buttonDanger: string;
     lightgray: string;
     buttonDelete: string;
-    buttonDangerHover: string;
-    hamburgerMenuHover: string;
-    primaryThemeColor: string;
     blackRgb75: string;
-    buttonPrimaryHover: string;
-    primaryCDSColor: string;
     primaryBlack25Percent: string;
     secondaryBlue: string;
     midGrey: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-covideo-embed",
-  "version": "1.0.30",
+  "version": "1.0.31",
   "private": false,
   "description": "Covideo platform as an embeddable React component.",
   "main": "./build/index.js",
@@ -75,8 +75,8 @@
     "rc-progress": "^3.4.1",
     "react-beautiful-dnd": "^13.1.1",
     "react-compound-slider": "^3.4.0",
-    "react-covideo-ai-assist": "0.0.32",
-    "react-covideo-common": "0.1.57",
+    "react-covideo-ai-assist": "0.0.33",
+    "react-covideo-common": "0.1.58",
     "react-dropzone": "11.3.2",
     "react-full-screen": "^1.1.1",
     "react-icons": "^4.7.1",

package/styled.d.ts

@@ -0,0 +1,37 @@
+import 'styled-components/macro';
+//types
+
+type AvailableColorsType =
+  | 'danger'
+  | 'success'
+  | 'info'
+  | 'black'
+  | 'white'
+  | 'neutral';
+
+export interface IThemeColors {
+  '5': string;
+  '10': string;
+  '20': string;
+  '40': string;
+  '60': string;
+  '80': string;
+  '100': string;
+  non_alpha?: string;
+}
+
+export type IColors = Record<AvailableColorsType, IThemeColors>;
+
+export type MainThemeColors = {
+  primary: IThemeColors;
+  primaryHover: string;
+  secondary: IThemeColors & { non_alpha: string };
+};
+
+declare module 'styled-components' {
+  export interface DefaultTheme {
+    colors: IColors & MainThemeColors;
+    containerWidth: any;
+    containerHeight: any;
+  }
+}

package/build/lib/components/Dropdown.d.ts

@@ -1,30 +0,0 @@
-import { CSSProperties } from 'react';
-type Props = {
-    options: {
-        value: any;
-        label: any;
-    }[];
-    value: {
-        value: any;
-        label: any;
-    };
-    onChange: (value: any) => void;
-    isSearchable: boolean;
-    extraStyles?: CSSProperties;
-    creatable?: boolean;
-    isClearable?: boolean;
-    disabled?: boolean;
-    maxMenuHeight?: number;
-    defaultValue?: {
-        value: any;
-        label: any;
-    };
-    placeholder?: string;
-    controlShouldRenderValue?: boolean;
-    customComponents?: {
-        Option?: (props: any) => JSX.Element;
-        ValueContainer?: (props: any) => JSX.Element;
-    };
-};
-export declare const Dropdown: ({ options, value, onChange, isSearchable, extraStyles, creatable, isClearable, disabled, maxMenuHeight, defaultValue, placeholder, controlShouldRenderValue, customComponents, }: Props) => JSX.Element;
-export {};

package/images.d.ts

@@ -1,4 +0,0 @@
-declare module '*.webp' {
-  const value: string;
-  export default value;
-}