@functionalui/functionalui 0.2.4 → 0.2.6

package/dist/lib/components/devComponent/DevComponent.d.ts

@@ -0,0 +1,2 @@
+declare const DevComponent: () => import("react/jsx-runtime").JSX.Element;
+export default DevComponent;

package/dist/lib/components/divMeasure/DivMeasure.d.ts

@@ -0,0 +1,9 @@
+import { FC, ReactNode } from 'react';
+interface P {
+    children: ReactNode;
+    inherit?: boolean;
+    width?: "100%" | "auto" | number;
+    height?: "100%" | "auto" | number;
+}
+declare const DivMeasure: FC<P>;
+export default DivMeasure;

package/dist/lib/components/icons/Icon.d.ts

@@ -0,0 +1,10 @@
+import { Sizings } from '../../styles/types/types.ts';
+type P = {
+    name: string;
+    size?: Sizings;
+    width?: number;
+    height?: number;
+    className?: string;
+};
+declare const _default: import('react').NamedExoticComponent<P>;
+export default _default;

package/dist/lib/components/icons/Spinner.d.ts

@@ -0,0 +1,8 @@
+import { Sizings } from '../../styles/types/types.ts';
+import { SVGProps } from 'react';
+interface Props extends SVGProps<SVGSVGElement> {
+    size: Sizings;
+    className?: string;
+}
+export default function Spinner({ size, className, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/components/icons/UIcon.d.ts

@@ -0,0 +1,22 @@
+import { AnimatedProps } from '@react-spring/web';
+import { ColorPalettes, Icons, Sizings } from '../../styles/types/types.ts';
+import { FC, HTMLAttributes } from 'react';
+import { Cursors, Radiuses } from '../../styles/types/generics';
+interface P extends AnimatedProps<HTMLAttributes<HTMLDivElement>> {
+    name: Icons | string;
+    withMargin?: boolean;
+    size?: Sizings;
+    width?: number;
+    height?: number;
+    lazy?: boolean;
+    colorLight?: ColorPalettes;
+    colorDark?: ColorPalettes;
+    iconAction?: (v?: any) => void;
+    animated?: boolean;
+    cursor?: Cursors;
+    overflow?: string;
+    borderRadius?: Radiuses | string;
+    bgColor?: ColorPalettes;
+}
+declare const UIcon: FC<P>;
+export default UIcon;

package/dist/lib/components/loadings/LoadingSpinner.d.ts

@@ -0,0 +1,7 @@
+import { Sizings } from '../../styles/types/types.ts';
+type Props = {
+    isLoading: boolean;
+    size?: Sizings;
+};
+declare const LoadingSpinner: ({ isLoading, size }: Props) => import("react").JSX.Element;
+export default LoadingSpinner;

package/dist/lib/components/loadings/Spinner.d.ts

@@ -0,0 +1,4 @@
+import { Sizings } from '../../styles/types/types.ts';
+export default function Spinner({ size }: {
+    size?: Sizings | undefined;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/lib/components/springAnimations/SpringOpenCloseHeight.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+declare const SpringOpenCloseHeight: ({ isOpen, children, }: {
+    isOpen: boolean;
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export default SpringOpenCloseHeight;

package/dist/lib/components/springAnimations/springTransitions/SpringEnter.d.ts

@@ -0,0 +1,10 @@
+import { FC, ReactNode } from 'react';
+type directions = "horizontal" | "vertical" | "verticalInverted";
+declare const directions: any;
+interface P {
+    direction: directions;
+    isShown: boolean;
+    children?: ReactNode;
+}
+declare const SpringEnter: FC<P>;
+export default SpringEnter;

package/dist/lib/components/springAnimations/springTransitions/SpringEnterOffsetBy.d.ts

@@ -0,0 +1,11 @@
+import { FC, ReactNode } from 'react';
+type directions = "horizontal" | "vertical";
+declare const directions: any;
+interface P {
+    direction: directions;
+    isShown?: boolean;
+    enterOffsetBy?: number;
+    children?: ReactNode;
+}
+declare const SpringEnterOffsetBy: FC<P>;
+export default SpringEnterOffsetBy;

package/dist/lib/components/springAnimations/springTransitions/SpringMenuTransition.d.ts

@@ -0,0 +1,11 @@
+import { FC, ReactNode } from 'react';
+/**
+ * top left, top right
+ * bottom left, bottom right
+ */
+type Props = {
+    isOpen: boolean;
+    children: ReactNode;
+};
+declare const SpringMenuTransition: FC<Props>;
+export default SpringMenuTransition;

package/dist/lib/components/ui/admonition/Admonition.d.ts

@@ -0,0 +1,10 @@
+import { AdmonitionLevels } from '../../../styles/types/types.ts';
+import { AdmonitionSizes } from '../../../styles/types/ui/admonition/types';
+type Props = {
+    level: AdmonitionLevels;
+    size?: AdmonitionSizes;
+    descriptionText: string;
+    children?: React.ReactNode;
+};
+declare const Admonition: ({ level, size, descriptionText, children, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Admonition;

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

@@ -0,0 +1,15 @@
+import { ColorPalettes } from '../../../styles/types/types.ts';
+import { FC, ReactNode } from 'react';
+import { AvatarSizes } from '../../../styles/types/ui/avatar/types';
+interface P {
+    isLoading?: boolean;
+    size?: AvatarSizes;
+    avatarName?: string | null;
+    withHover?: boolean;
+    onClick?: (v?: any) => void;
+    children?: ReactNode;
+    border?: boolean;
+    borderColor?: ColorPalettes;
+}
+declare const Avatar: FC<P>;
+export default Avatar;

package/dist/lib/components/ui/avatar/components/AvatarName.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import { AvatarSizes } from '../../../../styles/types/ui/avatar/types';
+interface P {
+    hoverAnimation: any;
+    size?: AvatarSizes;
+    avatarName?: string | null;
+    withHover?: boolean;
+}
+declare const AvatarName: FC<P>;
+export default AvatarName;

package/dist/lib/components/ui/avatarGroup/AvatarGroup.d.ts

@@ -0,0 +1,13 @@
+import { AvatarSizes, ColorPalettes } from '../../../styles/types/types.ts';
+import { FC } from 'react';
+import { FUI__Avatar } from '../../../styles/types/ui/avatar/types';
+interface P {
+    avatars: FUI__Avatar[];
+    isLoading?: boolean;
+    size?: AvatarSizes;
+    withHover?: boolean;
+    border?: boolean;
+    borderColor?: ColorPalettes;
+}
+declare const AvatarGroup: FC<P>;
+export default AvatarGroup;

package/dist/lib/components/ui/buttons/Button.d.ts

@@ -0,0 +1,22 @@
+import { BoxShadows, ColorPalettes } from '../../../styles/types/types.ts';
+import { ButtonColors, ButtonIconPositions, ButtonSizes, ButtonStates, ButtonStyles, ButtonTypes } from '../../../styles/types/ui/button/types';
+type P = {
+    name: string;
+    buttonSize?: ButtonSizes;
+    buttonColor?: ButtonColors;
+    buttonState?: ButtonStates;
+    buttonType?: ButtonTypes;
+    buttonShadow?: BoxShadows;
+    buttonStyle?: ButtonStyles;
+    icon?: string;
+    iconColor?: ColorPalettes;
+    iconPosition?: ButtonIconPositions;
+    animate?: boolean;
+    hover?: boolean;
+    parentHover?: boolean;
+    hoverColor?: ButtonColors;
+    type?: "submit" | "reset" | "button";
+    clickAction?: (v: any) => void;
+};
+declare const Button: ({ name, buttonSize, buttonColor, buttonState, buttonType, buttonStyle, buttonShadow, icon, iconColor, iconPosition, animate, hover, clickAction, }: P) => import("react/jsx-runtime").JSX.Element;
+export default Button;

package/dist/lib/components/ui/buttons/components/ButtonIcon.d.ts

@@ -0,0 +1,12 @@
+import { ColorPalettes, Sizings, Spacings } from '../../../../styles/types/types.ts';
+import { ButtonIconPositions, ButtonStates } from '../../../../styles/types/ui/button/types';
+type Props = {
+    icon: string;
+    iconState: ButtonStates;
+    iconSize: Sizings;
+    iconColor: ColorPalettes;
+    iconPosition?: ButtonIconPositions;
+    iconMargin?: Spacings;
+};
+declare const ButtonIcon: ({ icon, iconSize, iconState, iconColor, iconPosition, iconMargin, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ButtonIcon;

package/dist/lib/components/ui/checkboxes/Checkboxes.d.ts

@@ -0,0 +1,16 @@
+import { CheckboxColors, CheckboxSizes } from '../../../styles/types/ui/checkbox/types';
+export type CheckboxOption = {
+    id: number;
+    name: string;
+    value?: any;
+    isChecked: boolean;
+};
+type CheckboxesProps = {
+    options: CheckboxOption[];
+    multiselect: boolean;
+    checkboxColor: CheckboxColors;
+    size?: CheckboxSizes;
+    handleClick: (v: any) => void;
+};
+declare const Checkboxes: ({ options, multiselect, checkboxColor, size, handleClick, }: CheckboxesProps) => import("react/jsx-runtime").JSX.Element;
+export default Checkboxes;

package/dist/lib/components/ui/checkboxes/checkbox/Checkbox.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { CheckboxColors, CheckboxSizes } from '../../../../styles/types/ui/checkbox/types';
+type Props = {
+    isChecked: boolean;
+    children?: React.ReactNode;
+    size?: CheckboxSizes;
+    checkboxColor?: CheckboxColors;
+    onClick?: (v?: any) => void;
+};
+declare const Checkbox: ({ isChecked, size, checkboxColor, onClick, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Checkbox;

package/dist/lib/components/ui/chip/Chip.d.ts

@@ -0,0 +1,19 @@
+import { ColorPalettes, ColorSets, FontSizes, Spacings } from '../../../styles/types/types.ts';
+import { FC, ReactNode } from 'react';
+import { ChipSizes, ChipStyles } from '../../../styles/types/ui/chip/types';
+interface P {
+    children: ReactNode;
+    paddings?: "top bottom" | "left right" | "all";
+    margin?: Spacings | undefined;
+    marginTop?: Spacings | undefined;
+    marginBottom?: Spacings | undefined;
+    marginLeft?: Spacings | undefined;
+    marginRight?: Spacings | undefined;
+    bgColor?: ColorPalettes;
+    chipStyle?: ChipStyles;
+    fontSize?: FontSizes;
+    chipColor?: ColorSets;
+    size?: ChipSizes;
+}
+declare const Chip: FC<P>;
+export default Chip;

package/dist/{color-picker/index.d.ts → lib/components/ui/colorPicker/ColorPicker.d.ts}

@@ -1,14 +1,11 @@
-import { FC } from 'react';
-
-export declare const ColorPicker: FC<P>;
-
-declare interface P {
-    defaultColor?: string;
-    setInput?: (v: any) => any;
-    setColor?: (color: string) => void;
-    inputName?: string | undefined;
-    closePicker?: ((p?: boolean) => void) | undefined;
-    position?: "absolute" | "static";
-}
-
-export { }
+import { FC } from 'react';
+interface P {
+    defaultColor?: string;
+    setInput?: (v: any) => any;
+    setColor?: (color: string) => void;
+    inputName?: string | undefined;
+    closePicker?: ((p?: boolean) => void) | undefined;
+    position?: "absolute" | "static";
+}
+declare const ColorPicker: FC<P>;
+export default ColorPicker;

package/dist/lib/components/ui/colorPicker/Picker.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+interface P {
+    selectColor: string;
+    handleColorChange: (a: any) => void;
+    closePicker: ((p?: any) => void) | undefined;
+    position: "absolute" | "static";
+}
+declare const Picker: FC<P>;
+export default Picker;

package/dist/{gallery-modal/index.d.ts → lib/components/ui/galleryModal/GalleryModal.d.ts}

@@ -1,11 +1,8 @@
-import { FC } from 'react';
-
-export declare const GalleryModal: FC<P>;
-
-declare interface P {
-    showModal: boolean;
-    closeModal: (v?: any) => void;
-    images: Array<any>;
-}
-
-export { }
+import { FC } from 'react';
+interface P {
+    showModal: boolean;
+    closeModal: (v?: any) => void;
+    images: Array<any>;
+}
+declare const GalleryModal: FC<P>;
+export default GalleryModal;

package/dist/lib/components/ui/galleryModal/components/GalleryClose.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface P {
+    handleCloseGallery: () => void;
+}
+declare const GalleryClose: FC<P>;
+export default GalleryClose;

package/dist/lib/components/ui/galleryModal/components/GalleryIslandMenu.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface P {
+    openMenu: boolean;
+}
+declare const GalleryIslandMenu: FC<P>;
+export default GalleryIslandMenu;

package/dist/lib/components/ui/galleryModal/components/Z.d.ts

@@ -0,0 +1,9 @@
+import { FC, ReactNode } from 'react';
+interface P {
+    children: ReactNode;
+}
+declare const Zzz: FC<P>;
+export default Zzz;
+/**
+ * pinch zoom HOC
+ */

package/dist/lib/components/ui/galleryModal/contexts/GalleryContext.d.ts

@@ -0,0 +1,24 @@
+import { FC, ReactNode } from 'react';
+type GalleryContextType = {
+    galleryImages: Array<any>;
+    imgIndex: number;
+    props: any;
+    ref: any;
+    bind: any;
+    isZooming: boolean;
+    manualZoomScale: number;
+    handleSetImages: (v: Array<any>) => void;
+    handleCloseGallery: (v?: () => void) => void;
+    handleIncrease: (v?: any) => void;
+    handleDecrease: (v?: any) => void;
+    handleSetIsZooming: (v?: any) => void;
+    handleZoomIn: (v?: any) => void;
+    handleZoomOut: (v?: any) => void;
+    handleZoomReset: (v?: any) => void;
+};
+interface P {
+    children: ReactNode;
+}
+export declare const ProvideGalleryContext: FC<P>;
+export declare const useGalleryContext: () => GalleryContextType;
+export {};

package/dist/lib/components/ui/inputs/image/InputImage.d.ts

@@ -0,0 +1,13 @@
+import { HTMLAttributes, Ref } from 'react';
+interface P extends HTMLAttributes<HTMLInputElement> {
+    id: string;
+    name: string;
+    handleImageChange?: (v: File | undefined) => void;
+    labelname?: string;
+    defaultValue?: string;
+    width?: number | string;
+    height?: number | string;
+    ref?: Ref<HTMLInputElement> | undefined;
+}
+declare const InputImage: ({ id, name, handleImageChange, labelname, defaultValue, width, height, ref, ...props }: P) => import("react/jsx-runtime").JSX.Element;
+export default InputImage;

package/dist/lib/components/ui/inputs/radio/Radio.d.ts

@@ -0,0 +1,13 @@
+import { Sizings } from '../../../../styles/types/types.ts';
+import { FC, HTMLAttributes, ReactNode, Ref } from 'react';
+interface P extends HTMLAttributes<HTMLInputElement> {
+    checked: boolean;
+    id: string;
+    handleChange: (id: string, checked: boolean) => void;
+    size?: Sizings;
+    children: ReactNode;
+    vertigo?: boolean;
+    ref?: Ref<HTMLInputElement> | undefined;
+}
+declare const Radio: FC<P>;
+export default Radio;

package/dist/lib/components/ui/inputs/radio/types.d.ts

@@ -0,0 +1,4 @@
+export interface RadioInput {
+    id: string;
+    checked: boolean;
+}

package/dist/lib/components/ui/inputs/text/InputText.d.ts

@@ -0,0 +1,41 @@
+import { ColorPalettes, ColorSets, FontSizes, FontWeights } from '../../../../styles/types/types.ts';
+import { ChangeEvent, HTMLAttributes, RefObject } from 'react';
+import { InputTextModes, InputTextSizes, InputTextStyles, InputTextTypes } from '../../../../styles/types/ui/inputs/text/types';
+/**
+ * icon on left or right side
+ */
+interface P extends HTMLAttributes<HTMLInputElement> {
+    id: string;
+    name: string;
+    type?: InputTextTypes;
+    value?: any;
+    modes?: InputTextModes;
+    label: string;
+    focus?: boolean;
+    width?: number | string;
+    required?: boolean;
+    fullWidth?: boolean;
+    placeholder?: string;
+    helperText?: string;
+    step?: number;
+    min?: number;
+    handleChange?: (v: ChangeEvent<HTMLInputElement>) => void;
+    handleFocus?: (v?: any) => void;
+    handleBlur?: (v?: any) => void;
+    handleCheck?: (v?: any) => Promise<any> | void;
+    fontColor?: ColorPalettes;
+    fontWeight?: FontWeights;
+    fontSize?: FontSizes;
+    size?: InputTextSizes;
+    inputStyle?: InputTextStyles;
+    inputColor?: ColorSets;
+    /**
+     * colors
+     * - border color, input text color, label color, icon color
+     */
+    labelTextColor?: boolean | ColorPalettes;
+    transparent?: boolean;
+    ref?: RefObject<HTMLInputElement | null>;
+}
+declare const InputText: ({ id, name, type, value, modes, label, focus, required, width, fullWidth, helperText, placeholder, step, min, handleChange, handleFocus, handleBlur, handleCheck, size, inputStyle, inputColor, labelTextColor, transparent, ref, ...props }: P) => import("react/jsx-runtime").JSX.Element;
+export default InputText;

package/dist/lib/components/ui/inputs/text/components/InputTextHelper.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface P {
+    inputHelper: string;
+}
+declare const InputTextHelper: FC<P>;
+export default InputTextHelper;

package/dist/lib/components/ui/inputs/text/components/InputTextPlaceholder.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+interface P {
+    id: string;
+    isEmpty: boolean;
+    labelName: string;
+    onFocus: boolean;
+}
+declare const InputTextPlaceholder: FC<P>;
+export default InputTextPlaceholder;

package/dist/lib/components/ui/inputs/text/components/ShowHidePassword.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface P {
+    isShow: boolean;
+    handleShowHideText: (v?: any) => void;
+}
+declare const ShowHidePassword: FC<P>;
+export default ShowHidePassword;

package/dist/lib/components/ui/inputs/text/components/labels/InputTextLabel.d.ts

@@ -0,0 +1,11 @@
+import { ColorPalettes, ColorSets, InputTextSizes } from '../../../../../../styles/types/types.ts';
+import { FC } from 'react';
+interface P {
+    id: string;
+    label: string;
+    size: InputTextSizes;
+    inputColor: ColorSets;
+    labelTextColor?: boolean | ColorPalettes;
+}
+declare const InputTextLabel: FC<P>;
+export default InputTextLabel;

package/dist/lib/components/ui/inputs/textArea/TextArea.d.ts

@@ -0,0 +1,42 @@
+import { ColorPalettes, ColorSets, Cursors, ElementResizes, FontFamilies, FontSizes, FontStyles, FontWeights, OutlineStyles, TextAligns } from '../../../../styles/types/types.ts';
+import { ChangeEvent, HTMLAttributes, Ref } from 'react';
+import { TextAreaModes, TextAreaSizes, TextAreaStyles } from '../../../../styles/types/ui/inputs/textarea/types';
+interface P extends HTMLAttributes<HTMLTextAreaElement> {
+    id: string;
+    name: string;
+    value?: any;
+    modes?: TextAreaModes;
+    label: string;
+    rows?: number;
+    focus?: boolean;
+    width?: number;
+    required?: boolean;
+    fullWidth?: boolean;
+    helperText?: string;
+    placeholder?: string;
+    onChange?: (v: ChangeEvent<HTMLTextAreaElement>) => void;
+    handleBlur?: (...args: any[]) => void;
+    handleFocus?: (...args: any[]) => void;
+    handleCheck?: (v?: any) => Promise<any> | void;
+    size?: TextAreaSizes;
+    textAreaStyle?: TextAreaStyles;
+    textAreaColor?: ColorSets;
+    labelTextColor?: boolean | ColorPalettes;
+    noLabel?: boolean;
+    ref?: Ref<HTMLTextAreaElement> | undefined;
+    type?: string;
+    disabled?: boolean;
+    min?: number;
+    step?: number;
+    resize?: ElementResizes;
+    textOutlineStyle?: OutlineStyles;
+    paletteColor?: ColorPalettes;
+    fontSize?: FontSizes;
+    fontFamily?: FontFamilies;
+    fontWeight?: FontWeights;
+    fontStyle?: FontStyles;
+    textAlign?: TextAligns;
+    cursor?: Cursors;
+}
+declare const TextArea: ({ id, name, value, modes, label, required, rows, width, fullWidth, placeholder, onChange, handleBlur, handleFocus, handleCheck, size, textAreaStyle, textAreaColor, labelTextColor, noLabel, ref, ...props }: P) => import("react/jsx-runtime").JSX.Element;
+export default TextArea;

package/dist/lib/components/ui/inputs/textArea/components/labels/TextAreaLabel.d.ts

@@ -0,0 +1,12 @@
+import { ColorPalettes, ColorSets } from '../../../../../../styles/types/types.ts';
+import { FC } from 'react';
+import { TextAreaSizes } from '../../../../../../styles/types/ui/inputs/textarea/types';
+interface P {
+    id: string;
+    label: string;
+    size: TextAreaSizes;
+    textAreaColor: ColorSets;
+    labelTextColor?: boolean | ColorPalettes;
+}
+declare const TextAreaLabel: FC<P>;
+export default TextAreaLabel;

package/dist/lib/components/ui/insetGroup/InsetGroup.d.ts

@@ -0,0 +1,13 @@
+import { ColorSets } from '../../../styles/types/types.ts';
+import { FC } from 'react';
+import { InsetGroupOption } from '../../../styles/types/ui/insetGroup/types';
+interface P {
+    id: any;
+    options: InsetGroupOption[];
+    valueIndex?: any;
+    setInput?: any;
+    setSelect?: (v: InsetGroupOption) => void;
+    insetColor?: ColorSets;
+}
+declare const InsetGroup: FC<P>;
+export default InsetGroup;

package/dist/lib/components/ui/insetGroup/components/InsetItem.d.ts

@@ -0,0 +1,17 @@
+import { ColorSets, Radiuses } from '../../../../styles/types/types.ts';
+import { FC } from 'react';
+interface P {
+    text: any;
+    value: any;
+    idx: any;
+    id: any;
+    handleSelectInset: any;
+    isSelected: any;
+    insetColor?: ColorSets;
+    borderTopLeftRadius?: Radiuses;
+    borderTopRightRadius?: Radiuses;
+    borderBottomLeftRadius?: Radiuses;
+    borderBottomRightRadius?: Radiuses;
+}
+declare const InsetItem: FC<P>;
+export default InsetItem;

package/dist/{label-text/index.d.ts → lib/components/ui/label/LabelText.d.ts}

@@ -1,11 +1,8 @@
-import { JSX } from 'react/jsx-runtime';
-
-export declare const LabelText: ({ labelName, offsetX, y, x, hover, }: {
-    labelName?: string | undefined;
-    offsetX?: number | undefined;
-    y?: number | undefined;
-    x?: number | undefined;
-    hover?: boolean | undefined;
-}) => JSX.Element;
-
-export { }
+declare const LabelText: ({ labelName, offsetX, y, x, hover, }: {
+    labelName?: string | undefined;
+    offsetX?: number | undefined;
+    y?: number | undefined;
+    x?: number | undefined;
+    hover?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default LabelText;

package/dist/lib/components/ui/modals/Modal.d.ts

@@ -0,0 +1,11 @@
+import { ColorPalettes, ModalStyles } from '../../../styles/types/types.ts';
+import { FC, ReactNode } from 'react';
+interface P {
+    showModal: boolean;
+    closeModal: (v?: any) => void;
+    children: ReactNode;
+    modalStyles?: ModalStyles;
+    modalBackground?: ColorPalettes;
+}
+declare const Modal: FC<P>;
+export default Modal;

package/dist/lib/components/ui/modals/ModalBg.d.ts

@@ -0,0 +1,8 @@
+import { ColorPalettes } from '../../../styles/types/types.ts';
+import { FC } from 'react';
+interface P {
+    isShown: boolean;
+    modalBackground?: ColorPalettes;
+}
+declare const ModalBg: FC<P>;
+export default ModalBg;

package/dist/lib/components/ui/modals/ModalGestureCard.d.ts

@@ -0,0 +1,9 @@
+import { ModalStyles } from '../../../styles/types/types.ts';
+import { FC, ReactNode } from 'react';
+interface P {
+    closeModal: (v?: any) => void;
+    children: ReactNode;
+    modalStyles: ModalStyles;
+}
+declare const ModalGesturedCard: FC<P>;
+export default ModalGesturedCard;

package/dist/lib/components/ui/modals/ModalWrapper.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+interface P {
+    isShown: boolean;
+    children: ReactNode;
+}
+declare const ModalWrapper: FC<P>;
+export default ModalWrapper;