@woovi/ui 5.0.5 → 6.0.1

package/dist/BackButton.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import type { ReactNode } from "react";
 type Props = {
     onClick?: () => void;
 };

package/dist/Badge.d.ts

@@ -1,2 +1,6 @@
-declare const _default: import("styled-components").StyledComponent<"div", any, {}, never>;
-export default _default;
+import type { PropsWithChildren } from "react";
+type BadgeProps = {
+    fontSize?: string;
+};
+declare const Badge: ({ fontSize, children }: PropsWithChildren<BadgeProps>) => import("react/jsx-runtime").JSX.Element;
+export default Badge;

package/dist/Banner.d.ts

@@ -1,9 +1,9 @@
-type VariantTypes = 'solid' | 'outline';
-type ColorTypes = 'primary' | 'secondary' | 'tertiary' | 'error' | 'warning' | 'info';
-export type BannerProps = {
-    variant?: VariantTypes;
+import { type BoxProps } from "@mui/material";
+type VariantTypes = "solid" | "outline";
+type ColorTypes = "primary" | "secondary" | "tertiary" | "error" | "warning" | "info" | "success";
+export type BannerProps = Omit<BoxProps, "color"> & {
     color?: ColorTypes;
-    children?: React.ReactNode;
+    variant?: VariantTypes;
 };
-export declare const Banner: import("styled-components").StyledComponent<"div", any, BannerProps, never>;
+export declare const Banner: ({ sx, color, variant, children, ...rest }: BannerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/CashbackTagStatus.d.ts

@@ -1,5 +1,6 @@
+import { type TagProps } from "./tag/Tag.tsx";
 type Props = {
     status: string;
-};
-export declare const CashbackTagStatus: import("styled-components").StyledComponent<(props: import("./index.ts").TagProps) => import("react").ReactNode, any, Props, never>;
+} & Omit<TagProps, "status">;
+export declare const CashbackTagStatus: ({ status, sx, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Circle.d.ts

@@ -1,5 +1,7 @@
-declare const Circle: import("styled-components").StyledComponent<"div", any, {
-    size: number | null;
-    color: string | null;
-}, never>;
+import { type BoxProps } from '@mui/material';
+type CircleProps = BoxProps & {
+    size?: number | null;
+    color?: string | null;
+};
+declare const Circle: ({ size, color, sx, ...rest }: CircleProps) => import("react/jsx-runtime").JSX.Element;
 export default Circle;

package/dist/CircleButton.d.ts

@@ -1,7 +1,7 @@
-interface Props {
+import { type BoxProps } from "@mui/material";
+interface Props extends BoxProps {
     symbol?: string;
-    onClick?: Function;
-    children?: React.ReactNode;
+    onClick?: () => void;
 }
-declare const CircleButton: ({ children, symbol, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const CircleButton: ({ sx, symbol, children, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default CircleButton;

package/dist/Column.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("styled-components").StyledComponent<"div", any, {}, never>;
-export default _default;
+import { type BoxProps } from '@mui/material';
+declare const Column: ({ sx, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
+export default Column;

package/dist/EmptyMessage.d.ts

@@ -1,6 +1,4 @@
-import type { ReactNode } from 'react';
-export type EmptyMessageProps = {
-    children: ReactNode;
-};
-declare const EmptyMessage: ({ children }: EmptyMessageProps) => import("react/jsx-runtime").JSX.Element;
+import { type BoxProps } from "@mui/material";
+export type EmptyMessageProps = BoxProps;
+declare const EmptyMessage: ({ sx, children, ...props }: EmptyMessageProps) => import("react/jsx-runtime").JSX.Element;
 export default EmptyMessage;

package/dist/FloatingMenu.d.ts

@@ -1,15 +1,17 @@
-import type { ReactNode } from 'react';
+import { type BoxProps } from "@mui/material";
+import type { ReactNode } from "react";
 type Item = {
-    onClick: () => void;
     icon: string;
     label: string;
-    color: string;
+    color?: 'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
     filter?: () => boolean;
+    onClick: () => void;
+    dataTestId?: string;
 };
-type Props = {
+type Props = BoxProps & {
     items: Item[];
-    isVisible: boolean;
     Heading?: ReactNode;
+    isVisible: boolean;
 };
-declare const FloatingMenu: (props: Props) => ReactNode;
+declare const FloatingMenu: ({ items, Heading, isVisible, ...rest }: Props) => ReactNode;
 export default FloatingMenu;

package/dist/LayoutRoot.d.ts

@@ -1 +1,6 @@
-export declare const LayoutRoot: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { type BoxProps } from "@mui/material";
+type LayoutRootProps = BoxProps & {
+    open?: boolean;
+};
+export declare const LayoutRoot: ({ open, sx, ...props }: LayoutRootProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Link.d.ts

@@ -1,3 +1,5 @@
-import { Link } from 'react-router-dom';
-declare const _default: import("styled-components").StyledComponent<typeof Link, any, {}, never>;
-export default _default;
+import { type LinkProps as MuiLinkProps } from "@mui/material";
+import { type LinkProps as RouterLinkProps } from "react-router-dom";
+type LinkProps = RouterLinkProps & Omit<MuiLinkProps, "component">;
+declare const Link: ({ sx, ...props }: LinkProps) => import("react/jsx-runtime").JSX.Element;
+export default Link;

package/dist/Loading.d.ts

@@ -1,8 +1,8 @@
-import type { CircularProgressProps } from '@mui/material/CircularProgress';
+import type { CircularProgressProps } from "@mui/material/CircularProgress";
 export type LoadingProps = {
+    size?: number;
     fullScreen?: boolean;
     wrappedInDialog?: boolean;
-    size?: number;
 } & CircularProgressProps;
-declare const Loading: ({ fullScreen, wrappedInDialog, size }: LoadingProps) => import("react/jsx-runtime").JSX.Element;
+declare const Loading: ({ size, fullScreen, wrappedInDialog, ...rest }: LoadingProps) => import("react/jsx-runtime").JSX.Element;
 export default Loading;

package/dist/Logo.d.ts

@@ -1 +1,4 @@
-export declare const Logo: import("styled-components").StyledComponent<"img", any, {}, never>;
+import { type BoxProps } from "@mui/material";
+type LogoProps = BoxProps<"img">;
+export declare const Logo: ({ sx, ...props }: LogoProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/OverflowDiv.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("styled-components").StyledComponent<"div", any, {}, never>;
-export default _default;
+import { type BoxProps } from "@mui/material";
+declare const OverflowDiv: ({ sx, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
+export default OverflowDiv;

package/dist/ProgressBar.d.ts

@@ -1,10 +1,11 @@
-import type { ReactNode } from 'react';
-type Props = {
+import { type BoxProps } from "@mui/material";
+import type { ReactNode } from "react";
+type Props = BoxProps & {
+    width?: string;
     percent: number;
     height?: number;
-    width?: string;
     active?: boolean;
     barColor?: string;
 };
-declare const ProgressBar: ({ percent, width, active, barColor, height, ...props }: Props) => ReactNode;
+declare const ProgressBar: ({ width, active, height, percent, barColor, ...props }: Props) => ReactNode;
 export default ProgressBar;

package/dist/QuestionTooltip.d.ts

@@ -1,11 +1,14 @@
-import type { TooltipProps } from '@mui/material/Tooltip';
-export declare const Icon: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const BlockDescriptionTooltip: import("styled-components").StyledComponent<"div", any, {
-    width?: number | undefined;
-}, never>;
+import { type BoxProps } from "@mui/material";
+import type { TooltipProps } from "@mui/material/Tooltip";
+export declare const Icon: ({ sx, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
+type BlockDescriptionTooltipProps = BoxProps & {
+    width?: number | string;
+    height?: number | string;
+};
+export declare const BlockDescriptionTooltip: import("react").ForwardRefExoticComponent<Omit<BlockDescriptionTooltipProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 type Props = {
-    width: number;
-    height: number;
-} & TooltipProps;
+    width?: number;
+    height?: number;
+} & Omit<TooltipProps, "children">;
 declare const IconTooltip: ({ width, height, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default IconTooltip;

package/dist/RadioCard/RadioCard.d.ts

@@ -1,9 +1,9 @@
-import type { CardProps } from '../card/Card.tsx';
-import type { ReactNode } from 'react';
+import type { ReactNode } from "react";
+import type { CardProps } from "../card/Card.tsx";
 export type RadioCardProps = {
-    cardProps?: Omit<CardProps, 'children'>;
+    cardProps?: Omit<CardProps, "children">;
     children?: React.ReactNode;
-    labelPlacement?: 'top' | 'end' | 'bottom' | 'start';
+    labelPlacement?: "top" | "end" | "bottom" | "start";
     value: unknown;
     radioTestId?: string | null;
 };

package/dist/Row.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("styled-components").StyledComponent<"div", any, {}, never>;
-export default _default;
+import { type BoxProps } from '@mui/material';
+declare const Row: ({ sx, ...props }: BoxProps) => import("react/jsx-runtime").JSX.Element;
+export default Row;

package/dist/Step.d.ts

@@ -1,8 +1,8 @@
-type Props = {
-    children: React.ReactNode;
+import { type StackProps } from "@mui/material";
+type Props = StackProps & {
     number: number;
     status?: boolean;
     header?: string;
 };
-declare const Step: ({ children, header, number, status }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Step: ({ children, header, number, status, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Step;

package/dist/TagWebhookStatus.d.ts

@@ -1,4 +1,5 @@
 import { WEBHOOK_STATUS } from "./shared/webhookStatus";
+import { type TagProps } from "./tag/Tag.tsx";
 export declare const TAG_WEBHOOK_STATUS_COLORS: {
     SUCCESS: string;
     PENDING: string;
@@ -6,7 +7,7 @@ export declare const TAG_WEBHOOK_STATUS_COLORS: {
     NOT_APPLY: string;
 };
 type Props = {
-    webhookStatus?: WEBHOOK_STATUS;
-};
-export declare const TagWebhookStatus: import("styled-components").StyledComponent<(props: import("./index.ts").TagProps) => import("react").ReactNode, any, Props, never>;
+    webhookStatus: WEBHOOK_STATUS;
+} & TagProps;
+export declare const TagWebhookStatus: ({ webhookStatus, sx, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/TransactionTagEntryTypes.d.ts

@@ -1,4 +1,5 @@
 import type { Theme } from "@mui/material";
+import { type TagProps } from "./tag/Tag.tsx";
 export declare const TRANSACTION_TAG_ENTRYTYPE_COLOR: {
     [x: string]: string;
 };
@@ -6,7 +7,7 @@ export declare const getTransactionEntryTypeColors: (theme: Theme) => {
     [x: string]: string;
 };
 type Props = {
-    status?: string;
-};
-export declare const TransactionTagEntryType: import("styled-components").StyledComponent<(props: import("./index.ts").TagProps) => import("react").ReactNode, any, Props, never>;
+    status: string;
+} & Omit<TagProps, "status">;
+export declare const TransactionTagEntryType: ({ status, sx, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/UnsupportedBrowserWarning.d.ts

@@ -1,3 +1,3 @@
-import type { ReactNode } from 'react';
+import type { ReactNode } from "react";
 declare const UnsupportedBrowserWarning: () => ReactNode;
 export default UnsupportedBrowserWarning;

package/dist/auth/LoginWrapper.d.ts

@@ -1,7 +1,7 @@
-type Props = {
-    children: React.ReactNode;
-    history: any;
+import { type BoxProps } from "@mui/material";
+type Props = BoxProps & {
+    history?: any;
     renderFooter?: boolean;
 };
-declare const LoginWrapper: ({ children, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const LoginWrapper: ({ children, sx, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
 export default LoginWrapper;

package/dist/avatar/Avatar.d.ts

@@ -1,12 +1,16 @@
-import type { FlexboxProps, SpaceProps } from 'styled-system';
-import type { ReactNode } from 'react';
-export declare const AvatarCircle: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").AvatarTypeMap<{}, "div">>, any, {}, never>;
-export type Props = {
+import { type BoxProps } from "@mui/material";
+import { type AvatarProps } from "@mui/material/Avatar";
+import type { ReactNode } from "react";
+type AvatarCircleProps = AvatarProps & {
+    size?: number;
+};
+export declare const AvatarCircle: ({ size, sx, ...props }: AvatarCircleProps) => import("react/jsx-runtime").JSX.Element;
+export type Props = BoxProps & {
     name: string;
     size?: number;
     imageUrl?: string;
-    square: boolean;
+    square?: boolean;
     alt?: string;
-} & FlexboxProps & SpaceProps;
-declare const AvatarUI: ({ name, size, imageUrl, alt, ...props }: Props) => ReactNode;
+};
+declare const AvatarUI: ({ name, size, imageUrl, alt, sx, ...props }: Props) => ReactNode;
 export default AvatarUI;

package/dist/avatar/AvatarGroup.d.ts

@@ -1,11 +1,16 @@
-import type { ReactNode } from 'react';
-export declare const Avatar: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").AvatarTypeMap<{}, "div">>, any, {}, never>;
-export declare const AvatarInfo: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").AvatarTypeMap<{}, "div">>, any, {}, never>;
+import { type AvatarProps } from "@mui/material";
+import type { ReactNode } from "react";
+type CustomAvatarProps = {
+    size?: number;
+    excessCount?: boolean;
+} & AvatarProps;
+export declare const Avatar: ({ size, excessCount, sx, ...props }: CustomAvatarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AvatarInfo: ({ size, sx, ...props }: CustomAvatarProps) => import("react/jsx-runtime").JSX.Element;
 type Props = {
     bubbleCount: number;
     edges: any;
     size?: number;
     totalCount?: number;
 };
-declare const AvatarGroup: ({ bubbleCount, edges, size, totalCount, }: Props) => ReactNode;
+declare const AvatarGroup: ({ bubbleCount, edges, size, totalCount }: Props) => ReactNode;
 export default AvatarGroup;

package/dist/buttons/DangerButton.d.ts

@@ -1,2 +1,7 @@
-declare const DangerButton: import("styled-components").StyledComponent<import("@mui/material").ExtendButtonBase<import("@mui/material").ButtonTypeMap<{}, "button">>, any, {}, never>;
+import { type ButtonProps } from "@mui/material/Button";
+import type { ReactNode } from "react";
+type DangerButtonProps = ButtonProps & {
+    variant?: "contained" | "outlined";
+};
+declare const DangerButton: ({ variant, sx, ...props }: DangerButtonProps) => ReactNode;
 export default DangerButton;

package/dist/card/Card.d.ts

@@ -1,16 +1,11 @@
-import type { CardProps as MUICardProps } from '@mui/material/Card';
-import CardActions from '@mui/material/CardActions';
-import CardContent from '@mui/material/CardContent';
-import CardHeader from '@mui/material/CardHeader';
-import CardMedia from '@mui/material/CardMedia';
-import type { ReactNode } from 'react';
-import type { SpaceProps, FlexboxProps, LayoutProps, BorderProps, PositionProps } from 'styled-system';
-type ExtendedCardProps = MUICardProps & FlexboxProps & LayoutProps & BorderProps & SpaceProps & PositionProps;
-export type CardProps = {
-    children: ReactNode;
-    className?: string;
+import { type CardProps as MUICardProps } from "@mui/material/Card";
+import CardActions from "@mui/material/CardActions";
+import CardContent from "@mui/material/CardContent";
+import CardHeader from "@mui/material/CardHeader";
+import CardMedia from "@mui/material/CardMedia";
+export type CardProps = MUICardProps & {
     disabled?: boolean;
-} & ExtendedCardProps;
-declare const Card: import("react").ForwardRefExoticComponent<Omit<CardProps, "ref"> & import("react").RefAttributes<unknown>>;
+};
+declare const Card: import("react").ForwardRefExoticComponent<Omit<CardProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export { CardContent, CardHeader, CardMedia, CardActions };
 export default Card;

package/dist/card/basicContext/CardBasicContext.d.ts

@@ -2,8 +2,8 @@ import type { ButtonProps } from "@mui/material/Button";
 import type { ReactNode } from "react";
 type SVGIconProps = {
     width: number;
-    height?: number;
     color?: string;
+    height?: number;
     viewBox?: string;
 };
 type SVGIcon = (props: SVGIconProps) => JSX.Element;
@@ -27,9 +27,9 @@ type ActionsPropsCustomRender = {
 };
 type ActionsProps = ActionsPropsDefault | ActionsPropsCustomRender;
 type CardBasicContextProps = {
-    title: string;
-    description: any;
     icon: string | SVGIcon | null;
+    title: string;
+    description: ReactNode;
 } & ActionsProps;
 declare const CardBasicContext: (props: CardBasicContextProps) => ReactNode;
 export default CardBasicContext;

package/dist/card/cardWithActions/CardFooter.d.ts

@@ -1,3 +1,3 @@
-import CardActions from '@mui/material/CardActions';
-declare const _default: import("styled-components").StyledComponent<typeof CardActions, any, {}, never>;
-export default _default;
+import { type CardActionsProps } from "@mui/material/CardActions";
+declare const CardFooter: ({ sx, children, ...rest }: CardActionsProps) => import("react/jsx-runtime").JSX.Element;
+export default CardFooter;

package/dist/card/cardWithActions/CardHeader.d.ts

@@ -1,6 +1,5 @@
-import type { ReactNode } from 'react';
-type Props = {
-    children: React.ReactNode;
-};
-declare const CardHeader: ({ children }: Props) => ReactNode;
+import { type BoxProps } from "@mui/material";
+import type { ReactNode } from "react";
+type Props = BoxProps;
+declare const CardHeader: ({ sx, children, ...rest }: Props) => ReactNode;
 export default CardHeader;

package/dist/card/cardWithActions/CardWithActions.d.ts

@@ -23,5 +23,5 @@ type Props = {
     cardProps?: Record<string, unknown>;
     borderColor?: string;
 };
-declare const CardWithActions: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<unknown>>;
+declare const CardWithActions: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLDivElement>>;
 export default CardWithActions;

package/dist/cardGrid/CardField.d.ts

@@ -1,9 +1,8 @@
-import type { AlignItemsProps } from 'styled-system';
-import type { ReactNode } from 'react';
+import type { ReactNode } from "react";
 type CardFieldProps = {
     label: string;
     value: React.ReactNode;
-    alignField?: AlignItemsProps['alignItems'];
+    alignField?: "anchor-center" | "baseline" | "normal" | "stretch" | "inherit";
 };
-declare const CardField: ({ label, value, alignField, }: CardFieldProps) => ReactNode;
+declare const CardField: ({ label, value, alignField }: CardFieldProps) => ReactNode;
 export default CardField;

package/dist/cardGrid/Grid.d.ts

@@ -1,8 +1,8 @@
-import type { SpaceProps, FlexboxProps } from 'styled-system';
+import { type BoxProps } from "@mui/material";
 export type GridProps = {
-    templateColumns?: string;
-    mobileColumns?: string;
     gap?: string;
-} & SpaceProps & FlexboxProps;
-declare const Grid: import("styled-components").StyledComponent<"div", any, GridProps, never>;
+    mobileColumns?: string;
+    templateColumns?: string;
+} & Omit<BoxProps, "gap">;
+declare const Grid: ({ templateColumns, mobileColumns, gap, sx, ...rest }: GridProps) => import("react/jsx-runtime").JSX.Element;
 export default Grid;

package/dist/collapsible/Collapsible.d.ts

@@ -1,5 +1,4 @@
 import type { AccordionProps } from "@mui/material/Accordion";
-import _AccordionActions from "@mui/material/AccordionActions";
 import type { ButtonProps } from "@mui/material/Button";
 import type { ReactNode } from "react";
 type CollapsibleBaseProps = {
@@ -54,6 +53,6 @@ type ActionsPropsCustomRender = {
 };
 type ActionsProps = ActionsPropsEmpty | ActionsPropsDefault | ActionsPropsCustomRender;
 export type CollapsibleProps = SummaryProps & ActionsProps & CollapsibleBaseProps;
-export declare const AccordionActions: import("styled-components").StyledComponent<typeof _AccordionActions, any, {}, never>;
+export declare const AccordionActions: ({ sx, ...props }: import("@mui/material").AccordionActionsProps) => import("react/jsx-runtime").JSX.Element;
 declare const Collapsible: (props: CollapsibleProps) => ReactNode;
 export default Collapsible;

package/dist/collapsible/CollapsibleActions.d.ts

@@ -1,5 +1,5 @@
-import type { CollapsibleProps } from './Collapsible.tsx';
-import type { ReactNode } from 'react';
+import type { ReactNode } from "react";
+import type { CollapsibleProps } from "./Collapsible.tsx";
 type Props = {
     disable?: boolean;
 } & CollapsibleProps;

package/dist/collapsible/CollapsibleDetails.d.ts

@@ -1,7 +1,8 @@
-import type { ReactNode } from 'react';
-type Props = {
+import { type BoxProps } from "@mui/material";
+import type { ReactNode } from "react";
+type Props = BoxProps & {
     leftNode: React.ReactNode;
     rightNode: React.ReactNode;
 };
-declare const CollapsibleDetails: ({ leftNode, rightNode }: Props) => ReactNode;
+declare const CollapsibleDetails: ({ sx, leftNode, rightNode, ...rest }: Props) => ReactNode;
 export default CollapsibleDetails;

package/dist/collapsible/CollapsibleFillWrapper.d.ts

@@ -1 +1,2 @@
-export declare const CollapsibleFillWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { type BoxProps } from '@mui/material';
+export declare const CollapsibleFillWrapper: (props: BoxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/collapsible/CollapsibleGroup.d.ts

@@ -1,2 +1,3 @@
-declare const CollapsibleGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { type BoxProps } from "@mui/material";
+declare const CollapsibleGroup: (props: BoxProps) => import("react/jsx-runtime").JSX.Element;
 export default CollapsibleGroup;

package/dist/collapsible/CollapsibleInfinityActions.d.ts

@@ -10,6 +10,8 @@ type CollapsibleBaseProps = {
     lazy: boolean;
     expanded: boolean | undefined;
     borderRadius?: number;
+    alwaysExpanded?: boolean;
+    isExpanded?: boolean;
 } & AccordionProps;
 type SummaryPropsDefault = {
     renderSummary?: never;

package/dist/collapsible/CollapsibleStep.d.ts

@@ -1,7 +1,6 @@
-import type { ReactNode } from 'react';
-export declare const WrapperIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
-export type CollapsibleStepProps = {
-    children: ReactNode;
+import { type BoxProps } from "@mui/material";
+import type { ReactNode } from "react";
+export type CollapsibleStepProps = BoxProps & {
     header: string;
     legend?: string;
     number?: number;

package/dist/collapsible/CollapsibleStepHeader.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import type { ReactNode } from "react";
 export type CollapsibleStepHeaderProps = {
     number?: number;
     header: string | JSX.Element;
@@ -6,6 +6,5 @@ export type CollapsibleStepHeaderProps = {
     status?: boolean;
     showEdit?: boolean;
 };
-export declare const WrapperIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
 declare const CollapsibleStepHeader: ({ number, header, status, legend, showEdit, }: CollapsibleStepHeaderProps) => ReactNode;
 export default CollapsibleStepHeader;

package/dist/collapsible/CollapsibleTree.d.ts

@@ -1,12 +1,18 @@
-import type { ReactNode } from 'react';
-import type { CollapsibleProps } from './Collapsible.tsx';
-export declare const CollapsibleTreeActions: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent.d.ts").OverridableComponent<import("@mui/material").StackTypeMap<{}, "div">>, any, {
+import { type BoxProps } from "@mui/material";
+import type { ReactNode } from "react";
+import type { CollapsibleProps } from "./Collapsible.tsx";
+export declare const CollapsibleTreeActions: ({ isParent, noBorder, sx, ...props }: import("@mui/material").StackOwnProps & import("@mui/material/OverridableComponent.d.ts").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+}, keyof import("@mui/material/OverridableComponent.d.ts").CommonProps | keyof import("@mui/material").StackOwnProps> & {
+    component?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
     isParent: boolean;
     noBorder: boolean;
-}, never>;
+}) => import("react/jsx-runtime").JSX.Element;
 type Props = {
     disable?: boolean;
     borderRadius?: number;
+    rootProps?: BoxProps;
 } & CollapsibleProps;
 declare const CollapsibleTree: (props: Props) => ReactNode;
 export default CollapsibleTree;

package/dist/collapsible/ExpandMoreIcon.d.ts

@@ -1,7 +1,6 @@
-type ExpandMoreIconProps = {
+import type { SvgIconProps } from "@mui/material";
+type ExpandMoreIconProps = SvgIconProps & {
     hide?: boolean;
 };
-declare const ExpandMoreIcon: import("styled-components").StyledComponent<import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
-    muiName: string;
-}, any, ExpandMoreIconProps, never>;
+declare const ExpandMoreIcon: ({ sx, hide, ...rest }: ExpandMoreIconProps) => import("react/jsx-runtime").JSX.Element;
 export default ExpandMoreIcon;

package/dist/collapsible/LeafCollapsible.d.ts

@@ -1,5 +1,5 @@
-declare const LeafCollapsible: import("styled-components").StyledComponent<(props: import("./Collapsible.tsx").CollapsibleProps) => import("react").ReactNode, any, {
-    expanded: false;
-    expandIcon: null;
-}, "expandIcon" | "expanded">;
+import type { ReactNode } from 'react';
+import type { CollapsibleProps } from './Collapsible.tsx';
+export type LeafCollapsibleProps = Omit<CollapsibleProps, 'expandIcon'>;
+declare const LeafCollapsible: (props: LeafCollapsibleProps) => ReactNode;
 export default LeafCollapsible;

package/dist/collapsible/TransparencyCollapsibleWrapper.d.ts

@@ -1,2 +1,5 @@
-export declare const transparentMixin: import("styled-components").FlattenSimpleInterpolation;
-export declare const TransparencyCollapsibleWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+import Box from '@mui/material/Box';
+import type { Theme } from '@mui/material/styles';
+import type { ComponentProps, ReactNode } from 'react';
+export type TransparencyCollapsibleWrapperProps = ComponentProps<typeof Box>;
+export declare const TransparencyCollapsibleWrapper: any;