@julseb-lib/react 0.0.56 → 0.0.57

package/dist/components/CodeContainer/types.d.ts

@@ -0,0 +1,36 @@
+import { CSSProperties } from 'react';
+import { SyntaxHighlighterProps } from 'react-syntax-highlighter';
+import { LibAllColors, LibComponentBase, LibIcon } from '../../types';
+interface HighlighterLangs extends Omit<SyntaxHighlighterProps, "children"> {
+    language?: "oneC (1c)" | "abnf" | "accesslog" | "actionscript" | "ada" | "angelscript" | "apache" | "applescript" | "arcade" | "arduino" | "armasm" | "asciidoc" | "aspectj" | "autohotkey" | "autoit" | "avrasm" | "awk" | "axapta" | "bash" | "basic" | "bnf" | "brainfuck" | "cLike (c-like)" | "c" | "cal" | "capnproto" | "ceylon" | "clean" | "clojureRepl (clojure-repl)" | "clojure" | "cmake" | "coffeescript" | "coq" | "cos" | "cpp" | "crmsh" | "crystal" | "csharp" | "csp" | "css" | "d" | "dart" | "delphi" | "diff" | "django" | "dns" | "dockerfile" | "dos" | "dsconfig" | "dts" | "dust" | "ebnf" | "elixir" | "elm" | "erb" | "erlangRepl (erlang-repl)" | "erlang" | "excel" | "fix" | "flix" | "fortran" | "fsharp" | "gams" | "gauss" | "gcode" | "gherkin" | "glsl" | "gml" | "go" | "golo" | "gradle" | "groovy" | "haml" | "handlebars" | "haskell" | "haxe" | "hsp" | "htmlbars" | "http" | "hy" | "inform7" | "ini" | "irpf90" | "isbl" | "java" | "javascript" | "jbossCli (jboss-cli)" | "json" | "juliaRepl (julia-repl)" | "julia" | "kotlin" | "lasso" | "latex" | "ldif" | "leaf" | "less" | "lisp" | "livecodeserver" | "livescript" | "llvm" | "lsl" | "lua" | "makefile" | "markdown" | "mathematica" | "matlab" | "maxima" | "mel" | "mercury" | "mipsasm" | "mizar" | "mojolicious" | "monkey" | "moonscript" | "n1ql" | "nginx" | "nim" | "nix" | "nodeRepl (node-repl)" | "nsis" | "objectivec" | "ocaml" | "openscad" | "oxygene" | "parser3" | "perl" | "pf" | "pgsql" | "phpTemplate (php-template)" | "php" | "plaintext" | "pony" | "powershell" | "processing" | "profile" | "prolog" | "properties" | "protobuf" | "puppet" | "purebasic" | "pythonRepl (python-repl)" | "python" | "q" | "qml" | "r" | "reasonml" | "rib" | "roboconf" | "routeros" | "rsl" | "ruby" | "ruleslanguage" | "rust" | "sas" | "scala" | "scheme" | "scilab" | "scss" | "shell" | "smali" | "smalltalk" | "sml" | "sqf" | "sql" | "sqlMore (sql_more)" | "stan" | "stata" | "step21" | "stylus" | "subunit" | "swift" | "taggerscript" | "tap" | "tcl" | "thrift" | "tp" | "twig" | "typescript" | "vala" | "vbnet" | "vbscriptHtml (vbscript-html)" | "vbscript" | "verilog" | "vhdl" | "vim" | "x86asm" | "xl" | "xml" | "xquery" | "yaml" | "zephir";
+}
+interface ILibCodeContainerBase extends LibComponentBase<HTMLDivElement> {
+    highlighterProps?: HighlighterLangs;
+    color?: LibAllColors;
+    highlighterStyle?: CSSProperties;
+}
+interface CodeContainerWithCopyButton extends ILibCodeContainerBase {
+    hideCopyButton?: undefined | false;
+    tooltipTexts?: {
+        copy?: string;
+        copied?: string;
+    };
+    icons?: {
+        copy?: LibIcon;
+        copied?: LibIcon;
+    };
+    iconsSizes?: {
+        copy?: number;
+        copied?: number;
+    };
+    iconsBaseUrl?: string;
+}
+interface CodeContainerWithoutCopyButton extends ILibCodeContainerBase {
+    hideCopyButton: true;
+    tooltipTexts?: never;
+    icons?: never;
+    iconsSizes?: never;
+    iconsBaseUrl?: never;
+}
+export type ILibCodeContainer = CodeContainerWithCopyButton | CodeContainerWithoutCopyButton;
+export {};

package/dist/components/ComponentsMixins/ComponentsMixins.d.ts

@@ -0,0 +1,4 @@
+import { ILibButtonMixin, ILibInputBaseMixin, ILibTextBaseMixin } from './types';
+export declare const ButtonMixin: ({ $color, $shadow, $borderRadius, $variant, }: ILibButtonMixin) => import('styled-components').RuleSet<object>;
+export declare const TextBaseMixin: ({ $fontSize, $fontWeight, $textAlign, $color, $linkColor, }: ILibTextBaseMixin) => import('styled-components').RuleSet<object>;
+export declare const InputBaseMixin: ({ $disabled, $inputBackground, $inputVariant, $validationStatus, }: ILibInputBaseMixin) => import('styled-components').RuleSet<object>;

package/dist/components/ComponentsMixins/hooks/useKeyboardNavigation.d.ts

@@ -0,0 +1,14 @@
+import { DispatchState } from '../../../types';
+interface ILibKeyboardNav<T> {
+    data: T;
+    value: string;
+    setValue: DispatchState<string>;
+}
+export declare function useKeyboardNavigation<T>({ data, value, setValue, }: ILibKeyboardNav<T>): {
+    isOpen: boolean;
+    setIsOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    cursor: number;
+    listRef: import('react').RefObject<HTMLDivElement>;
+    handleKeyboardNavigation: (e: KeyboardEvent) => void;
+};
+export {};

package/dist/components/ComponentsMixins/index.d.ts

@@ -0,0 +1,3 @@
+export * from './ComponentsMixins';
+export * from './hooks/useKeyboardNavigation';
+export * from './types';

package/dist/components/ComponentsMixins/types.d.ts

@@ -0,0 +1,20 @@
+import { CssTextAlign, ILibBoxShadow, ILibRadius, LibAllColors, LibButtonVariant, LibColorsHover, LibFontSizes, LibFontWeights, LibInputBackground, LibInputVariant, LibValidationStatus } from '../../types';
+export interface ILibButtonMixin {
+    $color: LibColorsHover;
+    $shadow?: ILibBoxShadow;
+    $borderRadius?: ILibRadius;
+    $variant?: LibButtonVariant;
+}
+export interface ILibTextBaseMixin {
+    $fontSize: LibFontSizes | "inherit";
+    $fontWeight: LibFontWeights;
+    $textAlign?: CssTextAlign;
+    $color?: LibAllColors;
+    $linkColor?: LibColorsHover;
+}
+export interface ILibInputBaseMixin {
+    $validationStatus: LibValidationStatus | undefined;
+    $inputBackground: LibInputBackground | undefined;
+    $disabled: boolean | undefined;
+    $inputVariant: LibInputVariant | undefined;
+}

package/dist/components/Cover/Cover.d.ts

@@ -0,0 +1,15 @@
+import { ILibCover } from './types';
+/**
+ * @description Returns a Cover component
+ * @link https://documentation-components-react.vercel.app/components/cover
+ * @extends ILibFlexbox
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop img: string
+ * @prop alt?: string
+ * @prop overlay?: "black-50" | "black-80" | "white-50" | "white-80" | "gradient-black" | "gradient-white"
+ * @prop height?: number | string
+ * @prop padding?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px" | { left?: LibSpacers | "auto"; top?: LibSpacers | "auto"; right?: LibSpacers | "auto"; bottom?: LibSpacers | "auto"; leftRight?: LibSpacers | "auto"; topBottom?: LibSpacers | "auto" }
+ */
+export declare const Cover: import('react').ForwardRefExoticComponent<ILibCover & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Cover/index.d.ts

@@ -0,0 +1 @@
+export * from './Cover';

package/dist/components/Cover/types.d.ts

@@ -0,0 +1,9 @@
+import { LibComponentBase, LibOverlays, ILibPadding } from '../../types';
+import { ILibFlexbox } from '../Flexbox/types';
+export interface ILibCover extends LibComponentBase<HTMLDivElement>, ILibFlexbox {
+    img: string;
+    alt?: string;
+    overlay?: LibOverlays;
+    height?: number | string;
+    padding?: ILibPadding;
+}

package/dist/components/Datepicker/Calendar.d.ts

@@ -0,0 +1,6 @@
+import { DispatchState } from '../../types';
+import { ILibDatepicker } from './types';
+export declare const Calendar: ({ "data-testid": testid, className, minDate, maxDate, texts, value, setValue, icons, iconsSizes, iconBaseUrl, calendarDirection, validation, isOpen, setIsOpen, inputBackground, }: Pick<ILibDatepicker, "data-testid" | "className" | "minDate" | "maxDate" | "texts" | "value" | "setValue" | "icons" | "iconsSizes" | "iconBaseUrl" | "calendarDirection" | "validation" | "inputBackground"> & {
+    isOpen: boolean;
+    setIsOpen: DispatchState<boolean>;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Datepicker/Datepicker.d.ts

@@ -0,0 +1,80 @@
+/**
+ * @description Returns a Datepicker component
+ * @link https://documentation-components-react.vercel.app/components/datepicker
+ * @extends HTMLInputElement
+ * @prop data-testid?: string
+ * @prop ref?: ForwardedRef<HTMLInputElement>
+ * @prop value: string
+ * @prop setValue: Dispatch<SetStateAction<string>>
+ * @prop minDate?: string
+ * @prop maxDate?: string
+ * @prop texts?: { weekDays?: { mon?: string; tue?: string; wed?: string; etc. }; months?: { jan?: string; feb?: string; mar?: string; etc. } }
+ * @prop icons?: { prev?: string | JSX.Element; next?: string | JSX.Element; calendar?: string | JSX.Element; left?: string | JSX.Element }
+ * @prop iconsSizes?: { prev?: number; next?: number; calendar?: number; left?: number }
+ * @prop iconsBaseUrl?: string
+ * @prop calendarDirection?: "up" | "down"
+ * @prop inputVariant?: "rounded" | "pill"
+ * @prop disabled?: boolean
+ * @prop tabIndex?: number
+ * @prop prefix?: string | JSX.Element
+ * @prop label?: string
+ * @prop labelComment?: string
+ * @prop helper?: string
+ * @prop helperBottom?: string | { text: string => only if element is not defined; element: ReactChildren => only if text is not defined; textColor?: Any color from the library; fontStyle?: CssFontStyle; icon?: string | JSX.Element; iconColor?: Any color from the library; iconSize?: number }
+ * @prop validation?: { status: LibValidationStatus; message?: string; iconNotPassed?: LibIcon; iconNotPassedSize?: number; iconPassed?: LibIcon; iconPassedSize?: number; iconBaseUrl?: string }
+ * @prop iconBaseUrl?: string
+ * @prop inputBackground?: "light" | "dark"
+ * @prop inputVariant?: "rounded" | "pill"
+ * @prop containerStyle?: CSSProperties
+ * @prop inputAndListContainerStyle?: CSSProperties
+ * @prop id?: string
+ */
+export declare const Datepicker: import('react').ForwardRefExoticComponent<import('../../types').LibComponentBase<HTMLDivElement> & import('react').InputHTMLAttributes<HTMLInputElement> & import('../InputComponents/types').ILibInputBase & import('../InputComponents/types').LibInputWithValidation & {
+    minDate?: string;
+    maxDate?: string;
+    texts?: {
+        weekDays?: {
+            mon?: string;
+            tue?: string;
+            wed?: string;
+            thu?: string;
+            fri?: string;
+            sat?: string;
+            sun?: string;
+        };
+        months?: {
+            jan?: string;
+            feb?: string;
+            mar?: string;
+            apr?: string;
+            may?: string;
+            jun?: string;
+            jul?: string;
+            aug?: string;
+            sep?: string;
+            oct?: string;
+            nov?: string;
+            dec?: string;
+        };
+    };
+    value: string;
+    setValue: import('../../types').DispatchState<string>;
+    icons?: {
+        prev?: import('../../types').LibIcon;
+        next?: import('../../types').LibIcon;
+        calendar?: import('../../types').LibIcon;
+        left?: import('../../types').LibIcon;
+    };
+    iconsSizes?: {
+        prev?: number;
+        next?: number;
+        calendar?: number;
+        left?: number;
+    };
+    iconsBaseUrl?: string;
+    calendarDirection?: import('../../types').LibInputListDirection;
+    inputVariant?: import('../../types').LibInputVariant;
+    disabled?: boolean;
+    tabIndex?: number;
+    prefix?: import('../../types').LibInputPrefixAndSuffix;
+} & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/Datepicker/data.d.ts

@@ -0,0 +1,25 @@
+export declare const allDays: Array<number>;
+export declare const leapDays: Array<number>;
+export declare const weekDaysEn: {
+    mon: string;
+    tue: string;
+    wed: string;
+    thu: string;
+    fri: string;
+    sat: string;
+    sun: string;
+};
+export declare const monthsEn: {
+    jan: string;
+    feb: string;
+    mar: string;
+    apr: string;
+    may: string;
+    jun: string;
+    jul: string;
+    aug: string;
+    sep: string;
+    oct: string;
+    nov: string;
+    dec: string;
+};

package/dist/components/Datepicker/index.d.ts

@@ -0,0 +1 @@
+export * from './Datepicker';

package/dist/components/Datepicker/styles.d.ts

@@ -0,0 +1,29 @@
+import { LibInputBackground, LibInputListDirection, LibInputVariant, LibValidationStatus } from '../../types';
+declare const InputDate: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
+    $inputVariant: LibInputVariant | undefined;
+    $validationStatus: LibValidationStatus | undefined;
+    $inputBackground: LibInputBackground | undefined;
+    $disabled: boolean | undefined;
+}>> & string;
+declare const StyledCalendar: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $direction: LibInputListDirection;
+    $validationStatus: LibValidationStatus | undefined;
+    $inputBackground: LibInputBackground | undefined;
+}>> & string;
+declare const CalendarHeader: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $validationStatus: LibValidationStatus | undefined;
+    $inputBackground: LibInputBackground | undefined;
+}>> & string;
+declare const CalendarNavButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $validationStatus: LibValidationStatus | undefined;
+    $inputBackground: LibInputBackground | undefined;
+}>> & string;
+declare const CalendarEmptyDate: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+declare const DaysContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $inputBackground: LibInputBackground | undefined;
+}>> & string;
+declare const CalendarDay: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $inputBackground: LibInputBackground | undefined;
+    $validationStatus: LibValidationStatus | undefined;
+}>> & string;
+export { InputDate, StyledCalendar, CalendarHeader, CalendarNavButton, CalendarEmptyDate, DaysContainer, CalendarDay, };

package/dist/components/Datepicker/types.d.ts

@@ -0,0 +1,52 @@
+import { InputHTMLAttributes } from 'react';
+import { DispatchState, LibComponentBase, LibIcon, LibInputListDirection, LibInputPrefixAndSuffix, LibInputVariant } from '../../types';
+import { ILibInputBase, LibInputWithValidation } from '../InputComponents/types';
+export type ILibDatepicker = Exclude<LibComponentBase<HTMLDivElement>, "as"> & InputHTMLAttributes<HTMLInputElement> & ILibInputBase & LibInputWithValidation & {
+    minDate?: string;
+    maxDate?: string;
+    texts?: {
+        weekDays?: {
+            mon?: string;
+            tue?: string;
+            wed?: string;
+            thu?: string;
+            fri?: string;
+            sat?: string;
+            sun?: string;
+        };
+        months?: {
+            jan?: string;
+            feb?: string;
+            mar?: string;
+            apr?: string;
+            may?: string;
+            jun?: string;
+            jul?: string;
+            aug?: string;
+            sep?: string;
+            oct?: string;
+            nov?: string;
+            dec?: string;
+        };
+    };
+    value: string;
+    setValue: DispatchState<string>;
+    icons?: {
+        prev?: LibIcon;
+        next?: LibIcon;
+        calendar?: LibIcon;
+        left?: LibIcon;
+    };
+    iconsSizes?: {
+        prev?: number;
+        next?: number;
+        calendar?: number;
+        left?: number;
+    };
+    iconsBaseUrl?: string;
+    calendarDirection?: LibInputListDirection;
+    inputVariant?: LibInputVariant;
+    disabled?: boolean;
+    tabIndex?: number;
+    prefix?: LibInputPrefixAndSuffix;
+};

package/dist/components/DragList/DragList.d.ts

@@ -0,0 +1,32 @@
+import { ILibDragList } from './types';
+/**
+ * @description Returns a DragList component
+ * @link https://documentation-components-react.vercel.app/components/drag-list
+ * @extends HTMLDivElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop items: Array<LibDragListItem> => only if children is not defined
+ * @prop setItems: Dispatch<SetStateAction<Array<LibDragListItem>>> => only if children is not defined
+ * @prop hideSeparator?: boolean => only if children is not defined
+ * @prop children?: ReactChildren => only if items is not defined
+ * @prop iconDrag?: string | JSX.Element
+ * @prop iconDragSize?: number
+ * @prop iconDragBaseUrl?: string
+ * @prop gap?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
+ * @prop border?: { style?: CssBorderStyle; width?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"; color?: 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 }
+ *
+ * @type LibDragListItem
+ * @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 declare const DragList: import('react').ForwardRefExoticComponent<ILibDragList & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/DragList/DragListItem.d.ts

@@ -0,0 +1,29 @@
+import { ILibDragListItem } from './types';
+/**
+ * @description Returns a DragList item component
+ * @link https://documentation-components-react.vercel.app/components/drag-list
+ * @extends HTMLDivElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop handleDragStart: (e: DragEvent<HTMLDivElement>, i: number) => void
+ * @prop handleDragOver: (e: DragEvent<HTMLDivElement>, i: number) => void
+ * @prop index: number
+ * @prop item: LibDragListItem => only if children is not defined
+ * @prop children?: ReactChildren => only if item is not defined
+ * @prop iconDrag?: string | JSX.Element
+ * @prop iconDragSize?: number
+ * @prop iconDragBaseUrl?: string
+ *
+ * @type LibDragListItem
+ * @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 declare const DragListItem: import('react').ForwardRefExoticComponent<ILibDragListItem & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/DragList/index.d.ts

@@ -0,0 +1,2 @@
+export * from './DragList';
+export * from './DragListItem';

package/dist/components/DragList/styles.d.ts

@@ -0,0 +1,14 @@
+import { ILibBorder, ILibPadding, ILibRadius, LibSpacers } from '../../types';
+declare const StyledDragList: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $gap: LibSpacers;
+    $border: ILibBorder;
+    $padding: ILibPadding;
+    $borderRadius: ILibRadius;
+}>> & string;
+declare const StyledItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const DragIconContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    $size: number;
+}>> & string;
+declare const Content: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const RightContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export { StyledDragList, StyledItem, DragIconContainer, Content, RightContainer, };

package/dist/components/DragList/types.d.ts

@@ -0,0 +1,42 @@
+import { DragEvent } from 'react';
+import { LibComponentBase, LibDragListItem, LibIcon, LibSpacers, ReactChildren, ILibBorder, ILibPadding, ILibRadius, DispatchState } from '../../types';
+interface ILibDragListBase extends LibComponentBase<HTMLDivElement> {
+    iconDrag?: LibIcon;
+    iconDragSize?: number;
+    iconDragBaseUrl?: string;
+    gap?: LibSpacers;
+    border?: ILibBorder;
+    padding?: ILibPadding;
+    borderRadius?: ILibRadius;
+}
+interface DragListWithItems extends ILibDragListBase {
+    items: Array<LibDragListItem>;
+    setItems: DispatchState<Array<LibDragListItem>>;
+    hideSeparator?: boolean;
+    children?: never;
+}
+interface DragListWithChildren extends ILibDragListBase {
+    items?: never;
+    setItems?: never;
+    hideSeparator?: never;
+    children?: ReactChildren;
+}
+export type ILibDragList = DragListWithItems | DragListWithChildren;
+interface ILibDragListItemBase extends LibComponentBase<HTMLDivElement> {
+    index: number;
+    iconDrag?: LibIcon;
+    iconDragSize?: number;
+    iconDragBaseUrl?: string;
+    handleDragStart: (e: DragEvent<HTMLDivElement>, i: number) => void;
+    handleDragOver: (e: DragEvent<HTMLDivElement>, i: number) => void;
+}
+interface DragListItemWithItem extends ILibDragListItemBase {
+    item: LibDragListItem;
+    children?: never;
+}
+interface DragListItemWithChildren extends ILibDragListItemBase {
+    item?: never;
+    children?: ReactChildren;
+}
+export type ILibDragListItem = DragListItemWithItem | DragListItemWithChildren;
+export {};

package/dist/components/Drawer/Drawer.d.ts

@@ -0,0 +1,23 @@
+import { ILibDrawer } from './types';
+/**
+ * @description Returns a Drawer component
+ * @link https://documentation-components-react.vercel.app/components/drawer
+ * @extends HTMLDivElement
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop isOpen: boolean
+ * @prop setIsOpen: Dispatch<SetStateAction<boolean>>
+ * @prop position?: "left" | "right"
+ * @prop enableScrollingOpen?: boolean
+ * @prop disableEsc?: boolean
+ * @prop backgroundColor?: Any color from the library
+ * @prop contentColor?: Any color from the library
+ * @prop linksColor?: "primary" | "secondary" | "success" | "danger" | "warning" | "white" | "gray" | "font" | "background"
+ * @prop gap?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
+ * @prop width?: string | number
+ * @prop zIndex?: number
+ * @prop overlayColor?: Any color or overlay 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" }
+ */
+export declare const Drawer: import('react').ForwardRefExoticComponent<ILibDrawer & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/Drawer/index.d.ts

@@ -0,0 +1 @@
+export * from './Drawer';

package/dist/components/Drawer/styles.d.ts

@@ -0,0 +1,17 @@
+import { LibAllColors, LibAllColorsAndOverlays, LibColorsHover, LibSpacers, LibDrawerPosition, ILibPadding } from '../../types';
+declare const StyledDrawer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $zIndex: number;
+}>> & string;
+declare const Overlay: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $overlayColor: LibAllColorsAndOverlays;
+}>> & string;
+declare const DrawerContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $gap: LibSpacers;
+    $backgroundColor: LibAllColors;
+    $contentColor: LibAllColors;
+    $linksColor: LibColorsHover;
+    $width: string | number;
+    $position: LibDrawerPosition;
+    $padding: ILibPadding;
+}>> & string;
+export { StyledDrawer, Overlay, DrawerContent };

package/dist/components/Drawer/types.d.ts

@@ -0,0 +1,16 @@
+import { DispatchState, LibAllColors, LibAllColorsAndOverlays, LibColorsHover, LibComponentBase, LibSpacers, LibDrawerPosition, ILibPadding } from '../../types';
+export interface ILibDrawer extends LibComponentBase<HTMLDivElement> {
+    isOpen: boolean;
+    setIsOpen: DispatchState<boolean>;
+    position?: LibDrawerPosition;
+    enableScrollingOpen?: boolean;
+    disableEsc?: boolean;
+    backgroundColor?: LibAllColors;
+    contentColor?: LibAllColors;
+    linksColor?: LibColorsHover;
+    gap?: LibSpacers;
+    width?: string | number;
+    zIndex?: number;
+    overlayColor?: LibAllColorsAndOverlays;
+    padding?: ILibPadding;
+}

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

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

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

@@ -0,0 +1,22 @@
+import { ILibDropdownContainer } from './types';
+/**
+ * @description Returns a DropdownContainer component
+ * @link https://documentation-components-react.vercel.app/components/dropdown
+ * @extends ILibFlexbox
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLDivElement>
+ * @prop isOpen: boolean
+ * @prop inline?: boolean
+ * @prop flexDirection?: CssFlexDirection
+ * @prop flexWrap?: CssFlexWrap
+ * @prop justifyContent?: CssJustifyContent
+ * @prop alignItems?: CssAlignItems
+ * @prop justifyItems?: CssJustifyItems
+ * @prop alignContent?: CssAlignContent
+ * @prop gap?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
+ * @prop columnGap?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
+ * @prop rowGap?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
+ * @prop padding?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px" | { left?: LibSpacers | "auto"; top?: LibSpacers | "auto"; right?: LibSpacers | "auto"; bottom?: LibSpacers | "auto"; leftRight?: LibSpacers | "auto"; topBottom?: LibSpacers | "auto" }
+ */
+export declare const DropdownContainer: import('react').ForwardRefExoticComponent<ILibDropdownContainer & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,20 @@
+import { ILibDropdownItem } from './types';
+/**
+ * @description Returns a DropdownItem component
+ * @link https://documentation-components-react.vercel.app/components/dropdown
+ * @extends HTMLButtonElement & HTMLAnchorElement & LibButtonLinkBlankRequired
+ * @prop data-testid?: string
+ * @prop as?: ElementType
+ * @prop ref?: ForwardedRef<HTMLButtonElement & HTMLAnchorElement>
+ * @prop onClick: void => only if to or href are not defined
+ * @prop disabled?: boolean => only if onClick is defined
+ * @prop to: string => only if onClick and href are not defined
+ * @prop href: string => only if onClick and to are not defined
+ * @prop blank?: boolean => only if to or href are defined
+ * @prop accentColor?: "primary" | "secondary" | "success" | "danger" | "warning" | "white" | "gray" | "font" | "background"
+ * @prop gap?: "xxl" | "xl" | "l" | "m" | "s" | "xs" | "xxs" | number | "0px"
+ * @prop icon?: string | JSX.Element
+ * @prop iconSize?: number => only if icon is defined
+ * @prop iconBaseUrl?: string => only if icon is defined
+ */
+export declare const DropdownItem: import('react').ForwardRefExoticComponent<ILibDropdownItem & import('react').RefAttributes<HTMLButtonElement & HTMLAnchorElement>>;

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

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

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

@@ -0,0 +1,17 @@
+import { LibShadows, LibColorsHover, LibInputListDirection, LibSpacers } from '../../types';
+declare const StyledDropdown: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $direction: LibInputListDirection;
+    $maxHeight: number;
+    $buttonOpenHeight: number;
+    $shadow?: LibShadows;
+}>> & string;
+declare const StyledDropdownContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<import('../Flexbox/types').ILibFlexbox & import('react').RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import('react').RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../Flexbox/types').ILibFlexbox & import('react').RefAttributes<HTMLDivElement>>, keyof import('react').Component<any, {}, any>>;
+declare const StyledDropdownItem: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $accentColor: LibColorsHover;
+    $gap: LibSpacers;
+}>> & string;
+declare const IconContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+declare const TextContent: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
+export { StyledDropdownContainer, StyledDropdown, StyledDropdownItem, IconContainer, TextContent, };