@web-fuse/wf-components 1.0.4 → 1.0.6

package/dist/Display/Card/LightCard.Title.d.ts

@@ -3,8 +3,5 @@ type CssColor = React.CSSProperties["color"];
 export type LightCardTitleProps = React.PropsWithChildren<{
     titleColor?: CssColor;
 }>;
-declare const LightCardTitle: ({ children, titleColor }: {
-    children: any;
-    titleColor?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+declare const LightCardTitle: React.FC<LightCardTitleProps>;
 export default LightCardTitle;

package/dist/Display/CodeBlock/CodeBlockCopy.d.ts

@@ -9,5 +9,5 @@ export interface CodeBlockCopyProps {
     text?: string;
     onCopy?: CopyToClipboard.Props["onCopy"];
 }
-declare const CodeBlockCopy: ({ showCopy, copyConfig, text, onCopy }: CodeBlockCopyProps) => import("react/jsx-runtime").JSX.Element;
+declare const CodeBlockCopy: ({ showCopy, copyConfig, text, onCopy }: CodeBlockCopyProps) => import("react/jsx-runtime").JSX.Element | null;
 export default CodeBlockCopy;

package/dist/Display/CodeBlock/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react-syntax-highlighter" />
 /// <reference types="react-copy-to-clipboard" />
 import { type default as React } from "react";
 import * as codeThemes from "react-syntax-highlighter/dist/esm/styles/prism";

package/dist/Display/CodeBlock/languages.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react-syntax-highlighter" />
 export { default as bash } from "react-syntax-highlighter/dist/esm/languages/prism/bash";
 export { default as css } from "react-syntax-highlighter/dist/esm/languages/prism/css";
 export { default as javascript } from "react-syntax-highlighter/dist/esm/languages/prism/javascript";

package/dist/Display/Collapse/Collapse.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { type CollapseBaseProps, type CollapseRef } from "./CollapseBase";
 type CssColor = React.CSSProperties["color"];
-export interface CollapseProps extends Omit<CollapseBaseProps, "style"> {
+export interface CollapseProps extends Omit<CollapseBaseProps, "style" | "header"> {
     title?: React.ReactNode;
     activeColor?: CssColor;
     inactiveColor?: CssColor;

package/dist/Display/Collapse/CollapseBase.d.ts

@@ -14,12 +14,12 @@ export type CollapseRef = {
     calculateHeight: () => void;
 };
 declare const CollapseBase: import("react").ForwardRefExoticComponent<{
-    open?: boolean;
-    onChange?: CollapseChangeHandler;
-    defaultOpen?: boolean;
-    style?: React.CSSProperties;
+    open?: boolean | undefined;
+    onChange?: CollapseChangeHandler | undefined;
+    defaultOpen?: boolean | undefined;
+    style?: import("react").CSSProperties | undefined;
     header?: React.ReactNode;
-    border?: boolean;
+    border?: boolean | undefined;
     width?: React.CSSProperties["width"];
 } & {
     children?: import("react").ReactNode;

package/dist/Display/Collapse/CollapseContent.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 export type ContentProps = React.PropsWithChildren<{
-    background?: React.CSSProperties["background"];
+    style?: React.CSSProperties;
 }>;
 declare const CollapseContent: import("react").ForwardRefExoticComponent<{
-    background?: React.CSSProperties["background"];
+    style?: import("react").CSSProperties | undefined;
 } & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/dist/Display/Selector/style.d.ts

@@ -3,12 +3,12 @@ export declare const Item: import("styled-components").IStyledComponent<"web", i
     $colorBorder?: React.CSSProperties["color"];
 }>>;
 export declare const ItemText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("antd/es/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLSpanElement>;
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
 }, never>> & Omit<import("react").ForwardRefExoticComponent<import("antd/es/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const SubItem: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$colorBorder"> & {
     $colorBorder?: React.CSSProperties["color"];
 }, "ref"> & {
-    ref?: import("react").Ref<HTMLDivElement>;
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, {
     $colorActiveBg: React.CSSProperties["color"];
 }>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {

package/dist/Form/Buttons.d.ts

@@ -1,29 +1,29 @@
 /// <reference types="react" />
 export declare const Button: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLAnchorElement | HTMLButtonElement>;
+    ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void) | import("react").RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
 }, never>> & Omit<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
     Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
 }, keyof import("react").Component<any, {}, any>>;
 export declare const CenteredButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLAnchorElement | HTMLButtonElement>;
+    ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void) | import("react").RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
 }, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLAnchorElement | HTMLButtonElement>;
+    ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void) | import("react").RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
 }, never>> & Omit<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
     Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
 }, keyof import("react").Component<any, {}, any>>, keyof import("react").Component<any, {}, any>>;
 export declare const ExtraSmallButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLAnchorElement | HTMLButtonElement>;
+    ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void) | import("react").RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
 }, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLAnchorElement | HTMLButtonElement>;
+    ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void) | import("react").RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
 }, never>> & Omit<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
     Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
 }, keyof import("react").Component<any, {}, any>>, keyof import("react").Component<any, {}, any>>;
 export declare const RightButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLAnchorElement | HTMLButtonElement>;
+    ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void) | import("react").RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
 }, never>, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLAnchorElement | HTMLButtonElement>;
+    ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void) | import("react").RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
 }, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLAnchorElement | HTMLButtonElement>;
+    ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void) | import("react").RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
 }, never>> & Omit<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>> & {
     Group: import("react").FC<import("antd/es/button").ButtonGroupProps>;
 }, keyof import("react").Component<any, {}, any>>, keyof import("react").Component<any, {}, any>>, keyof import("react").Component<any, {}, any>>;

package/dist/Form/HoverLabel.d.ts

@@ -7,5 +7,5 @@ export interface HoverLabelProps {
 }
 declare const HoverLabel: React.ForwardRefExoticComponent<HoverLabelProps & {
     children?: React.ReactNode;
-} & React.RefAttributes<HTMLLabelElement>>;
+} & React.RefAttributes<HTMLLabelElement | null>>;
 export default HoverLabel;

package/dist/Form/Input/Input.Password.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { InputRef } from "antd";
+import { PasswordProps as AntProps } from "antd/es/input";
+interface RandomizeOptions {
+    charCount?: number;
+    onRandomize?: (event: React.MouseEvent<HTMLSpanElement>) => void;
+    tooltip?: React.ReactNode | null;
+}
+export interface PasswordProps extends AntProps {
+    copy?: boolean;
+    randomize?: boolean | RandomizeOptions;
+}
+declare const Password: import("react").ForwardRefExoticComponent<PasswordProps & import("react").RefAttributes<InputRef>>;
+export default Password;

package/dist/Form/Input/Input.Search.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const HtmlSearch: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("antd/es/input").SearchProps & import("react").RefAttributes<import("antd").InputRef>, "ref"> & {
+    ref?: ((instance: import("antd").InputRef | null) => void) | import("react").RefObject<import("antd").InputRef> | null | undefined;
+}, never>> & Omit<import("react").ForwardRefExoticComponent<import("antd/es/input").SearchProps & import("react").RefAttributes<import("antd").InputRef>>, keyof import("react").Component<any, {}, any>>;
+export default HtmlSearch;

package/dist/Form/Input/Input.TextArea.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const HtmlTextArea: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef>, "ref"> & {
+    ref?: ((instance: import("antd/es/input/TextArea").TextAreaRef | null) => void) | import("react").RefObject<import("antd/es/input/TextArea").TextAreaRef> | null | undefined;
+}, never>> & Omit<import("react").ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>, keyof import("react").Component<any, {}, any>>;
+export default HtmlTextArea;

package/dist/Form/Input/Input.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+declare const HtmlInput: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef>, "ref"> & {
+    ref?: ((instance: import("antd").InputRef | null) => void) | import("react").RefObject<import("antd").InputRef> | null | undefined;
+}, never>> & Omit<import("react").ForwardRefExoticComponent<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef>> & {
+    Group: import("react").FC<import("antd/es/input").GroupProps>;
+    Search: import("react").ForwardRefExoticComponent<import("antd/es/input").SearchProps & import("react").RefAttributes<import("antd").InputRef>>;
+    TextArea: import("react").ForwardRefExoticComponent<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef>>;
+    Password: import("react").ForwardRefExoticComponent<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef>>;
+    OTP: import("react").ForwardRefExoticComponent<import("antd/es/input/OTP").OTPProps & import("react").RefAttributes<import("antd/es/input/OTP").OTPRef>>;
+}, keyof import("react").Component<any, {}, any>>;
+export default HtmlInput;

package/dist/Form/Input/index.d.ts

@@ -0,0 +1,14 @@
+import { Input as AntInput } from "antd";
+import { default as HtmlInput } from "./Input";
+import Password from "./Input.Password";
+import Search from "./Input.Search";
+import TextArea from "./Input.TextArea";
+export type { PasswordProps } from "./Input.Password";
+type InputType = typeof HtmlInput & {
+    TextArea: typeof TextArea;
+    Search: typeof Search;
+    Password: typeof Password;
+    OTP: typeof AntInput.OTP;
+};
+declare const Input: InputType;
+export default Input;

package/dist/Form/index.d.ts

@@ -1,4 +1,4 @@
 export * from "./Buttons";
 export { default as HoverLabel } from "./HoverLabel";
 export type { HoverLabelProps } from "./HoverLabel";
-export { default as Input } from "./Input";
+export { default as Input } from "./Input/index";

package/dist/Layout/Main/MainSettings.d.ts

@@ -1,5 +1,15 @@
 /// <reference types="react" />
-declare const MainSettings: import("react").ForwardRefExoticComponent<{
+import { type FlexProps } from "antd";
+export declare const SettingsPadding: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const SettingsFlex: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
+}, never>> & Omit<import("react").ForwardRefExoticComponent<FlexProps<import("antd/es/_util/type").AnyObject> & import("react").RefAttributes<HTMLElement>>, keyof import("react").Component<any, {}, any>>;
+export interface MainSettingsProps {
+    flex?: boolean;
+    padding?: boolean;
+    flexProps?: FlexProps;
+}
+declare const MainSettings: import("react").ForwardRefExoticComponent<MainSettingsProps & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLDivElement>>;
 export default MainSettings;

package/dist/Layout/Main/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import MainSettings from "./MainSettings";
+import MainSettings, { SettingsFlex, SettingsPadding } from "./MainSettings";
 import MainSelector from "./MainSelector";
 interface MainBaseProps {
     overflow?: "scroll" | "visible";
@@ -9,6 +9,8 @@ export type MainProps = React.PropsWithChildren<MainBaseProps>;
 type MainLayoutType = React.ForwardRefExoticComponent<MainProps & React.RefAttributes<HTMLDivElement>> & {
     Settings: typeof MainSettings;
     Selector: typeof MainSelector;
+    Padding: typeof SettingsPadding;
+    Flex: typeof SettingsFlex;
 };
 declare const MainLayout: MainLayoutType;
 export default MainLayout;

package/dist/Layout/Navbar/style.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const HeaderTextBox: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>>;
 export declare const HeaderText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("antd/es/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLSpanElement>;
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
 }, never>> & Omit<import("react").ForwardRefExoticComponent<import("antd/es/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;