@julseb-lib/react 0.0.56 → 0.0.58

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

@@ -0,0 +1,5 @@
+import { ILibButtonIcon } from '../ButtonIcon/types';
+import { LibBackToTopPosition } from '../../types';
+export type ILibBackToTop = Partial<ILibButtonIcon> & {
+    position?: LibBackToTopPosition;
+};

package/dist/components/Badge/Badge.d.ts

@@ -0,0 +1,19 @@
+import { ILibBadge } from './types';
+/**
+ * @description Returns a Badge component
+ * @link https://documentation-components-react.vercel.app/components/badge
+ * @extends HTMLSpanElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLSpanElement>
+ * @prop size?: number
+ * @prop backgroundColor?: Any color from the library
+ * @prop contentColor?: Any color from the library
+ * @prop borderRadius?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "round" | "circle" | number | { topLeft?: LibRadiuses; topRight?: LibRadiuses; bottomLeft?: LibRadiuses; bottomRight?: LibRadiuses }
+ * @prop padding?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px" | { left?: LibSpacers | "auto"; top?: LibSpacers | "auto"; right?: LibSpacers | "auto"; bottom?: LibSpacers | "auto"; leftRight?: LibSpacers | "auto"; topBottom?: LibSpacers | "auto" }
+ * @prop icon?: string | JSX.Element
+ * @prop iconSize?: number => only if icon is defined
+ * @prop iconBaseUrl?: string => only if icon is defined
+ * @prop number?: number => only if icon is not defined
+ */
+export declare const Badge: import('react').ForwardRefExoticComponent<ILibBadge & import('react').RefAttributes<HTMLSpanElement>>;

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

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

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

@@ -0,0 +1,10 @@
+import { LibAllColors, ILibPadding, ILibRadius } from '../../types';
+declare const StyledBadge: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $backgroundColor: LibAllColors;
+    $contentColor: LibAllColors;
+    $borderRadius?: ILibRadius;
+    $padding?: ILibPadding;
+    $hasChildren?: boolean;
+    $childrenLength?: number;
+}>> & string;
+export { StyledBadge };

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

@@ -0,0 +1,23 @@
+import { LibAllColors, LibComponentBase, ILibPadding, ILibRadius, LibIcon } from '../../types';
+interface ILibBadgeBase extends LibComponentBase<HTMLSpanElement> {
+    size?: number;
+    backgroundColor?: LibAllColors;
+    contentColor?: LibAllColors;
+    borderRadius?: ILibRadius;
+    padding?: ILibPadding;
+    children?: never;
+}
+interface BadgeWithIcon extends ILibBadgeBase {
+    icon?: LibIcon;
+    iconSize?: number;
+    iconBaseUrl?: string;
+    number?: never;
+}
+interface BadgeWithNumber extends ILibBadgeBase {
+    icon?: never;
+    iconSize?: never;
+    iconBaseUrl?: never;
+    number?: number;
+}
+export type ILibBadge = BadgeWithIcon | BadgeWithNumber;
+export {};

package/dist/components/Breadcrumbs/BreadcrumbItem.d.ts

@@ -0,0 +1,2 @@
+import { ILibBreadcrumbItem } from './subtypes';
+export declare const BreadcrumbItem: ({ "data-testid": testid, className, item, index, }: ILibBreadcrumbItem) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,24 @@
+import { ILibBreadcrumbs } from './types';
+/**
+ * @description Returns a Breadcrumbs component
+ * @link https://documentation-components-react.vercel.app/components/breadcrumbs
+ * @extends HTMLDivElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType$
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop items: Array<LibBreadcrumbItem> => only if children is not defined
+ * @prop children?: Array<ReactNode> => only if items is not defined
+ * @prop linksColor?: "primary" | "secondary" | "success" | "danger" | "warning" | "white" | "gray" | "font" | "background"
+ * @prop activeColor?: Any color from the library
+ * @prop separatorColor?: Any color from the library
+ * @prop gap?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
+ * @prop separator?: "slash" | "chevron" | JSX.Element
+ *
+ * @type LibBreadcrumbItem
+ * @prop data-testid?: string
+ * @prop className?: string
+ * @prop id?: string
+ * @prop ref?: ForwardedRef<HTMLAnchorElement & HTMLSpanElement>
+ * @prop text: string
+ */
+export declare const Breadcrumbs: import('react').ForwardRefExoticComponent<ILibBreadcrumbs & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Breadcrumbs/BreadcrumbsFn.d.ts

@@ -0,0 +1,2 @@
+import { ILibBreadcrumbs } from './types';
+export declare const BreadcrumbsFn: import('react').ForwardRefExoticComponent<Omit<ILibBreadcrumbs, "items"> & import('react').RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,10 @@
+import { LibAllColors, LibColorsHover, LibSpacers } from '../../types';
+declare const StyledBreadcrumbs: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLElement>, HTMLElement>, {
+    $linkColor: LibColorsHover;
+    $activeColor: LibAllColors;
+    $gap: LibSpacers;
+}>> & string;
+declare const SeparatorContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $color: LibAllColors;
+}>> & string;
+export { StyledBreadcrumbs, SeparatorContainer };

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

@@ -0,0 +1,6 @@
+import { LibBreadcrumbItem } from '../../types';
+import { ILibBreadcrumbs } from './types';
+export interface ILibBreadcrumbItem extends Pick<ILibBreadcrumbs, "data-testid" | "className"> {
+    item: LibBreadcrumbItem;
+    index: number;
+}

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

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { LibAllColors, LibColorsHover, LibComponentBase, LibSpacers, LibBreadcrumbSeparator, LibBreadcrumbItem } from '../../types';
+interface ILibBreadcrumbsBase extends LibComponentBase<HTMLDivElement> {
+    linksColor?: LibColorsHover;
+    activeColor?: LibAllColors;
+    separatorColor?: LibAllColors;
+    gap?: LibSpacers;
+    separator?: LibBreadcrumbSeparator;
+}
+interface BreadcrumbsWithItems extends ILibBreadcrumbsBase {
+    items: Array<LibBreadcrumbItem>;
+    children?: never;
+}
+interface BreadcrumbsWithChildren extends ILibBreadcrumbsBase {
+    items?: never;
+    children?: Array<ReactNode>;
+}
+export type ILibBreadcrumbs = BreadcrumbsWithItems | BreadcrumbsWithChildren;
+export {};

package/dist/components/Burger/Burger.d.ts

@@ -0,0 +1,16 @@
+import { ILibBurger } from './types';
+/**
+ * @description Returns a Burger component
+ * @link https://documentation-components-react.vercel.app/components/burger
+ * @extends HTMLButtonElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLButtonElement>
+ * @prop isOpen: boolean
+ * @prop color?: "primary" | "secondary" | "success" | "danger" | "warning" | "white" | "gray" | "font" | "background" | "currentColor"
+ * @prop width?: number
+ * @prop height?: number
+ * @prop noHover?: boolean
+ * @prop borderWidth?: number
+ */
+export declare const Burger: import('react').ForwardRefExoticComponent<ILibBurger & import('react').RefAttributes<HTMLButtonElement>>;

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

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

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

@@ -0,0 +1,9 @@
+import { LibColorsHoverAndCurrent } from '../../types';
+declare const StyledBurger: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $color: LibColorsHoverAndCurrent;
+    $width: number;
+    $height: number;
+    $noHover?: boolean;
+    $borderWidth: number;
+}>> & string;
+export { StyledBurger };

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

@@ -0,0 +1,10 @@
+import { LibComponentBase, LibColorsHoverAndCurrent } from '../../types';
+export interface ILibBurger extends LibComponentBase<HTMLButtonElement> {
+    isOpen: boolean;
+    color?: LibColorsHoverAndCurrent;
+    width?: number;
+    height?: number;
+    noHover?: boolean;
+    borderWidth?: number;
+    children?: never;
+}

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,27 @@
+import { ILibButton } from './types';
+/**
+ * @description Returns a Button component
+ * @link https://documentation-components-react.vercel.app/components/button
+ * @extends HTMLButtonElement & HTMLAnchorElement & LibButtonLinkBlank
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLButtonElement & HTMLAnchorElement>
+ * @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 color?: "primary" | "secondary" | "success" | "danger" | "warning" | "white" | "gray" | "font" | "background"
+ * @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 size?: "default" | "small"
+ * @prop icons?: { left?: string | JSX.Element; right?: string | JSX.Element }
+ * @prop iconSizes?: { left?: number; right?: number }
+ * @prop iconBaseUrl?: string
+ * @prop isLoading?: boolean
+ * @prop gap?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px" => only if icons or isLoading are defined
+ * @prop variant?: "plain" | "outline" | "ghost" | "transparent"
+ * @prop noPadding?: boolean => only if variant is set to transparent
+ * @prop loaderVariant?: 1 | 2 | 3 | 4 => only if isLoading is defined
+ */
+export declare const Button: import('react').ForwardRefExoticComponent<ILibButton & import('react').RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { LibButtonSize, LibSpacers } from '../../types';
+import { ILibButtonMixin } from '../ComponentsMixins';
+export interface ILibButtonStyle extends ILibButtonMixin {
+    $size?: LibButtonSize;
+    $gap?: LibSpacers;
+    $noPadding?: boolean;
+}

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

@@ -0,0 +1,48 @@
+import { ButtonHTMLAttributes } from 'react';
+import { LibComponentBase, LibButtonVariant, LibButtonLinkBlank, LibColorsHover, ILibBoxShadow, ILibRadius, LibIcon, LibSpacers, LibButtonSize, LibLoaderVariant } from '../../types';
+type ILibButtonBase = LibComponentBase<HTMLButtonElement & HTMLAnchorElement> & ButtonHTMLAttributes<HTMLButtonElement & HTMLAnchorElement> & LibButtonLinkBlank & {
+    color?: LibColorsHover;
+    shadow?: ILibBoxShadow;
+    borderRadius?: ILibRadius;
+    size?: LibButtonSize;
+};
+type ButtonWithoutIcon = ILibButtonBase & {
+    icons?: undefined;
+    iconSizes?: never;
+    iconBaseUrl?: never;
+    isLoading?: undefined | null;
+    gap?: never;
+};
+type ButtonWithIcon = ILibButtonBase & {
+    icons?: {
+        left?: LibIcon;
+        right?: LibIcon;
+    };
+    iconSizes?: {
+        left?: number;
+        right?: number;
+    };
+    iconBaseUrl?: string;
+    isLoading?: boolean;
+    gap?: LibSpacers;
+};
+type ButtonIcon = ButtonWithoutIcon | ButtonWithIcon;
+type ButtonVariantWithBackground = ButtonIcon & {
+    variant?: Extract<LibButtonVariant, "plain" | "outline" | "ghost">;
+    noPadding?: never;
+};
+type ButtonVariantTransparent = ButtonIcon & {
+    variant?: Extract<LibButtonVariant, "transparent">;
+    noPadding?: boolean;
+};
+type ButtonVariant = ButtonVariantWithBackground | ButtonVariantTransparent;
+type ButtonLoading = ButtonVariant & {
+    isLoading?: boolean;
+    loaderVariant?: LibLoaderVariant;
+};
+type ButtonNotLoading = ButtonVariant & {
+    isLoading?: undefined | null;
+    loaderVariant?: never;
+};
+export type ILibButton = ButtonLoading | ButtonNotLoading;
+export {};

package/dist/components/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,48 @@
+import { ILibButtonGroup } from './types';
+/**
+ * @description Returns a ButtonGroup component
+ * @link https://documentation-components-react.vercel.app/components/button-group
+ * @extends HTMLDivElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop buttons: Array<LibButtonGroupButtonItem> => only if toggles is not defined
+ * @prop name?: string => required when toggles is defined
+ * @prop toggles: Array<LibButtonGroupToggle> => only if buttons is not defined
+ * @prop toggleType?: "single" | "multi" => only if toogles is defined
+ * @prop color?: "primary" | "secondary" | "success" | "danger" | "warning" | "white" | "gray" | "font" | "background"
+ * @prop variant?: "plain" | "transparent" | "ghost"
+ * @prop borderRadius?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "round" | "circle" | number | { topLeft?: LibRadiuses; topRight?: LibRadiuses; bottomLeft?: LibRadiuses; bottomRight?: LibRadiuses }
+ * @prop size?: "default" | "small"
+ * @prop iconBaseUrl?: string
+ *
+ * @type LibButtonGroupButtonItem
+ * @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 data-testid?: string
+ * @prop className?: string
+ * @prop id?: string
+ * @prop ref?: ForwardedRef<HTMLButtonElement>
+ * @prop text: string => only if `iconOnly` is not defined
+ * @prop iconLeft?: string | JSX.Element
+ * @prop iconRight?: string | JSX.Element
+ * @prop iconOnly: string | JSX.Element => only if `text` is not defined
+ * @prop iconSizes?: { left?: number; right?: number; only?: number }
+ * @prop "aria-label"?: string
+ *
+ * @type LibButtonGroupToggle
+ * @prop data-testid?: string
+ * @prop className?: string
+ * @prop id?: string
+ * @prop ref?: ForwardedRef<HTMLInputElement>
+ * @prop text: string => only if icon is not defined
+ * @prop icon: string | JSX.Element => only if text is not defined
+ * @prop iconSize?: number => only if text is not defined
+ * @prop label?: string => only if text is not defined
+ * @prop tooltip?: string => only if text is not defined
+ * @prop showTooltip?: boolean => only if text is not defined
+ */
+export declare const ButtonGroup: import('react').ForwardRefExoticComponent<ILibButtonGroup & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/ButtonGroup/ButtonGroupButton.d.ts

@@ -0,0 +1,2 @@
+import { ILibButtonGroupButton } from './subtypes';
+export declare const ButtonGroupButton: import('react').ForwardRefExoticComponent<ILibButtonGroupButton & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/ButtonGroup/ButtonGroupToggle.d.ts

@@ -0,0 +1,2 @@
+import { ILibButtonGroupToggle } from './subtypes';
+export declare const ButtonGroupToggle: import('react').ForwardRefExoticComponent<ILibButtonGroupToggle & import('react').RefAttributes<HTMLLabelElement>>;

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

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

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

@@ -0,0 +1,19 @@
+import { LibButtonSize, LibButtonVariant, LibColorsHover, ILibRadius } from '../../types';
+declare const StyledButtonGroup: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $size?: LibButtonSize;
+    $borderRadius?: ILibRadius;
+    $variant?: Extract<LibButtonVariant, "plain" | "transparent" | "ghost">;
+    $color: LibColorsHover;
+}>> & string;
+declare const Separator: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLHRElement>, HTMLHRElement>, {
+    $color: LibColorsHover;
+}>> & string;
+declare const StyledToggle: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
+    $size?: LibButtonSize;
+    $variant?: Extract<LibButtonVariant, "plain" | "transparent" | "ghost">;
+    $color: LibColorsHover;
+    $withIcon: boolean;
+}>> & string;
+declare const ToggleInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
+declare const ToggleLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export { StyledButtonGroup, Separator, StyledToggle, ToggleInput, ToggleLabel };

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

@@ -0,0 +1,16 @@
+import { DispatchState, LibButtonGroupButtonItem, LibButtonGroupToggle } from '../../types';
+import { ILibButtonGroup } from './types';
+export interface ILibButtonGroupButton extends Pick<ILibButtonGroup, "data-testid" | "className" | "variant" | "color" | "size" | "iconBaseUrl"> {
+    button: LibButtonGroupButtonItem;
+    index: number;
+}
+export interface ILibButtonGroupToggle extends Pick<ILibButtonGroup, "data-testid" | "className" | "toggleType" | "color" | "variant" | "size" | "name" | "iconBaseUrl"> {
+    toggle: LibButtonGroupToggle;
+    toggles: {
+        [id: string]: boolean;
+    };
+    setToggles: DispatchState<{
+        [id: string]: boolean;
+    }>;
+    index: number;
+}

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

@@ -0,0 +1,22 @@
+import { LibComponentBase, LibButtonGroupButtonItem, LibColorsHover, LibButtonVariant, ILibRadius, LibButtonSize, LibButtonGroupToggleSelect, LibButtonGroupToggle } from '../../types';
+interface ILibButtonGroupBase extends LibComponentBase<HTMLDivElement> {
+    color?: LibColorsHover;
+    variant?: Extract<LibButtonVariant, "plain" | "transparent" | "ghost">;
+    borderRadius?: ILibRadius;
+    size?: LibButtonSize;
+    iconBaseUrl?: string;
+}
+interface ButtonGroupWithButtons extends ILibButtonGroupBase {
+    buttons: Array<LibButtonGroupButtonItem>;
+    name?: string;
+    toggles?: never;
+    toggleType?: never;
+}
+interface ButtonGroupWithToggles extends ILibButtonGroupBase {
+    buttons?: never;
+    name: string;
+    toggles: Array<LibButtonGroupToggle>;
+    toggleType?: LibButtonGroupToggleSelect;
+}
+export type ILibButtonGroup = ButtonGroupWithButtons | ButtonGroupWithToggles;
+export {};

package/dist/components/ButtonIcon/ButtonFunction.d.ts

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

package/dist/components/ButtonIcon/ButtonIcon.d.ts

@@ -0,0 +1,30 @@
+import { ILibButtonIcon } from './types';
+/**
+ * @description Returns a ButtonIcon component
+ * @link https://documentation-components-react.vercel.app/components/button-icon
+ * @extends HTMLButtonElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLButtonElement & HTMLAnchorElement>
+ * @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 ButtonIcon: import('react').ForwardRefExoticComponent<ILibButtonIcon & import('react').RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { LibButtonVariant } from '../../types';
+import { ILibButtonMixin } from '../ComponentsMixins';
+export interface ILibButtonIconStyles extends ILibButtonMixin {
+    $variant?: Extract<LibButtonVariant, "plain" | "transparent" | "ghost">;
+    $size: number;
+    $showBackgroundHover?: boolean;
+}

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

@@ -0,0 +1,55 @@
+import { ButtonHTMLAttributes, CSSProperties } from 'react';
+import { LibComponentBase, LibIcon, ILibBoxShadow, ILibRadius, LibButtonLinkBlank, LibColorsHover, LibTooltipPosition, LibSpacers, LibButtonIconVariant, LibLoaderVariant, LibAllColors } from '../../types';
+type ILibButtonIconBase = LibComponentBase<HTMLButtonElement & HTMLAnchorElement> & ButtonHTMLAttributes<HTMLButtonElement & HTMLAnchorElement> & LibButtonLinkBlank & {
+    icon: LibIcon;
+    iconSize?: number;
+    iconBaseUrl?: string;
+    size?: number;
+    shadow?: ILibBoxShadow;
+    borderRadius?: ILibRadius;
+    color?: LibColorsHover;
+    children?: never;
+};
+type ButtonIconVariantsBackground = ILibButtonIconBase & {
+    variant?: Extract<LibButtonIconVariant, "plain" | "ghost">;
+    showBackgroundHover?: never;
+};
+type ButtonIconVariantsWithoutBackground = ILibButtonIconBase & {
+    variant?: Extract<LibButtonIconVariant, "transparent">;
+    showBackgroundHover?: boolean;
+};
+type ButtonIconVariant = ButtonIconVariantsBackground | ButtonIconVariantsWithoutBackground;
+type ButtonIconLoading = ButtonIconVariant & {
+    isLoading?: boolean;
+    loaderVariant?: Extract<LibLoaderVariant, 1 | 2 | 3>;
+    loaderBorderWidth?: number;
+};
+type ButtonIconLoadingVariant = ButtonIconVariant & {
+    isLoading?: boolean;
+    loaderVariant?: Extract<LibLoaderVariant, 4>;
+    loaderBorderWidth?: never;
+};
+type ButtonIconNotLoading = ButtonIconVariant & {
+    isLoading?: undefined;
+    loaderVariant?: never;
+    loaderBorderWidth?: never;
+};
+type ILibButtonIconAndLoader = ButtonIconLoading | ButtonIconLoadingVariant | ButtonIconNotLoading;
+type ButtonIconWithTooltip = ILibButtonIconAndLoader & {
+    tooltip?: string;
+    showTooltip?: boolean | {
+        position?: LibTooltipPosition;
+        offset?: LibSpacers;
+        backgroundColor?: LibAllColors;
+        textColor?: LibAllColors;
+        hideArrow?: boolean;
+    };
+    containerStyle?: CSSProperties;
+};
+type ButtonIconWithoutTooltip = ILibButtonIconAndLoader & {
+    tooltip?: undefined;
+    showTooltip?: never;
+    containerStyle?: never;
+};
+export type ILibButtonIcon = ButtonIconWithTooltip | ButtonIconWithoutTooltip;
+export {};

package/dist/components/Card/Card.d.ts

@@ -0,0 +1,36 @@
+import { ILibCard } from './types';
+/**
+ * @description Returns a Card component
+ * @link https://documentation-components-react.vercel.app/components/card
+ * @extends ILibFlexbox
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @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 inline?: boolean
+ * @prop flexDirection?: CssFlexDirection
+ * @prop flexWrap?: CssFlexWrap
+ * @prop justifyContent?: CssJustifyContent
+ * @prop alignItems?: CssAlignItems
+ * @prop justifyItems?: CssJustifyItems
+ * @prop alignContent?: CssAlignContent
+ * @prop gap?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
+ * @prop columnGap?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
+ * @prop rowGap?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
+ * @prop padding?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px" | { left?: LibSpacers | "auto"; top?: LibSpacers | "auto"; right?: LibSpacers | "auto"; bottom?: LibSpacers | "auto"; leftRight?: LibSpacers | "auto"; topBottom?: LibSpacers | "auto" }
+ * @prop border?: { style?: CssBorderStyle; width?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"; color?: Any color from the library }
+ * @prop borderRadius?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "round" | "circle" | number | { topLeft?: LibRadiuses; topRight?: LibRadiuses; bottomLeft?: LibRadiuses; bottomRight?: LibRadiuses }
+ * @prop cursor?: CssCursor
+ * @prop width?: string | number
+ * @prop height?: string | 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 backgroundColor?: Any color from the library
+ * @prop textColor?: Any color from the library
+ * @prop backgroundImg?: { img: string; clip?: CssBackgroundClip; origin?: CssBackgroundOrigin; position?: CssBackgroundPosition; repeat?: CssBackgroundRepeat; size?: CssBackgroundSize }
+ * @prop textAlign?: CssTextAlign
+ */
+export declare const Card: import('react').ForwardRefExoticComponent<ILibCard & import('react').RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,33 @@
+import { Property } from 'csstype';
+import { CssCursor, LibAllColors, ILibBorder, ILibBoxShadow, ILibPadding, ILibRadius, CssTextAlign, CssAlignContent, CssAlignItems, CssFlexDirection, CssFlexWrap, CssJustifyContent, CssJustifyItems, LibSpacers } from '../../types';
+declare const StyledCard: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $border?: ILibBorder;
+    $borderRadius?: ILibRadius;
+    $padding?: ILibPadding;
+    $cursor?: CssCursor;
+    $width?: string | number;
+    $height?: string | number;
+    $shadow?: ILibBoxShadow;
+    $backgroundColor: LibAllColors;
+    $textColor: LibAllColors;
+    $backgroundImg?: {
+        $img: string;
+        $clip?: Property.BackgroundClip;
+        $origin?: Property.BackgroundOrigin;
+        $position?: Property.BackgroundPosition;
+        $repeat?: Property.BackgroundRepeat;
+        $size?: Property.BackgroundSize;
+    };
+    $textAlign?: CssTextAlign;
+    $inline?: boolean;
+    $flexDirection?: CssFlexDirection;
+    $flexWrap?: CssFlexWrap;
+    $justifyContent?: CssJustifyContent;
+    $alignItems?: CssAlignItems;
+    $justifyItems?: CssJustifyItems;
+    $alignContent?: CssAlignContent;
+    $gap?: LibSpacers;
+    $columnGap?: LibSpacers;
+    $rowGap?: LibSpacers;
+}>> & string;
+export { StyledCard };

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

@@ -0,0 +1,14 @@
+import { LibComponentBase, LibButtonLinkBlank, ILibBackgroundImage, ILibBorder, ILibRadius, CssCursor, ILibBoxShadow, LibAllColors, CssTextAlign } from '../../types';
+import { ILibFlexbox } from '../Flexbox/types';
+export type ILibCard = LibComponentBase<HTMLDivElement> & LibButtonLinkBlank & ILibFlexbox & {
+    border?: ILibBorder;
+    borderRadius?: ILibRadius;
+    cursor?: CssCursor;
+    width?: string | number;
+    height?: string | number;
+    shadow?: ILibBoxShadow;
+    backgroundColor?: LibAllColors;
+    textColor?: LibAllColors;
+    backgroundImg?: ILibBackgroundImage;
+    textAlign?: CssTextAlign;
+};

package/dist/components/CodeContainer/CodeContainer.d.ts

@@ -0,0 +1,19 @@
+import { ILibCodeContainer } from './types';
+/**
+ * @description Returns a CodeContainer component
+ * @link https://documentation-components-react.vercel.app/components/code-container
+ * @extends HTMLDivElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop language?: string => language name
+ * @prop highlighterProps?: SyntaxHighlighterProps => imported from react-syntax-highlighter
+ * @prop color?: Any color from the library
+ * @prop highlighterStyle?: CSSProperties
+ * @prop hideCopyButton?: boolean
+ * @prop tooltipTexts?: { copy?: string; copied?: string } => only if hideCopyButton is not set to true
+ * @prop icons?: { copy?: string | JSX.Element; copied?: string | JSX.Element }
+ * @prop iconsSizes?: { copy?: number; copied?: number }
+ * @prop iconsBaseUrl?: string
+ */
+export declare const CodeContainer: import('react').ForwardRefExoticComponent<ILibCodeContainer & import('react').RefAttributes<HTMLDivElement>>;