@web-fuse/wf-components 1.0.0

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export type DarkCardProps = React.PropsWithChildren & {
+    title?: React.ReactNode;
+};
+declare const DarkCard: React.FC<DarkCardProps>;
+export default DarkCard;

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export type LightCardProps = React.PropsWithChildren & {
+    title?: React.ReactNode;
+};
+declare const LightCard: React.FC<LightCardProps>;
+export default LightCard;

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

@@ -0,0 +1,4 @@
+export { default as LightCard } from "./LightCard";
+export type { LightCardProps } from "./LightCard";
+export { default as DarkCard } from "./DarkCard";
+export type { DarkCardProps } from "./DarkCard";

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { type CollapseBaseProps, type CollapseRef } from "./CollapseBase";
+type CssColor = React.CSSProperties["color"];
+export interface CollapseProps extends Omit<CollapseBaseProps, "style"> {
+    title?: React.ReactNode;
+    activeColor?: CssColor;
+    inactiveColor?: CssColor;
+    image?: string;
+    rightText?: React.ReactNode;
+    style?: {
+        header?: React.CSSProperties;
+        children?: React.CSSProperties;
+    };
+}
+declare const Collapse: import("react").ForwardRefExoticComponent<CollapseProps & import("react").RefAttributes<CollapseRef>>;
+export default Collapse;

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

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+export declare const animationDuration = 300;
+export type CollapseChangeHandler = (open: boolean) => void;
+export type CollapseBaseProps = React.PropsWithChildren<{
+    open?: boolean;
+    onChange?: CollapseChangeHandler;
+    defaultOpen?: boolean;
+    style?: React.CSSProperties;
+    header?: React.ReactNode;
+    border?: boolean;
+    width?: React.CSSProperties["width"];
+}>;
+export type CollapseRef = {
+    calculateHeight: () => void;
+};
+declare const CollapseBase: import("react").ForwardRefExoticComponent<{
+    open?: boolean;
+    onChange?: CollapseChangeHandler;
+    defaultOpen?: boolean;
+    style?: React.CSSProperties;
+    header?: React.ReactNode;
+    border?: boolean;
+    width?: React.CSSProperties["width"];
+} & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<CollapseRef>>;
+export default CollapseBase;

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

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

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

@@ -0,0 +1,12 @@
+import { default as InternalCollapse } from "./Collapse";
+import { default as CollapseBase } from "./CollapseBase";
+import { default as CollapseContent } from "./CollapseContent";
+export type { CollapseProps } from "./Collapse";
+export type { CollapseBaseProps, CollapseRef } from "./CollapseBase";
+export type { ContentProps } from "./CollapseContent";
+type CollapseType = typeof InternalCollapse & {
+    Content: typeof CollapseContent;
+    Base: typeof CollapseBase;
+};
+declare const Collapse: CollapseType;
+export default Collapse;

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

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import type { SelectorClickHandler, SelectorItemGroup, SelectorRenderer } from './index';
+interface SelectorItemProps {
+    item?: SelectorItemGroup;
+    onClick?: SelectorClickHandler;
+    itemRender?: SelectorRenderer;
+    open?: boolean;
+}
+declare const SelectorItem: React.FC<SelectorItemProps>;
+export default SelectorItem;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { SelectorClickHandler, SelectorItem, SelectorRenderer } from './index';
+interface SelectorSubItemProps {
+    item?: SelectorItem;
+    onClick?: SelectorClickHandler;
+    active?: boolean;
+    parentKey?: string;
+    itemRender?: SelectorRenderer;
+}
+declare const SelectorSubItem: React.FC<SelectorSubItemProps>;
+export default SelectorSubItem;

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

@@ -0,0 +1,31 @@
+import React from 'react';
+export interface SelectorItem {
+    key: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+}
+export interface SelectorItemGroup extends SelectorItem {
+    type: "group";
+    children: SelectorItem[];
+}
+interface ItemInfo {
+    item: SelectorItem | SelectorItemGroup;
+    key: string;
+    keyPath: string[];
+    domEvent: React.MouseEvent<HTMLDivElement>;
+}
+export type SelectorRenderer = (child: React.ReactNode, info: Omit<ItemInfo, "domEvent">) => React.ReactNode;
+export type SelectorClickHandler = (info: ItemInfo) => void;
+export interface SelectorProps {
+    items?: (SelectorItem | SelectorItemGroup)[];
+    messageEmpty?: React.ReactNode;
+    onClick?: SelectorClickHandler;
+    loading?: boolean | string;
+    itemRender?: SelectorRenderer;
+    openKeys?: string[];
+    bottomAddon?: React.ReactNode;
+    search?: string;
+    onSearchChange?: (value: string) => void;
+}
+declare const Selector: React.ForwardRefExoticComponent<SelectorProps & React.RefAttributes<HTMLDivElement>>;
+export default Selector;

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+export declare const Item: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $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>;
+}, 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>;
+}, {
+    $colorActiveBg: React.CSSProperties["color"];
+}>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $colorBorder?: React.CSSProperties["color"];
+}>>, keyof import("react").Component<any, {}, any>>;

package/dist/Display/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Collapse } from "./Collapse";
+export type { CollapseProps, CollapseRef, CollapseBaseProps } from "./Collapse";
+export { default as Selector } from "./Selector";
+export type { SelectorProps } from "./Selector";
+export * from "./Card";

package/dist/Form/Buttons.d.ts

@@ -0,0 +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<HTMLElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLElement>;
+}, never>> & Omit<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLElement>> & {
+    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<HTMLElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLElement>;
+}, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLElement>;
+}, never>> & Omit<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLElement>> & {
+    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<HTMLElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLElement>;
+}, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLElement>;
+}, never>> & Omit<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLElement>> & {
+    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<HTMLElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLElement>;
+}, 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<HTMLElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLElement>;
+}, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLElement>;
+}, never>> & Omit<import("react").ForwardRefExoticComponent<import("antd").ButtonProps & import("react").RefAttributes<HTMLElement>> & {
+    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

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface HoverLabelProps {
+    name?: string;
+    size?: "small" | "middle" | "large";
+    colorText?: React.CSSProperties["color"];
+    colorTextActive?: React.CSSProperties["color"];
+}
+declare const HoverLabel: React.ForwardRefExoticComponent<HoverLabelProps & {
+    children?: React.ReactNode;
+} & React.RefAttributes<HTMLLabelElement>>;
+export default HoverLabel;

package/dist/Form/Input.d.ts

@@ -0,0 +1,15 @@
+/// <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>;
+}, 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>>;
+    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<InputRef>>;
+}, keyof import("react").Component<any, {}, any>>;
+interface InputProps extends AntProps {
+    label?: React.ReactNode;
+}
+declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<InputRef>>;
+export default Input;

package/dist/Form/index.d.ts

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

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { type CollapseBaseProps } from '@/Display';
+interface MainSelectorBaseProps {
+    title?: React.ReactNode;
+    collapseOpen?: boolean;
+    onChange?: CollapseBaseProps["onChange"];
+}
+export type MainSelectorProps = React.PropsWithChildren<MainSelectorBaseProps>;
+declare const MainSelector: import("react").ForwardRefExoticComponent<MainSelectorBaseProps & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export default MainSelector;

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const MainSettings: import("react").ForwardRefExoticComponent<{
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<HTMLDivElement>>;
+export default MainSettings;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import MainSettings from "./MainSettings";
+import MainSelector from "./MainSelector";
+interface MainBaseProps {
+    overflow?: "scroll" | "visible";
+    height?: "full" | "content";
+}
+export type MainProps = React.PropsWithChildren<MainBaseProps>;
+type MainLayoutType = React.ForwardRefExoticComponent<MainProps & React.RefAttributes<HTMLDivElement>> & {
+    Settings: typeof MainSettings;
+    Selector: typeof MainSelector;
+};
+declare const MainLayout: MainLayoutType;
+export default MainLayout;

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

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import type { MenuGroupItem, MenuItem, NavbarRenderer } from './index';
+export type NavbarDropdownClickHandler = (e: React.MouseEvent<HTMLLIElement>, info?: {
+    item: MenuItem | MenuGroupItem;
+    key: string;
+}) => void;
+export interface NavbarDropdownProps {
+    onClick?: NavbarDropdownClickHandler;
+    item?: MenuGroupItem;
+    activeKey?: string;
+    itemRender?: NavbarRenderer;
+}
+declare const NavbarDropdown: React.FC<NavbarDropdownProps>;
+export default NavbarDropdown;

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

@@ -0,0 +1,31 @@
+/// <reference types="react" />
+type CssColor = React.CSSProperties["color"];
+export interface MenuItem {
+    key: string;
+    label: React.ReactNode;
+}
+export interface MenuGroupItem extends MenuItem {
+    type: "group";
+    children: MenuItem[];
+}
+interface ItemInfo {
+    item: MenuItem | MenuGroupItem;
+    key: string;
+    keyPath: string[];
+    domEvent: React.MouseEvent<HTMLLIElement>;
+}
+type NavbarClickHandler = (info: ItemInfo) => void;
+export type NavbarRenderer = (child: React.ReactNode, info: Omit<ItemInfo, "domEvent">) => React.ReactNode;
+export interface NavbarProps {
+    logo?: React.ReactNode;
+    items?: (MenuItem | MenuGroupItem)[];
+    onClick?: NavbarClickHandler;
+    activeKey?: string;
+    textColor?: CssColor;
+    activeColor?: CssColor;
+    toggleColor?: CssColor;
+    height?: number;
+    itemRender?: NavbarRenderer;
+}
+declare const Navbar: import("react").ForwardRefExoticComponent<NavbarProps & import("react").RefAttributes<HTMLDivElement>>;
+export default Navbar;

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

@@ -0,0 +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>;
+}, never>> & Omit<import("react").ForwardRefExoticComponent<import("antd/es/typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/Layout/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Navbar } from "./Navbar";
+export type { NavbarProps, NavbarRenderer } from "./Navbar";
+export { default as MainLayout } from "./Main";
+export type { MainProps } from "./Main";
+export type { MainSelectorProps } from "./Main/MainSelector";

package/dist/Oauth/ErrorBoundary.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface LoginError {
+    message: string;
+    error_description?: React.ReactNode;
+    error_detail?: React.ReactNode;
+}
+export type LoginErrorBoundaryProps = {
+    error: LoginError;
+    title: React.ReactNode;
+};
+declare const LoginErrorBoundary: React.FC<LoginErrorBoundaryProps>;
+export default LoginErrorBoundary;

package/dist/Oauth/LoginContainer.d.ts

@@ -0,0 +1,10 @@
+import type { ParagraphProps } from "antd/es/typography/Paragraph";
+import type { TitleProps } from "antd/es/typography/Title";
+import type { PropsWithChildren } from "react";
+export type LoginContainer = React.FC<PropsWithChildren> & {
+    Header: React.FC;
+    Title: React.FC<TitleProps>;
+    Subtitle: React.FC<ParagraphProps>;
+};
+declare const Container: LoginContainer;
+export default Container;

package/dist/Oauth/PageBackground.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from "react";
+export type LoginPageBackgroundProps = {
+    width?: React.CSSProperties["width"];
+    height?: React.CSSProperties["height"];
+};
+declare const PageBackground: React.FC<PropsWithChildren<LoginPageBackgroundProps>>;
+export default PageBackground;

package/dist/Oauth/index.d.ts

@@ -0,0 +1,5 @@
+export { default as LoginErrorBoundary } from "./ErrorBoundary";
+export type { LoginErrorBoundaryProps } from "./ErrorBoundary";
+export { default as LoginContainer } from "./LoginContainer";
+export { default as LoginPageBackground } from "./PageBackground";
+export type { LoginPageBackgroundProps } from "./PageBackground";