@functionalui/functionalui 0.1.0 → 0.1.2

package/dist/main.d.ts

@@ -5,12 +5,13 @@ import { default as default_2 } from 'react';
 import { FC } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
-import { JSX as JSX_2 } from 'react';
-import { JSX as JSX_3 } from 'react/jsx-runtime';
+import { JSX } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
+import { RefObject } from 'react';
 
-export declare const Admonition: ({ level, size, descriptionText, children, }: Props_4) => JSX_3.Element;
+export declare const Admonition: ({ level, size, descriptionText, children, }: Props_4) => JSX_2.Element;
 
 declare enum AdmonitionLevels {
     Info = 1,
@@ -121,6 +122,7 @@ declare enum ButtonIconPositions {
 
 declare interface ButtonProps extends AnimatedProps<HTMLAttributes<HTMLButtonElement>>, StyleProps, ButtonStyleProps {
     children?: ReactNode;
+    ref?: RefObject<HTMLButtonElement | null>;
 }
 
 declare type ButtonProps_2 = {
@@ -185,7 +187,7 @@ declare interface CellStyles {
     };
 }
 
-export declare const Checkbox: ({ isChecked, size, checkboxColor, onClick, }: Props_5) => JSX_3.Element;
+export declare const Checkbox: ({ isChecked, size, checkboxColor, onClick, }: Props_5) => JSX_2.Element;
 
 declare enum CheckboxColors {
     Primary5 = 1,
@@ -197,7 +199,7 @@ declare enum CheckboxColors {
     Yellow5 = 7
 }
 
-export declare const Checkboxes: ({ options, multiselect, checkboxColor, size, handleClick, }: CheckboxesProps) => JSX_3.Element;
+export declare const Checkboxes: ({ options, multiselect, checkboxColor, size, handleClick, }: CheckboxesProps) => JSX_2.Element;
 
 declare type CheckboxesProps = {
     options: CheckboxOption[];
@@ -339,7 +341,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 +387,7 @@ export declare const DivMeasure: FC<P>;
 
 declare interface DivProps extends AnimatedProps<HTMLAttributes<HTMLDivElement>>, StyleProps {
     children?: ReactNode;
+    ref?: RefObject<HTMLDivElement | null>;
 }
 
 /**
@@ -411,23 +414,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,
@@ -523,7 +526,7 @@ declare type GlobalEventContextType = {
 
 export declare const GlobalEventPortal: ({ children }: {
     children: default_2.ReactNode;
-}) => JSX_3.Element;
+}) => JSX_2.Element;
 
 declare enum GridAlignContents {
     Start = 1,
@@ -587,6 +590,7 @@ declare enum GridRowGaps {
 
 declare interface HeadElementProps extends AnimatedProps<HTMLAttributes<HTMLHeadElement>>, TextStyleProps, HeaderProps {
     children?: ReactNode;
+    ref?: RefObject<HTMLHeadingElement | null>;
 }
 
 declare interface HeaderProps {
@@ -886,9 +890,9 @@ declare enum Icons {
     ZoomOut = "zoom-out"
 }
 
-export declare const InputImage: ({ id, name, handleImageChange, labelname, defaultValue, width, height, }: P_12) => JSX_3.Element;
+export declare const InputImage: ({ id, name, handleImageChange, labelname, defaultValue, width, height, }: 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_3.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;
 
 declare enum InputTextModes {
     Default = 1,
@@ -950,12 +954,13 @@ export declare const LabelText: ({ labelName, offsetX, y, x, hover, }: {
     y?: number | undefined;
     x?: number | undefined;
     hover?: boolean | undefined;
-}) => JSX_3.Element;
+}) => JSX_2.Element;
 
 export declare const Layout: FC<LayoutDivProps>;
 
 declare interface LayoutDivProps extends AnimatedProps<HTMLAttributes<HTMLDivElement>>, LayoutProps {
     children?: ReactNode;
+    ref?: RefObject<HTMLDivElement | null>;
 }
 
 declare interface LayoutProps {
@@ -974,13 +979,14 @@ 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_2.Element;
+export declare const LoadingSpinner: ({ isLoading, size }: Props) => JSX.Element;
 
 export declare const Modal: FC<P_11>;
 
@@ -989,7 +995,7 @@ declare enum ModalStyles {
     Nocard = 2
 }
 
-export declare const NotificationSystem: () => JSX_3.Element;
+export declare const NotificationSystem: () => JSX_2.Element;
 
 declare enum OutlineStyles {
     None = 1,
@@ -1096,7 +1102,7 @@ declare interface P_15 extends HTMLAttributes<HTMLTextAreaElement> {
     handleFocus?: (...args: any[]) => void;
     handleCheck?: (v?: any) => Promise<any> | void;
     size?: TextAreaSizes;
-    textAreaStyle?: TextAreaStyles_2;
+    textAreaStyle?: TextAreaStyles;
     textAreaColor?: ColorSets;
     labelTextColor?: boolean | ColorPalettes;
     noLabel?: boolean;
@@ -1161,7 +1167,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 +1180,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 +1236,7 @@ declare interface P_9 {
 
 declare interface ParagraphProps extends AnimatedProps<HTMLAttributes<HTMLParagraphElement>>, TextStyleProps {
     children?: ReactNode;
+    ref?: RefObject<HTMLParagraphElement | null>;
 }
 
 declare enum Positions {
@@ -1293,9 +1301,9 @@ declare type Props_6 = {
 
 export declare function ProvideGlobalEventContext({ children, }: {
     children: default_2.ReactNode;
-}): JSX_3.Element;
+}): JSX_2.Element;
 
-export declare function ProvideUiContext({ children }: Props_3): JSX_3.Element;
+export declare function ProvideUiContext({ children }: Props_3): JSX_2.Element;
 
 export declare const Radio: FC<P_13>;
 
@@ -1368,11 +1376,12 @@ declare enum Spacings {
 
 declare interface SpanProps extends AnimatedProps<HTMLAttributes<HTMLSpanElement>>, TextStyleProps {
     children?: ReactNode;
+    ref?: RefObject<HTMLSpanElement | null>;
 }
 
 export declare function Spinner({ size }: {
     size?: Sizings | undefined;
-}): JSX_3.Element;
+}): JSX_2.Element;
 
 export declare const SpringEnter: FC<P_2>;
 
@@ -1383,7 +1392,7 @@ export declare const SpringMenuTransition: FC<Props_2>;
 export declare const SpringOpenCloseHeight: ({ isOpen, children, }: {
     isOpen: boolean;
     children: ReactNode;
-}) => JSX_3.Element;
+}) => JSX_2.Element;
 
 declare interface StyleProps {
     margin?: Spacings;
@@ -1432,7 +1441,7 @@ declare interface TableHeaderElement {
     sortable?: boolean;
 }
 
-export declare const TableRow: ({ rowId, templateColumns, cells, hover, onClickRow, }: TableRowElement) => JSX_3.Element;
+export declare const TableRow: ({ rowId, templateColumns, cells, hover, onClickRow, }: TableRowElement) => JSX_2.Element;
 
 declare type TableRowCellElement = {
     cellId?: string | number;
@@ -1457,7 +1466,7 @@ declare interface TabMenu {
     element?: ReactNode;
 }
 
-export declare const Tabs: ({ tabMenu, tab, setTab }: P_20) => JSX_3.Element;
+export declare const Tabs: ({ tabMenu, tab, setTab }: P_20) => JSX_2.Element;
 
 export declare const TagColor: FC<P_8>;
 
@@ -1470,39 +1479,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 +1520,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_3.Element;
+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;
 
 declare enum TextAreaModes {
     Default = 1,
@@ -1530,10 +1539,14 @@ declare interface TextAreaProp {
     min?: number | undefined;
     step?: number | undefined;
     rows?: number | undefined;
+    resize?: ElementResizes;
+    outlineStyle?: OutlineStyles;
+    textAreaStyle?: TextAreaStyles;
 }
 
-declare interface TextAreaProps extends AnimatedProps<HTMLAttributes<HTMLTextAreaElement>>, TextStyleProps, TextAreaStyles, TextAreaProp {
+declare interface TextAreaProps extends AnimatedProps<HTMLAttributes<HTMLTextAreaElement>>, TextStyleProps, TextAreaProp {
     children?: ReactNode;
+    ref?: RefObject<HTMLTextAreaElement | null>;
 }
 
 declare enum TextAreaSizes {
@@ -1543,12 +1556,7 @@ declare enum TextAreaSizes {
     Huge = 4
 }
 
-declare interface TextAreaStyles {
-    resize?: ElementResizes;
-    outlineStyle?: OutlineStyles;
-}
-
-declare enum TextAreaStyles_2 {
+declare enum TextAreaStyles {
     Default = 1,// outline
     Outlined = 2,// outline overall
     Filled = 3,// border bottom & bg color
@@ -1569,6 +1577,7 @@ declare interface TextInputProp {
 
 declare interface TextInputProps extends AnimatedProps<HTMLAttributes<HTMLInputElement>>, TextStyleProps, TextInputProp {
     children?: ReactNode;
+    ref?: RefObject<HTMLInputElement | null>;
 }
 
 declare interface TextStyleProps {
@@ -1616,7 +1625,7 @@ declare enum ToggleStates {
     Disabled = 5
 }
 
-export declare const ToggleSwitch: ({ isTrue, setIsTrue, size, icon, toggleState, description, }: Props_6) => JSX_3.Element;
+export declare const ToggleSwitch: ({ isTrue, setIsTrue, size, icon, toggleState, description, }: Props_6) => JSX_2.Element;
 
 export declare const UIcon: FC<P_4>;
 
@@ -1629,6 +1638,7 @@ declare type UiContextType = {
 
 declare interface UlProps extends AnimatedProps<HTMLAttributes<HTMLUListElement>>, StyleProps {
     children?: ReactNode;
+    ref?: RefObject<HTMLUListElement | null>;
 }
 
 export declare const useGlobalEventContext: () => GlobalEventContextType;