@julseb-lib/react 0.0.58 → 0.0.63

package/dist/lib/components/Header/styles.d.ts

@@ -0,0 +1,25 @@
+import type { LibAllColors, LibColorsHover, LibHeaderPosition, LibHeaderVariant, LibNavBurgerPosition, LibNavMobileVariant } from "../../types";
+declare const LogoImg: any;
+declare const Logo: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, import("styled-components").DefaultTheme, {}, never>;
+declare const StyledHeaderBurger: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Burger/types").ILibBurger & import("react").RefAttributes<HTMLButtonElement>>, import("styled-components").DefaultTheme, {}, never>;
+declare const StyledHeader: import("styled-components").StyledComponent<"header", import("styled-components").DefaultTheme, {
+    $variant: LibHeaderVariant;
+    $burgerPosition: LibNavBurgerPosition;
+    $position: LibHeaderPosition;
+    $headerHeight: number;
+    $backgroundColor: LibAllColors;
+    $textColor: LibAllColors;
+    $linkColor: LibColorsHover;
+}, never>;
+declare const Nav: import("styled-components").StyledComponent<"nav", import("styled-components").DefaultTheme, {
+    $navMobileVariant: LibNavMobileVariant | undefined;
+    $burgerPosition: LibNavBurgerPosition | undefined;
+    $variant: LibHeaderVariant | undefined;
+    $headerHeight: number;
+    $navHeight: number;
+}, never>;
+declare const Overlay: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+declare const SearchForm: import("styled-components").StyledComponent<"form", import("styled-components").DefaultTheme, {
+    $maxWidth?: string | number | undefined;
+}, never>;
+export { LogoImg, Logo, StyledHeaderBurger, StyledHeader, Nav, Overlay, SearchForm, };

package/dist/lib/components/Header/subtypes.d.ts

@@ -0,0 +1,43 @@
+import type { FC, RefObject } from "react";
+import type { LibHeaderLink, LibLink } from "../../types";
+import type { ILibHeader } from "./types";
+export interface ILibHeaderNav extends Pick<ILibHeader, "data-testid" | "className" | "search" | "children" | "links" | "variant" | "navMobileVariant" | "burgerPosition" | "nav"> {
+    burgerRef: RefObject<HTMLButtonElement>;
+    isOpen: boolean;
+    headerHeight: number;
+    handleClose: () => void;
+}
+export interface ILibHeaderBurger extends Pick<ILibHeader, "data-testid" | "className" | "navMobileVariant" | "variant" | "burgerColor"> {
+    isOpen: boolean;
+    handleOpen: () => void;
+    handleClose: () => void;
+}
+export interface ILibHeaderLogo extends Pick<ILibHeader, "data-testid" | "className" | "logo" | "children"> {
+    isOpen: boolean;
+}
+export interface ILibHeaderNavLink {
+    "data-testid": string | undefined;
+    className: string | undefined;
+    link: LibHeaderLink | JSX.Element | FC;
+}
+export interface ILibHeaderSearch extends Pick<ILibHeader, "data-testid" | "className" | "search"> {
+    handleClose: () => void;
+}
+type HeaderLogoWithText = LibLink & {
+    text: string;
+    img?: never;
+    imgOpen?: never;
+    alt?: never;
+    width?: never;
+    height?: never;
+};
+type HeaderLogoWithImg = LibLink & {
+    text?: never;
+    img: string;
+    imgOpen?: string;
+    alt?: string;
+    width?: number;
+    height?: number;
+};
+export type LibHeaderLogo = string | HeaderLogoWithText | HeaderLogoWithImg;
+export {};

package/dist/lib/components/Header/types.d.ts

@@ -0,0 +1,67 @@
+import type { LibComponentBase, LibHeaderPosition, LibIcon, LibInputBackground, LibInputVariant, LibNavBurgerPosition, LibNavMobileVariant, LibHeaderLink, ReactChildren, LibHeaderVariant, LibColorsHover, LibAllColors } from "../../types";
+import type { LibHeaderLogo } from "./subtypes";
+interface ILibHeaderBase extends LibComponentBase<HTMLDivElement> {
+    logo: LibHeaderLogo;
+    burgerPosition?: LibNavBurgerPosition;
+    burgerColor?: LibColorsHover | {
+        closed: LibColorsHover;
+        open: LibColorsHover;
+    };
+    navDesktopVariant?: LibNavBurgerPosition;
+    navMobileVariant?: LibNavMobileVariant;
+    enableScrollingOpen?: boolean;
+    search?: {
+        pathname: string;
+        queries?: Array<Array<string>>;
+        iconLeft?: LibIcon;
+        iconLeftSize?: number;
+        iconClear?: LibIcon;
+        iconClearSize?: number;
+        iconBaseUrl?: string;
+        placeholder?: string;
+        keyboardShortcut?: Array<string>;
+        showKeys?: boolean;
+        inputBackground?: LibInputBackground;
+        maxWidth?: string | number;
+        inputVariant?: LibInputVariant;
+    };
+}
+interface HeaderNotFixed extends ILibHeaderBase {
+    position?: Exclude<LibHeaderPosition, "fixed">;
+    hideOnScroll?: never;
+}
+interface HeaderFixed extends ILibHeaderBase {
+    position?: Extract<LibHeaderPosition, "fixed">;
+    hideOnScroll?: boolean | number;
+}
+type HeaderPosition = HeaderNotFixed | HeaderFixed;
+type HeaderWithLinks = HeaderPosition & {
+    links: Array<LibHeaderLink | JSX.Element>;
+    nav?: never;
+    children?: never;
+};
+type HeaderWithNav = HeaderPosition & {
+    links: Array<LibHeaderLink | JSX.Element>;
+    nav?: ReactChildren;
+    children?: never;
+};
+type HeaderWithChildren = HeaderPosition & {
+    links?: never;
+    nav?: never;
+    children?: ReactChildren;
+};
+type LibHeaderChildren = HeaderWithLinks | HeaderWithNav | HeaderWithChildren;
+type HeaderWithBackground = LibHeaderChildren & {
+    variant?: Extract<LibHeaderVariant, "primary">;
+    backgroundColor?: LibAllColors;
+    textColor?: LibAllColors;
+    linkColor?: LibColorsHover;
+};
+type HeaderWithoutBackground = LibHeaderChildren & {
+    variant?: Exclude<LibHeaderVariant, "primary">;
+    backgroundColor?: never;
+    textColor?: never;
+    linkColor?: never;
+};
+export type ILibHeader = HeaderWithBackground | HeaderWithoutBackground;
+export {};

package/dist/lib/components/Helmet/Helmet.d.ts

@@ -0,0 +1,17 @@
+import type { ILibHelmet } from "./types";
+/**
+ * @description Returns a Helmet component
+ * @link https://documentation-components-react.vercel.app/components/helmet
+ * @extends HelmetProps => imported from react-helmet-async
+ * @prop title: string
+ * @prop favicon?: string
+ * @prop description?: string
+ * @prop keywords?: string | Array<string>
+ * @prop author?: string
+ * @prop type?: string
+ * @prop cover?: string
+ * @prop siteName?: string
+ * @prop language?: string
+ * @prop children?: ReactChildren
+ */
+export declare const Helmet: ({ title, favicon, description, keywords, author, type, cover, siteName, language, children, ...rest }: ILibHelmet) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/Helmet/index.d.ts

@@ -0,0 +1 @@
+export * from "./Helmet";

package/dist/lib/components/Helmet/types.d.ts

@@ -0,0 +1,14 @@
+import type { HelmetProps } from "react-helmet-async";
+import type { ReactChildren } from "../../types";
+export interface ILibHelmet extends HelmetProps {
+    title: string;
+    favicon?: string;
+    description?: string;
+    keywords?: string | Array<string>;
+    author?: string;
+    type?: string;
+    cover?: string;
+    siteName?: string;
+    language?: string;
+    children?: ReactChildren;
+}

package/dist/lib/components/Highlight/Highlight.d.ts

@@ -0,0 +1,15 @@
+import type { ILibHighlight } from "./types";
+/**
+ * @description Highlight selected text
+ * @link https://documentation-components-react.vercel.app/components/highlight
+ * @extends ILibText
+ * @prop ref?: ForwardedRef<HTMLHeadingElement & HTMLParagraphElement & HTMLQuoteElement & HTMLUListElement & HTMLOListElement & HTMLDListElement>
+ * @prop highlightedText: string
+ * @prop highlightStyle?: CSSProperties
+ * @prop color?: Any color from the library
+ * @prop linkColor?: "primary" | "secondary" | "success" | "danger" | "warning" | "white" | "gray" | "font" | "background"
+ * @prop textAlign?: CssTextAlign
+ * @prop tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "strong" | "em" | "small" | "blockquote" | "ul" | "ol" | "dl"
+ * @prop display?: boolean => only if tag is set to h1 to h5
+ */
+export declare const Highlight: import("react").ForwardRefExoticComponent<ILibHighlight & import("react").RefAttributes<HTMLHeadingElement & HTMLParagraphElement & HTMLQuoteElement & HTMLUListElement & HTMLOListElement & HTMLDListElement>>;

package/dist/lib/components/Highlight/index.d.ts

@@ -0,0 +1 @@
+export * from "./Highlight";

package/dist/lib/components/Highlight/types.d.ts

@@ -0,0 +1,8 @@
+import type { CSSProperties } from "react";
+import type { ReactChildren } from "../../types";
+import type { ILibText } from "../Text/types";
+export type ILibHighlight = ILibText & {
+    children?: ReactChildren;
+    highlightedText: string;
+    highlightStyle?: CSSProperties;
+};

package/dist/lib/components/Hr/Hr.d.ts

@@ -0,0 +1,15 @@
+import type { ILibHr } from "./types";
+/**
+ * @description Returns a Hr component
+ * @link https://documentation-components-react.vercel.app/components/hr
+ * @extends HTMLHRElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLHRElement>
+ * @prop height?: number
+ * @prop maxWidth?: string | number
+ * @prop color?: Any color from the library
+ * @prop margin?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px" | "auto" | "0 auto" | { left?: LibSpacers | "auto"; top?: LibSpacers | "auto"; right?: LibSpacers | "auto"; bottom?: LibSpacers | "auto"; leftRight?: LibSpacers | "auto"; topBottom?: LibSpacers | "auto" }
+ * @prop isRounded?: boolean
+ */
+export declare const Hr: import("react").ForwardRefExoticComponent<ILibHr & import("react").RefAttributes<HTMLHRElement>>;

package/dist/lib/components/Hr/index.d.ts

@@ -0,0 +1 @@
+export * from "./Hr";

package/dist/lib/components/Hr/styles.d.ts

@@ -0,0 +1,8 @@
+import type { LibAllColors, ILibMargin } from "../../types";
+declare const StyledHr: import("styled-components").StyledComponent<"hr", import("styled-components").DefaultTheme, {
+    $color: LibAllColors;
+    $height: number;
+    $maxWidth: string | number;
+    $margin?: ILibMargin;
+}, never>;
+export { StyledHr };

package/dist/lib/components/Hr/types.d.ts

@@ -0,0 +1,9 @@
+import type { LibAllColors, LibComponentBase, ILibMargin } from "../../types";
+export interface ILibHr extends LibComponentBase<HTMLHRElement> {
+    height?: number;
+    maxWidth?: string | number;
+    color?: LibAllColors;
+    margin?: ILibMargin;
+    isRounded?: boolean;
+    children?: never;
+}

package/dist/lib/components/Icon/Icon.d.ts

@@ -0,0 +1,14 @@
+import type { ILibIcon } from "./types";
+/**
+ * @description Returns an Icon component
+ * @link https://documentation-components-react.vercel.app/components/icon
+ * @extends Props from react-inlinesvg
+ * @tutorial To use this component, add the SVG file for the icon you want to render in `/public/icons` folder
+ * @prop data-testid?: string
+ * @prop ref?: ForwardedRef<SVGElement>
+ * @prop src: string
+ * @prop size?: number
+ * @prop color?: Any color from the library
+ * @prop baseUrl?: string
+ */
+export declare const Icon: import("react").ForwardRefExoticComponent<ILibIcon & import("react").RefAttributes<SVGElement>>;

package/dist/lib/components/Icon/index.d.ts

@@ -0,0 +1 @@
+export * from "./Icon";

package/dist/lib/components/Icon/styles.d.ts

@@ -0,0 +1,7 @@
+import SVG from "react-inlinesvg";
+import type { LibAllColors } from "../../types";
+declare const StyledIcon: import("styled-components").StyledComponent<typeof SVG, import("styled-components").DefaultTheme, {
+    $size: number;
+    $color: LibAllColors;
+}, never>;
+export { StyledIcon };

package/dist/lib/components/Icon/types.d.ts

@@ -0,0 +1,10 @@
+import type { Props as SVGProps } from "react-inlinesvg";
+import type { LibAllColors } from "../../types";
+export interface ILibIcon extends SVGProps {
+    "data-testid"?: string;
+    src: string;
+    size?: number;
+    color?: LibAllColors;
+    baseUrl?: string;
+    children?: never;
+}

package/dist/lib/components/IconMenu/IconMenu.d.ts

@@ -0,0 +1,33 @@
+import type { ILibIconMenu } from "./types";
+/**
+ * @description Returns a IconMenu component
+ * @link https://documentation-components-react.vercel.app/components/icon-menu
+ * @extends HTMLDivElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop items: Array<LibIconMenuItem> => only if children is not defined
+ * @prop children?: ReactChildren => only if items is not defined
+ * @prop direction?: "left" | "up" | "right" | "down"
+ * @prop color?: "primary" | "secondary" | "success" | "danger" | "warning" | "white" | "gray" | "font" | "background"
+ * @prop position?: "relative" | "absolute" | "fixed"
+ * @prop hideTooltips?: boolean
+ * @prop buttonsVariant?: "plain" | "transparent" | "ghost"
+ * @prop iconBaseUrl?: string
+ * @prop icon?: "plus" | "burger" | { open: string | JSX.Element; close: string | JSX.Element; openSize?: number; closeSize?: number }
+ *
+ * @type LibIconMenuItem
+ * @prop data-testid?: string
+ * @prop className?: string
+ * @prop id?: string
+ * @prop ref?: ForwardedRef<HTMLButtonElement & HTMLAnchorElement>
+ * @prop label: string
+ * @prop icon: string | JSX.Element
+ * @prop iconSize?: number
+ * @prop onClick: void => only if to or href are not defined
+ * @prop disabled?: boolean => only if onClick is defined
+ * @prop to: string => only if onClick and href are not defined
+ * @prop href: string => only if onClick and to are not defined
+ * @prop blank?: boolean => only if to or href are defined
+ */
+export declare const IconMenu: import("react").ForwardRefExoticComponent<ILibIconMenu & import("react").RefAttributes<HTMLDivElement>>;

package/dist/lib/components/IconMenu/IconMenuItem.d.ts

@@ -0,0 +1,38 @@
+import type { ILibIconMenuItem } from "./types";
+/**
+ * @description Returns a IconMenuItem component
+ * @link https://documentation-components-react.vercel.app/components/icon-menu
+ * @extends HTMLButtonElement & HTMLAnchorElement & ILibButtonIcon
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLButtonElement & HTMLAnchorElement>
+ * @prop label: string
+ * @prop indexPosition: number
+ * @prop isOpen: boolean
+ * @prop icon: string | JSX.Element
+ * @prop iconSize?: number
+ * @prop direction?: "left" | "up" | "right" | "down"
+ * @prop variant?: "plain" | "transparent" | "ghost"
+ * @prop iconBaseUrl?: string
+ * @prop onClick?: void => only if `to` or `href` are not defined
+ * @prop disabled?: boolean => only if `onClick` is defined
+ * @prop to?: string => only if `onClick` and `href` are not defined
+ * @prop href?: string => only if `onClick` and `to` are not defined
+ * @prop blank?: boolean => only if `to` or `href` are defined
+ * @prop icon: string | JSX.Element
+ * @prop iconSize?: number
+ * @prop iconBaseUrl?: string
+ * @prop size?: number
+ * @prop shadow?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | { default: "xxl" | "xl" | "l" | "m" | "s" | "xs"; hover: "xxl" | "xl" | "l" | "m" | "s" | "xs"; active: "xxl" | "xl" | "l" | "m" | "s" | "xs" }
+ * @prop borderRadius?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "round" | "circle" | number | { topLeft?: LibRadiuses; topRight?: LibRadiuses; bottomLeft?: LibRadiuses; bottomRight?: LibRadiuses }
+ * @prop color?: "primary" | "secondary" | "success" | "danger" | "warning" | "white" | "gray" | "font" | "background"
+ * @prop variant?: "plain" | "ghost" | "transparent"
+ * @prop showBackgroundHover?: boolean => only if variant is set to transparent
+ * @prop isLoading?: boolean
+ * @prop loaderVariant?: 1 | 2 | 3 | 4 => only if isLoading is defined
+ * @prop loaderBorderWidth?: number => only if loaderVariant is set to 1 | 2 | 3
+ * @prop tooltip?: string
+ * @prop showTooltip?: boolean | { position?: "top" | "bottom" | "left" | "right"; offset?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"; backgroundColor?: Any color from the library; textColor?: Any color from the library; hideArrow?: boolean } => only if tooltip is defined
+ * @prop containerStyle?: CSSProperties => only if tooltip is defined
+ */
+export declare const IconMenuItem: import("react").ForwardRefExoticComponent<ILibIconMenuItem & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;

package/dist/lib/components/IconMenu/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./IconMenu";
+export * from "./IconMenuItem";

package/dist/lib/components/IconMenu/styles.d.ts

@@ -0,0 +1,18 @@
+import type { LibPositionExtract, LibSpacers } from "../../types";
+declare const DEFAULT_BUTTON_SIZE = 48;
+declare const StyledIconMenu: import("styled-components").StyledComponent<"nav", import("styled-components").DefaultTheme, {
+    $position?: LibPositionExtract | undefined;
+    $left?: LibSpacers | undefined;
+    $top?: LibSpacers | undefined;
+    $right?: LibSpacers | undefined;
+    $bottom?: LibSpacers | undefined;
+    $zIndex?: number | undefined;
+}, never>;
+declare const OpenButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../ButtonIcon/types").ILibButtonIcon & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>, import("styled-components").DefaultTheme, {
+    size: 48;
+}, "size">;
+declare const OpenIcon: import("styled-components").StyledComponent<({ "data-testid": testid, className, size, color, ...rest }: import("../../icons/types").ILibIcon) => import("react/jsx-runtime").JSX.Element, import("styled-components").DefaultTheme, {
+    size: 48;
+}, "size">;
+declare const StyledButtonIcon: any;
+export { StyledIconMenu, OpenButton, OpenIcon, StyledButtonIcon, DEFAULT_BUTTON_SIZE, };

package/dist/lib/components/IconMenu/types.d.ts

@@ -0,0 +1,33 @@
+import type { LibComponentBase, LibIconMenuItem, LibIconMenuDirection, LibColorsHover, ReactChildren, LibIcon, LibIconMenuIcon, ILibPosition, LibButtonIconVariant } from "../../types";
+import type { ILibButtonIcon } from "../ButtonIcon/types";
+interface ILibIconMenuBase extends LibComponentBase<HTMLDivElement> {
+    direction?: LibIconMenuDirection;
+    color?: LibColorsHover;
+    position?: ILibPosition;
+    hideTooltips?: boolean;
+    buttonsVariant?: LibButtonIconVariant;
+    iconBaseUrl?: string;
+    icon?: LibIconMenuIcon | {
+        open: LibIcon;
+        close: LibIcon;
+        openSize?: number;
+        closeSize?: number;
+    };
+}
+interface IconMenuWithItems extends ILibIconMenuBase {
+    items: Array<LibIconMenuItem>;
+    children?: never;
+}
+interface IconMenuWithChildren extends ILibIconMenuBase {
+    items?: never;
+    children?: ReactChildren;
+}
+export type ILibIconMenu = IconMenuWithItems | IconMenuWithChildren;
+export type ILibIconMenuItem = ILibButtonIcon & Omit<LibIconMenuItem, "ref"> & {
+    indexPosition: number;
+    isOpen: boolean;
+    direction?: LibIconMenuDirection;
+    variant?: LibButtonIconVariant;
+    iconBaseUrl?: string;
+};
+export {};

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

@@ -0,0 +1,17 @@
+import type { ILibImage } from "./types";
+/**
+ * @description Returns an Image component
+ * @link https://documentation-components-react.vercel.app/components/image
+ * @extends HTMLImageElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLImageElement>
+ * @prop borderRadius?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "round" | "circle" | number | { topLeft?: LibRadiuses; topRight?: LibRadiuses; bottomLeft?: LibRadiuses; bottomRight?: LibRadiuses }
+ * @prop fit?: CssObjectFit
+ * @prop aspectRatio?: string
+ * @prop fallback?: JSX.Element
+ * @prop caption?: string | { text: string; textColor?: Any color from the library; background?: Any color or overlay from the library, except "gradient-black" | "gradient-white"; as?: ElementType }
+ * @prop containerStyle?: CSSProperties => only if caption is defined
+ * @prop containerAs?: ElementType => only if caption is defined
+ */
+export declare const Image: import("react").ForwardRefExoticComponent<ILibImage & import("react").RefAttributes<HTMLImageElement>>;

package/dist/lib/components/Image/ImageFunction.d.ts

@@ -0,0 +1,2 @@
+import type { ILibImage } from "./types";
+export declare const ImageFunction: import("react").ForwardRefExoticComponent<ILibImage & import("react").RefAttributes<HTMLImageElement>>;

package/dist/lib/components/Image/index.d.ts

@@ -0,0 +1 @@
+export * from "./Image";

package/dist/lib/components/Image/styles.d.ts

@@ -0,0 +1,20 @@
+import type { FC } from "react";
+import type { LibAllColors, ILibRadius } from "../../types";
+declare const StyledImage: import("styled-components").StyledComponent<"img", import("styled-components").DefaultTheme, {
+    $width: string | number;
+    $height: string | number;
+    $borderRadius?: ILibRadius | undefined;
+    $fit?: import("csstype").Property.ObjectFit | undefined;
+    $aspectRatio?: string | undefined;
+    $fallbackBackground: LibAllColors;
+    $fallbackTextColor: LibAllColors;
+    $fallbackFontSize?: "body" | "display-h1" | "display-h2" | "display-h3" | "display-h4" | "display-h5" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "small" | undefined;
+}, never>;
+declare const ImgContainer: import("styled-components").StyledComponent<"figure", import("styled-components").DefaultTheme, {
+    $width: string | number;
+    $height: string | number;
+    $borderRadius?: ILibRadius | undefined;
+}, never>;
+declare const Caption: FC<any>;
+export { ImgContainer, Caption };
+export default StyledImage;

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

@@ -0,0 +1,32 @@
+import type { CSSProperties, ElementType, ImgHTMLAttributes } from "react";
+import type { LibComponentBase, ILibRadius, CssObjectFit, LibAllColors, LibImageBackgroundOverlay, LibFontSizes } from "../../types";
+interface ILibImageBase extends Omit<LibComponentBase<HTMLImageElement>, "as">, ImgHTMLAttributes<HTMLImageElement> {
+    borderRadius?: ILibRadius;
+    fit?: CssObjectFit;
+    aspectRatio?: string;
+    fallback?: JSX.Element | string;
+    imgFallback?: {
+        text: string;
+        background?: LibAllColors;
+        textColor?: LibAllColors;
+        fontSize?: LibFontSizes;
+    };
+    children?: never;
+}
+interface ImageWithCaption extends ILibImageBase {
+    caption?: string | {
+        text: string;
+        textColor?: LibAllColors;
+        background?: LibImageBackgroundOverlay;
+        as?: ElementType;
+    };
+    containerStyle?: CSSProperties;
+    containerAs?: ElementType;
+}
+interface ImageWithoutCaption extends ILibImageBase {
+    caption?: undefined;
+    containerStyle?: never;
+    containerAs?: never;
+}
+export type ILibImage = ImageWithCaption | ImageWithoutCaption;
+export {};

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

@@ -0,0 +1,53 @@
+import type { ILibInput } from "./types";
+/**
+ * @description Returns a Input component
+ * @link https://documentation-components-react.vercel.app/components/input
+ * @extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement
+ * @constant => for all inputs
+ * @prop data-testid?: string
+ * @prop ref?: ForwardedRef<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>
+ * @prop type?: "color" | "date" | "datetime-local" | "month" | "week" | "file" | "password" | "search" | "select" | "textarea" | "email" | "number" | "tel" | "text" | "url" | "time"
+ * @prop id?: string
+ * @prop label?: string
+ * @prop labelComment?: string
+ * @prop helper?: string
+ * @prop helperBottom?: string | { text: string => only if element is not defined; element: ReactChildren => only if text is not defined; textColor?: Any color from the library; fontStyle?: CssFontStyle; icon?: string | JSX.Element; iconColor?: Any color from the library; iconSize?: number }
+ * @prop validation?: { status: LibValidationStatus; message?: string; iconNotPassed?: LibIcon; iconNotPassedSize?: number; iconPassed?: LibIcon; iconPassedSize?: number; iconBaseUrl?: string }
+ * @prop iconBaseUrl?: string
+ * @prop inputBackground?: "light" | "dark"
+ * @prop inputVariant?: "rounded" | "pill"
+ * @prop containerStyle?: CSSProperties
+ *
+ * @type for type date | datetime-local | month | week | password | search | email | number | tel | text | url | time
+ * @prop icon?: string | JSX.Element
+ * @prop iconSize?: number
+ * @prop prefix?: string | JSX.Element
+ *
+ * @type for type date | datetime-local | month | week
+ * @prop iconCalendar?: string | JSX.Element
+ * @prop iconCalendarSize?: number
+ *
+ * @type for type password
+ * @prop hideButton?: boolean
+ * @prop button?: { iconShow: string | JSX.Element; iconShowSize?: number; iconHide: string | JSX.Element; iconHideSize?: number; textShow?: string; textHide?: string }
+ *
+ * @type for type search
+ * @prop clearSearch?: MouseEventHandler<HTMLButtonElement>
+ * @prop iconClear?: string | JSX.Element
+ * @prop iconClearSize?: number
+ * @prop focusKeys?: Array<string>
+ * @prop showKeys?: boolean => only if focusKeys is defined
+ *
+ * @type for type select
+ * @prop iconSelect?: string | JSX.Element
+ * @prop iconSelectSize?: number
+ * @prop children?: ReactChildren
+ *
+ * @type for type time
+ * @prop iconClock?: string | JSX.Element
+ * @prop iconClockSize?: number
+ *
+ * @type for type email | number | tel | text | url
+ * @prop suffix?: string | JSX.Element
+ */
+export declare const Input: import("react").ForwardRefExoticComponent<ILibInput & import("react").RefAttributes<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>>;

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

@@ -0,0 +1 @@
+export * from "./Input";

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

@@ -0,0 +1,3 @@
+import type { ILibInputStyle } from "./subtypes";
+declare const StyledInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, ILibInputStyle, never>;
+export { StyledInput };

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

@@ -0,0 +1,85 @@
+import type { InputHTMLAttributes, MouseEventHandler, SelectHTMLAttributes, TextareaHTMLAttributes } from "react";
+import type { LibIcon, LibInputBackground, LibInputVariant, ReactChildren } from "../../types";
+import type { ILibExtendedInputBase, ILibInputIcon, ILibInputNoFocusKeys, LibInputWithValidation } from "../InputComponents/types";
+import type { ILibInputBaseMixin } from "../ComponentsMixins";
+export type ILibColorInput = InputHTMLAttributes<HTMLInputElement> & Omit<ILibExtendedInputBase, "inputAndListContainerStyle"> & ILibInputNoFocusKeys & {
+    type: "color";
+};
+export type ILibDateInput = InputHTMLAttributes<HTMLInputElement> & Omit<ILibExtendedInputBase, "inputAndListContainerStyle"> & ILibInputIcon & LibInputWithValidation & ILibInputNoFocusKeys & {
+    type: "date" | "datetime-local" | "month" | "week";
+    iconCalendar?: LibIcon;
+    iconCalendarSize?: number;
+};
+export type ILibFileInput = InputHTMLAttributes<HTMLInputElement> & Omit<ILibExtendedInputBase, "inputAndListContainerStyle"> & LibInputWithValidation & ILibInputNoFocusKeys & {
+    type: "file";
+};
+type ILibPasswordInputBase = Omit<InputHTMLAttributes<HTMLInputElement>, "prefix"> & Omit<ILibExtendedInputBase, "inputAndListContainerStyle"> & ILibInputIcon & LibInputWithValidation & ILibInputNoFocusKeys & {
+    type: "password";
+};
+type PasswordInputWithButtonIcon = ILibPasswordInputBase & {
+    hideButton?: false;
+    button?: {
+        iconShow: LibIcon;
+        iconShowSize?: number;
+        iconHide: LibIcon;
+        iconHideSize?: number;
+        textShow?: never;
+        textHide?: never;
+    };
+};
+type PasswordWithButtonText = ILibPasswordInputBase & {
+    hideButton?: false;
+    button?: {
+        iconShow?: never;
+        iconShowSize?: never;
+        iconHide?: never;
+        iconHideSize?: never;
+        textShow: string;
+        textHide: string;
+    };
+};
+type PasswordWithoutButton = ILibPasswordInputBase & {
+    hideButton?: true;
+    button?: never;
+};
+export type ILibPasswordInput = PasswordInputWithButtonIcon | PasswordWithButtonText | PasswordWithoutButton;
+type ILibSearchInputBase = Omit<InputHTMLAttributes<HTMLInputElement>, "prefix"> & Omit<ILibExtendedInputBase, "inputAndListContainerStyle"> & ILibInputIcon & {
+    type: "search";
+    clearSearch?: MouseEventHandler<HTMLButtonElement>;
+    iconClear?: LibIcon;
+    iconClearSize?: number;
+};
+type SearchInputShowKeys = ILibSearchInputBase & {
+    focusKeys?: Array<string>;
+    showKeys?: boolean;
+};
+type SearchInputHideKeys = ILibSearchInputBase & {
+    focusKeys?: undefined;
+    showKeys?: never;
+};
+export type ILibSearchInput = SearchInputShowKeys | SearchInputHideKeys;
+export type ILibSelectInput = Omit<SelectHTMLAttributes<HTMLSelectElement>, "prefix"> & Omit<ILibExtendedInputBase, "inputAndListContainerStyle" | "children"> & ILibInputIcon & ILibInputNoFocusKeys & {
+    type: "select";
+    iconSelect?: LibIcon;
+    iconSelectSize?: number;
+    children?: ReactChildren;
+};
+export type ILibTextareaInput = TextareaHTMLAttributes<HTMLTextAreaElement> & Omit<ILibExtendedInputBase, "inputAndListContainerStyle"> & ILibInputNoFocusKeys & {
+    type: "textarea";
+    inputVariant?: never;
+};
+export type ILibTextInput = Omit<InputHTMLAttributes<HTMLInputElement>, "prefix"> & Omit<ILibExtendedInputBase, "inputAndListContainerStyle"> & ILibInputIcon & LibInputWithValidation & Partial<ILibInputNoFocusKeys> & {
+    type?: "email" | "number" | "tel" | "text" | "url" | undefined;
+};
+export type ILibTimeInput = Omit<InputHTMLAttributes<HTMLInputElement>, "prefix"> & Omit<ILibExtendedInputBase, "inputAndListContainerStyle"> & ILibInputIcon & LibInputWithValidation & ILibInputNoFocusKeys & {
+    type: "time";
+    iconClock?: LibIcon;
+    iconClockSize?: number;
+};
+export interface ILibInputStyle extends ILibInputBaseMixin {
+    $inputVariant: LibInputVariant | undefined;
+    $inputBackground: LibInputBackground | undefined;
+    $isSelect?: boolean;
+    $isTextarea?: boolean;
+}
+export {};