@julseb-lib/react 0.0.58 → 0.0.63

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

@@ -0,0 +1,18 @@
+import type { ILibDropdown } from "./types";
+/**
+ * @description Returns a Dropdown component
+ * @link https://documentation-components-react.vercel.app/components/dropdown
+ * @extends HTMLDivElement
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop data-testid?: string
+ * @prop isOpen: boolean
+ * @prop setIsOpen: Dispatch<SetStateAction<boolean>>
+ * @prop items: Array<LibDropdownItem> => only if children is not defined
+ * @prop children?: ReactChildren => only if items is not defined
+ * @prop accentColor?: "primary" | "secondary" | "success" | "danger" | "warning" | "white" | "gray" | "font" | "background"
+ * @prop direction?: "up" | "down"
+ * @prop maxHeightOpen?: number
+ * @prop positionFromButton?: number
+ * @prop shadow?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | null
+ */
+export declare const Dropdown: import("react").ForwardRefExoticComponent<ILibDropdown & import("react").RefAttributes<HTMLDivElement>>;

package/dist/lib/components/Dropdown/DropdownContainer.d.ts

@@ -0,0 +1,22 @@
+import type { ILibDropdownContainer } from "./types";
+/**
+ * @description Returns a DropdownContainer component
+ * @link https://documentation-components-react.vercel.app/components/dropdown
+ * @extends ILibFlexbox
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop isOpen: boolean
+ * @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" }
+ */
+export declare const DropdownContainer: import("react").ForwardRefExoticComponent<ILibDropdownContainer & import("react").RefAttributes<HTMLDivElement>>;

package/dist/lib/components/Dropdown/DropdownItem.d.ts

@@ -0,0 +1,20 @@
+import type { ILibDropdownItem } from "./types";
+/**
+ * @description Returns a DropdownItem component
+ * @link https://documentation-components-react.vercel.app/components/dropdown
+ * @extends HTMLButtonElement & HTMLAnchorElement & LibButtonLinkBlankRequired
+ * @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 accentColor?: "primary" | "secondary" | "success" | "danger" | "warning" | "white" | "gray" | "font" | "background"
+ * @prop gap?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
+ * @prop icon?: string | JSX.Element
+ * @prop iconSize?: number => only if icon is defined
+ * @prop iconBaseUrl?: string => only if icon is defined
+ */
+export declare const DropdownItem: import("react").ForwardRefExoticComponent<ILibDropdownItem & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;

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

@@ -0,0 +1,3 @@
+export * from "./Dropdown";
+export * from "./DropdownContainer";
+export * from "./DropdownItem";

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

@@ -0,0 +1,15 @@
+import type { LibColorsHover, LibInputListDirection, LibSpacers } from "../../types";
+declare const StyledDropdown: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $direction: LibInputListDirection;
+    $maxHeight: number;
+    $buttonOpenHeight: number;
+    $shadow?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | undefined;
+}, never>;
+declare const StyledDropdownContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Flexbox/types").ILibFlexbox & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+declare const StyledDropdownItem: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    $accentColor: LibColorsHover;
+    $gap: LibSpacers;
+}, never>;
+declare const IconContainer: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+declare const TextContent: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export { StyledDropdownContainer, StyledDropdown, StyledDropdownItem, IconContainer, TextContent, };

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

@@ -0,0 +1,40 @@
+import type { ButtonHTMLAttributes } from "react";
+import type { LibDropdownItem, LibColorsHover, LibComponentBase, LibInputListDirection, ReactChildren, DispatchState, LibShadows, LibButtonLinkBlankRequired, LibIcon, LibSpacers } from "../../types";
+import type { ILibFlexbox } from "../Flexbox/types";
+interface ILibDropdownBase extends LibComponentBase<HTMLDivElement> {
+    isOpen: boolean;
+    setIsOpen: DispatchState<boolean>;
+    accentColor?: LibColorsHover;
+    direction?: LibInputListDirection;
+    maxHeightOpen?: number;
+    positionFromButton?: number;
+    shadow?: LibShadows | null;
+}
+interface DropdownWithItems extends ILibDropdownBase {
+    items: Array<LibDropdownItem>;
+    children?: never;
+}
+interface DropdownWithChildren extends ILibDropdownBase {
+    items?: never;
+    children?: ReactChildren;
+}
+export type ILibDropdown = DropdownWithItems | DropdownWithChildren;
+export interface ILibDropdownContainer extends ILibFlexbox {
+    isOpen: boolean;
+}
+type ILibDropdownItemBase = LibComponentBase<HTMLButtonElement & HTMLAnchorElement> & ButtonHTMLAttributes<HTMLButtonElement & HTMLAnchorElement> & LibButtonLinkBlankRequired & {
+    accentColor?: LibColorsHover;
+    gap?: LibSpacers;
+};
+type DropdownItemWithIcon = ILibDropdownItemBase & {
+    icon?: LibIcon;
+    iconSize?: number;
+    iconBaseUrl?: string;
+};
+type DropdownItemWithoutIcon = ILibDropdownItemBase & {
+    icon?: undefined | null;
+    iconSize?: never;
+    iconBaseUrl?: never;
+};
+export type ILibDropdownItem = DropdownItemWithIcon | DropdownItemWithoutIcon;
+export {};

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

@@ -0,0 +1,10 @@
+import type { ILibFade } from "./types";
+/**
+ * @description Returns a Fade component
+ * @link https://documentation-components-react.vercel.app/components/fade
+ * @extends HTMLDivElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ */
+export declare const Fade: import("react").ForwardRefExoticComponent<ILibFade & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

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

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

@@ -0,0 +1,3 @@
+import type { LibComponentBase } from "../../types";
+export interface ILibFade extends LibComponentBase<HTMLDivElement> {
+}

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

@@ -0,0 +1,18 @@
+import type { ILibRadius } from "../../types";
+/**
+ * @description Returns a Fallback component. Use it for lazy loading in Image or Video components
+ * @extends HTMLDivElement
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop $width: string | number
+ * @prop $height: string | number
+ * @prop $borderRadius?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "round" | "circle" | number | { topLeft?: LibRadiuses; topRight?: LibRadiuses; bottomLeft?: LibRadiuses; bottomRight?: LibRadiuses }
+ * @prop $aspectRatio?: string
+ */
+declare const Fallback: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $width: string | number;
+    $height: string | number;
+    $borderRadius?: ILibRadius | undefined;
+    $aspectRatio?: string | undefined;
+}, never>;
+export { Fallback };

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

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

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

@@ -0,0 +1,25 @@
+import type { ILibFieldset } from "./types";
+/**
+ * @description Returns a Fieldset component
+ * @link https://documentation-components-react.vercel.app/components/fieldset
+ * @extends HTMLFieldSetElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLFieldSetElement>
+ * @prop legend: string
+ * @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 containerStyle?: CSSProperties
+ * @prop validation?: { status: boolean | undefined; message?: string; iconNotPassed?: string | JSX.Element; iconNotPassedSize?: number; iconPassed?: string | JSX.Element; iconPassedSize?: number; iconBaseUrl?: string }
+ */
+export declare const Fieldset: import("react").ForwardRefExoticComponent<ILibFieldset & import("react").RefAttributes<HTMLFieldSetElement>>;

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

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

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

@@ -0,0 +1,18 @@
+import type { ILibBorder, ILibPadding, ILibRadius, LibSpacers, LibValidationStatus } from "../../types";
+declare const StyledFieldset: import("styled-components").StyledComponent<"fieldset", import("styled-components").DefaultTheme, {
+    $flexDirection?: import("csstype").Property.FlexDirection | undefined;
+    $flexWrap?: import("csstype").Property.FlexWrap | undefined;
+    $justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    $alignItems?: import("csstype").Property.AlignItems | undefined;
+    $justifyItems?: import("csstype").Property.JustifyItems | undefined;
+    $alignContent?: import("csstype").Property.AlignContent | undefined;
+    $gap?: LibSpacers | undefined;
+    $columnGap?: LibSpacers | undefined;
+    $rowGap?: LibSpacers | undefined;
+    $padding?: ILibPadding | undefined;
+    $border?: ILibBorder | undefined;
+    $borderRadius?: ILibRadius | undefined;
+    $validationStatus: LibValidationStatus | undefined;
+}, never>;
+declare const Legend: import("styled-components").StyledComponent<"legend", import("styled-components").DefaultTheme, {}, never>;
+export { StyledFieldset, Legend };

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

@@ -0,0 +1,17 @@
+import type { CssAlignContent, CssAlignItems, CssFlexDirection, CssFlexWrap, CssJustifyContent, CssJustifyItems, ILibBorder, ILibPadding, ILibRadius, LibComponentBase, LibSpacers } from "../../types";
+import type { ILibInputBase } from "../InputComponents/types";
+export interface ILibFieldset extends LibComponentBase<HTMLFieldSetElement>, Pick<ILibInputBase, "containerStyle" | "validation"> {
+    legend: string;
+    flexDirection?: CssFlexDirection;
+    flexWrap?: CssFlexWrap;
+    justifyContent?: CssJustifyContent;
+    alignItems?: CssAlignItems;
+    justifyItems?: CssJustifyItems;
+    alignContent?: CssAlignContent;
+    gap?: LibSpacers;
+    columnGap?: LibSpacers;
+    rowGap?: LibSpacers;
+    padding?: ILibPadding;
+    border?: ILibBorder;
+    borderRadius?: ILibRadius;
+}

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

@@ -0,0 +1,21 @@
+import type { ILibFlexbox } from "./types";
+/**
+ * @description Returns a Flexbox component
+ * @link https://documentation-components-react.vercel.app/layouts/flexbox
+ * @extends HTMLDivElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @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" }
+ */
+export declare const Flexbox: import("react").ForwardRefExoticComponent<ILibFlexbox & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,15 @@
+import type { ILibPadding, LibSpacers } from "../../types";
+declare const StyledFlexbox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $inline?: boolean | undefined;
+    $flexDirection?: import("csstype").Property.FlexDirection | undefined;
+    $flexWrap?: import("csstype").Property.FlexWrap | undefined;
+    $justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    $alignItems?: import("csstype").Property.AlignItems | undefined;
+    $justifyItems?: import("csstype").Property.JustifyItems | undefined;
+    $alignContent?: import("csstype").Property.AlignContent | undefined;
+    $gap?: LibSpacers | undefined;
+    $columnGap?: LibSpacers | undefined;
+    $rowGap?: LibSpacers | undefined;
+    $padding?: ILibPadding | undefined;
+}, never>;
+export { StyledFlexbox };

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

@@ -0,0 +1,14 @@
+import type { LibComponentBase, CssAlignContent, CssAlignItems, CssFlexDirection, CssFlexWrap, CssJustifyContent, CssJustifyItems, LibSpacers, ILibPadding } from "../../types";
+export interface ILibFlexbox extends LibComponentBase<HTMLDivElement> {
+    inline?: boolean;
+    flexDirection?: CssFlexDirection;
+    flexWrap?: CssFlexWrap;
+    justifyContent?: CssJustifyContent;
+    alignItems?: CssAlignItems;
+    justifyItems?: CssJustifyItems;
+    alignContent?: CssAlignContent;
+    gap?: LibSpacers;
+    columnGap?: LibSpacers;
+    rowGap?: LibSpacers;
+    padding?: ILibPadding;
+}

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

@@ -0,0 +1,28 @@
+import type { ILibFooter } from "./types";
+/**
+ * @description Returns a Footer component
+ * @link https://documentation-components-react.vercel.app/components/footer
+ * @extends HTMLDivElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop links: Array<LibFooterLink> => required if direction is set to horizontal, only if children is not defined
+ * @prop logo: string | { img: string => only if text is not defined; text: string => only if img is not defined; alt?: string => only if img is defined; width?: number => only if img is defined; height?: number => only if img is defined } => required if direction is set to horizontal
+ * @prop children?: ReactChildren
+ * @prop withSeparator?: boolean
+ * @prop linksSeparator?: "dot" | "dash"
+ * @prop direction?: "horizontal" | "vertical"
+ *
+ * @type LibFooterLink
+ * @prop data-testid?: string
+ * @prop className?: string
+ * @prop id?: string
+ * @prop ref?: ForwardedRef<HTMLAnchorElement & HTMLButtonElement>
+ * @prop text: string
+ * @prop onClick: void => only if to or href are not defined
+ * @prop disabled?: boolean => only if onClick is defined
+ * @prop to: string => only if onClick and href are not defined
+ * @prop href: string => only if onClick and to are not defined
+ * @prop blank?: boolean => only if to or href are defined
+ */
+export declare const Footer: import("react").ForwardRefExoticComponent<ILibFooter & import("react").RefAttributes<HTMLDivElement>>;

package/dist/lib/components/Footer/FooterLink.d.ts

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

package/dist/lib/components/Footer/FooterLogo.d.ts

@@ -0,0 +1,2 @@
+import type { ILibFooterLogo } from "./subtypes";
+export declare const FooterLogo: ({ "data-testid": testid, className, logo, }: ILibFooterLogo) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,17 @@
+import type { LibFooterDirection } from "../../types";
+declare const StyledFooter: import("styled-components").StyledComponent<"footer", import("styled-components").DefaultTheme, {
+    $withSeparator?: boolean | undefined;
+    $direction: LibFooterDirection;
+}, never>;
+declare const LogoImg: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Image/types").ILibImage & import("react").RefAttributes<HTMLImageElement>>, import("styled-components").DefaultTheme, {
+    fit: "contain";
+}, "fit">;
+declare const LogoText: any;
+declare const FooterLinksContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Flexbox/types").ILibFlexbox & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    alignItems: "center";
+    justifyContent: "center";
+    gap: "xs";
+    flexWrap: "wrap";
+}, "gap" | "flexWrap" | "justifyContent" | "alignItems">;
+declare const FooterLinkSeparatorContainer: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export { StyledFooter, LogoImg, LogoText, FooterLinksContainer, FooterLinkSeparatorContainer, };

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

@@ -0,0 +1,7 @@
+import type { LibFooterLink } from "../../types";
+import type { ILibFooter } from "./types";
+export interface ILibFooterLink extends Pick<ILibFooter, "data-testid" | "className"> {
+    item: LibFooterLink;
+}
+export interface ILibFooterLogo extends Pick<ILibFooter, "data-testid" | "className" | "logo"> {
+}

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

@@ -0,0 +1,48 @@
+import type { LibComponentBase, LibFooterDirection, LibFooterLink, ReactChildren, RequireAtLeastOne, LibFooterLinksSeparator } from "../../types";
+interface FooterWithLogoImg {
+    img: string;
+    alt?: string;
+    width?: number;
+    height?: number;
+    text?: never;
+}
+interface FooterWithLogoText {
+    img?: never;
+    alt?: never;
+    width?: never;
+    height?: never;
+    text: string;
+}
+type LibFooterLogo = FooterWithLogoImg | FooterWithLogoText;
+interface ILibFooterBase extends LibComponentBase<HTMLDivElement> {
+    withSeparator?: boolean;
+    linksSeparator?: LibFooterLinksSeparator;
+}
+interface FooterHorizontalWithItems extends ILibFooterBase {
+    links: Array<LibFooterLink>;
+    logo: string | LibFooterLogo;
+    direction?: Extract<LibFooterDirection, "horizontal">;
+    children?: never;
+}
+interface FooterHorizontalWithChildren extends ILibFooterBase {
+    links?: never;
+    logo: LibFooterLogo;
+    direction?: Extract<LibFooterDirection, "horizontal">;
+    children?: ReactChildren;
+}
+type LibFooterHorizontal = FooterHorizontalWithItems | FooterHorizontalWithChildren;
+interface FooterVerticalWithItems extends ILibFooterBase {
+    links?: Array<LibFooterLink>;
+    logo?: LibFooterLogo;
+    direction?: Extract<LibFooterDirection, "vertical">;
+    children?: never;
+}
+interface FooterVerticalWithChildren extends ILibFooterBase {
+    links?: never;
+    logo?: LibFooterLogo;
+    direction?: Extract<LibFooterDirection, "vertical">;
+    children?: ReactChildren;
+}
+type LibFooterVertical = RequireAtLeastOne<FooterVerticalWithItems | FooterVerticalWithChildren, "links" | "children" | "logo">;
+export type ILibFooter = LibFooterHorizontal | LibFooterVertical;
+export {};

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

@@ -0,0 +1,15 @@
+import type { ILibForm } from "./types";
+/**
+ * @description Returns a Form component
+ * @link https://documentation-components-react.vercel.app/components/form
+ * @extends HTMLFormElement
+ * @prop data-testid?: string
+ * @prop ref?: ForwardedRef<HTMLFormElement>
+ * @prop buttonPrimary?: string | { text: string; iconLeft?: string | JSX.Element; iconRight?: string | JSX.Element; iconLeftSize?: number; iconRightSize?: number }
+ * @prop buttonSecondary?: { onClick?: void => only if to or href are not defined; disabled?: boolean => only if onClick is defined; to?: string => only if onClick and href are not defined; href?: string => only if onClick and to are not defined; text: string; iconLeft?: string | JSX.Element; iconRight?: string | JSX.Element; iconLeftSize?: number; iconRightSize?: number }
+ * @prop isLoading?: boolean
+ * @prop disabled?: boolean
+ * @prop gap?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
+ * @prop maxWidth?: string | number
+ */
+export declare const Form: import("react").ForwardRefExoticComponent<ILibForm & import("react").RefAttributes<HTMLFormElement>>;

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

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

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

@@ -0,0 +1,6 @@
+import type { LibSpacers } from "../../types";
+declare const StyledForm: import("styled-components").StyledComponent<"form", import("styled-components").DefaultTheme, {
+    $gap?: LibSpacers | undefined;
+    $maxWidth: string | number;
+}, never>;
+export { StyledForm };

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

@@ -0,0 +1,21 @@
+import type { LibButtonLinkRequired, LibComponentBase, LibIcon, LibSpacers } from "../../types";
+export interface ILibForm extends Exclude<LibComponentBase<HTMLFormElement>, "as"> {
+    buttonPrimary?: string | {
+        text: string;
+        iconLeft?: LibIcon;
+        iconRight?: LibIcon;
+        iconLeftSize?: number;
+        iconRightSize?: number;
+    };
+    buttonSecondary?: LibButtonLinkRequired & {
+        text: string;
+        iconLeft?: LibIcon;
+        iconRight?: LibIcon;
+        iconLeftSize?: number;
+        iconRightSize?: number;
+    };
+    isLoading?: boolean;
+    disabled?: boolean;
+    gap?: LibSpacers;
+    maxWidth?: string | number;
+}

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

@@ -0,0 +1,13 @@
+import type { ILibFullBleed } from "./types";
+/**
+ * @description Returns a FullBleed component
+ * @link https://documentation-components-react.vercel.app/components/full-bleed
+ * @extends HTMLDivElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop height?: number | string
+ * @prop aspectRatio?: string
+ * @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" }
+ */
+export declare const FullBleed: import("react").ForwardRefExoticComponent<ILibFullBleed & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,7 @@
+import type { ILibPadding } from "../../types";
+declare const StyledFullBleed: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $height?: string | number | undefined;
+    $aspectRatio?: string | undefined;
+    $padding?: ILibPadding | undefined;
+}, never>;
+export { StyledFullBleed };

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

@@ -0,0 +1,6 @@
+import type { LibComponentBase, ILibPadding } from "../../types";
+export interface ILibFullBleed extends LibComponentBase<HTMLDivElement> {
+    height?: number | string;
+    aspectRatio?: string;
+    padding?: ILibPadding;
+}

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

@@ -0,0 +1,20 @@
+import type { ILibGrid } from "./types";
+/**
+ * @description Returns a Grid component
+ * @link https://documentation-components-react.vercel.app/layouts/grid
+ * @extends HTMLDivElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop inline?: boolean
+ * @prop col?: number | string
+ * @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 justifyItems?: CssJustifyItems
+ * @prop alignItems?: CssAlignItems
+ * @prop justifyContent?: CssJustifyContent
+ * @prop alignContent?: CssAlignContent
+ * @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" }
+ */
+export declare const Grid: import("react").ForwardRefExoticComponent<ILibGrid & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,14 @@
+import type { ILibPadding, LibSpacers } from "../../types";
+declare const StyledGrid: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $inline?: boolean | undefined;
+    $col?: string | number | undefined;
+    $gap?: LibSpacers | undefined;
+    $columnGap?: LibSpacers | undefined;
+    $rowGap?: LibSpacers | undefined;
+    $justifyItems?: import("csstype").Property.JustifyItems | undefined;
+    $alignItems?: import("csstype").Property.AlignItems | undefined;
+    $justifyContent?: import("csstype").Property.JustifyContent | undefined;
+    $alignContent?: import("csstype").Property.AlignContent | undefined;
+    $padding?: ILibPadding | undefined;
+}, never>;
+export { StyledGrid };

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

@@ -0,0 +1,13 @@
+import type { CssAlignContent, CssAlignItems, CssJustifyContent, CssJustifyItems, LibComponentBase, LibSpacers, ILibPadding } from "../../types";
+export interface ILibGrid extends LibComponentBase<HTMLDivElement> {
+    inline?: boolean;
+    col?: number | string;
+    gap?: LibSpacers;
+    columnGap?: LibSpacers;
+    rowGap?: LibSpacers;
+    justifyItems?: CssJustifyItems;
+    alignItems?: CssAlignItems;
+    justifyContent?: CssJustifyContent;
+    alignContent?: CssAlignContent;
+    padding?: ILibPadding;
+}

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

@@ -0,0 +1,25 @@
+import type { ILibHeader } from "./types";
+/**
+ * @description Returns a Header component
+ * @link https://documentation-components-react.vercel.app/components/header
+ * @extends HTMLDivElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop logo: LibHeaderLogo
+ * @prop links: Array<LibHeaderLink> => only if children is not defined
+ * @prop children?: ReactChildren => only if links is not defined
+ * @prop burgerPosition?: LibNavBurgerPosition
+ * @prop burgerColor?: "primary" | "secondary" | "success" | "danger" | "warning" | "white" | "gray" | "font" | "background" { closed: "primary" | "secondary" | "success" | "danger" | "warning" | "white" | "gray" | "font" | "background"; open: "primary" | "secondary" | "success" | "danger" | "warning" | "white" | "gray" | "font" | "background" }
+ * @prop navDesktopVariant?: LibNavBurgerPosition
+ * @prop navMobileVariant?: LibNavMobileVariant
+ * @prop enableScrollingOpen?: boolean
+ * @prop search?: { pathname: string; queries?: Array<Array<string>>; iconLeft?: string | JSX.Element; iconLeftSize?: number; iconClear?: string | JSX.Element; iconClearSize?: number; iconBaseUrl?: string; placeholder?: string; keyboardShortcut?: Array<string>; showKeys?: boolean; inputBackground?: "light" | "dark"; maxWidth?: string | number; inputVariant?: "rounded" | "pill" }
+ * @prop position?: LibHeaderPosition
+ * @prop hideOnScroll?: boolean | number => only if position is set to fixed
+ * @prop variant?: "primary" | "white" | "transparent"
+ * @prop backgroundColor?: Any color from the library => only if variant is set to primary
+ * @prop textColor?: Any color from the library => only if variant is set to primary
+ * @prop linkColor?: "primary" | "secondary" | "success" | "danger" | "warning" | "white" | "gray" | "font"
+ */
+export declare const Header: import("react").ForwardRefExoticComponent<ILibHeader & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,2 @@
+import type { ILibHeaderLogo } from "./subtypes";
+export declare const HeaderLogo: ({ "data-testid": testid, className, logo, children, isOpen, }: ILibHeaderLogo) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import type { ILibHeaderNav } from "./subtypes";
+export declare const HeaderNav: ({ "data-testid": testid, className, search, isOpen, children, links, headerHeight, variant, navMobileVariant, burgerPosition, burgerRef, handleClose, nav, }: ILibHeaderNav) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import type { ILibHeaderNavLink } from "./subtypes";
+export declare const HeaderNavLink: ({ "data-testid": testid, link, className, }: ILibHeaderNavLink) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import type { ILibHeaderSearch } from "./subtypes";
+export declare const HeaderSearch: ({ "data-testid": testid, className, search, handleClose, }: ILibHeaderSearch) => import("react/jsx-runtime").JSX.Element | null;

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

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