polpo 0.1.1 → 0.1.2

package/dist/ui.d.cts

@@ -1,8 +1,9 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React$1 from 'react';
-import React__default, { HTMLAttributes, ButtonHTMLAttributes, CSSProperties, DetailedHTMLProps, ImgHTMLAttributes, RefObject, ForwardedRef } from 'react';
+import React__default, { HTMLAttributes, ButtonHTMLAttributes, CSSProperties, DetailedHTMLProps, ImgHTMLAttributes, RefObject, ReactNode } from 'react';
 import { UseControllerProps, FieldValues, SubmitHandler, DefaultValues, Mode } from 'react-hook-form';
-import { P as POSITION } from './get-modal-position-DPftPoU2.cjs';
+import { M as ModalState, U as UseModalInContainerParams } from './use-modal-in-container-DiNW1PE_.cjs';
+import { P as PositionContainer } from './get-modal-position-drle0OjP.cjs';
 import * as csstype from 'csstype';
 import { AnyObjectSchema } from 'yup';
 import { AxiosInstance } from 'axios';
@@ -20,7 +21,7 @@ declare const Accordion: ({ children, className, noSeparators, style }: Accordio
 
 type ObjectIconsT = Record<'airplane' | 'bell' | 'bicycle' | 'book-open' | 'book-solid' | 'calendar' | 'camera' | 'clean-computer' | 'crossed-flags' | 'document' | 'door-closed' | 'door-open' | 'dropper' | 'envelope' | 'eye' | 'eye-hidden' | 'game-control' | 'gear' | 'house' | 'magnifying-glass' | 'moon' | 'pencil' | 'star' | 'star-empty' | 'sun' | 'trash-can', IconT>;
 
-type SocialIconsT = Record<'codepen' | 'facebook' | 'github' | 'instagram' | 'linkedin' | 'whatsapp', IconT>;
+type SocialIconsT = Record<'codepen' | 'facebook' | 'github' | 'instagram' | 'linkedin' | 'npm' | 'whatsapp', IconT>;
 
 type SymbolIconsT = Record<'arrow-circle' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-up' | 'box-shadow' | 'caret-down' | 'caret-left' | 'caret-right' | 'caret-up' | 'checkmark' | 'creative' | 'cross' | 'cv' | 'design-ui' | 'double-caret-down' | 'double-caret-left' | 'double-caret-righ' | 'double-caret-up' | 'download' | 'exclamation-close' | 'exclamation-open' | 'external-link' | 'form' | 'hyphen' | 'info' | 'link' | 'message' | 'order-list' | 'pin-location' | 'question-mark-close' | 'question-mark-open' | 'share' | 'spinner' | 'text-shadow' | 'thinking' | 'upload' | 'user' | 'warning', IconT>;
 
@@ -73,6 +74,16 @@ type AccordionItemContentProps = AccordionItemCommonProps & {
 type AccordionItemProps = AccordionItemTitleProps | AccordionItemContentProps;
 declare const AccordionItem: React__default.FC<AccordionItemProps>;
 
+declare enum ColorVariants {
+    Primary = "primary",
+    Secondary = "secondary",
+    Tertiary = "tertiary",
+    Info = "info",
+    Active = "active",
+    Warning = "warning",
+    Alert = "alert"
+}
+
 declare enum RadiusVariants {
     None = "none",
     Small = "small",
@@ -92,15 +103,6 @@ declare enum ButtonVariant {
     GHOST = "ghost",
     FLAT = "flat"
 }
-declare enum ButtonColor {
-    PRIMARY = "primary",
-    SECONDARY = "secondary",
-    TERTIARY = "tertiary",
-    INFO = "info",
-    WARNING = "warning",
-    ALERT = "alert",
-    ACTIVE = "active"
-}
 type ButtonProps = {
     children?: React__default.ReactNode;
     disabled?: boolean;
@@ -116,7 +118,7 @@ type ButtonProps = {
     style?: React__default.CSSProperties;
     type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
     noShadow?: boolean;
-    color?: `${ButtonColor}`;
+    color?: `${ColorVariants}`;
 };
 declare const Button: React__default.ForwardRefExoticComponent<ButtonProps & React__default.RefAttributes<HTMLButtonElement>>;
 
@@ -135,7 +137,7 @@ type FlipCardProps = {
     flipDirection?: 'horizontal' | 'vertical';
     children: [React.ReactNode, React.ReactNode];
 };
-declare const FlipCard: ({ cardZIndex, flipDirection, flipSpeed, isFlipped, children, }: FlipCardProps) => React.ReactElement;
+declare const FlipCard: ({ cardZIndex, flipDirection, flipSpeed, isFlipped, children, }: FlipCardProps) => react_jsx_runtime.JSX.Element;
 
 type HoverCardProps = {
     children: React.ReactNode;
@@ -146,6 +148,8 @@ type HoverCardProps = {
 };
 declare const HoverCard: ({ children, threshold, translationZ, width, className, }: HoverCardProps) => react_jsx_runtime.JSX.Element;
 
+declare const Cursor: () => react_jsx_runtime.JSX.Element | null;
+
 type Props = {
     [key: string]: unknown;
 };
@@ -177,12 +181,13 @@ type ControlledComponentProps<T extends Props, V> = T & SharedProps & Controlled
 type ControllerGeneratorProps<T extends Props, V> = ControlledComponentProps<T, V> & Partial<Pick<UseControllerProps, 'rules'>>;
 
 type CheckboxProps = {
-    label?: string;
+    label?: React.ReactNode;
     placeholder?: never;
     icon?: IconNameT;
+    color?: `${ColorVariants}`;
 };
 declare const Checkbox: {
-    ({ name, value, setValue, onBlur, onFocus, className, style, autoFocus, readOnly, disabled, autoComplete, icon, label, }: UnControlledComponentProps<CheckboxProps, boolean>): react_jsx_runtime.JSX.Element;
+    ({ name, value, setValue, onBlur, onFocus, className, style, autoFocus, readOnly, disabled, autoComplete, icon, label, color, }: UnControlledComponentProps<CheckboxProps, boolean>): react_jsx_runtime.JSX.Element;
     Controller: ({ rules, ...props }: ControllerGeneratorProps<CheckboxProps, boolean>) => react_jsx_runtime.JSX.Element;
 };
 
@@ -199,6 +204,10 @@ declare enum FieldVariant {
     CONTENT_BORDER = "content-border",
     CONTENT_LINE = "line"
 }
+declare enum FieldOrientation {
+    HORIZONTAL = "horizontal",
+    VERTICAL = "vertical"
+}
 type FieldSharedProps = {
     rightIcon?: IconNameT;
     leftIcon?: IconNameT;
@@ -213,6 +222,7 @@ type FieldProps = FieldSharedProps & {
     id: string;
     error?: string;
     isFocus?: boolean;
+    fieldOrientation?: `${FieldOrientation}`;
 };
 type InputFieldProps<T> = T & FieldSharedProps;
 
@@ -229,6 +239,7 @@ declare const Field: React__default.ForwardRefExoticComponent<{
     id: string;
     error?: string;
     isFocus?: boolean;
+    fieldOrientation?: `${FieldOrientation}`;
 } & React__default.RefAttributes<HTMLElement>>;
 
 type DatePickerProps = InputFieldProps<{
@@ -284,9 +295,10 @@ type RadioProps = {
     label?: string;
     radioValue: string;
     placeholder?: never;
+    color?: `${ColorVariants}`;
 };
 declare const Radio: {
-    ({ name, value, setValue, onBlur, onFocus, className, style, autoFocus, readOnly, disabled, autoComplete, radioValue, label, }: UnControlledComponentProps<RadioProps, string>): react_jsx_runtime.JSX.Element;
+    ({ name, value, setValue, onBlur, onFocus, className, style, autoFocus, readOnly, disabled, autoComplete, radioValue, label, color, }: UnControlledComponentProps<RadioProps, string>): react_jsx_runtime.JSX.Element;
     Controller: ({ rules, ...props }: ControllerGeneratorProps<RadioProps, string>) => react_jsx_runtime.JSX.Element;
 };
 
@@ -308,7 +320,6 @@ type SharedSelectProps<T extends SelectItem> = InputFieldProps<{
 }>;
 type MultiSelectProps<T extends SelectItem> = SharedSelectProps<T> & {
     multiselect: true;
-    optionVariant?: `${SelectOptionVariant}`;
 };
 type SingleSelectProps<T extends SelectItem> = SharedSelectProps<T> & {
     multiselect?: false;
@@ -316,14 +327,9 @@ type SingleSelectProps<T extends SelectItem> = SharedSelectProps<T> & {
 };
 type UnControlledSelectProps<T extends SelectItem> = UnControlledComponentProps<MultiSelectProps<T>, MultiValue<T>> | UnControlledComponentProps<SingleSelectProps<T>, SingleValue<T>>;
 type ControllerGeneratorSelectProps<T extends SelectItem> = ControllerGeneratorProps<MultiSelectProps<T>, MultiValue<T>> | ControllerGeneratorProps<SingleSelectProps<T>, SingleValue<T>>;
-declare enum SelectOptionVariant {
-    CHECKBOX = "checkbox",
-    ICON = "icon",
-    DEFAULT = "default"
-}
 
 declare const Select: {
-    <T extends SelectItem>({ options, renderOption, isEqualComparator, searchQueryValue, searchQueryPlaceholder, onSearchQuery, loadMore, isLoading, hasNextPage, multiselect, maxOptions, optionVariant, name, value, setValue, onBlur, onFocus, className, style, showClearOption, autoFocus, readOnly, disabled, placeholder, autoComplete, isDirty, isTouched, invalid, error, ...fieldProps }: UnControlledSelectProps<T>): react_jsx_runtime.JSX.Element;
+    <T extends SelectItem>({ options, renderOption, isEqualComparator, searchQueryValue, searchQueryPlaceholder, onSearchQuery, loadMore, isLoading, hasNextPage, multiselect, maxOptions, name, value, setValue, onBlur, onFocus, className, style, showClearOption, autoFocus, readOnly, disabled, placeholder, autoComplete, isDirty, isTouched, invalid, error, ...fieldProps }: UnControlledSelectProps<T>): react_jsx_runtime.JSX.Element;
     Controller: <T extends SelectItem>(props: ControllerGeneratorSelectProps<T>) => react_jsx_runtime.JSX.Element;
 };
 
@@ -421,44 +427,60 @@ type SimpleLoaderProps = {
 };
 declare const SimpleLoader: ({ spinDuration }: SimpleLoaderProps) => react_jsx_runtime.JSX.Element;
 
-type ActionModalProps = {
-    children: React.ReactNode;
+declare enum ModalBackdrop {
+    OPAQUE = "opaque",
+    TRANSPARENT = "transparent",
+    BLUR = "blur",
+    NONE = "none"
+}
+type BackdropProps = {
+    opacity?: number;
+    backdrop?: `${ModalBackdrop}`;
+    zIndex?: React__default.CSSProperties['zIndex'];
+    backdropOnClick?: () => void;
+    modalState?: ModalState;
+};
+declare const Backdrop: ({ opacity, backdrop, zIndex, backdropOnClick, modalState, }: BackdropProps) => react_jsx_runtime.JSX.Element | null;
+
+type ModalProps = Omit<BackdropProps, 'modalState'> & Omit<UseModalInContainerParams, 'modalRef' | 'onClose'> & {
+    id: string;
+    children: React__default.ReactNode;
     isOpen: boolean;
     onClose: () => void;
+    className?: string;
+    style?: React__default.CSSProperties;
+    rootStyle?: CSSProperties;
+    animation?: 'none' | 'fade-down' | 'bounce';
+    closeAnimationClassName?: string;
+    modalRef?: React__default.RefObject<HTMLElement>;
+};
+declare const Modal: ({ id, children, isOpen, onClose, className, style, rootStyle, animation, closeAnimationClassName, modalRef: modalRefProp, closeOnClickOutside, transitionDuration, windowOffset, offset, position, containerRef, zIndex, ...backdropProps }: ModalProps) => react_jsx_runtime.JSX.Element | null;
+
+type ActionModalProps = Omit<ModalProps, 'id' | 'animation' | 'closeAnimationClassName' | 'position' | 'rootStyle' | 'className' | 'style'> & {
     actionRequired?: boolean;
     icon?: IconNameT;
     noCloseButton?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
     lineOnTop?: boolean;
     backCard?: boolean;
     noPadding?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
 };
 declare const ActionModal: {
-    ({ children, isOpen, onClose, actionRequired, icon, noCloseButton, className, style, lineOnTop, backCard, noPadding, }: ActionModalProps): react_jsx_runtime.JSX.Element;
-    ActionButton: ({ onClick, children, isLoading: manualIsLoading, ...buttonProps }: ActionButtonProps) => react_jsx_runtime.JSX.Element;
+    ({ children, isOpen, onClose, actionRequired, icon, noCloseButton, lineOnTop, backCard, noPadding, className, style, ...modalProps }: ActionModalProps): react_jsx_runtime.JSX.Element;
+    ActionButton: ({ onClick, children, isLoading: manualIsLoading, ...buttonProps }: ActionButtonProps) => react_jsx_runtime.JSX.Element | null;
 };
 type ActionButtonProps = Omit<ButtonProps, 'onClick'> & {
     onClick: (() => Promise<void>) | (() => void);
 };
 
-declare enum AsidePosition {
-    LEFT = "left",
-    RIGHT = "right",
-    TOP = "top",
-    BOTTOM = "bottom"
-}
-type AsideModalProps = {
-    children: React.ReactNode;
-    isOpen: boolean;
-    onClose: () => void;
-    position?: `${AsidePosition}`;
+type AsideModalProps = Omit<ModalProps, 'id' | 'animation' | 'closeAnimationClassName' | 'position' | 'rootStyle' | 'className' | 'style'> & {
+    position?: `${PositionContainer.TOP}` | `${PositionContainer.LEFT}` | `${PositionContainer.RIGHT}` | `${PositionContainer.BOTTOM}`;
     size?: number | `${number}px` | `${number}em`;
     className?: string;
     style?: React.CSSProperties;
-    zIndex?: number;
 };
-declare const AsideModal: ({ children, isOpen, onClose, position, size, className, zIndex, style, }: AsideModalProps) => react_jsx_runtime.JSX.Element;
+declare const AsideModal: ({ children, isOpen, onClose, position, size, className, ...modalProps }: AsideModalProps) => react_jsx_runtime.JSX.Element;
 
 type ConfirmationModalProps = ActionModalProps & {
     title: string;
@@ -470,36 +492,38 @@ type ConfirmationModalProps = ActionModalProps & {
 };
 declare const ConfirmationModal: ({ title, onAccept, onReject, acceptText, rejectText, children, isLoading, ...actionModalProps }: ConfirmationModalProps) => react_jsx_runtime.JSX.Element;
 
-declare enum ModalBackdrop {
-    OPAQUE = "opaque",
-    TRANSPARENT = "transparent",
-    BLUR = "blur",
-    NONE = "none"
-}
-type ModalCommonProps = {
-    isOpen: boolean;
+type MenuOptionProps = {
+    id?: string;
+    children?: React__default.ReactNode;
+    label?: React__default.ReactNode;
+    disabled?: boolean;
+    selected?: boolean;
+    className?: string;
+    style?: React__default.CSSProperties;
+    asCheckbox?: boolean;
+    icon?: IconNameT;
+    onClick?: (newValue: boolean) => void;
+    onKeyDown?: (event: React__default.KeyboardEvent) => void;
+};
+type MenuProps = ModalProps & {
     children: React__default.ReactNode;
-    id: string;
 };
-type ModalNoOverlayProps = ModalCommonProps & {
-    opacity?: never;
-    backdrop?: never;
-    onClick?: never;
-    zIndex?: never;
-    className?: never;
-    style?: never;
+declare const Menu: {
+    ({ children, isOpen, onClose, id, ...modalProps }: MenuProps): react_jsx_runtime.JSX.Element;
+    Option: ({ children, label, asCheckbox, icon, id, disabled, selected, className, style, onClick, onKeyDown, }: MenuOptionProps) => react_jsx_runtime.JSX.Element;
+    Divider: () => react_jsx_runtime.JSX.Element;
+    OptionsGroup: <T>({ className, style, ...infinityScrollProps }: MenuOptionsGroupProps<T>) => react_jsx_runtime.JSX.Element;
 };
-type ModalOverlayProps = ModalCommonProps & {
-    opacity?: number;
-    backdrop?: `${ModalBackdrop}`;
-    onClick?: () => void;
-    zIndex?: React__default.CSSProperties['zIndex'];
+type MenuOptionsGroupProps<T> = InfinityScrollProps<T> & {
     className?: string;
     style?: React__default.CSSProperties;
 };
-type ModalProps = ModalOverlayProps | ModalNoOverlayProps;
-declare const ModalComponent: ({ isOpen, children, id, opacity, backdrop, onClick, zIndex, className, style, }: ModalProps, ref: ForwardedRef<HTMLElement>) => React__default.ReactPortal | null;
-declare const Modal: React__default.ForwardRefExoticComponent<ModalProps & React__default.RefAttributes<HTMLElement>>;
+
+type PortalProps = {
+    id: string;
+    children: ReactNode;
+};
+declare const Portal: React$1.ForwardRefExoticComponent<PortalProps & React$1.RefAttributes<HTMLElement>>;
 
 type RippleProps = {
     color?: string;
@@ -612,11 +636,6 @@ type TabPanelProps = {
     children: React__default.ReactNode;
 };
 
-declare enum TagSize {
-    SMALL = "small",
-    REGULAR = "regular",
-    LARGE = "large"
-}
 type TagProps = HTMLAttributes<HTMLElement> & {
     children: React.ReactNode;
     isSelected?: boolean;
@@ -626,13 +645,13 @@ type TagProps = HTMLAttributes<HTMLElement> & {
 declare const Tag: ({ children, className: customClassName, isSelected, size, radius, ...props }: TagProps) => react_jsx_runtime.JSX.Element;
 
 type TooltipProps = {
-    position?: `${POSITION}`;
+    position?: `${PositionContainer.TOP}` | `${PositionContainer.LEFT}` | `${PositionContainer.RIGHT}` | `${PositionContainer.BOTTOM}`;
     offset?: number | `${number}`;
     disabled?: boolean;
     children: React__default.ReactElement;
     content: React__default.ReactNode;
 };
-declare const Tooltip: ({ position, children, content, offset, disabled }: TooltipProps) => react_jsx_runtime.JSX.Element;
+declare const Tooltip: ({ position, children, content, offset, disabled, }: TooltipProps) => react_jsx_runtime.JSX.Element;
 
 type ClickToCopyProps = {
     children?: React.ReactNode;
@@ -675,8 +694,9 @@ type TypographyProps = HTMLAttributes<HTMLElement | HTMLLabelElement> & {
     align?: React__default.CSSProperties['textAlign'];
     family?: 'primary' | 'code';
     recommendedWidth?: boolean;
+    color?: `${ColorVariants}`;
 };
-declare const TypographyComponent: ({ variant, nowrap, className: customClassname, style, children, as, weight, family, noPadding, align, htmlFor, recommendedWidth, ...props }: TypographyProps, ref: React__default.ForwardedRef<unknown>) => React__default.ReactElement<{
+declare const TypographyComponent: ({ variant, nowrap, className: customClassname, style, children, as, weight, family, noPadding, align, color, htmlFor, recommendedWidth, ...props }: TypographyProps, ref: React__default.ForwardedRef<unknown>) => React__default.ReactElement<{
     className: string;
     ref: React__default.ForwardedRef<unknown>;
     htmlFor: string | undefined;
@@ -1542,7 +1562,6 @@ declare const TypographyComponent: ({ variant, nowrap, className: customClassnam
     autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
-    color?: string | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;
@@ -1781,6 +1800,7 @@ declare const Typography: React__default.ForwardRefExoticComponent<React__defaul
     align?: React__default.CSSProperties["textAlign"];
     family?: "primary" | "code";
     recommendedWidth?: boolean;
+    color?: `${ColorVariants}`;
 } & React__default.RefAttributes<unknown>>;
 
 type FormProps<T extends FieldValues> = {
@@ -3929,4 +3949,4 @@ type SectionLayoutProps = {
 };
 declare const SectionLayout: React$1.ForwardRefExoticComponent<SectionLayoutProps & React$1.RefAttributes<HTMLDivElement>>;
 
-export { Accordion, AccordionItem, ActionModal, type ActionModalProps, AsideModal, AsidePosition, Breakpoints, Button, ButtonColor, type ButtonProps, ButtonVariant, Checkbox, ClickToCopy, CommonTheme, type CommonThemeEntity, ConfirmationModal, Controller, DarkTheme, DatePicker, type DeepPartial, FetchProvider, Field, type FieldProps, FieldVariant, Flex, FlipCard, Form, Grid, HoverCard, HttpClient, Icon, type IconNameT, IconNames, Image, InfinityScroll, Input, InputColor, type InputFieldProps, InputFile, InputPassword, type KeyValuesOf, LightTheme, Line, LineOrientation, LineStyle, Modal, ModalBackdrop, type ModalCommonProps, ModalComponent, type ModalNoOverlayProps, type ModalOverlayProps, type ModalProps, type PaletteThemeEntity, Radio, Ripple, SectionLayout, Select, SimpleLoader, SlideCard, Slider, SmartTable, Switch, THEME, Tabs, Tag, TagSize, Textarea, type ThemeColor, ThemeConstants, type ThemeConstantsEntity, type ThemeEntity, ThemeProvider, Tooltip, type TooltipProps, Typography, TypographyComponent, type TypographyEntity, TypographyVariant, TypographyVariants, TypographyVariantsClassNames, TypographyVariantsElements, TypographyWeight, useAccordionItem, useFetch, useMyTheme };
+export { Accordion, AccordionItem, ActionModal, type ActionModalProps, AsideModal, Backdrop, type BackdropProps, Breakpoints, Button, type ButtonProps, ButtonVariant, Checkbox, ClickToCopy, CommonTheme, type CommonThemeEntity, ConfirmationModal, Controller, Cursor, DarkTheme, DatePicker, type DeepPartial, FetchProvider, Field, FieldOrientation, type FieldProps, FieldVariant, Flex, FlipCard, Form, Grid, HoverCard, HttpClient, Icon, type IconNameT, IconNames, Image, InfinityScroll, type InfinityScrollProps, Input, InputColor, type InputFieldProps, InputFile, InputPassword, type KeyValuesOf, LightTheme, Line, LineOrientation, LineStyle, Menu, type MenuOptionProps, Modal, ModalBackdrop, type ModalProps, type PaletteThemeEntity, Portal, Radio, Ripple, SectionLayout, Select, SimpleLoader, SlideCard, Slider, SmartTable, Switch, THEME, Tabs, Tag, Textarea, type ThemeColor, ThemeConstants, type ThemeConstantsEntity, type ThemeEntity, ThemeProvider, Tooltip, type TooltipProps, Typography, TypographyComponent, type TypographyEntity, TypographyVariant, TypographyVariants, TypographyVariantsClassNames, TypographyVariantsElements, TypographyWeight, useAccordionItem, useFetch, useMyTheme };