@betterstore/react 0.7.1 → 0.7.3

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

package/dist/components/ui/dropdown-menu.d.ts

@@ -1,5 +1,5 @@
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import * as React from "react";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
 declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
@@ -22,5 +22,4 @@ declare function DropdownMenuSubTrigger({ className, inset, children, ...props }
     inset?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };
-//# sourceMappingURL=dropdown-menu.d.ts.map
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };

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

@@ -1,15 +1,15 @@
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { Slot } from "@radix-ui/react-slot";
+import { Slot } from '@radix-ui/react-slot';
+import { ControllerProps, FieldPath, FieldValues } from 'react-hook-form';
 import * as React from "react";
-import { type ControllerProps, type FieldPath, type FieldValues } from "react-hook-form";
-declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+import type * as LabelPrimitive from "@radix-ui/react-label";
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import('react-hook-form').FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
 declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
 declare const useFormField: () => {
     invalid: boolean;
     isDirty: boolean;
     isTouched: boolean;
     isValidating: boolean;
-    error?: import("react-hook-form").FieldError;
+    error?: import('react-hook-form').FieldError;
     id: string;
     name: string;
     formItemId: string;
@@ -21,5 +21,4 @@ declare function FormLabel({ className, ...props }: React.ComponentProps<typeof
 declare function FormControl({ ...props }: React.ComponentProps<typeof Slot>): import("react/jsx-runtime").JSX.Element;
 declare function FormDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
 declare function FormMessage({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element | null;
-export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField, };
-//# sourceMappingURL=form.d.ts.map
+export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField, };

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

@@ -1,4 +1,3 @@
 import * as React from "react";
 declare function Input({ className, type, ...props }: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
 export { Input };
-//# sourceMappingURL=input.d.ts.map

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

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

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

@@ -1,8 +1,7 @@
-import * as PopoverPrimitive from "@radix-ui/react-popover";
 import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
 declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
-export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
-//# sourceMappingURL=popover.d.ts.map
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };

package/dist/components/ui/radio-group.d.ts

@@ -1,6 +1,5 @@
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 import * as React from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
 declare function RadioGroup({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function RadioGroupItem({ className, ...props }: React.ComponentProps<typeof RadioGroupPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
 export { RadioGroup, RadioGroupItem };
-//# sourceMappingURL=radio-group.d.ts.map

package/dist/components/ui/scroll-area.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+declare function ScrollArea({ className, children, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function ScrollBar({ className, orientation, ...props }: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>): import("react/jsx-runtime").JSX.Element;
+export { ScrollArea, ScrollBar };

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

@@ -1,4 +1,2 @@
-import * as React from "react";
 declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 export { Skeleton };
-//# sourceMappingURL=skeleton.d.ts.map

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

@@ -1,4 +1,3 @@
-import { ToasterProps } from "sonner";
+import { ToasterProps } from 'sonner';
 declare const Toaster: ({ ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
 export { Toaster };
-//# sourceMappingURL=sonner.d.ts.map

package/dist/dev/dev.d.ts

@@ -1,2 +0,0 @@
-import "../globals.css";
-//# sourceMappingURL=dev.d.ts.map

package/dist/dev/generate-test-checkout.d.ts

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

package/dist/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-cart';

package/dist/{components/cart/useCart.d.ts → hooks/use-cart.d.ts}

@@ -1,10 +1,16 @@
-import { CreateCheckoutParams, InferProduct } from "@betterstore/sdk";
+import { CreateCheckoutParams, InferProduct } from '@betterstore/sdk';
 type SDKLineItemCreate = CreateCheckoutParams["lineItems"][number];
+/**
+ * Utility type to pick required arguments from a type while making others optional
+ */
 type PickRequiredArguments<RequiredArgumentKeys extends string[], T extends object> = {
     [K in keyof T as K extends RequiredArgumentKeys[number] ? K : never]: T[K];
 } & {
     [K in keyof T as K extends RequiredArgumentKeys[number] ? never : K]?: T[K];
 };
+/**
+ * Default product type for line items - requires id, makes productVariants optional
+ */
 type DefaultLineItemCreateProductType = PickRequiredArguments<[
     "id"
 ], InferProduct> & {
@@ -16,6 +22,9 @@ type DefaultLineItemCreateProductType = PickRequiredArguments<[
         };
     }>["productVariants"][number]>[];
 };
+/**
+ * Optional parameters that can be passed when adding an item to the cart
+ */
 type LineItemOptionalParams = {
     quantity?: number;
     variantOptions?: {
@@ -24,12 +33,18 @@ type LineItemOptionalParams = {
     }[];
     metadata?: Record<string, any>;
 };
+/**
+ * Represents a single line item in the cart
+ */
 export interface CartLineItem<ProductType extends DefaultLineItemCreateProductType = DefaultLineItemCreateProductType> extends Pick<SDKLineItemCreate & {
     productData: ProductType;
 }, "metadata" | "quantity" | "variantOptions" | "productId" | "productData"> {
     id: string;
     selectedVariant: NonNullable<NonNullable<ProductType["productVariants"]>[number]> | null;
 }
+/**
+ * Cart interface with all cart operations
+ */
 export interface Cart<ProductType extends DefaultLineItemCreateProductType = DefaultLineItemCreateProductType> {
     lineItems: CartLineItem<ProductType>[];
     addItem: (product: ProductType, additionalParams?: LineItemOptionalParams) => void;
@@ -38,6 +53,8 @@ export interface Cart<ProductType extends DefaultLineItemCreateProductType = Def
     getProductQuantity: (productId: string) => number;
     clearCart: () => void;
 }
+/**
+ * Hook to access the cart store
+ */
 export declare const useCart: <ProductType extends DefaultLineItemCreateProductType = DefaultLineItemCreateProductType>() => Cart<ProductType>;
 export {};
-//# sourceMappingURL=useCart.d.ts.map

package/dist/i18n/index.d.ts

@@ -1,5 +1,3 @@
-import { CheckoutLocale } from "@stripe/stripe-js";
-export type Locale = CheckoutLocale;
-declare const createI18nInstance: (locale?: Locale) => Promise<import("i18next").i18n>;
+import { Locale } from '../types';
+declare const createI18nInstance: (locale?: Locale) => Promise<import('i18next').i18n>;
 export default createI18nInstance;
-//# sourceMappingURL=index.d.ts.map