@web-fuse/wf-components 1.0.2 → 1.0.5

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

@@ -1,8 +1,7 @@
 /// <reference types="react" />
 type CssColor = React.CSSProperties["color"];
-export interface DarkCardTitleProps {
-    title?: React.ReactNode;
+export type DarkCardTitleProps = React.PropsWithChildren<{
     titleColor?: CssColor;
-}
+}>;
 declare const DarkCardTitle: React.FC<DarkCardTitleProps>;
 export default DarkCardTitle;

package/dist/Display/Card/DarkCard.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 import Title, { type DarkCardTitleProps } from "./DarkCard.Title";
-export type DarkCardProps = React.PropsWithChildren<DarkCardTitleProps>;
+export type DarkCardProps = React.PropsWithChildren<DarkCardTitleProps & {
+    title?: React.ReactNode;
+}>;
 type DarkCardComponent = React.FC<DarkCardProps> & {
     Title: typeof Title;
 };

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

@@ -1,11 +1,7 @@
 /// <reference types="react" />
 type CssColor = React.CSSProperties["color"];
-export interface LightCardTitleProps {
-    title?: React.ReactNode;
+export type LightCardTitleProps = React.PropsWithChildren<{
     titleColor?: CssColor;
-}
-declare const LightCardTitle: ({ title, titleColor }: {
-    title: any;
-    titleColor?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}>;
+declare const LightCardTitle: React.FC<LightCardTitleProps>;
 export default LightCardTitle;

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

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 import Title, { LightCardTitleProps } from "./LightCard.Title";
-export type LightCardProps = React.PropsWithChildren<LightCardTitleProps>;
+export type LightCardProps = React.PropsWithChildren<LightCardTitleProps & {
+    title?: React.ReactNode;
+}>;
 type LightCardComponent = React.FC<LightCardProps> & {
     Title: typeof Title;
 };

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.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { InputProps as AntProps, InputRef } from "antd";
 export declare const HtmlInput: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<AntProps & import("react").RefAttributes<InputRef>, "ref"> & {
-    ref?: import("react").Ref<InputRef>;
+    ref?: ((instance: InputRef | null) => void) | import("react").RefObject<InputRef> | null | undefined;
 }, never>> & Omit<import("react").ForwardRefExoticComponent<AntProps & import("react").RefAttributes<InputRef>> & {
     Group: import("react").FC<import("antd/es/input").GroupProps>;
     Search: import("react").ForwardRefExoticComponent<import("antd/es/input").SearchProps & import("react").RefAttributes<InputRef>>;

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>>;