@julseb-lib/react 0.0.56 → 0.0.58

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

@@ -0,0 +1,50 @@
+import { LibInputBackground, LibInputVariant, LibValidationStatus, LibInputListDirection } from '../../types';
+declare const StyledInputIconContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $validationStatus: LibValidationStatus | undefined;
+    $inputBackground: LibInputBackground | undefined;
+    $disabled: boolean | undefined;
+    $inputVariant: LibInputVariant | undefined;
+}>> & string;
+declare const StyledInputLeftContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $disabled: boolean | undefined;
+}>> & string;
+declare const StyledInputRightContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $disabled: boolean | undefined;
+    $withPadding?: boolean;
+    $withBorder: boolean | undefined;
+}>> & string;
+declare const StyledInputValidationIcon: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $inputBackground: LibInputBackground | undefined;
+    $validationStatus: LibValidationStatus;
+}>> & string;
+declare const StyledInputButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $inputBackground: LibInputBackground | undefined;
+    $validationStatus: LibValidationStatus | undefined;
+    $isSpan: boolean;
+    $disabled: boolean | undefined;
+}>> & string;
+declare const StyledInputWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $inputBackground: LibInputBackground | undefined;
+    $inputVariant: LibInputVariant | undefined;
+    $isTextArea?: boolean;
+    $validationStatus: LibValidationStatus;
+}>> & string;
+declare const StyledListInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $direction?: LibInputListDirection;
+    $inputBackground: LibInputBackground | undefined;
+    $validationStatus: LibValidationStatus;
+    $inputVariant: LibInputVariant | undefined;
+}>> & string;
+declare const StyledListInputItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $validationStatus: LibValidationStatus;
+    $inputBackground: LibInputBackground | undefined;
+    $readOnly: boolean | undefined;
+}>> & string;
+declare const StyledInputPrefix: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $inputBackground: LibInputBackground | undefined;
+}>> & string;
+declare const StyledInputSuffix: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $inputBackground: LibInputBackground | undefined;
+}>> & string;
+declare const StyledInputAndListContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export { StyledInputIconContainer, StyledInputLeftContainer, StyledInputRightContainer, StyledInputValidationIcon, StyledInputButton, StyledInputWrapper, StyledListInput, StyledListInputItem, StyledInputPrefix, StyledInputSuffix, StyledInputAndListContainer, };

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

@@ -0,0 +1,191 @@
+import { CSSProperties, MouseEventHandler } from 'react';
+import { 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/components/InputContainer/HelperBottom.d.ts

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

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

@@ -0,0 +1,21 @@
+import { 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/components/InputContainer/index.d.ts

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

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

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+declare const StyledInputContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const Label: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+declare const LabelComment: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+declare const HelperBottomContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const HelperBottomIconContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $iconSize: number;
+}>> & string;
+declare const StyledHelperBottom: FC<any>;
+export { StyledInputContainer, Label, LabelComment, HelperBottomContainer, HelperBottomIconContainer, StyledHelperBottom, };

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

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

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

@@ -0,0 +1,16 @@
+import { CSSProperties } from 'react';
+import { LibComponentBase, ReactChildren, LibHelperBottom } from '../../types';
+import { LibInputWithValidation } from '../InputComponents/types';
+export interface ILibInputContainer extends LibComponentBase<HTMLDivElement>, LibInputWithValidation {
+    label?: string;
+    labelComment?: string;
+    helper?: string;
+    helperBottom?: LibHelperBottom;
+    children?: ReactChildren;
+    value?: any;
+    counter?: boolean;
+    maxLength?: number;
+    hasListOpen?: boolean;
+    style?: CSSProperties;
+    iconBaseUrl?: string;
+}

package/dist/components/InputCounter/InputCounter.d.ts

@@ -0,0 +1,2 @@
+import { ILibInputCounter } from './types';
+export declare const InputCounter: import('react').ForwardRefExoticComponent<ILibInputCounter & import('react').RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1 @@
+export * from './InputCounter';

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

@@ -0,0 +1,10 @@
+import { ILibInputCounterStyles } from './subtypes';
+declare const InputCounterWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $isInputEditable: boolean | undefined;
+}>> & string;
+declare const StyledInputWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('../InputComponents/types').ILibInputWrapper, never>> & string & Omit<({ "data-testid": testid, className, hasContainer, children, hasListOpen, isTextArea, inputBackground, inputVariant, validationStatus, }: import('../InputComponents/types').ILibInputWrapper) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+declare const Input: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, ILibInputCounterStyles>> & string;
+declare const NumberValue: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $disabled: boolean | undefined;
+}>> & string;
+export { InputCounterWrapper, Input, NumberValue, StyledInputWrapper };

package/dist/components/InputCounter/subtypes.d.ts

@@ -0,0 +1,4 @@
+import { ILibInputBaseMixin } from '../ComponentsMixins';
+export interface ILibInputCounterStyles extends ILibInputBaseMixin {
+    $length: number;
+}

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

@@ -0,0 +1,37 @@
+import { InputHTMLAttributes } from 'react';
+import { LibIcon, LibInputBackground, LibInputVariant, DispatchState, LibButtonIconVariant } from '../../types';
+import { ILibInputBase } from '../InputComponents/types';
+type ILibInputCounterBase = InputHTMLAttributes<HTMLInputElement> & ILibInputBase & {
+    value: number;
+    setValue: DispatchState<number>;
+    min?: number;
+    max?: number;
+    step?: number;
+    type?: never;
+    buttonVariant?: LibButtonIconVariant;
+    icons?: {
+        plus?: LibIcon;
+        minus?: LibIcon;
+    };
+    iconSizes?: {
+        plus?: number;
+        minus?: number;
+    };
+    labelButtons?: {
+        plus?: string;
+        minus?: string;
+    };
+    showButtonTooltip?: boolean;
+};
+interface InputCounterInputEditable extends ILibInputCounterBase {
+    inputNoEdit?: true | undefined;
+    inputBackground?: LibInputBackground;
+    inputVariant?: LibInputVariant;
+}
+interface InputCounterInputNotEditable extends ILibInputCounterBase {
+    inputNoEdit?: false;
+    inputBackground?: never;
+    inputVariant?: never;
+}
+export type ILibInputCounter = InputCounterInputEditable | InputCounterInputNotEditable;
+export {};

package/dist/components/InputImage/EmptyContainer.d.ts

@@ -0,0 +1,2 @@
+import { ILibEmptyContainer } from './subtypes';
+export declare const EmptyContainer: ({ "data-testid": testid, className, validation, iconSizes, icons, iconBaseUrl, }: ILibEmptyContainer) => import("react/jsx-runtime").JSX.Element;

package/dist/components/InputImage/HoverContainer.d.ts

@@ -0,0 +1,2 @@
+import { ILibHoverContainer } from './subtypes';
+export declare const HoverContainer: ({ "data-testid": testid, className, validation, iconSizes, icons, iconBaseUrl, isVisible, disabled, }: ILibHoverContainer) => import("react/jsx-runtime").JSX.Element;

package/dist/components/InputImage/InputImage.d.ts

@@ -0,0 +1,41 @@
+/**
+ * @description Returns a InputImage component
+ * @link https://documentation-components-react.vercel.app/components/input-image
+ * @extends HTMLInputElement
+ * @prop data-testid?: string
+ * @prop ref?: ForwardedRef<HTMLInputElement>
+ * @prop id: string
+ * @prop value: string
+ * @prop width?: string | number
+ * @prop height?: string | number
+ * @prop size?: string | number
+ * @prop borderRadius?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "round" | "circle" | number | { topLeft?: LibRadiuses; topRight?: LibRadiuses; bottomLeft?: LibRadiuses; bottomRight?: LibRadiuses }
+ * @prop icons?: { empty?: string | JSX.Element; hover?: string | JSX.Element }
+ * @prop iconSizes?: { empty?: number; hover?: number }
+ * @prop iconBaseUrl?: 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 containerStyle?: CSSProperties
+ */
+export declare const InputImage: import('react').ForwardRefExoticComponent<import('react').InputHTMLAttributes<HTMLInputElement> & Omit<import('../InputComponents/types').ILibInputBase, "inputBackground" | "inputVariant"> & {
+    id: string;
+    value: string;
+    width?: string | number;
+    height?: string | number;
+    size?: string | number;
+    borderRadius?: import('../../types').ILibRadius;
+    icons?: {
+        empty?: import('../../types').LibIcon;
+        hover?: import('../../types').LibIcon;
+    };
+    iconSizes?: {
+        empty?: number;
+        hover?: number;
+    };
+    iconBaseUrl?: string;
+    type?: never;
+} & import('react').RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1 @@
+export * from './InputImage';

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

@@ -0,0 +1,18 @@
+import { ILibRadius, LibValidationStatus } from '../../types';
+declare const StyledInputImage: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
+    $width: string | number;
+    $height: string | number;
+    $borderRadius: ILibRadius;
+    $disabled: boolean | undefined;
+    $validationStatus: LibValidationStatus;
+}>> & string;
+declare const StyledHoverContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $validationStatus: LibValidationStatus;
+    $disabled: boolean;
+}>> & string;
+declare const StyledEmptyContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $validationStatus: LibValidationStatus;
+}>> & string;
+declare const StyledImage: any;
+declare const StyledInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+export { StyledInputImage, StyledEmptyContainer, StyledHoverContainer, StyledImage, StyledInput, };

package/dist/components/InputImage/subtypes.d.ts

@@ -0,0 +1,6 @@
+import { ILibInputImage } from './types';
+export interface ILibEmptyContainer extends Pick<ILibInputImage, "data-testid" | "className" | "validation" | "iconSizes" | "icons" | "iconBaseUrl"> {
+}
+export interface ILibHoverContainer extends Pick<ILibInputImage, "data-testid" | "className" | "validation" | "icons" | "iconSizes" | "iconBaseUrl" | "disabled"> {
+    isVisible: boolean;
+}

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

@@ -0,0 +1,21 @@
+import { InputHTMLAttributes } from 'react';
+import { LibIcon, ILibRadius } from '../../types';
+import { ILibInputBase } from '../InputComponents/types';
+export type ILibInputImage = InputHTMLAttributes<HTMLInputElement> & Omit<ILibInputBase, "inputBackground" | "inputVariant"> & {
+    id: string;
+    value: string;
+    width?: string | number;
+    height?: string | number;
+    size?: string | number;
+    borderRadius?: ILibRadius;
+    icons?: {
+        empty?: LibIcon;
+        hover?: LibIcon;
+    };
+    iconSizes?: {
+        empty?: number;
+        hover?: number;
+    };
+    iconBaseUrl?: string;
+    type?: never;
+};

package/dist/components/InputPhone/InputPhone.d.ts

@@ -0,0 +1,46 @@
+import { LibCountry } from '../../types';
+/**
+ * @description Returns a InputPhone component
+ * @link https://documentation-components-react.vercel.app/components/input-phone
+ * @extends HTMLInputElement
+ * @prop data-testid?: string
+ * @prop ref?: ForwardedRef<HTMLInputElement>
+ * @prop selectedCountry: name: string; dial_code: string; code: CountryCode; flag: string | undefined
+ * @prop setSelectedCountry: Dispatch<SetStateAction<{ name: string; dial_code: string; code: CountryCode; flag: string | undefined } | undefined>>
+ * @prop defaultCountry?: Any Alpha-2 Code from https://www.iban.com/country-codes
+ * @prop icons?: { search?: string | JSX.Element; caret?: string | JSX.Element }
+ * @prop iconSizes?: { search?: number; caret?: number }
+ * @prop searchPlaceholder?: string
+ * @prop listDirection?: "up" | "down"
+ * @prop countryButtonAriaLabel?: string
+ * @prop textNoResult?: string
+ * @prop validation?: { status: LibValidationStatus; message?: string; iconNotPassed?: LibIcon; iconNotPassedSize?: number; iconPassed?: LibIcon; iconPassedSize?: number; iconBaseUrl?: string }
+ * @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
+ */
+export declare const InputPhone: import('react').ForwardRefExoticComponent<import('react').InputHTMLAttributes<HTMLInputElement> & import('../InputComponents/types').ILibInputBase & import('../InputComponents/types').LibInputWithValidation & {
+    selectedCountry: LibCountry | undefined;
+    setSelectedCountry: import('../../types').DispatchState<LibCountry | undefined>;
+    defaultCountry?: import('../../types').CountryCode;
+    type?: never;
+    icons?: {
+        search?: import('../../types').LibIcon;
+        caret?: import('../../types').LibIcon;
+    };
+    iconSizes?: {
+        search?: number;
+        caret?: number;
+    };
+    searchPlaceholder?: string;
+    listDirection?: import('../../types').LibInputListDirection;
+    countryButtonAriaLabel?: string;
+    textNoResult?: string;
+} & import('react').RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1 @@
+export * from './InputPhone';

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

@@ -0,0 +1,19 @@
+import { LibInputBackground, LibValidationStatus } from '../../types';
+import { ILibInputBaseMixin } from '../ComponentsMixins';
+declare const StyledInputPhone: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, ILibInputBaseMixin>> & string;
+declare const CountryButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $inputBackground: LibInputBackground | undefined;
+}>> & string;
+declare const Flag: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
+declare const CountryCode: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $inputBackground: LibInputBackground | undefined;
+    $disabled: boolean | undefined;
+}>> & string;
+declare const SearchContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $validationStatus: LibValidationStatus;
+    $inputBackground: LibInputBackground | undefined;
+}>> & string;
+declare const SearchInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
+    $inputBackground: LibInputBackground | undefined;
+}>> & string;
+export { StyledInputPhone, CountryButton, SearchContainer, SearchInput, Flag, CountryCode, };

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

@@ -0,0 +1,21 @@
+import { InputHTMLAttributes } from 'react';
+import { CountryCode, LibInputListDirection, LibCountry, LibIcon, DispatchState } from '../../types';
+import { ILibInputBase, LibInputWithValidation } from '../InputComponents/types';
+export type ILibInputPhone = InputHTMLAttributes<HTMLInputElement> & ILibInputBase & LibInputWithValidation & {
+    selectedCountry: LibCountry | undefined;
+    setSelectedCountry: DispatchState<LibCountry | undefined>;
+    defaultCountry?: CountryCode;
+    type?: never;
+    icons?: {
+        search?: LibIcon;
+        caret?: LibIcon;
+    };
+    iconSizes?: {
+        search?: number;
+        caret?: number;
+    };
+    searchPlaceholder?: string;
+    listDirection?: LibInputListDirection;
+    countryButtonAriaLabel?: string;
+    textNoResult?: string;
+};

package/dist/components/InputPhone/utils/countries.d.ts

@@ -0,0 +1,2 @@
+import { LibCountry } from '../../../types';
+export declare const countries: Array<LibCountry>;

package/dist/components/InputPin/InputPin.d.ts

@@ -0,0 +1,41 @@
+/**
+ * @description Returns a InputPin component
+ * @link https://documentation-components-react.vercel.app/components/input-pin
+ * @extends HTMLDivElement
+ * @prop data-testid?: string
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop values: { [n: number]: number | "" | undefined }
+ * @prop setValues: Dispatch<SetStateAction<{ [n: number]: number | "" | undefined }>>
+ * @prop placeholders?: Array<string>
+ * @prop container?: { justifyContent?: CssJustifyContent; columnGap?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px" }
+ * @prop inputSize?: number
+ * @prop inputFontSize?: "display-h1" | "display-h2" | "display-h3" | "display-h4" | "display-h5" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body" | "small"
+ * @prop hideValues?: boolean
+ * @prop disabled?: boolean
+ * @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 containerStyle?: CSSProperties
+ */
+export declare const InputPin: import('react').ForwardRefExoticComponent<import('../../types').LibComponentBase<HTMLDivElement> & Omit<import('../InputComponents/types').ILibInputBase, "inputVariant"> & {
+    values: import('../../types').LibValueInputPin;
+    setValues: import('../../types').DispatchState<import('../../types').LibValueInputPin>;
+    placeholders?: Array<string>;
+    container?: {
+        justifyContent?: import('../../types').CssJustifyContent;
+        columnGap?: import('../../types').LibSpacers;
+    };
+    inputSize?: number;
+    inputFontSize?: import('../../types').LibFontSizes;
+    hideValues?: boolean;
+    disabled?: boolean;
+    maxLength?: never;
+    type?: never;
+    placeholder?: never;
+    value?: never;
+    onChange?: never;
+} & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1 @@
+export * from './InputPin';

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

@@ -0,0 +1,3 @@
+import { IStyledInputPin } from './subtypes';
+declare const StyledInputPin: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, IStyledInputPin>> & string;
+export { StyledInputPin };

package/dist/components/InputPin/subtypes.d.ts

@@ -0,0 +1,6 @@
+import { LibFontSizes } from '../../types';
+import { ILibInputBaseMixin } from '../ComponentsMixins';
+export interface IStyledInputPin extends ILibInputBaseMixin {
+    $inputSize: number;
+    $fontSize: LibFontSizes;
+}