@julseb-lib/react 0.0.61 → 0.0.63

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

@@ -0,0 +1,20 @@
+import type { LibAllColors } from "../../types";
+declare const StyledListGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $maxHeight?: string | number | undefined;
+    $hasTitleFixed: boolean;
+}, never>;
+declare const StyledListItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $isHoverable?: boolean | undefined;
+    $noSeparator: boolean | undefined;
+}, never>;
+declare const ListItemContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const LeftContainer: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+declare const RightContainer: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+declare const StyledListGroupTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $backgroundColor: LibAllColors;
+    $contentColor: LibAllColors;
+    $noSeparator: boolean | undefined;
+    $isFixed?: boolean | undefined;
+    $shadow?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | undefined;
+}, never>;
+export { StyledListGroup, StyledListItem, ListItemContent, LeftContainer, RightContainer, StyledListGroupTitle, };

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

@@ -0,0 +1,73 @@
+import type { ForwardedRef, RefObject } from "react";
+import type { LibAllColors, LibComponentBase, LibListGroupItem, LibShadows, ReactChildren, LibButtonLinkBlank, LibIcon } from "../../types";
+interface ILibListGroupBase extends Omit<LibComponentBase<HTMLDivElement>, "title"> {
+    title?: string | {
+        text: string;
+        backgroundColor?: LibAllColors;
+        contentColor?: LibAllColors;
+        isFixed?: boolean;
+        id?: string;
+        className?: string;
+        ref?: ForwardedRef<HTMLDivElement>;
+        shadowOnScroll?: LibShadows;
+    };
+    noSeparator?: boolean;
+    showNumbers?: boolean;
+    maxHeight?: number | string;
+}
+interface ListGroupWithItems extends ILibListGroupBase {
+    items: Array<LibListGroupItem>;
+    children?: never;
+}
+interface ListGroupWithChildren extends ILibListGroupBase {
+    items?: never;
+    children?: ReactChildren;
+}
+export type ILibListGroup = ListGroupWithItems | ListGroupWithChildren;
+interface ILibListGroupTitleBase extends LibComponentBase<HTMLDivElement> {
+    backgroundColor?: LibAllColors;
+    contentColor?: LibAllColors;
+    noSeparator?: boolean;
+    isFixed?: boolean;
+}
+interface ListGroupItemTitleWithShadow extends ILibListGroupTitleBase {
+    shadowOnScroll?: LibShadows;
+    listRef: RefObject<HTMLDivElement>;
+}
+interface ListGroupItemTitleWithoutShadow extends ILibListGroupTitleBase {
+    shadowOnScroll?: null | false | undefined;
+    listRef?: never;
+}
+export type ILibListGroupTitle = ListGroupItemTitleWithShadow | ListGroupItemTitleWithoutShadow;
+type ListGroupItemBadgeBase = {
+    backgroundColor?: LibAllColors;
+    contentColor?: LibAllColors;
+};
+type ListGroupItemBadgeWithIcon = ListGroupItemBadgeBase & {
+    icon?: LibIcon;
+    iconSize?: number;
+    number?: never;
+};
+type ListGroupItemBadgeWithNumber = ListGroupItemBadgeBase & {
+    icon?: never;
+    iconSize?: never;
+    number?: number;
+};
+type ListGroupItemBadge = ListGroupItemBadgeWithIcon | ListGroupItemBadgeWithNumber;
+type ILibListGroupItemBase = LibComponentBase<HTMLDivElement & HTMLButtonElement & HTMLAnchorElement> & LibButtonLinkBlank & {
+    text: string;
+    body?: string;
+    isInArray?: boolean;
+    noSeparator?: boolean;
+    number?: number;
+};
+type ListGroupItemWithBadge = ILibListGroupItemBase & {
+    badge?: boolean | ListGroupItemBadge;
+    date?: never;
+};
+type ListGroupItemWithDate = ILibListGroupItemBase & {
+    badge?: never;
+    date?: string | Date;
+};
+export type ILibListGroupItem = ListGroupItemWithBadge | ListGroupItemWithDate;
+export {};

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

@@ -0,0 +1,14 @@
+import type { ILibLoader } from "./types";
+/**
+ * @description Returns a Loader component
+ * @link https://documentation-components-react.vercel.app/components/loader
+ * @extends HTMLSpanElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLSpanElement>
+ * @prop variant?: 1 | 2 | 3 | 4
+ * @prop borderWidth?: number => only if variant is set to 1 | 2 | 3
+ * @prop size?: number
+ * @prop color?: Any color from the library
+ */
+export declare const Loader: import("react").ForwardRefExoticComponent<ILibLoader & import("react").RefAttributes<HTMLSpanElement>>;

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

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

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

@@ -0,0 +1,11 @@
+import type { LibAllColors } from "../../types";
+type LoaderStyle = {
+    $size?: number;
+    $color: LibAllColors;
+    $borderWidth?: number;
+};
+declare const StyledLoaderOne: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, LoaderStyle, never>;
+declare const StyledLoaderTwo: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, LoaderStyle, never>;
+declare const StyledLoaderThree: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, LoaderStyle, never>;
+declare const StyledLoaderFour: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, Omit<LoaderStyle, "$borderWidth">, never>;
+export { StyledLoaderOne, StyledLoaderTwo, StyledLoaderThree, StyledLoaderFour };

package/dist/lib/components/Loader/templates/LoaderFour.d.ts

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

package/dist/lib/components/Loader/templates/LoaderOne.d.ts

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

package/dist/lib/components/Loader/templates/LoaderThree.d.ts

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

package/dist/lib/components/Loader/templates/LoaderTwo.d.ts

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

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

@@ -0,0 +1,16 @@
+import type { LibAllColors, LibComponentBase, LibLoaderVariant } from "../../types";
+interface ILibLoaderBase extends LibComponentBase<HTMLSpanElement> {
+    size?: number;
+    color?: LibAllColors;
+    children?: never;
+}
+interface LoaderWithBorder extends ILibLoaderBase {
+    variant?: Exclude<LibLoaderVariant, 4>;
+    borderWidth?: number;
+}
+interface LoaderWithDots extends ILibLoaderBase {
+    variant?: Extract<LibLoaderVariant, 4>;
+    borderWidth?: never;
+}
+export type ILibLoader = LoaderWithBorder | LoaderWithDots;
+export {};

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

@@ -0,0 +1,13 @@
+import type { ILibMain } from "./types";
+/**
+ * @description Returns a Main component
+ * @link https://documentation-components-react.vercel.app/layouts/container
+ * @extends HTMLDivElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop minHeight?: string | number
+ * @prop size?: "default" | "large" | "form" | "full" | number
+ * @prop contentSize?: "default" | "large" | "form" | number => only if size is set to full
+ */
+export declare const Main: import("react").ForwardRefExoticComponent<ILibMain & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,7 @@
+import type { LibMainSize } from "../../types";
+declare const StyledMain: import("styled-components").StyledComponent<"main", import("styled-components").DefaultTheme, {
+    $size?: LibMainSize | undefined;
+    $contentSize?: "large" | "default" | "form" | undefined;
+    $minHeight: string | number;
+}, never>;
+export { StyledMain };

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

@@ -0,0 +1,14 @@
+import type { LibComponentBase, LibMainSize } from "../../types";
+interface ILibMainBase extends LibComponentBase<HTMLDivElement> {
+    minHeight?: string | number;
+}
+interface MainWithSize extends ILibMainBase {
+    size?: Exclude<LibMainSize, "full">;
+    contentSize?: never;
+}
+interface MainWithFullPage extends ILibMainBase {
+    size?: Extract<LibMainSize, "full">;
+    contentSize?: Exclude<LibMainSize, "full">;
+}
+export type ILibMain = MainWithSize | MainWithFullPage;
+export {};

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

@@ -0,0 +1,10 @@
+import type { ILibMarkdownContainer } from "./types";
+/**
+ * @description Returns a MarkdownContainer component
+ * @link https://documentation-components-react.vercel.app/components/markdown-container
+ * @extends HTMLDivElement
+ * @prop data-testid?: string
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop options?: MarkdownToJSX.Options => imported from package markdown-to-jsx
+ */
+export declare const MarkdownContainer: import("react").ForwardRefExoticComponent<ILibMarkdownContainer & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,22 @@
+declare const StyledMarkdownContainer: import("styled-components").StyledComponent<import("react").FC<{
+    [key: string]: any;
+    children: string;
+    options?: Partial<{
+        createElement: (tag: string | import("react").FunctionComponent<{}> | import("react").ComponentClass<{}, any>, props: JSX.IntrinsicAttributes, ...children: import("react").ReactChild[]) => import("react").ReactChild;
+        disableAutoLink: boolean;
+        disableParsingRawHTML: boolean;
+        enforceAtxHeadings: boolean;
+        forceBlock: boolean;
+        forceInline: boolean;
+        forceWrapper: boolean;
+        namedCodesToUnicode: {
+            [key: string]: string;
+        };
+        overrides: import("markdown-to-jsx").MarkdownToJSX.Overrides;
+        renderRule: (next: () => import("react").ReactChild, node: import("markdown-to-jsx").MarkdownToJSX.ParserResult, renderChildren: import("markdown-to-jsx").MarkdownToJSX.RuleOutput, state: import("markdown-to-jsx").MarkdownToJSX.State) => import("react").ReactChild;
+        sanitizer: (value: string, tag: keyof JSX.IntrinsicElements, attribute: string) => string | null;
+        slugify: (input: string, defaultFn: (input: string) => string) => string;
+        wrapper: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | null;
+    }> | undefined;
+}>, import("styled-components").DefaultTheme, {}, never>;
+export { StyledMarkdownContainer };

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

@@ -0,0 +1,5 @@
+import type { MarkdownToJSX } from "markdown-to-jsx";
+import type { LibComponentBase } from "../../types";
+export interface ILibMarkdownContainer extends Exclude<LibComponentBase<HTMLDivElement>, "as"> {
+    options?: MarkdownToJSX.Options;
+}

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

@@ -0,0 +1,65 @@
+/**
+ * @description Returns a MarkdownEditor component
+ * @link https://documentation-components-react.vercel.app/components/markdown-editor
+ * @extends HTMLTextAreaElement
+ * @prop data-testid?: string
+ * @prop ref?: ForwardedRef<HTMLTextAreaElement>
+ * @prop value: string
+ * @prop setValue: Dispatch<SetStateAction<string>>
+ * @prop defaultEditor?: "editorCode" | "editorLive" | "editorPreview"
+ * @prop textButtonTitles?: string
+ * @prop showButtons?: LibMarkdownEditorOptions
+ * @prop icons?: { bold?: string | JSX.Element; italic?: string | JSX.Element; strikethrough?: string | JSX.Element; ul?: string | JSX.Element; ol?: string | JSX.Element; link?: string | JSX.Element; quote?: string | JSX.Element; hr?: string | JSX.Element; code?: string | JSX.Element; codeBlock?: string | JSX.Element; comment?: string | JSX.Element; image?: string | JSX.Element; editorCode?: string | JSX.Element; editorLive?: string | JSX.Element; editorPreview?: string | JSX.Element }
+ * @prop iconsSizes?: { bold?: number; italic?: number; strikethrough?: number; ul?: number; ol?: number; link?: number; quote?: number; hr?: number; code?: number; codeBlock?: number; comment?: number; image?: number; editorCode?: number; editorLive?: number; editorPreview?: number }
+ * @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 containerStyle?: CSSProperties
+ */
+export declare const MarkdownEditor: import("react").ForwardRefExoticComponent<import("../../types").LibComponentBase<HTMLTextAreaElement> & Omit<import("../InputComponents/types").ILibExtendedInputBase, "inputVariant"> & import("react").TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    value: string;
+    setValue: import("../../types").DispatchState<string>;
+    onChange?: undefined;
+    defaultEditor?: "editorCode" | "editorLive" | "editorPreview" | undefined;
+    textButtonTitles?: string | undefined;
+    showButtons?: import("../../types").LibMarkdownEditorOptions | undefined;
+    icons?: {
+        bold?: import("../../types").LibIcon | undefined;
+        italic?: import("../../types").LibIcon | undefined;
+        strikethrough?: import("../../types").LibIcon | undefined;
+        ul?: import("../../types").LibIcon | undefined;
+        ol?: import("../../types").LibIcon | undefined;
+        link?: import("../../types").LibIcon | undefined;
+        quote?: import("../../types").LibIcon | undefined;
+        hr?: import("../../types").LibIcon | undefined;
+        code?: import("../../types").LibIcon | undefined;
+        codeBlock?: import("../../types").LibIcon | undefined;
+        comment?: import("../../types").LibIcon | undefined;
+        image?: import("../../types").LibIcon | undefined;
+        editorCode?: import("../../types").LibIcon | undefined;
+        editorLive?: import("../../types").LibIcon | undefined;
+        editorPreview?: import("../../types").LibIcon | undefined;
+    } | undefined;
+    iconsSizes?: {
+        bold?: number | undefined;
+        italic?: number | undefined;
+        strikethrough?: number | undefined;
+        ul?: number | undefined;
+        ol?: number | undefined;
+        link?: number | undefined;
+        quote?: number | undefined;
+        hr?: number | undefined;
+        code?: number | undefined;
+        codeBlock?: number | undefined;
+        comment?: number | undefined;
+        image?: number | undefined;
+        editorCode?: number | undefined;
+        editorLive?: number | undefined;
+        editorPreview?: number | undefined;
+    } | undefined;
+} & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/lib/components/MarkdownEditor/MdEditorButtons/EditorButtonTitles.d.ts

@@ -0,0 +1,2 @@
+import type { ILibMarkdownEditorTitles } from "../subtypes";
+export declare const EditorButtonTitles: ({ "data-testid": testid, showButtons, className, textButtonTitles, inputRef, addCode, }: ILibMarkdownEditorTitles) => import("react/jsx-runtime").JSX.Element | null;

package/dist/lib/components/MarkdownEditor/MdEditorButtons/EditorButtons.d.ts

@@ -0,0 +1,2 @@
+import type { ILibMdEditorButtons } from "../subtypes";
+export declare const EditorButtons: ({ "data-testid": testid, className, showButtons, icons, iconsSizes, iconsBaseUrl, editor, setEditor, }: ILibMdEditorButtons) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/MarkdownEditor/MdEditorButtons/MarkdownButtons.d.ts

@@ -0,0 +1,2 @@
+import type { ILibMarkdownEditorMdButtons } from "../subtypes";
+export declare function MarkdownButtons({ "data-testid": testid, className, showButtons, icons, iconsSizes, iconsBaseUrl, addCode, }: ILibMarkdownEditorMdButtons): (import("react/jsx-runtime").JSX.Element | null)[];

package/dist/lib/components/MarkdownEditor/MdEditorInput.d.ts

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

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

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

package/dist/lib/components/MarkdownEditor/markdown-buttons.d.ts

@@ -0,0 +1,15 @@
+import type { LibMdEditorTitle, LibMdEditorButton, LibMdEditorEditor, LibIcon } from "../../types";
+export type ButtonBase = {
+    name: LibMdEditorButton | LibMdEditorEditor | LibMdEditorTitle;
+    displayName?: string;
+};
+export type ButtonWithIcon = ButtonBase & {
+    defaultIcon: LibIcon;
+};
+export type ButtonWithCode = ButtonBase & {
+    code: string;
+};
+export declare const mdButtons: Array<ButtonWithCode & ButtonWithIcon>;
+export declare const mdEditorButtons: Array<ButtonWithIcon>;
+export declare const mdTitlesButtons: Array<ButtonBase & ButtonWithCode>;
+export declare function getFontSizeButton(tag: LibMdEditorTitle): number | null;

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

@@ -0,0 +1,45 @@
+import type { LibMdEditorTitle, LibValidationStatus } from "../../types";
+declare const MdEditorContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $backgroundColor?: "light" | "dark" | undefined;
+    $validationStatus: LibValidationStatus;
+}, never>;
+declare const StyledMarkdownEditor: import("styled-components").StyledComponent<"textarea", import("styled-components").DefaultTheme, {}, never>;
+declare const ButtonsContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Flexbox/types").ILibFlexbox & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+    gap: "xs";
+    alignItems: "center";
+    justifyContent: "space-between";
+    flexDirection: "row";
+}, "gap" | "flexDirection" | "justifyContent" | "alignItems">;
+declare const IconButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../ButtonIcon/types").ILibButtonIcon & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>, import("styled-components").DefaultTheme, {
+    size: 24;
+    variant: "transparent";
+    type: "button";
+}, "type" | "size" | "variant">;
+declare const TitlesDropdown: any;
+declare const TitleDropdownItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Dropdown/types").ILibDropdownItem & import("react").RefAttributes<HTMLButtonElement & HTMLAnchorElement>>, import("styled-components").DefaultTheme, {
+    $tag: LibMdEditorTitle;
+}, never>;
+declare const ContainerGrid: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const Separator: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+declare const MarkdownContainer: import("styled-components").StyledComponent<import("react").FC<{
+    [key: string]: any;
+    children: string;
+    options?: Partial<{
+        createElement: (tag: string | import("react").FunctionComponent<{}> | import("react").ComponentClass<{}, any>, props: JSX.IntrinsicAttributes, ...children: import("react").ReactChild[]) => import("react").ReactChild;
+        disableAutoLink: boolean;
+        disableParsingRawHTML: boolean;
+        enforceAtxHeadings: boolean;
+        forceBlock: boolean;
+        forceInline: boolean;
+        forceWrapper: boolean;
+        namedCodesToUnicode: {
+            [key: string]: string;
+        };
+        overrides: import("markdown-to-jsx").MarkdownToJSX.Overrides;
+        renderRule: (next: () => import("react").ReactChild, node: import("markdown-to-jsx").MarkdownToJSX.ParserResult, renderChildren: import("markdown-to-jsx").MarkdownToJSX.RuleOutput, state: import("markdown-to-jsx").MarkdownToJSX.State) => import("react").ReactChild;
+        sanitizer: (value: string, tag: keyof JSX.IntrinsicElements, attribute: string) => string | null;
+        slugify: (input: string, defaultFn: (input: string) => string) => string;
+        wrapper: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | null;
+    }> | undefined;
+}>, import("styled-components").DefaultTheme, {}, never>;
+export { MdEditorContainer, StyledMarkdownEditor, ButtonsContainer, IconButton, TitlesDropdown, TitleDropdownItem, ContainerGrid, Separator, MarkdownContainer, };

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

@@ -0,0 +1,23 @@
+import type { RefObject } from "react";
+import type { LibMdEditorEditor, DispatchState } from "../../types";
+import type { ILibMarkdownEditor } from "./types";
+export interface ILibMdEditorInput extends ILibMarkdownEditor {
+    editor: LibMdEditorEditor;
+    setHeight: DispatchState<number>;
+    inputRef: RefObject<HTMLTextAreaElement>;
+}
+export interface ILibMdEditorButtons extends Pick<Partial<ILibMarkdownEditor>, "showButtons" | "className" | "data-testid" | "icons" | "iconsSizes" | "iconsBaseUrl"> {
+    editor: LibMdEditorEditor;
+    setEditor: DispatchState<LibMdEditorEditor>;
+}
+export interface ILibMarkdownEditorTitles extends Pick<ILibMarkdownEditor, "data-testid" | "showButtons" | "className" | "textButtonTitles"> {
+    inputRef: RefObject<HTMLTextAreaElement>;
+    addCode: (code: string) => void;
+}
+export interface ILibMarkdownEditorMdButtons extends Pick<ILibMarkdownEditor, "showButtons" | "icons" | "iconsSizes" | "iconsBaseUrl" | "data-testid" | "className"> {
+    addCode: (code: string) => void;
+}
+export interface ILibMdEditorHelmet {
+    editor: LibMdEditorEditor;
+    height: number;
+}

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

@@ -0,0 +1,45 @@
+import type { TextareaHTMLAttributes } from "react";
+import type { LibComponentBase, LibIcon, LibMdEditorEditor, DispatchState, LibMarkdownEditorOptions } from "../../types";
+import type { ILibExtendedInputBase } from "../InputComponents/types";
+export type ILibMarkdownEditor = Exclude<LibComponentBase<HTMLTextAreaElement>, "as"> & Omit<ILibExtendedInputBase, "inputVariant"> & TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    value: string;
+    setValue: DispatchState<string>;
+    onChange?: never;
+    defaultEditor?: LibMdEditorEditor;
+    textButtonTitles?: string;
+    showButtons?: LibMarkdownEditorOptions;
+    icons?: {
+        bold?: LibIcon;
+        italic?: LibIcon;
+        strikethrough?: LibIcon;
+        ul?: LibIcon;
+        ol?: LibIcon;
+        link?: LibIcon;
+        quote?: LibIcon;
+        hr?: LibIcon;
+        code?: LibIcon;
+        codeBlock?: LibIcon;
+        comment?: LibIcon;
+        image?: LibIcon;
+        editorCode?: LibIcon;
+        editorLive?: LibIcon;
+        editorPreview?: LibIcon;
+    };
+    iconsSizes?: {
+        bold?: number;
+        italic?: number;
+        strikethrough?: number;
+        ul?: number;
+        ol?: number;
+        link?: number;
+        quote?: number;
+        hr?: number;
+        code?: number;
+        codeBlock?: number;
+        comment?: number;
+        image?: number;
+        editorCode?: number;
+        editorLive?: number;
+        editorPreview?: number;
+    };
+};

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

@@ -0,0 +1,13 @@
+import type { ILibMasonry } from "./types";
+/**
+ * @description Returns a Masonry component
+ * @link https://documentation-components-react.vercel.app/components/masonry
+ * @extends HTMLDivElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop children?: Array<ReactNode>
+ * @prop col?: number
+ * @prop gap?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
+ */
+export declare const Masonry: import("react").ForwardRefExoticComponent<ILibMasonry & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,8 @@
+import type { LibSpacers } from "../../types";
+declare const StyledMasonry: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $gap?: LibSpacers | undefined;
+}, never>;
+declare const Col: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $gap?: LibSpacers | undefined;
+}, never>;
+export { StyledMasonry, Col };

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

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+import type { LibComponentBase, LibSpacers } from "../../types";
+export interface ILibMasonry extends LibComponentBase<HTMLDivElement> {
+    children?: Array<ReactNode>;
+    col?: number;
+    gap?: LibSpacers;
+}

package/dist/lib/components/Masonry/utils.d.ts

@@ -0,0 +1,3 @@
+import { type ReactNode } from "react";
+export declare function useEventListener(eventNames: keyof GlobalEventHandlersEventMap, handler: () => void, element?: typeof globalThis): void;
+export declare function fillCols(children: Array<ReactNode>, cols: Array<any>): void;

package/dist/lib/components/Messaging/Message.d.ts

@@ -0,0 +1,30 @@
+import type { ILibMessage } from "./types";
+/**
+ * @description Returns a Message component
+ * @link https://documentation-components-react.vercel.app/components/messaging
+ * @extends HTMLDivElement & ILibFlexbox
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop type: "sent" | "received"
+ * @prop text: string => only if children is not defined
+ * @prop children?: ReactChildren => only if text is not defined
+ * @prop id?: string
+ * @prop date?: Date | string
+ * @prop textToday?: string => only if date is defined
+ * @prop textYesterday?: string => only if date is defined
+ * @prop dateFormat?: "short" | "long" => only if date is defined
+ * @prop time?: string
+ * @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 Message: import("react").ForwardRefExoticComponent<ILibMessage & import("react").RefAttributes<HTMLDivElement>>;

package/dist/lib/components/Messaging/MessageForm.d.ts

@@ -0,0 +1,15 @@
+import type { ILibMessageForm } from "./types";
+/**
+ * @description Returns a MessageForm component
+ * @link https://documentation-components-react.vercel.app/components/messaging
+ * @extends HTMLFormElement
+ * @prop data-testid?: string
+ * @prop ref?: ForwardedRef<HTMLFormElement>
+ * @prop inputHeight: number
+ * @prop setInputHeight: Dispatch<SetStateAction<number>>
+ * @prop handleSubmit: () => void
+ * @prop input: { message: string; setMessage: Dispatch<SetStateAction<string>>; placeholder?: string; autoFocus?: boolean }
+ * @prop button?: { icon?: string | JSX.Element => only if text is not defined; text?: string => only if icon is not defined }
+ * @prop iconBaseUrl?: string
+ */
+export declare const MessageForm: import("react").ForwardRefExoticComponent<ILibMessageForm & import("react").RefAttributes<HTMLFormElement>>;

package/dist/lib/components/Messaging/MessagesContainer.d.ts

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

package/dist/lib/components/Messaging/MessagesList.d.ts

@@ -0,0 +1,14 @@
+import type { ILibMessagesList } from "./types";
+/**
+ * @description Returns a MessagesList component
+ * @link https://documentation-components-react.vercel.app/components/messaging
+ * @extends HTMLDivElement & ILibFlexbox
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop children?: Array<ReactNode>
+ * @prop emptyText?: string
+ * @prop hideScrollButton?: boolean
+ * @prop scrollButton?: { icon?: string | JSX.Element; iconSize?: number; positionFromBottom?: number; iconBaseUrl?: string } => only if hideScrollButton is false or undefined
+ */
+export declare const MessagesList: import("react").ForwardRefExoticComponent<ILibMessagesList & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,25 @@
+import type { ILibMessaging } from "./types";
+/**
+ * @description Returns a Messaging component
+ * @link https://documentation-components-react.vercel.app/components/messaging
+ * @extends HTMLDivElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop items: Array<LibMessage>
+ * @prop textDateTime?: string
+ * @prop emptyText?: string
+ * @prop iconScroll?: string | JSX.Element
+ * @prop iconScrollSize?: number
+ *
+ * @type LibMessage
+ * @prop data-testid?: string
+ * @prop className?: string
+ * @prop id?: string
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop type: "sent" | "received"
+ * @prop text: string
+ * @prop date?: Date | string
+ * @prop time?: string
+ */
+export declare const Messaging: import("react").ForwardRefExoticComponent<ILibMessaging & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,5 @@
+export * from "./Messaging";
+export * from "./MessagesContainer";
+export * from "./MessagesList";
+export * from "./MessageForm";
+export * from "./Message";