@julseb-lib/react 0.0.51 → 0.0.52

package/src/data/docgen.json

@@ -1,2909 +0,0 @@
-{
-    "./src/lib/components/Accordion/AccordionButton.tsx": [
-        {
-            "description": "",
-            "methods": [],
-            "displayName": "AccordionButton",
-            "props": {
-                "isOpen": {
-                    "required": true,
-                    "tsType": { "name": "boolean" },
-                    "description": ""
-                },
-                "setIsOpen": {
-                    "required": true,
-                    "tsType": {
-                        "name": "Dispatch",
-                        "elements": [
-                            {
-                                "name": "SetStateAction",
-                                "elements": [{ "name": "boolean" }],
-                                "raw": "SetStateAction<T>"
-                            }
-                        ],
-                        "raw": "Dispatch<SetStateAction<T>>"
-                    },
-                    "description": ""
-                },
-                "title": {
-                    "required": true,
-                    "tsType": { "name": "string" },
-                    "description": ""
-                },
-                "variant": {
-                    "defaultValue": { "value": "\"basic\"", "computed": false },
-                    "required": false
-                },
-                "icon": {
-                    "defaultValue": { "value": "\"plus\"", "computed": false },
-                    "required": false
-                }
-            },
-            "composes": ["Pick"]
-        }
-    ],
-    "./src/lib/components/Accordion/AccordionContent.tsx": [
-        {
-            "description": "",
-            "methods": [],
-            "displayName": "AccordionContent",
-            "props": {
-                "isOpen": {
-                    "required": true,
-                    "tsType": { "name": "boolean" },
-                    "description": ""
-                },
-                "children": {
-                    "required": false,
-                    "tsType": {
-                        "name": "union",
-                        "raw": "ReactNode | Array<ReactNode>",
-                        "elements": [
-                            { "name": "ReactNode" },
-                            {
-                                "name": "Array",
-                                "elements": [{ "name": "ReactNode" }],
-                                "raw": "Array<ReactNode>"
-                            }
-                        ]
-                    },
-                    "description": ""
-                },
-                "variant": {
-                    "defaultValue": { "value": "\"basic\"", "computed": false },
-                    "required": false
-                }
-            },
-            "composes": ["Pick"]
-        }
-    ],
-    "./src/lib/components/Accordion/Accordion.tsx": [
-        {
-            "description": "@description Returns a Accordion component\n@link https://documentation-components-react.vercel.app/components/accordion\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop items: Array<LibAccordionItem> => only if children is not defined\n@prop children?: ReactChildren => only if items is not defined\n@prop variant?: \"basic\" | \"rounded\"\n@prop icon?: \"plus\" | \"chevron\" | JSX.Element\n\n@type LibAccordionItem\n@prop data-testid?: string\n@prop className?: string\n@prop id?: string\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop title: string\n@prop isOpen?: boolean\n@prop content?: ReactChildren",
-            "methods": [],
-            "displayName": "Accordion",
-            "props": {
-                "variant": {
-                    "defaultValue": { "value": "\"basic\"", "computed": false },
-                    "required": false
-                },
-                "icon": {
-                    "defaultValue": { "value": "\"plus\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Alert/Alert.tsx": [
-        {
-            "description": "@description Returns a Alert component\n@link https://documentation-components-react.vercel.app/components/alert\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop maxWidth?: number\n@prop textColor?: Any color from the library\n@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\" }\n@prop borderRadius?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"round\" | \"circle\" | number | { topLeft?: LibRadiuses; topRight?: LibRadiuses; bottomLeft?: LibRadiuses; bottomRight?: LibRadiuses }\n@prop gap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@prop alertColor?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"gray\" | \"black\" | \"white\"\n@prop backgroundColor?: Any color from the library => only if alertColor is not defined\n@prop border?: { style?: CssBorderStyle; width?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"; color?: Any color from the library (only if alertColor is not defined) }",
-            "methods": [],
-            "displayName": "Alert",
-            "props": {
-                "textColor": {
-                    "defaultValue": { "value": "\"font\"", "computed": false },
-                    "required": false
-                },
-                "padding": {
-                    "defaultValue": { "value": "\"s\"", "computed": false },
-                    "required": false
-                },
-                "borderRadius": {
-                    "defaultValue": { "value": "\"m\"", "computed": false },
-                    "required": false
-                },
-                "gap": {
-                    "defaultValue": { "value": "\"xs\"", "computed": false },
-                    "required": false
-                },
-                "alertColor": {
-                    "defaultValue": {
-                        "value": "\"primary\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Aside/Aside.tsx": [
-        {
-            "description": "@description Returns an Aside component\n@link https://documentation-components-react.vercel.app/layouts/container\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop size?: \"default\" | \"small\" | number\n@prop minHeight?: string | number",
-            "methods": [],
-            "displayName": "Aside",
-            "props": {
-                "minHeight": {
-                    "defaultValue": { "value": "\"100vh\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Avatar/Avatar.tsx": [
-        {
-            "description": "@description Returns a Avatar component\n@link https://documentation-components-react.vercel.app/components/avatar\n@extends HTMLSpanElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLSpanElement>\n@prop size?: number\n@prop border?: { style?: CssBorderStyle; width?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"; color?: Any color from the library }\n@prop borderRadius?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"round\" | \"circle\" | number | { topLeft?: LibRadiuses; topRight?: LibRadiuses; bottomLeft?: LibRadiuses; bottomRight?: LibRadiuses }\n@prop img: string | { src: string; alt: string } => only if letter and icon are not defined\n@prop letter?: string => only if img and icon are not defined\n@prop icon?: string | JSX.Element => only if img and letter are not defined\n@prop iconSize?: number => only if icon is defined\n@prop iconBaseUrl?: number => only if icon is defined\n@prop backgroundColor?: Any color from the library => only if icon or letter are defined\n@prop contentColor?: Any color from the library => only if icon or letter are defined\n@prop badge?: boolean | number | { content?: number; contentColor?: Any color from the library; backgroundColor?: Any color from the library; position?: LibAvatarBadgePosition; size?: number; 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\" }; outline?: { style?: CssBorderStyle; width?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"; color?: Any color from the library } }\n@prop containerStyle?: CSSProperties",
-            "methods": [],
-            "displayName": "Avatar",
-            "props": {
-                "size": {
-                    "defaultValue": { "value": "32", "computed": false },
-                    "required": false
-                },
-                "borderRadius": {
-                    "defaultValue": {
-                        "value": "\"circle\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "iconSize": {
-                    "defaultValue": {
-                        "value": "roundIconSize(size)",
-                        "computed": true
-                    },
-                    "required": false
-                },
-                "backgroundColor": {
-                    "defaultValue": {
-                        "value": "\"primary\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "contentColor": {
-                    "defaultValue": {
-                        "value": "backgroundColor === \"white\"\n? \"primary\"\n: backgroundColor === \"black\"\n? \"white\"\n: \"background\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Avatar/AvatarFunction.tsx": [
-        {
-            "description": "",
-            "methods": [],
-            "displayName": "AvatarFunction",
-            "props": {
-                "fontSize": {
-                    "defaultValue": { "value": "\"body\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Autocomplete/Autocomplete.tsx": [
-        {
-            "description": "@description Returns a Autocomplete component\n@link https://documentation-components-react.vercel.app/components/autocomplete\n@extends HTMLInputElement\n@prop data-testid?: string\n@prop ref?: ForwardedRef<HTMLInputElement>\n@prop value: string\n@prop setValue: Dispatch<SetStateAction<string>>\n@prop listResults: Array<string>\n@prop emptyText?: string\n@prop listDirection?: \"up\" | \"down\"\n@prop fuzzyOptions?: IFuseOptions<string> => imported from fuse.js\n@prop icons?: { left?: string | JSX.Element; clear?: string | JSX.Element }\n@prop iconSizes?: { left?: number; clear?: number }\n@prop id?: string\n@prop label?: string\n@prop labelComment?: string\n@prop helper?: string\n@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 }\n@prop validation?: { status: LibValidationStatus; message?: string; iconNotPassed?: LibIcon; iconNotPassedSize?: number; iconPassed?: LibIcon; iconPassedSize?: number; iconBaseUrl?: string }\n@prop iconBaseUrl?: string\n@prop inputBackground?: \"light\" | \"dark\"\n@prop inputVariant?: \"rounded\" | \"pill\"\n@prop containerStyle?: CSSProperties\n@prop inputAndListContainerStyle?: CSSProperties",
-            "methods": [],
-            "displayName": "AutocompleteFn",
-            "props": {
-                "inputVariant": {
-                    "defaultValue": {
-                        "value": "\"rounded\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "emptyText": {
-                    "defaultValue": {
-                        "value": "\"No result.\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "fuzzyOptions": {
-                    "defaultValue": { "value": "{}", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Accordion/AccordionItem.tsx": [
-        {
-            "description": "@description Returns an item for Accordion component\n@link https://documentation-components-react.vercel.app/components/accordion\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop title: string\n@prop icon?: \"plus\" | \"chevron\" | JSX.Element\n@prop variant?: \"basic\" | \"rounded\"\n@prop defaultOpen?: boolean",
-            "methods": [],
-            "displayName": "AccordionItem",
-            "props": {
-                "icon": {
-                    "defaultValue": { "value": "\"plus\"", "computed": false },
-                    "required": false
-                },
-                "defaultOpen": {
-                    "defaultValue": { "value": "false", "computed": false },
-                    "required": false
-                },
-                "variant": {
-                    "defaultValue": { "value": "\"basic\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/BackToTop/BackToTop.tsx": [
-        {
-            "description": "@description Returns a BackToTop component\n@link https://documentation-components-react.vercel.app/components/back-to-top\n@extends Partial<ILibButtonIcon>\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLButtonElement>\n@prop position?: { left?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\" | \"unset\"; top?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\" | \"unset\"; right?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\" | \"unset\"; bottom?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\" | \"unset\"; zIndex?: number }",
-            "methods": [],
-            "displayName": "BackToTop",
-            "props": {
-                "icon": {
-                    "defaultValue": {
-                        "value": "<ArrowUp\n    size={roundIconSize(48)}\n    data-testid={testid && `${testid}.Button.Icon`}\n    className={className && \"IconArrowUp\"}\n/>",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "tooltip": {
-                    "defaultValue": {
-                        "value": "\"Back to top\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Breadcrumbs/BreadcrumbItem.tsx": [
-        {
-            "description": "",
-            "methods": [],
-            "displayName": "BreadcrumbItem",
-            "props": {
-                "item": {
-                    "required": true,
-                    "tsType": {
-                        "name": "intersection",
-                        "raw": "LibButtonLinkBlank &\nLibComponentItemBase<HTMLAnchorElement & HTMLSpanElement> & {\n    text: string | JSX.Element\n}",
-                        "elements": [
-                            {
-                                "name": "union",
-                                "raw": "| (LibButtonLinkClick & { blank?: never })\n| (LibButtonLinkTo & { blank?: boolean })\n| (LibButtonLinkHref & { blank?: boolean })",
-                                "elements": [
-                                    { "name": "unknown" },
-                                    { "name": "unknown" },
-                                    { "name": "unknown" }
-                                ]
-                            },
-                            {
-                                "name": "LibComponentItemBase",
-                                "elements": [
-                                    {
-                                        "name": "intersection",
-                                        "raw": "HTMLAnchorElement & HTMLSpanElement",
-                                        "elements": [
-                                            { "name": "HTMLAnchorElement" },
-                                            { "name": "HTMLSpanElement" }
-                                        ]
-                                    }
-                                ],
-                                "raw": "LibComponentItemBase<HTMLAnchorElement & HTMLSpanElement>"
-                            },
-                            {
-                                "name": "signature",
-                                "type": "object",
-                                "raw": "{\n    text: string | JSX.Element\n}",
-                                "signature": {
-                                    "properties": [
-                                        {
-                                            "key": "text",
-                                            "value": {
-                                                "name": "union",
-                                                "raw": "string | JSX.Element",
-                                                "elements": [
-                                                    { "name": "string" },
-                                                    { "name": "JSX.Element" }
-                                                ],
-                                                "required": true
-                                            }
-                                        }
-                                    ]
-                                }
-                            }
-                        ]
-                    },
-                    "description": ""
-                },
-                "index": {
-                    "required": true,
-                    "tsType": { "name": "number" },
-                    "description": ""
-                }
-            },
-            "composes": ["Pick"]
-        }
-    ],
-    "./src/lib/components/Badge/Badge.tsx": [
-        {
-            "description": "@description Returns a Badge component\n@link https://documentation-components-react.vercel.app/components/badge\n@extends HTMLSpanElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLSpanElement>\n@prop size?: number\n@prop backgroundColor?: Any color from the library\n@prop contentColor?: Any color from the library\n@prop borderRadius?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"round\" | \"circle\" | number | { topLeft?: LibRadiuses; topRight?: LibRadiuses; bottomLeft?: LibRadiuses; bottomRight?: LibRadiuses }\n@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\" }\n@prop icon?: string | JSX.Element\n@prop iconSize?: number => only if icon is defined\n@prop iconBaseUrl?: string => only if icon is defined\n@prop number?: number => only if icon is not defined",
-            "methods": [],
-            "displayName": "Badge",
-            "props": {
-                "size": {
-                    "defaultValue": { "value": "16", "computed": false },
-                    "required": false
-                },
-                "iconSize": {
-                    "defaultValue": {
-                        "value": "roundIconSize(size)",
-                        "computed": true
-                    },
-                    "required": false
-                },
-                "backgroundColor": {
-                    "defaultValue": {
-                        "value": "\"primary\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "contentColor": {
-                    "defaultValue": {
-                        "value": "backgroundColor === \"white\"\n? \"primary\"\n: backgroundColor === \"black\"\n? \"white\"\n: \"background\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "borderRadius": {
-                    "defaultValue": { "value": "\"round\"", "computed": false },
-                    "required": false
-                },
-                "padding": {
-                    "defaultValue": {
-                        "value": "{\n    leftRight: \"xs\",\n}",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Burger/Burger.tsx": [
-        {
-            "description": "@description Returns a Burger component\n@link https://documentation-components-react.vercel.app/components/burger\n@extends HTMLButtonElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLButtonElement>\n@prop isOpen: boolean\n@prop color?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"white\" | \"gray\" | \"font\" | \"background\" | \"currentColor\"\n@prop width?: number\n@prop height?: number\n@prop noHover?: boolean\n@prop borderWidth?: number",
-            "methods": [],
-            "displayName": "Burger",
-            "props": {
-                "color": {
-                    "defaultValue": {
-                        "value": "\"primary\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "width": {
-                    "defaultValue": { "value": "32", "computed": false },
-                    "required": false
-                },
-                "height": {
-                    "defaultValue": { "value": "24", "computed": false },
-                    "required": false
-                },
-                "borderWidth": {
-                    "defaultValue": { "value": "2", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Breadcrumbs/BreadcrumbsFn.tsx": [
-        {
-            "description": "",
-            "methods": [],
-            "displayName": "BreadcrumbsFn",
-            "props": {
-                "linksColor": {
-                    "defaultValue": {
-                        "value": "\"primary\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "activeColor": {
-                    "defaultValue": {
-                        "value": "\"currentColor\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "gap": {
-                    "defaultValue": { "value": "\"xs\"", "computed": false },
-                    "required": false
-                },
-                "separator": {
-                    "defaultValue": { "value": "\"slash\"", "computed": false },
-                    "required": false
-                },
-                "separatorColor": {
-                    "defaultValue": {
-                        "value": "\"currentColor\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Breadcrumbs/Breadcrumbs.tsx": [
-        {
-            "description": "@description Returns a Breadcrumbs component\n@link https://documentation-components-react.vercel.app/components/breadcrumbs\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType$\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop items: Array<LibBreadcrumbItem> => only if children is not defined\n@prop children?: Array<ReactNode> => only if items is not defined\n@prop linksColor?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"white\" | \"gray\" | \"font\" | \"background\"\n@prop activeColor?: Any color from the library\n@prop separatorColor?: Any color from the library\n@prop gap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@prop separator?: \"slash\" | \"chevron\" | JSX.Element\n\n@type LibBreadcrumbItem\n@prop data-testid?: string\n@prop className?: string\n@prop id?: string\n@prop ref?: ForwardedRef<HTMLAnchorElement & HTMLSpanElement>\n@prop text: string",
-            "methods": [],
-            "displayName": "Breadcrumbs"
-        }
-    ],
-    "./src/lib/components/ButtonGroup/ButtonGroupToggle.tsx": [
-        { "description": "", "methods": [], "displayName": "ButtonGroupToggle" }
-    ],
-    "./src/lib/components/ButtonGroup/ButtonGroup.tsx": [
-        {
-            "description": "@description Returns a ButtonGroup component\n@link https://documentation-components-react.vercel.app/components/button-group\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop buttons: Array<LibButtonGroupButtonItem> => only if toggles is not defined\n@prop name?: string => required when toggles is defined\n@prop toggles: Array<LibButtonGroupToggle> => only if buttons is not defined\n@prop toggleType?: \"single\" | \"multi\" => only if toogles is defined\n@prop color?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"white\" | \"gray\" | \"font\" | \"background\"\n@prop variant?: \"plain\" | \"transparent\" | \"ghost\"\n@prop borderRadius?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"round\" | \"circle\" | number | { topLeft?: LibRadiuses; topRight?: LibRadiuses; bottomLeft?: LibRadiuses; bottomRight?: LibRadiuses }\n@prop size?: \"default\" | \"small\"\n@prop iconBaseUrl?: string\n\n@type LibButtonGroupButtonItem\n@prop onClick?: void => only if `to` or `href` are not defined\n@prop disabled?: boolean => only if `onClick` is defined\n@prop to?: string => only if `onClick` and `href` are not defined\n@prop href?: string => only if `onClick` and `to` are not defined\n@prop blank?: boolean => only if `to` or `href` are defined\n@prop data-testid?: string\n@prop className?: string\n@prop id?: string\n@prop ref?: ForwardedRef<HTMLButtonElement>\n@prop text: string => only if `iconOnly` is not defined\n@prop iconLeft?: string | JSX.Element\n@prop iconRight?: string | JSX.Element\n@prop iconOnly: string | JSX.Element => only if `text` is not defined\n@prop iconSizes?: { left?: number; right?: number; only?: number }\n@prop \"aria-label\"?: string\n\n@type LibButtonGroupToggle\n@prop data-testid?: string\n@prop className?: string\n@prop id?: string\n@prop ref?: ForwardedRef<HTMLInputElement>\n@prop text: string => only if icon is not defined\n@prop icon: string | JSX.Element => only if text is not defined\n@prop iconSize?: number => only if text is not defined\n@prop label?: string => only if text is not defined\n@prop tooltip?: string => only if text is not defined\n@prop showTooltip?: boolean => only if text is not defined",
-            "methods": [],
-            "displayName": "ButtonGroup",
-            "props": {
-                "color": {
-                    "defaultValue": {
-                        "value": "\"primary\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "variant": {
-                    "defaultValue": { "value": "\"plain\"", "computed": false },
-                    "required": false
-                },
-                "size": {
-                    "defaultValue": {
-                        "value": "\"default\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "borderRadius": {
-                    "defaultValue": {
-                        "value": "size === \"small\" ? \"s\" : \"m\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "toggleType": {
-                    "defaultValue": {
-                        "value": "\"single\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Button/Button.tsx": [
-        {
-            "description": "@description Returns a Button component\n@link https://documentation-components-react.vercel.app/components/button\n@extends HTMLButtonElement & HTMLAnchorElement & LibButtonLinkBlank\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLButtonElement & HTMLAnchorElement>\n@prop onClick?: void => only if `to` or `href` are not defined\n@prop disabled?: boolean => only if `onClick` is defined\n@prop to?: string => only if `onClick` and `href` are not defined\n@prop href?: string => only if `onClick` and `to` are not defined\n@prop blank?: boolean => only if `to` or `href` are defined\n@prop color?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"white\" | \"gray\" | \"font\" | \"background\"\n@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\" }\n@prop borderRadius?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"round\" | \"circle\" | number | { topLeft?: LibRadiuses; topRight?: LibRadiuses; bottomLeft?: LibRadiuses; bottomRight?: LibRadiuses }\n@prop size?: \"default\" | \"small\"\n@prop icons?: { left?: string | JSX.Element; right?: string | JSX.Element }\n@prop iconSizes?: { left?: number; right?: number }\n@prop iconBaseUrl?: string\n@prop isLoading?: boolean\n@prop gap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\" => only if icons or isLoading are defined\n@prop variant?: \"plain\" | \"outline\" | \"ghost\" | \"transparent\"\n@prop noPadding?: boolean => only if variant is set to transparent\n@prop loaderVariant?: 1 | 2 | 3 | 4 => only if isLoading is defined",
-            "methods": [],
-            "displayName": "Button",
-            "props": {
-                "aria-label": {
-                    "defaultValue": {
-                        "value": "\"Button\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "aria-disabled": {
-                    "defaultValue": { "value": "disabled", "computed": false },
-                    "required": false
-                },
-                "color": {
-                    "defaultValue": {
-                        "value": "\"primary\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "size": {
-                    "defaultValue": {
-                        "value": "\"default\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "borderRadius": {
-                    "defaultValue": {
-                        "value": "size === \"small\" ? \"s\" : \"m\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "gap": {
-                    "defaultValue": { "value": "\"xs\"", "computed": false },
-                    "required": false
-                },
-                "variant": {
-                    "defaultValue": { "value": "\"plain\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/ButtonGroup/ButtonGroupButton.tsx": [
-        { "description": "", "methods": [], "displayName": "ButtonGroupButton" }
-    ],
-    "./src/lib/components/ButtonIcon/ButtonFunction.tsx": [
-        {
-            "description": "",
-            "methods": [],
-            "displayName": "ButtonIconFunction"
-        }
-    ],
-    "./src/lib/components/ButtonIcon/ButtonIcon.tsx": [
-        {
-            "description": "@description Returns a ButtonIcon component\n@link https://documentation-components-react.vercel.app/components/button-icon\n@extends HTMLButtonElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLButtonElement & HTMLAnchorElement>\n@prop onClick?: void => only if `to` or `href` are not defined\n@prop disabled?: boolean => only if `onClick` is defined\n@prop to?: string => only if `onClick` and `href` are not defined\n@prop href?: string => only if `onClick` and `to` are not defined\n@prop blank?: boolean => only if `to` or `href` are defined\n@prop icon: string | JSX.Element\n@prop iconSize?: number\n@prop iconBaseUrl?: string\n@prop size?: number\n@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\" }\n@prop borderRadius?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"round\" | \"circle\" | number | { topLeft?: LibRadiuses; topRight?: LibRadiuses; bottomLeft?: LibRadiuses; bottomRight?: LibRadiuses }\n@prop color?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"white\" | \"gray\" | \"font\" | \"background\"\n@prop variant?: \"plain\" | \"ghost\" | \"transparent\"\n@prop showBackgroundHover?: boolean => only if variant is set to transparent\n@prop isLoading?: boolean\n@prop loaderVariant?: 1 | 2 | 3 | 4 => only if isLoading is defined\n@prop loaderBorderWidth?: number => only if loaderVariant is set to 1 | 2 | 3\n@prop tooltip?: string\n@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\n@prop containerStyle?: CSSProperties => only if tooltip is defined",
-            "methods": [],
-            "displayName": "ButtonIcon",
-            "props": {
-                "size": {
-                    "defaultValue": { "value": "32", "computed": false },
-                    "required": false
-                },
-                "iconSize": {
-                    "defaultValue": {
-                        "value": "roundIconSize(size)",
-                        "computed": true
-                    },
-                    "required": false
-                },
-                "borderRadius": {
-                    "defaultValue": {
-                        "value": "\"circle\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "aria-label": {
-                    "defaultValue": {
-                        "value": "capitalize(\n    typeof icon === \"string\" ? icon : \"button icon\"\n)",
-                        "computed": true
-                    },
-                    "required": false
-                },
-                "variant": {
-                    "defaultValue": { "value": "\"plain\"", "computed": false },
-                    "required": false
-                },
-                "loaderBorderWidth": {
-                    "defaultValue": { "value": "2", "computed": false },
-                    "required": false
-                },
-                "aria-disabled": {
-                    "defaultValue": {
-                        "value": "isLoading || disabled",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "color": {
-                    "defaultValue": {
-                        "value": "\"primary\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Card/Card.tsx": [
-        {
-            "description": "@description Returns a Card component\n@link https://documentation-components-react.vercel.app/components/card\n@extends ILibFlexbox\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop onClick?: void => only if `to` or `href` are not defined\n@prop disabled?: boolean => only if `onClick` is defined\n@prop to?: string => only if `onClick` and `href` are not defined\n@prop href?: string => only if `onClick` and `to` are not defined\n@prop blank?: boolean => only if `to` or `href` are defined\n@prop inline?: boolean\n@prop flexDirection?: CssFlexDirection\n@prop flexWrap?: CssFlexWrap\n@prop justifyContent?: CssJustifyContent\n@prop alignItems?: CssAlignItems\n@prop justifyItems?: CssJustifyItems\n@prop alignContent?: CssAlignContent\n@prop gap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@prop columnGap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@prop rowGap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@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\" }\n@prop border?: { style?: CssBorderStyle; width?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"; color?: Any color from the library }\n@prop borderRadius?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"round\" | \"circle\" | number | { topLeft?: LibRadiuses; topRight?: LibRadiuses; bottomLeft?: LibRadiuses; bottomRight?: LibRadiuses }\n@prop cursor?: CssCursor\n@prop width?: string | number\n@prop height?: string | number\n@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\" }\n@prop backgroundColor?: Any color from the library\n@prop textColor?: Any color from the library\n@prop backgroundImg?: { img: string; clip?: CssBackgroundClip; origin?: CssBackgroundOrigin; position?: CssBackgroundPosition; repeat?: CssBackgroundRepeat; size?: CssBackgroundSize }\n@prop textAlign?: CssTextAlign",
-            "methods": [],
-            "displayName": "Card",
-            "props": {
-                "width": {
-                    "defaultValue": { "value": "\"100%\"", "computed": false },
-                    "required": false
-                },
-                "backgroundColor": {
-                    "defaultValue": {
-                        "value": "\"background\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "textColor": {
-                    "defaultValue": { "value": "\"font\"", "computed": false },
-                    "required": false
-                },
-                "textAlign": {
-                    "defaultValue": { "value": "\"left\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/CodeContainer/CodeContainer.tsx": [
-        {
-            "description": "@description Returns a CodeContainer component\n@link https://documentation-components-react.vercel.app/components/code-container\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop language?: string => language name\n@prop highlighterProps?: SyntaxHighlighterProps => imported from react-syntax-highlighter\n@prop color?: Any color from the library\n@prop highlighterStyle?: CSSProperties\n@prop hideCopyButton?: boolean\n@prop tooltipTexts?: { copy?: string; copied?: string } => only if hideCopyButton is not set to true\n@prop icons?: { copy?: string | JSX.Element; copied?: string | JSX.Element }\n@prop iconsSizes?: { copy?: number; copied?: number }\n@prop iconsBaseUrl?: string",
-            "methods": [],
-            "displayName": "CodeContainer",
-            "props": {
-                "highlighterStyle": {
-                    "defaultValue": {
-                        "value": "{\n  \"hljs\": {\n    \"display\": \"block\",\n    \"overflowX\": \"auto\",\n    \"padding\": \"0.5em\",\n    \"color\": \"#abb2bf\",\n    \"background\": \"#282c34\"\n  },\n  \"hljs-comment\": {\n    \"color\": \"#5c6370\",\n    \"fontStyle\": \"italic\"\n  },\n  \"hljs-quote\": {\n    \"color\": \"#5c6370\",\n    \"fontStyle\": \"italic\"\n  },\n  \"hljs-doctag\": {\n    \"color\": \"#c678dd\"\n  },\n  \"hljs-keyword\": {\n    \"color\": \"#c678dd\"\n  },\n  \"hljs-formula\": {\n    \"color\": \"#c678dd\"\n  },\n  \"hljs-section\": {\n    \"color\": \"#e06c75\"\n  },\n  \"hljs-name\": {\n    \"color\": \"#e06c75\"\n  },\n  \"hljs-selector-tag\": {\n    \"color\": \"#e06c75\"\n  },\n  \"hljs-deletion\": {\n    \"color\": \"#e06c75\"\n  },\n  \"hljs-subst\": {\n    \"color\": \"#e06c75\"\n  },\n  \"hljs-literal\": {\n    \"color\": \"#56b6c2\"\n  },\n  \"hljs-string\": {\n    \"color\": \"#98c379\"\n  },\n  \"hljs-regexp\": {\n    \"color\": \"#98c379\"\n  },\n  \"hljs-addition\": {\n    \"color\": \"#98c379\"\n  },\n  \"hljs-attribute\": {\n    \"color\": \"#98c379\"\n  },\n  \"hljs-meta-string\": {\n    \"color\": \"#98c379\"\n  },\n  \"hljs-built_in\": {\n    \"color\": \"#e6c07b\"\n  },\n  \"hljs-class .hljs-title\": {\n    \"color\": \"#e6c07b\"\n  },\n  \"hljs-attr\": {\n    \"color\": \"#d19a66\"\n  },\n  \"hljs-variable\": {\n    \"color\": \"#d19a66\"\n  },\n  \"hljs-template-variable\": {\n    \"color\": \"#d19a66\"\n  },\n  \"hljs-type\": {\n    \"color\": \"#d19a66\"\n  },\n  \"hljs-selector-class\": {\n    \"color\": \"#d19a66\"\n  },\n  \"hljs-selector-attr\": {\n    \"color\": \"#d19a66\"\n  },\n  \"hljs-selector-pseudo\": {\n    \"color\": \"#d19a66\"\n  },\n  \"hljs-number\": {\n    \"color\": \"#d19a66\"\n  },\n  \"hljs-symbol\": {\n    \"color\": \"#61aeee\"\n  },\n  \"hljs-bullet\": {\n    \"color\": \"#61aeee\"\n  },\n  \"hljs-link\": {\n    \"color\": \"#61aeee\",\n    \"textDecoration\": \"underline\"\n  },\n  \"hljs-meta\": {\n    \"color\": \"#61aeee\"\n  },\n  \"hljs-selector-id\": {\n    \"color\": \"#61aeee\"\n  },\n  \"hljs-title\": {\n    \"color\": \"#61aeee\"\n  },\n  \"hljs-emphasis\": {\n    \"fontStyle\": \"italic\"\n  },\n  \"hljs-strong\": {\n    \"fontWeight\": \"bold\"\n  }\n}",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Cover/Cover.tsx": [
-        {
-            "description": "@description Returns a Cover component\n@link https://documentation-components-react.vercel.app/components/cover\n@extends ILibFlexbox\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop img: string\n@prop alt?: string\n@prop overlay?: \"black-50\" | \"black-80\" | \"white-50\" | \"white-80\" | \"gradient-black\" | \"gradient-white\"\n@prop height?: number | string\n@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\" }",
-            "methods": [],
-            "displayName": "Cover",
-            "props": {
-                "height": {
-                    "defaultValue": { "value": "\"100vh\"", "computed": false },
-                    "required": false
-                },
-                "gap": {
-                    "defaultValue": { "value": "\"s\"", "computed": false },
-                    "required": false
-                },
-                "flexDirection": {
-                    "defaultValue": {
-                        "value": "\"column\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "justifyContent": {
-                    "defaultValue": {
-                        "value": "\"center\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "alignItems": {
-                    "defaultValue": {
-                        "value": "\"center\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "padding": {
-                    "defaultValue": { "value": "\"xxl\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Datepicker/Calendar.tsx": [
-        {
-            "description": "",
-            "methods": [],
-            "displayName": "Calendar",
-            "props": {
-                "isOpen": {
-                    "required": true,
-                    "tsType": { "name": "boolean" },
-                    "description": ""
-                },
-                "setIsOpen": {
-                    "required": true,
-                    "tsType": {
-                        "name": "Dispatch",
-                        "elements": [
-                            {
-                                "name": "SetStateAction",
-                                "elements": [{ "name": "boolean" }],
-                                "raw": "SetStateAction<T>"
-                            }
-                        ],
-                        "raw": "Dispatch<SetStateAction<T>>"
-                    },
-                    "description": ""
-                },
-                "calendarDirection": {
-                    "defaultValue": { "value": "\"down\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Datepicker/Datepicker.tsx": [
-        {
-            "description": "@description Returns a Datepicker component\n@link https://documentation-components-react.vercel.app/components/datepicker\n@extends HTMLInputElement\n@prop data-testid?: string\n@prop ref?: ForwardedRef<HTMLInputElement>\n@prop value: string\n@prop setValue: Dispatch<SetStateAction<string>>\n@prop minDate?: string\n@prop maxDate?: string\n@prop texts?: { weekDays?: { mon?: string; tue?: string; wed?: string; etc. }; months?: { jan?: string; feb?: string; mar?: string; etc. } }\n@prop icons?: { prev?: string | JSX.Element; next?: string | JSX.Element; calendar?: string | JSX.Element; left?: string | JSX.Element }\n@prop iconsSizes?: { prev?: number; next?: number; calendar?: number; left?: number }\n@prop iconsBaseUrl?: string\n@prop calendarDirection?: \"up\" | \"down\"\n@prop inputVariant?: \"rounded\" | \"pill\"\n@prop disabled?: boolean\n@prop tabIndex?: number\n@prop prefix?: string | JSX.Element\n@prop label?: string\n@prop labelComment?: string\n@prop helper?: string\n@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 }\n@prop validation?: { status: LibValidationStatus; message?: string; iconNotPassed?: LibIcon; iconNotPassedSize?: number; iconPassed?: LibIcon; iconPassedSize?: number; iconBaseUrl?: string }\n@prop iconBaseUrl?: string\n@prop inputBackground?: \"light\" | \"dark\"\n@prop inputVariant?: \"rounded\" | \"pill\"\n@prop containerStyle?: CSSProperties\n@prop inputAndListContainerStyle?: CSSProperties\n@prop id?: string",
-            "methods": [],
-            "displayName": "Datepicker",
-            "props": {
-                "calendarDirection": {
-                    "defaultValue": { "value": "\"down\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/DragList/DragList.tsx": [
-        {
-            "description": "@description Returns a DragList component\n@link https://documentation-components-react.vercel.app/components/drag-list\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop items: Array<LibDragListItem> => only if children is not defined\n@prop setItems: Dispatch<SetStateAction<Array<LibDragListItem>>> => only if children is not defined\n@prop hideSeparator?: boolean => only if children is not defined\n@prop children?: ReactChildren => only if items is not defined\n@prop iconDrag?: string | JSX.Element\n@prop iconDragSize?: number\n@prop iconDragBaseUrl?: string\n@prop gap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@prop border?: { style?: CssBorderStyle; width?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"; color?: Any color from the library }\n@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\" }\n@prop borderRadius?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"round\" | \"circle\" | number | { topLeft?: LibRadiuses; topRight?: LibRadiuses; bottomLeft?: LibRadiuses; bottomRight?: LibRadiuses }\n\n@type LibDragListItem\n@prop data-testid?: string\n@prop className?: string\n@prop id: string\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop title: string => only if element is not defined\n@prop body?: string => only if element is not defined\n@prop badge?: boolean | ListGroupItemBadgeExtended => only if element and date are not defined\n@prop date?: string | Date => only if element and badge are not defined\n@prop element?: JSX.ELement => only if title and other props are not defined",
-            "methods": [],
-            "displayName": "DragList",
-            "props": {
-                "gap": {
-                    "defaultValue": { "value": "\"s\"", "computed": false },
-                    "required": false
-                },
-                "border": {
-                    "defaultValue": {
-                        "value": "{ color: \"gray-200\" }",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "padding": {
-                    "defaultValue": { "value": "\"s\"", "computed": false },
-                    "required": false
-                },
-                "borderRadius": {
-                    "defaultValue": { "value": "\"m\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Dropdown/DropdownContainer.tsx": [
-        {
-            "description": "@description Returns a DropdownContainer component\n@link https://documentation-components-react.vercel.app/components/dropdown\n@extends ILibFlexbox\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop isOpen: boolean\n@prop inline?: boolean\n@prop flexDirection?: CssFlexDirection\n@prop flexWrap?: CssFlexWrap\n@prop justifyContent?: CssJustifyContent\n@prop alignItems?: CssAlignItems\n@prop justifyItems?: CssJustifyItems\n@prop alignContent?: CssAlignContent\n@prop gap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@prop columnGap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@prop rowGap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@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\" }",
-            "methods": [],
-            "displayName": "DropdownContainer"
-        }
-    ],
-    "./src/lib/components/Dropdown/DropdownItem.tsx": [
-        {
-            "description": "@description Returns a DropdownItem component\n@link https://documentation-components-react.vercel.app/components/dropdown\n@extends HTMLButtonElement & HTMLAnchorElement & LibButtonLinkBlankRequired\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLButtonElement & HTMLAnchorElement>\n@prop onClick: void => only if to or href are not defined\n@prop disabled?: boolean => only if onClick is defined\n@prop to: string => only if onClick and href are not defined\n@prop href: string => only if onClick and to are not defined\n@prop blank?: boolean => only if to or href are defined\n@prop accentColor?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"white\" | \"gray\" | \"font\" | \"background\"\n@prop gap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@prop icon?: string | JSX.Element\n@prop iconSize?: number => only if icon is defined\n@prop iconBaseUrl?: string => only if icon is defined",
-            "methods": [],
-            "displayName": "DropdownItem",
-            "props": {
-                "accentColor": {
-                    "defaultValue": {
-                        "value": "\"primary\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "iconSize": {
-                    "defaultValue": { "value": "16", "computed": false },
-                    "required": false
-                },
-                "gap": {
-                    "defaultValue": { "value": "\"xxs\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Dropdown/Dropdown.tsx": [
-        {
-            "description": "@description Returns a Dropdown component\n@link https://documentation-components-react.vercel.app/components/dropdown\n@extends HTMLDivElement\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop data-testid?: string\n@prop isOpen: boolean\n@prop setIsOpen: Dispatch<SetStateAction<boolean>>\n@prop items: Array<LibDropdownItem> => only if children is not defined\n@prop children?: ReactChildren => only if items is not defined\n@prop accentColor?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"white\" | \"gray\" | \"font\" | \"background\"\n@prop direction?: \"up\" | \"down\"\n@prop maxHeightOpen?: number\n@prop positionFromButton?: number\n@prop shadow?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | null",
-            "methods": [],
-            "displayName": "Dropdown",
-            "props": {
-                "accentColor": {
-                    "defaultValue": {
-                        "value": "\"primary\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "direction": {
-                    "defaultValue": { "value": "\"down\"", "computed": false },
-                    "required": false
-                },
-                "maxHeightOpen": {
-                    "defaultValue": {
-                        "value": "items ? items.length * 40 : 300",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "positionFromButton": {
-                    "defaultValue": { "value": "34", "computed": false },
-                    "required": false
-                },
-                "shadow": {
-                    "defaultValue": { "value": "\"m\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Fade/Fade.tsx": [
-        {
-            "description": "@description Returns a Fade component\n@link https://documentation-components-react.vercel.app/components/fade\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>",
-            "methods": [],
-            "displayName": "Fade"
-        }
-    ],
-    "./src/lib/components/DragList/DragListItem.tsx": [
-        {
-            "description": "@description Returns a DragList item component\n@link https://documentation-components-react.vercel.app/components/drag-list\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop handleDragStart: (e: DragEvent<HTMLDivElement>, i: number) => void\n@prop handleDragOver: (e: DragEvent<HTMLDivElement>, i: number) => void\n@prop index: number\n@prop item: LibDragListItem => only if children is not defined\n@prop children?: ReactChildren => only if item is not defined\n@prop iconDrag?: string | JSX.Element\n@prop iconDragSize?: number\n@prop iconDragBaseUrl?: string\n\n@type LibDragListItem\n@prop data-testid?: string\n@prop className?: string\n@prop id: string\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop title: string => only if element is not defined\n@prop body?: string => only if element is not defined\n@prop badge?: boolean | ListGroupItemBadgeExtended => only if element and date are not defined\n@prop date?: string | Date => only if element and badge are not defined\n@prop element?: JSX.ELement => only if title and other props are not defined",
-            "methods": [],
-            "displayName": "DragListItem",
-            "props": {
-                "iconDragSize": {
-                    "defaultValue": { "value": "24", "computed": false },
-                    "required": false
-                },
-                "iconDrag": {
-                    "defaultValue": {
-                        "value": "<Drag\n    data-testid={testid && `${testid}.IconDrag`}\n    className={className && \"IconDrag\"}\n    size={iconDragSize}\n/>",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Drawer/Drawer.tsx": [
-        {
-            "description": "@description Returns a Drawer component\n@link https://documentation-components-react.vercel.app/components/drawer\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop isOpen: boolean\n@prop setIsOpen: Dispatch<SetStateAction<boolean>>\n@prop position?: \"left\" | \"right\"\n@prop enableScrollingOpen?: boolean\n@prop disableEsc?: boolean\n@prop backgroundColor?: Any color from the library\n@prop contentColor?: Any color from the library\n@prop linksColor?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"white\" | \"gray\" | \"font\" | \"background\"\n@prop gap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@prop width?: string | number\n@prop zIndex?: number\n@prop overlayColor?: Any color or overlay from the library\n@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\" }",
-            "methods": [],
-            "displayName": "Drawer",
-            "props": {
-                "backgroundColor": {
-                    "defaultValue": {
-                        "value": "\"primary\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "contentColor": {
-                    "defaultValue": {
-                        "value": "\"background\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "linksColor": {
-                    "defaultValue": {
-                        "value": "\"background\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "gap": {
-                    "defaultValue": { "value": "\"s\"", "computed": false },
-                    "required": false
-                },
-                "width": {
-                    "defaultValue": { "value": "\"30vw\"", "computed": false },
-                    "required": false
-                },
-                "zIndex": {
-                    "defaultValue": { "value": "998", "computed": false },
-                    "required": false
-                },
-                "overlayColor": {
-                    "defaultValue": {
-                        "value": "\"black-80\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "position": {
-                    "defaultValue": { "value": "\"right\"", "computed": false },
-                    "required": false
-                },
-                "padding": {
-                    "defaultValue": { "value": "\"l\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Footer/FooterLink.tsx": [
-        { "description": "", "methods": [], "displayName": "FooterLink" }
-    ],
-    "./src/lib/components/Footer/FooterLogo.tsx": [
-        {
-            "description": "",
-            "methods": [],
-            "displayName": "FooterLogo",
-            "composes": ["Pick"]
-        }
-    ],
-    "./src/lib/components/Footer/Footer.tsx": [
-        {
-            "description": "@description Returns a Footer component\n@link https://documentation-components-react.vercel.app/components/footer\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop links: Array<LibFooterLink> => required if direction is set to horizontal, only if children is not defined\n@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\n@prop children?: ReactChildren\n@prop withSeparator?: boolean\n@prop linksSeparator?: \"dot\" | \"dash\"\n@prop direction?: \"horizontal\" | \"vertical\"\n\n@type LibFooterLink\n@prop data-testid?: string\n@prop className?: string\n@prop id?: string\n@prop ref?: ForwardedRef<HTMLAnchorElement & HTMLButtonElement>\n@prop text: string\n@prop onClick: void => only if to or href are not defined\n@prop disabled?: boolean => only if onClick is defined\n@prop to: string => only if onClick and href are not defined\n@prop href: string => only if onClick and to are not defined\n@prop blank?: boolean => only if to or href are defined",
-            "methods": [],
-            "displayName": "Footer",
-            "props": {
-                "direction": {
-                    "defaultValue": {
-                        "value": "\"horizontal\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "linksSeparator": {
-                    "defaultValue": { "value": "\"dot\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/FullBleed/FullBleed.tsx": [
-        {
-            "description": "@description Returns a FullBleed component\n@link https://documentation-components-react.vercel.app/components/full-bleed\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop height?: number | string\n@prop aspectRatio?: string\n@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\" }",
-            "methods": [],
-            "displayName": "FullBleed"
-        }
-    ],
-    "./src/lib/components/Fieldset/Fieldset.tsx": [
-        {
-            "description": "@description Returns a Fieldset component\n@link https://documentation-components-react.vercel.app/components/fieldset\n@extends HTMLFieldSetElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLFieldSetElement>\n@prop legend: string\n@prop flexDirection?: CssFlexDirection\n@prop flexWrap?: CssFlexWrap\n@prop justifyContent?: CssJustifyContent\n@prop alignItems?: CssAlignItems\n@prop justifyItems?: CssJustifyItems\n@prop alignContent?: CssAlignContent\n@prop gap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@prop columnGap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@prop rowGap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@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\" }\n@prop border?: { style?: CssBorderStyle; width?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"; color?: Any color from the library }\n@prop borderRadius?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"round\" | \"circle\" | number | { topLeft?: LibRadiuses; topRight?: LibRadiuses; bottomLeft?: LibRadiuses; bottomRight?: LibRadiuses }\n@prop containerStyle?: CSSProperties\n@prop validation?: { status: boolean | undefined; message?: string; iconNotPassed?: string | JSX.Element; iconNotPassedSize?: number; iconPassed?: string | JSX.Element; iconPassedSize?: number; iconBaseUrl?: string }",
-            "methods": [],
-            "displayName": "Fieldset",
-            "props": {
-                "flexDirection": {
-                    "defaultValue": { "value": "\"row\"", "computed": false },
-                    "required": false
-                },
-                "flexWrap": {
-                    "defaultValue": { "value": "\"wrap\"", "computed": false },
-                    "required": false
-                },
-                "justifyContent": {
-                    "defaultValue": {
-                        "value": "\"flex-start\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "alignItems": {
-                    "defaultValue": {
-                        "value": "\"flex-start\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "gap": {
-                    "defaultValue": { "value": "\"m\"", "computed": false },
-                    "required": false
-                },
-                "padding": {
-                    "defaultValue": { "value": "\"s\"", "computed": false },
-                    "required": false
-                },
-                "border": {
-                    "defaultValue": {
-                        "value": "{ color: \"gray-200\" }",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "borderRadius": {
-                    "defaultValue": { "value": "\"m\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Flexbox/Flexbox.tsx": [
-        {
-            "description": "@description Returns a Flexbox component\n@link https://documentation-components-react.vercel.app/layouts/flexbox\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop inline?: boolean\n@prop flexDirection?: CssFlexDirection\n@prop flexWrap?: CssFlexWrap\n@prop justifyContent?: CssJustifyContent\n@prop alignItems?: CssAlignItems\n@prop justifyItems?: CssJustifyItems\n@prop alignContent?: CssAlignContent\n@prop gap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@prop columnGap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@prop rowGap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@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\" }",
-            "methods": [],
-            "displayName": "Flexbox"
-        }
-    ],
-    "./src/lib/components/Form/Form.tsx": [
-        {
-            "description": "@description Returns a Form component\n@link https://documentation-components-react.vercel.app/components/form\n@extends HTMLFormElement\n@prop data-testid?: string\n@prop ref?: ForwardedRef<HTMLFormElement>\n@prop buttonPrimary?: string | { text: string; iconLeft?: string | JSX.Element; iconRight?: string | JSX.Element; iconLeftSize?: number; iconRightSize?: number }\n@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 }\n@prop isLoading?: boolean\n@prop disabled?: boolean\n@prop gap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@prop maxWidth?: string | number",
-            "methods": [],
-            "displayName": "Form",
-            "props": {
-                "gap": {
-                    "defaultValue": { "value": "\"s\"", "computed": false },
-                    "required": false
-                },
-                "maxWidth": {
-                    "defaultValue": { "value": "\"100%\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Header/HeaderBurger.tsx": [
-        { "description": "", "methods": [], "displayName": "HeaderBurger" }
-    ],
-    "./src/lib/components/Header/Header.tsx": [
-        {
-            "description": "@description Returns a Header component\n@link https://documentation-components-react.vercel.app/components/header\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop logo: LibHeaderLogo\n@prop links: Array<LibHeaderLink> => only if children is not defined\n@prop children?: ReactChildren => only if links is not defined\n@prop burgerPosition?: LibNavBurgerPosition\n@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\" }\n@prop navDesktopVariant?: LibNavBurgerPosition\n@prop navMobileVariant?: LibNavMobileVariant\n@prop enableScrollingOpen?: boolean\n@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\" }\n@prop position?: LibHeaderPosition\n@prop hideOnScroll?: boolean | number => only if position is set to fixed\n@prop variant?: \"primary\" | \"white\" | \"transparent\"\n@prop backgroundColor?: Any color from the library => only if variant is set to primary\n@prop textColor?: Any color from the library => only if variant is set to primary\n@prop linkColor?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"white\" | \"gray\" | \"font\"",
-            "methods": [],
-            "displayName": "Header",
-            "props": {
-                "variant": {
-                    "defaultValue": {
-                        "value": "\"primary\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "burgerPosition": {
-                    "defaultValue": { "value": "\"right\"", "computed": false },
-                    "required": false
-                },
-                "navDesktopVariant": {
-                    "defaultValue": { "value": "\"right\"", "computed": false },
-                    "required": false
-                },
-                "navMobileVariant": {
-                    "defaultValue": {
-                        "value": "\"drawer\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "position": {
-                    "defaultValue": {
-                        "value": "\"relative\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "backgroundColor": {
-                    "defaultValue": {
-                        "value": "\"primary\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "textColor": {
-                    "defaultValue": {
-                        "value": "\"background\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "linkColor": {
-                    "defaultValue": { "value": "\"white\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Grid/Grid.tsx": [
-        {
-            "description": "@description Returns a Grid component\n@link https://documentation-components-react.vercel.app/layouts/grid\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop inline?: boolean\n@prop col?: number | string\n@prop gap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@prop columnGap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@prop rowGap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@prop justifyItems?: CssJustifyItems\n@prop alignItems?: CssAlignItems\n@prop justifyContent?: CssJustifyContent\n@prop alignContent?: CssAlignContent\n@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\" }",
-            "methods": [],
-            "displayName": "Grid"
-        }
-    ],
-    "./src/lib/components/Header/HeaderLogo.tsx": [
-        {
-            "description": "",
-            "methods": [],
-            "displayName": "HeaderLogo",
-            "props": {
-                "isOpen": {
-                    "required": true,
-                    "tsType": { "name": "boolean" },
-                    "description": ""
-                }
-            },
-            "composes": ["Pick"]
-        }
-    ],
-    "./src/lib/components/Header/HeaderNavLink.tsx": [
-        {
-            "description": "",
-            "methods": [],
-            "displayName": "HeaderNavLink",
-            "props": {
-                "data-testid": {
-                    "required": true,
-                    "tsType": {
-                        "name": "union",
-                        "raw": "string | undefined",
-                        "elements": [
-                            { "name": "string" },
-                            { "name": "undefined" }
-                        ]
-                    },
-                    "description": ""
-                },
-                "className": {
-                    "required": true,
-                    "tsType": {
-                        "name": "union",
-                        "raw": "string | undefined",
-                        "elements": [
-                            { "name": "string" },
-                            { "name": "undefined" }
-                        ]
-                    },
-                    "description": ""
-                },
-                "link": {
-                    "required": true,
-                    "tsType": {
-                        "name": "union",
-                        "raw": "LibHeaderLink | JSX.Element | FC",
-                        "elements": [
-                            {
-                                "name": "intersection",
-                                "raw": "LibButtonLinkBlankRequired &\nLibComponentItemBase<HTMLAnchorElement & HTMLButtonElement> & {\n    text: string\n    end?: boolean\n}",
-                                "elements": [
-                                    {
-                                        "name": "intersection",
-                                        "raw": "Pick<\n    T,\n    Exclude<keyof T, Keys>\n> &\n    {\n        [K in Keys]-?: Required<Pick<T, K>> & Partial<Pick<T, Exclude<Keys, K>>>\n    }[Keys]",
-                                        "elements": [
-                                            {
-                                                "name": "Pick",
-                                                "elements": [
-                                                    {
-                                                        "name": "union",
-                                                        "raw": "| (LibButtonLinkClick & { blank?: never })\n| (LibButtonLinkTo & { blank?: boolean })\n| (LibButtonLinkHref & { blank?: boolean })",
-                                                        "elements": [
-                                                            {
-                                                                "name": "unknown"
-                                                            },
-                                                            {
-                                                                "name": "unknown"
-                                                            },
-                                                            {
-                                                                "name": "unknown"
-                                                            }
-                                                        ]
-                                                    },
-                                                    {
-                                                        "name": "Exclude",
-                                                        "elements": [
-                                                            {
-                                                                "name": "union",
-                                                                "raw": "| (LibButtonLinkClick & { blank?: never })\n| (LibButtonLinkTo & { blank?: boolean })\n| (LibButtonLinkHref & { blank?: boolean })",
-                                                                "elements": [
-                                                                    {
-                                                                        "name": "unknown"
-                                                                    },
-                                                                    {
-                                                                        "name": "unknown"
-                                                                    },
-                                                                    {
-                                                                        "name": "unknown"
-                                                                    }
-                                                                ]
-                                                            },
-                                                            {
-                                                                "name": "union",
-                                                                "raw": "\"to\" | \"href\" | \"onClick\"",
-                                                                "elements": [
-                                                                    {
-                                                                        "name": "literal",
-                                                                        "value": "\"to\""
-                                                                    },
-                                                                    {
-                                                                        "name": "literal",
-                                                                        "value": "\"href\""
-                                                                    },
-                                                                    {
-                                                                        "name": "literal",
-                                                                        "value": "\"onClick\""
-                                                                    }
-                                                                ]
-                                                            }
-                                                        ],
-                                                        "raw": "Exclude<keyof T, Keys>"
-                                                    }
-                                                ],
-                                                "raw": "Pick<\n    T,\n    Exclude<keyof T, Keys>\n>"
-                                            },
-                                            { "name": "unknown" }
-                                        ]
-                                    },
-                                    {
-                                        "name": "LibComponentItemBase",
-                                        "elements": [
-                                            {
-                                                "name": "intersection",
-                                                "raw": "HTMLAnchorElement & HTMLButtonElement",
-                                                "elements": [
-                                                    {
-                                                        "name": "HTMLAnchorElement"
-                                                    },
-                                                    {
-                                                        "name": "HTMLButtonElement"
-                                                    }
-                                                ]
-                                            }
-                                        ],
-                                        "raw": "LibComponentItemBase<HTMLAnchorElement & HTMLButtonElement>"
-                                    },
-                                    {
-                                        "name": "signature",
-                                        "type": "object",
-                                        "raw": "{\n    text: string\n    end?: boolean\n}",
-                                        "signature": {
-                                            "properties": [
-                                                {
-                                                    "key": "text",
-                                                    "value": {
-                                                        "name": "string",
-                                                        "required": true
-                                                    }
-                                                },
-                                                {
-                                                    "key": "end",
-                                                    "value": {
-                                                        "name": "boolean",
-                                                        "required": false
-                                                    }
-                                                }
-                                            ]
-                                        }
-                                    }
-                                ]
-                            },
-                            { "name": "JSX.Element" },
-                            { "name": "FC" }
-                        ]
-                    },
-                    "description": ""
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Header/HeaderNav.tsx": [
-        {
-            "description": "",
-            "methods": [],
-            "displayName": "HeaderNav",
-            "props": {
-                "burgerRef": {
-                    "required": true,
-                    "tsType": {
-                        "name": "RefObject",
-                        "elements": [{ "name": "HTMLButtonElement" }],
-                        "raw": "RefObject<HTMLButtonElement>"
-                    },
-                    "description": ""
-                },
-                "isOpen": {
-                    "required": true,
-                    "tsType": { "name": "boolean" },
-                    "description": ""
-                },
-                "headerHeight": {
-                    "required": true,
-                    "tsType": { "name": "number" },
-                    "description": ""
-                },
-                "handleClose": {
-                    "required": true,
-                    "tsType": {
-                        "name": "signature",
-                        "type": "function",
-                        "raw": "() => void",
-                        "signature": {
-                            "arguments": [],
-                            "return": { "name": "void" }
-                        }
-                    },
-                    "description": ""
-                }
-            },
-            "composes": ["Pick"]
-        }
-    ],
-    "./src/lib/components/Header/HeaderSearch.tsx": [
-        {
-            "description": "",
-            "methods": [],
-            "displayName": "HeaderSearch",
-            "props": {
-                "handleClose": {
-                    "required": true,
-                    "tsType": {
-                        "name": "signature",
-                        "type": "function",
-                        "raw": "() => void",
-                        "signature": {
-                            "arguments": [],
-                            "return": { "name": "void" }
-                        }
-                    },
-                    "description": ""
-                }
-            },
-            "composes": ["Pick"]
-        }
-    ],
-    "./src/lib/components/Highlight/Highlight.tsx": [
-        {
-            "description": "@description Highlight selected text\n@link https://documentation-components-react.vercel.app/components/highlight\n@extends ILibText\n@prop ref?: ForwardedRef<HTMLHeadingElement & HTMLParagraphElement & HTMLQuoteElement & HTMLUListElement & HTMLOListElement & HTMLDListElement>\n@prop highlightedText: string\n@prop highlightStyle?: CSSProperties\n@prop color?: Any color from the library\n@prop linkColor?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"white\" | \"gray\" | \"font\" | \"background\"\n@prop textAlign?: CssTextAlign\n@prop tag?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\" | \"strong\" | \"em\" | \"small\" | \"blockquote\" | \"ul\" | \"ol\" | \"dl\"\n@prop display?: boolean => only if tag is set to h1 to h5",
-            "methods": [],
-            "displayName": "Highlight",
-            "props": {
-                "children": {
-                    "defaultValue": { "value": "\"\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Hr/Hr.tsx": [
-        {
-            "description": "@description Returns a Hr component\n@link https://documentation-components-react.vercel.app/components/hr\n@extends HTMLHRElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLHRElement>\n@prop height?: number\n@prop maxWidth?: string | number\n@prop color?: Any color from the library\n@prop margin?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\" | \"auto\" | \"0 auto\" | { left?: LibSpacers | \"auto\"; top?: LibSpacers | \"auto\"; right?: LibSpacers | \"auto\"; bottom?: LibSpacers | \"auto\"; leftRight?: LibSpacers | \"auto\"; topBottom?: LibSpacers | \"auto\" }\n@prop isRounded?: boolean",
-            "methods": [],
-            "displayName": "Hr",
-            "props": {
-                "height": {
-                    "defaultValue": { "value": "1", "computed": false },
-                    "required": false
-                },
-                "maxWidth": {
-                    "defaultValue": { "value": "\"100%\"", "computed": false },
-                    "required": false
-                },
-                "color": {
-                    "defaultValue": {
-                        "value": "\"gray-200\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "margin": {
-                    "defaultValue": {
-                        "value": "\"0 auto\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Icon/Icon.tsx": [
-        {
-            "description": "@description Returns an Icon component\n@link https://documentation-components-react.vercel.app/components/icon\n@extends Props from react-inlinesvg\n@tutorial To use this component, add the SVG file for the icon you want to render in `/public/icons` folder\n@prop data-testid?: string\n@prop ref?: ForwardedRef<SVGElement>\n@prop src: string\n@prop size?: number\n@prop color?: Any color from the library\n@prop baseUrl?: string",
-            "methods": [],
-            "displayName": "Icon",
-            "props": {
-                "size": {
-                    "defaultValue": { "value": "32", "computed": false },
-                    "required": false
-                },
-                "color": {
-                    "defaultValue": {
-                        "value": "\"currentColor\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "baseURL": {
-                    "defaultValue": {
-                        "value": "\"/icons\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Helmet/Helmet.tsx": [
-        {
-            "description": "@description Returns a Helmet component\n@link https://documentation-components-react.vercel.app/components/helmet\n@extends HelmetProps => imported from react-helmet-async\n@prop title: string\n@prop favicon?: string\n@prop description?: string\n@prop keywords?: string | Array<string>\n@prop author?: string\n@prop type?: string\n@prop cover?: string\n@prop siteName?: string\n@prop language?: string\n@prop children?: ReactChildren",
-            "methods": [],
-            "displayName": "Helmet",
-            "props": {
-                "title": {
-                    "required": true,
-                    "tsType": { "name": "string" },
-                    "description": ""
-                },
-                "favicon": {
-                    "required": false,
-                    "tsType": { "name": "string" },
-                    "description": ""
-                },
-                "description": {
-                    "required": false,
-                    "tsType": { "name": "string" },
-                    "description": ""
-                },
-                "keywords": {
-                    "required": false,
-                    "tsType": {
-                        "name": "union",
-                        "raw": "string | Array<string>",
-                        "elements": [
-                            { "name": "string" },
-                            {
-                                "name": "Array",
-                                "elements": [{ "name": "string" }],
-                                "raw": "Array<string>"
-                            }
-                        ]
-                    },
-                    "description": ""
-                },
-                "author": {
-                    "required": false,
-                    "tsType": { "name": "string" },
-                    "description": ""
-                },
-                "type": {
-                    "required": false,
-                    "tsType": { "name": "string" },
-                    "description": ""
-                },
-                "cover": {
-                    "required": false,
-                    "tsType": { "name": "string" },
-                    "description": ""
-                },
-                "siteName": {
-                    "required": false,
-                    "tsType": { "name": "string" },
-                    "description": ""
-                },
-                "language": {
-                    "required": false,
-                    "tsType": { "name": "string" },
-                    "description": "",
-                    "defaultValue": { "value": "\"en\"", "computed": false }
-                },
-                "children": {
-                    "required": false,
-                    "tsType": {
-                        "name": "union",
-                        "raw": "ReactNode | Array<ReactNode>",
-                        "elements": [
-                            { "name": "ReactNode" },
-                            {
-                                "name": "Array",
-                                "elements": [{ "name": "ReactNode" }],
-                                "raw": "Array<ReactNode>"
-                            }
-                        ]
-                    },
-                    "description": ""
-                }
-            },
-            "composes": ["HelmetProps"]
-        }
-    ],
-    "./src/lib/components/IconMenu/IconMenu.tsx": [
-        {
-            "description": "@description Returns a IconMenu component\n@link https://documentation-components-react.vercel.app/components/icon-menu\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop items: Array<LibIconMenuItem> => only if children is not defined\n@prop children?: ReactChildren => only if items is not defined\n@prop direction?: \"left\" | \"up\" | \"right\" | \"down\"\n@prop color?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"white\" | \"gray\" | \"font\" | \"background\"\n@prop position?: \"relative\" | \"absolute\" | \"fixed\"\n@prop hideTooltips?: boolean\n@prop buttonsVariant?: \"plain\" | \"transparent\" | \"ghost\"\n@prop iconBaseUrl?: string\n@prop icon?: \"plus\" | \"burger\" | { open: string | JSX.Element; close: string | JSX.Element; openSize?: number; closeSize?: number }\n\n@type LibIconMenuItem\n@prop data-testid?: string\n@prop className?: string\n@prop id?: string\n@prop ref?: ForwardedRef<HTMLButtonElement & HTMLAnchorElement>\n@prop label: string\n@prop icon: string | JSX.Element\n@prop iconSize?: number\n@prop onClick: void => only if to or href are not defined\n@prop disabled?: boolean => only if onClick is defined\n@prop to: string => only if onClick and href are not defined\n@prop href: string => only if onClick and to are not defined\n@prop blank?: boolean => only if to or href are defined",
-            "methods": [],
-            "displayName": "IconMenu",
-            "props": {
-                "icon": {
-                    "defaultValue": { "value": "\"plus\"", "computed": false },
-                    "required": false
-                },
-                "direction": {
-                    "defaultValue": { "value": "\"right\"", "computed": false },
-                    "required": false
-                },
-                "color": {
-                    "defaultValue": {
-                        "value": "\"primary\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Image/Image.tsx": [
-        {
-            "description": "@description Returns an Image component\n@link https://documentation-components-react.vercel.app/components/image\n@extends HTMLImageElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLImageElement>\n@prop borderRadius?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"round\" | \"circle\" | number | { topLeft?: LibRadiuses; topRight?: LibRadiuses; bottomLeft?: LibRadiuses; bottomRight?: LibRadiuses }\n@prop fit?: CssObjectFit\n@prop aspectRatio?: string\n@prop fallback?: JSX.Element\n@prop caption?: string | { text: string; textColor?: Any color from the library; background?: Any color or overlay from the library, except \"gradient-black\" | \"gradient-white\"; as?: ElementType }\n@prop containerStyle?: CSSProperties => only if caption is defined\n@prop containerAs?: ElementType => only if caption is defined",
-            "methods": [],
-            "displayName": "Image",
-            "props": {
-                "width": {
-                    "defaultValue": { "value": "\"100%\"", "computed": false },
-                    "required": false
-                },
-                "height": {
-                    "defaultValue": { "value": "\"auto\"", "computed": false },
-                    "required": false
-                },
-                "fallback": {
-                    "defaultValue": {
-                        "value": "<Fallback\n    $aspectRatio={aspectRatio}\n    $width={width}\n    $height={height}\n    $borderRadius={borderRadius}\n/>",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Image/ImageFunction.tsx": [
-        {
-            "description": "",
-            "methods": [],
-            "displayName": "ImageFunction",
-            "props": {
-                "width": {
-                    "defaultValue": { "value": "\"100%\"", "computed": false },
-                    "required": false
-                },
-                "height": {
-                    "defaultValue": { "value": "\"auto\"", "computed": false },
-                    "required": false
-                },
-                "loading": {
-                    "defaultValue": { "value": "\"lazy\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/IconMenu/IconMenuItem.tsx": [
-        {
-            "description": "@description Returns a IconMenuItem component\n@link https://documentation-components-react.vercel.app/components/icon-menu\n@extends HTMLButtonElement & HTMLAnchorElement & ILibButtonIcon\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLButtonElement & HTMLAnchorElement>\n@prop label: string\n@prop indexPosition: number\n@prop isOpen: boolean\n@prop icon: string | JSX.Element\n@prop iconSize?: number\n@prop direction?: \"left\" | \"up\" | \"right\" | \"down\"\n@prop variant?: \"plain\" | \"transparent\" | \"ghost\"\n@prop iconBaseUrl?: string\n@prop onClick?: void => only if `to` or `href` are not defined\n@prop disabled?: boolean => only if `onClick` is defined\n@prop to?: string => only if `onClick` and `href` are not defined\n@prop href?: string => only if `onClick` and `to` are not defined\n@prop blank?: boolean => only if `to` or `href` are defined\n@prop icon: string | JSX.Element\n@prop iconSize?: number\n@prop iconBaseUrl?: string\n@prop size?: number\n@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\" }\n@prop borderRadius?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"round\" | \"circle\" | number | { topLeft?: LibRadiuses; topRight?: LibRadiuses; bottomLeft?: LibRadiuses; bottomRight?: LibRadiuses }\n@prop color?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"white\" | \"gray\" | \"font\" | \"background\"\n@prop variant?: \"plain\" | \"ghost\" | \"transparent\"\n@prop showBackgroundHover?: boolean => only if variant is set to transparent\n@prop isLoading?: boolean\n@prop loaderVariant?: 1 | 2 | 3 | 4 => only if isLoading is defined\n@prop loaderBorderWidth?: number => only if loaderVariant is set to 1 | 2 | 3\n@prop tooltip?: string\n@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\n@prop containerStyle?: CSSProperties => only if tooltip is defined",
-            "methods": [],
-            "displayName": "IconMenuItem",
-            "props": {
-                "variant": {
-                    "defaultValue": { "value": "\"ghost\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/InputCheck/InputCheck.tsx": [
-        {
-            "description": "@description Returns a InputCheck component\n@link https://documentation-components-react.vercel.app/components/input-check\n@extends HTMLInputElement\n@prop data-testid?: string\n@prop ref?: ForwardedRef<HTMLInputElement>\n@prop id: string\n@prop label: ReactChildren\n@prop validation?: boolean | undefined\n@prop variant?: \"tile\" | \"toggle\" | \"selector\"\n@prop containerStyle?: CSSProperties\n@prop type?: \"checkbox\" | \"radio\"\n@prop iconCheck?: string | JSX.Element => only if type is set to checkbox\n@prop iconCheckSize?: number => only if type is set to checkbox\n@prop iconBaseUrl?: string => only if type is set to checkbox",
-            "methods": [],
-            "displayName": "InputCheck",
-            "props": {
-                "type": {
-                    "defaultValue": {
-                        "value": "\"checkbox\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "iconCheckSize": {
-                    "defaultValue": { "value": "14", "computed": false },
-                    "required": false
-                },
-                "iconCheck": {
-                    "defaultValue": {
-                        "value": "<Check\n    size={iconCheckSize}\n    data-testid={\n        testid && `${testid}.CheckContainer.Checkbox.Icon`\n    }\n    className={className && \"Icon\"}\n/>",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/InputContainer/HelperBottom.tsx": [
-        { "description": "", "methods": [], "displayName": "HelperBottom" }
-    ],
-    "./src/lib/components/InputContainer/InputContainer.tsx": [
-        {
-            "description": "@description Returns a InputContainer component\n@link https://documentation-components-react.vercel.app/components/input-container\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop label?: string\n@prop labelComment?: string\n@prop helper?: string\n@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 }\n@prop value?: any\n@prop counter?: boolean\n@prop maxLength?: number\n@prop hasListOpen?: boolean\n@prop style?: CSSProperties\n@prop iconBaseUrl?: string\n@prop validation?: { status: LibValidationStatus; message?: string; iconNotPassed?: LibIcon; iconNotPassedSize?: number; iconPassed?: LibIcon; iconPassedSize?: number; iconBaseUrl?: string }",
-            "methods": [],
-            "displayName": "InputContainer"
-        }
-    ],
-    "./src/lib/components/InputCounter/InputCounter.tsx": [
-        {
-            "description": "",
-            "methods": [],
-            "displayName": "InputCounter",
-            "props": {
-                "inputVariant": {
-                    "defaultValue": {
-                        "value": "\"rounded\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "value": {
-                    "defaultValue": { "value": "0", "computed": false },
-                    "required": false
-                },
-                "step": {
-                    "defaultValue": { "value": "1", "computed": false },
-                    "required": false
-                },
-                "iconSizes": {
-                    "defaultValue": {
-                        "value": "{\n    plus: roundIconSize(BUTTON_SIZE),\n    minus: roundIconSize(BUTTON_SIZE),\n}",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "labelButtons": {
-                    "defaultValue": {
-                        "value": "{\n    plus: \"Plus\",\n    minus: \"Minus\",\n}",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/InputImage/EmptyContainer.tsx": [
-        {
-            "description": "",
-            "methods": [],
-            "displayName": "EmptyContainer",
-            "composes": ["Pick"]
-        }
-    ],
-    "./src/lib/components/InputImage/InputImage.tsx": [
-        {
-            "description": "@description Returns a InputImage component\n@link https://documentation-components-react.vercel.app/components/input-image\n@extends HTMLInputElement\n@prop data-testid?: string\n@prop ref?: ForwardedRef<HTMLInputElement>\n@prop id: string\n@prop value: string\n@prop width?: string | number\n@prop height?: string | number\n@prop size?: string | number\n@prop borderRadius?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"round\" | \"circle\" | number | { topLeft?: LibRadiuses; topRight?: LibRadiuses; bottomLeft?: LibRadiuses; bottomRight?: LibRadiuses }\n@prop icons?: { empty?: string | JSX.Element; hover?: string | JSX.Element }\n@prop iconSizes?: { empty?: number; hover?: number }\n@prop iconBaseUrl?: string\n@prop label?: string\n@prop labelComment?: string\n@prop helper?: string\n@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 }\n@prop validation?: { status: LibValidationStatus; message?: string; iconNotPassed?: LibIcon; iconNotPassedSize?: number; iconPassed?: LibIcon; iconPassedSize?: number; iconBaseUrl?: string }\n@prop iconBaseUrl?: string\n@prop containerStyle?: CSSProperties",
-            "methods": [],
-            "displayName": "InputImage",
-            "props": {
-                "width": {
-                    "defaultValue": { "value": "64", "computed": false },
-                    "required": false
-                },
-                "height": {
-                    "defaultValue": { "value": "64", "computed": false },
-                    "required": false
-                },
-                "borderRadius": {
-                    "defaultValue": { "value": "\"m\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/InputImage/HoverContainer.tsx": [
-        {
-            "description": "",
-            "methods": [],
-            "displayName": "HoverContainer",
-            "props": {
-                "isVisible": {
-                    "required": true,
-                    "tsType": { "name": "boolean" },
-                    "description": ""
-                },
-                "disabled": {
-                    "defaultValue": { "value": "false", "computed": false },
-                    "required": false
-                }
-            },
-            "composes": ["Pick"]
-        }
-    ],
-    "./src/lib/components/InputPhone/InputPhone.tsx": [
-        {
-            "description": "@description Returns a InputPhone component\n@link https://documentation-components-react.vercel.app/components/input-phone\n@extends HTMLInputElement\n@prop data-testid?: string\n@prop ref?: ForwardedRef<HTMLInputElement>\n@prop selectedCountry: name: string; dial_code: string; code: CountryCode; flag: string | undefined\n@prop setSelectedCountry: Dispatch<SetStateAction<{ name: string; dial_code: string; code: CountryCode; flag: string | undefined } | undefined>>\n@prop defaultCountry?: Any Alpha-2 Code from https://www.iban.com/country-codes\n@prop icons?: { search?: string | JSX.Element; caret?: string | JSX.Element }\n@prop iconSizes?: { search?: number; caret?: number }\n@prop searchPlaceholder?: string\n@prop listDirection?: \"up\" | \"down\"\n@prop countryButtonAriaLabel?: string\n@prop textNoResult?: string\n@prop validation?: { status: LibValidationStatus; message?: string; iconNotPassed?: LibIcon; iconNotPassedSize?: number; iconPassed?: LibIcon; iconPassedSize?: number; iconBaseUrl?: string }\n@prop id?: string\n@prop label?: string\n@prop labelComment?: string\n@prop helper?: string\n@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 }\n@prop validation?: { status: LibValidationStatus; message?: string; iconNotPassed?: LibIcon; iconNotPassedSize?: number; iconPassed?: LibIcon; iconPassedSize?: number; iconBaseUrl?: string }\n@prop iconBaseUrl?: string\n@prop inputBackground?: \"light\" | \"dark\"\n@prop inputVariant?: \"rounded\" | \"pill\"\n@prop containerStyle?: CSSProperties",
-            "methods": [],
-            "displayName": "InputPhone",
-            "props": {
-                "inputVariant": {
-                    "defaultValue": {
-                        "value": "\"rounded\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "defaultCountry": {
-                    "defaultValue": { "value": "\"de\"", "computed": false },
-                    "required": false
-                },
-                "searchPlaceholder": {
-                    "defaultValue": {
-                        "value": "\"Search country or code\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "countryButtonAriaLabel": {
-                    "defaultValue": {
-                        "value": "\"Select country\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "textNoResult": {
-                    "defaultValue": {
-                        "value": "\"Your search did not return any result.\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/InputPin/InputPin.tsx": [
-        {
-            "description": "@description Returns a InputPin component\n@link https://documentation-components-react.vercel.app/components/input-pin\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop values: { [n: number]: number | \"\" | undefined }\n@prop setValues: Dispatch<SetStateAction<{ [n: number]: number | \"\" | undefined }>>\n@prop placeholders?: Array<string>\n@prop container?: { justifyContent?: CssJustifyContent; columnGap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\" }\n@prop inputSize?: number\n@prop inputFontSize?: \"display-h1\" | \"display-h2\" | \"display-h3\" | \"display-h4\" | \"display-h5\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"body\" | \"small\"\n@prop hideValues?: boolean\n@prop disabled?: boolean\n@prop label?: string\n@prop labelComment?: string\n@prop helper?: string\n@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 }\n@prop validation?: { status: LibValidationStatus; message?: string; iconNotPassed?: LibIcon; iconNotPassedSize?: number; iconPassed?: LibIcon; iconPassedSize?: number; iconBaseUrl?: string }\n@prop iconBaseUrl?: string\n@prop inputBackground?: \"light\" | \"dark\"\n@prop containerStyle?: CSSProperties",
-            "methods": [],
-            "displayName": "InputPin",
-            "props": {
-                "inputSize": {
-                    "defaultValue": { "value": "48", "computed": false },
-                    "required": false
-                },
-                "inputFontSize": {
-                    "defaultValue": { "value": "\"body\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/InputSlider/Slider.tsx": [
-        {
-            "description": "",
-            "methods": [],
-            "displayName": "Slider",
-            "props": {
-                "min": {
-                    "defaultValue": { "value": "0", "computed": false },
-                    "required": false
-                },
-                "max": {
-                    "defaultValue": { "value": "100", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/InputSlider/InputSlider.tsx": [
-        {
-            "description": "@description Returns a InputSlider component\n@link https://documentation-components-react.vercel.app/components/input-slider\n@extends HTMLInputElement\n@prop data-testid?: string\n@prop ref?: ForwardedRef<HTMLInputElement>\n@prop showMinMax?: boolean\n@prop showValue?: \"hover\" | \"always\" | \"never\"\n@prop min?: number\n@prop max?: number\n@prop value?: number\n@prop label?: string\n@prop labelComment?: string\n@prop helper?: string\n@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 }\n@prop validation?: { status: LibValidationStatus; message?: string; iconNotPassed?: LibIcon; iconNotPassedSize?: number; iconPassed?: LibIcon; iconPassedSize?: number; iconBaseUrl?: string }\n@prop iconBaseUrl?: string\n@prop inputBackground?: \"light\" | \"dark\"\n@prop containerStyle?: CSSProperties",
-            "methods": [],
-            "displayName": "InputSlider",
-            "props": {
-                "value": {
-                    "defaultValue": { "value": "50", "computed": false },
-                    "required": false
-                },
-                "min": {
-                    "defaultValue": { "value": "0", "computed": false },
-                    "required": false
-                },
-                "max": {
-                    "defaultValue": { "value": "100", "computed": false },
-                    "required": false
-                },
-                "showValue": {
-                    "defaultValue": {
-                        "value": "value ? \"hover\" : \"never\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Key/Key.tsx": [
-        {
-            "description": "@description Returns a Key component\n@link https://documentation-components-react.vercel.app/components/key\n@extends HTMLSpanElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLSpanElement>\n@prop keys: Array<string>\n@prop size?: \"large\" | \"small\"\n@prop accentColor?: Exclude<\"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"gray\">\n@prop withSeparator?: boolean",
-            "methods": [],
-            "displayName": "Key",
-            "props": {
-                "size": {
-                    "defaultValue": { "value": "\"small\"", "computed": false },
-                    "required": false
-                },
-                "accentColor": {
-                    "defaultValue": {
-                        "value": "\"primary\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Linkify/Linkify.tsx": [
-        {
-            "description": "@description Transform `http://<url>` to `<a href=\"http://<url>\">http://<url></a>`\n@link https://documentation-components-react.vercel.app/components/linkify\n@extends ILibText\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLHeadingElement & HTMLParagraphElement & HTMLQuoteElement & HTMLUListElement & HTMLOListElement & HTMLDListElement>\n@prop blank?: boolean",
-            "methods": [],
-            "displayName": "Linkify"
-        }
-    ],
-    "./src/lib/components/LibIcon/LibIcon.tsx": [
-        {
-            "description": "@description Icon used to build components from library, use Icon component to build your app.\n@access Only for building library, do not export\n@prop icon: string | JSX.Element\n@prop baseUrl: string | undefined\n@prop size?: number\n@prop color?: Any color from the library\n@prop className?: string",
-            "methods": [],
-            "displayName": "LibIcon",
-            "props": {
-                "icon": {
-                    "required": true,
-                    "tsType": {
-                        "name": "union",
-                        "raw": "string | JSX.Element",
-                        "elements": [
-                            { "name": "string" },
-                            { "name": "JSX.Element" }
-                        ]
-                    },
-                    "description": ""
-                },
-                "baseUrl": {
-                    "required": true,
-                    "tsType": {
-                        "name": "union",
-                        "raw": "string | undefined",
-                        "elements": [
-                            { "name": "string" },
-                            { "name": "undefined" }
-                        ]
-                    },
-                    "description": ""
-                }
-            },
-            "composes": ["Omit"]
-        }
-    ],
-    "./src/lib/components/ListGroup/ListGroup.tsx": [
-        {
-            "description": "@description Returns a ListGroup component\n@link https://documentation-components-react.vercel.app/components/list-group\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop items: Array<LibListGroupItem> => only if children is not defined\n@prop children?: ReactChildren => only if items is not defined\n@prop title?: string | { text: string; backgroundColor?: Any color from the library; contentColor?: Any color from the library; isFixed?: boolean; id?: string; className?: string; ref?: ForwardedRef<HTMLDivElement>; shadowOnScroll?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" }\n@prop noSeparator?: boolean\n@prop showNumbers?: boolean\n@prop maxHeight?: number | string\n\n@type LibListGroupItem\n@prop data-testid?: string\n@prop className?: string\n@prop id?: string\n@prop ref?: ForwardedRef<HTMLLIElement>\n@prop text: string\n@prop subtext?: string\n@prop badge?: boolean | { icon?: string | JSX.Element => only if `number` is not defined; number?: number => only if `icon` is not defined; backgroundColor?: LibAllColors; contentColor?: LibAllColors } => only if `date` is not defined\n@prop date?: string | Date => only if `badge` is not defined\n@prop onClick?: void => only if to or href are not defined\n@prop disabled?: boolean => only if onClick is defined\n@prop to?: string => only if onClick and href are not defined\n@prop href?: string => only if onClick and to are not defined\n@prop blank?: boolean => only if to or href are defined",
-            "methods": [],
-            "displayName": "ListGroup"
-        }
-    ],
-    "./src/lib/components/ListGroup/ListGroupItem.tsx": [
-        {
-            "description": "@description Returns a ListGroupItem component\n@link https://documentation-components-react.vercel.app/components/list-group\n@extends HTMLDivElement & LibButtonLinkBlank\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop text: string\n@prop body?: string\n@prop isInArray?: boolean\n@prop noSeparator?: boolean\n@prop number?: number\n@prop badge?: boolean | { icon?: string | JSX.Element => only if `number` is not defined; number?: number => only if `icon` is not defined; backgroundColor?: Any color from the library; contentColor?: Any color from the library } => only if `date` is not defined\n@prop date?: string | Date => only if badge is not defined\n@prop onClick?: void => only if to or href are not defined\n@prop disabled?: boolean => only if onClick is defined\n@prop to?: string => only if onClick and href are not defined\n@prop href?: string => only if onClick and to are not defined\n@prop blank?: boolean => only if to or href are defined",
-            "methods": [],
-            "displayName": "ListGroupItem"
-        }
-    ],
-    "./src/lib/components/Loader/Loader.tsx": [
-        {
-            "description": "@description Returns a Loader component\n@link https://documentation-components-react.vercel.app/components/loader\n@extends HTMLSpanElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLSpanElement>\n@prop variant?: 1 | 2 | 3 | 4\n@prop borderWidth?: number => only if variant is set to 1 | 2 | 3\n@prop size?: number\n@prop color?: Any color from the library",
-            "methods": [],
-            "displayName": "Loader",
-            "props": {
-                "size": {
-                    "defaultValue": { "value": "48", "computed": false },
-                    "required": false
-                },
-                "color": {
-                    "defaultValue": {
-                        "value": "\"primary\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/ListGroup/ListGroupTitle.tsx": [
-        {
-            "description": "",
-            "methods": [],
-            "displayName": "ListGroupTitle",
-            "props": {
-                "backgroundColor": {
-                    "defaultValue": {
-                        "value": "\"primary\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "contentColor": {
-                    "defaultValue": {
-                        "value": "\"background\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Main/Main.tsx": [
-        {
-            "description": "@description Returns a Main component\n@link https://documentation-components-react.vercel.app/layouts/container\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop minHeight?: string | number\n@prop size?: \"default\" | \"large\" | \"form\" | \"full\" | number\n@prop contentSize?: \"default\" | \"large\" | \"form\" | number => only if size is set to full",
-            "methods": [],
-            "displayName": "Main",
-            "props": {
-                "minHeight": {
-                    "defaultValue": { "value": "\"100vh\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/MarkdownContainer/MarkdownContainer.tsx": [
-        {
-            "description": "@description Returns a MarkdownContainer component\n@link https://documentation-components-react.vercel.app/components/markdown-container\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop options?: MarkdownToJSX.Options => imported from package markdown-to-jsx",
-            "methods": [],
-            "displayName": "MarkdownContainer",
-            "props": {
-                "options": {
-                    "defaultValue": {
-                        "value": "{\n    forceBlock: true,\n    wrapper: \"div\",\n    overrides: {\n        h1: {\n            component: Text,\n            props: {\n                tag: \"h1\",\n            },\n        },\n\n        h2: {\n            component: Text,\n            props: {\n                tag: \"h2\",\n            },\n        },\n\n        h3: {\n            component: Text,\n            props: {\n                tag: \"h3\",\n            },\n        },\n\n        h4: {\n            component: Text,\n            props: {\n                tag: \"h4\",\n            },\n        },\n\n        h5: {\n            component: Text,\n            props: {\n                tag: \"h5\",\n            },\n        },\n\n        h6: {\n            component: Text,\n            props: {\n                tag: \"h6\",\n            },\n        },\n\n        p: {\n            component: Text,\n            props: {\n                tag: \"p\",\n            },\n        },\n\n        strong: {\n            component: Text,\n            props: {\n                tag: \"strong\",\n            },\n        },\n\n        em: {\n            component: Text,\n            props: {\n                tag: \"em\",\n            },\n        },\n\n        ul: {\n            component: Text,\n            props: {\n                tag: \"ul\",\n            },\n        },\n\n        ol: {\n            component: Text,\n            props: {\n                tag: \"ol\",\n            },\n        },\n\n        dl: {\n            component: Text,\n            props: {\n                tag: \"dl\",\n            },\n        },\n\n        small: {\n            component: Text,\n            props: {\n                tag: \"small\",\n            },\n        },\n\n        blockquote: {\n            component: Text,\n            props: {\n                tag: \"blockquote\",\n            },\n        },\n\n        table: {\n            component: Table,\n        },\n    },\n}",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/MarkdownEditor/MarkdownEditor.tsx": [
-        {
-            "description": "@description Returns a MarkdownEditor component\n@link https://documentation-components-react.vercel.app/components/markdown-editor\n@extends HTMLTextAreaElement\n@prop data-testid?: string\n@prop ref?: ForwardedRef<HTMLTextAreaElement>\n@prop value: string\n@prop setValue: Dispatch<SetStateAction<string>>\n@prop defaultEditor?: \"editorCode\" | \"editorLive\" | \"editorPreview\"\n@prop textButtonTitles?: string\n@prop showButtons?: LibMarkdownEditorOptions\n@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 }\n@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 }\n@prop id?: string\n@prop label?: string\n@prop labelComment?: string\n@prop helper?: string\n@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 }\n@prop validation?: { status: LibValidationStatus; message?: string; iconNotPassed?: LibIcon; iconNotPassedSize?: number; iconPassed?: LibIcon; iconPassedSize?: number; iconBaseUrl?: string }\n@prop iconBaseUrl?: string\n@prop inputBackground?: \"light\" | \"dark\"\n@prop containerStyle?: CSSProperties",
-            "methods": [],
-            "displayName": "MarkdownEditor",
-            "props": {
-                "showButtons": {
-                    "defaultValue": {
-                        "value": "{\n    bold: true,\n    italic: true,\n    strikethrough: true,\n    ul: true,\n    ol: true,\n    link: true,\n    quote: true,\n    hr: true,\n    code: true,\n    codeBlock: true,\n    comment: true,\n    image: true,\n    editorCode: true,\n    editorLive: true,\n    editorPreview: true,\n    titles: true,\n}",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "defaultEditor": {
-                    "defaultValue": {
-                        "value": "\"editorLive\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "textButtonTitles": {
-                    "defaultValue": {
-                        "value": "\"Titles\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/MarkdownEditor/MdEditorInput.tsx": [
-        { "description": "", "methods": [], "displayName": "MdEditorInput" }
-    ],
-    "./src/lib/components/Masonry/Masonry.tsx": [
-        {
-            "description": "@description Returns a Masonry component\n@link https://documentation-components-react.vercel.app/components/masonry\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop children?: Array<ReactNode>\n@prop col?: number\n@prop gap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"",
-            "methods": [],
-            "displayName": "Masonry",
-            "props": {
-                "children": {
-                    "defaultValue": { "value": "[]", "computed": false },
-                    "required": false
-                },
-                "col": {
-                    "defaultValue": { "value": "4", "computed": false },
-                    "required": false
-                },
-                "gap": {
-                    "defaultValue": { "value": "\"l\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Messaging/Message.tsx": [
-        {
-            "description": "@description Returns a Message component\n@link https://documentation-components-react.vercel.app/components/messaging\n@extends HTMLDivElement & ILibFlexbox\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop type: \"sent\" | \"received\"\n@prop text: string => only if children is not defined\n@prop children?: ReactChildren => only if text is not defined\n@prop id?: string\n@prop date?: Date | string\n@prop textToday?: string => only if date is defined\n@prop textYesterday?: string => only if date is defined\n@prop dateFormat?: \"short\" | \"long\" => only if date is defined\n@prop time?: string\n@prop inline?: boolean\n@prop flexDirection?: CssFlexDirection\n@prop flexWrap?: CssFlexWrap\n@prop justifyContent?: CssJustifyContent\n@prop alignItems?: CssAlignItems\n@prop justifyItems?: CssJustifyItems\n@prop alignContent?: CssAlignContent\n@prop gap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@prop columnGap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@prop rowGap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@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\" }",
-            "methods": [],
-            "displayName": "Message",
-            "props": {
-                "textToday": {
-                    "defaultValue": { "value": "\"Today\"", "computed": false },
-                    "required": false
-                },
-                "textYesterday": {
-                    "defaultValue": {
-                        "value": "\"Yesterday\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "textDateTime": {
-                    "defaultValue": { "value": "\"at\"", "computed": false },
-                    "required": false
-                },
-                "dateFormat": {
-                    "defaultValue": { "value": "\"short\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Messaging/MessagesContainer.tsx": [
-        {
-            "description": "@description Returns a MessagesContainer component\n@link https://documentation-components-react.vercel.app/components/messaging\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>",
-            "methods": [],
-            "displayName": "MessagesContainer"
-        }
-    ],
-    "./src/lib/components/Messaging/MessageForm.tsx": [
-        {
-            "description": "@description Returns a MessageForm component\n@link https://documentation-components-react.vercel.app/components/messaging\n@extends HTMLFormElement\n@prop data-testid?: string\n@prop ref?: ForwardedRef<HTMLFormElement>\n@prop inputHeight: number\n@prop setInputHeight: Dispatch<SetStateAction<number>>\n@prop handleSubmit: () => void\n@prop input: { message: string; setMessage: Dispatch<SetStateAction<string>>; placeholder?: string; autoFocus?: boolean }\n@prop button?: { icon?: string | JSX.Element => only if text is not defined; text?: string => only if icon is not defined }\n@prop iconBaseUrl?: string",
-            "methods": [],
-            "displayName": "MessageForm"
-        }
-    ],
-    "./src/lib/components/Messaging/MessagesList.tsx": [
-        {
-            "description": "@description Returns a MessagesList component\n@link https://documentation-components-react.vercel.app/components/messaging\n@extends HTMLDivElement & ILibFlexbox\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop children?: Array<ReactNode>\n@prop emptyText?: string\n@prop hideScrollButton?: boolean\n@prop scrollButton?: { icon?: string | JSX.Element; iconSize?: number; positionFromBottom?: number; iconBaseUrl?: string } => only if hideScrollButton is false or undefined",
-            "methods": [],
-            "displayName": "MessagesList",
-            "props": {
-                "emptyText": {
-                    "defaultValue": {
-                        "value": "\"No message yet.\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Messaging/Messaging.tsx": [
-        {
-            "description": "@description Returns a Messaging component\n@link https://documentation-components-react.vercel.app/components/messaging\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop items: Array<LibMessage>\n@prop textDateTime?: string\n@prop emptyText?: string\n@prop iconScroll?: string | JSX.Element\n@prop iconScrollSize?: number\n\n@type LibMessage\n@prop data-testid?: string\n@prop className?: string\n@prop id?: string\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop type: \"sent\" | \"received\"\n@prop text: string\n@prop date?: Date | string\n@prop time?: string",
-            "methods": [],
-            "displayName": "Messaging"
-        }
-    ],
-    "./src/lib/components/Modal/Modal.tsx": [
-        {
-            "description": "@description Returns a Modal component\n@link https://documentation-components-react.vercel.app/components/modal\n@extends ILibFlexbox\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop isOpen: boolean\n@prop setIsOpen: Dispatch<SetStateAction<boolean>>\n@prop disableEsc?: boolean\n@prop contentWidth?: string | number\n@prop contentId?: string\n@prop hideCloseButton?: boolean\n@prop buttonClose?: { icon?: string | JSX.Element; color?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"white\" | \"gray\" | \"font\" | \"background\"; size?: number; variant?: \"plain\" | \"ghost\" | \"transparent\"; label?: string } => only if hideCloseButton is not set to true\n@prop flexDirection?: CssFlexDirection\n@prop flexWrap?: CssFlexWrap\n@prop justifyContent?: CssJustifyContent\n@prop alignItems?: CssAlignItems\n@prop justifyItems?: CssJustifyItems\n@prop alignContent?: CssAlignContent\n@prop gap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@prop columnGap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@prop rowGap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@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\" }",
-            "methods": [],
-            "displayName": "Modal"
-        }
-    ],
-    "./src/lib/components/Pagination/PaginationButton.tsx": [
-        {
-            "description": "@description Returns a PaginationButton component\n@link https://documentation-components-react.vercel.app/components/pagination\n@extends HTMLButtonElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLButtonElement>\n@prop isActive: boolean => only if readOnly is not defined\n@prop readOnly: boolean => only if isActive is not defined\n@prop accentColor?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"white\" | \"gray\" | \"font\" | \"background\"",
-            "methods": [],
-            "displayName": "PaginationButton"
-        }
-    ],
-    "./src/lib/components/PageLayout/PageLayout.tsx": [
-        {
-            "description": "@description Returns a PageLayout component\n@link https://documentation-components-react.vercel.app/components/page-layout\n@prop data-testid?: string\n@prop isLoading?: boolean\n@prop titleLoading?: string\n@prop pageLoading?: ILibPageLoading => imported from PageLoading component\n@prop helmet?: ILibHelmet => imported from Helmet component\n@prop header?: ILibHeader & { nav?: JSX.Element } => imported from Header component\n@prop footer?: ILibFooter => imported from Footer component\n@prop wrapper?: ILibWrapper => imported from Wrapper component, only if noWrapper is not set to true\n@prop noWrapper?: false\n@prop template?: \"single\" | \"multi\"\n@prop main?: ILibMain => imported from Main component, only if template is set to single\n@prop mainMinHeight?: string | number => only if template is set to single",
-            "methods": [],
-            "displayName": "PageLayout",
-            "props": {
-                "template": {
-                    "defaultValue": {
-                        "value": "\"single\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "mainMinHeight": {
-                    "defaultValue": { "value": "\"85vh\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Pagination/Pagination.tsx": [
-        {
-            "description": "@description Returns a Pagination component\n@link https://documentation-components-react.vercel.app/components/pagination\n@extends ILibFlexbox\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop totalPages: number => only if children is not defined\n@prop pageLimit?: number => only if children is not defined\n@prop icons?: { previous?: string | JSX.Element; next?: string | JSX.Element } => only if children is not defined\n@prop iconSizes?: { previous?: number; next?: number } => only if children is not defined\n@prop iconBaseUrl?: string => only if children is not defined\n@prop children?: ReactChildren => only if totalPages is not defined\n@prop accentColor?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"white\" | \"gray\" | \"font\" | \"background\"\n@prop queries?: Array<Array<string>>\n@prop inline?: boolean\n@prop flexDirection?: CssFlexDirection\n@prop flexWrap?: CssFlexWrap\n@prop justifyContent?: CssJustifyContent\n@prop alignItems?: CssAlignItems\n@prop justifyItems?: CssJustifyItems\n@prop alignContent?: CssAlignContent\n@prop gap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@prop columnGap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@prop rowGap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@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\" }",
-            "methods": [],
-            "displayName": "Pagination",
-            "props": {
-                "accentColor": {
-                    "defaultValue": {
-                        "value": "\"primary\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "pageLimit": {
-                    "defaultValue": { "value": "5", "computed": false },
-                    "required": false
-                },
-                "justifyContent": {
-                    "defaultValue": {
-                        "value": "\"center\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/PageLoading/PageLoading.tsx": [
-        {
-            "description": "@description Returns a PageLoading component\n@link https://documentation-components-react.vercel.app/components/page-loading\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop backgroundColor?: Any color from the library\n@prop loaderColor?: Any color from the library\n@prop loaderVariant?: 1 | 2 | 3 | 4\n@prop stopScrolling?: boolean",
-            "methods": [],
-            "displayName": "PageLoading",
-            "props": {
-                "backgroundColor": {
-                    "defaultValue": {
-                        "value": "\"primary\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "loaderColor": {
-                    "defaultValue": { "value": "\"white\"", "computed": false },
-                    "required": false
-                },
-                "loaderVariant": {
-                    "defaultValue": { "value": "1", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/ProgressBar/ProgressBar.tsx": [
-        {
-            "description": "@description Returns a ProgressBar component\n@link https://documentation-components-react.vercel.app/components/progress-bar\n@extends HTMLMeterElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLMeterElement>\n@prop value: number\n@prop color?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"white\" | \"gray\" | \"font\" | \"background\"\n@prop noAnimation?: boolean",
-            "methods": [],
-            "displayName": "ProgressBar",
-            "props": {
-                "color": {
-                    "defaultValue": {
-                        "value": "\"primary\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "min": {
-                    "defaultValue": { "value": "0", "computed": false },
-                    "required": false
-                },
-                "max": {
-                    "defaultValue": { "value": "100", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Paginator/Paginator.tsx": [
-        {
-            "description": "@description Returns a Paginator component\n@link https://documentation-components-react.vercel.app/components/paginator\n@extends ILibFlexbox\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop totalPages: number\n@prop accentColor?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"white\" | \"gray\" | \"font\" | \"background\"\n@prop inputNotEditable?: boolean\n@prop texts?: { page?: string; of?: string }\n@prop icons?: { prev?: string | JSX.Element; next?: string | JSX.Element }\n@prop iconSizes?: { prev?: number; next?: number }\n@prop iconsBaseUrl?: string\n@prop labels?: { prev?: string; next?: string; show?: boolean }\n@prop queries?: Array<Array<string>>",
-            "methods": [],
-            "displayName": "Paginator",
-            "props": {
-                "texts": {
-                    "defaultValue": {
-                        "value": "{ page: \"Page\", of: \"of\" }",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "iconSizes": {
-                    "defaultValue": {
-                        "value": "{\n    prev: roundIconSize(DEFAULT_ICON_SIZE),\n    next: roundIconSize(DEFAULT_ICON_SIZE),\n}",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "labels": {
-                    "defaultValue": {
-                        "value": "{ prev: \"Previous\", next: \"Next\" }",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "gap": {
-                    "defaultValue": { "value": "\"xs\"", "computed": false },
-                    "required": false
-                },
-                "alignItems": {
-                    "defaultValue": {
-                        "value": "\"center\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "accentColor": {
-                    "defaultValue": {
-                        "value": "\"primary\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/ProgressCircle/ProgressCircle.tsx": [
-        {
-            "description": "@description Returns a ProgressCircle component\n@link https://documentation-components-react.vercel.app/components/progress-circle\n@extends SVGElement\n@prop data-testid?: string\n@prop ref?: ForwardedRef<SVGElement>\n@prop value: number\n@prop noAnimation?: boolean\n@prop color?: Any color from the library\n@prop containerStyle?: CSSProperties\n@prop showValue?: boolean => only if icon is not defined\n@prop icon?: string | JSX.Element => only if showValue is not set to true\n@prop iconSize?: number => only if icon is defined\n@prop iconBaseUrl?: string => only if icon is defined",
-            "methods": [],
-            "displayName": "ProgressCircle",
-            "props": {
-                "color": {
-                    "defaultValue": {
-                        "value": "\"primary\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/ProgressCircle/Circle.tsx": [
-        {
-            "description": "",
-            "methods": [],
-            "displayName": "Circle",
-            "props": {
-                "color": {
-                    "defaultValue": {
-                        "value": "\"primary\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/ProgressCircle/Value.tsx": [
-        {
-            "description": "",
-            "methods": [],
-            "displayName": "Value",
-            "composes": ["Pick"]
-        }
-    ],
-    "./src/lib/components/ProgressCircle/ProgressCircleFn.tsx": [
-        {
-            "description": "",
-            "methods": [],
-            "displayName": "ProgressCircleFn",
-            "props": {
-                "color": {
-                    "defaultValue": {
-                        "value": "\"primary\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Input/Input.tsx": [
-        {
-            "description": "@description Returns a Input component\n@link https://documentation-components-react.vercel.app/components/input\n@extends HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement\n@constant => for all inputs\n@prop data-testid?: string\n@prop ref?: ForwardedRef<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>\n@prop type?: \"color\" | \"date\" | \"datetime-local\" | \"month\" | \"week\" | \"file\" | \"password\" | \"search\" | \"select\" | \"textarea\" | \"email\" | \"number\" | \"tel\" | \"text\" | \"url\" | \"time\"\n@prop id?: string\n@prop label?: string\n@prop labelComment?: string\n@prop helper?: string\n@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 }\n@prop validation?: { status: LibValidationStatus; message?: string; iconNotPassed?: LibIcon; iconNotPassedSize?: number; iconPassed?: LibIcon; iconPassedSize?: number; iconBaseUrl?: string }\n@prop iconBaseUrl?: string\n@prop inputBackground?: \"light\" | \"dark\"\n@prop inputVariant?: \"rounded\" | \"pill\"\n@prop containerStyle?: CSSProperties\n\n@type for type date | datetime-local | month | week | password | search | email | number | tel | text | url | time\n@prop icon?: string | JSX.Element\n@prop iconSize?: number\n@prop prefix?: string | JSX.Element\n\n@type for type date | datetime-local | month | week\n@prop iconCalendar?: string | JSX.Element\n@prop iconCalendarSize?: number\n\n@type for type password\n@prop hideButton?: boolean\n@prop button?: { iconShow: string | JSX.Element; iconShowSize?: number; iconHide: string | JSX.Element; iconHideSize?: number; textShow?: string; textHide?: string }\n\n@type for type search\n@prop clearSearch?: MouseEventHandler<HTMLButtonElement>\n@prop iconClear?: string | JSX.Element\n@prop iconClearSize?: number\n@prop focusKeys?: Array<string>\n@prop showKeys?: boolean => only if focusKeys is defined\n\n@type for type select\n@prop iconSelect?: string | JSX.Element\n@prop iconSelectSize?: number\n@prop children?: ReactChildren\n\n@type for type time\n@prop iconClock?: string | JSX.Element\n@prop iconClockSize?: number\n\n@type for type email | number | tel | text | url\n@prop suffix?: string | JSX.Element",
-            "methods": [],
-            "displayName": "Input",
-            "props": {
-                "type": {
-                    "defaultValue": { "value": "\"text\"", "computed": false },
-                    "required": false
-                },
-                "inputVariant": {
-                    "defaultValue": {
-                        "value": "\"rounded\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Rating/Rating.tsx": [
-        {
-            "description": "@description Returns a Rating component\n@link https://documentation-components-react.vercel.app/components/rating\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop rating: number\n@prop setRating: Dispatch<SetStateAction<number>> => only if readOnly is not defined\n@prop readOnly: boolean => only if setRating is not defined\n@prop icons?: { default?: string | JSX.Element; checked?: string | JSX.Element }\n@prop iconSizes?: { default?: number; checked?: number }\n@prop label?: string\n@prop labelComment?: string\n@prop helper?: string\n@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 }\n@prop validation?: { status: LibValidationStatus; message?: string; iconNotPassed?: LibIcon; iconNotPassedSize?: number; iconPassed?: LibIcon; iconPassedSize?: number; iconBaseUrl?: string }\n@prop iconBaseUrl?: string\n@prop containerStyle?: CSSProperties",
-            "methods": [],
-            "displayName": "Rating"
-        }
-    ],
-    "./src/lib/components/Select/SelectButton.tsx": [
-        { "description": "", "methods": [], "displayName": "SelectButton" }
-    ],
-    "./src/lib/components/Select/Select.tsx": [
-        {
-            "description": "@description Returns a Select component\n@link https://documentation-components-react.vercel.app/components/select\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop value: string\n@prop setValue: Dispatch<SetStateAction< string>>\n@prop options?: Array<string>\n@prop disabled?: boolean\n@prop listDirection?: \"up\" | \"down\"\n@prop tabIndex?: number\n@prop prefix?: string | JSX.Element\n@prop icons?: { left?: string | JSX.Element; caret?: string | JSX.Element }\n@prop iconSizes?: { left?: number; caret?: number }\n@prop label?: string\n@prop labelComment?: string\n@prop helper?: string\n@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 }\n@prop validation?: { status: LibValidationStatus; message?: string; iconNotPassed?: LibIcon; iconNotPassedSize?: number; iconPassed?: LibIcon; iconPassedSize?: number; iconBaseUrl?: string }\n@prop iconBaseUrl?: string\n@prop inputBackground?: \"light\" | \"dark\"\n@prop inputVariant?: \"rounded\" | \"pill\"\n@prop containerStyle?: CSSProperties",
-            "methods": [],
-            "displayName": "Select",
-            "props": {
-                "inputVariant": {
-                    "defaultValue": {
-                        "value": "\"rounded\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Skeleton/Skeleton.tsx": [
-        {
-            "description": "@description Returns a Skeleton component\n@link https://documentation-components-react.vercel.app/components/skeleton\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop width?: string | number\n@prop maxWidth?: string | number\n@prop height?: string | number\n@prop backgroundColor?: Any color from the library\n@prop aspectRatio?: string\n@prop borderRadius?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"round\" | \"circle\" | number | { topLeft?: LibRadiuses; topRight?: LibRadiuses; bottomLeft?: LibRadiuses; bottomRight?: LibRadiuses }\n@prop flex?: string | number\n@prop flexGrow?: string | number\n@prop animation?: \"pulse\" | \"shine\"",
-            "methods": [],
-            "displayName": "Skeleton",
-            "props": {
-                "width": {
-                    "defaultValue": { "value": "100", "computed": false },
-                    "required": false
-                },
-                "maxWidth": {
-                    "defaultValue": { "value": "\"100%\"", "computed": false },
-                    "required": false
-                },
-                "height": {
-                    "defaultValue": { "value": "100", "computed": false },
-                    "required": false
-                },
-                "backgroundColor": {
-                    "defaultValue": {
-                        "value": "\"gray-100\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Skeleton/SkeletonShine.tsx": [
-        {
-            "description": "@description Returns a Shine component. Add it inside a component with `position: relative`\n@link https://documentation-components-react.vercel.app/components/skeleton\n@extends HTMLSpanElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>",
-            "methods": [],
-            "displayName": "SkeletonShine"
-        }
-    ],
-    "./src/lib/components/Slideshow/Slideshow.tsx": [
-        {
-            "description": "@description Returns a Slideshow component\n@link https://documentation-components-react.vercel.app/components/slideshow\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop images?: Array<string> => only if children is not defined\n@prop children?: Array<ReactNode> => only if images is not defined\n@prop height?: string | number\n@prop imgFit?: CssObjectFit\n@prop controls?: boolean | Controls\n@prop options?: Options\n@prop pagination?: boolean | PaginationWithThumbnails | PaginationWithOther\n\n@type Controls\n@prop data-testid?: string\n@prop className?: string\n@prop size?: LibSlideshowButtonSize\n@prop color?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"white\" | \"gray\" | \"font\" | \"background\"\n@prop hideOnTouch?: boolean\n@prop icons?: { prev?: string | JSX.Element; next?: string | JSX.Element }\n@prop iconsSizes?: { prev?: number; next?: number }\n@prop iconBaseUrl?: string\n@prop labelPrev?: string\n@prop labelNext?: string\n\n@type Options\n@prop autoPlay?: number\n@prop speed?: number\n\n@type PaginationWithThumbnails\n@prop type?: \"thumbnails\"\n@prop position?: \"inside\" | \"outside\"\n@prop hideOnTouch?: boolean\n\n@type PaginationWithOther\n@prop type?: \"dots\" | \"dots-outline\" | \"bars\"\n@prop position?: \"inside\" | \"outside\"\n@prop hideOnTouch?: boolean\n@prop color?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"white\" | \"gray\" | \"font\" | \"background\"",
-            "methods": [],
-            "displayName": "Slideshow",
-            "props": {
-                "height": {
-                    "defaultValue": { "value": "\"30vw\"", "computed": false },
-                    "required": false
-                },
-                "imgFit": {
-                    "defaultValue": { "value": "\"cover\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Skeleton/SkeletonCard.tsx": [
-        {
-            "description": "@description Returns a SkeletonCard component\n@link https://documentation-components-react.vercel.app/components/skeleton\n@extends ILibFlexbox\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop width?: string | number\n@prop maxWidth?: string | number\n@prop height?: string | number\n@prop backgroundColor?: Any color from the library\n@prop aspectRatio?: string\n@prop borderRadius?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"round\" | \"circle\" | number | { topLeft?: LibRadiuses; topRight?: LibRadiuses; bottomLeft?: LibRadiuses; bottomRight?: LibRadiuses }\n@prop flex?: string | number\n@prop flexGrow?: string | number\n@prop border?: { style?: CssBorderStyle; width?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"; color?: Any color from the library }\n@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\" }\n@prop isShiny?: boolean",
-            "methods": [],
-            "displayName": "SkeletonCard",
-            "props": {
-                "maxWidth": {
-                    "defaultValue": { "value": "\"100%\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Slideshow/SlideshowButton.tsx": [
-        {
-            "description": "",
-            "methods": [],
-            "displayName": "SlideshowButton",
-            "props": {
-                "position": {
-                    "required": true,
-                    "tsType": { "name": "unknown" },
-                    "description": ""
-                },
-                "onClick": {
-                    "required": true,
-                    "tsType": {
-                        "name": "signature",
-                        "type": "function",
-                        "raw": "() => void",
-                        "signature": {
-                            "arguments": [],
-                            "return": { "name": "void" }
-                        }
-                    },
-                    "description": ""
-                }
-            },
-            "composes": ["Pick"]
-        }
-    ],
-    "./src/lib/components/Slideshow/SlideshowPagination.tsx": [
-        {
-            "description": "",
-            "methods": [],
-            "displayName": "SlideshowPagination",
-            "props": {
-                "setActive": {
-                    "required": true,
-                    "tsType": {
-                        "name": "Dispatch",
-                        "elements": [
-                            {
-                                "name": "SetStateAction",
-                                "elements": [{ "name": "number" }],
-                                "raw": "SetStateAction<T>"
-                            }
-                        ],
-                        "raw": "Dispatch<SetStateAction<T>>"
-                    },
-                    "description": ""
-                },
-                "contentLength": {
-                    "required": true,
-                    "tsType": { "name": "number" },
-                    "description": ""
-                },
-                "activeSlide": {
-                    "required": true,
-                    "tsType": { "name": "number" },
-                    "description": ""
-                }
-            },
-            "composes": ["Pick"]
-        }
-    ],
-    "./src/lib/components/Section/Section.tsx": [
-        {
-            "description": "@description Returns a Section component\n@link https://documentation-components-react.vercel.app/layouts/section\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop gap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"",
-            "methods": [],
-            "displayName": "Section",
-            "props": {
-                "gap": {
-                    "defaultValue": { "value": "\"m\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/SrOnly/SrOnly.tsx": [
-        {
-            "description": "@description Returns a component only for ScreenReaders\n@link https://documentation-components-react.vercel.app/components/sr-only\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>",
-            "methods": [],
-            "displayName": "SrOnly"
-        }
-    ],
-    "./src/lib/components/Stepper/Stepper.tsx": [
-        {
-            "description": "@description Returns a Stepper component\n@link https://documentation-components-react.vercel.app/components/stepper\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop steps: Array<LibStep> => only if children is not defined\n@prop children?: ReactChildren => only if steps is not defined\n@prop direction?: \"column\" | \"row\"\n@prop activeStep?: number\n@prop iconActive?: string | JSX.Element\n@prop iconActiveSize?: number\n@prop iconBaseUrl?: string\n@prop accentColor?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"white\" | \"gray\" | \"font\" | \"background\"\n\n@type LibStep\n@extends LibButtonLinkBlank\n@prop data-testid?: string\n@prop className?: string\n@prop id?: string\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop text: string\n@prop onClick?: void => only if to or href are not defined\n@prop disabled?: boolean => only if onClick is defined\n@prop to?: string => only if onClick and href are not defined\n@prop href?: string => only if onClick and to are not defined\n@prop blank?: boolean => only if to or href are defined",
-            "methods": [],
-            "displayName": "Stepper",
-            "props": {
-                "activeStep": {
-                    "defaultValue": { "value": "0", "computed": false },
-                    "required": false
-                },
-                "direction": {
-                    "defaultValue": { "value": "\"row\"", "computed": false },
-                    "required": false
-                },
-                "accentColor": {
-                    "defaultValue": {
-                        "value": "\"primary\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Sticky/Sticky.tsx": [
-        {
-            "description": "@description Returns a Sticky component\n@link https://documentation-components-react.vercel.app/components/sticky\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop top?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"",
-            "methods": [],
-            "displayName": "Sticky",
-            "props": {
-                "top": {
-                    "defaultValue": { "value": "\"s\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Stepper/Step.tsx": [
-        {
-            "description": "@description Returns a Step component\n@link https://documentation-components-react.vercel.app/components/stepper\n@extends HTMLSpanElement & LibButtonLinkBlank\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLSpanElement>\n@prop direction?: \"column\" | \"row\"\n@prop accentColor?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"white\" | \"gray\" | \"font\" | \"background\"\n@prop isActive?: boolean\n@prop isDone?: boolean\n@prop iconActive?: string | JSX.Element\n@prop iconActiveSize?: number\n@prop number?: number\n@prop iconBaseUrl?: string\n@prop onClick?: void => only if to or href are not defined\n@prop disabled?: boolean => only if onClick is defined\n@prop to?: string => only if onClick and href are not defined\n@prop href?: string => only if onClick and to are not defined\n@prop blank?: boolean => only if to or href are defined",
-            "methods": [],
-            "displayName": "Step",
-            "props": {
-                "direction": {
-                    "defaultValue": { "value": "\"row\"", "computed": false },
-                    "required": false
-                },
-                "accentColor": {
-                    "defaultValue": {
-                        "value": "\"primary\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "iconActiveSize": {
-                    "defaultValue": { "value": "16", "computed": false },
-                    "required": false
-                },
-                "iconActive": {
-                    "defaultValue": {
-                        "value": "<CheckCircle\n    data-testid={testid && `${testid}.NumberContainer.Icon`}\n    className={className && \"Icon\"}\n    size={iconActiveSize}\n/>",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Table/TBody.tsx": [
-        {
-            "description": "@description Returns a TBody component\n@link https://documentation-components-react.vercel.app/components/table\n@extends HTMLTableSectionElement\n@prop data-testid?: string\n@prop ref?: ForwardedRef<HTMLTableSectionElement>",
-            "methods": [],
-            "displayName": "TBody"
-        }
-    ],
-    "./src/lib/components/Table/THead.tsx": [
-        {
-            "description": "@description Returns a THead component\n@link https://documentation-components-react.vercel.app/components/table\n@extends HTMLTableSectionElement\n@prop data-testid?: string\n@prop ref?: ForwardedRef<HTMLTableSectionElement>",
-            "methods": [],
-            "displayName": "THead"
-        }
-    ],
-    "./src/lib/components/Table/Table.tsx": [
-        {
-            "description": "@description Returns a Table component\n@link https://documentation-components-react.vercel.app/components/table\n@extends HTMLTableElement\n@prop data-testid?: string\n@prop ref?: ForwardedRef<HTMLTableElement>\n@prop data: Array<Array<ReactChildren>> => only if children is not defined\n@prop children?: ReactChildren => only if data is not defined\n@prop headers?: Array<ReactChildren>\n@prop variant?: LibTableVariant\n@prop vAlign?: CssVerticalAlign\n@prop linkify?: boolean",
-            "methods": [],
-            "displayName": "Table",
-            "props": {
-                "variant": {
-                    "defaultValue": {
-                        "value": "\"bordered\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "vAlign": {
-                    "defaultValue": { "value": "\"top\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Table/Td.tsx": [
-        {
-            "description": "@description Returns a Td component\n@link https://documentation-components-react.vercel.app/components/table\n@extends HTMLTableCellElement\n@prop data-testid?: string\n@prop ref?: ForwardedRef<HTMLTableCellElement>\n@prop noPadding?: boolean",
-            "methods": [],
-            "displayName": "Td"
-        }
-    ],
-    "./src/lib/components/Tabs/Tabs.tsx": [
-        {
-            "description": "@description Returns a Tabs component\n@link https://documentation-components-react.vercel.app/components/tabs\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop tabsItems: Array<LibTabItem>\n@prop showInUrl?: boolean\n@prop queries?: Array<Array<string>> => only if showInUrl is set to true, working only with projects using react-router\n@prop justify?: \"start\" | \"stretch\"\n@prop active?: number\n@prop variant?: \"basic\" | \"rounded\"\n\n@type LibTabItem\n@prop data-testid?: string\n@prop className?: string\n@prop id?: string\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop title: string\n@prop content: ReactNode",
-            "methods": [],
-            "displayName": "Tabs",
-            "props": {
-                "justify": {
-                    "defaultValue": { "value": "\"start\"", "computed": false },
-                    "required": false
-                },
-                "active": {
-                    "defaultValue": { "value": "0", "computed": false },
-                    "required": false
-                },
-                "variant": {
-                    "defaultValue": { "value": "\"basic\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Table/Tr.tsx": [
-        {
-            "description": "@description Returns a Tr component\n@link https://documentation-components-react.vercel.app/components/table\n@extends HTMLTableRowElement\n@prop data-testid?: string\n@prop ref?: ForwardedRef<HTMLTableRowElement>",
-            "methods": [],
-            "displayName": "Tr"
-        }
-    ],
-    "./src/lib/components/Tabs/TabButton.tsx": [
-        {
-            "description": "@description Returns a TabButton component\n@link https://documentation-components-react.vercel.app/components/tabs\n@extends HTMLButtonElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLButtonElement>\n@prop isActive: boolean\n@prop onClick: () => void\n@prop justify?: \"start\" | \"stretch\"\n@prop variant?: \"basic\" | \"rounded\"",
-            "methods": [],
-            "displayName": "TabButton",
-            "props": {
-                "justify": {
-                    "defaultValue": { "value": "\"start\"", "computed": false },
-                    "required": false
-                },
-                "variant": {
-                    "defaultValue": { "value": "\"basic\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Tabs/TabItem.tsx": [
-        {
-            "description": "@description Returns a TabItem component\n@link https://documentation-components-react.vercel.app/components/tabs\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop isActive: boolean",
-            "methods": [],
-            "displayName": "TabItem"
-        }
-    ],
-    "./src/lib/components/Tabs/TabsButtonsContainer.tsx": [
-        {
-            "description": "@description Returns a TabsButtonsContainer component\n@link https://documentation-components-react.vercel.app/components/tabs\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop justify?: \"start\" | \"stretch\"\n@prop variant?: \"basic\" | \"rounded\"",
-            "methods": [],
-            "displayName": "TabsButtonsContainer",
-            "props": {
-                "justify": {
-                    "defaultValue": { "value": "\"start\"", "computed": false },
-                    "required": false
-                },
-                "variant": {
-                    "defaultValue": { "value": "\"basic\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Tabs/TabsContainer.tsx": [
-        {
-            "description": "@description Returns a TabsContainer component\n@link https://documentation-components-react.vercel.app/components/tabs\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>",
-            "methods": [],
-            "displayName": "TabsContainer"
-        }
-    ],
-    "./src/lib/components/Tag/Tag.tsx": [
-        {
-            "description": "@description Returns a Tag component\n@link https://documentation-components-react.vercel.app/components/tag\n@extends HTMLSpanElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLSpanElement>\n@prop backgroundColor?: Any color from the library\n@prop textColor?: Any color from the library\n@prop border?: { style?: CssBorderStyle; width?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"; color?: Any color from the library }\n@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\" }\n@prop borderRadius?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"round\" | \"circle\" | number | { topLeft?: LibRadiuses; topRight?: LibRadiuses; bottomLeft?: LibRadiuses; bottomRight?: LibRadiuses }\n@prop fontSize?: \"display-h1\" | \"display-h2\" | \"display-h3\" | \"display-h4\" | \"display-h5\" | \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"body\" | \"small\"\n@prop icons?: { left?: string | JSX.Element; right?: string | JSX.Element }\n@prop iconSizes?: { left?: number; right?: number } => only if icons is defined\n@prop iconBaseUrl?: string => only if icons is defined\n@prop gap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\" => only if icons is defined",
-            "methods": [],
-            "displayName": "Tag",
-            "props": {
-                "backgroundColor": {
-                    "defaultValue": {
-                        "value": "\"primary\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "textColor": {
-                    "defaultValue": {
-                        "value": "backgroundColor === \"white\"\n? \"primary\"\n: backgroundColor === \"black\"\n? \"white\"\n: \"background\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "padding": {
-                    "defaultValue": {
-                        "value": "{\n    topBottom: \"xxs\",\n    leftRight: \"s\",\n}",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "borderRadius": {
-                    "defaultValue": { "value": "\"round\"", "computed": false },
-                    "required": false
-                },
-                "fontSize": {
-                    "defaultValue": { "value": "\"small\"", "computed": false },
-                    "required": false
-                },
-                "iconSizes": {
-                    "defaultValue": {
-                        "value": "{\n    left: getIconSizeFromFont(fontSize),\n    right: getIconSizeFromFont(fontSize),\n}",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "gap": {
-                    "defaultValue": { "value": "\"xs\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Text/Text.tsx": [
-        {
-            "description": "@description Returns a Text component\n@link https://documentation-components-react.vercel.app/styles/text\n@extends HTMLHeadingElement & HTMLParagraphElement & HTMLQuoteElement & HTMLUListElement & HTMLOListElement & HTMLDListElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLHeadingElement & HTMLParagraphElement & HTMLQuoteElement & HTMLUListElement & HTMLOListElement & HTMLDListElement>\n@prop color?: Any color from the library\n@prop linkColor?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"white\" | \"gray\" | \"font\" | \"background\"\n@prop textAlign?: CssTextAlign\n@prop tag?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\" | \"strong\" | \"em\" | \"small\" | \"blockquote\" | \"ul\" | \"ol\" | \"dl\"\n@prop display?: boolean => only if tag is set to h1 to h5",
-            "methods": [],
-            "displayName": "Text",
-            "props": {
-                "tag": {
-                    "defaultValue": { "value": "\"p\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/TextIcon/TextIcon.tsx": [
-        {
-            "description": "@description Returns a Text with Icon component\n@link https://documentation-components-react.vercel.app/components/text-icon\n@extends ILibText\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLHeadingElement & HTMLParagraphElement & HTMLQuoteElement & HTMLUListElement & HTMLOListElement & HTMLDListElement>\n@prop icon: string | JSX.Element\n@prop iconColor?: Any color from the library\n@prop iconSize?: number\n@prop textAs?: ElementType\n@prop tag?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\" | \"small\" | \"blockquote\"\n@prop iconBaseUrl?: string\n@prop gap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@prop containerStyle?: CSSProperties\n@prop color?: Any color from the library\n@prop linkColor?: \"primary\" | \"secondary\" | \"success\" | \"danger\" | \"warning\" | \"white\" | \"gray\" | \"font\" | \"background\"\n@prop textAlign?: CssTextAlign\n@prop display?: boolean => only if tag is set to h1 to h5",
-            "methods": [],
-            "displayName": "TextIcon",
-            "props": {
-                "tag": {
-                    "defaultValue": { "value": "\"p\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Toast/Toast.tsx": [
-        {
-            "description": "@description Returns a Toast component\n@link https://documentation-components-react.vercel.app/components/toast\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop title: string\n@prop toasterPosition?: \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\"\n@prop toastStyle?: { maxWidth?: string | number; border?: { style?: CssBorderStyle; width?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"; color?: Any color from the library }; backgroundColor?: Any color from the library; textColor?: Any color from the library; shadow?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" }\n@prop hideCloseButton?: boolean\n@prop status?: \"success\" | \"error\" | \"warning\" | \"info\" | \"loading\"\n@prop options?: LibToastOptions\n\n@type LibToastOptions\n@prop data-testid?: string\n@prop className?: string\n@prop id?: string\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop body?: string | ReactChildren\n@prop duration?: number\n@prop icons?: { left?: string | JSX.Element; close?: string | JSX.Element }\n@prop iconSizes?: { left?: number close?: number }\n@prop iconLeftColor?: Any color from the library\n@prop labelClose?: string\n@prop withTimer?: boolean\n@prop timerBackgroundColor?: Any color from the library",
-            "methods": [],
-            "displayName": "Toast",
-            "props": {
-                "id": {
-                    "defaultValue": { "value": "uuid()", "computed": true },
-                    "required": false
-                },
-                "role": {
-                    "defaultValue": { "value": "\"alert\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Toast/Toaster.tsx": [
-        {
-            "description": "@description Returns a Toaster component\n@link https://documentation-components-react.vercel.app/components/toast\n@prop data-testid?: string\n@prop as?: ElementType\n@prop toasts: Array<LibToast>\n@prop isOpen: boolean\n@prop position?: \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\"\n@prop toastsOptions?: { duration?: number; labelClose?: string; withTimer?: boolean; icons?: { left?: string | JSX.Element; close?: string | JSX.Element }; iconSizes?: { left?: number; close?: number }; iconLeftColor?: Any color from the library; iconsBaseUrl?: string }\n\n@type LibToast\n@prop data-testid?: string\n@prop className?: string\n@prop id?: string\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop title: string\n@prop id?: string\n@prop status?: \"success\" | \"error\" | \"warning\" | \"info\" | \"loading\"\n@prop options?: LibToastOptions\n\n@type LibToastOptions\n@prop data-testid?: string\n@prop className?: string\n@prop id?: string\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop body?: string | ReactChildren\n@prop duration?: number\n@prop icons?: { left?: string | JSX.Element; close?: string | JSX.Element }\n@prop iconSizes?: { left?: number close?: number }\n@prop iconLeftColor?: Any color from the library\n@prop labelClose?: string\n@prop withTimer?: boolean\n@prop timerBackgroundColor?: Any color from the library",
-            "methods": [],
-            "displayName": "Toaster",
-            "props": {
-                "position": {
-                    "defaultValue": {
-                        "value": "\"bottom-right\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Timepicker/Timepicker.tsx": [
-        {
-            "description": "@description Returns a Timepicker component\n@link https://documentation-components-react.vercel.app/components/timepicker\n@extends HTMLInputElement\n@prop data-testid?: string\n@prop ref?: ForwardedRef<HTMLInputElement>\n@prop value: LibTimepickerHours | LibTimepickerHalfTimes | LibTimepickerQuarterTimes | LibTimepickerMinutes\n@prop setValue: Dispatch<SetStateAction< LibTimepickerHours | LibTimepickerHalfTimes | LibTimepickerQuarterTimes | LibTimepickerMinutes>>\n@prop iconClock?: string | JSX.Element\n@prop iconClockSize?: number\n@prop listDirection?: \"up\" | \"down\"\n@prop prefix?: string | JSX.Element\n@prop step?: LibTimepickerSteps\n@prop minTime?: LibTimepickerHours | LibTimepickerHalfTimes | LibTimepickerQuarterTimes | LibTimepickerMinutes\n@prop maxTime?: LibTimepickerHours | LibTimepickerHalfTimes | LibTimepickerQuarterTimes | LibTimepickerMinutes\n@prop data-testid?: string\n@prop id?: string\n@prop label?: string\n@prop labelComment?: string\n@prop helper?: string\n@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 }\n@prop validation?: { status: LibValidationStatus; message?: string; iconNotPassed?: LibIcon; iconNotPassedSize?: number; iconPassed?: LibIcon; iconPassedSize?: number; iconBaseUrl?: string }\n@prop iconBaseUrl?: string\n@prop inputBackground?: \"light\" | \"dark\"\n@prop inputVariant?: \"rounded\" | \"pill\"\n@prop containerStyle?: CSSProperties\n@prop icon?: string | JSX.Element\n@prop iconSize?: number\n@prop prefix?: string | JSX.Element",
-            "methods": [],
-            "displayName": "Timepicker",
-            "props": {
-                "iconClockSize": {
-                    "defaultValue": { "value": "16", "computed": false },
-                    "required": false
-                },
-                "iconClock": {
-                    "defaultValue": {
-                        "value": "<Clock\n    data-testid={testid && `${testid}.RightContainer.IconClock`}\n    className={className && \"IconClock\"}\n    size={iconClockSize}\n/>",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "step": {
-                    "defaultValue": { "value": "\"1h\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Truncate/Truncate.tsx": [
-        {
-            "description": "@description Returns a Truncate component\n@link https://documentation-components-react.vercel.app/components/truncate\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop gap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"",
-            "methods": [],
-            "displayName": "Truncate",
-            "props": {
-                "gap": {
-                    "defaultValue": { "value": "\"xs\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Video/Video.tsx": [
-        {
-            "description": "@description Returns an HTML Video component\n@link https://documentation-components-react.vercel.app/components/video\n@extends HTMLVideoElement\n@prop data-testid?: string\n@prop ref?: ForwardedRef<HTMLVideoElement>\n@prop fit?: CssObjectFit\n@prop aspectRatio?: string\n@prop emptyText?: string\n@prop type?: \"video/x-flv\" | \"video/mp4\" | \"application/x-mpegURL\" | \"video/MP2T\" | \"video/3gpp\" | \"video/quicktime\" | \"video/x-msvideo\" | \"video/x-ms-wmv\"",
-            "methods": [],
-            "displayName": "Video",
-            "props": {
-                "type": {
-                    "defaultValue": {
-                        "value": "\"video/mp4\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "width": {
-                    "defaultValue": { "value": "\"100%\"", "computed": false },
-                    "required": false
-                },
-                "height": {
-                    "defaultValue": { "value": "\"auto\"", "computed": false },
-                    "required": false
-                },
-                "emptyText": {
-                    "defaultValue": {
-                        "value": "\"Your browser doesn't support the video tag.\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Tooltip/Tooltip.tsx": [
-        {
-            "description": "@description Returns a Tooltip component\n@link https://documentation-components-react.vercel.app/components/tooltip\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop tooltip: string | JSX.Element\n@prop position?: \"top\" | \"bottom\" | \"left\" | \"right\"\n@prop hideArrow?: boolean\n@prop trigger?: \"hover\" | \"click\"\n@prop backgroundColor?: Any color or overlay from the library\n@prop textColor?: Any color from the library\n@prop offset?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@prop tooltipStyles?: CSSProperties",
-            "methods": [],
-            "displayName": "Tooltip",
-            "props": {
-                "position": {
-                    "defaultValue": { "value": "\"top\"", "computed": false },
-                    "required": false
-                },
-                "backgroundColor": {
-                    "defaultValue": {
-                        "value": "\"black-80\"",
-                        "computed": false
-                    },
-                    "required": false
-                },
-                "textColor": {
-                    "defaultValue": { "value": "\"white\"", "computed": false },
-                    "required": false
-                },
-                "offset": {
-                    "defaultValue": { "value": "\"xs\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Wrapper/Wrapper.tsx": [
-        {
-            "description": "@description Returns a Wrapper component\n@link https://documentation-components-react.vercel.app/layouts/container\n@extends HTMLDivElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLDivElement>\n@prop gap?: \"xxl\" | \"xl\" | \"l\" | \"m\" | \"s\" | \"xs\" | \"xxs\" | number | \"0px\"\n@prop backgroundColor?: Any color from the library\n@prop minHeight?: string | number",
-            "methods": [],
-            "displayName": "Wrapper",
-            "props": {
-                "gap": {
-                    "defaultValue": { "value": "\"l\"", "computed": false },
-                    "required": false
-                },
-                "backgroundColor": {
-                    "defaultValue": {
-                        "value": "\"transparent\"",
-                        "computed": false
-                    },
-                    "required": false
-                }
-            }
-        }
-    ],
-    "./src/lib/components/Youtube/Youtube.tsx": [
-        {
-            "description": "@description Returns a Youtube component\n@link https://documentation-components-react.vercel.app/components/youtube\n@extends HTMLIframeElement\n@prop data-testid?: string\n@prop as?: ElementType\n@prop ref?: ForwardedRef<HTMLIframeElement>\n@prop aspectRatio?: string",
-            "methods": [],
-            "displayName": "Youtube",
-            "props": {
-                "src": {
-                    "defaultValue": { "value": "\"\"", "computed": false },
-                    "required": false
-                },
-                "width": {
-                    "defaultValue": { "value": "\"100%\"", "computed": false },
-                    "required": false
-                },
-                "height": {
-                    "defaultValue": { "value": "\"auto\"", "computed": false },
-                    "required": false
-                },
-                "aspectRatio": {
-                    "defaultValue": { "value": "\"16/9\"", "computed": false },
-                    "required": false
-                }
-            }
-        }
-    ]
-}