@woovi/ui 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Entria
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,36 @@
+# @woovi/ui
+
+Woovi UI component library built with React and Material-UI.
+
+## Installation
+
+```bash
+npm install @woovi/ui
+# or
+yarn add @woovi/ui
+# or
+pnpm add @woovi/ui
+```
+
+## Usage
+
+```tsx
+import { Button, Card } from '@woovi/ui';
+
+function App() {
+  return (
+    <Card>
+      <Button>Click me</Button>
+    </Card>
+  );
+}
+```
+
+## Requirements
+
+- React 18.3.1 or higher
+- React DOM 18.3.1 or higher
+
+## License
+
+MIT

package/dist/BackButton.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+type Props = {
+    onClick?: () => void;
+};
+declare const BackButton: ({ onClick }: Props) => ReactNode;
+export default BackButton;

package/dist/Badge.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("styled-components").StyledComponent<"div", any, {}, never>;
+export default _default;

package/dist/Banner.d.ts

@@ -0,0 +1,9 @@
+type VariantTypes = 'solid' | 'outline';
+type ColorTypes = 'primary' | 'secondary' | 'tertiary' | 'error' | 'warning' | 'info';
+export type BannerProps = {
+    variant?: VariantTypes;
+    color?: ColorTypes;
+    children?: React.ReactNode;
+};
+export declare const Banner: import("styled-components").StyledComponent<"div", any, BannerProps, never>;
+export {};

package/dist/BannerError.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+    errors: string[];
+    callbackOnClose: () => void;
+};
+export declare const BannerError: ({ errors, callbackOnClose }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export default BannerError;

package/dist/BannerInfos.d.ts

@@ -0,0 +1,27 @@
+export type BannerErrorField<T> = {
+    headerName: string;
+    field: keyof T;
+    valueGetter?: ({ row }: {
+        row: T;
+    }) => string;
+    flex?: number;
+    renderCell?: ({ color, value, row }: {
+        color: string;
+        value: string;
+        row: T;
+    }) => JSX.Element | string;
+    hidden?: boolean;
+};
+type BannerInfosArgs<T> = {
+    errors: T[];
+    columns: BannerErrorField<T>[];
+    titleHeader?: string;
+    onClose: () => void;
+    color?: string;
+    isOpen?: boolean;
+    name?: string;
+    refColumn: BannerErrorField<T>;
+};
+type BannerInfosResult = JSX.Element | null;
+export declare const BannerInfos: <T>({ errors, columns, titleHeader, onClose, isOpen, color, name, refColumn, }: BannerInfosArgs<T>) => BannerInfosResult;
+export default BannerInfos;

package/dist/CashbackTagStatus.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    status: string;
+};
+export declare const CashbackTagStatus: import("styled-components").StyledComponent<(props: import("./index.ts").TagProps) => import("react").ReactNode, any, Props, never>;
+export {};

package/dist/Circle.d.ts

@@ -0,0 +1,5 @@
+declare const Circle: import("styled-components").StyledComponent<"div", any, {
+    size: number | null;
+    color: string | null;
+}, never>;
+export default Circle;

package/dist/CircleButton.d.ts

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

package/dist/ClockIcon.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+type ClockIconProps = {
+    color?: string;
+    size?: number;
+};
+declare const ClockIcon: ({ color, size }: ClockIconProps) => ReactNode;
+export default ClockIcon;

package/dist/Column.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("styled-components").StyledComponent<"div", any, {}, never>;
+export default _default;

package/dist/CopyInput.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+type CopyInputProps = {
+    value: string;
+    error?: boolean;
+    onError?: (error: boolean) => void;
+};
+export declare const CopyInput: ({ value, error, onError }: CopyInputProps) => ReactNode;
+export {};

package/dist/EmptyMessage.d.ts

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

package/dist/EncryptedText.d.ts

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

package/dist/FloatingMenu.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+type Item = {
+    onClick: () => void;
+    icon: string;
+    label: string;
+    color: string;
+    filter?: () => boolean;
+};
+type Props = {
+    items: Item[];
+    isVisible: boolean;
+    Heading?: ReactNode;
+};
+declare const FloatingMenu: (props: Props) => ReactNode;
+export default FloatingMenu;

package/dist/LayoutRoot.d.ts

@@ -0,0 +1 @@
+export declare const LayoutRoot: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/LinearProgress.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+type Props = {
+    currentProgress?: number;
+    colors?: string[];
+    hideAfterComplete?: boolean;
+};
+declare const LinearProgress: ({ currentProgress, colors, hideAfterComplete, ...rest }: Props) => ReactNode;
+export default LinearProgress;

package/dist/Link.d.ts

@@ -0,0 +1,3 @@
+import { Link } from 'react-router-dom';
+declare const _default: import("styled-components").StyledComponent<typeof Link, any, {}, never>;
+export default _default;

package/dist/Loading.d.ts

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

package/dist/Logo.d.ts

@@ -0,0 +1 @@
+export declare const Logo: import("styled-components").StyledComponent<"img", any, {}, never>;

package/dist/LoremIpsum.d.ts

@@ -0,0 +1,2 @@
+export declare const LoremIpsum = "What is Lorem Ipsum? Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Why do we use it? It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using Content here, content here, making it look like readable English.";
+export default LoremIpsum;

package/dist/Modal/Modal.d.ts

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+export type Props = {
+    isOpen: boolean;
+    title?: string | React.ReactNode | null;
+    bodyStyle?: Record<string, unknown>;
+    style?: Record<string, unknown>;
+    children: React.ReactNode;
+    isScrollable?: boolean | null;
+    handleClose?: () => void;
+    onClick?: () => void;
+    actions?: React.ReactNode[];
+    className?: string;
+    dialogStyle?: Record<string, unknown>;
+    showClose?: boolean;
+    fullWidth?: boolean;
+    maxWidth?: string;
+};
+declare const Modal: (props: Props) => ReactNode;
+export default Modal;

package/dist/OverflowDiv.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("styled-components").StyledComponent<"div", any, {}, never>;
+export default _default;

package/dist/ProgressBar.d.ts

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

package/dist/QuestionTooltip.d.ts

@@ -0,0 +1,11 @@
+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>;
+type Props = {
+    width: number;
+    height: number;
+} & TooltipProps;
+declare const IconTooltip: ({ width, height, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default IconTooltip;

package/dist/RadioCard/RadioCard.d.ts

@@ -0,0 +1,11 @@
+import type { CardProps } from '../card/Card.tsx';
+import type { ReactNode } from 'react';
+export type RadioCardProps = {
+    cardProps?: Omit<CardProps, 'children'>;
+    children?: React.ReactNode;
+    labelPlacement?: 'top' | 'end' | 'bottom' | 'start';
+    value: unknown;
+    radioTestId?: string | null;
+};
+declare const RadioCard: ({ children, value, labelPlacement, cardProps, radioTestId, useFormik, }: RadioCardProps) => ReactNode;
+export default RadioCard;

package/dist/ReactJson.d.ts

@@ -0,0 +1,2 @@
+import type { ReactNode } from "react";
+export declare const ReactJson: (props: any) => ReactNode;

package/dist/ReactRouterLinkBehavior.d.ts

@@ -0,0 +1,2 @@
+import type { LinkProps } from 'react-router-dom';
+export declare const ReactRouterLinkBehavior: import("react").ForwardRefExoticComponent<Omit<LinkProps<unknown>, "to"> & import("react").RefAttributes<any>>;

package/dist/Row.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("styled-components").StyledComponent<"div", any, {}, never>;
+export default _default;

package/dist/SafeTextTooltip.d.ts

@@ -0,0 +1,9 @@
+import Typography from "@mui/material/Typography";
+import type { ComponentProps, ReactNode } from "react";
+export declare const toSafeTruncate: (value: string | null, length?: number) => (string | boolean | null)[];
+type Props = {
+    children: string | null;
+    length?: number;
+} & ComponentProps<typeof Typography>;
+declare const SafeTextTootltip: ({ children, length, ...rest }: Props) => ReactNode;
+export default SafeTextTootltip;

package/dist/SearchField.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from "react";
+export type InputProps = {
+    fontSize?: string;
+};
+type Props = {
+    defaultValue?: string;
+    onSearchTermChange: (search: string) => void;
+    placeholder?: string;
+    className?: string;
+    autoFocus?: boolean;
+    fontSize?: string;
+};
+declare const SearchField: (props: Props) => ReactNode;
+export default SearchField;

package/dist/Step.d.ts

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

package/dist/SwipeableDialog/SwipeableDialog.d.ts

@@ -0,0 +1,19 @@
+import type React from "react";
+import type { ReactNode } from "react";
+type SwipeableDialogContext = {
+    open: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    closeOnBackdropClick?: boolean;
+};
+type SwipeableDialogProviderProps = {
+    children: React.ReactNode;
+    isOpen?: boolean;
+    onOpenChange?: () => void;
+    closeOnBackdropClick?: boolean;
+};
+declare const SwipeableDialogContext: React.Context<SwipeableDialogContext | null>;
+export declare const useSwipeableDialogContext: () => SwipeableDialogContext;
+export declare function SwipeableDialog(props: SwipeableDialogProviderProps): ReactNode;
+export declare namespace SwipeableDialog {
+    var displayName: string;
+}

package/dist/SwipeableDialog/SwipeableDialogActions.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+type SwipeableDialogActionsProps = {
+    children: React.ReactNode;
+};
+export declare function SwipeableDialogActions(props: SwipeableDialogActionsProps): ReactNode;
+export declare namespace SwipeableDialogActions {
+    var displayName: string;
+}

package/dist/SwipeableDialog/SwipeableDialogClose.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type SwipeableDialogCloseProps = {
+    children: React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLButtonElement>;
+};
+export declare function SwipeableDialogClose(props: SwipeableDialogCloseProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare namespace SwipeableDialogClose {
+    var displayName: string;
+}

package/dist/SwipeableDialog/SwipeableDialogContent.d.ts

@@ -0,0 +1,12 @@
+import type { SxProps } from '@mui/material/styles';
+import React from 'react';
+import type { ReactNode } from 'react';
+type SwipeableDialogContentProps = {
+    children: React.ReactNode;
+    dividers?: boolean;
+    sx?: SxProps;
+};
+export declare function SwipeableDialogContent(props: SwipeableDialogContentProps): ReactNode;
+export declare namespace SwipeableDialogContent {
+    var displayName: string;
+}

package/dist/SwipeableDialog/SwipeableDialogModal.d.ts

@@ -0,0 +1,9 @@
+import type { SxProps } from '@mui/material/styles';
+import React from 'react';
+import type { ReactNode } from 'react';
+type SwipeableDialogModalProps = {
+    children: React.ReactNode;
+    sx?: SxProps;
+};
+export declare const SwipeableDialogModal: ({ children, sx, }: SwipeableDialogModalProps) => ReactNode;
+export {};

package/dist/SwipeableDialog/SwipeableDialogTitle.d.ts

@@ -0,0 +1,11 @@
+import type { SxProps } from '@mui/material';
+import React from 'react';
+import type { ReactNode } from 'react';
+type SwipeableDialogTitleProps = {
+    children: React.ReactNode;
+    sx?: SxProps;
+};
+export declare function SwipeableDialogTitle(props: SwipeableDialogTitleProps): ReactNode;
+export declare namespace SwipeableDialogTitle {
+    var displayName: string;
+}

package/dist/SwipeableDialog/SwipeableDialogTrigger.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+type SwipeableDialogTriggerProps = {
+    children: React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+};
+export declare function SwipeableDialogTrigger(props: SwipeableDialogTriggerProps): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare namespace SwipeableDialogTrigger {
+    var displayName: string;
+}

package/dist/TagWebhookStatus.d.ts

@@ -0,0 +1,12 @@
+import { WEBHOOK_STATUS } from "./shared/webhookStatus";
+export declare const TAG_WEBHOOK_STATUS_COLORS: {
+    SUCCESS: string;
+    PENDING: string;
+    FAILED: string;
+    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>;
+export {};

package/dist/ThemeProvider.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+type ThemeProviderProps = {
+    children: React.ReactNode;
+};
+type ThemeContextValue = {
+    toggleTheme: VoidFunction;
+    themeMode: 'light' | 'dark';
+};
+export declare const useThemeMode: () => ThemeContextValue;
+declare const ThemeProvider: ({ children }: ThemeProviderProps) => ReactNode;
+export default ThemeProvider;

package/dist/ToggleButtonGroup.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+/** If `exclusive` is `false`, `GroupValue` will be an array of strings. */
+export type GroupValue = string | (string | null)[] | null;
+type GroupItem = {
+    text: React.ReactNode;
+    value: GroupValue;
+};
+export type ToggleButtonGroupProps = {
+    group: GroupItem[];
+    /**
+     * Toggle more than one button per time. If `exclusive` is `false`,
+     * the value that you
+     */
+    exclusive?: boolean;
+    initialValue?: string;
+    canValueBeNull?: boolean;
+    onValueChange?: (value: GroupValue) => void;
+};
+/**
+ * @see [our Storybook component](https://entria.github.io/woovi-admin/?path=/story/ui-togglebuttongroup--component)
+ */
+declare const ToggleButtonGroup: ({ group, exclusive, canValueBeNull, initialValue, onValueChange, }: ToggleButtonGroupProps) => ReactNode;
+export default ToggleButtonGroup;

package/dist/ToggleButtonGroupMobile.d.ts

@@ -0,0 +1,7 @@
+import type { ToggleButtonGroupProps, GroupValue } from './ToggleButtonGroup.tsx';
+export type ToggleButtonGroupMobileProps = ToggleButtonGroupProps & {
+    value: GroupValue;
+    onValueChange: (newValue: string) => void;
+};
+declare const ToggleButtonGroupMobile: ({ group, value, onValueChange, }: ToggleButtonGroupMobileProps) => import("react/jsx-runtime").JSX.Element;
+export default ToggleButtonGroupMobile;

package/dist/TransactionStatusTag.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/TransactionTagEntryTypes.d.ts

@@ -0,0 +1,12 @@
+import type { Theme } from "@mui/material";
+export declare const TRANSACTION_TAG_ENTRYTYPE_COLOR: {
+    [x: string]: string;
+};
+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>;
+export {};

package/dist/TransactionTagStatus.d.ts

@@ -0,0 +1,7 @@
+import { type Theme } from "@mui/material/styles";
+type TransactionStatusTagProps = {
+    status: string;
+};
+export declare const TRANSACTION_TAG_STATUS_COLOR: (theme: Theme, status: string) => string | undefined;
+export declare const TransactionTagStatus: ({ status }: TransactionStatusTagProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/UnsupportedBrowserWarning.d.ts

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

package/dist/auth/LoginWrapper.d.ts

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

package/dist/avatar/Avatar.d.ts

@@ -0,0 +1,12 @@
+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 = {
+    name: string;
+    size?: number;
+    imageUrl?: string;
+    square: boolean;
+    alt?: string;
+} & FlexboxProps & SpaceProps;
+declare const AvatarUI: ({ name, size, imageUrl, alt, ...props }: Props) => ReactNode;
+export default AvatarUI;

package/dist/avatar/AvatarGroup.d.ts

@@ -0,0 +1,11 @@
+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>;
+type Props = {
+    bubbleCount: number;
+    edges: any;
+    size?: number;
+    totalCount?: number;
+};
+declare const AvatarGroup: ({ bubbleCount, edges, size, totalCount, }: Props) => ReactNode;
+export default AvatarGroup;

package/dist/avatar/AvatarGroupArray.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+type Props = {
+    bubbleCount: number;
+    usersArray: any[];
+    size?: number;
+};
+declare const AvatarGroupArray: ({ bubbleCount, usersArray, size, }: Props) => ReactNode;
+export default AvatarGroupArray;

package/dist/avatar/AvatarGroupSelectedAll.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+type Props = {
+    bubbleCount: number;
+    edges: any;
+    size?: number;
+    totalCount: number;
+};
+declare const AvatarGroupSelectedAll: ({ bubbleCount, edges, size, totalCount, }: Props) => ReactNode;
+export default AvatarGroupSelectedAll;

package/dist/buttons/ActionButton.d.ts

@@ -0,0 +1,14 @@
+import type { ButtonProps } from '@mui/material/Button';
+import type { ReactNode } from 'react';
+type StyledButtonProps = {
+    bgColor?: string;
+};
+export type ActionButtonProps = {
+    icon?: string;
+    label?: string;
+    link?: string;
+    external?: boolean;
+    loading?: boolean;
+} & ButtonProps & StyledButtonProps;
+declare const ActionButton: ({ icon, size, variant, color, children, label, link, external, loading, ...props }: ActionButtonProps) => ReactNode;
+export default ActionButton;

package/dist/buttons/ButtonMenu.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+type ButtonMenuProps = {
+    children: React.ReactNode;
+};
+export declare const ButtonMenu: ({ children }: ButtonMenuProps) => import("react/jsx-runtime").JSX.Element;
+type ButtonMenuItemProps = {
+    href?: string;
+    children: React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
+};
+export declare const ButtonMenuItem: ({ children, href, onClick, }: ButtonMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/buttons/CopyButton.d.ts

@@ -0,0 +1,9 @@
+import type * as React from "react";
+import type { ReactNode } from "react";
+export type CopyButtonProps = {
+    value: string;
+    debounceDelay?: number;
+    onError?: (error: boolean) => void;
+    children: React.ReactNode;
+};
+export declare const CopyButton: ({ value, onError, debounceDelay, children, ...props }: CopyButtonProps) => ReactNode;

package/dist/buttons/DangerButton.d.ts

@@ -0,0 +1,2 @@
+declare const DangerButton: import("styled-components").StyledComponent<import("@mui/material").ExtendButtonBase<import("@mui/material").ButtonTypeMap<{}, "button">>, any, {}, never>;
+export default DangerButton;

package/dist/buttons/PayWithPixButton.d.ts

@@ -0,0 +1,12 @@
+import type { SxProps, Theme } from '@mui/material/styles';
+import type { MouseEventHandler, ReactNode } from 'react';
+type PayWithPixColors = 'primary' | 'tertiary' | 'white';
+export type PayWithPixButtonProps = {
+    color?: PayWithPixColors;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+    sx?: SxProps<Theme>;
+    disabled?: boolean;
+    isPending?: boolean;
+};
+declare const PayWithPixButton: ({ color, sx, disabled, onClick, isPending, }: PayWithPixButtonProps) => ReactNode;
+export default PayWithPixButton;