@bunnyapp/components 1.8.6 → 2.0.0-beta.1

package/dist/cjs/types/src/components/tables/Quotes/Quotes.d.ts

@@ -0,0 +1,23 @@
+import { Quote } from '../../../types/Quote';
+import type { Appearance } from '../../../ui/appearance';
+import { TableBehaviorOptions, TableDisplayOptions } from '../InfiniteTable';
+import { QuoteColumnKey } from './quotesList/getQuoteColumns';
+export type QuotesDisplayOptions = TableDisplayOptions<QuoteColumnKey>;
+export type QuotesBehaviorOptions = TableBehaviorOptions;
+declare function Quotes({ renderQuote, onQuoteClick, filter, sort, appearance, displayOptions, behaviorOptions, }: {
+    /** Render a custom quote component. Receives the quote as a parameter. */
+    renderQuote?: (quote: Quote) => React.ReactNode;
+    /** A function to call when a quote is clicked */
+    onQuoteClick?: (quote: Quote) => void;
+    /** Filter expression applied server-side, e.g. `"quote.amount is 100"`.
+     * Docs: https://docs.bunny.com/developer/getting-started/using-filters-in-queries
+     */
+    filter?: string;
+    /** Sort clause applied server-side, e.g. `"createdAt DESC"` or `"amount ASC"`. */
+    sort?: string;
+    /** Restyles this component on top of `BunnyProvider`'s `appearance`. See "Styling components" in the package README. */
+    appearance?: Appearance;
+    displayOptions?: QuotesDisplayOptions;
+    behaviorOptions?: QuotesBehaviorOptions;
+}): import("react").JSX.Element;
+export default Quotes;

package/dist/cjs/types/src/components/{Quotes → tables/Quotes}/Quotes.stories.d.ts

@@ -4,8 +4,6 @@ declare const meta: Meta<typeof Quotes>;
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Default: Story;
-export declare const Padding0BGRed: Story;
-export declare const NoShadow: Story;
 export declare const WithModal: Story;
 export declare const HideSearchBar: Story;
 export declare const HideTitle: Story;
@@ -18,5 +16,5 @@ export declare const WithCustomColumns2: Story;
 export declare const WithCustomColumns3: Story;
 export declare const WithCustomColumns4: Story;
 export declare const WithCustomColumns5: Story;
-export declare const DarkMode: Story;
-export declare const CustomColors: Story;
+export declare const Ledger: Story;
+export declare const Midnight: Story;

package/dist/cjs/types/src/components/tables/Quotes/quotesList/QuoteMobileRow.d.ts

@@ -0,0 +1,9 @@
+import { Quote } from '@/types/Quote';
+import { QuoteColumnKey } from './getQuoteColumns';
+declare const QuoteMobileRow: ({ quote, columns, token, apiHost, }: {
+    quote: Quote;
+    columns: QuoteColumnKey[];
+    token: string | undefined;
+    apiHost: string;
+}) => import("react").JSX.Element;
+export default QuoteMobileRow;

package/dist/cjs/types/src/components/tables/Quotes/quotesList/getQuoteColumns.d.ts

@@ -0,0 +1,22 @@
+import { Quote, QuoteState } from '../../../../types/Quote';
+import { Column } from '../../InfiniteTable';
+export type QuoteColumnKey = 'date' | 'title' | 'state' | 'amount' | 'download' | 'accountName';
+declare const QuoteStateTag: ({ state }: {
+    state: QuoteState;
+}) => import("react").JSX.Element;
+declare const QuoteDownload: ({ quoteId, token, apiHost, }: {
+    quoteId: string;
+    token: string | undefined;
+    apiHost: string;
+}) => import("react").JSX.Element;
+/**
+ * Builds the `Column<Quote>[]` config passed to `<InfiniteTable />` from the
+ * caller-facing `columns` prop of `<Quotes />`.
+ */
+export declare function getQuoteColumns({ columns, token, apiHost, }: {
+    columns: QuoteColumnKey[];
+    token: string | undefined;
+    apiHost: string;
+}): Column<Quote>[];
+export { QuoteStateTag, QuoteDownload };
+export default getQuoteColumns;

package/dist/cjs/types/src/components/tables/Transactions/Transactions.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { Transaction } from '../../../types/Transaction';
+import { TransactionDateType } from './types';
+import type { Appearance } from '../../../ui/appearance';
+import { TableBehaviorOptions, TableDisplayOptions } from '../InfiniteTable';
+import { TransactionListColumnType } from './transactionsList/getTransactionColumns';
+export type TransactionsDisplayOptions = TableDisplayOptions<TransactionListColumnType>;
+export type TransactionsBehaviorOptions = TableBehaviorOptions & {
+    /** The type of date to display for transactions if applicable. Payments will always only show createdAt date. */
+    transactionDateType?: TransactionDateType;
+    /** Whether to hide the payment form on invoices */
+    hidePaymentForm?: boolean;
+};
+export default function Transactions({ transactionComponent, onTransactionClick, filter, sort, appearance, displayOptions, behaviorOptions, }: {
+    /** A custom component to render instead of the default invoice component */
+    transactionComponent?: React.ReactNode;
+    /** A function to call when a transaction is clicked */
+    onTransactionClick?: (transaction: Transaction) => void;
+    /** Filter expression applied server-side, e.g. `"transaction.amount is 100"`.
+     * Docs: https://docs.bunny.com/developer/getting-started/using-filters-in-queries
+     */
+    filter?: string;
+    /** Sort clause applied server-side, e.g. `"createdAt DESC"` or `"amount ASC"`. */
+    sort?: string;
+    /** Restyles this component on top of `BunnyProvider`'s `appearance`. See "Styling components" in the package README. */
+    appearance?: Appearance;
+    displayOptions?: TransactionsDisplayOptions;
+    behaviorOptions?: TransactionsBehaviorOptions;
+}): React.JSX.Element;

package/dist/cjs/types/src/components/{Transactions → tables/Transactions}/Transactions.stories.d.ts

@@ -3,12 +3,7 @@ import Transactions from "./Transactions";
 declare const meta: Meta<typeof Transactions>;
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const basicArgs: {
-    token: string;
-};
 export declare const Default: Story;
-export declare const Padding0BGRed: Story;
-export declare const NoShadow: Story;
 export declare const WithModal: Story;
 export declare const HideSearchBar: Story;
 export declare const HideTitle: Story;
@@ -21,5 +16,5 @@ export declare const WithCustomColumns2: Story;
 export declare const WithCustomColumns3: Story;
 export declare const WithCustomColumns4: Story;
 export declare const WithCustomColumns5: Story;
-export declare const DarkMode: Story;
-export declare const CustomColors: Story;
+export declare const Ledger: Story;
+export declare const Midnight: Story;

package/dist/cjs/types/src/components/{Transactions → tables/Transactions}/transactionsList/TransactionDate.d.ts

@@ -1,4 +1,4 @@
 declare const TransactionDate: ({ date }: {
     date: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default TransactionDate;

package/dist/cjs/types/src/components/tables/Transactions/transactionsList/TransactionDetail.d.ts

@@ -0,0 +1,7 @@
+import { Transaction } from '@/types/Transaction';
+type Props = {
+    transaction: Transaction;
+    hidePaymentForm?: boolean;
+};
+export default function TransactionDetail({ transaction, hidePaymentForm }: Props): import("react").JSX.Element;
+export {};

package/dist/{esm/types/src/components → cjs/types/src/components/tables}/Transactions/transactionsList/TransactionDownload.d.ts

@@ -3,5 +3,5 @@ declare const TransactionDownload: ({ transaction, token, apiHost, }: {
     transaction: Transaction;
     token?: string;
     apiHost: string;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => import("react").JSX.Element | null;
 export default TransactionDownload;

package/dist/cjs/types/src/components/tables/Transactions/transactionsList/TransactionMobileRow.d.ts

@@ -0,0 +1,11 @@
+import { Transaction } from '@/types/Transaction';
+import { TransactionDateType } from '../types';
+import { TransactionListColumnType } from './getTransactionColumns';
+declare const TransactionMobileRow: ({ transaction, columns, transactionDateType, token, apiHost, }: {
+    transaction: Transaction;
+    columns: TransactionListColumnType[];
+    transactionDateType: TransactionDateType;
+    token: string | undefined;
+    apiHost: string;
+}) => import("react").JSX.Element;
+export default TransactionMobileRow;

package/dist/cjs/types/src/components/{Transactions → tables/Transactions}/transactionsList/TransactionTitle.d.ts

@@ -1,5 +1,5 @@
 import { Transaction } from '@/types/Transaction';
 declare const TransactionRowTitle: ({ transaction }: {
     transaction: Transaction;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export default TransactionRowTitle;

package/dist/cjs/types/src/components/tables/Transactions/transactionsList/getTransactionColumns.d.ts

@@ -0,0 +1,16 @@
+import { Transaction } from '../../../../types/Transaction';
+import { TransactionDateType } from '../types';
+import { Column } from '../../InfiniteTable';
+export type TransactionListColumnType = 'date' | 'title' | 'state' | 'amount' | 'download' | 'accountName';
+/**
+ * Builds the `Column<Transaction>[]` config passed to `<InfiniteTable />`
+ * from the caller-facing `columns` prop of `<Transactions />`. Preserves
+ * the desktop column order used by the previous implementation.
+ */
+export declare function getTransactionColumns({ columns, transactionDateType, token, apiHost, }: {
+    columns: TransactionListColumnType[];
+    transactionDateType: TransactionDateType;
+    token: string | undefined;
+    apiHost: string;
+}): Column<Transaction>[];
+export default getTransactionColumns;

package/dist/cjs/types/src/components/{Transactions → tables/Transactions}/transactionsList/utils.d.ts

@@ -1,3 +1,3 @@
 import { Transaction } from '@/types/Transaction';
-import { TransactionDateType } from '../../../contexts/TransactionsListContext';
+import { TransactionDateType } from '../types';
 export declare function transactionDateToDisplay(transaction: Transaction, transactionDateType: TransactionDateType): string;

package/dist/cjs/types/src/components/tables/Transactions/types.d.ts

@@ -0,0 +1 @@
+export type TransactionDateType = 'createdAt' | 'issuedAt' | 'dueAt';

package/dist/cjs/types/src/contexts/BrandContext.d.ts

@@ -6,7 +6,7 @@ declare const BrandProvider: ({ value, children }: {
         topNavImageUrl: string;
     };
     children?: import("react").ReactNode;
-}) => import("react/jsx-runtime").JSX.Element, useBrand: () => {
+}) => import("react").JSX.Element, useBrand: () => {
     accentColor: string;
     brandColor: string;
     secondaryColor: string;

package/dist/cjs/types/src/contexts/InvoiceQuoteContext.d.ts

@@ -1,5 +1,4 @@
-import { ShadowType } from '../types/shadowType';
-import FormattedInvoice from '@/types/FormattedInvoice';
+import FormattedInvoice from '../types/FormattedInvoice';
 export type InvoiceQuoteContextProps = {
     id?: string | null | undefined;
     invoiceQuoteViewComponent?: React.ReactNode;
@@ -7,7 +6,6 @@ export type InvoiceQuoteContextProps = {
     onBackButtonClick?: () => void;
     onInvoiceDownloadError?: () => void;
     onPaymentSuccess?: (savePaymentMethod?: boolean) => void;
-    shadow?: ShadowType;
     className?: string;
     hideDownloadButton?: boolean;
     onInvoiceLoaded?: (formattedInvoice: FormattedInvoice) => void;

package/dist/cjs/types/src/contexts/onPaymentMethodRemoved.d.ts

@@ -1,5 +1,5 @@
 declare const OnPaymentMethodRemovedProvider: ({ value, children }: {
     value: ((paymentMethodId: string) => void) | undefined;
     children?: import("react").ReactNode;
-}) => import("react/jsx-runtime").JSX.Element, useOnPaymentMethodRemoved: () => ((paymentMethodId: string) => void) | undefined;
+}) => import("react").JSX.Element, useOnPaymentMethodRemoved: () => ((paymentMethodId: string) => void) | undefined;
 export { OnPaymentMethodRemovedProvider, useOnPaymentMethodRemoved };

package/dist/cjs/types/src/contexts/onPaymentMethodSaved.d.ts

@@ -1,5 +1,5 @@
 declare const OnPaymentMethodSavedProvider: ({ value, children }: {
     value: ((paymentMethodId: string) => void) | undefined;
     children?: import("react").ReactNode;
-}) => import("react/jsx-runtime").JSX.Element, useOnPaymentMethodSaved: () => ((paymentMethodId: string) => void) | undefined;
+}) => import("react").JSX.Element, useOnPaymentMethodSaved: () => ((paymentMethodId: string) => void) | undefined;
 export { OnPaymentMethodSavedProvider, useOnPaymentMethodSaved };

package/dist/cjs/types/src/graphql/mutations/checkout.d.ts

@@ -14,7 +14,7 @@ type CheckoutProps = {
 declare const checkout: ({ quoteId, invoiceId, paymentMethodId, paymentMethodData, token, apiHost, }: CheckoutProps) => Promise<{
     invoice: {
         id: string | null;
-        state: "READY" | "NOT_DUE" | "DUE" | "UNPAID" | "DRAFT" | "PREPARING" | "PAID" | "VOIDED" | "FAILED" | "PROCESSING_PAYMENT" | "MERGED" | "QUEUED" | "CONSOLIDATED";
+        state: "READY" | "NOT_DUE" | "DUE" | "UNPAID" | "DRAFT" | "PREPARING" | "PAID" | "VOIDED" | "FAILED" | "CONSOLIDATED" | "MERGED" | "PROCESSING_PAYMENT" | "QUEUED";
         amount: number;
         amountDue: number | null;
     } | null;

package/dist/{esm/types/src/graphql/mutations/quoteChangeAddCoupon.d.ts → cjs/types/src/graphql/mutations/quoteAddCoupon.d.ts}

@@ -1,5 +1,5 @@
-export declare const quoteChangeAddCoupon: ({ quoteChangeId, couponCode, token, apiHost, }: {
-    quoteChangeId: string;
+export declare const quoteAddCoupon: ({ quoteId, couponCode, token, apiHost, }: {
+    quoteId: string;
     couponCode: string;
     token?: string;
     apiHost: string;

package/dist/cjs/types/src/graphql/mutations/quoteRemoveCoupon.d.ts

@@ -0,0 +1,9 @@
+declare const quoteRemoveCoupon: ({ quoteId, couponCode, token, apiHost, }: {
+    quoteId: string;
+    couponCode: string;
+    token?: string;
+    apiHost: string;
+}) => Promise<{
+    id: string | null;
+} | null | undefined>;
+export default quoteRemoveCoupon;

package/dist/cjs/types/src/graphql/queries/getInvoices.d.ts

@@ -0,0 +1,11 @@
+import Invoice from '@/types/Invoice';
+import { CursorPage } from './paginatedQuery';
+declare const getInvoices: (args: {
+    apiHost: string;
+    token?: string;
+    filter?: string;
+    sort?: string;
+    first: number;
+    after?: string;
+}) => Promise<CursorPage<Invoice>>;
+export default getInvoices;

package/dist/cjs/types/src/graphql/queries/getQuotes.d.ts

@@ -1,6 +1,11 @@
-declare const getQuotes: ({ token, apiHost, filter, }: {
-    token?: string;
+import { Quote } from '@/types/Quote';
+import { CursorPage } from './paginatedQuery';
+declare const getQuotes: (args: {
     apiHost: string;
+    token?: string;
     filter?: string;
-}) => Promise<any>;
+    sort?: string;
+    first: number;
+    after?: string;
+}) => Promise<CursorPage<Quote>>;
 export default getQuotes;

package/dist/cjs/types/src/graphql/queries/getTransactions.d.ts

@@ -1,3 +1,11 @@
 import { Transaction } from '@/types/Transaction';
-declare const getTransactions: (filter: string, apiHost: string, token?: string) => Promise<Transaction[]>;
+import { CursorPage } from './paginatedQuery';
+declare const getTransactions: (args: {
+    apiHost: string;
+    token?: string;
+    filter?: string;
+    sort?: string;
+    first: number;
+    after?: string;
+}) => Promise<CursorPage<Transaction>>;
 export default getTransactions;

package/dist/cjs/types/src/graphql/queries/paginatedQuery.d.ts

@@ -0,0 +1,22 @@
+export type CursorPage<T> = {
+    pageInfo: {
+        endCursor?: string | null;
+        hasNextPage: boolean;
+    };
+    totalCount?: number;
+    nodes: T[];
+};
+type PaginatedQueryArgs = {
+    /** GraphQL root field name, e.g. `invoices`. */
+    resource: string;
+    /** GraphQL selection set for a single node, without the surrounding braces. */
+    nodeSelection: string;
+    apiHost: string;
+    token?: string;
+    filter?: string;
+    sort?: string;
+    first: number;
+    after?: string;
+};
+declare const paginatedQuery: <T>({ resource, nodeSelection, apiHost, token, filter, sort, first, after, }: PaginatedQueryArgs) => Promise<CursorPage<T>>;
+export default paginatedQuery;

package/dist/cjs/types/src/hooks/useActiveCoupons.d.ts

@@ -0,0 +1,7 @@
+declare const useActiveCoupons: ({ apiHost, token, }: {
+    apiHost: string;
+    token?: string;
+}) => {
+    activeCouponsExist: boolean;
+};
+export default useActiveCoupons;

package/dist/cjs/types/src/hooks/{useUpdateCoupons.d.ts → useCouponMutations.d.ts}

@@ -1,7 +1,7 @@
-declare const useUpdateCoupons: ({ apiHost, token, quoteChangeId, onCouponAdded, onCouponRemoved, }: {
+declare const useCouponMutations: ({ apiHost, token, quoteId, onCouponAdded, onCouponRemoved, }: {
     apiHost: string;
     token?: string;
-    quoteChangeId?: string;
+    quoteId?: string;
     onCouponAdded?: () => void;
     onCouponRemoved?: () => void;
 }) => {
@@ -9,12 +9,9 @@ declare const useUpdateCoupons: ({ apiHost, token, quoteChangeId, onCouponAdded,
         id: string | null;
     } | null | undefined, Error, string, unknown>;
     removeCoupon: import("@tanstack/react-query").UseMutateFunction<{
-        quote: {
-            id: string | null;
-        };
+        id: string | null;
     } | null | undefined, Error, string, unknown>;
     isAddingCoupon: boolean;
     isRemovingCoupon: boolean;
-    activeCouponsExist: boolean;
 };
-export default useUpdateCoupons;
+export default useCouponMutations;

package/dist/cjs/types/src/hooks/useCurrentUserData.d.ts

@@ -1,6 +1,6 @@
 import CurrentUser from '@/types/frontendTypes/currentUser';
 declare const useCurrentUserData: (token: string | undefined) => {
-    currentUser: CurrentUser | {
+    currentUser: CurrentUser | NoInfer<{
         authObjectName: string | null;
         account: {
             billingCountry: string | null;
@@ -12,7 +12,7 @@ declare const useCurrentUserData: (token: string | undefined) => {
         privacyUrl: string | null;
         termsUrl: string | null;
         entityId: string | null;
-    };
+    }>;
     isCurrentUserDataLoading: boolean;
 };
 export default useCurrentUserData;

package/dist/cjs/types/src/hooks/useFocusFirstInput.d.ts

@@ -1,7 +1,6 @@
-import { InputRef } from "antd";
-import { RefObject } from "react";
+import { RefObject } from 'react';
 declare const useFocusFirstInput: ({ firstInputRef, isVisible, }: {
-    firstInputRef: RefObject<InputRef>;
+    firstInputRef: RefObject<HTMLInputElement>;
     isVisible?: boolean;
 }) => void;
 export default useFocusFirstInput;

package/dist/cjs/types/src/hooks/useHasTaxPlugin.d.ts

@@ -1,3 +1,4 @@
+/** Whether the tenant has an enabled, valid taxation plugin — the same condition the API taxes under. */
 declare const useHasTaxPlugin: ({ apiHost, token }: {
     apiHost: string;
     token?: string;

package/dist/cjs/types/src/hooks/usePaymentMethod.d.ts

@@ -1,8 +1,39 @@
+export declare const getPaymentMethods: ({ apiHost, token, accountId, }: {
+    apiHost: string;
+    token?: string;
+    accountId?: string;
+}) => Promise<{
+    id: string;
+    pluginId: string | null;
+    accountId: string | null;
+    expirationDate: unknown;
+    plugin: {
+        guid: string;
+        id: string;
+    } | null;
+    state: "FAILED" | "UNKNOWN" | "SUCCESS" | null;
+    metadata: {
+        issuer: string | null;
+        identifier: string | null;
+        kind: string | null;
+        description: string | null;
+        icon: string | null;
+        type: string | null;
+    } | null;
+    isDefault: boolean | null;
+    [$tada.fragmentRefs]: {
+        PaymentForm_PaymentMethodsFragment: "PaymentMethod";
+    } & {
+        SavedPaymentMethodTiles_PaymentMethodFragment: "PaymentMethod";
+    } & {
+        SuccessDisplay_PaymentMethodFragment: "PaymentMethod";
+    };
+}[]>;
 export declare const usePaymentMethod: ({ accountId, enabled, }: {
     accountId?: string;
     enabled?: boolean;
 }) => {
-    paymentMethods: {
+    paymentMethods: NoInfer<{
         id: string;
         pluginId: string | null;
         accountId: string | null;
@@ -24,9 +55,11 @@ export declare const usePaymentMethod: ({ accountId, enabled, }: {
         [$tada.fragmentRefs]: {
             PaymentForm_PaymentMethodsFragment: "PaymentMethod";
         } & {
-            StoredPaymentMethods_PaymentMethodsFragment: "PaymentMethod";
+            SavedPaymentMethodTiles_PaymentMethodFragment: "PaymentMethod";
+        } & {
+            SuccessDisplay_PaymentMethodFragment: "PaymentMethod";
         };
-    }[] | undefined;
+    }[]> | undefined;
     defaultPaymentMethod: {
         id: string;
         pluginId: string | null;
@@ -49,7 +82,9 @@ export declare const usePaymentMethod: ({ accountId, enabled, }: {
         [$tada.fragmentRefs]: {
             PaymentForm_PaymentMethodsFragment: "PaymentMethod";
         } & {
-            StoredPaymentMethods_PaymentMethodsFragment: "PaymentMethod";
+            SavedPaymentMethodTiles_PaymentMethodFragment: "PaymentMethod";
+        } & {
+            SuccessDisplay_PaymentMethodFragment: "PaymentMethod";
         };
     } | undefined;
     isLoading: boolean;

package/dist/cjs/types/src/hooks/usePaymentPlugins.d.ts

@@ -1,4 +1,6 @@
-export declare const usePaymentPlugins: () => {
+export declare const usePaymentPlugins: ({ accountId }?: {
+    accountId?: string;
+}) => {
     paymentPlugins: {
         enabled: boolean;
         entities: string[];

package/dist/cjs/types/src/mocks/checkoutHandlers.d.ts

@@ -0,0 +1,3 @@
+export declare const noSavedPaymentMethodsHandler: import("msw").GraphQLHandler;
+export declare const savedPaymentMethodHandler: import("msw").GraphQLHandler;
+export declare const checkoutHandlers: (import("msw").GraphQLHandler | import("msw").HttpHandler)[];

package/dist/cjs/types/src/mocks/handlers.d.ts

@@ -1 +1 @@
-export declare const handlers: import("msw").GraphQLHandler[];
+export declare const handlers: (import("msw").GraphQLHandler | import("msw").HttpHandler)[];

package/dist/cjs/types/src/mocks/paymentFormHandlers.d.ts

@@ -0,0 +1,6 @@
+export declare function paymentFormHandlers({ savedCards, plugins, failedCard, }?: {
+    savedCards?: number;
+    plugins?: number;
+    /** The second saved card's last payment failed. */
+    failedCard?: boolean;
+}): (import("msw").GraphQLHandler | import("msw").HttpHandler)[];

package/dist/cjs/types/src/storybook-utils.d.ts

@@ -1,10 +1,21 @@
-export declare const DarkModeParams: {
-    darkMode: boolean;
-    backgrounds: {
-        default: string;
-        values: {
-            name: string;
+/**
+ * A dark story canvas, for themes (like Midnight) whose own variables are dark. Storybook 10's
+ * backgrounds API: the option is declared in `parameters`, the choice in `globals`.
+ */
+export declare const darkCanvas: {
+    parameters: {
+        backgrounds: {
+            options: {
+                dark: {
+                    name: string;
+                    value: string;
+                };
+            };
+        };
+    };
+    globals: {
+        backgrounds: {
             value: string;
-        }[];
+        };
     };
 };

package/dist/cjs/types/src/types/CreditNote.d.ts

@@ -4,7 +4,7 @@ import DisputeReason from './DisputeReason';
 import Entity from './Entity';
 import CreditNoteItem from './CreditNoteItem';
 import InvoiceConnection from './InvoiceConnection';
-import CreditNoteState from '@/enums/CreditNoteState';
+import CreditNoteState from '../enums/CreditNoteState';
 export type CreditNoteKind = 'REFUND' | 'WRITE_OFF';
 type CreditNote = {
     account: Account;

package/dist/cjs/types/src/types/Feature.d.ts

@@ -1,4 +1,4 @@
-import { ChargeType } from '@/graphql-codegen/exportedScalarTypes';
+import { ChargeType } from './scalarTypes';
 import { Plan } from './Plan';
 export type FeatureKind = 'BOOLEAN' | 'VALUE' | 'MARKETING' | 'GROUP' | 'QUANTITY';
 type Feature = {

package/dist/cjs/types/src/types/FormattedInvoice.d.ts

@@ -35,7 +35,7 @@ type FormattedInvoice = {
     poNumber?: string;
     printedState?: string;
     salesContactEmail?: string;
-    smallUnitAmountDUe?: number;
+    smallUnitAmountDue?: number;
     state: State;
     subscriptionEndDate?: string;
     subscriptionStartDate?: string;

package/dist/cjs/types/src/types/InvoiceItem.d.ts

@@ -1,7 +1,7 @@
 import PriceTier from './PriceTier';
 import QuoteCharge from './QuoteCharge';
 import { SubscriptionCharge } from './SubscriptionCharge';
-import QuoteChangeKind from '@/enums/QuoteChangeKind';
+import QuoteChangeKind from '../enums/QuoteChangeKind';
 import Invoice from './Invoice';
 import CreditNoteItem from './CreditNoteItem';
 type InvoiceItem = {

package/dist/cjs/types/src/types/PriceList.d.ts

@@ -1,5 +1,5 @@
-import PriceAdjustmentAction from '@/enums/PriceAdjustmentAction';
-import PriceAdjustmentTiming from '@/enums/PriceAdjustmentTiming';
+import PriceAdjustmentAction from '../enums/PriceAdjustmentAction';
+import PriceAdjustmentTiming from '../enums/PriceAdjustmentTiming';
 import Currency from './Currency';
 import { Plan } from './Plan';
 import { PriceListCharge } from './PriceListCharge';

package/dist/cjs/types/src/types/PriceListCharge.d.ts

@@ -2,7 +2,7 @@ import PriceList from './PriceList';
 import PriceListChargeTier from './PriceListChargeTier';
 import { Plan } from './Plan';
 import Feature from './Feature';
-import { BillingPeriod, ChargeType } from '@/graphql-codegen/exportedScalarTypes';
+import { BillingPeriod, ChargeType } from './scalarTypes';
 export declare enum UsageCalculationType {
     SUM = "SUM",
     MAX = "MAX",

package/dist/cjs/types/src/types/Quote.d.ts

@@ -1,4 +1,4 @@
-import { QuoteChangeKind } from '@/graphql-codegen/exportedScalarTypes';
+import { QuoteChangeKind } from './scalarTypes';
 import Account from './Account';
 import ApprovalRequest from './ApprovalRequest';
 import ApprovalRule from './ApprovalRule';

package/dist/cjs/types/src/types/QuoteChange.d.ts

@@ -1,4 +1,4 @@
-import { QuoteChangeKind } from '@/graphql-codegen/exportedScalarTypes';
+import { QuoteChangeKind } from './scalarTypes';
 import PriceList from './PriceList';
 import { Quote } from './Quote';
 import QuoteCharge from './QuoteCharge';

package/dist/cjs/types/src/types/QuoteCharge.d.ts

@@ -4,9 +4,9 @@ import PriceTier from './PriceTier';
 import PriceList from './PriceList';
 import { PriceListCharge } from './PriceListCharge';
 import { SubscriptionCharge } from './SubscriptionCharge';
-import { ChargeType } from '@/graphql-codegen/exportedScalarTypes';
+import { ChargeType } from './scalarTypes';
 import { AmountByPeriod } from './Quote';
-import { BillingPeriod } from '@/graphql-codegen/exportedScalarTypes';
+import { BillingPeriod } from './scalarTypes';
 import Coupon from './Coupon';
 import QuoteChange from './QuoteChange';
 export type QuoteCharge = {

package/dist/cjs/types/src/types/SubscriptionCharge.d.ts

@@ -1,4 +1,4 @@
-import { BillingPeriod, ChargeType, QuoteChangeKind } from '@/graphql-codegen/exportedScalarTypes';
+import { BillingPeriod, ChargeType, QuoteChangeKind } from './scalarTypes';
 import Account from './Account';
 import Currency from './Currency';
 import Feature from './Feature';

package/dist/cjs/types/src/types/frontendTypes/TableColumn.d.ts

@@ -1,4 +1,4 @@
-import ColumnFormat from '@/enums/ColumnFormat';
+import ColumnFormat from '../../enums/ColumnFormat';
 type TableColumn = {
     droppable?: boolean;
     format?: ColumnFormat;