@woovi/ui 5.0.5 → 6.0.0

package/dist/content/ActionMargin.d.ts

@@ -1,7 +1,8 @@
-import type { ReactNode } from 'react';
-export type ActionMarginProps = {
-    rightComponent?: ReactNode;
+import { type BoxProps } from "@mui/material";
+import type { ReactNode } from "react";
+export type ActionMarginProps = BoxProps & {
     leftComponent?: ReactNode;
+    rightComponent?: ReactNode;
 };
-declare const _default: ({ rightComponent, leftComponent }: ActionMarginProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: ({ sx, rightComponent, leftComponent, ...rest }: ActionMarginProps) => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/dist/content/ActionMarginText.d.ts

@@ -1,2 +1,4 @@
-declare const _default: import("styled-components").StyledComponent<"span", any, {}, never>;
-export default _default;
+import { type TypographyProps } from "@mui/material";
+type ActionMarginTextProps = TypographyProps;
+declare const ActionMarginText: ({ sx, ...rest }: ActionMarginTextProps) => import("react/jsx-runtime").JSX.Element;
+export default ActionMarginText;

package/dist/content/Content.d.ts

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

package/dist/content/IntroText.d.ts

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

package/dist/device/Phone.d.ts

@@ -1,5 +1,4 @@
-interface Props {
-    children?: React.ReactNode;
-}
-declare const Phone: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
+import { type BoxProps } from "@mui/material";
+type Props = BoxProps;
+declare const Phone: ({ sx, children, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Phone;

package/dist/drawer/DrawerResponsiveWrapper.d.ts

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

package/dist/error/ErrorView.d.ts

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

package/dist/file/IconButton.d.ts

@@ -1,12 +1,9 @@
+import type { ReactNode } from "react";
 type Props = {
+    color?: string;
     children: ReactNode;
+    onClick?: () => void;
     background?: string;
-    color?: string;
 };
-declare function IconButton(props: Props): import("react/jsx-runtime").JSX.Element;
-declare namespace IconButton {
-    var defaultProps: {
-        background: string;
-    };
-}
+declare function IconButton({ color, onClick, children, background }: Props): import("react/jsx-runtime").JSX.Element;
 export default IconButton;

package/dist/file/MaterialIcon.d.ts

@@ -1,13 +1,10 @@
+import type { PropsWithChildren } from "react";
 type Props = {
+    color?: string;
     children: React.ReactNode;
+    padding?: string;
+    fontSize?: string | number;
     className?: string;
 };
-declare function MaterialIcon(props: Props): import("react/jsx-runtime").JSX.Element;
-declare namespace MaterialIcon {
-    var defaultProps: {
-        color: string;
-        fontSize: number;
-        padding: string;
-    };
-}
+declare function MaterialIcon(props: PropsWithChildren<Props>): import("react/jsx-runtime").JSX.Element;
 export default MaterialIcon;

package/dist/helpers/Divider.d.ts

@@ -1,8 +1,7 @@
-import type { BoxProps } from '@mui/material/Box';
-import type { ComponentType } from 'react';
+import type { BoxProps } from "@mui/material/Box";
 type OwnProps = {
-    opacity: number;
+    opacity?: number;
 };
 type Props = BoxProps & OwnProps;
-declare const Divider: import("styled-components").StyledComponent<ComponentType<Props>, any, {}, never>;
+declare const Divider: ({ sx, opacity, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Divider;

package/dist/icons/CheckboxChecked.d.ts

@@ -1,8 +1,8 @@
-import type { ReactNode } from 'react';
+import type { ReactNode } from "react";
 type Props = {
     size?: number;
     color?: string;
     viewBox?: string;
 };
-declare const CheckboxChecked: ({ size, color, viewBox, }: Props) => ReactNode;
+declare const CheckboxChecked: ({ size, color, viewBox }: Props) => ReactNode;
 export default CheckboxChecked;

package/dist/icons/CheckboxUnchecked.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import type { ReactNode } from "react";
 type Props = {
     size: number;
     color?: string;

package/dist/icons/SVG.d.ts

@@ -1,5 +1,5 @@
 declare const _default: {
-    CheckboxChecked: ({ size, color, viewBox, }: {
+    CheckboxChecked: ({ size, color, viewBox }: {
         size?: number | undefined;
         color?: string | undefined;
         viewBox?: string | undefined;

package/dist/import/Dropzone.d.ts

@@ -1,2 +1,4 @@
-declare const Dropzone: import("styled-components").StyledComponent<"div", any, {}, never>;
+import type { Theme } from "@mui/material/styles";
+import type { ReactNode } from "react";
+declare const Dropzone: any;
 export default Dropzone;

package/dist/import/DropzoneFile.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import type { ReactNode } from "react";
 export declare const allowedMimeTypes: string[];
 type File = any;
 type Props = {