@functionalui/functionalui 0.1.1 → 0.1.3

package/dist/main.d.ts

@@ -8,7 +8,9 @@ import { HTMLAttributes } from 'react';
 import { JSX } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
+import { Ref } from 'react';
 import { RefAttributes } from 'react';
+import { RefObject } from 'react';
 
 export declare const Admonition: ({ level, size, descriptionText, children, }: Props_4) => JSX_2.Element;
 
@@ -121,6 +123,7 @@ declare enum ButtonIconPositions {
 
 declare interface ButtonProps extends AnimatedProps<HTMLAttributes<HTMLButtonElement>>, StyleProps, ButtonStyleProps {
     children?: ReactNode;
+    ref?: RefObject<HTMLButtonElement | null>;
 }
 
 declare type ButtonProps_2 = {
@@ -339,7 +342,7 @@ declare enum ColorSets {
 
 export declare const Container: FC<DivProps>;
 
-export declare const ContainerRef: ForwardRefExoticComponent<DivProps & RefAttributes<unknown>>;
+export declare const ContainerRef: ForwardRefExoticComponent<Omit<DivProps, "ref"> & RefAttributes<unknown>>;
 
 declare enum Cursors {
     Auto = 1,
@@ -385,6 +388,7 @@ export declare const DivMeasure: FC<P>;
 
 declare interface DivProps extends AnimatedProps<HTMLAttributes<HTMLDivElement>>, StyleProps {
     children?: ReactNode;
+    ref?: RefObject<HTMLDivElement | null>;
 }
 
 /**
@@ -411,23 +415,23 @@ declare enum ElementResizes {
 
 export declare const F__Button: FC<ButtonProps>;
 
-export declare const F__ButtonRef: ForwardRefExoticComponent<ButtonProps & RefAttributes<unknown>>;
+export declare const F__ButtonRef: ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & RefAttributes<unknown>>;
 
 export declare const F__Li: FC<LiProps>;
 
-export declare const F__LiRef: ForwardRefExoticComponent<LiProps & RefAttributes<unknown>>;
+export declare const F__LiRef: ForwardRefExoticComponent<Omit<LiProps, "ref"> & RefAttributes<unknown>>;
 
 export declare const F__TextArea: FC<TextAreaProps>;
 
-export declare const F__TextAreaRef: ForwardRefExoticComponent<TextAreaProps & RefAttributes<unknown>>;
+export declare const F__TextAreaRef: ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & RefAttributes<unknown>>;
 
 export declare const F__TextInput: FC<TextInputProps>;
 
-export declare const F__TextInputRef: ForwardRefExoticComponent<TextInputProps & RefAttributes<unknown>>;
+export declare const F__TextInputRef: ForwardRefExoticComponent<Omit<TextInputProps, "ref"> & RefAttributes<unknown>>;
 
 export declare const F__Ul: FC<UlProps>;
 
-export declare const F__UlRef: ForwardRefExoticComponent<UlProps & RefAttributes<unknown>>;
+export declare const F__UlRef: ForwardRefExoticComponent<Omit<UlProps, "ref"> & RefAttributes<unknown>>;
 
 declare enum FlexAlignContents {
     FlexStart = 1,
@@ -587,6 +591,7 @@ declare enum GridRowGaps {
 
 declare interface HeadElementProps extends AnimatedProps<HTMLAttributes<HTMLHeadElement>>, TextStyleProps, HeaderProps {
     children?: ReactNode;
+    ref?: RefObject<HTMLHeadingElement | null>;
 }
 
 declare interface HeaderProps {
@@ -886,9 +891,9 @@ declare enum Icons {
     ZoomOut = "zoom-out"
 }
 
-export declare const InputImage: ({ id, name, handleImageChange, labelname, defaultValue, width, height, }: P_12) => JSX_2.Element;
+export declare const InputImage: ({ id, name, handleImageChange, labelname, defaultValue, width, height, ref, ...props }: P_12) => JSX_2.Element;
 
-export 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, ...props }: P_14) => JSX_2.Element;
+export 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_14) => JSX_2.Element;
 
 declare enum InputTextModes {
     Default = 1,
@@ -956,6 +961,7 @@ export declare const Layout: FC<LayoutDivProps>;
 
 declare interface LayoutDivProps extends AnimatedProps<HTMLAttributes<HTMLDivElement>>, LayoutProps {
     children?: ReactNode;
+    ref?: RefObject<HTMLDivElement | null>;
 }
 
 declare interface LayoutProps {
@@ -974,10 +980,11 @@ declare interface LayoutProps {
     alignSelf?: AlignSelfs;
 }
 
-export declare const LayoutRef: ForwardRefExoticComponent<LayoutDivProps & RefAttributes<unknown>>;
+export declare const LayoutRef: ForwardRefExoticComponent<Omit<LayoutDivProps, "ref"> & RefAttributes<unknown>>;
 
 declare interface LiProps extends AnimatedProps<HTMLAttributes<HTMLLIElement>>, StyleProps {
     children?: ReactNode;
+    ref?: RefObject<HTMLLIElement | null>;
 }
 
 export declare const LoadingSpinner: ({ isLoading, size }: Props) => JSX.Element;
@@ -1023,7 +1030,7 @@ declare interface P_11 {
     modalBackground?: ColorPalettes;
 }
 
-declare interface P_12 {
+declare interface P_12 extends HTMLAttributes<HTMLInputElement> {
     id: string;
     name: string;
     handleImageChange?: (v: File | undefined) => void;
@@ -1031,15 +1038,17 @@ declare interface P_12 {
     defaultValue?: string;
     width?: number | string;
     height?: number | string;
+    ref?: Ref<HTMLInputElement> | undefined;
 }
 
-declare interface P_13 {
+declare interface P_13 extends HTMLAttributes<HTMLInputElement> {
     checked: boolean;
     id: string;
     handleChange: (id: string, checked: boolean) => void;
     size?: Sizings;
     children: ReactNode;
     vertigo?: boolean;
+    ref?: Ref<HTMLInputElement> | undefined;
 }
 
 /**
@@ -1076,6 +1085,7 @@ declare interface P_14 extends HTMLAttributes<HTMLInputElement> {
      */
     labelTextColor?: boolean | ColorPalettes;
     transparent?: boolean;
+    ref?: RefObject<HTMLInputElement | null>;
 }
 
 declare interface P_15 extends HTMLAttributes<HTMLTextAreaElement> {
@@ -1100,6 +1110,7 @@ declare interface P_15 extends HTMLAttributes<HTMLTextAreaElement> {
     textAreaColor?: ColorSets;
     labelTextColor?: boolean | ColorPalettes;
     noLabel?: boolean;
+    ref?: Ref<HTMLTextAreaElement> | undefined;
 }
 
 declare interface P_16 {
@@ -1161,7 +1172,7 @@ declare interface P_3 {
     children?: ReactNode;
 }
 
-declare type P_4 = {
+declare interface P_4 extends AnimatedProps<HTMLAttributes<HTMLDivElement>> {
     name: Icons | string;
     withMargin?: boolean;
     size?: Sizings;
@@ -1174,8 +1185,9 @@ declare type P_4 = {
     animated?: boolean;
     cursor?: Cursors;
     overflow?: string;
-    borderRadius?: string;
-};
+    borderRadius?: Radiuses | string;
+    bgColor?: ColorPalettes;
+}
 
 declare interface P_5 {
     isLoading?: boolean;
@@ -1229,6 +1241,7 @@ declare interface P_9 {
 
 declare interface ParagraphProps extends AnimatedProps<HTMLAttributes<HTMLParagraphElement>>, TextStyleProps {
     children?: ReactNode;
+    ref?: RefObject<HTMLParagraphElement | null>;
 }
 
 declare enum Positions {
@@ -1368,6 +1381,7 @@ declare enum Spacings {
 
 declare interface SpanProps extends AnimatedProps<HTMLAttributes<HTMLSpanElement>>, TextStyleProps {
     children?: ReactNode;
+    ref?: RefObject<HTMLSpanElement | null>;
 }
 
 export declare function Spinner({ size }: {
@@ -1470,39 +1484,39 @@ declare enum TagColorSizes {
 
 export declare const Text_H1: FC<HeadElementProps>;
 
-export declare const Text_H1Ref: ForwardRefExoticComponent<HeadElementProps & RefAttributes<unknown>>;
+export declare const Text_H1Ref: ForwardRefExoticComponent<Omit<HeadElementProps, "ref"> & RefAttributes<unknown>>;
 
 export declare const Text_H2: FC<HeadElementProps>;
 
-export declare const Text_H2Ref: ForwardRefExoticComponent<HeadElementProps & RefAttributes<unknown>>;
+export declare const Text_H2Ref: ForwardRefExoticComponent<Omit<HeadElementProps, "ref"> & RefAttributes<unknown>>;
 
 export declare const Text_H3: FC<HeadElementProps>;
 
-export declare const Text_H3Ref: ForwardRefExoticComponent<HeadElementProps & RefAttributes<unknown>>;
+export declare const Text_H3Ref: ForwardRefExoticComponent<Omit<HeadElementProps, "ref"> & RefAttributes<unknown>>;
 
 export declare const Text_H4: FC<HeadElementProps>;
 
-export declare const Text_H4Ref: ForwardRefExoticComponent<HeadElementProps & RefAttributes<unknown>>;
+export declare const Text_H4Ref: ForwardRefExoticComponent<Omit<HeadElementProps, "ref"> & RefAttributes<unknown>>;
 
 export declare const Text_H5: FC<HeadElementProps>;
 
-export declare const Text_H5Ref: ForwardRefExoticComponent<HeadElementProps & RefAttributes<unknown>>;
+export declare const Text_H5Ref: ForwardRefExoticComponent<Omit<HeadElementProps, "ref"> & RefAttributes<unknown>>;
 
 export declare const Text_H6: FC<HeadElementProps>;
 
-export declare const Text_H6Ref: ForwardRefExoticComponent<HeadElementProps & RefAttributes<unknown>>;
+export declare const Text_H6Ref: ForwardRefExoticComponent<Omit<HeadElementProps, "ref"> & RefAttributes<unknown>>;
 
 export declare const Text_Header: FC<HeadElementProps>;
 
-export declare const Text_HeaderRef: ForwardRefExoticComponent<HeadElementProps & RefAttributes<unknown>>;
+export declare const Text_HeaderRef: ForwardRefExoticComponent<Omit<HeadElementProps, "ref"> & RefAttributes<unknown>>;
 
 export declare const Text_P: FC<ParagraphProps>;
 
-export declare const Text_PRef: ForwardRefExoticComponent<ParagraphProps & RefAttributes<unknown>>;
+export declare const Text_PRef: ForwardRefExoticComponent<Omit<ParagraphProps, "ref"> & RefAttributes<unknown>>;
 
 export declare const Text_Span: FC<SpanProps>;
 
-export declare const Text_SpanRef: ForwardRefExoticComponent<SpanProps & RefAttributes<unknown>>;
+export declare const Text_SpanRef: ForwardRefExoticComponent<Omit<SpanProps, "ref"> & RefAttributes<unknown>>;
 
 declare enum TextAligns {
     Start = 1,
@@ -1511,7 +1525,7 @@ declare enum TextAligns {
     Justify = 4
 }
 
-export declare const TextArea: ({ id, name, value, modes, label, required, rows, width, fullWidth, placeholder, onChange, handleBlur, handleFocus, handleCheck, size, textAreaStyle, textAreaColor, labelTextColor, noLabel, ...props }: P_15) => JSX_2.Element;
+export 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_15) => JSX_2.Element;
 
 declare enum TextAreaModes {
     Default = 1,
@@ -1537,6 +1551,7 @@ declare interface TextAreaProp {
 
 declare interface TextAreaProps extends AnimatedProps<HTMLAttributes<HTMLTextAreaElement>>, TextStyleProps, TextAreaProp {
     children?: ReactNode;
+    ref?: Ref<HTMLTextAreaElement> | undefined;
 }
 
 declare enum TextAreaSizes {
@@ -1567,6 +1582,7 @@ declare interface TextInputProp {
 
 declare interface TextInputProps extends AnimatedProps<HTMLAttributes<HTMLInputElement>>, TextStyleProps, TextInputProp {
     children?: ReactNode;
+    ref?: Ref<HTMLInputElement> | undefined;
 }
 
 declare interface TextStyleProps {
@@ -1627,6 +1643,7 @@ declare type UiContextType = {
 
 declare interface UlProps extends AnimatedProps<HTMLAttributes<HTMLUListElement>>, StyleProps {
     children?: ReactNode;
+    ref?: RefObject<HTMLUListElement | null>;
 }
 
 export declare const useGlobalEventContext: () => GlobalEventContextType;