@wayke-se/components-react 3.0.0-beta.1 → 3.0.0-beta.10

package/dist-types/components/SearchBar/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface SearchBarProps {
+    value: string;
+    setValue: (value: string) => void;
+    onSearch: (value: string) => void;
+}
+declare const SearchBar: ({ value, setValue, onSearch }: SearchBarProps) => JSX.Element;
+export default SearchBar;

package/dist-types/components/SearchFilter/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const SearchFilter: () => JSX.Element;
+export default SearchFilter;

package/dist-types/components/SearchTerm/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface Props {
+    children: string;
+    onClear?: () => void;
+    clearTitle?: string;
+}
+declare const SearchTerm: ({ children, onClear, clearTitle }: Props) => JSX.Element;
+export default SearchTerm;

package/dist-types/components/SearchTerm/wrapper.d.ts

@@ -0,0 +1,7 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Query: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    className: "wayke__theme wayke__font--bold";
+}, "className">;
+export declare const Clear: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    type: "button";
+}, "type">;

package/dist-types/components/SectionHeader/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface Props {
+    children: React.ReactNode;
+    onClick?: () => void;
+    actionTitle?: string;
+}
+declare const SectionHeader: ({ children, onClick, actionTitle }: Props) => JSX.Element;
+export default SectionHeader;

package/dist-types/components/SectionHeader/wrapper.d.ts

@@ -0,0 +1,3 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Heading: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Action: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist-types/components/Snackbar/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    severity?: string;
+    icon?: boolean;
+    heading?: string;
+    children?: React.ReactNode;
+}
+declare const Snackbar: ({ severity, icon, heading, children }: Props) => JSX.Element;
+export default Snackbar;

package/dist-types/components/Snackbar/wrapper.d.ts

@@ -0,0 +1,11 @@
+interface Wrapper {
+    severity?: string;
+}
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    role: "alert";
+} & Wrapper, "role">;
+export declare const Icon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Content: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Heading: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Message: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export {};

package/dist-types/components/SortSelect/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { DrivingDistance } from '../../@types/codegen/types';
+export interface OptionProps {
+    value: number | string | DrivingDistance;
+    displayName?: number | string;
+}
+interface SortSelectProps {
+    value: string | number;
+    options: OptionProps[];
+    unit?: string;
+    onChange?: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+}
+declare const SortSelect: ({ value, options, onChange, unit }: SortSelectProps) => JSX.Element;
+export default SortSelect;

package/dist-types/components/SortSelect/wrapper.d.ts

@@ -0,0 +1,6 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Select: import("styled-components").StyledComponent<"select", import("styled-components").DefaultTheme, {
+    className: "wayke__theme wayke__font--regular";
+}, "className">;
+export declare const Option: import("styled-components").StyledComponent<"option", import("styled-components").DefaultTheme, {}, never>;
+export declare const Icon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist-types/components/Sphere/Sphere.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare type PropsType = {
+    url: string;
+    preview: string;
+    navigationDisabled: boolean;
+    visible: boolean;
+    onDisableNavigation: () => void;
+};
+declare const Sphere: ({ url, preview, visible, onDisableNavigation, navigationDisabled }: PropsType) => JSX.Element | null;
+export default Sphere;

package/dist-types/components/Sphere/SphereLightbox.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare type PropsType = {
+    url: string;
+};
+declare const SphereLightbox: ({ url }: PropsType) => JSX.Element;
+export default SphereLightbox;

package/dist-types/components/Sphere/SphereViewer.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare type PropsType = {
+    id: string;
+    src: string;
+    preview: string;
+    autoLoad?: boolean;
+    onStart?: () => void;
+};
+declare const SphereViewer: ({ id, src, preview, autoLoad, onStart }: PropsType) => JSX.Element;
+export default SphereViewer;

package/dist-types/components/Sphere/wrapper.d.ts

@@ -0,0 +1 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist-types/components/SrOnly/index.d.ts

@@ -0,0 +1 @@
+export declare const SrOnly: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist-types/components/SwitchBar/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface Props {
+    title: string;
+    body?: string;
+    actionTitle?: string;
+    children: React.ReactNode;
+    onClick?: () => void;
+}
+declare const SwitchBar: ({ title, body, actionTitle, children, onClick }: Props) => JSX.Element;
+export default SwitchBar;

package/dist-types/components/SwitchBar/wrapper.d.ts

@@ -0,0 +1,14 @@
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Header: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Body: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Info: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Action: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const InfoContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const InfoBtn: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    type: "button";
+} & {
+    className: "wayke__theme wayke__color--primary-text";
+}, "type" | "className">;
+export declare const Title: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    className: "wayke__theme wayke__font--bold";
+}, "className">;

package/dist-types/components/TableColumn/index.d.ts

@@ -0,0 +1,3 @@
+export declare const TableColumn: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TableColumnRow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TableColumnCell: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist-types/components/TableList/index.d.ts

@@ -0,0 +1,6 @@
+export declare const TableList: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
+export declare const TableListItem: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
+export declare const TableListKey: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TableListValue: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TableListBooleanPos: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TableListBooleanNeg: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist-types/components/Tabs/index.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface ITabItem {
+    name: string;
+    displayName: string;
+}
+export interface ITabInterface<T> {
+    tabs: ITabItem[];
+    active: string;
+    onClick?: (name: T) => void;
+}
+declare const Tabs: <T extends {}>({ tabs, active, onClick }: ITabInterface<T>) => JSX.Element;
+export default Tabs;

package/dist-types/components/Tabs/wrapper.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const List: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {}, never>;
+export declare const Item: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
+export declare const Action: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    type: "button";
+} & {
+    role: "tab";
+    className: "wayke__theme wayke__font--bold";
+} & React.ClassAttributes<HTMLButtonElement> & React.HTMLAttributes<HTMLButtonElement> & {
+    active?: string | boolean | undefined;
+}, "type" | "className" | "role">;

package/dist-types/components/ThreeSixty/Rotation.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare type PropsType = {
+    children: React.ReactNode;
+};
+declare const Rotation: ({ children }: PropsType) => JSX.Element;
+export default Rotation;

package/dist-types/components/ThreeSixty/ThreeSixtLightbox.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare type PropsType = {
+    urls: string[];
+};
+declare const ThreeSixtyLightbox: ({ urls }: PropsType) => JSX.Element;
+export default ThreeSixtyLightbox;

package/dist-types/components/ThreeSixty/ThreeSixty.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare type PropsType = {
+    urls: string[];
+    navigationDisabled: boolean;
+    visible: boolean;
+    onDisableNavigation: () => void;
+};
+declare const ThreeSixty: ({ urls, visible, onDisableNavigation, navigationDisabled }: PropsType) => JSX.Element | null;
+export default ThreeSixty;

package/dist-types/components/UspList/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface ItemProps {
+    title: string | number | null;
+    onClick?: () => void;
+}
+export interface Props {
+    items?: ItemProps[];
+    small?: boolean;
+}
+declare const UspList: ({ items, small }: Props) => JSX.Element | null;
+export default UspList;

package/dist-types/components/UspList/wrapper.d.ts

@@ -0,0 +1,11 @@
+export declare const Item: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, {}, never>;
+export declare const Box: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ItemSection: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Action: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    type: "button";
+} & {
+    className: "wayke__theme wayke__color--primary-text";
+}, "type" | "className">;
+export declare const List: import("styled-components").StyledComponent<"ul", import("styled-components").DefaultTheme, {
+    isSmall?: boolean | undefined;
+}, never>;

package/dist-types/components/Utility/index.d.ts

@@ -0,0 +1,8 @@
+export declare const UtilityTextRight: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const UtilityFontSizeSmall: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const UtilityTextPrimary: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    className: "wayke__theme wayke__color--primary-text";
+}, "className">;
+export declare const UtilityTextBold: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    className: "wayke__theme wayke__font--bold";
+}, "className">;

package/dist-types/components/Video/CustomPlayer.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare type PropsType = {
+    url?: string;
+    modal?: boolean;
+    controls?: boolean;
+    ratio?: string;
+    isPreview?: boolean;
+};
+declare const CustomPlayer: ({ url, controls, modal, ratio, isPreview }: PropsType) => JSX.Element;
+export default CustomPlayer;

package/dist-types/components/Video/EmbeddedVideoLightbox.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+declare type PropsType = {
+    url: string;
+    autoplay?: boolean;
+    controls?: boolean;
+};
+declare const VideoPlayer: ({ url, autoplay, controls }: PropsType) => JSX.Element | null;
+export default VideoPlayer;

package/dist-types/components/Video/EmbededVideo.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface GalleryEmbed {
+    src: string;
+    index: number;
+    controls?: boolean;
+}
+declare const GalleryEmbed: ({ src, index }: GalleryEmbed) => JSX.Element | null;
+export default GalleryEmbed;

package/dist-types/components/Video/QuickNavEmbeded.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface QuickNavEmbededProps {
+    src?: string;
+    index: number;
+}
+declare const QuickNavEmbeded: ({ src, index }: QuickNavEmbededProps) => JSX.Element | null;
+export default QuickNavEmbeded;

package/dist-types/components/Video/QuickNavVideo.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface QuickNavVideo {
+    src?: string;
+    index: number;
+}
+declare const QuickNavVideo: ({ src, index }: QuickNavVideo) => JSX.Element;
+export default QuickNavVideo;

package/dist-types/components/Video/Video.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const Video: import("styled-components").StyledComponent<"video", import("styled-components").DefaultTheme, React.ClassAttributes<HTMLVideoElement> & React.HTMLAttributes<HTMLVideoElement> & {
+    modal?: boolean | undefined;
+}, never>;
+export default Video;

package/dist-types/components/Video/VimeoPlayer.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type PropsType = {
+    url: string;
+    autoplay: boolean;
+};
+declare const VimeoPlayer: ({ url, autoplay }: PropsType) => JSX.Element;
+export default VimeoPlayer;

package/dist-types/components/Video/YoutubePlayer.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare type PropsType = {
+    url: string;
+    autoplay: boolean;
+};
+declare const YouTubePlayer: ({ url, autoplay }: PropsType) => JSX.Element;
+export default YouTubePlayer;

package/dist-types/components/Video/useThumbnail.d.ts

@@ -0,0 +1,2 @@
+declare const useThumbnail: (url?: string | null, small?: boolean) => string[] | undefined;
+export default useThumbnail;

package/dist-types/components/Video/utils.d.ts

@@ -0,0 +1,9 @@
+export declare const getVimeoId: (url: string) => string;
+export declare const getYouTubeId: (url: string) => string;
+export declare const getYoutubeThumbnail: (url: string) => {
+    maxresdefault: string;
+    hqdefault: string;
+    mqdefault: string;
+} | undefined;
+export declare const onImageLoad: (e: React.SyntheticEvent<HTMLImageElement, Event>, thumbnail?: string[]) => void;
+export declare const onImageError: (e: React.SyntheticEvent<HTMLImageElement, Event>, thumbnail?: string[]) => void;

package/dist-types/components/Video/wrapper.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const Wrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    ratio?: string | undefined;
+    isPreview?: boolean | undefined;
+}, never>;
+export declare const Iframe: import("styled-components").StyledComponent<"iframe", import("styled-components").DefaultTheme, {
+    width: "100%";
+    height: "100%";
+    allowFullScreen: true;
+    frameBorder: "0";
+}, "height" | "width" | "allowFullScreen" | "frameBorder">;

package/dist-types/hooks/useFetch.d.ts

@@ -0,0 +1,7 @@
+interface Response<T> {
+    loading: boolean;
+    data?: T;
+    error: boolean;
+}
+declare const useFetch: <T>(path: RequestInfo, options?: RequestInit, skip?: boolean, promiseCache?: boolean) => Response<T>;
+export default useFetch;

package/dist-types/hooks/useHasBeenVisible.d.ts

@@ -0,0 +1,2 @@
+declare const useHasBeenVisible: (ref: React.MutableRefObject<HTMLElement | null>) => boolean;
+export default useHasBeenVisible;

package/dist-types/hooks/useHashGuid.d.ts

@@ -0,0 +1,2 @@
+declare const useHashGuid: () => string | undefined;
+export default useHashGuid;

package/dist-types/hooks/useInsurance.d.ts

@@ -0,0 +1,4 @@
+import { QueryResult } from '@apollo/client';
+import { DrivingDistance, QueryInsurancesArgs, Query } from '../@types/codegen/types';
+declare const useInsuranceCalculation: (id: string, branchId?: string, personalNumber?: string, drivingDistance?: DrivingDistance) => QueryResult<Query, QueryInsurancesArgs>;
+export default useInsuranceCalculation;

package/dist-types/hooks/useLoan.d.ts

@@ -0,0 +1,4 @@
+import { QueryResult } from '@apollo/client';
+import { QueryLoanArgs, Query } from '../@types/codegen/types';
+declare const useLoanCalculation: (id: string, duration?: number, downPayment?: number, residual?: number) => QueryResult<Query, QueryLoanArgs>;
+export default useLoanCalculation;

package/dist-types/hooks/useOnScreen.d.ts

@@ -0,0 +1,2 @@
+declare const useOnScreen: (ref: React.MutableRefObject<HTMLElement | null>) => boolean;
+export default useOnScreen;

package/dist-types/hooks/useOutsideClick.d.ts

@@ -0,0 +1,2 @@
+declare const useOutsideClick: (ref: React.RefObject<HTMLElement>, callback: () => void) => void;
+export default useOutsideClick;

package/dist-types/hooks/usePrevious.d.ts

@@ -0,0 +1,2 @@
+declare const usePrevious: <T>(value: T) => T | undefined;
+export default usePrevious;

package/dist-types/hooks/useSearchItem.d.ts

@@ -0,0 +1,4 @@
+import { QueryResult } from '@apollo/client';
+import { QueryVehicleArgs, Query } from '../@types/codegen/types';
+declare const useSearchItem: (id?: string) => QueryResult<Query, QueryVehicleArgs>;
+export default useSearchItem;

package/dist-types/hooks/useSearchItemBranch.d.ts

@@ -0,0 +1,4 @@
+import { QueryResult } from '@apollo/client';
+import { QueryVehicleArgs, Query } from '../@types/codegen/types';
+declare const useSearchItemBranch: (id?: string | null, branch?: string | null) => QueryResult<Query, QueryVehicleArgs>;
+export default useSearchItemBranch;

package/dist-types/hooks/useSessionStorage.d.ts

@@ -0,0 +1,7 @@
+declare const useSessionStorage: (key: string) => {
+    value: string | null;
+    set: (v: string) => void;
+    remove: () => void;
+    clear: () => void;
+};
+export default useSessionStorage;

package/dist-types/hooks/useVimeoThumbnail.d.ts

@@ -0,0 +1,2 @@
+declare const useVimeoThumbnail: (id?: string, small?: boolean) => string | undefined;
+export default useVimeoThumbnail;

package/dist-types/index.d.ts

@@ -0,0 +1,18 @@
+import WaykeSearch from './layouts/search/index';
+import type { WaykeSearchProps } from './layouts/search/index';
+import WaykeSearchItem from './layouts/searchItem/index';
+import type { WaykeSearchItemProps } from './layouts/searchItem/index';
+import WaykeProvider from './providers/WaykeProvider';
+import type { WaykeProviderSettings } from './providers/WaykeProvider';
+import WaykeComposite from './layouts/WaykeCompositeWithProvider';
+import type { WaykeCompositeWithProviderProps } from './layouts/WaykeCompositeWithProvider';
+import SearchBar from './components/SearchBar/index';
+import WaykeThemeProvider from './providers/themeProvider';
+import WaykeItemProvider from './providers/WaykeItemProvidet';
+import type { WaykeItemProviderSettings } from './providers/WaykeItemProvidet';
+import WaykePubSub from './utils/pubsub/pubsub';
+import type { EventSubscriptions } from './utils/pubsub/pubsub';
+import type { SearchFilterTypes, SearchFilterNameTypes } from './@types/filter';
+import type { EventHashRouteChange, EventItemClicked, EventEcomOnInit, EventEcomOnUser, EventEcomOnExit, EventImagesClick, EventOptionsClick, EventPhonenumberVisible, EventPhonenumberCall, EventMailVisible, EventInsuranceInterest, EventFinanceInterest, EventAll, EventType, EventNames, CallbackHashRouteChange, CallbackEventItemClicked, CallbackEcomOnUserEvent, CallbackEmpty } from './utils/pubsub/Events';
+export { WaykeProvider, WaykeItemProvider, WaykeSearch, WaykeSearchItem, SearchBar, WaykeThemeProvider, WaykeItemProviderSettings, WaykePubSub, WaykeCompositeWithProviderProps, WaykeProviderSettings, WaykeSearchProps, WaykeSearchItemProps, SearchFilterTypes, SearchFilterNameTypes, EventSubscriptions, EventHashRouteChange, EventItemClicked, EventEcomOnInit, EventEcomOnUser, EventEcomOnExit, EventImagesClick, EventOptionsClick, EventPhonenumberVisible, EventPhonenumberCall, EventMailVisible, EventInsuranceInterest, EventFinanceInterest, EventAll, EventType, EventNames, CallbackHashRouteChange, CallbackEventItemClicked, CallbackEcomOnUserEvent, CallbackEmpty, };
+export default WaykeComposite;

package/dist-types/layout/helpers.d.ts

@@ -0,0 +1 @@
+export declare const size: (multiplier?: number) => string;

package/dist-types/layout/keyframes.d.ts

@@ -0,0 +1,3 @@
+export declare const noTransform: import("styled-components").Keyframes;
+export declare const fadeIn: import("styled-components").Keyframes;
+export declare const rotate: import("styled-components").Keyframes;

package/dist-types/layout/theme.d.ts

@@ -0,0 +1,40 @@
+declare const theme: {
+    color: {
+        bg: string;
+        link: string;
+        accent: string;
+        accentTransparent: string;
+        accentDark: string;
+        border: string;
+        textDark: string;
+        textDarkLighten: string;
+        textLight: string;
+        hoverOverlay: string;
+        disabledBg: string;
+        disabledText: string;
+        placeholder: string;
+        ui: {
+            positiveLight: string;
+            positive: string;
+            neutralLight: string;
+            negativeLight: string;
+            negative: string;
+            infoLight: string;
+        };
+    };
+    breakpoint: {
+        Sm: string;
+        LtSm: string;
+        Md: string;
+        LtMd: string;
+        Lg: string;
+        LtLg: string;
+    };
+    distances: {
+        baseUnit: string;
+        inputHeight: string;
+        containerMaxWidth: string;
+    };
+};
+export declare type Theme = typeof theme;
+export default theme;

package/dist-types/layouts/WaykeComposite.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { WaykeSearchProps } from './search/index';
+import { WaykeSearchItemProps } from './searchItem/index';
+export declare type WaykeCompositeProps = Omit<WaykeSearchProps & WaykeSearchItemProps, 'id'>;
+declare const WaykeComposite: ({ filterList, initialQueryParams, removeSearchBar, removeFilterOptions, disableResetScrollOnInit, placeholderImage, pathRoute, modifyDocumentTitleItem, modifyDocumentTitleSearch, }: WaykeCompositeProps) => JSX.Element;
+export default WaykeComposite;

package/dist-types/layouts/WaykeCompositeWithProvider.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { WaykeProviderProps } from '../providers/WaykeProvider';
+import { WaykeCompositeProps } from './WaykeComposite';
+export interface WaykeCompositeWithProviderProps {
+    provider: WaykeProviderProps;
+    composite?: WaykeCompositeProps;
+}
+declare const WaykeCompositeWithProvider: ({ provider, composite }: WaykeCompositeWithProviderProps) => JSX.Element;
+export default WaykeCompositeWithProvider;

package/dist-types/layouts/search/index.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { SearchFilterTypes } from '../../@types/filter';
+export interface WaykeSearchProps {
+    filterList?: SearchFilterTypes[];
+    initialQueryParams?: URLSearchParams | string;
+    removeSearchBar?: boolean;
+    removeFilterOptions?: boolean;
+    placeholderImage?: string;
+    hashRoute?: boolean;
+    pathRoute?: string;
+    modifyDocumentTitleSearch?: string;
+    onClickSearchItem?: (id: string) => void;
+}
+declare const WaykeSearch: ({ filterList, initialQueryParams, hashRoute, pathRoute, removeSearchBar, placeholderImage, removeFilterOptions, modifyDocumentTitleSearch, onClickSearchItem, }: WaykeSearchProps) => JSX.Element;
+export default WaykeSearch;

package/dist-types/layouts/searchItem/Branch.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Branch, Maybe } from '../../@types/codegen/types';
+interface BranchProps {
+    branch?: Maybe<Branch>;
+    loading: boolean;
+}
+declare const Branch: ({ branch, loading }: BranchProps) => JSX.Element | null;
+export default Branch;

package/dist-types/layouts/searchItem/BranchModal.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { BranchConnection } from '../../@types/codegen/types';
+interface BranchModalProps {
+    loading: boolean;
+    connections?: BranchConnection[];
+    onClose: () => void;
+}
+declare const BranchModal: ({ loading, connections, onClose }: BranchModalProps) => JSX.Element | null;
+export default BranchModal;

package/dist-types/layouts/searchItem/CheckList.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { Manufacturer, PackageOption, Ecommerce, ContactOptions, Branch } from '../../@types/codegen/types';
+interface CheckList {
+    manufacturer?: Manufacturer | null;
+    packageOptions: PackageOption[];
+    ecommerce?: Ecommerce | null;
+    branch?: Branch | null;
+    contact?: ContactOptions | null;
+    loadingCentralStorageVehicle: boolean;
+    toggleEcomModal: () => void;
+}
+declare const CheckList: ({ manufacturer, packageOptions, ecommerce, branch, contact, toggleEcomModal, loadingCentralStorageVehicle, }: CheckList) => JSX.Element;
+export default CheckList;

package/dist-types/layouts/searchItem/ManufacturerPackagesOption.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { Maybe, PackageOption } from '../../@types/codegen/types';
+interface ManufacturerPackageOption {
+    packageOption?: Maybe<PackageOption>;
+}
+declare const ManufacturerPackageOption: ({ packageOption }: ManufacturerPackageOption) => JSX.Element | null;
+export default ManufacturerPackageOption;

package/dist-types/layouts/searchItem/MetadataItem.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Property } from '../../@types/vehicle-properties';
+interface MetadataItemProps {
+    name: string;
+    hint?: string | null | undefined;
+    value: Property['value'];
+    unit: Property['unit'];
+}
+declare const MetadataItem: ({ name, hint, value, unit }: MetadataItemProps) => JSX.Element;
+export default MetadataItem;

package/dist-types/layouts/searchItem/PackageOptionModal.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+interface ModelLink {
+    href?: string | null;
+    title?: string | null;
+}
+export interface PackageOptionModalData {
+    title?: string | null;
+    image?: string | null;
+    description?: string | null;
+    link?: ModelLink | null;
+}
+interface PackageOptionsModalProps {
+    packageOption: PackageOptionModalData;
+    onClose: () => void;
+}
+declare const PackageOptionModal: ({ packageOption, onClose }: PackageOptionsModalProps) => JSX.Element;
+export default PackageOptionModal;