@julseb-lib/react 0.0.58 → 0.0.63

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

@@ -0,0 +1,3 @@
+export declare const ColorInput: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & Omit<import("../../InputComponents/types").ILibExtendedInputBase, "inputAndListContainerStyle"> & import("../../InputComponents/types").ILibInputNoFocusKeys & {
+    type: "color";
+} & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,5 @@
+export declare const DateInput: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & Omit<import("../../InputComponents/types").ILibExtendedInputBase, "inputAndListContainerStyle"> & import("../../InputComponents/types").ILibInputIcon & import("../../InputComponents/types").LibInputWithValidation & import("../../InputComponents/types").ILibInputNoFocusKeys & {
+    type: "date" | "datetime-local" | "month" | "week";
+    iconCalendar?: import("../../../types").LibIcon | undefined;
+    iconCalendarSize?: number | undefined;
+} & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,3 @@
+export declare const FileInput: import("react").ForwardRefExoticComponent<import("react").InputHTMLAttributes<HTMLInputElement> & Omit<import("../../InputComponents/types").ILibExtendedInputBase, "inputAndListContainerStyle"> & import("../../InputComponents/types").LibInputWithValidation & import("../../InputComponents/types").ILibInputNoFocusKeys & {
+    type: "file";
+} & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,2 @@
+import type { ILibPasswordInput } from "../subtypes";
+export declare const PasswordInput: import("react").ForwardRefExoticComponent<ILibPasswordInput & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,2 @@
+import type { ILibSearchInput } from "../subtypes";
+export declare const SearchInput: import("react").ForwardRefExoticComponent<ILibSearchInput & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,6 @@
+export declare const SelectInput: import("react").ForwardRefExoticComponent<Omit<import("react").SelectHTMLAttributes<HTMLSelectElement>, "prefix"> & Omit<import("../../InputComponents/types").ILibExtendedInputBase, "children" | "inputAndListContainerStyle"> & import("../../InputComponents/types").ILibInputIcon & import("../../InputComponents/types").ILibInputNoFocusKeys & {
+    type: "select";
+    iconSelect?: import("../../../types").LibIcon | undefined;
+    iconSelectSize?: number | undefined;
+    children?: import("../../../types").ReactChildren;
+} & import("react").RefAttributes<HTMLSelectElement>>;

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

@@ -0,0 +1,3 @@
+export declare const TextInput: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "prefix"> & Omit<import("../../InputComponents/types").ILibExtendedInputBase, "inputAndListContainerStyle"> & import("../../InputComponents/types").ILibInputIcon & import("../../InputComponents/types").LibInputWithValidation & Partial<import("../../InputComponents/types").ILibInputNoFocusKeys> & {
+    type?: "number" | "email" | "tel" | "text" | "url" | undefined;
+} & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,4 @@
+export declare const TextareaInput: import("react").ForwardRefExoticComponent<import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & Omit<import("../../InputComponents/types").ILibExtendedInputBase, "inputAndListContainerStyle"> & import("../../InputComponents/types").ILibInputNoFocusKeys & {
+    type: "textarea";
+    inputVariant?: undefined;
+} & import("react").RefAttributes<HTMLTextAreaElement>>;

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

@@ -0,0 +1,5 @@
+export declare const TimeInput: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "prefix"> & Omit<import("../../InputComponents/types").ILibExtendedInputBase, "inputAndListContainerStyle"> & import("../../InputComponents/types").ILibInputIcon & import("../../InputComponents/types").LibInputWithValidation & import("../../InputComponents/types").ILibInputNoFocusKeys & {
+    type: "time";
+    iconClock?: import("../../../types").LibIcon | undefined;
+    iconClockSize?: number | undefined;
+} & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,2 @@
+import type { ILibColorInput, ILibDateInput, ILibFileInput, ILibPasswordInput, ILibSearchInput, ILibSelectInput, ILibTextareaInput, ILibTextInput, ILibTimeInput } from "./subtypes";
+export type ILibInput = ILibColorInput | ILibDateInput | ILibFileInput | ILibPasswordInput | ILibSearchInput | ILibSelectInput | ILibTextareaInput | ILibTextInput | ILibTimeInput;

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

@@ -0,0 +1,18 @@
+import type { ILibInputCheck } from "./types";
+/**
+ * @description Returns a InputCheck component
+ * @link https://documentation-components-react.vercel.app/components/input-check
+ * @extends HTMLInputElement
+ * @prop data-testid?: string
+ * @prop ref?: ForwardedRef<HTMLInputElement>
+ * @prop id: string
+ * @prop label: ReactChildren
+ * @prop validation?: boolean | undefined
+ * @prop variant?: "tile" | "toggle" | "selector"
+ * @prop containerStyle?: CSSProperties
+ * @prop type?: "checkbox" | "radio"
+ * @prop iconCheck?: string | JSX.Element => only if type is set to checkbox
+ * @prop iconCheckSize?: number => only if type is set to checkbox
+ * @prop iconBaseUrl?: string => only if type is set to checkbox
+ */
+export declare const InputCheck: import("react").ForwardRefExoticComponent<ILibInputCheck & import("react").RefAttributes<HTMLInputElement>>;

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

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

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

@@ -0,0 +1,16 @@
+import type { LibValidationStatus, LibInputCheckVariant } from "../../types";
+declare const CheckContainer: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    $validationStatus: LibValidationStatus;
+    $disabled: boolean | undefined;
+}, never>;
+declare const Radio: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+declare const Checkbox: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+declare const Toggle: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+declare const StyledText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+declare const StyledInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
+declare const StyledInputCheck: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
+    $variant: LibInputCheckVariant | undefined;
+    $disabled: boolean | undefined;
+    $validationStatus: LibValidationStatus;
+}, never>;
+export { StyledInputCheck, CheckContainer, Radio, Checkbox, Toggle, StyledText, StyledInput, };

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

@@ -0,0 +1,25 @@
+import type { CSSProperties, InputHTMLAttributes } from "react";
+import type { LibIcon, LibValidationStatus, LibInputCheckVariant, ReactChildren } from "../../types";
+interface ILibInputCheckBase extends InputHTMLAttributes<HTMLInputElement> {
+    "data-testid"?: string;
+    id: string;
+    label: ReactChildren;
+    children?: never;
+    validation?: LibValidationStatus;
+    variant?: LibInputCheckVariant;
+    containerStyle?: CSSProperties;
+}
+interface InputCheckbox extends ILibInputCheckBase {
+    type?: "checkbox";
+    iconCheck?: LibIcon;
+    iconCheckSize?: number;
+    iconBaseUrl?: string;
+}
+interface InputRadio extends ILibInputCheckBase {
+    type?: "radio";
+    iconCheck?: never;
+    iconCheckSize?: never;
+    iconBaseUrl?: never;
+}
+export type ILibInputCheck = InputCheckbox | InputRadio;
+export {};

package/dist/lib/components/InputComponents/components/InputAndListContainer.d.ts

@@ -0,0 +1,12 @@
+import type { ILibInputAndListContainer } from "../types";
+/**
+ * @description Returns a container for Input and List
+ * @access Only for building library, do not export
+ * @prop data-testid: string | undefined
+ * @prop className: string | undefined
+ * @prop hasListOpen: boolean
+ * @prop isParent: boolean | undefined
+ * @prop inputAndListContainerStyle: CSSProperties | undefined
+ * @prop children?: ReactChildren
+ */
+export declare const InputAndListContainer: import("react").ForwardRefExoticComponent<ILibInputAndListContainer & import("react").RefAttributes<HTMLDivElement>>;

package/dist/lib/components/InputComponents/components/InputButton.d.ts

@@ -0,0 +1,17 @@
+import type { ILibInputButton } from "../types";
+/**
+ * @description Returns a button used on the right of an input
+ * @access Only for building library, do not export
+ * @prop data-testid: string | undefined
+ * @prop icon: string | JSX.Element | undefined => only if text is not defined, required when text is not defined
+ * @prop iconSize: number | undefined => only if icon is defined
+ * @prop iconBaseUrl: string | undefined => only if icon is defined
+ * @prop text: string | undefined => only if icon is not defined, required when icon is not defined
+ * @prop aria-label: string | undefined
+ * @prop onClick?: MouseEventHandler<HTMLButtonElement>
+ * @prop disabled: boolean | undefined
+ * @prop inputBackground: "light" | "dark" | undefined
+ * @prop validationStatus: boolean | undefined | undefined
+ * @prop className: string | undefined
+ */
+export declare const InputButton: ({ "data-testid": testid, "aria-label": ariaLabel, onClick, icon, iconSize, iconBaseUrl, text, disabled, inputBackground, validationStatus, className, }: ILibInputButton) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/InputComponents/components/InputContainer.d.ts

@@ -0,0 +1,19 @@
+import type { ILibInputContainer } from "../../InputContainer/types";
+/**
+ * @description Returns a input container, with label, helper, helper bottom, counter and validation
+ * @access Only for building library, do not export
+ * @prop data-testid: string | undefined
+ * @prop className: string | undefined
+ * @prop label: string | undefined
+ * @prop labelComment: string | undefined
+ * @prop helper: string | undefined
+ * @prop helperBottom: string | { text: string; textColor?: Any color from the library; fontStyle?: CssFontStyle; icon?: string | JSX.Element; iconColor?: Any color from the library; iconSize?: number } | undefined
+ * @prop children?: ReactChildren
+ * @prop value: any | undefined
+ * @prop counter: boolean | undefined
+ * @prop maxLength: number | undefined
+ * @prop hasListOpen: boolean | undefined
+ * @prop style: CSSProperties | undefined
+ * @prop iconBaseUrl: string | undefined
+ */
+export declare const InputContainer: ({ "data-testid": testid, id, label, labelComment, helper, helperBottom, validation, counter, maxLength, children, value, className, hasListOpen, iconBaseUrl, style, }: ILibInputContainer) => string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;

package/dist/lib/components/InputComponents/components/InputIcon.d.ts

@@ -0,0 +1,15 @@
+import type { ILibInputIconContainer } from "../types";
+/**
+ * @description Returns a icon located on the left of an input
+ * @access Only for building library, do not export
+ * @prop data-testid: string | undefined
+ * @prop className: string | undefined
+ * @prop icon: string | JSX.Element | undefined
+ * @prop iconSize: number | undefined
+ * @prop iconBaseUrl: string | undefined
+ * @prop validationStatus: boolean | undefined
+ * @prop disabled: boolean | undefined
+ * @prop inputBackground: "light" | "dark" | undefined
+ * @prop inputVariant: "rounded" | "pill" | undefined
+ */
+export declare const InputIcon: ({ "data-testid": testid, className, icon, iconSize, iconBaseUrl, validationStatus, inputBackground, disabled, inputVariant, }: ILibInputIconContainer) => import("react/jsx-runtime").JSX.Element | null;

package/dist/lib/components/InputComponents/components/InputLeftContainer.d.ts

@@ -0,0 +1,10 @@
+import type { ILibInputLeftContainer } from "../types";
+/**
+ * @description Returns a container on the left of an input
+ * @access Only for building library, do not export
+ * @prop data-testid: string | undefined
+ * @prop className: string | undefined
+ * @prop children?: ReactChildren
+ * @prop disabled: boolean | undefined
+ */
+export declare const InputLeftContainer: import("react").ForwardRefExoticComponent<ILibInputLeftContainer & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/lib/components/InputComponents/components/InputPrefix.d.ts

@@ -0,0 +1,10 @@
+import type { ILibInputPrefix } from "../types";
+/**
+ * @description Returns a prefix on the left of an input
+ * @access Only for building library, do not export
+ * @prop data-testid: string | undefined
+ * @prop className: string | undefined
+ * @prop inputBackground: "light" | "dark" | undefined
+ * @prop prefix: string | JSX.Element | undefined
+ */
+export declare const InputPrefix: ({ "data-testid": testid, className, prefix, inputBackground, }: ILibInputPrefix) => import("react/jsx-runtime").JSX.Element | null;

package/dist/lib/components/InputComponents/components/InputRightContainer.d.ts

@@ -0,0 +1,12 @@
+import type { ILibInputRightContainer } from "../types";
+/**
+ * @description Returns a container on the right of an input
+ * @access Only for building library, do not export
+ * @prop data-testid: string | undefined
+ * @prop className: string | undefined
+ * @prop disabled: boolean | undefined
+ * @prop withPadding: boolean | undefined
+ * @prop withBorder: boolean | undefined
+ * @prop children?: ReactChildren
+ */
+export declare const InputRightContainer: ({ "data-testid": testid, className, children, disabled, withPadding, withBorder, }: ILibInputRightContainer) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/InputComponents/components/InputSuffix.d.ts

@@ -0,0 +1,10 @@
+import type { ILibInputSuffix } from "../types";
+/**
+ * @description Add suffix on inputs with text
+ * @access Only for building library, do not export
+ * @prop data-testid: string | undefined
+ * @prop className: string | undefined
+ * @prop inputBackground: "light" | "dark" | undefined
+ * @prop prefix: string | JSX.Element | undefined
+ */
+export declare const InputSuffix: ({ "data-testid": testid, className, suffix, inputBackground, }: ILibInputSuffix) => import("react/jsx-runtime").JSX.Element | null;

package/dist/lib/components/InputComponents/components/InputValidationHelper.d.ts

@@ -0,0 +1,9 @@
+import type { ILibInputValidationHelper } from "../types";
+/**
+ * @description Returns a component for input validation, showing under the input
+ * @access Only for building library, do not export
+ * @prop data-testid: string | undefined
+ * @prop className: string | undefined
+ * @prop validation: { status: LibValidationStatus; message?: string; iconNotPassed?: LibIcon; iconNotPassedSize?: number; iconPassed?: LibIcon; iconPassedSize?: number; iconBaseUrl?: string }
+ */
+export declare const InputValidationHelper: ({ "data-testid": testid, className, validation, }: ILibInputValidationHelper) => import("react/jsx-runtime").JSX.Element | null;

package/dist/lib/components/InputComponents/components/InputValidationIcon.d.ts

@@ -0,0 +1,10 @@
+import type { ILibInputValidationIcon } from "../types";
+/**
+ * @description Returns a icon on the right of an input when there's validation
+ * @access Only for building library, do not export
+ * @prop data-testid: string | undefined
+ * @prop className: string | undefined
+ * @prop inputBackground: "light" | "dark" | undefined
+ * @prop validation: { status: LibValidationStatus; message?: string; iconNotPassed?: LibIcon; iconNotPassedSize?: number; iconPassed?: LibIcon; iconPassedSize?: number; iconBaseUrl?: string }
+ */
+export declare const InputValidationIcon: ({ "data-testid": testid, className, validation, inputBackground, }: ILibInputValidationIcon) => import("react/jsx-runtime").JSX.Element | null;

package/dist/lib/components/InputComponents/components/InputWrapper.d.ts

@@ -0,0 +1,15 @@
+import type { ILibInputWrapper } from "../types";
+/**
+ * @description Returns a wrapper for inputs holding icon left, input and right container
+ * @access Only for building library, do not export
+ * @prop data-testid: string | undefined
+ * @prop className: string | undefined
+ * @prop hasContainer: boolean | undefined
+ * @prop hasListOpen: boolean | undefined
+ * @prop isTextArea: boolean
+ * @prop inputBackground: "light" | "dark" | undefined
+ * @prop inputVariant: "rounded" | "pill" | undefined
+ * @prop validationStatus: boolean | undefined
+ * @prop children?: ReactChildren
+ */
+export declare const InputWrapper: ({ "data-testid": testid, className, hasContainer, children, hasListOpen, isTextArea, inputBackground, inputVariant, validationStatus, }: ILibInputWrapper) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/InputComponents/components/ListInput.d.ts

@@ -0,0 +1,14 @@
+import type { ILibListInput } from "../types";
+/**
+ * @description Lists used in Inputs
+ * @access Only for building library, do not export
+ * @prop data-testid: string | undefined
+ * @prop className: string | undefined
+ * @prop isOpen: boolean
+ * @prop direction: "up" | "down" | undefined
+ * @prop inputBackground: "light" | "dark" | undefined
+ * @prop inputVariant: "rounded" | "pill" | undefined
+ * @prop validationStatus: boolean | undefined
+ * @prop children?: ReactChildren
+ */
+export declare const ListInput: import("react").ForwardRefExoticComponent<ILibListInput & import("react").RefAttributes<HTMLDivElement>>;

package/dist/lib/components/InputComponents/components/ListInputItem.d.ts

@@ -0,0 +1,15 @@
+import type { ILibListInputItem } from "../types";
+/**
+ * @description Item for lists used in Inputs
+ * @access Only for building library, do not export
+ * @prop data-testid: string | undefined
+ * @prop className: string | undefined
+ * @prop isActive: boolean => only if readOnly is not defined or set to false
+ * @prop isHovered?: boolean => only if readOnly is not defined or set to false
+ * @prop onClick: MouseEventHandler<HTMLSpanElement> => only if readOnly is not defined or set to false
+ * @prop readOnly?: boolean => only if isActive is not defined
+ * @prop validationStatus: boolean | undefined
+ * @prop inputBackground: "light" | "dark" | undefined
+ * @prop children?: ReactChildren
+ */
+export declare const ListInputItem: import("react").ForwardRefExoticComponent<ILibListInputItem & import("react").RefAttributes<HTMLSpanElement>>;

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

@@ -0,0 +1,13 @@
+export * from "./components/InputContainer";
+export * from "./components/InputIcon";
+export * from "./components/InputRightContainer";
+export * from "./components/InputValidationIcon";
+export * from "./components/InputValidationHelper";
+export * from "./components/InputButton";
+export * from "./components/InputWrapper";
+export * from "./components/ListInput";
+export * from "./components/ListInputItem";
+export * from "./components/InputPrefix";
+export * from "./components/InputSuffix";
+export * from "./components/InputLeftContainer";
+export * from "./components/InputAndListContainer";

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

@@ -0,0 +1,50 @@
+import type { LibInputBackground, LibInputVariant, LibValidationStatus } from "../../types";
+declare const StyledInputIconContainer: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    $validationStatus: LibValidationStatus | undefined;
+    $inputBackground: LibInputBackground | undefined;
+    $disabled: boolean | undefined;
+    $inputVariant: LibInputVariant | undefined;
+}, never>;
+declare const StyledInputLeftContainer: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    $disabled: boolean | undefined;
+}, never>;
+declare const StyledInputRightContainer: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    $disabled: boolean | undefined;
+    $withPadding?: boolean | undefined;
+    $withBorder: boolean | undefined;
+}, never>;
+declare const StyledInputValidationIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    $inputBackground: LibInputBackground | undefined;
+    $validationStatus: LibValidationStatus;
+}, never>;
+declare const StyledInputButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    $inputBackground: LibInputBackground | undefined;
+    $validationStatus: LibValidationStatus | undefined;
+    $isSpan: boolean;
+    $disabled: boolean | undefined;
+}, never>;
+declare const StyledInputWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $inputBackground: LibInputBackground | undefined;
+    $inputVariant: LibInputVariant | undefined;
+    $isTextArea?: boolean | undefined;
+    $validationStatus: LibValidationStatus;
+}, never>;
+declare const StyledListInput: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $direction?: "up" | "down" | undefined;
+    $inputBackground: LibInputBackground | undefined;
+    $validationStatus: LibValidationStatus;
+    $inputVariant: LibInputVariant | undefined;
+}, never>;
+declare const StyledListInputItem: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    $validationStatus: LibValidationStatus;
+    $inputBackground: LibInputBackground | undefined;
+    $readOnly: boolean | undefined;
+}, never>;
+declare const StyledInputPrefix: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    $inputBackground: LibInputBackground | undefined;
+}, never>;
+declare const StyledInputSuffix: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    $inputBackground: LibInputBackground | undefined;
+}, never>;
+declare const StyledInputAndListContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export { StyledInputIconContainer, StyledInputLeftContainer, StyledInputRightContainer, StyledInputValidationIcon, StyledInputButton, StyledInputWrapper, StyledListInput, StyledListInputItem, StyledInputPrefix, StyledInputSuffix, StyledInputAndListContainer, };

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

@@ -0,0 +1,191 @@
+import type { CSSProperties, MouseEventHandler } from "react";
+import type { ReactChildren, LibInputListDirection, LibIcon, LibInputBackground, LibInputVariant, LibValidationStatus, RequireAtLeastOne, LibInputPrefixAndSuffix, LibHelperBottom } from "../../types";
+interface LibValidationHelper {
+    status: LibValidationStatus;
+    message?: string;
+    iconNotPassed?: LibIcon;
+    iconNotPassedSize?: number;
+    iconPassed?: LibIcon;
+    iconPassedSize?: number;
+    iconBaseUrl?: string;
+}
+export interface LibInputWithValidation {
+    validation?: LibValidationHelper;
+}
+export interface ILibInputValidationHelper {
+    "data-testid": string | undefined;
+    className: string | undefined;
+    validation: LibValidationHelper;
+}
+export interface ILibInputValidationIcon {
+    "data-testid": string | undefined;
+    className: string | undefined;
+    inputBackground: LibInputBackground | undefined;
+    validation: LibValidationHelper;
+}
+export interface ILibInputNoFocusKeys {
+    type: undefined | null | "email" | "number" | "tel" | "text" | "url" | "color" | "date" | "datetime-local" | "month" | "week" | "file" | "password" | "select" | "textarea" | "time";
+    focusKeys?: never;
+    showKeys?: never;
+}
+/**
+ * @description Base props for inputs
+ * @prop data-testid?: string
+ */
+export interface ILibInputBase extends Partial<Pick<ILibInputContainer, "data-testid" | "id" | "label" | "labelComment" | "helper" | "helperBottom" | "validation" | "iconBaseUrl">> {
+    children?: never;
+    inputBackground?: LibInputBackground;
+    inputVariant?: LibInputVariant;
+    containerStyle?: CSSProperties;
+    inputAndListContainerStyle?: CSSProperties;
+}
+export interface ILibExtendedInputBase extends ILibInputBase {
+    counter?: boolean;
+    maxLength?: number;
+}
+export interface ILibInputContainer {
+    "data-testid": string | undefined;
+    className: string | undefined;
+    id: string | undefined;
+    label: string | undefined;
+    labelComment: string | undefined;
+    helper: string | undefined;
+    helperBottom: LibHelperBottom | undefined;
+    validation: LibValidationHelper | undefined;
+    children?: ReactChildren;
+    value: any | undefined;
+    counter: boolean | undefined;
+    maxLength: number | undefined;
+    hasListOpen?: boolean;
+    iconBaseUrl?: string;
+    style?: CSSProperties;
+}
+export interface ILibInputIconContainer {
+    "data-testid": string | undefined;
+    className: string | undefined;
+    icon: LibIcon | undefined;
+    iconSize: number | undefined;
+    iconBaseUrl: string | undefined;
+    validationStatus: LibValidationStatus | undefined;
+    disabled: boolean | undefined;
+    inputBackground: LibInputBackground | undefined;
+    inputVariant: LibInputVariant | undefined;
+}
+export interface ILibInputRightContainer {
+    "data-testid": string | undefined;
+    className: string | undefined;
+    disabled: boolean | undefined;
+    withPadding: boolean | undefined;
+    withBorder: boolean | undefined;
+    children?: ReactChildren;
+}
+export interface ILibInputLeftContainer {
+    "data-testid": string | undefined;
+    className: string | undefined;
+    children?: ReactChildren;
+    disabled: boolean | undefined;
+}
+interface ILibInputButtonBase {
+    "data-testid": string | undefined;
+    "aria-label": string | undefined;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    disabled: boolean | undefined;
+    inputBackground: LibInputBackground | undefined;
+    validationStatus: LibValidationStatus | undefined;
+    className: string | undefined;
+}
+interface InputButtonWithIcon extends ILibInputButtonBase {
+    icon: LibIcon | undefined;
+    iconSize: number | undefined;
+    iconBaseUrl: string | undefined;
+    text?: never;
+}
+interface InputButtonWithText extends ILibInputButtonBase {
+    icon?: never;
+    iconSize?: never;
+    iconBaseUrl?: never;
+    text: string | undefined;
+}
+export type ILibInputButton = RequireAtLeastOne<InputButtonWithIcon | InputButtonWithText, "icon" | "text">;
+export interface ILibInputWrapper {
+    "data-testid": string | undefined;
+    className: string | undefined;
+    hasContainer: boolean | undefined;
+    children?: ReactChildren;
+    hasListOpen: boolean | undefined;
+    isTextArea: boolean;
+    inputBackground: LibInputBackground | undefined;
+    inputVariant: LibInputVariant | undefined;
+    validationStatus: LibValidationStatus;
+}
+export interface ILibListInput {
+    "data-testid": string | undefined;
+    className: string | undefined;
+    direction: LibInputListDirection | undefined;
+    inputBackground: LibInputBackground | undefined;
+    inputVariant: LibInputVariant | undefined;
+    validationStatus: LibValidationStatus;
+    isOpen: boolean;
+    children?: ReactChildren;
+}
+interface ILibListInputItemBase {
+    "data-testid": string | undefined;
+    className: string | undefined;
+    validationStatus: LibValidationStatus;
+    inputBackground: LibInputBackground | undefined;
+    children?: ReactChildren;
+}
+interface ListInputItemActive extends ILibListInputItemBase {
+    isActive: boolean;
+    isHovered?: boolean;
+    onClick: MouseEventHandler<HTMLSpanElement>;
+    readOnly?: never;
+}
+interface ListInputItemReadOnly extends ILibListInputItemBase {
+    isActive?: never;
+    isHovered?: never;
+    onClick?: never;
+    readOnly: true;
+}
+export type ILibListInputItem = ListInputItemActive | ListInputItemReadOnly;
+export interface ILibInputIcon {
+    suffix?: LibInputPrefixAndSuffix;
+    icon?: LibIcon;
+    iconSize?: number;
+    iconBaseUrl?: string;
+    prefix?: string;
+}
+interface ILibPrefixAndSuffixBase {
+    "data-testid": string | undefined;
+    className: string | undefined;
+    inputBackground: LibInputBackground | undefined;
+}
+export interface ILibInputPrefix extends ILibPrefixAndSuffixBase {
+    /**
+     * @description Add prefix on inputs with text
+     * @prop data-testid: string | undefined
+     * @prop className: string | undefined
+     * @prop inputBackground: "light" | "dark" | undefined
+     * @prop suffix: string | JSX.Element | undefined
+     */
+    prefix: LibInputPrefixAndSuffix | undefined;
+}
+export interface ILibInputSuffix extends ILibPrefixAndSuffixBase {
+    /**
+     * @description Add suffix on inputs with text
+     * @prop data-testid: string | undefined
+     * @prop className: string | undefined
+     * @prop inputBackground: "light" | "dark" | undefined
+     * @prop prefix: string | JSX.Element | undefined
+     */
+    suffix?: LibInputPrefixAndSuffix;
+}
+export interface ILibInputAndListContainer {
+    "data-testid": string | undefined;
+    className: string | undefined;
+    hasListOpen: boolean;
+    isParent: boolean | undefined;
+    inputAndListContainerStyle: CSSProperties | undefined;
+    children?: ReactChildren;
+}
+export {};

package/dist/lib/components/InputContainer/HelperBottom.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from "react";
+import type { ILibHelperBottom } from "./subtypes";
+export declare const HelperBottom: FC<ILibHelperBottom>;

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

@@ -0,0 +1,21 @@
+import type { ILibInputContainer } from "./types";
+/**
+ * @description Returns a InputContainer component
+ * @link https://documentation-components-react.vercel.app/components/input-container
+ * @extends HTMLDivElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @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 value?: any
+ * @prop counter?: boolean
+ * @prop maxLength?: number
+ * @prop hasListOpen?: boolean
+ * @prop style?: CSSProperties
+ * @prop iconBaseUrl?: string
+ * @prop validation?: { status: LibValidationStatus; message?: string; iconNotPassed?: LibIcon; iconNotPassedSize?: number; iconPassed?: LibIcon; iconPassedSize?: number; iconBaseUrl?: string }
+ */
+export declare const InputContainer: import("react").ForwardRefExoticComponent<ILibInputContainer & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,10 @@
+import type { FC } from "react";
+declare const StyledInputContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const Label: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
+declare const LabelComment: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+declare const HelperBottomContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const HelperBottomIconContainer: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {
+    $iconSize: number;
+}, never>;
+declare const StyledHelperBottom: FC<any>;
+export { StyledInputContainer, Label, LabelComment, HelperBottomContainer, HelperBottomIconContainer, StyledHelperBottom, };

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

@@ -0,0 +1,2 @@
+import type { ILibInputContainer } from "./types";
+export type ILibHelperBottom = Pick<ILibInputContainer, "helperBottom" | "data-testid" | "className" | "iconBaseUrl">;