@drivy/cobalt 0.13.0

package/types/components/Icon/__generated__/SocialLinkedinIcon.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IconColors } from "../";
+export declare type IconProps = {
+    color?: IconColors;
+    size?: 16 | 20 | 24 | 32;
+    contained?: boolean;
+    className?: string;
+};
+declare const SocialLinkedinIcon: ({ color, size, contained, className, }: IconProps) => JSX.Element;
+export default SocialLinkedinIcon;

package/types/components/Icon/__generated__/SocialTwitterIcon.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IconColors } from "../";
+export declare type IconProps = {
+    color?: IconColors;
+    size?: 16 | 20 | 24 | 32;
+    contained?: boolean;
+    className?: string;
+};
+declare const SocialTwitterIcon: ({ color, size, contained, className, }: IconProps) => JSX.Element;
+export default SocialTwitterIcon;

package/types/components/Icon/__generated__/SocialWhatsappIcon.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IconColors } from "../";
+export declare type IconProps = {
+    color?: IconColors;
+    size?: 16 | 20 | 24 | 32;
+    contained?: boolean;
+    className?: string;
+};
+declare const SocialWhatsappIcon: ({ color, size, contained, className, }: IconProps) => JSX.Element;
+export default SocialWhatsappIcon;

package/types/components/Icon/__generated__/StarIcon.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IconColors } from "../";
+export declare type IconProps = {
+    color?: IconColors;
+    size?: 16 | 20 | 24 | 32;
+    contained?: boolean;
+    className?: string;
+};
+declare const StarIcon: ({ color, size, contained, className, }: IconProps) => JSX.Element;
+export default StarIcon;

package/types/components/Icon/__generated__/SubwayIcon.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IconColors } from "../";
+export declare type IconProps = {
+    color?: IconColors;
+    size?: 16 | 20 | 24 | 32;
+    contained?: boolean;
+    className?: string;
+};
+declare const SubwayIcon: ({ color, size, contained, className, }: IconProps) => JSX.Element;
+export default SubwayIcon;

package/types/components/Icon/__generated__/TimeAlertIcon.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IconColors } from "../";
+export declare type IconProps = {
+    color?: IconColors;
+    size?: 16 | 20 | 24 | 32;
+    contained?: boolean;
+    className?: string;
+};
+declare const TimeAlertIcon: ({ color, size, contained, className, }: IconProps) => JSX.Element;
+export default TimeAlertIcon;

package/types/components/Icon/__generated__/TimeBackwardsIcon.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IconColors } from "../";
+export declare type IconProps = {
+    color?: IconColors;
+    size?: 16 | 20 | 24 | 32;
+    contained?: boolean;
+    className?: string;
+};
+declare const TimeBackwardsIcon: ({ color, size, contained, className, }: IconProps) => JSX.Element;
+export default TimeBackwardsIcon;

package/types/components/Icon/__generated__/TimeCalendarIcon.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IconColors } from "../";
+export declare type IconProps = {
+    color?: IconColors;
+    size?: 16 | 20 | 24 | 32;
+    contained?: boolean;
+    className?: string;
+};
+declare const TimeCalendarIcon: ({ color, size, contained, className, }: IconProps) => JSX.Element;
+export default TimeCalendarIcon;

package/types/components/Icon/__generated__/TimeForwardIcon.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IconColors } from "../";
+export declare type IconProps = {
+    color?: IconColors;
+    size?: 16 | 20 | 24 | 32;
+    contained?: boolean;
+    className?: string;
+};
+declare const TimeForwardIcon: ({ color, size, contained, className, }: IconProps) => JSX.Element;
+export default TimeForwardIcon;

package/types/components/Icon/__generated__/TrainIcon.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IconColors } from "../";
+export declare type IconProps = {
+    color?: IconColors;
+    size?: 16 | 20 | 24 | 32;
+    contained?: boolean;
+    className?: string;
+};
+declare const TrainIcon: ({ color, size, contained, className, }: IconProps) => JSX.Element;
+export default TrainIcon;

package/types/components/Icon/__generated__/UserShieldIcon.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IconColors } from "../";
+export declare type IconProps = {
+    color?: IconColors;
+    size?: 16 | 20 | 24 | 32;
+    contained?: boolean;
+    className?: string;
+};
+declare const UserShieldIcon: ({ color, size, contained, className, }: IconProps) => JSX.Element;
+export default UserShieldIcon;

package/types/components/Icon/__generated__/VerifiedSealIcon.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IconColors } from "../";
+export declare type IconProps = {
+    color?: IconColors;
+    size?: 16 | 20 | 24 | 32;
+    contained?: boolean;
+    className?: string;
+};
+declare const VerifiedSealIcon: ({ color, size, contained, className, }: IconProps) => JSX.Element;
+export default VerifiedSealIcon;

package/types/components/Icon/__generated__/WrenchIcon.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IconColors } from "../";
+export declare type IconProps = {
+    color?: IconColors;
+    size?: 16 | 20 | 24 | 32;
+    contained?: boolean;
+    className?: string;
+};
+declare const WrenchIcon: ({ color, size, contained, className, }: IconProps) => JSX.Element;
+export default WrenchIcon;

package/types/components/Icon/__generated__/index.d.ts

@@ -0,0 +1,112 @@
+export { default as AirportIcon } from "./AirportIcon";
+export { default as ArrowLeftIcon } from "./ArrowLeftIcon";
+export { default as ArrowRightIcon } from "./ArrowRightIcon";
+export { default as BinIcon } from "./BinIcon";
+export { default as BriefcaseIcon } from "./BriefcaseIcon";
+export { default as BulbIcon } from "./BulbIcon";
+export { default as CameraIcon } from "./CameraIcon";
+export { default as CarCheckIcon } from "./CarCheckIcon";
+export { default as CarDrivyOpenIcon } from "./CarDrivyOpenIcon";
+export { default as CarGroupIcon } from "./CarGroupIcon";
+export { default as CarIcon } from "./CarIcon";
+export { default as CarLockIcon } from "./CarLockIcon";
+export { default as CarSearchIcon } from "./CarSearchIcon";
+export { default as CarTypeAntiqueIcon } from "./CarTypeAntiqueIcon";
+export { default as CarTypeCabrioletIcon } from "./CarTypeCabrioletIcon";
+export { default as CarTypeCampervanIcon } from "./CarTypeCampervanIcon";
+export { default as CarTypeCityIcon } from "./CarTypeCityIcon";
+export { default as CarTypeConvertibleIcon } from "./CarTypeConvertibleIcon";
+export { default as CarTypeCoupeIcon } from "./CarTypeCoupeIcon";
+export { default as CarTypeFamilyIcon } from "./CarTypeFamilyIcon";
+export { default as CarTypeFourFourIcon } from "./CarTypeFourFourIcon";
+export { default as CarTypeMinibusIcon } from "./CarTypeMinibusIcon";
+export { default as CarTypeSedanIcon } from "./CarTypeSedanIcon";
+export { default as CarTypeUtilityIcon } from "./CarTypeUtilityIcon";
+export { default as CheckCircleIcon } from "./CheckCircleIcon";
+export { default as CheckIcon } from "./CheckIcon";
+export { default as ChevronDownIcon } from "./ChevronDownIcon";
+export { default as ChevronLeftIcon } from "./ChevronLeftIcon";
+export { default as ChevronRightIcon } from "./ChevronRightIcon";
+export { default as ChevronUpIcon } from "./ChevronUpIcon";
+export { default as CloseIcon } from "./CloseIcon";
+export { default as ContactMailIcon } from "./ContactMailIcon";
+export { default as ContactPhoneIcon } from "./ContactPhoneIcon";
+export { default as ContextualPaperclipIcon } from "./ContextualPaperclipIcon";
+export { default as ContextualQuestionIcon } from "./ContextualQuestionIcon";
+export { default as ContextualWarningCircleFilledIcon } from "./ContextualWarningCircleFilledIcon";
+export { default as ContextualWarningCircleIcon } from "./ContextualWarningCircleIcon";
+export { default as CreditCardIcon } from "./CreditCardIcon";
+export { default as DirectionsIcon } from "./DirectionsIcon";
+export { default as DotsHorizontalIcon } from "./DotsHorizontalIcon";
+export { default as DotsVerticalIcon } from "./DotsVerticalIcon";
+export { default as DownloadIcon } from "./DownloadIcon";
+export { default as EarthIcon } from "./EarthIcon";
+export { default as EditIcon } from "./EditIcon";
+export { default as ExternalLinkIcon } from "./ExternalLinkIcon";
+export { default as EyeIcon } from "./EyeIcon";
+export { default as FiltersIcon } from "./FiltersIcon";
+export { default as FlagIcon } from "./FlagIcon";
+export { default as GeolocationIcon } from "./GeolocationIcon";
+export { default as GraphUpIcon } from "./GraphUpIcon";
+export { default as IncidentIcon } from "./IncidentIcon";
+export { default as InfoFilledIcon } from "./InfoFilledIcon";
+export { default as InfoIcon } from "./InfoIcon";
+export { default as InstantIcon } from "./InstantIcon";
+export { default as KeyIcon } from "./KeyIcon";
+export { default as LoadingIcon } from "./LoadingIcon";
+export { default as LocalityIcon } from "./LocalityIcon";
+export { default as LocationMapIcon } from "./LocationMapIcon";
+export { default as LocationParkingIcon } from "./LocationParkingIcon";
+export { default as LocationPinIcon } from "./LocationPinIcon";
+export { default as LogoutIcon } from "./LogoutIcon";
+export { default as MeetDriverIcon } from "./MeetDriverIcon";
+export { default as MeetOwnerIcon } from "./MeetOwnerIcon";
+export { default as MenuListIcon } from "./MenuListIcon";
+export { default as MileageIcon } from "./MileageIcon";
+export { default as MiscGiftIcon } from "./MiscGiftIcon";
+export { default as NotificationIcon } from "./NotificationIcon";
+export { default as OptionAirConditioningIcon } from "./OptionAirConditioningIcon";
+export { default as OptionAudioInputIcon } from "./OptionAudioInputIcon";
+export { default as OptionBabySeatIcon } from "./OptionBabySeatIcon";
+export { default as OptionBikeRackIcon } from "./OptionBikeRackIcon";
+export { default as OptionCdPlayerIcon } from "./OptionCdPlayerIcon";
+export { default as OptionChainsIcon } from "./OptionChainsIcon";
+export { default as OptionCruiseControlIcon } from "./OptionCruiseControlIcon";
+export { default as OptionGpsIcon } from "./OptionGpsIcon";
+export { default as OptionHasTrailerIcon } from "./OptionHasTrailerIcon";
+export { default as OptionHitchIcon } from "./OptionHitchIcon";
+export { default as OptionRoofBoxIcon } from "./OptionRoofBoxIcon";
+export { default as OptionSkiRackIcon } from "./OptionSkiRackIcon";
+export { default as OptionSnowTireIcon } from "./OptionSnowTireIcon";
+export { default as OptionWheelchairAccessibleIcon } from "./OptionWheelchairAccessibleIcon";
+export { default as PeopleUserIcon } from "./PeopleUserIcon";
+export { default as PhotosIcon } from "./PhotosIcon";
+export { default as PlugIcon } from "./PlugIcon";
+export { default as RefreshIcon } from "./RefreshIcon";
+export { default as ResetIcon } from "./ResetIcon";
+export { default as RideIcon } from "./RideIcon";
+export { default as SearchIcon } from "./SearchIcon";
+export { default as ServiceBatteryIcon } from "./ServiceBatteryIcon";
+export { default as ServiceCleaningIcon } from "./ServiceCleaningIcon";
+export { default as ServiceFuelIcon } from "./ServiceFuelIcon";
+export { default as ServiceHealingIcon } from "./ServiceHealingIcon";
+export { default as ServiceLockedIcon } from "./ServiceLockedIcon";
+export { default as ServiceTollsIcon } from "./ServiceTollsIcon";
+export { default as ServiceUnlockedIcon } from "./ServiceUnlockedIcon";
+export { default as SettingsIcon } from "./SettingsIcon";
+export { default as ShareIcon } from "./ShareIcon";
+export { default as ShopIcon } from "./ShopIcon";
+export { default as SocialFacebookIcon } from "./SocialFacebookIcon";
+export { default as SocialLinkedinIcon } from "./SocialLinkedinIcon";
+export { default as SocialTwitterIcon } from "./SocialTwitterIcon";
+export { default as SocialWhatsappIcon } from "./SocialWhatsappIcon";
+export { default as StarIcon } from "./StarIcon";
+export { default as SubwayIcon } from "./SubwayIcon";
+export { default as TimeAlertIcon } from "./TimeAlertIcon";
+export { default as TimeBackwardsIcon } from "./TimeBackwardsIcon";
+export { default as TimeCalendarIcon } from "./TimeCalendarIcon";
+export { default as TimeForwardIcon } from "./TimeForwardIcon";
+export { default as TrainIcon } from "./TrainIcon";
+export { default as UserShieldIcon } from "./UserShieldIcon";
+export { default as VerifiedSealIcon } from "./VerifiedSealIcon";
+export { default as WrenchIcon } from "./WrenchIcon";

package/types/components/Icon/index.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import { icons as iconTokens } from "../../tokens";
+interface IconsMap {
+    [name: string]: string | undefined;
+}
+export declare const BUNDLED_ICONS: IconsMap;
+export declare type IconSources = keyof typeof iconTokens.icons;
+export declare const IconColorsOptions: readonly ["aller", "amber", "asphalt", "asphaltLight", "blue", "coral", "essence", "graphite", "graphiteLight", "green", "greenDark", "greenLight", "grey", "greyDark", "greyLight", "greyLighter", "indigo", "indigoDark", "purple", "purpleLight", "red", "signal", "turquoise", "white"];
+export declare type IconColors = typeof IconColorsOptions[number];
+export interface IconProps {
+    source: IconSources;
+    /**
+     * Available colors
+     * @default asphaltLight
+     */
+    color?: IconColors;
+    /**
+     * Available size in px
+     * @default 24
+     */
+    size?: 16 | 20 | 24 | 32;
+    contained?: boolean;
+    className?: string;
+}
+export declare const isIconSource: (source: string) => source is "airport" | "arrowLeft" | "arrowRight" | "bin" | "briefcase" | "bulb" | "camera" | "carCheck" | "carDrivyOpen" | "carGroup" | "carLock" | "carSearch" | "carTypeAntique" | "carTypeCabriolet" | "carTypeCampervan" | "carTypeCity" | "carTypeConvertible" | "carTypeCoupe" | "carTypeFamily" | "carTypeFourFour" | "carTypeMinibus" | "carTypeSedan" | "carTypeUtility" | "car" | "checkCircle" | "check" | "chevronDown" | "chevronLeft" | "chevronRight" | "chevronUp" | "close" | "contactMail" | "contactPhone" | "contextualPaperclip" | "contextualQuestion" | "contextualWarningCircleFilled" | "contextualWarningCircle" | "creditCard" | "directions" | "dotsHorizontal" | "dotsVertical" | "download" | "earth" | "edit" | "externalLink" | "eye" | "filters" | "flag" | "geolocation" | "graphUp" | "incident" | "infoFilled" | "info" | "instant" | "key" | "loading" | "locality" | "locationMap" | "locationParking" | "locationPin" | "logout" | "meetDriver" | "meetOwner" | "menuList" | "mileage" | "miscGift" | "notification" | "optionAirConditioning" | "optionAudioInput" | "optionBabySeat" | "optionBikeRack" | "optionCdPlayer" | "optionChains" | "optionCruiseControl" | "optionGps" | "optionHasTrailer" | "optionHitch" | "optionRoofBox" | "optionSkiRack" | "optionSnowTire" | "optionWheelchairAccessible" | "peopleUser" | "photos" | "plug" | "refresh" | "reset" | "ride" | "search" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "share" | "shop" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "star" | "subway" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "train" | "userShield" | "verifiedSeal" | "wrench";
+export declare const Icon: ({ source, color, size, contained, className, }: IconProps) => JSX.Element;
+export * from "./__generated__/index";
+export default Icon;

package/types/components/Icon/index.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/types/components/Modal/ModalBody.d.ts

@@ -0,0 +1,7 @@
+import { FunctionComponent } from "react";
+declare const ModalBody: FunctionComponent<{
+    bodySpacing?: boolean;
+    hasHeader: boolean;
+    hasFooter: boolean;
+}>;
+export default ModalBody;

package/types/components/Modal/ModalFooter.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from "react";
+export declare type ModalFooterPropsType = PropsWithChildren<{
+    className?: string;
+}>;
+declare const ModalFooter: ({ children, className }: ModalFooterPropsType) => JSX.Element;
+export default ModalFooter;

package/types/components/Modal/ModalHeader.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const ModalHeader: ({ title, close, }: {
+    title?: string | undefined;
+    close?: (() => void) | undefined;
+}) => JSX.Element;
+export default ModalHeader;

package/types/components/Modal/index.d.ts

@@ -0,0 +1,54 @@
+import React from "react";
+import { ModalFooterPropsType } from "./ModalFooter";
+export declare type ModalPropsType = {
+    /**
+     * mandatory for A11y
+     */
+    ["aria-label"]: string;
+    /**
+     * Function called to close the modal, providing it make the modal closeable
+     */
+    close?: () => void;
+    /**
+     * React.ref of the element to focus first when the modal opens
+     */
+    initialFocusRef?: React.RefObject<HTMLElement>;
+    /**
+     * State to show or hide the modal/dialog
+     */
+    isOpen: boolean;
+    /**
+     * Action to fire if the user try to dismiss when the modal is not closeable
+     */
+    onDismissAttempt?: () => void;
+    /**
+     * Listener called when the modal has been fully hidden
+     */
+    onHidden?: () => void;
+    /**
+     * Listener called when the modal begins to show
+     */
+    onShow?: () => void;
+    /**
+     * Modal title
+     */
+    title?: string;
+    /**
+     * Disable/Enable body paddings (enabled by default)
+     */
+    bodySpacing?: boolean;
+    /**
+     * Disable/Enable hidding overflowing absolute elements (enabled by default)
+     */
+    overflowHidden?: boolean;
+    /**
+     * Modal body content
+     */
+    children: React.ReactNode;
+};
+export declare const ModalFooterAPI: (_props: ModalFooterPropsType) => null;
+export declare const isModalFooterAPIComponent: (component: React.ReactNode) => component is React.ReactElement<ModalFooterPropsType, string | React.JSXElementConstructor<any>>;
+declare const Modal: React.ForwardRefExoticComponent<ModalPropsType & React.RefAttributes<HTMLDivElement>> & {
+    Footer: (_props: ModalFooterPropsType) => null;
+};
+export default Modal;

package/types/components/ModalOpenerButton/index.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import { ButtonPropsType } from "../Button";
+import { ModalPropsType } from "../Modal";
+declare type ModalOpenerButtonType = {
+    label: React.ReactNode;
+    children: ({ close }: {
+        close: () => void;
+    }) => JSX.Element;
+} & Omit<ButtonPropsType, "children">;
+declare const ModalOpenerButton: {
+    ({ label, children, ...buttonProps }: ModalOpenerButtonType): JSX.Element;
+    Modal: (_props: Omit<ModalPropsType, "isOpen">) => null;
+};
+export default ModalOpenerButton;

package/types/components/Note/index.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export interface NoteProps {
+    children: React.ReactNode;
+    /**
+     * will fill available width
+     * @default false
+     */
+    fullWidth?: boolean;
+    className?: string;
+}
+export declare const Note: ({ children, fullWidth, className }: NoteProps) => JSX.Element;
+export default Note;

package/types/components/Pill/index.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { IconColors, IconSources } from "../Icon";
+export interface PillPropsType {
+    children: React.ReactNode;
+    icon?: IconSources;
+    color?: IconColors;
+    size?: "large";
+    overlayed?: boolean;
+    className?: string;
+}
+export declare const Pill: ({ icon, color, children, overlayed, className, size, }: PillPropsType) => JSX.Element;
+export interface PillGroupPropsType {
+    children: React.ReactNode;
+}
+export declare const PillGroup: ({ children }: PillGroupPropsType) => JSX.Element;
+export default Pill;

package/types/components/Popover/LazyTippy.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { TippyProps } from "@tippyjs/react";
+declare const LazyTippy: (props: TippyProps) => JSX.Element | null;
+export default LazyTippy;

package/types/components/Popover/index.d.ts

@@ -0,0 +1,25 @@
+import { PropsWithChildren } from "react";
+import { TippyProps } from "@tippyjs/react";
+export declare type PopoverPropsType = PropsWithChildren<{
+    isOpen: boolean;
+    close: () => void;
+    "aria-label"?: string;
+    bodySpacing?: boolean;
+    onShow?: () => void;
+    onHidden?: () => void;
+    targetRef: TippyProps["reference"];
+    arrow?: boolean;
+    placement?: TippyProps["placement"];
+    theme?: string;
+    distance?: number;
+    zIndex?: number;
+    /**
+     * __Only for desktop popover__
+     *
+     * Allow to render the content only when the popover is mounted in the DOM
+     * Useful to render async content in the popover
+     */
+    lazy?: boolean;
+}>;
+declare const Popover: ({ isOpen, targetRef, close, "aria-label": ariaLabel, children, bodySpacing, onShow, onHidden, arrow, placement, theme, distance, zIndex, lazy, }: PopoverPropsType) => JSX.Element;
+export default Popover;

package/types/components/PriceTable/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export declare const PriceTable: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;
+interface PriceTableRowProps {
+    label: string;
+    value: string;
+    discounted?: boolean;
+}
+export declare const PriceTableRow: ({ label, value, discounted, }: PriceTableRowProps) => JSX.Element;
+export {};

package/types/components/ProgressBar/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export interface ProgressBarProps {
+    children: React.ReactNode;
+    progress: number;
+    /**
+     * Visual tick at the end of the progress bar
+     * @default false
+     */
+    tick?: boolean;
+}
+export declare const ProgressBar: ({ progress, tick, children, }: ProgressBarProps) => JSX.Element;

package/types/components/TabBar/index.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export interface TabProps {
+    children: React.ReactNode;
+    url?: string;
+    selected?: boolean;
+    inCard?: boolean;
+}
+export declare const Tab: ({ children, url, selected, inCard, }: TabProps) => JSX.Element;
+export interface TabBarProps {
+    children: React.ReactNode;
+    leftAlign?: boolean;
+    underlined?: boolean;
+}
+export declare const TabBar: ({ children, leftAlign, underlined, }: TabBarProps) => JSX.Element;

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

@@ -0,0 +1,30 @@
+import React, { FC } from "react";
+export declare type TabsPropsType = {
+    /**
+     * Index of the initial actived tab (first tab by default)
+     */
+    defaultTabIndex?: number;
+    /**
+     * Method to be run on tab change
+     */
+    onChange?: (index: number) => void;
+    /**
+     * Left aligned tabs with no uppercased labels
+     */
+    subLevel?: boolean;
+};
+declare type TabPropsType = {
+    /**
+     * Label/title of the tab
+     */
+    label: string | React.ReactNode | ((isSelected?: boolean) => React.ReactNode);
+    /**
+     * Hypertext link. If provided, the tab will be an anchor
+     */
+    href?: string;
+};
+export declare const Tab: FC<TabPropsType>;
+export declare const Tabs: FC<TabsPropsType> & {
+    Tab: FC<TabPropsType>;
+};
+export default Tabs;

package/types/components/Tag/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+export interface TagProps {
+    children: React.ReactNode;
+    variant?: "muted" | "important";
+}
+export declare const Tag: ({ children, variant }: TagProps) => JSX.Element;

package/types/components/TextContainer/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export interface TextContainer {
+    children: React.ReactNode;
+}
+export declare const TextContainer: ({ children }: TextContainer) => JSX.Element;

package/types/components/utils/Timer.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Timer object enhancing setTimeout with start, pause, resume features *
+ */
+declare class Timer {
+    private timerID?;
+    private start?;
+    private remaining;
+    private callback;
+    constructor(callback: (...args: any) => any, delay: number);
+    pause: () => void;
+    run: () => void;
+}
+export default Timer;

package/types/components/utils/Timer.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/types/components/utils/camelize.d.ts

@@ -0,0 +1,2 @@
+declare function camelize(s: string): string;
+export default camelize;

package/types/components/utils/capitalize.d.ts

@@ -0,0 +1,2 @@
+declare function capitalize(s: string | undefined): string;
+export default capitalize;

package/types/components/utils/dom.d.ts

@@ -0,0 +1 @@
+export declare function getScrollbarWidth(): number;

package/types/components/utils/eqSet.d.ts

@@ -0,0 +1,2 @@
+declare function eqSet<T = any>(a: Set<T>, b: Set<T>): boolean;
+export default eqSet;

package/types/components/utils/getThemeColors.d.ts

@@ -0,0 +1,2 @@
+declare const getThemeColors: () => [string, string][];
+export default getThemeColors;

package/types/components/utils/getThemeColors.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/types/components/utils/index.d.ts

@@ -0,0 +1,9 @@
+export { default as camelize } from "./camelize";
+export { default as capitalize } from "./capitalize";
+export { default as eqSet } from "./eqSet";
+export { default as getThemeColors } from "./getThemeColors";
+export { default as throttle } from "lodash.throttle";
+export { default as Timer } from "./Timer";
+export { default as isExpectedReactComponent } from "./isExpectedReactComponent";
+export { getScrollbarWidth } from "./dom";
+export { remToPx } from "./px";

package/types/components/utils/isExpectedReactComponent.d.ts

@@ -0,0 +1,3 @@
+import { ReactNode, ReactElement } from "react";
+declare const isExpectedReactComponent: <ComponentPropsType>(component: ReactNode, expectedComponent: ReactNode) => component is ReactElement<ComponentPropsType, string | import("react").JSXElementConstructor<any>>;
+export default isExpectedReactComponent;

package/types/components/utils/isExpectedReactComponent.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/types/components/utils/px.d.ts

@@ -0,0 +1 @@
+export declare const remToPx: (rem: number) => number;

package/types/hooks/useBreakpoint.d.ts

@@ -0,0 +1,11 @@
+import { breakpoints } from "../tokens";
+export declare type CobaltBreakpointType = keyof typeof breakpoints | "over";
+export declare const cobaltBreakpoints: [CobaltBreakpointType, string][];
+/**
+ * Hook to get the current Cobalt breakpoint according to the viewport size
+ */
+declare const useBreakpoint: () => {
+    breakpoint: CobaltBreakpointType;
+    isMobile: boolean;
+};
+export default useBreakpoint;

package/types/hooks/useBreakpoint.spec.d.ts

@@ -0,0 +1 @@
+export {};