@drivy/cobalt 0.13.0

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

@@ -0,0 +1,89 @@
+import React from "react";
+import { AccordionProps as ReachAccordionProps, AccordionItemProps as ReachAccordionItemProps, AccordionButtonProps as ReachAccordionButtonProps, AccordionPanelProps as ReachAccordionPanelProps } from "@reach/accordion";
+export { useAccordionItemContext } from "@reach/accordion";
+declare type HeadingLevelMapType = {
+    h2: 2;
+    h3: 3;
+    h4: 4;
+    h5: 5;
+    h6: 6;
+};
+declare type HeadingTag = keyof HeadingLevelMapType;
+export declare type AccordionItemHeaderPropsType = {
+    /**
+     * To improve the semantics of the markup further, the ARIA guidelines dictate
+     * that each accordion item's button should be wrapped in an element with
+     * role="heading", or more simply, an HTML heading tag.
+     * https://reach.tech/accordion/#accordion-headings
+     */
+    headingLevel?: HeadingLevelMapType[HeadingTag];
+    className?: string;
+} & ReachAccordionButtonProps;
+export declare type AccordionItemPanelPropsType = {
+    className?: string;
+} & ReachAccordionPanelProps;
+export declare type AccordionItemPropsType = {
+    className?: string;
+} & ReachAccordionItemProps;
+export declare type AccordionPropsType = {
+    className?: string;
+    collapsible?: ReachAccordionProps["collapsible"];
+    defaultIndex?: ReachAccordionProps["defaultIndex"];
+    index?: ReachAccordionProps["index"];
+    multiple?: ReachAccordionProps["multiple"];
+    onChange?: ReachAccordionProps["onChange"];
+} & ReachAccordionProps;
+export declare const AccordionItemHeader: React.ForwardRefExoticComponent<{
+    /**
+     * To improve the semantics of the markup further, the ARIA guidelines dictate
+     * that each accordion item's button should be wrapped in an element with
+     * role="heading", or more simply, an HTML heading tag.
+     * https://reach.tech/accordion/#accordion-headings
+     */
+    headingLevel?: 2 | 3 | 4 | 5 | 6 | undefined;
+    className?: string | undefined;
+} & ReachAccordionButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const AccordionItemPanel: {
+    ({ children, className, ...props }: AccordionItemPanelPropsType): JSX.Element;
+    displayName: string;
+};
+export declare const AccordionItem: {
+    ({ children, className, ...props }: AccordionItemPropsType): JSX.Element;
+    displayName: string;
+    Header: React.ForwardRefExoticComponent<{
+        /**
+         * To improve the semantics of the markup further, the ARIA guidelines dictate
+         * that each accordion item's button should be wrapped in an element with
+         * role="heading", or more simply, an HTML heading tag.
+         * https://reach.tech/accordion/#accordion-headings
+         */
+        headingLevel?: 2 | 3 | 4 | 5 | 6 | undefined;
+        className?: string | undefined;
+    } & ReachAccordionButtonProps & React.RefAttributes<HTMLButtonElement>>;
+    Panel: {
+        ({ children, className, ...props }: AccordionItemPanelPropsType): JSX.Element;
+        displayName: string;
+    };
+};
+declare const Accordion: {
+    ({ className, children, index, collapsible, multiple, ...props }: AccordionPropsType): JSX.Element;
+    Item: {
+        ({ children, className, ...props }: AccordionItemPropsType): JSX.Element;
+        displayName: string;
+        Header: React.ForwardRefExoticComponent<{
+            /**
+             * To improve the semantics of the markup further, the ARIA guidelines dictate
+             * that each accordion item's button should be wrapped in an element with
+             * role="heading", or more simply, an HTML heading tag.
+             * https://reach.tech/accordion/#accordion-headings
+             */
+            headingLevel?: 2 | 3 | 4 | 5 | 6 | undefined;
+            className?: string | undefined;
+        } & ReachAccordionButtonProps & React.RefAttributes<HTMLButtonElement>>;
+        Panel: {
+            ({ children, className, ...props }: AccordionItemPanelPropsType): JSX.Element;
+            displayName: string;
+        };
+    };
+};
+export default Accordion;

package/types/components/Alerter/Alert.d.ts

@@ -0,0 +1,8 @@
+import { FunctionComponent } from "react";
+export declare type AlertStatus = "info" | "success" | "error";
+export declare type AlertType = FunctionComponent<{
+    status?: AlertStatus;
+    dismiss: () => void;
+}>;
+declare const Alert: AlertType;
+export default Alert;

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

@@ -0,0 +1,21 @@
+import React from "react";
+import { AlertType } from "./Alert";
+declare type AlertPropsType = Parameters<AlertType>[0];
+export declare type AlertReducerActionData = {
+    id: string;
+    status: AlertPropsType["status"];
+    message: AlertPropsType["children"];
+    dismiss?: AlertPropsType["dismiss"];
+};
+declare type SendAlertParameters = Omit<AlertReducerActionData, "dismiss" | "id">;
+declare type AlertsQueue = (Omit<AlertReducerActionData, "dismiss"> & {
+    dismiss: NonNullable<AlertReducerActionData["dismiss"]>;
+})[];
+export declare const useAlerts: () => {
+    queue: AlertsQueue;
+    sendAlert: React.Dispatch<SendAlertParameters>;
+};
+declare const Alerter: (props: {
+    children: React.ReactNode;
+}) => JSX.Element;
+export default Alerter;

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

@@ -0,0 +1,11 @@
+import React from "react";
+export interface BasicCellProps {
+    children: React.ReactNode;
+    leftAddonIcon?: React.ReactNode;
+    leftAddonThumbUrl?: string;
+    leftAddonThumbAlt?: string;
+    title: string;
+    rightAddonIcon?: React.ReactNode;
+    large?: boolean;
+}
+export declare const BasicCell: ({ leftAddonIcon, leftAddonThumbUrl, leftAddonThumbAlt, title, children, rightAddonIcon, large, }: BasicCellProps) => JSX.Element;

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

@@ -0,0 +1,13 @@
+import React from "react";
+import { Icon } from "../Icon";
+interface BulletListProps {
+    children: React.ReactNode;
+    iconPosition?: "top" | "centered";
+}
+export declare const BulletList: ({ children, iconPosition, }: BulletListProps) => JSX.Element;
+interface BulletListItemProps {
+    children: React.ReactNode;
+    icon: typeof Icon;
+}
+export declare const BulletListItem: ({ children, icon }: BulletListItemProps) => JSX.Element;
+export {};

package/types/components/Button/Button.d.ts

@@ -0,0 +1,31 @@
+import { Ref } from "react";
+import { BrandButtonPropsType } from "../Buttons/BrandButton";
+import { GhostButtonPropsType } from "../Buttons/GhostButton";
+import { InversedButtonPropsType } from "../Buttons/InversedButton";
+import { DefaultButtonPropsType } from "../Buttons/DefaultButton";
+declare type withButtonRef<Props> = Props & {
+    forwardedRef?: Ref<HTMLButtonElement>;
+};
+/**
+ * We add API only props here since it's not related to the Buttons subcomponents
+ */
+declare type BrandButtonAPIPropsType = BrandButtonPropsType;
+declare type InversedButtonAPIPropsType = InversedButtonPropsType & {
+    inversed?: true;
+};
+declare type GhostButtonAPIPropsType = GhostButtonPropsType & {
+    ghost?: true;
+};
+declare type DefaultButtonAPIPropsType = DefaultButtonPropsType;
+/**
+ * Overloads
+ */
+declare type ButtonOverload = {
+    (props: withButtonRef<BrandButtonAPIPropsType>): JSX.Element;
+    (props: withButtonRef<InversedButtonAPIPropsType>): JSX.Element;
+    (props: withButtonRef<GhostButtonAPIPropsType>): JSX.Element;
+    (props: withButtonRef<DefaultButtonAPIPropsType>): JSX.Element;
+};
+export declare type ButtonPropsType = withButtonRef<BrandButtonAPIPropsType> | withButtonRef<InversedButtonAPIPropsType> | withButtonRef<GhostButtonAPIPropsType> | withButtonRef<DefaultButtonAPIPropsType>;
+declare const Button: ButtonOverload;
+export default Button;

package/types/components/Button/Link.d.ts

@@ -0,0 +1,31 @@
+import { Ref } from "react";
+import { BrandLinkPropsType } from "../Buttons/BrandButton";
+import { GhostLinkPropsType } from "../Buttons/GhostButton";
+import { InversedLinkPropsType } from "../Buttons/InversedButton";
+import { DefaultLinkPropsType } from "../Buttons/DefaultButton";
+declare type withAnchorRef<Props> = Props & {
+    forwardedRef?: Ref<HTMLAnchorElement>;
+};
+/**
+ * We add API only props here since it's not related to the Buttons subcomponents
+ */
+declare type BrandLinkAPIPropsType = BrandLinkPropsType;
+declare type InversedLinkAPIPropsType = InversedLinkPropsType & {
+    inversed?: true;
+};
+declare type GhostLinkAPIPropsType = GhostLinkPropsType & {
+    ghost?: true;
+};
+declare type DefaultLinkAPIPropsType = DefaultLinkPropsType;
+/**
+ * Overloads
+ */
+declare type LinkOverload = {
+    (props: withAnchorRef<BrandLinkAPIPropsType>): JSX.Element;
+    (props: withAnchorRef<InversedLinkAPIPropsType>): JSX.Element;
+    (props: withAnchorRef<GhostLinkAPIPropsType>): JSX.Element;
+    (props: withAnchorRef<DefaultLinkAPIPropsType>): JSX.Element;
+};
+export declare type ButtonLinkPropsType = withAnchorRef<BrandLinkAPIPropsType> | withAnchorRef<InversedLinkAPIPropsType> | withAnchorRef<GhostLinkAPIPropsType> | withAnchorRef<DefaultLinkAPIPropsType>;
+declare const Link: LinkOverload;
+export default Link;

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

@@ -0,0 +1,180 @@
+import _React from "react";
+import { ButtonPropsType as _ButtonPropsType } from "./Button";
+import { ButtonLinkPropsType as _ButtonLinkPropsType } from "./Link";
+import { ButtonsGroupProps as _ButtonGroupProps } from "../Buttons/ButtonsGroup";
+export declare type ButtonPropsType = _ButtonPropsType;
+export declare type ButtonLinkPropsType = _ButtonLinkPropsType;
+export declare type ButtonGroupProps = _ButtonGroupProps;
+export declare const ButtonGroup: ({ className, children, align }: _ButtonGroupProps) => JSX.Element;
+export declare const Button: {
+    (props: {
+        brand?: "gmail" | "facebook" | "twitter" | "whatsapp" | undefined;
+    } & {
+        className?: string | undefined;
+        disabled?: boolean | undefined;
+        fullWidth?: boolean | undefined;
+        loading?: boolean | undefined;
+        rounded?: boolean | undefined;
+        size?: "large" | undefined;
+        iconPosition?: "right" | "left" | undefined;
+        icon?: "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" | undefined;
+    } & {
+        children?: _React.ReactNode;
+    } & _React.ButtonHTMLAttributes<HTMLButtonElement> & {
+        loading?: boolean | undefined;
+        href?: undefined;
+    } & {
+        forwardedRef?: _React.Ref<HTMLButtonElement> | undefined;
+    }): JSX.Element;
+    (props: Record<string, unknown> & {
+        className?: string | undefined;
+        disabled?: boolean | undefined;
+        fullWidth?: boolean | undefined;
+        loading?: boolean | undefined;
+        rounded?: boolean | undefined;
+        size?: "large" | undefined;
+        iconPosition?: "right" | "left" | undefined;
+        icon?: "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" | undefined;
+    } & {
+        children?: _React.ReactNode;
+    } & _React.ButtonHTMLAttributes<HTMLButtonElement> & {
+        loading?: boolean | undefined;
+        href?: undefined;
+    } & {
+        inversed?: true | undefined;
+    } & {
+        forwardedRef?: _React.Ref<HTMLButtonElement> | undefined;
+    }): JSX.Element;
+    (props: {
+        standalone?: boolean | undefined;
+        destructive?: boolean | undefined;
+    } & {
+        className?: string | undefined;
+        disabled?: boolean | undefined;
+        fullWidth?: boolean | undefined;
+        loading?: boolean | undefined;
+        rounded?: boolean | undefined;
+        size?: "large" | undefined;
+        iconPosition?: "right" | "left" | undefined;
+        icon?: "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" | undefined;
+    } & {
+        children?: _React.ReactNode;
+    } & _React.ButtonHTMLAttributes<HTMLButtonElement> & {
+        loading?: boolean | undefined;
+        href?: undefined;
+    } & {
+        ghost?: true | undefined;
+    } & {
+        forwardedRef?: _React.Ref<HTMLButtonElement> | undefined;
+    }): JSX.Element;
+    (props: {
+        primary?: boolean | undefined;
+        destructive?: boolean | undefined;
+        active?: boolean | undefined;
+    } & {
+        className?: string | undefined;
+        disabled?: boolean | undefined;
+        fullWidth?: boolean | undefined;
+        loading?: boolean | undefined;
+        rounded?: boolean | undefined;
+        size?: "large" | undefined;
+        iconPosition?: "right" | "left" | undefined;
+        icon?: "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" | undefined;
+    } & {
+        children?: _React.ReactNode;
+    } & _React.ButtonHTMLAttributes<HTMLButtonElement> & {
+        loading?: boolean | undefined;
+        href?: undefined;
+    } & {
+        forwardedRef?: _React.Ref<HTMLButtonElement> | undefined;
+    }): JSX.Element;
+} & {
+    Link: {
+        (props: {
+            brand?: "gmail" | "facebook" | "twitter" | "whatsapp" | undefined;
+        } & {
+            className?: string | undefined;
+            disabled?: boolean | undefined;
+            fullWidth?: boolean | undefined;
+            loading?: boolean | undefined;
+            rounded?: boolean | undefined;
+            size?: "large" | undefined;
+            iconPosition?: "right" | "left" | undefined;
+            icon?: "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" | undefined;
+        } & {
+            children?: _React.ReactNode;
+        } & _React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+            loading?: boolean | undefined;
+            disabled?: boolean | undefined;
+            href?: string | undefined;
+        } & {
+            forwardedRef?: _React.Ref<HTMLAnchorElement> | undefined;
+        }): JSX.Element;
+        (props: Record<string, unknown> & {
+            className?: string | undefined;
+            disabled?: boolean | undefined;
+            fullWidth?: boolean | undefined;
+            loading?: boolean | undefined;
+            rounded?: boolean | undefined;
+            size?: "large" | undefined;
+            iconPosition?: "right" | "left" | undefined;
+            icon?: "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" | undefined;
+        } & {
+            children?: _React.ReactNode;
+        } & _React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+            loading?: boolean | undefined;
+            disabled?: boolean | undefined;
+            href?: string | undefined;
+        } & {
+            inversed?: true | undefined;
+        } & {
+            forwardedRef?: _React.Ref<HTMLAnchorElement> | undefined;
+        }): JSX.Element;
+        (props: {
+            standalone?: boolean | undefined;
+            destructive?: boolean | undefined;
+        } & {
+            className?: string | undefined;
+            disabled?: boolean | undefined;
+            fullWidth?: boolean | undefined;
+            loading?: boolean | undefined;
+            rounded?: boolean | undefined;
+            size?: "large" | undefined;
+            iconPosition?: "right" | "left" | undefined;
+            icon?: "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" | undefined;
+        } & {
+            children?: _React.ReactNode;
+        } & _React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+            loading?: boolean | undefined;
+            disabled?: boolean | undefined;
+            href?: string | undefined;
+        } & {
+            ghost?: true | undefined;
+        } & {
+            forwardedRef?: _React.Ref<HTMLAnchorElement> | undefined;
+        }): JSX.Element;
+        (props: {
+            primary?: boolean | undefined;
+            destructive?: boolean | undefined;
+            active?: boolean | undefined;
+        } & {
+            className?: string | undefined;
+            disabled?: boolean | undefined;
+            fullWidth?: boolean | undefined;
+            loading?: boolean | undefined;
+            rounded?: boolean | undefined;
+            size?: "large" | undefined;
+            iconPosition?: "right" | "left" | undefined;
+            icon?: "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" | undefined;
+        } & {
+            children?: _React.ReactNode;
+        } & _React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+            loading?: boolean | undefined;
+            disabled?: boolean | undefined;
+            href?: string | undefined;
+        } & {
+            forwardedRef?: _React.Ref<HTMLAnchorElement> | undefined;
+        }): JSX.Element;
+    };
+};
+export default Button;

package/types/components/Buttons/BrandButton/index.d.ts

@@ -0,0 +1,45 @@
+import React from "react";
+import { ButtonTemplatePropsType } from "../helpers";
+import { ButtonProps, LinkProps } from "../ButtonComponent";
+declare type BrandCommonPropsType = ButtonTemplatePropsType<{
+    brand?: "gmail" | "facebook" | "twitter" | "whatsapp";
+}>;
+export declare type BrandButtonPropsType = BrandCommonPropsType & ButtonProps;
+export declare type BrandLinkPropsType = BrandCommonPropsType & LinkProps;
+declare const BrandButton: React.ForwardRefExoticComponent<{
+    brand?: "gmail" | "facebook" | "twitter" | "whatsapp" | undefined;
+} & {
+    className?: string | undefined;
+    disabled?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    loading?: boolean | undefined;
+    rounded?: boolean | undefined;
+    size?: "large" | undefined;
+    iconPosition?: "left" | "right" | undefined;
+    icon?: "loading" | "reset" | "search" | "download" | "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" | "earth" | "edit" | "externalLink" | "eye" | "filters" | "flag" | "geolocation" | "graphUp" | "incident" | "infoFilled" | "info" | "instant" | "key" | "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" | "ride" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "share" | "shop" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "star" | "subway" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "train" | "userShield" | "verifiedSeal" | "wrench" | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    loading?: boolean | undefined;
+    href?: undefined;
+} & React.RefAttributes<HTMLButtonElement>> & {
+    Link: React.ForwardRefExoticComponent<{
+        brand?: "gmail" | "facebook" | "twitter" | "whatsapp" | undefined;
+    } & {
+        className?: string | undefined;
+        disabled?: boolean | undefined;
+        fullWidth?: boolean | undefined;
+        loading?: boolean | undefined;
+        rounded?: boolean | undefined;
+        size?: "large" | undefined;
+        iconPosition?: "left" | "right" | undefined;
+        icon?: "loading" | "reset" | "search" | "download" | "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" | "earth" | "edit" | "externalLink" | "eye" | "filters" | "flag" | "geolocation" | "graphUp" | "incident" | "infoFilled" | "info" | "instant" | "key" | "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" | "ride" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "share" | "shop" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "star" | "subway" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "train" | "userShield" | "verifiedSeal" | "wrench" | undefined;
+    } & {
+        children?: React.ReactNode;
+    } & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+        loading?: boolean | undefined;
+        disabled?: boolean | undefined;
+        href?: string | undefined;
+    } & React.RefAttributes<HTMLAnchorElement>>;
+};
+export default BrandButton;

package/types/components/Buttons/ButtonComponent.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+export declare type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    loading?: boolean;
+    href?: undefined;
+};
+export declare type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    loading?: boolean;
+    disabled?: boolean;
+    href?: string;
+};
+export declare const isLinkProps: (props: ButtonProps | LinkProps) => props is LinkProps;
+declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    loading?: boolean | undefined;
+    href?: undefined;
+} & React.RefAttributes<HTMLButtonElement>> & {
+    Link: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+        loading?: boolean | undefined;
+        disabled?: boolean | undefined;
+        href?: string | undefined;
+    } & React.RefAttributes<HTMLAnchorElement>>;
+};
+export default Button;

package/types/components/Buttons/ButtonsGroup.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export interface ButtonsGroupProps {
+    className?: string;
+    children: React.ReactNode;
+    align?: "fullWidth" | "right" | "center";
+}
+declare const ButtonsGroup: ({ className, children, align }: ButtonsGroupProps) => JSX.Element;
+export default ButtonsGroup;

package/types/components/Buttons/DefaultButton/index.d.ts

@@ -0,0 +1,51 @@
+import React from "react";
+import { ButtonTemplatePropsType } from "../helpers";
+import { ButtonProps, LinkProps } from "../ButtonComponent";
+declare type DefaultCommonPropsType = ButtonTemplatePropsType<{
+    primary?: boolean;
+    destructive?: boolean;
+    active?: boolean;
+}>;
+export declare type DefaultButtonPropsType = DefaultCommonPropsType & ButtonProps;
+export declare type DefaultLinkPropsType = DefaultCommonPropsType & LinkProps;
+declare const DefaultButton: React.ForwardRefExoticComponent<{
+    primary?: boolean | undefined;
+    destructive?: boolean | undefined;
+    active?: boolean | undefined;
+} & {
+    className?: string | undefined;
+    disabled?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    loading?: boolean | undefined;
+    rounded?: boolean | undefined;
+    size?: "large" | undefined;
+    iconPosition?: "left" | "right" | undefined;
+    icon?: "loading" | "reset" | "search" | "download" | "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" | "earth" | "edit" | "externalLink" | "eye" | "filters" | "flag" | "geolocation" | "graphUp" | "incident" | "infoFilled" | "info" | "instant" | "key" | "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" | "ride" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "share" | "shop" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "star" | "subway" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "train" | "userShield" | "verifiedSeal" | "wrench" | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    loading?: boolean | undefined;
+    href?: undefined;
+} & React.RefAttributes<HTMLButtonElement>> & {
+    Link: React.ForwardRefExoticComponent<{
+        primary?: boolean | undefined;
+        destructive?: boolean | undefined;
+        active?: boolean | undefined;
+    } & {
+        className?: string | undefined;
+        disabled?: boolean | undefined;
+        fullWidth?: boolean | undefined;
+        loading?: boolean | undefined;
+        rounded?: boolean | undefined;
+        size?: "large" | undefined;
+        iconPosition?: "left" | "right" | undefined;
+        icon?: "loading" | "reset" | "search" | "download" | "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" | "earth" | "edit" | "externalLink" | "eye" | "filters" | "flag" | "geolocation" | "graphUp" | "incident" | "infoFilled" | "info" | "instant" | "key" | "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" | "ride" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "share" | "shop" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "star" | "subway" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "train" | "userShield" | "verifiedSeal" | "wrench" | undefined;
+    } & {
+        children?: React.ReactNode;
+    } & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+        loading?: boolean | undefined;
+        disabled?: boolean | undefined;
+        href?: string | undefined;
+    } & React.RefAttributes<HTMLAnchorElement>>;
+};
+export default DefaultButton;

package/types/components/Buttons/GhostButton/index.d.ts

@@ -0,0 +1,48 @@
+import React from "react";
+import { ButtonTemplatePropsType } from "../helpers";
+import { ButtonProps, LinkProps } from "../ButtonComponent";
+declare type GhostCommonPropsType = ButtonTemplatePropsType<{
+    standalone?: boolean;
+    destructive?: boolean;
+}>;
+export declare type GhostButtonPropsType = GhostCommonPropsType & ButtonProps;
+export declare type GhostLinkPropsType = GhostCommonPropsType & LinkProps;
+declare const GhostButton: React.ForwardRefExoticComponent<{
+    standalone?: boolean | undefined;
+    destructive?: boolean | undefined;
+} & {
+    className?: string | undefined;
+    disabled?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    loading?: boolean | undefined;
+    rounded?: boolean | undefined;
+    size?: "large" | undefined;
+    iconPosition?: "left" | "right" | undefined;
+    icon?: "loading" | "reset" | "search" | "download" | "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" | "earth" | "edit" | "externalLink" | "eye" | "filters" | "flag" | "geolocation" | "graphUp" | "incident" | "infoFilled" | "info" | "instant" | "key" | "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" | "ride" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "share" | "shop" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "star" | "subway" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "train" | "userShield" | "verifiedSeal" | "wrench" | undefined;
+} & {
+    children?: React.ReactNode;
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    loading?: boolean | undefined;
+    href?: undefined;
+} & React.RefAttributes<HTMLButtonElement>> & {
+    Link: React.ForwardRefExoticComponent<{
+        standalone?: boolean | undefined;
+        destructive?: boolean | undefined;
+    } & {
+        className?: string | undefined;
+        disabled?: boolean | undefined;
+        fullWidth?: boolean | undefined;
+        loading?: boolean | undefined;
+        rounded?: boolean | undefined;
+        size?: "large" | undefined;
+        iconPosition?: "left" | "right" | undefined;
+        icon?: "loading" | "reset" | "search" | "download" | "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" | "earth" | "edit" | "externalLink" | "eye" | "filters" | "flag" | "geolocation" | "graphUp" | "incident" | "infoFilled" | "info" | "instant" | "key" | "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" | "ride" | "serviceBattery" | "serviceCleaning" | "serviceFuel" | "serviceHealing" | "serviceLocked" | "serviceTolls" | "serviceUnlocked" | "settings" | "share" | "shop" | "socialFacebook" | "socialLinkedin" | "socialTwitter" | "socialWhatsapp" | "star" | "subway" | "timeAlert" | "timeBackwards" | "timeCalendar" | "timeForward" | "train" | "userShield" | "verifiedSeal" | "wrench" | undefined;
+    } & {
+        children?: React.ReactNode;
+    } & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+        loading?: boolean | undefined;
+        disabled?: boolean | undefined;
+        href?: string | undefined;
+    } & React.RefAttributes<HTMLAnchorElement>>;
+};
+export default GhostButton;