@julseb-lib/react 0.0.56 → 0.0.58

package/dist/index.d.ts

@@ -1 +1,90 @@
-export {}
+export { ThemeProvider } from 'styled-components';
+export * from './utils';
+export { addDay, addMonth, addYear, calculateAverage, calculateTotalSum, capitalize, convertDate, convertDateShort, convertPrice, convertToEmail, convertYoutube, deleteDuplicates, detectLanguage, disableScroll, enableScroll, filterObject, formatDate, formatHour, generateNumbers, getFirstName, getInitials, getLastName, getPercentage, getRandom, getRandomAvatar, getRandomDate, getRandomNumber, getRandomString, getRandomTime, getTimeNow, getToday, getTomorrow, getYesterday, hexToRgb, emailRegex, passwordRegex, rgbToHex, scrollToTop, slugify, sortByFrequency, stringifyPx, toCamelCase, toConstantCase, toDotCase, toKebabCase, toPascalCase, toPathCase, toSentenceCase, toSnakeCase, toTitleCase, unslugify, uuid, } from '@julseb-lib/utils';
+export * from './Variables';
+export * from './Mixins';
+export { optionsMarkdown, markdownEditorOptions, } from './utils/options-markdown';
+export * from './hooks';
+export { Themes as LibThemeColors } from './types/theme';
+export * from './context/Theme.context';
+export * from './context/Toaster';
+export * from './components/Fallback';
+export * from './components/Text';
+export * from './components/Wrapper';
+export * from './components/Main';
+export * from './components/Aside';
+export * from './components/Section';
+export * from './components/Grid';
+export * from './components/Flexbox';
+export * from './components/Icon';
+export * from './components/Link';
+export * from './components/Key';
+export * from './components/TextIcon';
+export * from './components/Highlight';
+export * from './components/Linkify';
+export * from './components/Tooltip';
+export * from './components/Hr';
+export * from './components/Skeleton';
+export * from './components/Image';
+export * from './components/Masonry';
+export * from './components/FullBleed';
+export * from './components/Video';
+export * from './components/Youtube';
+export * from './components/Badge';
+export * from './components/Avatar';
+export * from './components/Loader';
+export * from './components/Burger';
+export * from './components/Button';
+export * from './components/ButtonIcon';
+export * from './components/ButtonGroup';
+export * from './components/Tag';
+export * from './components/Truncate';
+export * from './components/Card';
+export * from './components/InputContainer';
+export * from './components/Input';
+export * from './components/InputImage';
+export * from './components/InputCheck';
+export * from './components/InputPhone';
+export * from './components/InputCounter';
+export * from './components/InputSlider';
+export * from './components/Select';
+export * from './components/Autocomplete';
+export * from './components/Rating';
+export * from './components/InputPin';
+export * from './components/Form';
+export * from './components/ListGroup';
+export * from './components/Breadcrumbs';
+export * from './components/Accordion';
+export * from './components/Dropdown';
+export * from './components/Toast';
+export * from './components/Alert';
+export * from './components/Modal';
+export * from './components/Pagination';
+export * from './components/Paginator';
+export * from './components/Stepper';
+export * from './components/ProgressBar';
+export * from './components/ProgressCircle';
+export * from './components/SrOnly';
+export * from './components/Tabs';
+export * from './components/Slideshow';
+export * from './components/Cover';
+export * from './components/Table';
+export * from './components/PageLoading';
+export * from './components/Sticky';
+export * from './components/Messaging';
+export * from './components/MarkdownEditor';
+export * from './components/MarkdownContainer';
+export * from './components/CodeContainer';
+export * from './components/Fade';
+export * from './components/BackToTop';
+export * from './components/Header';
+export * from './components/IconMenu';
+export * from './components/Footer';
+export * from './components/Helmet';
+export * from './components/ResetScroll';
+export * from './components/Drawer';
+export * from './components/PageLayout';
+export * from './components/DragList';
+export * from './components/Fieldset';
+export * from './components/Datepicker';
+export * from './components/Timepicker';

package/dist/lib-utils/append-styles.d.ts

@@ -0,0 +1 @@
+export declare const appendStyles: (styles: string) => void;

package/dist/lib-utils/colors-maps.d.ts

@@ -0,0 +1,9 @@
+import { COLORS_LIGHT, COLORS_DARK, OVERLAYS } from '../Variables';
+import { LibAllColors } from '../types';
+type Color = COLORS_LIGHT | COLORS_DARK;
+export declare const colorsLightShortMap: Map<"black" | "white" | "primary" | "secondary" | "success" | "danger" | "warning" | "gray", Color>;
+export declare const allColorsLightMap: Map<LibAllColors, Color>;
+export declare const colorsDarkShortMap: Map<"black" | "white" | "primary" | "secondary" | "success" | "danger" | "warning" | "gray", COLORS_DARK>;
+export declare const allColorsDarkMap: Map<LibAllColors, "transparent" | "currentColor" | COLORS_DARK>;
+export declare const overlaysMap: Map<"black-50" | "black-80" | "white-50" | "white-80" | "gradient-black" | "gradient-white", OVERLAYS>;
+export {};

package/dist/lib-utils/get-highlighted-text.d.ts

@@ -0,0 +1,3 @@
+import { CSSProperties } from 'react';
+import { ReactChildren } from '../types';
+export declare const getHighlightedText: (text: ReactChildren, value: string, className?: string, styles?: CSSProperties) => import("react/jsx-runtime").JSX.Element[];

package/dist/lib-utils/get-icon-size-from-font.d.ts

@@ -0,0 +1,2 @@
+import { LibFontSizes } from '../types';
+export declare const getIconSizeFromFont: (fontSize?: LibFontSizes) => number | undefined;

package/dist/lib-utils/index.d.ts

@@ -0,0 +1,7 @@
+export * from './get-highlighted-text';
+export * from './colors-maps';
+export * from './get-highlighted-text';
+export * from './round-icon-size';
+export * from './get-icon-size-from-font';
+export * from './transfom-search-keys';
+export * from './append-styles';

package/dist/lib-utils/round-icon-size.d.ts

@@ -0,0 +1 @@
+export declare const roundIconSize: (size: number) => number;

package/dist/lib-utils/transfom-search-keys.d.ts

@@ -0,0 +1 @@
+export declare const transformSearchKeys: (keys: Array<string>) => string[];

package/dist/styles-BQSZDqOU.js

@@ -0,0 +1,15 @@
+import e from "styled-components";
+import { u as i, s as o } from "./index-CPViozQN.js";
+import "react";
+import "react-router-dom";
+const s = e.video`
+    display: block;
+    width: ${({ $width: t }) => i.stringifyPx(t)};
+    height: ${({ $height: t }) => i.stringifyPx(t)};
+    object-fit: ${({ $fit: t }) => t};
+    aspect-ratio: ${({ $aspectRatio: t }) => t};
+`;
+o([s]);
+export {
+  s as default
+};

package/dist/styles-D3cozrfI.cjs

@@ -0,0 +1,7 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),t=require("./index-CPCnEuUD.cjs");require("react");require("react-router-dom");const i=r.video`
+    display: block;
+    width: ${({$width:e})=>t.utils.stringifyPx(e)};
+    height: ${({$height:e})=>t.utils.stringifyPx(e)};
+    object-fit: ${({$fit:e})=>e};
+    aspect-ratio: ${({$aspectRatio:e})=>e};
+`;t.setDefaultTheme([i]);exports.default=i;

package/dist/types/component-items.d.ts

@@ -0,0 +1,438 @@
+import type { ForwardedRef, ReactNode } from "react";
+import type { LibButtonLinkBlank, LibAllColors, LibIcon, LibButtonLinkBlankRequired, LibSpacers, LibToastStatus, ReactChildren, LibMessageType, CssFontStyle, LibColorsHover } from "./";
+/**
+ * @description Base props for any ComponentItem
+ * @type T => HTMLElementType
+ * @prop data-testid?: string
+ * @prop className?: string
+ * @prop id?: string
+ * @prop ref?: ForwardedRef<T>
+ */
+interface LibComponentItemBase<T> {
+    "data-testid"?: string;
+    className?: string;
+    id?: string;
+    ref?: ForwardedRef<T>;
+}
+type ButtonGroupItemsBase = LibComponentItemBase<HTMLButtonElement> & LibButtonLinkBlank & {
+    "aria-label"?: string;
+    iconBaseUrl?: string;
+};
+type ButtonGroupItemText = ButtonGroupItemsBase & {
+    text: string;
+    icons?: {
+        left?: LibIcon;
+        right?: LibIcon;
+        only?: never;
+    };
+    iconSizes?: {
+        left?: number;
+        right?: number;
+        only?: never;
+    };
+};
+type ButtonGroupItemIcon = ButtonGroupItemsBase & {
+    text?: never;
+    icons?: {
+        left?: never;
+        right?: never;
+        only?: LibIcon;
+    };
+    iconSizes?: {
+        left?: never;
+        right?: never;
+        only?: number;
+    };
+};
+/**
+ * @description Props for buttons in ButtonGroup component: https://documentation-components-react.vercel.app/components/button-group
+ * @extends LibButtonLinkBlank
+ * @prop data-testid?: string
+ * @prop className?: string
+ * @prop id?: string
+ * @prop ref?: ForwardedRef<HTMLButtonElement>
+ * @prop text: string => only if `iconOnly` is not defined
+ * @prop iconLeft?: string | JSX.Element
+ * @prop iconRight?: string | JSX.Element
+ * @prop iconOnly: string | JSX.Element => only if `text` is not defined
+ * @prop iconSizes?: { left?: number; right?: number; only?: number }
+ * @prop "aria-label"?: string
+ */
+export type LibButtonGroupButtonItem = ButtonGroupItemText | ButtonGroupItemIcon;
+interface LibButtonGroupToggleBase extends LibComponentItemBase<HTMLInputElement> {
+    id: string;
+    value: boolean;
+}
+interface ButtonGroupToggleWithIcon extends LibButtonGroupToggleBase {
+    icon: LibIcon;
+    iconSize?: number;
+    label?: string;
+    tooltip?: string;
+    showTooltip?: boolean;
+    text?: never;
+}
+interface ButtonGroupToggleWithText extends LibButtonGroupToggleBase {
+    icon?: never;
+    iconSize?: never;
+    label?: never;
+    tooltip?: never;
+    showTooltip?: never;
+    text: string;
+}
+/**
+ * @description Props for toggles in ButtonGroup component: https://documentation-components-react.vercel.app/components/button-group
+ * @extends HTMLInputElement
+ * @prop data-testid?: string
+ * @prop className?: string
+ * @prop id?: string
+ * @prop ref?: ForwardedRef<HTMLInputElement>
+ * @prop text: string => only if icon is not defined
+ * @prop icon: string | JSX.Element => only if text is not defined
+ * @prop iconSize?: number => only if text is not defined
+ * @prop label?: string => only if text is not defined
+ * @prop tooltip?: string => only if text is not defined
+ * @prop showTooltip?: boolean => only if text is not defined
+ */
+export type LibButtonGroupToggle = ButtonGroupToggleWithIcon | ButtonGroupToggleWithText;
+type ListGroupItemBadgeColor = {
+    backgroundColor?: LibAllColors;
+    contentColor?: LibAllColors;
+    size?: number;
+};
+type ListGroupItemBadgeIcon = ListGroupItemBadgeColor & {
+    icon?: LibIcon;
+    iconSize?: number;
+    number?: never;
+};
+type ListGroupItemBadgeNumber = ListGroupItemBadgeColor & {
+    icon?: never;
+    iconSize?: never;
+    number?: number;
+};
+/**
+ * @description Props for badge in ListGroupItem
+ * @prop backgroundColor?: LibAllColors
+ * @prop contentColor?: LibAllColors
+ * @prop icon?: LibIcon => only if number is not defined
+ * @prop iconSize?: number => only if icon is defined
+ * @prop number?: number => only if icon is not defined
+ */
+type ListGroupItemBadgeExtended = ListGroupItemBadgeIcon | ListGroupItemBadgeNumber;
+type ListGroupItemBase = LibButtonLinkBlank & LibComponentItemBase<HTMLDivElement> & {
+    text: string;
+    body?: string;
+};
+type ListGroupItemWithBadge = ListGroupItemBase & {
+    badge?: boolean | ListGroupItemBadgeExtended;
+    date?: never;
+};
+type ListGroupItemWithDate = ListGroupItemBase & {
+    badge?: never;
+    date?: string | Date;
+};
+/**
+ * @description Props for ListGroup component items: https://documentation-components-react.vercel.app/components/list-group
+ * @extends LibButtonLinkBlank
+ * @prop data-testid?: string
+ * @prop className?: string
+ * @prop id?: string
+ * @prop ref?: ForwardedRef<HTMLLIElement>
+ * @prop text: string
+ * @prop subtext?: string
+ * @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
+ * @prop date?: string | Date => only if `badge` is not defined
+ */
+export type LibListGroupItem = ListGroupItemWithBadge | ListGroupItemWithDate;
+/**
+ * @description Props for Accordion component items: https://documentation-components-react.vercel.app/components/accordion
+ * @prop data-testid?: string
+ * @prop className?: string
+ * @prop id?: string
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop title: string
+ * @prop isOpen?: boolean
+ * @prop content?: ReactChildren
+ */
+export interface LibAccordionItem extends LibComponentItemBase<HTMLDivElement> {
+    title: string;
+    content?: ReactChildren;
+    defaultOpen?: boolean;
+}
+/**
+ * @description Props for Dropdown component items: https://documentation-components-react.vercel.app/components/dropdown
+ * @extends LibButtonLinkBlankRequired
+ * @prop data-testid?: string
+ * @prop className?: string
+ * @prop id?: string
+ * @prop ref?: ForwardedRef<HTMLButtonElement & HTMLAnchorElement>
+ * @prop text: string
+ * @prop icon?: string | JSX.Element
+ * @prop iconSize?: number
+ * @prop gap?: LibSpacers
+ */
+export type LibDropdownItem = LibButtonLinkBlankRequired & LibComponentItemBase<HTMLButtonElement & HTMLAnchorElement> & {
+    text: string;
+    icon?: LibIcon;
+    iconSize?: number;
+    gap?: LibSpacers;
+};
+/**
+ * @description Props for Toaster component items: https://documentation-components-react.vercel.app/components/toast
+ * @prop data-testid?: string
+ * @prop className?: string
+ * @prop id?: string
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop body?: string | ReactChildren
+ * @prop duration?: number
+ * @prop icons?: { left?: string | JSX.Element; close?: string | JSX.Element }
+ * @prop iconSizes?: { left?: number close?: number }
+ * @prop iconLeftColor?: Any color from the library
+ * @prop labelClose?: string
+ * @prop withTimer?: boolean
+ * @prop timerBackgroundColor?: Any color from the library
+ */
+export interface LibToastOptions extends LibComponentItemBase<HTMLDivElement> {
+    body?: string | ReactChildren;
+    duration?: number;
+    icons?: {
+        left?: LibIcon;
+        close?: LibIcon;
+    };
+    iconSizes?: {
+        left?: number;
+        close?: number;
+    };
+    iconLeftColor?: LibAllColors;
+    iconsBaseUrl?: string;
+    labelClose?: string;
+    withTimer?: boolean;
+    timerBackgroundColor?: LibAllColors;
+}
+/**
+ * @description Props for Toast component: https://documentation-components-react.vercel.app/components/toast
+ * @prop data-testid?: string
+ * @prop className?: string
+ * @prop id?: string
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop title: string
+ * @prop id?: string
+ * @prop status?: "success" | "error" | "warning" | "info"
+ * @prop options?: LibToastOptions
+ *
+ * @type LibToastOptions
+ * @prop data-testid?: string
+ * @prop className?: string
+ * @prop id?: string
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop body?: string | ReactChildren
+ * @prop duration?: number
+ * @prop icons?: { left?: string | JSX.Element; close?: string | JSX.Element }
+ * @prop iconSizes?: { left?: number close?: number }
+ * @prop iconLeftColor?: Any color from the library
+ * @prop labelClose?: string
+ * @prop withTimer?: boolean
+ * @prop timerBackgroundColor?: Any color from the library
+ */
+export interface LibToast extends LibComponentItemBase<HTMLDivElement> {
+    title: string;
+    id?: string;
+    status?: LibToastStatus;
+    options?: LibToastOptions;
+}
+/**
+ * @description Props for Step component items: https://documentation-components-react.vercel.app/components/stepper
+ * @extends LibButtonLinkBlank
+ * @prop data-testid?: string
+ * @prop className?: string
+ * @prop id?: string
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop text: string
+ * @prop onClick?: void => only if to or href are not defined
+ * @prop disabled?: boolean => only if onClick is defined
+ * @prop to?: string => only if onClick and href are not defined
+ * @prop href?: string => only if onClick and to are not defined
+ * @prop blank?: boolean => only if to or href are defined
+ */
+export type LibStep = LibButtonLinkBlank & LibComponentItemBase<HTMLDivElement> & {
+    text: string;
+};
+/**
+ * @description Props for Breadcrumbs component items: https://documentation-components-react.vercel.app/components/breadcrumbs
+ * @extends LibButtonLinkBlank
+ * @prop data-testid?: string
+ * @prop className?: string
+ * @prop id?: string
+ * @prop ref?: ForwardedRef<HTMLAnchorElement & HTMLSpanElement>
+ * @prop text: string
+ */
+export type LibBreadcrumbItem = LibButtonLinkBlank & LibComponentItemBase<HTMLAnchorElement & HTMLSpanElement> & {
+    text: string | JSX.Element;
+};
+/**
+ * @description Props for Tabs component items: https://documentation-components-react.vercel.app/components/tabs
+ * @prop data-testid?: string
+ * @prop className?: string
+ * @prop id?: string
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop title: string
+ * @prop content: ReactNode
+ */
+export interface LibTabItem extends LibComponentItemBase<HTMLDivElement & HTMLButtonElement> {
+    title: string;
+    content: ReactNode;
+}
+/**
+ * @description Props for Message component: https://documentation-components-react.vercel.app/components/messaging
+ * @prop data-testid?: string
+ * @prop className?: string
+ * @prop id?: string
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop type: "sent" | "received"
+ * @prop text: string
+ * @prop date?: Date | string
+ * @prop time?: string
+ */
+export interface LibMessage extends LibComponentItemBase<HTMLDivElement> {
+    type: LibMessageType;
+    text: string;
+    date?: Date | string;
+    time?: string;
+}
+/**
+ * @description Buttons showing in MarkdownEditor
+ * @prop titles?: boolean
+ * @prop bold?: boolean
+ * @prop italic?: boolean
+ * @prop strikethrough?: boolean
+ * @prop ul?: boolean
+ * @prop ol?: boolean
+ * @prop link?: boolean
+ * @prop quote?: boolean
+ * @prop hr?: boolean
+ * @prop code?: boolean
+ * @prop codeBlock?: boolean
+ * @prop comment?: boolean
+ * @prop image?: boolean
+ * @prop editorCode?: boolean
+ * @prop editorLive?: boolean
+ * @prop editorPreview?: boolean
+ */
+export interface LibMarkdownEditorOptions {
+    titles?: boolean;
+    bold?: boolean;
+    italic?: boolean;
+    strikethrough?: boolean;
+    ul?: boolean;
+    ol?: boolean;
+    link?: boolean;
+    quote?: boolean;
+    hr?: boolean;
+    code?: boolean;
+    codeBlock?: boolean;
+    comment?: boolean;
+    image?: boolean;
+    editorCode?: boolean;
+    editorLive?: boolean;
+    editorPreview?: boolean;
+}
+/**
+ * @description Props for links in Header component items: https://documentation-components-react.vercel.app/components/header
+ * @extends LibButtonLinkBlankRequired
+ * @prop data-testid?: string
+ * @prop className?: string
+ * @prop id?: string
+ * @prop ref?: ForwardedRef<HTMLAnchorElement & HTMLButtonElement>
+ * @prop text: ReactChildren
+ * @prop end?: boolean => prop from react-router, to render the active class only if path is not further
+ */
+export type LibHeaderLink = LibButtonLinkBlankRequired & LibComponentItemBase<HTMLAnchorElement & HTMLButtonElement> & {
+    text: ReactChildren;
+    end?: boolean;
+};
+/**
+ * @description Props for Items in IconMenu component items: https://documentation-components-react.vercel.app/icon-menu
+ * @extends LibButtonLinkBlankRequired
+ * @prop data-testid?: string
+ * @prop className?: string
+ * @prop id?: string
+ * @prop ref?: ForwardedRef<HTMLButtonElement & HTMLAnchorElement>
+ * @prop label: string
+ * @prop icon: string | JSX.Element
+ * @prop iconSize?: number
+ */
+export type LibIconMenuItem = LibButtonLinkBlankRequired & LibComponentItemBase<HTMLButtonElement & HTMLAnchorElement> & {
+    label: string;
+    icon: LibIcon;
+    iconSize?: number;
+};
+/**
+ * @description Props for links in Footer component items: https://documentation-components-react.vercel.app/components/footer
+ * @extends LibButtonLinkBlankRequired
+ * @prop data-testid?: string
+ * @prop className?: string
+ * @prop id?: string
+ * @prop ref?: ForwardedRef<HTMLAnchorElement & HTMLButtonElement>
+ * @prop text: ReactChildren
+ */
+export type LibFooterLink = LibButtonLinkBlankRequired & LibComponentItemBase<HTMLAnchorElement & HTMLButtonElement> & {
+    text: ReactChildren;
+};
+type LibDragListItemBase = LibComponentItemBase<HTMLDivElement> & {
+    id: string;
+};
+interface DragListItemWithContentAndBadge extends LibDragListItemBase {
+    title: string;
+    body?: string;
+    badge?: boolean | ListGroupItemBadgeExtended;
+    date?: never;
+    element?: never;
+}
+interface DragListItemWithContentAndDate extends LibDragListItemBase {
+    title: string;
+    body?: string;
+    badge?: never;
+    date?: string | Date;
+    element?: never;
+}
+interface DragListItemWithElement extends LibDragListItemBase {
+    title?: never;
+    body?: never;
+    badge?: never;
+    date?: never;
+    element?: JSX.Element;
+}
+/**
+ * @description Props for DragList item: https://documentation-components-react.vercel.app/components/drag-list
+ * @prop data-testid?: string
+ * @prop className?: string
+ * @prop id: string
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop title: string => only if element is not defined
+ * @prop body?: string => only if element is not defined
+ * @prop badge?: boolean | ListGroupItemBadgeExtended => only if element and date are not defined
+ * @prop date?: string | Date => only if element and badge are not defined
+ * @prop element?: JSX.ELement => only if title and other props are not defined
+ */
+export type LibDragListItem = DragListItemWithContentAndBadge | DragListItemWithContentAndDate | DragListItemWithElement;
+interface HelperBottomWithText {
+    text: string;
+    textColor?: LibAllColors;
+    fontStyle?: CssFontStyle;
+    icon?: LibIcon;
+    iconColor?: LibAllColors;
+    iconSize?: number;
+    element?: never;
+    linkColor?: LibColorsHover;
+}
+interface HelperBottomWithElement {
+    text?: never;
+    textColor?: never;
+    fontStyle?: never;
+    icon?: never;
+    iconColor?: never;
+    iconSize?: never;
+    element: ReactChildren;
+    linkColor?: LibColorsHover;
+}
+export type LibHelperBottom = string | HelperBottomWithText | HelperBottomWithElement;
+export {};

package/dist/types/component-items.js

@@ -0,0 +1,2 @@
+/*=============================================== Components items types ===============================================*/
+export {};

package/dist/types/components-props.d.ts

@@ -0,0 +1,79 @@
+export type { IStyleSheetManager } from 'styled-components';
+export * from '../components/Text/types';
+export * from '../components/Wrapper/types';
+export * from '../components/Main/types';
+export * from '../components/Aside/types';
+export * from '../components/Section/types';
+export * from '../components/Grid/types';
+export * from '../components/Flexbox/types';
+export * from '../components/Icon/types';
+export * from '../components/Key/types';
+export * from '../components/TextIcon/types';
+export * from '../components/Highlight/types';
+export * from '../components/Linkify/types';
+export * from '../components/Tooltip/types';
+export * from '../components/Hr/types';
+export * from '../components/Skeleton/types';
+export * from '../components/Image/types';
+export * from '../components/Masonry/types';
+export * from '../components/FullBleed/types';
+export * from '../components/Video/types';
+export * from '../components/Youtube/types';
+export * from '../components/Badge/types';
+export * from '../components/Avatar/types';
+export * from '../components/Loader/types';
+export * from '../components/Burger/types';
+export * from '../components/Button/types';
+export * from '../components/ButtonIcon/types';
+export * from '../components/ButtonGroup/types';
+export * from '../components/Tag/types';
+export * from '../components/Truncate/types';
+export * from '../components/Card/types';
+export * from '../components/Input/types';
+export * from '../components/InputImage/types';
+export * from '../components/InputCheck/types';
+export * from '../components/InputPhone/types';
+export * from '../components/InputCounter/types';
+export * from '../components/InputSlider/types';
+export * from '../components/Select/types';
+export * from '../components/Autocomplete/types';
+export * from '../components/Rating/types';
+export * from '../components/Form/types';
+export * from '../components/ListGroup/types';
+export * from '../components/Breadcrumbs/types';
+export * from '../components/Accordion/types';
+export * from '../components/Dropdown/types';
+export * from '../components/Toast/types';
+export * from '../components/Alert/types';
+export * from '../components/Modal/types';
+export * from '../components/Pagination/types';
+export * from '../components/Paginator/types';
+export * from '../components/Stepper/types';
+export * from '../components/ProgressBar/types';
+export * from '../components/ProgressCircle/types';
+export * from '../components/SrOnly/types';
+export * from '../components/Tabs/types';
+export * from '../components/Slideshow/types';
+export * from '../components/Cover/types';
+export * from '../components/Table/types';
+export * from '../components/PageLoading/types';
+export * from '../components/Sticky/types';
+export * from '../components/Messaging/types';
+export * from '../components/MarkdownEditor/types';
+export * from '../components/MarkdownContainer/types';
+export * from '../components/CodeContainer/types';
+export * from '../components/Fade/types';
+export * from '../components/BackToTop/types';
+export * from '../components/Header/types';
+export * from '../components/IconMenu/types';
+export * from '../components/Footer/types';
+export * from '../components/Helmet/types';
+export * from '../components/InputPin/types';
+export * from '../components/InputContainer/types';
+export * from '../components/Drawer/types';
+export * from '../components/PageLayout/types';
+export * from '../components/DragList/types';
+export * from '../components/Fieldset/types';
+export * from '../components/Datepicker/types';
+export * from '../components/Timepicker/types';
+export * from '../components/Link/types';