@julseb-lib/react 0.0.58 → 0.0.63

package/dist/index.d.ts

@@ -1,90 +1 @@
-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';
+export * from './lib/index'

package/dist/lib/Mixins.d.ts

@@ -0,0 +1,256 @@
+import { type DefaultTheme } from "styled-components";
+import type { Property } from "csstype";
+import { SHADOWS, TRANSITIONS, FONT_WEIGHTS } from "./Variables";
+import { type LibAllColors, type LibColorsShort, type LibOverlays, type ILibRadius, type LibShadows, type ILibBoxShadow, type LibSpacers, type ILibPadding, type LibTransitions, type CssJustifyItems, type CssAlignItems, type CssJustifyContent, type CssAlignContent, type CssFlexDirection, type CssFlexWrap, type LibFontSizes, type LibFontWeights, type ILibMargin, type ILibBorder, type LibAllColorsAndOverlays, type ILibOutline, type LibColorsHoverAndCurrent, type LibThemeNames, type LibPositionExtract } from "./types";
+type ILibIconMixin = {
+    $name: string;
+    $color?: LibAllColors;
+    $size?: number;
+    $isLibIcon?: boolean;
+};
+declare class mixins {
+    /**
+     * @description Returns any color from the library
+     * @param $color: Any color from the library
+     * @param theme?: Default theme
+     * @param themeName?: "light" | "dark"
+     * @example background-color:  ${({ theme }) => Mixins.AllColors("primary", theme)}
+     */
+    AllColors: ($color: LibAllColors, theme?: DefaultTheme | null, themeName?: LibThemeNames) => keyof DefaultTheme | undefined;
+    /**
+     * @description Returns a color by short name
+     * @param $color: "primary" | "secondary" | "success" | "danger" | "warning" | "gray" | "black" | "white"
+     * @param theme?: Default theme
+     * @param themeName?: "light" | "dark"
+     * @example background-color:  ${({ theme }) => Mixins.ColorsShort("secondary", theme)}
+     */
+    ColorsShort: ($color: LibColorsShort, theme?: DefaultTheme | null, themeName?: LibThemeNames) => keyof DefaultTheme | undefined;
+    /**
+     * @description Returns any color or overlay from the library
+     * @param $color: Any color or overlay from the library
+     * @param theme?: Default theme
+     * @param themeName?: "light" | "dark"
+     * @example background-color:  ${({ theme }) => Mixins.ColorsAndOverlays("gray-200", theme)}
+     */
+    ColorsAndOverlays: ($color: LibAllColorsAndOverlays | undefined, theme?: DefaultTheme | null, themeName?: LibThemeNames) => any;
+    /**
+     * @description Returns a color for components changing on hover, default state
+     * @param $color: "primary" | "secondary" | "success" | "danger" | "warning" | "white" | "gray" | "font" | "background" | "currentColor"
+     * @param theme?: Default theme
+     * @param themeName?: "light" | "dark"
+     * @example background-color:  ${({ theme }) => Mixins.ColorsHoverDefault("success", theme)}
+     */
+    ColorsHoverDefault: ($color: LibColorsHoverAndCurrent, theme?: DefaultTheme | null, themeName?: LibThemeNames) => "currentColor" | keyof DefaultTheme | undefined;
+    /**
+     * @description Returns a color for components changing on hover, hover state
+     * @param $color: "primary" | "secondary" | "success" | "danger" | "warning" | "white" | "gray" | "font" | "background" | "currentColor"
+     * @param theme?: Default theme
+     * @param themeName?: "light" | "dark"
+     * @example background-color:  ${({ theme }) => Mixins.ColorsHoverHover("success", theme)}
+     */
+    ColorsHoverHover: ($color: LibColorsHoverAndCurrent, theme?: DefaultTheme | null, themeName?: LibThemeNames) => "currentColor" | keyof DefaultTheme | undefined;
+    /**
+     * @description Returns a color for components changing on hover, active state
+     * @param $color: "primary" | "secondary" | "success" | "danger" | "warning" | "white" | "gray" | "font" | "background" | "currentColor"
+     * @param theme?: Default theme
+     * @param themeName?: "light" | "dark"
+     * @example background-color:  ${({ theme }) => Mixins.ColorsHoverActive("success", theme)}
+     */
+    ColorsHoverActive: ($color: LibColorsHoverAndCurrent, theme?: DefaultTheme | null, themeName?: LibThemeNames) => "currentColor" | keyof DefaultTheme | undefined;
+    /**
+     * @description Returns a color for components changing on hover with ghost colors, default state
+     * @param $color: "primary" | "secondary" | "success" | "danger" | "warning" | "white" | "gray" | "font" | "background" | "currentColor"
+     * @param theme?: Default theme
+     * @param themeName?: "light" | "dark"
+     * @example background-color:  ${({ theme }) => Mixins.ColorsGhostDefault("danger", theme)}
+     */
+    ColorsGhostDefault: ($color: LibColorsHoverAndCurrent, theme?: DefaultTheme | null, themeName?: LibThemeNames) => "currentColor" | keyof DefaultTheme | undefined;
+    /**
+     * @description Returns a color for components changing on hover with ghost colors, hover state
+     * @param $color: "primary" | "secondary" | "success" | "danger" | "warning" | "white" | "gray" | "font" | "background" | "currentColor"
+     * @param theme?: Default theme
+     * @param themeName?: "light" | "dark"
+     * @example background-color:  ${({ theme }) => Mixins.ColorsGhostHover("danger", theme)}
+     */
+    ColorsGhostHover: ($color: LibColorsHoverAndCurrent, theme?: DefaultTheme | null, themeName?: LibThemeNames) => "currentColor" | keyof DefaultTheme | undefined;
+    /**
+     * @description Returns a color for components changing on hover with ghost colors, active state
+     * @param $color: "primary" | "secondary" | "success" | "danger" | "warning" | "white" | "gray" | "font" | "background" | "currentColor"
+     * @param theme?: Default theme
+     * @param themeName?: "light" | "dark"
+     * @example background-color:  ${({ theme }) => Mixins.ColorsGhostActive("danger", theme)}
+     */
+    ColorsGhostActive: ($color: LibColorsHoverAndCurrent, theme?: DefaultTheme | null, themeName?: LibThemeNames) => "currentColor" | keyof DefaultTheme | undefined;
+    /**
+     * @description Returns one of the colors 50
+     * @param $color: "primary" | "secondary" | "success" | "danger" | "warning" | "gray"
+     * @param theme?: Default theme
+     * @param themeName?: "light" | "dark"
+     * @example background-color: ${({ theme }) => Mixins.Colors50("secondary", theme)}
+     */
+    Colors50: ($color: Exclude<LibColorsShort, "black" | "white">, theme?: DefaultTheme | null, themeName?: LibThemeNames) => keyof DefaultTheme | undefined;
+    /**
+     * @description Returns an icon mixin component
+     * @prop $name: string
+     * @prop $color?: Any color from the library
+     * @prop $size?: number
+     */
+    Icon: ({ $name, $color, $size, $isLibIcon, }: ILibIconMixin) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<DefaultTheme>>;
+    /**
+     * @description Returns an overlay from the library
+     * @param $overlay?: "black-50" | "black-80" | "white-50" | "white-80" | "gradient-black" | "gradient-white"
+     */
+    Overlay: ($overlay: LibOverlays | undefined) => import("./Variables").OVERLAYS | null | undefined;
+    /**
+     * @description Returns a border radius with the radiuses from the library
+     * @param $borderRadius: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "round" | "circle" | number | { topLeft?: LibRadiuses; topRight?: LibRadiuses; bottomLeft?: LibRadiuses; bottomRight?: LibRadiuses }
+     */
+    BorderRadius: ($borderRadius: ILibRadius | undefined) => import("styled-components").FlattenSimpleInterpolation | null;
+    /**
+     * @description Returns a transition from the library
+     * @param $transition: "short" | "long" | "bezier"
+     */
+    Transition: ($transition: LibTransitions | undefined) => TRANSITIONS | null | undefined;
+    /**
+     * @description Returns a shadow from the library
+     * @param $shadow "xxl" | "xl" | "l" | "m" | "s" | "xs"
+     */
+    Shadow: ($shadow: LibShadows | undefined) => SHADOWS | null | undefined;
+    /**
+     * @description Returns a box shadow
+     * @param $boxShadow "xxl" | "xl" | "l" | "m" | "s" | "xs" | { default: LibShadows; hover: LibShadows; active: LibShadows }
+     */
+    BoxShadow: ($boxShadow?: ILibBoxShadow) => import("styled-components").FlattenSimpleInterpolation | null;
+    /**
+     * @description Returns a font size from the library
+     * @param $fontSize "display-h1" | "display-h2" | "display-h3" | "display-h4" | "display-h5" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "body" | "small" | "inherit" | number
+     */
+    FontSize: ($fontSize?: LibFontSizes | "inherit" | number | undefined) => string | null | undefined;
+    /**
+     * @description Returns a font weight from the library
+     * @param $fontWeight: "regular" | "bold" | "black"
+     */
+    FontWeight: ($fontWeight?: LibFontWeights) => FONT_WEIGHTS | null | undefined;
+    /**
+     * @description Returns a spacer from the library
+     * @param $spacer: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px" | "auto"
+     */
+    Spacer: ($spacer: LibSpacers | "auto" | undefined) => string | null | undefined;
+    /**
+     * @description Shorthand to hide a scroolbar in CSS
+     */
+    HideScrollbar: import("styled-components").FlattenSimpleInterpolation;
+    /**
+     * @description Shorthand to stretch all the tags inside the Wrapper / Wain / Aside compoents
+     */
+    StretchTags: import("styled-components").FlattenSimpleInterpolation;
+    /**
+     * @description Adds padding to element
+     * @argument $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" }
+     */
+    Padding: ($padding: ILibPadding | undefined) => import("styled-components").FlattenSimpleInterpolation | null;
+    /**
+     * @description Adds margins to element
+     * @argument $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" }
+     */
+    Margin: ($margin: ILibMargin) => import("styled-components").FlattenSimpleInterpolation | null;
+    /**
+     * @description Mixin for components using CSS Grid
+     * @prop $inline?: boolean
+     * @prop $col?: number | string
+     * @prop $gap?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
+     * @prop $columnGap?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
+     * @prop $rowGap?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
+     * @prop $justifyItems?: CssJustifyItems
+     * @prop $alignItems?: CssAlignItems
+     * @prop $justifyContent?: CssJustifyContent
+     * @prop $alignContent?: CssAlignContent
+     */
+    Grid: ({ $inline, $col, $gap, $columnGap, $rowGap, $justifyItems, $alignItems, $justifyContent, $alignContent, $padding, }: {
+        $inline?: boolean | undefined;
+        $col?: string | number | undefined;
+        $gap?: LibSpacers | undefined;
+        $columnGap?: LibSpacers | undefined;
+        $rowGap?: LibSpacers | undefined;
+        $justifyItems?: Property.JustifyItems | undefined;
+        $alignItems?: Property.AlignItems | undefined;
+        $justifyContent?: Property.JustifyContent | undefined;
+        $alignContent?: Property.AlignContent | undefined;
+        $padding?: ILibPadding | undefined;
+    }) => import("styled-components").FlattenSimpleInterpolation;
+    /**
+     * @description Mixin for components using CSS Flexbox
+     * @prop $inline?: boolean
+     * @prop $flexDirection?: CssFlexDirection
+     * @prop $flexWrap?: CssFlexWrap
+     * @prop $justifyContent?: CssJustifyContent
+     * @prop $alignItems?: CssAlignItems
+     * @prop $justifyItems?: CssJustifyItems
+     * @prop $alignContent?: CssAlignContent
+     * @prop $gap?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
+     * @prop $columnGap?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
+     * @prop $rowGap?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
+     */
+    Flexbox: ({ $inline, $flexDirection, $flexWrap, $justifyContent, $alignItems, $justifyItems, $alignContent, $gap, $columnGap, $rowGap, $padding, }: {
+        $inline?: boolean | undefined;
+        $flexDirection?: Property.FlexDirection | undefined;
+        $flexWrap?: Property.FlexWrap | undefined;
+        $justifyContent?: Property.JustifyContent | undefined;
+        $alignItems?: Property.AlignItems | undefined;
+        $justifyItems?: Property.JustifyItems | undefined;
+        $alignContent?: Property.AlignContent | undefined;
+        $gap?: LibSpacers | undefined;
+        $columnGap?: LibSpacers | undefined;
+        $rowGap?: LibSpacers | undefined;
+        $padding?: ILibPadding | undefined;
+    }) => import("styled-components").FlattenSimpleInterpolation;
+    /**
+     * @description Adds border to element
+     * @prop style?: CssBorderStyle
+     * @prop width?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
+     * @prop color?: Any color from the library
+     */
+    Border: ($border?: ILibBorder) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<DefaultTheme>> | null;
+    /**
+     * @description Adds outline to element
+     * @prop style?: CssOutlineStyle
+     * @prop width?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
+     * @prop color?: Any color from the library
+     */
+    Outline: ($outline?: ILibOutline) => import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<DefaultTheme>> | null;
+    /**
+     * @description Adds background-image to element
+     * @prop img: string
+     * @prop clip?: CssBackgroundClip
+     * @prop origin?: CssBackgroundOrigin
+     * @prop position?: CssBackgroundPosition
+     * @prop repeat?: CssBackgroundRepeat
+     * @prop size?: CssBackgroundSize
+     */
+    BackgroundImage: ({ $img, $clip, $origin, $position, $repeat, $size, }: {
+        $img: string;
+        $clip?: Property.BackgroundClip | undefined;
+        $origin?: Property.BackgroundOrigin | undefined;
+        $position?: Property.BackgroundPosition<0 | (string & {})> | undefined;
+        $repeat?: Property.BackgroundRepeat | undefined;
+        $size?: Property.BackgroundSize<0 | (string & {})> | undefined;
+    }) => import("styled-components").FlattenSimpleInterpolation | null;
+    /**
+     * @description Adds position to element
+     * @prop $position?: "relative" | "absolute" | "fixed"
+     * @prop $left?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
+     * @prop $top?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
+     * @prop $right?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
+     * @prop $bottom?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
+     */
+    Position: ({ $position, $left, $top, $right, $bottom, $zIndex, }: {
+        $position?: LibPositionExtract | undefined;
+        $left?: LibSpacers | "unset" | undefined;
+        $top?: LibSpacers | "unset" | undefined;
+        $right?: LibSpacers | "unset" | undefined;
+        $bottom?: LibSpacers | "unset" | undefined;
+        $zIndex?: number | undefined;
+    }) => import("styled-components").FlattenSimpleInterpolation;
+}
+export declare const Mixins: mixins;
+export {};

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

@@ -0,0 +1,23 @@
+import type { ILibAccordion } from "./types";
+/**
+ * @description Returns a Accordion component
+ * @link https://documentation-components-react.vercel.app/components/accordion
+ * @extends HTMLDivElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop items: Array<LibAccordionItem> => only if children is not defined
+ * @prop children?: ReactChildren => only if items is not defined
+ * @prop variant?: "basic" | "rounded"
+ * @prop icon?: "plus" | "chevron" | JSX.Element
+ *
+ * @type LibAccordionItem
+ * @prop data-testid?: string
+ * @prop className?: string
+ * @prop id?: string
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop title: string
+ * @prop isOpen?: boolean
+ * @prop content?: ReactChildren
+ */
+export declare const Accordion: import("react").ForwardRefExoticComponent<ILibAccordion & import("react").RefAttributes<HTMLDivElement>>;

package/dist/lib/components/Accordion/AccordionButton.d.ts

@@ -0,0 +1,2 @@
+import type { ILibAccordionButton } from "./subtypes";
+export declare const AccordionButton: ({ "data-testid": testid, className, variant, icon, isOpen, setIsOpen, title, }: ILibAccordionButton) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/Accordion/AccordionContent.d.ts

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

package/dist/lib/components/Accordion/AccordionItem.d.ts

@@ -0,0 +1,14 @@
+import type { ILibAccordionItem } from "./types";
+/**
+ * @description Returns an item for Accordion component
+ * @link https://documentation-components-react.vercel.app/components/accordion
+ * @extends HTMLDivElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop title: string
+ * @prop icon?: "plus" | "chevron" | JSX.Element
+ * @prop variant?: "basic" | "rounded"
+ * @prop defaultOpen?: boolean
+ */
+export declare const AccordionItem: import("react").ForwardRefExoticComponent<ILibAccordionItem & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+export * from "./Accordion";
+export * from "./AccordionItem";

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

@@ -0,0 +1,6 @@
+declare const StyledAccordion: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const StyledAccordionButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+declare const StyledAccordionItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const StyledAccordionIcon: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+declare const StyledAccordionContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export { StyledAccordion, StyledAccordionItem, StyledAccordionButton, StyledAccordionIcon, StyledAccordionContent, };

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

@@ -0,0 +1,11 @@
+import type { DispatchState, ReactChildren } from "../../types";
+import type { ILibAccordion } from "./types";
+export interface ILibAccordionButton extends Pick<ILibAccordion, "data-testid" | "className" | "variant" | "icon"> {
+    isOpen: boolean;
+    setIsOpen: DispatchState<boolean>;
+    title: string;
+}
+export interface ILibAccordionContent extends Pick<ILibAccordion, "data-testid" | "className" | "variant"> {
+    isOpen: boolean;
+    children?: ReactChildren;
+}

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

@@ -0,0 +1,21 @@
+import type { LibComponentBase, LibAccordionItem, ReactChildren, LibAccordionVariant, LibAccordionIcon } from "../../types";
+interface ILibAccordionBase extends LibComponentBase<HTMLDivElement> {
+    variant?: LibAccordionVariant;
+    icon?: LibAccordionIcon;
+}
+interface AccordionWithItems extends ILibAccordionBase {
+    items: Array<LibAccordionItem>;
+    children?: never;
+}
+interface AccordionWithChildren extends ILibAccordionBase {
+    items?: never;
+    children?: ReactChildren;
+}
+export type ILibAccordion = AccordionWithItems | AccordionWithChildren;
+export interface ILibAccordionItem extends LibComponentBase<HTMLDivElement> {
+    title: string;
+    icon?: LibAccordionIcon;
+    variant?: LibAccordionVariant;
+    defaultOpen?: boolean;
+}
+export {};

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

@@ -0,0 +1,18 @@
+import type { ILibAlert } from "./types";
+/**
+ * @description Returns a Alert component
+ * @link https://documentation-components-react.vercel.app/components/alert
+ * @extends HTMLDivElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop maxWidth?: number
+ * @prop textColor?: Any color from the library
+ * @prop padding?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px" | { left?: LibSpacers | "auto"; top?: LibSpacers | "auto"; right?: LibSpacers | "auto"; bottom?: LibSpacers | "auto"; leftRight?: LibSpacers | "auto"; topBottom?: LibSpacers | "auto" }
+ * @prop borderRadius?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "round" | "circle" | number | { topLeft?: LibRadiuses; topRight?: LibRadiuses; bottomLeft?: LibRadiuses; bottomRight?: LibRadiuses }
+ * @prop gap?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
+ * @prop alertColor?: "primary" | "secondary" | "success" | "danger" | "warning" | "gray" | "black" | "white"
+ * @prop backgroundColor?: Any color from the library => only if alertColor is not defined
+ * @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) }
+ */
+export declare const Alert: import("react").ForwardRefExoticComponent<ILibAlert & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,10 @@
+import type { LibAllColors, ILibBorder, ILibPadding, ILibRadius, LibSpacers } from "../../types";
+declare const StyledAlert: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    $textColor: LibAllColors;
+    $padding?: ILibPadding | undefined;
+    $borderRadius?: ILibRadius | undefined;
+    $gap?: LibSpacers | undefined;
+    $backgroundColor: LibAllColors;
+    $border?: ILibBorder | undefined;
+}, never>;
+export { StyledAlert };

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

@@ -0,0 +1,20 @@
+import type { LibAllColors, ILibBorder, LibColorsShort, LibComponentBase, ILibPadding, ILibRadius, LibSpacers } from "../../types";
+interface ILibAlertBase extends LibComponentBase<HTMLDivElement> {
+    maxWidth?: number;
+    textColor?: LibAllColors;
+    padding?: ILibPadding;
+    borderRadius?: ILibRadius;
+    gap?: LibSpacers;
+}
+interface AlertColorsShort extends ILibAlertBase {
+    alertColor?: Exclude<LibColorsShort, "black" | "white">;
+    backgroundColor?: never;
+    border?: Omit<ILibBorder, "color">;
+}
+interface AlertAllColors extends ILibAlertBase {
+    alertColor?: never;
+    backgroundColor?: LibAllColors;
+    border?: ILibBorder;
+}
+export type ILibAlert = AlertColorsShort | AlertAllColors;
+export {};

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

@@ -0,0 +1,12 @@
+import type { ILibAside } from "./types";
+/**
+ * @description Returns an Aside component
+ * @link https://documentation-components-react.vercel.app/layouts/container
+ * @extends HTMLDivElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop size?: "default" | "small" | number
+ * @prop minHeight?: string | number
+ */
+export declare const Aside: import("react").ForwardRefExoticComponent<ILibAside & import("react").RefAttributes<HTMLDivElement>>;

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

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

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

@@ -0,0 +1,6 @@
+import type { LibAsideSize } from "../../types";
+declare const StyledAside: import("styled-components").StyledComponent<"aside", import("styled-components").DefaultTheme, {
+    $size?: LibAsideSize | undefined;
+    $minHeight: string | number;
+}, never>;
+export { StyledAside };

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

@@ -0,0 +1,5 @@
+import type { LibComponentBase, LibAsideSize } from "../../types";
+export interface ILibAside extends LibComponentBase<HTMLDivElement> {
+    size?: LibAsideSize;
+    minHeight?: string | number;
+}

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

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

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

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

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

@@ -0,0 +1,3 @@
+import { type ILibInputBaseMixin } from "../ComponentsMixins";
+declare const StyledAutocomplete: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, ILibInputBaseMixin, never>;
+export { StyledAutocomplete };

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

@@ -0,0 +1,32 @@
+import type { InputHTMLAttributes } from "react";
+import type { IFuseOptions } from "fuse.js";
+import type { LibIcon, LibInputListDirection, DispatchState } from "../../types";
+import type { ILibInputBase, LibInputWithValidation } from "../InputComponents/types";
+type ILibAutocompleteBase = InputHTMLAttributes<HTMLInputElement> & ILibInputBase & LibInputWithValidation & {
+    value: string;
+    setValue: DispatchState<string>;
+    listResults: Array<string>;
+    emptyText?: string;
+    listDirection?: LibInputListDirection;
+    fuzzyOptions?: IFuseOptions<string>;
+    icons?: {
+        left?: LibIcon;
+        clear?: LibIcon;
+    };
+    iconSizes?: {
+        left?: number;
+        clear?: number;
+    };
+    counter?: never;
+    maxLength?: never;
+};
+interface AutocompleteWithKeys extends ILibAutocompleteBase {
+    focusKeys?: Array<string>;
+    showKeys?: boolean;
+}
+interface AutocompleteNoKeys extends ILibAutocompleteBase {
+    focusKeys?: undefined;
+    showKeys?: never;
+}
+export type ILibAutocomplete = AutocompleteWithKeys | AutocompleteNoKeys;
+export {};

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

@@ -0,0 +1,22 @@
+import type { ILibAvatar } from "./types";
+/**
+ * @description Returns a Avatar component
+ * @link https://documentation-components-react.vercel.app/components/avatar
+ * @extends HTMLSpanElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLSpanElement>
+ * @prop size?: number
+ * @prop border?: { style?: CssBorderStyle; width?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"; color?: Any color from the library }
+ * @prop borderRadius?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "round" | "circle" | number | { topLeft?: LibRadiuses; topRight?: LibRadiuses; bottomLeft?: LibRadiuses; bottomRight?: LibRadiuses }
+ * @prop img: string | { src: string; alt: string } => only if letter and icon are not defined
+ * @prop letter?: string => only if img and icon are not defined
+ * @prop icon?: string | JSX.Element => only if img and letter are not defined
+ * @prop iconSize?: number => only if icon is defined
+ * @prop iconBaseUrl?: number => only if icon is defined
+ * @prop backgroundColor?: Any color from the library => only if icon or letter are defined
+ * @prop contentColor?: Any color from the library => only if icon or letter are defined
+ * @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 } }
+ * @prop containerStyle?: CSSProperties
+ */
+export declare const Avatar: import("react").ForwardRefExoticComponent<ILibAvatar & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/lib/components/Avatar/AvatarFunction.d.ts

@@ -0,0 +1,5 @@
+import type { LibComponentBase } from "../../types";
+import type { ILibAvatar } from "./types";
+export declare const AvatarFunction: import("react").ForwardRefExoticComponent<Pick<ILibAvatar, "as" | "id" | "img" | "data-testid" | "className" | "size" | "fontSize" | "icon" | "border" | "backgroundColor" | "borderRadius" | "iconBaseUrl" | "iconSize" | "letter" | "contentColor"> & LibComponentBase<HTMLSpanElement> & {
+    hasBadge?: boolean | undefined;
+} & import("react").RefAttributes<HTMLSpanElement>>;

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

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