@woovi/ui 0.0.1

package/dist/index.js.LICENSE.txt

@@ -0,0 +1,35 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+/*!
+ * EMVCO Parser
+ *
+ * Refs:
+ * - https://github.com/apemon/promptpay-emv-parser
+ * - https://www.blognone.com/node/95133
+ * - https://www.emvco.com/emv-technologies/qrcodes/
+ * - https://github.com/dtinth/promptpay-qr
+ * - https://github.com/mhdnamvar/node-emv.git
+ *
+ */
+
+/** @license React v16.13.1
+ * react-is.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/** @license React v16.13.1
+ * react-is.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/dist/layoutWrapper/LayoutWrapper.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+type Props = {
+    children: ReactNode;
+    header: ReactNode;
+    sidebar: ReactNode;
+};
+declare const LayoutWrapper: ({ header, sidebar, children }: Props) => ReactNode;
+export default LayoutWrapper;

package/dist/layoutWrapper/LayoutWrapperFluid.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+type Props = {
+    children: ReactNode;
+    header: ReactNode;
+    sidebar: ReactNode;
+};
+declare const LayoutWrapperFluid: ({ header, sidebar, children, }: Props) => ReactNode;
+export default LayoutWrapperFluid;

package/dist/link/WooviLink.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+type WooviLinkProps = {
+    children: ReactNode;
+    to: string;
+};
+export declare const WooviLink: ({ children, to, ...rest }: WooviLinkProps) => ReactNode;
+export {};

package/dist/logo/OpenPixLogoColor.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    width?: string;
+    height?: string;
+    showText?: boolean;
+};
+declare const _default: ({ width, height, showText }: Props) => import("react/jsx-runtime").JSX.Element;
+export default _default;

package/dist/logo/WooviLogo.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+type Props = {
+    width?: string;
+    height?: string;
+    color?: string;
+};
+declare const WooviLogo: ({ width, height, color, }: Props) => ReactNode;
+export default WooviLogo;

package/dist/mui/BoxFlex.d.ts

@@ -0,0 +1,14 @@
+import type { BoxProps } from '@mui/material';
+import type { ReactNode } from 'react';
+type MuiFlexProps = {
+    children: ReactNode;
+    tabIndex?: number;
+    sx?: BoxProps['sx'];
+    'data-testid'?: string;
+};
+/**
+ * @deprecated This component is deprecated.
+ * Please use MUI's Stack component instead.
+ */
+declare const BoxFlex: import("react").ForwardRefExoticComponent<MuiFlexProps & import("react").RefAttributes<unknown>>;
+export default BoxFlex;

package/dist/mui/Typography.d.ts

@@ -0,0 +1,8 @@
+import type { SxProps } from '@mui/material';
+import type { TypographyProps } from '@mui/material/Typography/Typography';
+import type { ReactNode } from 'react';
+type TypographyPropsUI = TypographyProps & {
+    sx?: SxProps;
+};
+declare const Typography: ({ variant, children, color, ...props }: TypographyPropsUI) => ReactNode;
+export default Typography;

package/dist/multifactor/MultiFactorConfirmModal.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from "react";
+import type { MultiFactorActionEnum } from "../shared/multiFactorActionEnum";
+export type MultiFactorConfirmModalProps = {
+    title: string;
+    message?: ReactNode;
+    actionMessage?: string;
+    isOpen: boolean;
+    isMutationPending?: boolean;
+    onConfirm: () => void;
+    handleOpenChange: () => void;
+    onTryAnotherWay?: () => Promise<{
+        brCode?: string;
+    } | void>;
+    onGetResult?: () => Promise<{
+        result?: string;
+    } | void>;
+    onContinue?: () => void;
+    email?: string;
+    isTOTPActive?: boolean;
+    isWhatsAppAuthenticatorActive?: boolean;
+    phoneNumber?: string;
+    name?: string;
+    action?: MultiFactorActionEnum;
+};
+declare const MultiFactorConfirmModal: ({ title, message, actionMessage, isOpen, isMutationPending, onConfirm, handleOpenChange, onTryAnotherWay, email, isTOTPActive, isWhatsAppAuthenticatorActive, phoneNumber, name, action, onGetResult, onContinue, }: MultiFactorConfirmModalProps) => ReactNode;
+export default MultiFactorConfirmModal;

package/dist/multifactor/MultiFactorPixPaymentMatch.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+type MultiFactorPixPaymentMatchProps = {
+    amount?: number;
+    onContinue?: () => void;
+};
+declare const MultiFactorPixPaymentMatch: ({ amount, onContinue, }: MultiFactorPixPaymentMatchProps) => ReactNode;
+export default MultiFactorPixPaymentMatch;

package/dist/multifactor/MultiFactorPixPaymentMismatch.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+type MultiFactorPixPaymentMismatchProps = {
+    amount?: number;
+};
+declare const MultiFactorPixPaymentMismatch: ({ amount }: MultiFactorPixPaymentMismatchProps) => ReactNode;
+export default MultiFactorPixPaymentMismatch;

package/dist/multifactor/MultiFactorPixPaymentView.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from "react";
+type MultiFactorPixPaymentViewProps = {
+    brCode: string;
+    onGetResult?: () => Promise<{
+        result?: string;
+    } | void>;
+    onContinue?: () => void;
+};
+declare const MultiFactorPixPaymentView: ({ brCode, onGetResult, onContinue, }: MultiFactorPixPaymentViewProps) => ReactNode;
+export default MultiFactorPixPaymentView;

package/dist/openpix/charge/ChargeTagStatus.d.ts

@@ -0,0 +1,12 @@
+export declare const TAG_STATUS_COLOR: {
+    [x: string]: string;
+    ACTIVE: string;
+    DELETED: string;
+    ACTIVE_WAITING_PAYMENT_METHOD: string;
+    EXPIRED: string;
+    OVERDUE: string;
+    COMPLETED: string;
+};
+export declare const ChargeTagStatus: import("styled-components").StyledComponent<(props: import("../../index.ts").TagProps) => import("react").ReactNode, any, {
+    status: string;
+}, never>;

package/dist/openpix/cobr/CobrTagStatus.d.ts

@@ -0,0 +1,6 @@
+export declare const CobrTagStatus: import("styled-components").StyledComponent<(props: import("../../index.ts").TagProps) => import("react").ReactNode, any, {
+    status: "ACTIVE" | "CANCELED" | "CONCLUDED" | "CREATED" | "EXPIRED" | "FAILED_TRY" | "REJECTED";
+}, never>;
+export declare const CobrTryTagStatus: import("styled-components").StyledComponent<(props: import("../../index.ts").TagProps) => import("react").ReactNode, any, {
+    status: "PAID" | "REJECTED" | "REQUESTED" | "SCHEDULED";
+}, never>;

package/dist/openpix/images/WooviLogoInMobile.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from 'react';
+declare const WooviLogoInMobile: ({ size }: {
+    size?: string | undefined;
+}) => ReactNode;
+export default WooviLogoInMobile;

package/dist/openpix/order/CheckIcon.d.ts

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

package/dist/openpix/order/ConfirmedIcon.d.ts

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

package/dist/openpix/order/EarnCashback.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+import type { ChargeData } from "../paymentLink/types/ChargeDataType.tsx";
+type EarnGfitbackProps = {
+    chargeData: ChargeData;
+};
+declare const EarnCashback: ({ chargeData }: EarnGfitbackProps) => ReactNode;
+export default EarnCashback;

package/dist/openpix/order/EarnCashbackExclusive.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+import type { ChargeData } from "../paymentLink/types/ChargeDataType.tsx";
+type EarnCashbackExclusiveProps = {
+    chargeData: ChargeData;
+};
+declare const EarnCashbackExclusive: ({ chargeData }: EarnCashbackExclusiveProps) => ReactNode;
+export default EarnCashbackExclusive;

package/dist/openpix/order/PayPixValueCompany.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+import type { ChargeData } from "../paymentLink/types/ChargeDataType.tsx";
+type Props = {
+    charge: ChargeData;
+    companyName: string;
+};
+export declare const PayPixValueCompany: ({ charge, companyName }: Props) => ReactNode;
+export {};

package/dist/openpix/order/PixPaymentWoovi.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+type PixPaymentWooviProps = {
+    isTemp: boolean;
+    projectType: string;
+};
+declare const PixPaymentWoovi: ({ projectType }: PixPaymentWooviProps) => ReactNode;
+export default PixPaymentWoovi;

package/dist/openpix/order/discount/EarnDiscount.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+import type { ChargeData } from "../../paymentLink/types/ChargeDataType.tsx";
+type EarnDiscount = {
+    chargeData: ChargeData;
+};
+declare const EarnDiscount: ({ chargeData }: EarnDiscount) => ReactNode;
+export default EarnDiscount;

package/dist/openpix/paymentLink/AdditionalInfo.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+import type { ChargeData } from './types/ChargeDataType.tsx';
+type AccountInfoLabelProps = {
+    label: string;
+    text: string | JSX.Element;
+};
+export declare const AccountInfoLabel: ({ label, text, }: AccountInfoLabelProps) => ReactNode;
+type AdditionalInfoProps = {
+    charge: ChargeData;
+};
+export declare const AdditionalInfo: ({ charge }: AdditionalInfoProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/openpix/paymentLink/BrCodeInput.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+type BrCodeInputProps = {
+    value: string;
+};
+declare const BrCodeInput: ({ value }: BrCodeInputProps) => ReactNode;
+export default BrCodeInput;

package/dist/openpix/paymentLink/CopyBarcode.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+export type CopyBarcodeProps = {
+    value: string;
+    debounceDelay?: number;
+    onError?: (error: boolean) => void;
+};
+declare const CopyBarcode: ({ value, onError, debounceDelay, }: CopyBarcodeProps) => ReactNode;
+export default CopyBarcode;

package/dist/openpix/paymentLink/CopyQRCode.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+export type CopyQRCodeProps = {
+    value: string;
+    debounceDelay?: number;
+    onError?: (error: boolean) => void;
+};
+declare const CopyQRCode: ({ value, onError, debounceDelay, }: CopyQRCodeProps) => ReactNode;
+export default CopyQRCode;

package/dist/openpix/paymentLink/ErrorIcon.d.ts

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

package/dist/openpix/paymentLink/InterestsInfo.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+import type { ChargeData } from "./types/ChargeDataType.tsx";
+export declare const InterestsInfoRow: ({ title, value, }: {
+    title: string;
+    value: ReactNode;
+}) => ReactNode;
+type InterestsInfoProps = {
+    chargeData: ChargeData;
+};
+declare const InterestsInfo: ({ chargeData }: InterestsInfoProps) => ReactNode;
+export default InterestsInfo;

package/dist/openpix/paymentLink/PaymentFooter.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+type PaymentFooterProps = {
+    projectType: string;
+};
+declare const PaymentFooter: ({ projectType }: PaymentFooterProps) => ReactNode;
+export default PaymentFooter;

package/dist/openpix/paymentLink/QrCodeShowButton.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+type QrCodeShowButtonProps = {
+    qrCodeShow: boolean;
+    setQrCodeShow: (value: boolean) => unknown;
+};
+declare const QrCodeShowButton: ({ qrCodeShow, setQrCodeShow, }: QrCodeShowButtonProps) => ReactNode;
+export default QrCodeShowButton;

package/dist/openpix/paymentLink/QrCodeWrapper.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+type QRCodeWrapperProps = {
+    qrCodeShow: boolean;
+    children: ReactNode;
+    'data-testid'?: string;
+};
+export declare const QRCodeWrapper: ({ qrCodeShow, children, ...props }: QRCodeWrapperProps) => ReactNode;
+export {};

package/dist/openpix/paymentLink/ShareButton.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+import type { ChargeData } from "../../openpix/paymentLink/types/ChargeDataType.tsx";
+type Props = {
+    charge: ChargeData;
+    merchantName?: string;
+    paymentLinkUrl?: string;
+    disabled?: boolean;
+};
+declare const ShareButton: ({ charge, disabled }: Props) => ReactNode;
+export default ShareButton;

package/dist/openpix/paymentLink/types/ChargeDataType.d.ts

@@ -0,0 +1,99 @@
+import type { INTERESTS_MODALITY_TYPE_ENUM, INTERESTS_VALUE_TYPE_ENUM } from "../../../utils/ChargeInterestsTypes";
+export type CompanyBankData = {
+    name: string;
+    code: number;
+    pixKey: string;
+};
+export type IAdditionalInfo = {
+    key: string;
+    value: string;
+};
+export type TransactionCashback = {
+    value: number;
+};
+export type CashbackType = {
+    percentage: number;
+    value: number;
+    status: string;
+    transactionCashback?: TransactionCashback;
+};
+export type CashbackExclusiveScheduledType = {
+    value: number;
+    percentage: number;
+};
+export type TransactionType = {
+    endToEndId: string;
+};
+export type RedeemedCashbackExclusiveType = {
+    value: number;
+    percentage: number;
+};
+export type Customer = {
+    phone: string;
+    name: string;
+};
+export type ChargeData = {
+    id: string;
+    brCode: string;
+    value: number;
+    valueWithDiscount: number;
+    valuePaid?: number;
+    discount: number;
+    merchantName: string;
+    merchantTaxId: string;
+    comment: string;
+    identifier: string;
+    expiration: string;
+    companyBank: CompanyBankData;
+    logo: string | null;
+    reference: string | null;
+    paymentLinkUrl: string;
+    qrCodeImage: string;
+    customer?: Customer;
+    additionalInfo?: Array<IAdditionalInfo>;
+    hasTemp: boolean;
+    isRemoved: boolean;
+    status: string;
+    error: string;
+    taxID?: {
+        taxID: string;
+        type: string;
+    };
+    cashback?: CashbackType;
+    cashbackExclusive?: CashbackType;
+    cashbackExclusiveScheduled?: CashbackExclusiveScheduledType[];
+    redeemedCashbackExclusive?: RedeemedCashbackExclusiveType[];
+    projectType: string;
+    expiresDate?: string;
+    isPixQrCode?: boolean;
+    interestsSettings: {
+        active: boolean;
+        daysAfterDueDate: number;
+        interests: {
+            type: INTERESTS_VALUE_TYPE_ENUM;
+            value: number;
+            modality: INTERESTS_MODALITY_TYPE_ENUM;
+        };
+        fines: {
+            type: INTERESTS_VALUE_TYPE_ENUM;
+            value: number;
+        };
+    };
+    decodedBrCode?: {
+        interests: number;
+        fines: number;
+        finalValue: number;
+    };
+    installment?: {
+        installmentNumber: number;
+    };
+    subscription?: {
+        installmentsCount: number;
+    };
+    transactions: TransactionType[];
+    isFromTestAccount: boolean;
+};
+export type Shopper = {
+    id: string;
+    name: string;
+};

package/dist/openpix/shopper/WooviAuthForm.d.ts

@@ -0,0 +1,21 @@
+import type { ButtonProps } from "@mui/material";
+import type { ReactNode } from "react";
+type WooviAuthFormProps = {
+    children: ReactNode;
+    heading: string;
+    secondaryHeading?: string;
+    primaryAction?: () => void;
+    primaryActionLabel?: string;
+    primaryActionProps?: ButtonProps;
+    payAsGuestAction?: () => void | null;
+    payAsGuestActionLabel?: string | null;
+    payAsGuestActionProps?: ButtonProps | null;
+    secondaryAction?: () => void | null;
+    secondaryActionLabel?: string | null;
+    secondaryActionProps?: ButtonProps | null;
+    renderFooter?: () => ReactNode | null;
+    isTemp: boolean;
+    withCard: boolean;
+};
+declare const WooviAuthForm: ({ children, heading, secondaryHeading, primaryAction, primaryActionLabel, primaryActionProps, payAsGuestAction, payAsGuestActionLabel, payAsGuestActionProps, secondaryAction, secondaryActionLabel, secondaryActionProps, renderFooter, isTemp, withCard, }: WooviAuthFormProps) => ReactNode;
+export default WooviAuthForm;

package/dist/openpix/transaction/PixTransactionTypeTag.d.ts

@@ -0,0 +1,6 @@
+export declare const PIX_TRANSACTION_TYPE_TAG_COLOR: {
+    [x: string]: string;
+};
+export declare const PixTransactionTypeTag: import("styled-components").StyledComponent<(props: import("../../index.ts").TagProps) => import("react").ReactNode, any, {
+    status: string;
+}, never>;

package/dist/paymentLinkRow/PaymentLinkRow.d.ts

@@ -0,0 +1,9 @@
+import type React from "react";
+import type { ReactNode } from "react";
+export type PaymentLinkRowProps = {
+    title: string | React.ReactNode;
+    value: number | ReactNode;
+    variant?: "h6" | "body1";
+};
+declare const PaymentLinkRow: ({ title, value, variant }: PaymentLinkRowProps) => ReactNode;
+export default PaymentLinkRow;

package/dist/pinInput/PinInput.d.ts

@@ -0,0 +1,62 @@
+import React from 'react';
+export type PinInputProps = {
+    /** Hidden input name attribute */
+    name?: string;
+    /** If set, first input is focused when component is mounted */
+    autoFocus?: boolean;
+    /** Value for controlled component */
+    value?: string;
+    /** Default value for uncontrolled component */
+    defaultValue?: string;
+    /** Called when value changes */
+    onChange?: (value: string) => void;
+    /** Called when user enters value to all inputs */
+    onComplete?(value: string): void;
+    /** Placeholder for every input field */
+    placeholder?: string;
+    /** Determines whether focus should be moved automatically to the next input once filled */
+    manageFocus?: boolean;
+    /** The top-level id that is used as a base in all input fields */
+    id?: string;
+    /** Sets inputs disabled attribute */
+    disabled?: boolean;
+    /** Adds error styles to all inputs */
+    error?: boolean;
+    /** The type of allowed values */
+    type?: 'alphanumeric' | 'number' | RegExp;
+    /** Changes input type to "password" */
+    mask?: boolean;
+    /** Number of input boxes */
+    length?: number;
+} & Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'>;
+declare const PinInput: React.ForwardRefExoticComponent<{
+    /** Hidden input name attribute */
+    name?: string | undefined;
+    /** If set, first input is focused when component is mounted */
+    autoFocus?: boolean | undefined;
+    /** Value for controlled component */
+    value?: string | undefined;
+    /** Default value for uncontrolled component */
+    defaultValue?: string | undefined;
+    /** Called when value changes */
+    onChange?: ((value: string) => void) | undefined;
+    /** Called when user enters value to all inputs */
+    onComplete?(value: string): void;
+    /** Placeholder for every input field */
+    placeholder?: string | undefined;
+    /** Determines whether focus should be moved automatically to the next input once filled */
+    manageFocus?: boolean | undefined;
+    /** The top-level id that is used as a base in all input fields */
+    id?: string | undefined;
+    /** Sets inputs disabled attribute */
+    disabled?: boolean | undefined;
+    /** Adds error styles to all inputs */
+    error?: boolean | undefined;
+    /** The type of allowed values */
+    type?: "alphanumeric" | "number" | RegExp | undefined;
+    /** Changes input type to "password" */
+    mask?: boolean | undefined;
+    /** Number of input boxes */
+    length?: number | undefined;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "onChange"> & React.RefAttributes<HTMLDivElement>>;
+export default PinInput;

package/dist/pinInput/PinInputFormik.d.ts

@@ -0,0 +1,7 @@
+import type { PinInputProps } from './PinInput.tsx';
+import type { ReactNode } from 'react';
+export type PinInputFormikProps = {
+    name: string;
+} & PinInputProps;
+declare const PinInputFormik: (props: PinInputFormikProps) => ReactNode;
+export default PinInputFormik;

package/dist/pinInput/createPinArray.d.ts

@@ -0,0 +1 @@
+export declare const createPinArray: (length: number, value: string) => string[];

package/dist/pinInput/pinInputRegex.d.ts

@@ -0,0 +1,4 @@
+export declare const pinInputRegex: {
+    number: RegExp;
+    alphanumeric: RegExp;
+};

package/dist/relay/RefreshButtonRelay.d.ts

@@ -0,0 +1,8 @@
+import type { RelayRefetchProp } from 'react-relay';
+type Props = {
+    relay: RelayRefetchProp;
+    handleLoading: (state: boolean, callback: () => void) => void;
+    getFragmentVariables?: () => object;
+};
+declare const RefreshButtonRelay: ({ getFragmentVariables, relay, handleLoading, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default RefreshButtonRelay;

package/dist/relay/RefreshIconButton.d.ts

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

package/dist/relay/SearchInputRelay.d.ts

@@ -0,0 +1,17 @@
+import type { RelayRefetchProp } from "react-relay";
+type Props = {
+    relay: RelayRefetchProp;
+    handleLoading: (state: boolean, callback?: () => void) => void;
+    placeholder?: string;
+    useQueryString: boolean;
+    filters: any;
+    updateFilter: (filters: any) => void;
+    useNewFilters?: boolean;
+    getFragmentVariables: () => void;
+    width?: string;
+    fontSize?: string;
+    marginRight?: string;
+    searchName?: string;
+};
+declare const SearchInputRelay: (props: Props) => import("react/jsx-runtime").JSX.Element;
+export default SearchInputRelay;

package/dist/relay/TopPagination.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+type Props = {
+    firstItemIndex: number;
+    lastItemIndex: number;
+    totalItems: number;
+    handlePageChange: (isForward: boolean) => void;
+    isLoading?: boolean;
+};
+declare const TopPagination: ({ firstItemIndex, lastItemIndex, totalItems, handlePageChange, isLoading, }: Props) => ReactNode;
+export default TopPagination;

package/dist/rewardTicket/RewardTicket.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export type RewardTicketProps = {
+    title: string;
+    description: string;
+    value: string;
+    color?: string;
+};
+declare const RewardTicket: ({ title, description, value, ...props }: RewardTicketProps) => ReactNode;
+export default RewardTicket;

package/dist/ribbon/Ribbon.d.ts

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