@mexi/uikit 0.0.1

package/dist/components/Image/types.d.ts

@@ -0,0 +1,29 @@
+import { HTMLAttributes, ImgHTMLAttributes, ReactElement } from "react";
+import { SpaceProps } from "styled-system";
+import { BoxProps } from "../Box";
+export interface WrapperProps extends SpaceProps, HTMLAttributes<HTMLDivElement> {
+    width: number;
+    height: number;
+}
+export interface ImageProps extends ImgHTMLAttributes<HTMLImageElement>, SpaceProps {
+    width: number;
+    height: number;
+    wrapperProps?: WrapperProps;
+}
+export interface BackgroundImageProps extends ImageProps {
+    loadingPlaceholder?: ReactElement;
+}
+export declare const variants: {
+    readonly DEFAULT: "default";
+    readonly INVERTED: "inverted";
+};
+export declare type Variant = typeof variants[keyof typeof variants];
+export interface TokenPairImageProps extends BoxProps {
+    primarySrc: string;
+    secondarySrc: string;
+    variant?: Variant;
+    height: number;
+    width: number;
+    primaryImageProps?: Omit<ImageProps, "width" | "height">;
+    secondaryImageProps?: Omit<ImageProps, "width" | "height">;
+}

package/dist/components/Input/Input.d.ts

@@ -0,0 +1,4 @@
+import { DefaultTheme } from "styled-components";
+import { InputProps } from "./types";
+declare const Input: import("styled-components").StyledComponent<"input", DefaultTheme, InputProps, never>;
+export default Input;

package/dist/components/Input/InputGroup.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { InputGroupProps } from "./types";
+declare const InputGroup: ({ scale, startIcon, endIcon, children, ...props }: InputGroupProps) => JSX.Element;
+export default InputGroup;

package/dist/components/Input/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Input } from "./Input";
+export { default as InputGroup } from "./InputGroup";
+export type { InputProps, InputGroupProps, Scales as InputScales } from "./types";

package/dist/components/Input/types.d.ts

@@ -0,0 +1,19 @@
+import { ReactElement } from "react";
+import { SpaceProps } from "styled-system";
+export declare const scales: {
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+};
+export declare type Scales = typeof scales[keyof typeof scales];
+export interface InputProps extends SpaceProps {
+    scale?: Scales;
+    isSuccess?: boolean;
+    isWarning?: boolean;
+}
+export interface InputGroupProps extends SpaceProps {
+    scale?: Scales;
+    startIcon?: ReactElement;
+    endIcon?: ReactElement;
+    children: JSX.Element;
+}

package/dist/components/LangSelector/LangSelector.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { Colors } from "../../theme";
+import { Language } from "./types";
+import { Position } from "../Dropdown/types";
+import { Scale } from "../Button/types";
+interface Props {
+    currentLang: string;
+    langs: Language[];
+    setLang: (lang: Language) => void;
+    color: keyof Colors;
+    dropdownPosition?: Position;
+    buttonScale?: Scale;
+    hideLanguage?: boolean;
+}
+declare const _default: React.NamedExoticComponent<Props>;
+export default _default;

package/dist/components/LangSelector/MenuButton.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare const MenuButton: import("styled-components").StyledComponent<{
+    <E extends import("react").ElementType<any> = "button">(props: import("../Button").ButtonProps<E>): JSX.Element;
+    defaultProps: {
+        isLoading: boolean;
+        external: boolean;
+        variant: "primary";
+        scale: "md";
+        disabled: boolean;
+    };
+}, import("styled-components").DefaultTheme, {}, never>;
+export default MenuButton;

package/dist/components/LangSelector/types.d.ts

@@ -0,0 +1,5 @@
+export interface Language {
+    code: string;
+    language: string;
+    locale: string;
+}

package/dist/components/Layouts/BaseLayout.d.ts

@@ -0,0 +1,2 @@
+declare const GridLayout: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box").BoxProps & import("../Box").GridProps, never>;
+export default GridLayout;

package/dist/components/Layouts/CardsLayout.d.ts

@@ -0,0 +1,2 @@
+declare const GridLayout: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box").BoxProps & import("../Box").GridProps, never>;
+export default GridLayout;

package/dist/components/Layouts/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BaseLayout } from "./BaseLayout";
+export { default as CardsLayout } from "./CardsLayout";

package/dist/components/Link/Link.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { LinkProps } from "./types";
+declare const Link: React.FC<LinkProps>;
+export default Link;

package/dist/components/Link/LinkExternal.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { LinkProps } from "./types";
+declare const LinkExternal: React.FC<LinkProps>;
+export default LinkExternal;

package/dist/components/Link/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Link } from "./Link";
+export { default as LinkExternal } from "./LinkExternal";
+export type { LinkProps } from "./types";

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

@@ -0,0 +1,5 @@
+import { AnchorHTMLAttributes } from "react";
+import { TextProps } from "../Text";
+export interface LinkProps extends TextProps, AnchorHTMLAttributes<HTMLAnchorElement> {
+    external?: boolean;
+}

package/dist/components/MenuItem/MenuItem.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { MenuItemProps } from "./types";
+declare const MenuItem: React.FC<MenuItemProps>;
+export default MenuItem;

package/dist/components/MenuItem/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./MenuItem";

package/dist/components/MenuItem/styles.d.ts

@@ -0,0 +1,4 @@
+import { StyledMenuItemProps } from "./types";
+export declare const StyledMenuItemContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledMenuItemProps, never>;
+declare const StyledMenuItem: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, StyledMenuItemProps, never>;
+export default StyledMenuItem;

package/dist/components/MenuItem/types.d.ts

@@ -0,0 +1,13 @@
+import { Colors } from "../../theme";
+export declare type MenuItemVariant = "default" | "subMenu";
+export interface MenuItemProps {
+    isActive?: boolean;
+    href: string;
+    variant?: MenuItemVariant;
+    statusColor?: keyof Colors;
+}
+export declare type StyledMenuItemProps = {
+    $isActive?: boolean;
+    $variant?: MenuItemVariant;
+    $statusColor?: keyof Colors;
+};

package/dist/components/MenuItems/MenuItems.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { MenuItemsProps } from "./types";
+declare const MenuItems: React.FC<MenuItemsProps>;
+export default MenuItems;

package/dist/components/MenuItems/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./MenuItems";

package/dist/components/MenuItems/mock.d.ts

@@ -0,0 +1,6 @@
+declare const MenuItemsMock: {
+    label: string;
+    href: string;
+    items: import("../DropdownMenu/types").DropdownMenuItems[];
+}[];
+export default MenuItemsMock;

package/dist/components/MenuItems/types.d.ts

@@ -0,0 +1,15 @@
+import { BoxProps } from "../Box";
+import { DropdownMenuItems } from "../DropdownMenu/types";
+export declare type MenuItemsType = {
+    label: string;
+    href: string;
+    icon?: string;
+    items?: DropdownMenuItems[];
+    showOnMobile?: boolean;
+    showItemsOnMobile?: boolean;
+};
+export interface MenuItemsProps extends BoxProps {
+    items: MenuItemsType[];
+    activeItem?: string;
+    activeSubItem?: string;
+}

package/dist/components/Message/Message.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { MessageProps } from "./types";
+declare const Message: React.FC<MessageProps>;
+export default Message;

package/dist/components/Message/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Message } from "./Message";
+export type { MessageProps } from "./types";

package/dist/components/Message/theme.d.ts

@@ -0,0 +1,11 @@
+declare const variants: {
+    warning: {
+        background: string;
+        borderColor: string;
+    };
+    danger: {
+        background: string;
+        borderColor: string;
+    };
+};
+export default variants;

package/dist/components/Message/types.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { SpaceProps } from "styled-system";
+export declare const variants: {
+    readonly WARNING: "warning";
+    readonly DANGER: "danger";
+};
+export declare type Variant = typeof variants[keyof typeof variants];
+export interface MessageProps extends SpaceProps {
+    variant: Variant;
+    icon?: React.ReactNode;
+}

package/dist/components/NotificationDot/NotificationDot.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { NotificationDotProps } from "./types";
+declare const NotificationDot: React.FC<NotificationDotProps>;
+export default NotificationDot;

package/dist/components/NotificationDot/index.d.ts

@@ -0,0 +1,2 @@
+export { default as NotificationDot } from "./NotificationDot";
+export type { NotificationDotProps, DotProps } from "./types";

package/dist/components/NotificationDot/types.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Colors } from "../../theme/types";
+export interface NotificationDotProps {
+    show?: boolean;
+    color?: keyof Colors;
+    children: React.ReactElement | React.ReactElement[];
+}
+export interface DotProps {
+    show: boolean;
+    color: keyof Colors;
+}

package/dist/components/Overlay/Overlay.d.ts

@@ -0,0 +1,5 @@
+import { OverlayProps } from "./types";
+declare const Overlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    role: "presentation";
+} & OverlayProps, "role">;
+export default Overlay;

package/dist/components/Overlay/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Overlay } from "./Overlay";
+export type { OverlayProps } from "./types";

package/dist/components/Overlay/types.d.ts

@@ -0,0 +1,4 @@
+export declare type OverlayProps = {
+    show: boolean;
+    zIndex?: number;
+};

package/dist/components/PancakeToggle/PancakeToggle.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { PancakeToggleProps } from "./types";
+declare const PancakeToggle: React.FC<PancakeToggleProps>;
+export default PancakeToggle;

package/dist/components/PancakeToggle/StyledPancakeToggle.d.ts

@@ -0,0 +1,4 @@
+import { PancakeToggleProps, HandleProps, InputProps } from "./types";
+export declare const PancakeStack: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, HandleProps, never>;
+export declare const PancakeInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, InputProps, never>;
+export declare const PancakeLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, PancakeToggleProps, never>;

package/dist/components/PancakeToggle/index.d.ts

@@ -0,0 +1,2 @@
+export { default as PancakeToggle } from "./PancakeToggle";
+export type { PancakeToggleProps, Scales as PancakeToggleScales } from "./types";

package/dist/components/PancakeToggle/theme.d.ts

@@ -0,0 +1,3 @@
+import { PancakeToggleTheme } from "./types";
+export declare const light: PancakeToggleTheme;
+export declare const dark: PancakeToggleTheme;

package/dist/components/PancakeToggle/types.d.ts

@@ -0,0 +1,41 @@
+import { InputHTMLAttributes } from "react";
+export declare type PancakeToggleTheme = {
+    handleBackground: string;
+    handleShadow: string;
+};
+export declare const scales: {
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+};
+export declare type Scales = typeof scales[keyof typeof scales];
+export interface PancakeToggleProps extends InputHTMLAttributes<HTMLInputElement> {
+    scale?: Scales;
+    checked?: boolean;
+}
+export interface HandleProps {
+    scale: Scales;
+}
+export interface InputProps {
+    scale: Scales;
+}
+export declare const scaleKeys: {
+    readonly pancakeSize: "pancakeSize";
+    readonly travelDistance: "travelDistance";
+    readonly toggleHeight: "toggleHeight";
+    readonly toggleWidth: "toggleWidth";
+    readonly pancakeThickness: "pancakeThickness";
+    readonly pancakeTwoOffset: "pancakeTwoOffset";
+    readonly pancakeThreeOffset: "pancakeThreeOffset";
+    readonly butterTop: "butterTop";
+    readonly butterLeft: "butterLeft";
+    readonly butterWidth: "butterWidth";
+    readonly butterHeight: "butterHeight";
+    readonly butterThickness: "butterThickness";
+    readonly butterRadius: "butterRadius";
+    readonly butterSmearOneTop: "butterSmearOneTop";
+    readonly butterSmearOneLeft: "butterSmearOneLeft";
+    readonly butterSmearTwoTop: "butterSmearTwoTop";
+    readonly butterSmearTwoRight: "butterSmearTwoRight";
+};
+export declare type ScaleKeys = typeof scaleKeys[keyof typeof scaleKeys];

package/dist/components/Progress/Progress.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ProgressProps } from "./types";
+declare const Progress: React.FC<ProgressProps>;
+export default Progress;

package/dist/components/Progress/ProgressBunnyWrapper.d.ts

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

package/dist/components/Progress/StyledProgress.d.ts

@@ -0,0 +1,13 @@
+import { ProgressProps } from "./types";
+interface BarProps {
+    primary?: boolean;
+    $useDark: boolean;
+}
+export declare const Bar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, BarProps, never>;
+interface StyledProgressProps {
+    variant: ProgressProps["variant"];
+    scale: ProgressProps["scale"];
+    $useDark: boolean;
+}
+declare const StyledProgress: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledProgressProps, never>;
+export default StyledProgress;

package/dist/components/Progress/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Progress } from "./Progress";
+export type { ProgressProps } from "./types";

package/dist/components/Progress/themes.d.ts

@@ -0,0 +1,17 @@
+export declare const styleVariants: {
+    round: {
+        borderRadius: string;
+    };
+    flat: {
+        borderRadius: number;
+    };
+};
+export declare const styleScales: {
+    md: {
+        height: string;
+    };
+    sm: {
+        height: string;
+    };
+};
+export default styleVariants;

package/dist/components/Progress/types.d.ts

@@ -0,0 +1,18 @@
+export declare const variants: {
+    readonly ROUND: "round";
+    readonly FLAT: "flat";
+};
+export declare const scales: {
+    readonly MD: "md";
+    readonly SM: "sm";
+};
+export declare type Scale = typeof scales[keyof typeof scales];
+export declare type Variant = typeof variants[keyof typeof variants];
+export interface ProgressProps {
+    variant?: Variant;
+    scale?: Scale;
+    primaryStep?: number;
+    secondaryStep?: number;
+    showProgressBunny?: boolean;
+    useDark?: boolean;
+}

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,5 @@
+import { RadioProps } from "./types";
+declare const Radio: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
+    type: "radio";
+} & RadioProps, "type">;
+export default Radio;

package/dist/components/Radio/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Radio } from "./Radio";
+export type { RadioProps, Scales as RadioScales } from "./types";

package/dist/components/Radio/theme.d.ts

@@ -0,0 +1,3 @@
+import { RadioTheme } from "./types";
+export declare const light: RadioTheme;
+export declare const dark: RadioTheme;

package/dist/components/Radio/types.d.ts

@@ -0,0 +1,12 @@
+import { SpaceProps } from "styled-system";
+export declare type RadioTheme = {
+    handleBackground: string;
+};
+export declare const scales: {
+    readonly SM: "sm";
+    readonly MD: "md";
+};
+export declare type Scales = typeof scales[keyof typeof scales];
+export interface RadioProps extends SpaceProps {
+    scale?: Scales;
+}

package/dist/components/Skeleton/Skeleton.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SkeletonProps } from "./types";
+declare const Skeleton: React.FC<SkeletonProps>;
+export default Skeleton;

package/dist/components/Skeleton/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Skeleton } from "./Skeleton";
+export type { SkeletonProps } from "./types";

package/dist/components/Skeleton/types.d.ts

@@ -0,0 +1,15 @@
+import { LayoutProps, SpaceProps } from "styled-system";
+export declare const animation: {
+    readonly WAVES: "waves";
+    readonly PULSE: "pulse";
+};
+export declare const variant: {
+    readonly RECT: "rect";
+    readonly CIRCLE: "circle";
+};
+export declare type Animation = typeof animation[keyof typeof animation];
+export declare type Variant = typeof variant[keyof typeof variant];
+export interface SkeletonProps extends SpaceProps, LayoutProps {
+    animation?: Animation;
+    variant?: Variant;
+}

package/dist/components/Slider/Slider.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import SliderProps from "./types";
+declare const Slider: React.FC<SliderProps>;
+export default Slider;

package/dist/components/Slider/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Slider } from "./Slider";
+export type { default as SliderProps } from "./types";

package/dist/components/Slider/styles.d.ts

@@ -0,0 +1,18 @@
+import { InputHTMLAttributes } from "react";
+interface SliderLabelProps {
+    progress: string;
+}
+interface StyledInputProps extends InputHTMLAttributes<HTMLInputElement> {
+    isMax: boolean;
+}
+interface DisabledProp {
+    disabled?: boolean;
+}
+export declare const SliderLabelContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SliderLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Text").TextProps & SliderLabelProps, never>;
+export declare const BunnyButt: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DisabledProp, never>;
+export declare const BunnySlider: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, StyledInputProps, never>;
+export declare const BarBackground: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DisabledProp, never>;
+export declare const BarProgress: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DisabledProp, never>;
+export {};

package/dist/components/Slider/types.d.ts

@@ -0,0 +1,11 @@
+import { BoxProps } from "../Box/types";
+export default interface SliderProps extends BoxProps {
+    name: string;
+    min: number;
+    max: number;
+    value: number;
+    step?: number | "any";
+    onValueChanged: (newValue: number) => void;
+    valueLabel?: string;
+    disabled?: boolean;
+}

package/dist/components/Spinner/PanIcon.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SvgProps } from "../Svg/types";
+declare const Icon: React.FC<SvgProps>;
+export default Icon;

package/dist/components/Spinner/PancakeIcon.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SvgProps } from "../Svg/types";
+declare const Icon: React.FC<SvgProps>;
+export default Icon;

package/dist/components/Spinner/Spinner.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SpinnerProps } from "./types";
+declare const Spinner: React.FC<SpinnerProps>;
+export default Spinner;

package/dist/components/Spinner/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Spinner } from "./Spinner";
+export type { SpinnerProps } from "./types";

package/dist/components/Spinner/types.d.ts

@@ -0,0 +1,3 @@
+export interface SpinnerProps {
+    size?: number;
+}

package/dist/components/Stepper/Step.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { StatusProps, StepProps } from "./types";
+export declare const StepNumber: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StatusProps, never>;
+/**
+ * ChildrenLeftWrapper and ChildrenRightWrapper are used on the non mobile version, to force the alternate layout.
+ * One of the child is hidden based on the step number.
+ */
+export declare const Step: React.FC<StepProps>;

package/dist/components/Stepper/Stepper.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Stepper: React.FC;
+export default Stepper;

package/dist/components/Stepper/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Stepper } from "./Stepper";
+export { Step } from "./Step";
+export type { Status as StepStatus, StepProps } from "./types";

package/dist/components/Stepper/types.d.ts

@@ -0,0 +1,18 @@
+import { DefaultTheme } from "styled-components";
+export interface ThemedProps {
+    theme: DefaultTheme;
+}
+export declare type Status = "past" | "current" | "future";
+export interface StatusProps extends ThemedProps {
+    theme: DefaultTheme;
+    status?: Status;
+    $isFirstStep?: boolean;
+    $isLastStep?: boolean;
+    $isFirstPart?: boolean;
+}
+export interface StepProps {
+    index: number;
+    statusFirstPart: Status;
+    statusSecondPart?: Status;
+    numberOfSteps?: number;
+}

package/dist/components/SubMenuItems/SubMenuItems.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { SubMenuItemsProps } from "./types";
+declare const SubMenuItems: React.FC<SubMenuItemsProps>;
+export default SubMenuItems;

package/dist/components/SubMenuItems/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SubMenuItems } from "./SubMenuItems";
+export type { SubMenuItemsType, SubMenuItemsProps } from "./types";

package/dist/components/SubMenuItems/mock.d.ts

@@ -0,0 +1,10 @@
+declare const SubMenuItemsMock: ({
+    label: string;
+    href: string;
+    iconName?: undefined;
+} | {
+    label: string;
+    href: string;
+    iconName: string;
+})[];
+export default SubMenuItemsMock;

package/dist/components/SubMenuItems/styles.d.ts

@@ -0,0 +1,4 @@
+declare const StyledSubMenuItems: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../Box").BoxProps & import("../Box").FlexProps & {
+    $isMobileOnly: boolean;
+}, never>;
+export default StyledSubMenuItems;

package/dist/components/SubMenuItems/types.d.ts

@@ -0,0 +1,12 @@
+import { FlexProps } from "../Box";
+export declare type SubMenuItemsType = {
+    label: string;
+    href: string;
+    iconName?: string;
+    isMobileOnly?: boolean;
+};
+export interface SubMenuItemsProps extends FlexProps {
+    items: SubMenuItemsType[];
+    activeItem?: string;
+    isMobileOnly?: boolean;
+}