@xfers/design-system 7.1.0-dev.8caa55d6e1 → 7.1.0-dev.8fcc223fee

package/dist/types/components/CopyBox/styles.d.ts

@@ -9,8 +9,8 @@ export declare const TextContainer: import("@emotion/styled-base").StyledCompone
 export declare const TextValueStyles: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     isBankAddress: boolean;
 }, object>;
-export declare const CopyButton: import("@emotion/styled-base").StyledComponent<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
-}, Pick<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
+export declare const CopyButton: import("@emotion/styled-base").StyledComponent<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | HTMLAnchorElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement | HTMLAnchorElement> | null | undefined;
+}, Pick<Omit<import("antd").ButtonProps & import("react").RefAttributes<HTMLButtonElement | HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | HTMLAnchorElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLButtonElement | HTMLAnchorElement> | null | undefined;
 }, keyof import("antd").ButtonProps>, object>;

package/dist/types/components/DynamicSelect/DynamicSelect.d.ts

@@ -13,7 +13,7 @@ export type IExtraElementProps = {
 type IAddItemProps = Omit<IExtraElementProps, 'topContent' | 'bottomContent'>;
 declare const DynamicSelect: {
     ({ className, children, disabled, mode, label, iconSrc, extraText, extraAction, isAddItemBarVisible, topContent, bottomContent, actionContent, ...rest }: IDynamicSelectProps): React.JSX.Element;
-    Option: import("@rc-component/select/lib/Option").OptionFC;
+    Option: import("rc-select/lib/Option").OptionFC;
 };
 export declare const AddIcon: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, Pick<React.ClassAttributes<HTMLImageElement> & React.ImgHTMLAttributes<HTMLImageElement>, keyof React.ImgHTMLAttributes<HTMLImageElement>>, object>;
 export declare const AddButton: import("@emotion/styled-base").StyledComponent<Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, keyof React.HTMLAttributes<HTMLDivElement>> & {

package/dist/types/components/Select/index.d.ts

@@ -1,6 +1,7 @@
 import React, { RefObject } from 'react';
 import { SelectProps } from 'antd';
-import type { BaseSelectRef, BaseOptionType, DefaultOptionType } from '@rc-component/select';
+import type { BaseSelectRef } from 'rc-select';
+import type { BaseOptionType, DefaultOptionType } from 'rc-select/lib/Select';
 export type Props = {
     disabled?: boolean;
     children?: React.ReactNode;
@@ -24,6 +25,6 @@ export type Props = {
 } & Omit<SelectProps<unknown, DefaultOptionType | BaseOptionType>, 'disabled' | 'size'>;
 declare const Select: {
     ({ children, disabled, size, mode, label, labelTooltip, selectRef, placeholder, error, secondaryText, helperText, options, ...rest }: Props): React.JSX.Element;
-    Option: import("@rc-component/select/lib/Option").OptionFC;
+    Option: import("rc-select/lib/Option").OptionFC;
 };
 export default Select;

package/dist/types/components/Select/style.d.ts

@@ -1,10 +1,10 @@
 export declare const LabelContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
 export declare const OptionContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
 export declare const SelectContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
-export declare const StyledAntSelect: import("@emotion/styled-base").StyledComponent<Omit<import("antd").SelectProps<unknown, import("@rc-component/select").DefaultOptionType | import("@rc-component/select").BaseOptionType> & {
+export declare const StyledAntSelect: import("@emotion/styled-base").StyledComponent<Omit<import("antd").SelectProps<unknown, import("rc-select/lib/Select").DefaultOptionType | import("rc-select/lib/Select").BaseOptionType> & {
     children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<import("antd").RefSelectProps>, "ref"> & {
-    ref?: ((instance: import("antd").RefSelectProps | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("antd").RefSelectProps> | null | undefined;
+} & import("react").RefAttributes<import("rc-select").BaseSelectRef>, "ref"> & {
+    ref?: ((instance: import("rc-select").BaseSelectRef | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<import("rc-select").BaseSelectRef> | null | undefined;
 }, {
     $size: "sm" | "lg";
     $mode?: "multiple";

package/dist/types/components/Sidebar/CompanyProfile.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { CompanyOption } from './CompanyProfileDropdown';
+type CompanyProfileProps = {
+    companyName?: string;
+    subtitle?: string;
+    enableDropdown?: boolean;
+    /** Renders only the company switcher, without the menu items. */
+    switchOnly?: boolean;
+    companies?: CompanyOption[];
+    onMenuItemClick?: (label: string) => void;
+    onClick?: () => void;
+};
+declare const CompanyProfile: ({ companyName, subtitle, enableDropdown, switchOnly, companies, onMenuItemClick, onClick, }: CompanyProfileProps) => React.JSX.Element;
+export default CompanyProfile;

package/dist/types/components/Sidebar/CompanyProfileDropdown.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { MaterialSymbol } from 'material-symbols';
+export type CompanyOption = {
+    name: string;
+    subtitle?: string;
+    active?: boolean;
+    onClick?: () => void;
+};
+type MenuItemDef = {
+    icon: MaterialSymbol;
+    label: string;
+};
+export declare const COMPANY_MENU_ITEMS: MenuItemDef[];
+export type CompanyMenuItem = (typeof COMPANY_MENU_ITEMS)[number]['label'];
+type CompanyProfileDropdownProps = {
+    /** When false, only the company switcher is rendered (Figma `switchOnly`). */
+    showMenuItems?: boolean;
+    /** When false, the switch-company block is hidden (Figma `switchCompany`). */
+    switchCompany?: boolean;
+    companies?: CompanyOption[];
+    onMenuItemClick?: (label: CompanyMenuItem) => void;
+};
+declare const CompanyProfileDropdown: ({ showMenuItems, switchCompany, companies, onMenuItemClick, }: CompanyProfileDropdownProps) => React.JSX.Element;
+export default CompanyProfileDropdown;

package/dist/types/components/Sidebar/CopyrightNotice.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type CopyrightNoticeProps = {
+    text?: string;
+};
+declare const CopyrightNotice: ({ text, }: CopyrightNoticeProps) => React.JSX.Element;
+export default CopyrightNotice;

package/dist/types/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,47 @@
+import React from 'react';
+import type { SidebarVariant } from './styles';
+import type { CompanyOption } from './CompanyProfileDropdown';
+type SidebarBaseProps = {
+    variant?: SidebarVariant;
+    logo?: React.ReactNode;
+    companyProfile?: React.ReactNode;
+    children?: React.ReactNode;
+    footer?: React.ReactNode;
+};
+export declare const SidebarBase: ({ variant, logo, companyProfile, children, footer, }: SidebarBaseProps) => React.JSX.Element;
+/** All possible nav item labels in the Business/Sandbox sidebar. */
+export type SidebarNavLabel = 'Home' | 'Cards' | 'DVA Payments' | 'Transaction History' | 'API Tools' | 'Support';
+/** All possible nav item labels in the Personal sidebar. */
+export type PersonalNavLabel = 'Home' | 'Mint' | 'Transaction History' | 'Support';
+/** Union of all sidebar nav labels across all variants. */
+export type SidebarItemLabel = SidebarNavLabel | PersonalNavLabel;
+type SidebarProductsProps = {
+    variant?: SidebarVariant;
+    companyProfile?: boolean;
+    companyName?: string;
+    companySubtitle?: string;
+    /**
+     * Labels of nav items to hide. Items not in this array remain visible.
+     * Type-safe: only accepts known nav item labels.
+     * Example: `['Cards', 'DVA Payments']` hides those two items.
+     */
+    hiddenItems?: SidebarItemLabel[];
+    /**
+     * Label of the currently selected row. Shared by top-level items and
+     * sub-items so exactly one row is ever highlighted.
+     */
+    activeItem?: string;
+    onItemClick?: (label: string) => void;
+    onCompanyProfileClick?: () => void;
+    /** Companies listed in the SWITCH COMPANY block of the profile dropdown. */
+    companies?: CompanyOption[];
+    /** Renders only the company switcher in the dropdown, without menu items. */
+    switchOnly?: boolean;
+    onCompanyMenuItemClick?: (label: string) => void;
+};
+export declare const SidebarProducts: ({ variant, companyProfile, companyName, companySubtitle, hiddenItems, activeItem, onItemClick, onCompanyProfileClick, companies, switchOnly, onCompanyMenuItemClick, }: SidebarProductsProps) => React.JSX.Element;
+declare const Sidebar: {
+    Base: ({ variant, logo, companyProfile, children, footer, }: SidebarBaseProps) => React.JSX.Element;
+    Products: ({ variant, companyProfile, companyName, companySubtitle, hiddenItems, activeItem, onItemClick, onCompanyProfileClick, companies, switchOnly, onCompanyMenuItemClick, }: SidebarProductsProps) => React.JSX.Element;
+};
+export default Sidebar;

package/dist/types/components/Sidebar/SidebarNavItem.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { MaterialSymbol } from 'material-symbols';
+import type { SidebarVariant } from './styles';
+export type SubItem = {
+    label: string;
+    active?: boolean;
+    onClick?: () => void;
+};
+type SidebarNavItemProps = {
+    icon: MaterialSymbol;
+    label: string;
+    variant?: SidebarVariant;
+    active?: boolean;
+    onClick?: () => void;
+    subItems?: SubItem[];
+    isExpanded?: boolean;
+};
+declare const SidebarNavItem: ({ icon, label, variant, active, onClick, subItems, isExpanded, }: SidebarNavItemProps) => React.JSX.Element;
+export default SidebarNavItem;

package/dist/types/components/Sidebar/SidebarSubItem.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { SidebarVariant } from './styles';
+type SidebarSubItemProps = {
+    label: string;
+    variant?: SidebarVariant;
+    active?: boolean;
+    onClick?: () => void;
+};
+declare const SidebarSubItem: ({ label, variant, active, onClick, }: SidebarSubItemProps) => React.JSX.Element;
+export default SidebarSubItem;

package/dist/types/components/Sidebar/index.d.ts

@@ -0,0 +1,12 @@
+import Sidebar, { SidebarBase, SidebarProducts, SidebarNavLabel, PersonalNavLabel, SidebarItemLabel } from './Sidebar';
+import SidebarNavItem from './SidebarNavItem';
+import SidebarSubItem from './SidebarSubItem';
+import CompanyProfile from './CompanyProfile';
+import CompanyProfileDropdown, { COMPANY_MENU_ITEMS } from './CompanyProfileDropdown';
+import CopyrightNotice from './CopyrightNotice';
+export { SidebarBase, SidebarProducts, SidebarNavItem, SidebarSubItem, CompanyProfile, CompanyProfileDropdown, CopyrightNotice, COMPANY_MENU_ITEMS, };
+export type { SidebarVariant } from './styles';
+export type { SubItem } from './SidebarNavItem';
+export type { CompanyOption, CompanyMenuItem } from './CompanyProfileDropdown';
+export type { SidebarNavLabel, PersonalNavLabel, SidebarItemLabel };
+export default Sidebar;

package/dist/types/components/Sidebar/styles.d.ts

@@ -0,0 +1,44 @@
+import { BASE, STATUS } from '../../constants/Colors/colors';
+export type SidebarVariant = 'business' | 'personal' | 'sandbox';
+export declare const itemTextColor: (variant: SidebarVariant, active?: boolean) => BASE.ON_CONTAINER | BASE.ON_NEUTRAL_SECONDARY | STATUS.POSITIVE;
+export declare const SidebarWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    variant: SidebarVariant;
+}, object>;
+export declare const MenuHeader: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const LogoWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const MenuContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const NavItemWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    variant: SidebarVariant;
+    active?: boolean;
+}, object>;
+export declare const NavItemLabel: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    variant: SidebarVariant;
+    active?: boolean;
+}, object>;
+export declare const NavItemAffordance: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
+export declare const SubItemWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    variant: SidebarVariant;
+    active?: boolean;
+}, object>;
+export declare const SubItemLabel: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+    variant: SidebarVariant;
+    active?: boolean;
+}, object>;
+export declare const CompanyProfileContainer: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const CompanyProfileWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const CompanyProfileContent: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const CompanyName: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
+export declare const CompanySubtitle: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
+export declare const CopyrightNoticeWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const CopyrightNoticeText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
+export declare const DropdownPanel: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const DropdownSectionLabel: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const DropdownRow: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    active?: boolean;
+}, object>;
+export declare const DropdownMenuRow: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const DropdownRowContent: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
+export declare const DropdownPrimaryText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
+export declare const DropdownSecondaryText: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
+export declare const DropdownMenuLabel: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Pick<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, keyof import("react").HTMLAttributes<HTMLSpanElement>>, object>;
+export declare const DropdownDivider: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;

package/dist/types/components/Steps/DesktopSteps.d.ts

@@ -1,18 +1,9 @@
 import React from 'react';
-import { StepsProps } from 'antd';
-type StepItem = {
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    status?: 'wait' | 'process' | 'finish' | 'error';
-    disabled?: boolean;
-    icon?: React.ReactNode;
-    subTitle?: React.ReactNode;
-    className?: string;
-};
+import { StepsProps, StepProps } from 'antd';
 declare const DesktopSteps: {
-    ({ className, children, ...rest }: StepsProps & {
-        children?: React.ReactNode;
+    ({ className, ...rest }: StepsProps & {
+        children: React.ReactNode;
     }): React.JSX.Element;
-    Step: React.FC<StepItem>;
+    Step: React.FC<StepProps>;
 };
 export default DesktopSteps;

package/dist/types/components/Tabs/index.d.ts

@@ -1,14 +1,12 @@
 import React from 'react';
-import type { TabsProps } from 'antd';
 type Props = {
     activeKey?: string;
     onChange?: any;
     animated?: boolean;
-    items?: TabsProps['items'];
-    children?: React.ReactNode;
+    children: React.ReactNode;
 };
 declare const Tabs: {
-    ({ children, items, ...rest }: Props): React.JSX.Element;
+    ({ children, ...rest }: Props): React.JSX.Element;
     TabPane: React.FC<import("antd").TabPaneProps>;
 };
 export default Tabs;

package/dist/types/constants/Colors/colors.d.ts

@@ -105,5 +105,7 @@ export declare enum COMPONENT {
     BUTTON_PRIMARY = "#00A965",
     LABEL_INPUT = "#757575",
     HELPER_INPUT = "#757575",
-    PLACEHOLDER_INPUT = "#B6B6B6"
+    PLACEHOLDER_INPUT = "#B6B6B6",
+    SIDEBAR_ACTIVE = "#D7EFE2",
+    SIDEBAR_ACTIVE_SANDBOX = "#005755"
 }

package/dist/types/index.d.ts

@@ -44,6 +44,8 @@ export { default as Spin } from './components/Spin';
 export { default as SummaryCard } from './components/SummaryCard';
 export { default as Timeline } from './components/Timeline';
 export { default as Coachmark } from './components/Coachmark';
+export { default as Sidebar, SidebarBase, SidebarProducts, SidebarNavItem, SidebarSubItem, CompanyProfile, CompanyProfileDropdown, CopyrightNotice, COMPANY_MENU_ITEMS, } from './components/Sidebar';
+export type { SidebarVariant, SubItem as SidebarSubItemType, CompanyOption as SidebarCompanyOption, CompanyMenuItem as SidebarCompanyMenuItem, SidebarNavLabel, PersonalNavLabel, SidebarItemLabel, } from './components/Sidebar';
 export { getCoachmarkJoyrideConfig } from './components/Coachmark/getJoyrideConfig';
 export * from './icons';
 export { MaterialSymbols } from './icons/MaterialSymbols';

package/dist/types/shared/momentDatePicker.d.ts

@@ -1,18 +1,18 @@
 import type { Moment } from 'moment';
-declare const MomentDatePicker: (<ValueType = Moment, IsMultiple extends boolean = false>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, import("antd/es/date-picker/generatePicker").PickerProps<Moment>, ValueType, IsMultiple>) => React.ReactElement) & {
+declare const MomentDatePicker: (<ValueType = Moment>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, import("antd/es/date-picker/generatePicker").PickerProps<Moment>, ValueType>) => React.ReactElement) & {
     displayName?: string;
 } & {
     displayName?: string;
-    WeekPicker: (<ValueType = Moment, IsMultiple extends boolean = false>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType, IsMultiple>) => React.ReactElement) & {
+    WeekPicker: (<ValueType = Moment>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType>) => React.ReactElement) & {
         displayName?: string;
     };
-    MonthPicker: (<ValueType = Moment, IsMultiple extends boolean = false>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType, IsMultiple>) => React.ReactElement) & {
+    MonthPicker: (<ValueType = Moment>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType>) => React.ReactElement) & {
         displayName?: string;
     };
-    YearPicker: (<ValueType = Moment, IsMultiple extends boolean = false>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType, IsMultiple>) => React.ReactElement) & {
+    YearPicker: (<ValueType = Moment>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType>) => React.ReactElement) & {
         displayName?: string;
     };
-    RangePicker: import("react").ForwardRefExoticComponent<Omit<import("@rc-component/picker").RangePickerProps<Moment>, "locale" | "generateConfig" | "hideHeader" | "classNames" | "styles"> & {
+    RangePicker: import("react").ForwardRefExoticComponent<Omit<import("rc-picker").RangePickerProps<Moment>, "locale" | "generateConfig" | "hideHeader"> & {
         locale?: import("antd/es/date-picker/generatePicker").PickerLocale;
         size?: import("antd/es/button").ButtonSize;
         placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
@@ -23,73 +23,11 @@ declare const MomentDatePicker: (<ValueType = Moment, IsMultiple extends boolean
         popupClassName?: string;
         rootClassName?: string;
         popupStyle?: React.CSSProperties;
-        classNames?: import("antd/es/_util/hooks/useMergeSemantic/semanticType").DeepClassNameType<{
-            root?: string;
-            prefix?: string;
-            input?: string;
-            suffix?: string;
-            popup?: string | {
-                root?: string;
-                header?: string;
-                body?: string;
-                content?: string;
-                item?: string;
-                footer?: string;
-                container?: string;
-            };
-        } | undefined> | ((info: {
-            props: import("antd/es/date-picker/generatePicker/interface").InjectDefaultProps<import("@rc-component/picker").RangePickerProps<Moment>>;
-        }) => import("antd/es/_util/hooks/useMergeSemantic/semanticType").DeepClassNameType<{
-            root?: string;
-            prefix?: string;
-            input?: string;
-            suffix?: string;
-            popup?: string | {
-                root?: string;
-                header?: string;
-                body?: string;
-                content?: string;
-                item?: string;
-                footer?: string;
-                container?: string;
-            };
-        } | undefined>);
-        styles?: import("antd/es/_util/hooks/useMergeSemantic/semanticType").DeepStylesType<{
-            root?: React.CSSProperties;
-            prefix?: React.CSSProperties;
-            input?: React.CSSProperties;
-            suffix?: React.CSSProperties;
-            popup?: {
-                root?: React.CSSProperties;
-                header?: React.CSSProperties;
-                body?: React.CSSProperties;
-                content?: React.CSSProperties;
-                item?: React.CSSProperties;
-                footer?: React.CSSProperties;
-                container?: React.CSSProperties;
-            };
-        } | undefined> | ((info: {
-            props: import("antd/es/date-picker/generatePicker/interface").InjectDefaultProps<import("@rc-component/picker").RangePickerProps<Moment>>;
-        }) => import("antd/es/_util/hooks/useMergeSemantic/semanticType").DeepStylesType<{
-            root?: React.CSSProperties;
-            prefix?: React.CSSProperties;
-            input?: React.CSSProperties;
-            suffix?: React.CSSProperties;
-            popup?: {
-                root?: React.CSSProperties;
-                header?: React.CSSProperties;
-                body?: React.CSSProperties;
-                content?: React.CSSProperties;
-                item?: React.CSSProperties;
-                footer?: React.CSSProperties;
-                container?: React.CSSProperties;
-            };
-        } | undefined>);
-    } & import("react").RefAttributes<import("@rc-component/picker").PickerRef>>;
-    TimePicker: (<ValueType = Moment, IsMultiple extends boolean = false>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker/interface").GenericTimePickerProps<Moment>, "picker">, ValueType, IsMultiple>) => React.ReactElement) & {
+    } & import("react").RefAttributes<import("rc-picker").PickerRef>>;
+    TimePicker: (<ValueType = Moment>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker/interface").GenericTimePickerProps<Moment>, "picker">, ValueType>) => React.ReactElement) & {
         displayName?: string;
     };
-    QuarterPicker: (<ValueType = Moment, IsMultiple extends boolean = false>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType, IsMultiple>) => React.ReactElement) & {
+    QuarterPicker: (<ValueType = Moment>(props: import("antd/es/date-picker/generatePicker/interface").PickerPropsWithMultiple<Moment, Omit<import("antd/es/date-picker/generatePicker").PickerProps<Moment>, "picker">, ValueType>) => React.ReactElement) & {
         displayName?: string;
     };
 };