@betterstore/react 0.7.2 → 0.7.3

package/dist/components/checkout-embed/appearance.d.ts

@@ -1,4 +1,4 @@
-import { Appearance as StripeAppearance, StripeElementsOptions } from "@stripe/stripe-js";
+import { Appearance as StripeAppearance, StripeElementsOptions } from '@stripe/stripe-js';
 export type Themes = "dark" | "light";
 export type Fonts = StripeElementsOptions["fonts"];
 export type AppearanceConfig = {
@@ -27,4 +27,3 @@ export type AppearanceConfig = {
     };
 };
 export declare const convertCheckoutAppearanceToStripeAppearance: (appearance?: AppearanceConfig, fonts?: Fonts) => StripeAppearance;
-//# sourceMappingURL=appearance.d.ts.map

package/dist/components/checkout-embed/checkout-form-loading.d.ts

@@ -1,2 +1 @@
 export default function CheckoutFormLoading(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=checkout-form-loading.d.ts.map

package/dist/components/checkout-embed/checkout-form.d.ts

@@ -1,6 +1,6 @@
-import { createBetterStoreClient, GetCheckoutResponse } from "@betterstore/sdk";
-import { StripeElementLocale } from "@stripe/stripe-js";
-import { AppearanceConfig, Fonts } from "./appearance";
+import { createBetterStoreClient, GetCheckoutResponse } from '@betterstore/sdk';
+import { StripeElementLocale } from '@stripe/stripe-js';
+import { AppearanceConfig, Fonts } from './appearance';
 interface CheckoutFormProps {
     storeClient: ReturnType<typeof createBetterStoreClient>;
     checkoutId: string;
@@ -27,4 +27,3 @@ interface CheckoutFormProps {
 }
 export default function CheckoutForm({ storeClient, checkoutId, onSuccess, onError, cancelUrl, checkoutSecret, customer, customerData, currency, checkoutAppearance, fonts, locale, setShippingCost, exchangeRate, paymentSecret, publicKey, paymentComponentKey, clientProxy, latitude, longitude, currentAlpha3CountryCode, shipments, }: CheckoutFormProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=checkout-form.d.ts.map

package/dist/components/checkout-embed/checkout-schema.d.ts

@@ -1,4 +1,4 @@
-import { z } from "zod";
+import { z } from 'zod';
 export declare const customerSchema: z.ZodObject<{
     email: z.ZodString;
     firstName: z.ZodString;
@@ -34,7 +34,7 @@ export declare const customerSchema: z.ZodObject<{
         provinceCode?: string | null | undefined;
         company?: string | null | undefined;
     }>;
-    phone: z.ZodString;
+    phone: z.ZodEffects<z.ZodString, string, string>;
     isSubscribedEmail: z.ZodOptional<z.ZodBoolean>;
     isSubscribedSMS: z.ZodOptional<z.ZodBoolean>;
 }, "strip", z.ZodTypeAny, {
@@ -83,29 +83,29 @@ export declare const shipmentsFormSchema: z.ZodEffects<z.ZodRecord<z.ZodString,
     displayName: z.ZodString;
 }, "strip", z.ZodTypeAny, {
     priceInCents: number;
-    displayName: string;
     rateId: string;
+    displayName: string;
     carrierId?: string | undefined;
     pickupPointId?: string | undefined;
     pickupPointDisplayName?: string | undefined;
 }, {
     priceInCents: number;
-    displayName: string;
     rateId: string;
+    displayName: string;
     carrierId?: string | undefined;
     pickupPointId?: string | undefined;
     pickupPointDisplayName?: string | undefined;
 }>>, Record<string, {
     priceInCents: number;
-    displayName: string;
     rateId: string;
+    displayName: string;
     carrierId?: string | undefined;
     pickupPointId?: string | undefined;
     pickupPointDisplayName?: string | undefined;
 }>, Record<string, {
     priceInCents: number;
-    displayName: string;
     rateId: string;
+    displayName: string;
     carrierId?: string | undefined;
     pickupPointId?: string | undefined;
     pickupPointDisplayName?: string | undefined;
@@ -146,7 +146,7 @@ export declare const checkoutSchema: z.ZodObject<{
             provinceCode?: string | null | undefined;
             company?: string | null | undefined;
         }>;
-        phone: z.ZodString;
+        phone: z.ZodEffects<z.ZodString, string, string>;
         isSubscribedEmail: z.ZodOptional<z.ZodBoolean>;
         isSubscribedSMS: z.ZodOptional<z.ZodBoolean>;
     }, "strip", z.ZodTypeAny, {
@@ -195,29 +195,29 @@ export declare const checkoutSchema: z.ZodObject<{
         displayName: z.ZodString;
     }, "strip", z.ZodTypeAny, {
         priceInCents: number;
-        displayName: string;
         rateId: string;
+        displayName: string;
         carrierId?: string | undefined;
         pickupPointId?: string | undefined;
         pickupPointDisplayName?: string | undefined;
     }, {
         priceInCents: number;
-        displayName: string;
         rateId: string;
+        displayName: string;
         carrierId?: string | undefined;
         pickupPointId?: string | undefined;
         pickupPointDisplayName?: string | undefined;
     }>>, Record<string, {
         priceInCents: number;
-        displayName: string;
         rateId: string;
+        displayName: string;
         carrierId?: string | undefined;
         pickupPointId?: string | undefined;
         pickupPointDisplayName?: string | undefined;
     }>, Record<string, {
         priceInCents: number;
-        displayName: string;
         rateId: string;
+        displayName: string;
         carrierId?: string | undefined;
         pickupPointId?: string | undefined;
         pickupPointDisplayName?: string | undefined;
@@ -245,8 +245,8 @@ export declare const checkoutSchema: z.ZodObject<{
     };
     shipping: Record<string, {
         priceInCents: number;
-        displayName: string;
         rateId: string;
+        displayName: string;
         carrierId?: string | undefined;
         pickupPointId?: string | undefined;
         pickupPointDisplayName?: string | undefined;
@@ -274,8 +274,8 @@ export declare const checkoutSchema: z.ZodObject<{
     };
     shipping: Record<string, {
         priceInCents: number;
-        displayName: string;
         rateId: string;
+        displayName: string;
         carrierId?: string | undefined;
         pickupPointId?: string | undefined;
         pickupPointDisplayName?: string | undefined;
@@ -285,4 +285,3 @@ export declare const checkoutSchema: z.ZodObject<{
 export type CheckoutFormData = z.infer<typeof checkoutSchema>;
 export type CustomerFormData = z.infer<typeof customerSchema>;
 export type ShipmentsFormData = z.infer<typeof shipmentsFormSchema>;
-//# sourceMappingURL=checkout-schema.d.ts.map

package/dist/components/checkout-embed/color-utils.d.ts

@@ -1,2 +1 @@
 export declare const formatColor: (color: string) => string;
-//# sourceMappingURL=color-utils.d.ts.map

package/dist/components/checkout-embed/index.d.ts

@@ -1,6 +1,6 @@
-import { Locale } from "@/react/i18n";
-import React from "react";
-import { AppearanceConfig, Fonts } from "./appearance";
+import { Locale } from '../../types';
+import { default as React } from 'react';
+import { AppearanceConfig, Fonts } from './appearance';
 interface CheckoutEmbedProps {
     checkoutId: string;
     config: {
@@ -16,4 +16,3 @@ interface CheckoutEmbedProps {
 declare function CheckoutEmbedComponent({ checkoutId, config }: CheckoutEmbedProps): import("react/jsx-runtime").JSX.Element;
 declare const CheckoutEmbed: React.MemoExoticComponent<typeof CheckoutEmbedComponent>;
 export { CheckoutEmbed };
-//# sourceMappingURL=index.d.ts.map

package/dist/components/checkout-embed/steps/customer/address-utils.d.ts

@@ -1,3 +1,2 @@
-import { CustomerFormData } from "../../checkout-schema";
+import { CustomerFormData } from '../../checkout-schema';
 export declare const formatAddress: (address: CustomerFormData["address"]) => string;
-//# sourceMappingURL=address-utils.d.ts.map

package/dist/components/checkout-embed/steps/customer/form.d.ts

@@ -1,14 +1,19 @@
-import { type CustomerFormData } from "../../checkout-schema";
+import { CustomerFormData } from '../../checkout-schema';
 interface CustomerFormProps {
-    initialData?: CustomerFormData;
-    onSubmit: (data: CustomerFormData) => void;
-    clientProxy?: string;
-    checkoutSecret: string;
-    latitude?: number;
-    longitude?: number;
-    currentAlpha3CountryCode?: string;
+    form: {
+        initialData?: CustomerFormData;
+        onSubmit: (data: CustomerFormData) => void;
+    };
+    api: {
+        checkoutSecret: string;
+        clientProxy?: string;
+    };
+    location?: {
+        latitude?: number;
+        longitude?: number;
+        countryCode?: string;
+    };
     locale?: string;
 }
-export default function CustomerForm({ initialData, onSubmit, clientProxy, checkoutSecret, latitude, longitude, currentAlpha3CountryCode, locale, }: CustomerFormProps): import("react/jsx-runtime").JSX.Element;
+export default function CustomerForm({ form: formProps, api, location, locale, }: CustomerFormProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=form.d.ts.map

package/dist/components/checkout-embed/steps/payment/form.d.ts

@@ -1,23 +1,32 @@
-import { StripeElementLocale } from "@stripe/stripe-js";
-import { AppearanceConfig, Fonts } from "../../appearance";
-import { FormStore } from "../../useFormStore";
+import { CheckoutFormStore } from '../../../../stores/checkout-form-store';
+import { StripeElementLocale } from '@stripe/stripe-js';
+import { AppearanceConfig, Fonts } from '../../appearance';
 interface PaymentFormProps {
-    paymentSecret: string | null;
-    onSuccess: () => void;
-    onError: () => void;
-    onBack: () => void;
-    onDoubleBack: () => void;
-    contactEmail: string;
-    shippingFormData: NonNullable<FormStore["formData"]["shipping"]>;
-    address: string;
-    checkoutAppearance?: AppearanceConfig;
-    fonts?: Fonts;
-    locale?: StripeElementLocale;
-    publicKey: string | null;
-    paymentComponentKey: number;
-    currency: string;
-    exchangeRate: number;
+    payment: {
+        secret: string | null;
+        publicKey: string | null;
+        componentKey: number;
+    };
+    callbacks: {
+        onSuccess: () => void;
+        onError: () => void;
+        onBack: () => void;
+        onDoubleBack: () => void;
+    };
+    customerInfo: {
+        email: string;
+        address: string;
+        shippingData: NonNullable<CheckoutFormStore["formData"]["shipping"]>;
+    };
+    appearance?: {
+        config?: AppearanceConfig;
+        fonts?: Fonts;
+        locale?: StripeElementLocale;
+    };
+    currency: {
+        code: string;
+        exchangeRate: number;
+    };
 }
-export default function PaymentForm({ paymentSecret, onSuccess, onError, onBack, onDoubleBack, currency, contactEmail, shippingFormData, address, checkoutAppearance, fonts, locale, publicKey, paymentComponentKey, exchangeRate, }: PaymentFormProps): import("react/jsx-runtime").JSX.Element;
+export default function PaymentForm({ payment, callbacks, customerInfo, appearance, currency, }: PaymentFormProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=form.d.ts.map

package/dist/components/checkout-embed/steps/payment/icons.d.ts

@@ -5,4 +5,3 @@ export declare const Icons: {
     paypal: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
 };
 export {};
-//# sourceMappingURL=icons.d.ts.map

package/dist/components/checkout-embed/steps/shipping/form.d.ts

@@ -1,22 +1,34 @@
-import { GetCheckoutResponse, GetShippingRatesResponse } from "@betterstore/sdk";
-import { type ShipmentsFormData } from "../../checkout-schema";
-import { FormStore } from "../../useFormStore";
+import { GetCheckoutResponse, GetShippingRatesResponse } from '@betterstore/sdk';
+import { ShipmentsFormData } from '../../checkout-schema';
 export type ShippingRate = GetShippingRatesResponse["rates"][number];
 interface ShipmentsFormProps {
-    shippingRates: GetShippingRatesResponse | undefined;
-    initialData?: ShipmentsFormData;
-    onSubmit: (data: ShipmentsFormData) => void;
-    onBack: () => void;
-    contactEmail: string;
-    shippingAddress: string;
-    currency: string;
-    exchangeRate: number;
+    form: {
+        initialData?: ShipmentsFormData;
+        onSubmit: (data: ShipmentsFormData) => void;
+        onBack: () => void;
+    };
+    shipping: {
+        rates: GetShippingRatesResponse | undefined;
+        shipments: GetCheckoutResponse["shipments"];
+    };
+    customer: {
+        email: string;
+        address: string;
+        countryCode?: string;
+    };
+    currency: {
+        code: string;
+        exchangeRate: number;
+    };
     locale?: string;
-    countryCode?: string;
-    setFormData: FormStore["setFormData"];
-    formData: FormStore["formData"];
-    shipments: GetCheckoutResponse["shipments"];
+    onShippingDataChange?: (shipmentId: string, data: {
+        rateId: string;
+        carrierId?: string;
+        priceInCents: number;
+        displayName: string;
+        pickupPointId: string;
+        pickupPointDisplayName: string;
+    }) => void;
 }
-export default function ShipmentsShippingMethodForm({ shippingRates, initialData, onSubmit, onBack, contactEmail, shippingAddress, currency, exchangeRate, locale, countryCode, setFormData, formData, shipments, }: ShipmentsFormProps): import("react/jsx-runtime").JSX.Element;
+export default function ShipmentsShippingMethodForm({ form: formProps, shipping, customer, currency, locale, onShippingDataChange, }: ShipmentsFormProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=form.d.ts.map

package/dist/components/checkout-embed/steps/shipping/providers/zasilkovna.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { default as React } from 'react';
 declare global {
     interface Window {
         Packeta: any;
@@ -11,4 +11,3 @@ export default function ZasilkovnaShippingOption({ children, onPickupPointSelect
     countryCode?: string;
     apiKey?: string;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=zasilkovna.d.ts.map

package/dist/components/checkout-embed/steps/shipping/shipping-option-wrapper.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { ShippingRate } from "./form";
+import { default as React } from 'react';
+import { ShippingRate } from './form';
 export default function ShippingOptionWrapper({ rate, children, onPickupPointSelected, locale, countryCode, }: {
     rate: ShippingRate;
     children: React.ReactNode;
@@ -7,4 +7,3 @@ export default function ShippingOptionWrapper({ rate, children, onPickupPointSel
     locale?: string;
     countryCode?: string;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=shipping-option-wrapper.d.ts.map

package/dist/components/checkout-embed/steps/summary/discount-code.d.ts

@@ -1,4 +1,3 @@
 export default function DiscountCode({ applyDiscountCode, }: {
     applyDiscountCode: (code: string) => Promise<void>;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=discount-code.d.ts.map

package/dist/components/checkout-embed/steps/summary/index.d.ts

@@ -1,4 +1,4 @@
-import { GetCheckoutResponse } from "@betterstore/sdk";
+import { GetCheckoutResponse } from '@betterstore/sdk';
 export default function CheckoutSummary({ appliedDiscounts, lineItems, shipping, tax, currency, onCancel, exchangeRate, applyDiscountCode, removeDiscount, }: {
     appliedDiscounts: GetCheckoutResponse["appliedDiscounts"];
     lineItems: GetCheckoutResponse["lineItems"];
@@ -10,4 +10,3 @@ export default function CheckoutSummary({ appliedDiscounts, lineItems, shipping,
     applyDiscountCode: (code: string) => Promise<void>;
     removeDiscount: (id: string) => Promise<void>;
 }): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/checkout-embed/steps/summary/loading.d.ts

@@ -1,2 +1 @@
 export default function CheckoutSummaryLoading(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=loading.d.ts.map

package/dist/components/checkout-embed/useFormStore.d.ts

@@ -1,4 +1,4 @@
-import { CheckoutFormData } from "./checkout-schema";
+import { CheckoutFormData } from './checkout-schema';
 export type CheckoutStep = "customer" | "shipping" | "payment";
 export interface FormStore {
     formData: Partial<CheckoutFormData>;
@@ -8,18 +8,17 @@ export interface FormStore {
     checkoutId: string;
     setCheckoutId: (checkoutId: string) => void;
 }
-export declare const useFormStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<FormStore>, "setState" | "persist"> & {
+export declare const useFormStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<FormStore>, "setState" | "persist"> & {
     setState(partial: FormStore | Partial<FormStore> | ((state: FormStore) => FormStore | Partial<FormStore>), replace?: false | undefined): unknown;
     setState(state: FormStore | ((state: FormStore) => FormStore), replace: true): unknown;
     persist: {
-        setOptions: (options: Partial<import("zustand/middleware").PersistOptions<FormStore, FormStore, unknown>>) => void;
+        setOptions: (options: Partial<import('zustand/middleware').PersistOptions<FormStore, FormStore, unknown>>) => void;
         clearStorage: () => void;
         rehydrate: () => Promise<void> | void;
         hasHydrated: () => boolean;
         onHydrate: (fn: (state: FormStore) => void) => () => void;
         onFinishHydration: (fn: (state: FormStore) => void) => () => void;
-        getOptions: () => Partial<import("zustand/middleware").PersistOptions<FormStore, FormStore, unknown>>;
+        getOptions: () => Partial<import('zustand/middleware').PersistOptions<FormStore, FormStore, unknown>>;
     };
 }>;
 export declare const resetFormStore: (formData: Partial<CheckoutFormData>) => void;
-//# sourceMappingURL=useFormStore.d.ts.map

package/dist/components/{compounds/form → form}/address-input/country-data.d.ts

@@ -5,4 +5,4 @@ export interface Country {
 }
 export declare const enCountries: Country[];
 export declare const getCountriesByLocale: (locale?: string) => Country[];
-//# sourceMappingURL=country-data.d.ts.map
+export declare const getAlpha2ByAlpha3: (alpha3: string) => string | undefined;

package/dist/components/{compounds/form → form}/address-input/index.d.ts

@@ -9,4 +9,3 @@ interface AddressInputProps {
 }
 export declare function AddressInput({ className, proxy, checkoutSecret, latitude, longitude, currentAlpha3CountryCode, locale, }: AddressInputProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=index.d.ts.map

package/dist/components/{compounds/form → form}/address-input/province-data.d.ts

@@ -152,4 +152,3 @@ export declare const countryProvinces: {
     }];
 };
 export declare const countriesWithProvinces: string[];
-//# sourceMappingURL=province-data.d.ts.map

package/dist/components/form/compobox-controller/index.d.ts

@@ -0,0 +1,17 @@
+import { UseFormReturn } from 'react-hook-form';
+type CompoboxControllerProps = {
+    form: UseFormReturn<any>;
+    name: string;
+    label: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    searchText: string;
+    emptyText: string;
+    required?: boolean;
+    className?: string;
+    onSelect?: (value: string) => void;
+};
+export default function CompoboxController({ form, name, label, options, searchText, emptyText, required, className, onSelect, }: CompoboxControllerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/form/country-input/index.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { default as CompoboxController } from '../compobox-controller';
+type CountryInputProps = {
+    locale?: string;
+    prefix?: string;
+    label?: string;
+    className?: string;
+} & Omit<React.ComponentProps<typeof CompoboxController>, "name" | "options">;
+export default function CountryInput({ form, prefix, label, locale, ...props }: CountryInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/{compounds/form → form}/floating-label.d.ts

@@ -6,4 +6,3 @@ declare const FloatingLabel: React.ForwardRefExoticComponent<React.LabelHTMLAttr
     isFormLabel?: boolean;
 } & React.RefAttributes<HTMLLabelElement>>;
 export { FloatingLabel };
-//# sourceMappingURL=floating-label.d.ts.map

package/dist/components/{compounds/form → form}/form-messages.d.ts

@@ -5,4 +5,3 @@ interface FormMessagesProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 export declare function FormMessages({ messages, type, className, ...props }: FormMessagesProps): import("react/jsx-runtime").JSX.Element | null;
 export {};
-//# sourceMappingURL=form-messages.d.ts.map

package/dist/components/form/input-controller.d.ts

@@ -0,0 +1,10 @@
+import { Input } from '../ui/input';
+import { default as React } from 'react';
+type InputControllerProps = {
+    name: string;
+    label?: string;
+    icon?: React.ReactNode;
+    showIcon?: boolean;
+} & Omit<React.ComponentProps<typeof Input>, "placeholder">;
+export default function InputController({ name, label, className, icon, showIcon, ...props }: InputControllerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/form/phone-input/component.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import * as RPNInput from "react-phone-number-input";
+type PhoneInputComponentProps = Omit<React.ComponentProps<"input">, "onChange" | "value" | "ref"> & Omit<RPNInput.Props<typeof RPNInput.default>, "onChange"> & {
+    onChange?: (value: RPNInput.Value) => void;
+    locale?: string;
+};
+declare const PhoneInputComponent: React.ForwardRefExoticComponent<PhoneInputComponentProps>;
+export { PhoneInputComponent };

package/dist/components/form/phone-input/index.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { PhoneInputComponent } from './component';
+type PhoneInputProps = {
+    name: string;
+    label?: string;
+    className?: string;
+    defaultCountry?: string;
+    required?: boolean;
+    locale?: string;
+} & Omit<React.ComponentProps<typeof PhoneInputComponent>, "name" | "defaultCountry" | "international" | "placeholder">;
+export declare function PhoneInput({ name, label, className, defaultCountry, required, locale, ...props }: PhoneInputProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/form/phone-input/schema.d.ts

@@ -0,0 +1,3 @@
+import { z } from 'zod';
+export declare const phoneInputSchema: z.ZodEffects<z.ZodString, string, string>;
+export declare const phoneInputOptionalSchema: z.ZodEffects<z.ZodNullable<z.ZodOptional<z.ZodString>>, string | null | undefined, string | null | undefined>;

package/dist/components/{compounds/form → form}/submit-button.d.ts

@@ -1,8 +1,7 @@
-import { Button } from "@/react/components/ui/button";
+import { Button } from '../ui/button';
 type SubmitButtonProps = Parameters<typeof Button>[0] & {
     isSubmitting: boolean;
     isValid: boolean;
 };
 export default function SubmitButton({ isSubmitting, isValid, className, variant, children, size, ...props }: SubmitButtonProps): import("react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=submit-button.d.ts.map

package/dist/components/index.d.ts

@@ -1,4 +1,3 @@
-export * from "./cart/useCart";
-export { CheckoutEmbed } from "./checkout-embed";
-export { useCheckout } from "./payment-element/useCheckout";
-//# sourceMappingURL=index.d.ts.map
+export * from '../hooks/use-cart';
+export { CheckoutEmbed } from './checkout-embed';
+export { usePaymentCheckout } from '../stores/payment-checkout-store';

package/dist/components/payment-element/checkout-form.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { default as React } from 'react';
 declare const _default: React.MemoExoticComponent<({ onSuccess, onError, children, setSubmitting, }: {
     onSuccess?: () => void;
     onError?: () => void;
@@ -6,4 +6,3 @@ declare const _default: React.MemoExoticComponent<({ onSuccess, onError, childre
     setSubmitting?: (isSubmitting: boolean) => void;
 }) => import("react/jsx-runtime").JSX.Element>;
 export default _default;
-//# sourceMappingURL=checkout-form.d.ts.map

package/dist/components/payment-element/index.d.ts

@@ -1,6 +1,6 @@
-import { Appearance, StripeElementLocale } from "@stripe/stripe-js";
-import React from "react";
-import { Fonts } from "../checkout-embed/appearance";
+import { Appearance, StripeElementLocale } from '@stripe/stripe-js';
+import { default as React } from 'react';
+import { Fonts } from '../checkout-embed/appearance';
 declare function PaymentElement({ paymentSecret, publicKey, checkoutAppearance, locale, fonts, onSuccess, onError, children, setSubmitting, }: {
     paymentSecret: string;
     publicKey: string | null;
@@ -14,4 +14,3 @@ declare function PaymentElement({ paymentSecret, publicKey, checkoutAppearance,
 }): import("react/jsx-runtime").JSX.Element;
 declare const _default: React.MemoExoticComponent<typeof PaymentElement>;
 export default _default;
-//# sourceMappingURL=index.d.ts.map

package/dist/components/payment-element/useCheckout.d.ts

@@ -5,6 +5,5 @@ interface CheckoutStore {
     paymentMethod: PaymentMethodType;
     setPaymentMethod: (paymentMethod: PaymentMethodType) => void;
 }
-export declare const useCheckout: import("zustand").UseBoundStore<import("zustand").StoreApi<CheckoutStore>>;
+export declare const useCheckout: import('zustand').UseBoundStore<import('zustand').StoreApi<CheckoutStore>>;
 export {};
-//# sourceMappingURL=useCheckout.d.ts.map

package/dist/components/ui/button.d.ts

@@ -1,11 +1,10 @@
-import { type VariantProps } from "class-variance-authority";
+import { VariantProps } from 'class-variance-authority';
 import * as React from "react";
 declare const buttonVariants: (props?: ({
     variant?: "link" | "outline" | "default" | "destructive" | "secondary" | "ghost" | null | undefined;
-    size?: "link" | "default" | "sm" | "lg" | "icon" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+    size?: "link" | "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 export { Button, buttonVariants };
-//# sourceMappingURL=button.d.ts.map

package/dist/components/ui/checkbox.d.ts

@@ -1,5 +1,4 @@
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 export { Checkbox };
-//# sourceMappingURL=checkbox.d.ts.map

package/dist/components/ui/command.d.ts

@@ -1,10 +1,12 @@
-import { Command as CommandPrimitive } from "cmdk";
+import { Command as CommandPrimitive } from 'cmdk';
+import { Dialog } from './dialog';
 import * as React from "react";
-import { Dialog } from "@/react/components/ui/dialog";
 declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;
-declare function CommandDialog({ title, description, children, ...props }: React.ComponentProps<typeof Dialog> & {
+declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
     title?: string;
     description?: string;
+    className?: string;
+    showCloseButton?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 declare function CommandInput({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Input>): import("react/jsx-runtime").JSX.Element;
 declare function CommandList({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.List>): import("react/jsx-runtime").JSX.Element;
@@ -13,5 +15,4 @@ declare function CommandGroup({ className, ...props }: React.ComponentProps<type
 declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
 declare function CommandItem({ className, ...props }: React.ComponentProps<typeof CommandPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
 declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, };
-//# sourceMappingURL=command.d.ts.map
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/dist/components/ui/dialog.d.ts

@@ -5,10 +5,11 @@ declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogP
 declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
 declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
 declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
-declare function DialogContent({ className, children, ...props }: React.ComponentProps<typeof DialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+    showCloseButton?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
 declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
 declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, };
-//# sourceMappingURL=dialog.d.ts.map