@shophost/react 0.1.3

package/storefront/components/header/index.d.ts

@@ -0,0 +1,11 @@
+import { FormattedCartItem } from '../../types/cart.types';
+interface CheckoutHeaderProps {
+    summary?: {
+        items: FormattedCartItem[];
+        total: number;
+        shipping?: number;
+        subtotal: number;
+    };
+}
+declare const Header: ({ summary }: CheckoutHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export { Header };

package/storefront/components/header/shimmer.d.ts

@@ -0,0 +1,2 @@
+declare const HeaderShimmer: () => import("react/jsx-runtime").JSX.Element;
+export { HeaderShimmer };

package/storefront/components/header/user-profile.d.ts

@@ -0,0 +1 @@
+export declare const UserProfile: () => import("react/jsx-runtime").JSX.Element;

package/storefront/components/index.d.ts

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

package/storefront/components/modifiers/index.d.ts

@@ -0,0 +1,5 @@
+export * from './modifier-dialog-container';
+export * from './quantity-control';
+export * from './modifiers-group';
+export * from './modifiers-option';
+export * from './modifiers-modal';

package/storefront/components/modifiers/modifier-dialog-container.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+export interface ModifierContainerProps {
+    /**
+     * Render function that receives modifiers data and dialog control props
+     */
+    children: (props: {
+        modifierGroups: any[];
+        hasModifiers: boolean;
+        product: any;
+        isOpen: boolean;
+        onClose: () => void;
+        productName: string;
+        quantity: number;
+        onIncrement: () => void;
+        onDecrement: () => void;
+        isDecrementDisabled: boolean;
+        onAddToCart: () => void;
+        validationError: string | null;
+    }) => React.ReactNode;
+}
+export declare const ModifierContainer: React.FC<ModifierContainerProps>;

package/storefront/components/modifiers/modifiers-group.d.ts

@@ -0,0 +1,37 @@
+import { default as React } from 'react';
+export interface ModifiersGroupProps {
+    /**
+     * Render function for the modifier group
+     */
+    children: (props: {
+        /**
+         * Modifier group data
+         */
+        group: any;
+        /**
+         * Group name
+         */
+        groupName: string;
+        /**
+         * Whether the group is required
+         */
+        isRequired: boolean;
+        /**
+         * Selection requirements text
+         */
+        selectionRequirements: string | null;
+        /**
+         * Render function for the modifier options
+         */
+        renderOptions: () => React.ReactNode;
+    }) => React.ReactNode;
+    /**
+     * Modifier group data
+     */
+    group: any;
+    /**
+     * Modifier options to render
+     */
+    renderOptions: () => React.ReactNode;
+}
+export declare const ModifiersGroup: React.FC<ModifiersGroupProps>;

package/storefront/components/modifiers/modifiers-modal.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export interface ModifiersModalProps {
+    /**
+     * Children to render inside the modal
+     */
+    children: React.ReactNode;
+    /**
+     * Locale for translations
+     */
+    locale?: string;
+}
+export declare const ModifiersModal: React.FC<ModifiersModalProps>;

package/storefront/components/modifiers/modifiers-option.d.ts

@@ -0,0 +1,37 @@
+import { default as React } from 'react';
+export interface ModifiersOptionProps {
+    /**
+     * Render function for the modifier option
+     */
+    children: (props: {
+        /**
+         * Modifier data
+         */
+        modifier: any;
+        /**
+         * Whether the modifier is selected
+         */
+        isSelected: boolean;
+        /**
+         * Function to toggle or select the modifier
+         */
+        onSelect: () => void;
+        /**
+         * Whether the modifier group is multi-select
+         */
+        isMultiSelect: boolean;
+        /**
+         * Formatted price text (e.g. "(+$1.00)")
+         */
+        formattedPrice: string;
+    }) => React.ReactNode;
+    /**
+     * Modifier data
+     */
+    modifier: any;
+    /**
+     * Group ID
+     */
+    groupId: string;
+}
+export declare const ModifiersOption: React.FC<ModifiersOptionProps>;

package/storefront/components/modifiers/quantity-control.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+export interface QuantityControlProps {
+    /**
+     * Render function for the quantity control
+     */
+    children: (props: {
+        /**
+         * Current quantity
+         */
+        quantity: number;
+        /**
+         * Function to increment quantity
+         */
+        onIncrement: () => void;
+        /**
+         * Function to decrement quantity
+         */
+        onDecrement: () => void;
+        /**
+         * Whether decrement button should be disabled
+         */
+        isDecrementDisabled: boolean;
+    }) => React.ReactNode;
+    /**
+     * Minimum quantity (default: 1)
+     */
+    minQuantity?: number;
+}
+export declare const QuantityControl: React.FC<QuantityControlProps>;

package/storefront/components/pages/account-pages/index.d.ts

@@ -0,0 +1,2 @@
+declare const AuthPages: () => import("react/jsx-runtime").JSX.Element;
+export { AuthPages };

package/storefront/components/pages/account-pages/layouts.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+interface AuthLayoutProps {
+    children: React.ReactNode;
+}
+declare const AuthLayout: React.FC<AuthLayoutProps>;
+interface LoggedInViewLayoutProps {
+    children: React.ReactNode;
+}
+declare const LoggedInView: React.FC<LoggedInViewLayoutProps>;
+export { AuthLayout, LoggedInView };

package/storefront/components/pages/account-pages/order-details-page/index.d.ts

@@ -0,0 +1,5 @@
+interface OrderDetailsPageProps {
+    orderId: string;
+}
+declare const OrderDetailsPage: ({ orderId }: OrderDetailsPageProps) => import("react/jsx-runtime").JSX.Element;
+export { OrderDetailsPage };

package/storefront/components/pages/account-pages/order-details-page/shimmer.d.ts

@@ -0,0 +1,2 @@
+declare const Shimmer: () => import("react/jsx-runtime").JSX.Element;
+export { Shimmer };

package/storefront/components/pages/account-pages/order-details-page/tracking-icons.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+export declare const CheckIcon: React.FC<{
+    className?: string;
+}>;
+export declare const AlertIcon: React.FC<{
+    className?: string;
+}>;
+export declare const CancelIcon: React.FC<{
+    className?: string;
+}>;
+export declare const LoadingSpinner: React.FC<{
+    className?: string;
+}>;

package/storefront/components/pages/account-pages/order-details-page/tracking-step.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface TrackingStepProps {
+    title: string;
+    description: string;
+    active: boolean;
+    date?: Date | string | null;
+    cancelled?: boolean;
+    showConfetti?: boolean;
+}
+export declare const TrackingStep: React.FC<TrackingStepProps>;

package/storefront/components/pages/account-pages/orders-list-page/index.d.ts

@@ -0,0 +1,2 @@
+declare const OrdersListPage: () => import("react/jsx-runtime").JSX.Element;
+export { OrdersListPage };

package/storefront/components/pages/account-pages/sign-in-page/index.d.ts

@@ -0,0 +1 @@
+export declare const SignInPage: () => import("react/jsx-runtime").JSX.Element;

package/storefront/components/pages/account-pages/sign-in-page/sign-in-form.d.ts

@@ -0,0 +1,2 @@
+declare const SignInForm: () => import("react/jsx-runtime").JSX.Element;
+export { SignInForm };

package/storefront/components/pages/account-pages/sign-up-page/index.d.ts

@@ -0,0 +1 @@
+export declare const SignUpPage: () => import("react/jsx-runtime").JSX.Element;

package/storefront/components/pages/account-pages/sign-up-page/sign-up-form.d.ts

@@ -0,0 +1,2 @@
+declare const SignUpForm: () => import("react/jsx-runtime").JSX.Element;
+export { SignUpForm };

package/storefront/components/pages/checkout-pages/customer-details-page/customer-details-form.d.ts

@@ -0,0 +1,9 @@
+import { ShippingAddress } from '../../../../../../../client/src/index.ts';
+import { default as React } from 'react';
+interface ShippingAddressFormProps {
+    initialData: ShippingAddress | null;
+    shippingAndPaymentPageUrl: string;
+    onSuccess?: (data: any) => void;
+}
+declare const CustomerDetailsForm: React.FC<ShippingAddressFormProps>;
+export { CustomerDetailsForm };

package/storefront/components/pages/checkout-pages/customer-details-page/index.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface ShippingAddressProps {
+    shippingAndPaymentPageUrl?: string;
+}
+declare const CustomerDetailsPage: React.FC<ShippingAddressProps>;
+export { CustomerDetailsPage };

package/storefront/components/pages/checkout-pages/customer-details-page/shimmer.d.ts

@@ -0,0 +1,2 @@
+declare const LoadingShimmer: () => import("react/jsx-runtime").JSX.Element;
+export { LoadingShimmer };

package/storefront/components/pages/checkout-pages/index.d.ts

@@ -0,0 +1,2 @@
+declare const CheckoutPages: () => import("react/jsx-runtime").JSX.Element;
+export { CheckoutPages };

package/storefront/components/pages/checkout-pages/reservation-page/index.d.ts

@@ -0,0 +1,2 @@
+declare const ReservationPage: () => import("react/jsx-runtime").JSX.Element;
+export { ReservationPage };

package/storefront/components/pages/checkout-pages/reservation-page/reservation-form.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+interface ShippingAddressFormProps {
+    initialData: {
+        firstname: string;
+        lastname: string;
+    };
+    onSuccess?: (data: any) => void;
+}
+export declare const ReservationDetailsForm: React.FC<ShippingAddressFormProps>;
+export {};

package/storefront/components/pages/checkout-pages/shipping-and-payment-page/index.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+interface ShippingMethodsPageProps {
+    customerDetailsPageUrl?: string;
+}
+declare const ShippingAndPaymentPage: React.FC<ShippingMethodsPageProps>;
+export { ShippingAndPaymentPage };

package/storefront/components/pages/checkout-pages/shipping-and-payment-page/shimmer.d.ts

@@ -0,0 +1,2 @@
+declare const Shimmer: () => import("react/jsx-runtime").JSX.Element;
+export { Shimmer };

package/storefront/components/pages/checkout-pages/shipping-and-payment-page/shipping-and-payment-form.d.ts

@@ -0,0 +1,9 @@
+import { ShippingMethod, PaymentMethodDetails } from '../../../../../../../client/src/index.ts';
+import { default as React } from 'react';
+interface ShippingAndPaymentFormProps {
+    shippingMethods: ShippingMethod[];
+    paymentMethods: PaymentMethodDetails[];
+    customerDetailsPageUrl: string;
+}
+declare const ShippingAndPaymentForm: React.FC<ShippingAndPaymentFormProps>;
+export { ShippingAndPaymentForm };

package/storefront/components/ui/badge.d.ts

@@ -0,0 +1,31 @@
+import { default as React } from 'react';
+import { VariantProps } from 'tailwind-variants';
+declare const badgeVariants: import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: string[];
+        neutral: string[];
+        success: string[];
+        error: string[];
+        warning: string[];
+    };
+}, undefined, string, {
+    variant: {
+        default: string[];
+        neutral: string[];
+        success: string[];
+        error: string[];
+        warning: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    variant: {
+        default: string[];
+        neutral: string[];
+        success: string[];
+        error: string[];
+        warning: string[];
+    };
+}, undefined, string, unknown, unknown, undefined>>;
+interface BadgeProps extends React.ComponentPropsWithoutRef<'span'>, VariantProps<typeof badgeVariants> {
+}
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+export { Badge, badgeVariants, type BadgeProps };

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

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+import { VariantProps } from 'tailwind-variants';
+declare const buttonVariants: import('tailwind-variants').TVReturnType<{
+    variant: {
+        primary: string[];
+        secondary: string[];
+        light: string[];
+        ghost: string[];
+        destructive: string[];
+    };
+}, undefined, (string | string[])[], {
+    variant: {
+        primary: string[];
+        secondary: string[];
+        light: string[];
+        ghost: string[];
+        destructive: string[];
+    };
+}, undefined, import('tailwind-variants').TVReturnType<{
+    variant: {
+        primary: string[];
+        secondary: string[];
+        light: string[];
+        ghost: string[];
+        destructive: string[];
+    };
+}, undefined, (string | string[])[], unknown, unknown, undefined>>;
+interface ButtonProps extends React.ComponentPropsWithoutRef<"button">, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    isLoading?: boolean;
+    loadingText?: string;
+    disableShadows?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants, type ButtonProps };

package/storefront/components/ui/command-bar.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+interface CommandBarProps extends React.PropsWithChildren {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    defaultOpen?: boolean;
+    disableAutoFocus?: boolean;
+}
+declare const CommandBar: {
+    ({ open, onOpenChange, defaultOpen, disableAutoFocus, children, }: CommandBarProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const CommandBarValue: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandBarBar: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandBarSeperator: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children"> & React.RefAttributes<HTMLDivElement>>;
+interface CommandProps extends Omit<React.ComponentPropsWithoutRef<'button'>, 'children' | 'onClick'> {
+    action: () => void | Promise<void>;
+    label: string;
+    shortcut: {
+        shortcut: string;
+        label?: string;
+    };
+}
+declare const CommandBarCommand: React.ForwardRefExoticComponent<CommandProps & React.RefAttributes<HTMLButtonElement>>;
+export { CommandBar, CommandBarBar, CommandBarCommand, CommandBarSeperator, CommandBarValue, };

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

@@ -0,0 +1,80 @@
+import { DialogProps } from '@radix-ui/react-dialog';
+import * as React from 'react';
+declare const Command: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+    shouldFilter?: boolean;
+    filter?: (value: string, search: string, keywords?: string[]) => number;
+    defaultValue?: string;
+    value?: string;
+    onValueChange?: (value: string) => void;
+    loop?: boolean;
+    disablePointerSelection?: boolean;
+    vimBindings?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandDialog: ({ children, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
+    ref?: React.Ref<HTMLInputElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "type" | "onChange"> & {
+    value?: string;
+    onValueChange?: (search: string) => void;
+} & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const CommandList: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    label?: string;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "heading"> & {
+    heading?: React.ReactNode;
+    value?: string;
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    alwaysRender?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
+    children?: React.ReactNode;
+} & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & {
+    asChild?: boolean;
+}, "key" | "asChild" | keyof React.HTMLAttributes<HTMLDivElement>>, "value" | "disabled" | "onSelect"> & {
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    value?: string;
+    keywords?: string[];
+    forceMount?: boolean;
+} & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const CommandShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Command, CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, CommandShortcut, CommandSeparator, };

package/storefront/components/ui/datefield-rac.d.ts

@@ -0,0 +1,12 @@
+import { DateFieldProps, DateInputProps as DateInputPropsRac, DateSegmentProps, DateValue as DateValueRac, TimeFieldProps, TimeValue as TimeValueRac } from 'react-aria-components';
+declare function DateField<T extends DateValueRac>({ className, children, ...props }: DateFieldProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function TimeField<T extends TimeValueRac>({ className, children, ...props }: TimeFieldProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function DateSegment({ className, ...props }: DateSegmentProps): import("react/jsx-runtime").JSX.Element;
+declare const dateInputStyle = "relative inline-flex h-9 w-full items-center overflow-hidden whitespace-nowrap rounded-md border border-input bg-background px-3 py-2 text-sm shadow-2xs transition-[color,box-shadow] outline-hidden data-focus-within:border-ring data-focus-within:ring-ring/50 data-focus-within:ring-[3px] data-focus-within:has-aria-invalid:ring-destructive/20 dark:data-focus-within:has-aria-invalid:ring-destructive/40 data-focus-within:has-aria-invalid:border-destructive";
+interface DateInputProps extends DateInputPropsRac {
+    className?: string;
+    unstyled?: boolean;
+}
+declare function DateInput({ className, unstyled, ...props }: Omit<DateInputProps, "children">): import("react/jsx-runtime").JSX.Element;
+export { DateField, DateInput, DateSegment, TimeField, dateInputStyle };
+export type { DateInputProps };

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

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import * as DialogPrimitives from "@radix-ui/react-dialog";
+declare const Dialog: {
+    (props: React.ComponentPropsWithoutRef<typeof DialogPrimitives.Root>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitives.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitives.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitives.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitives.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitives.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const DialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger, };

package/storefront/components/ui/divider.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+interface DividerProps extends React.ComponentPropsWithoutRef<'div'> {
+}
+declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;
+export { Divider };

package/storefront/components/ui/index.d.ts

@@ -0,0 +1,12 @@
+export * from './button';
+export * from './input';
+export * from './label';
+export * from './input-group';
+export * from './command';
+export * from './dialog';
+export * from './popover';
+export * from './slideover';
+export * from './command-bar';
+export * from './radio-card';
+export * from './badge';
+export * from './divider';

package/storefront/components/ui/input/country-input.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface CountryInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+}
+declare const CountryInput: React.FC<CountryInputProps>;
+export { CountryInput };

package/storefront/components/ui/input/email-input.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { InputProps } from './text-input';
+interface EmailInputProps extends Omit<InputProps, "type"> {
+    id?: string;
+}
+declare const EmailInput: React.FC<EmailInputProps>;
+export { EmailInput };

package/storefront/components/ui/input/image-upload-input.d.ts

@@ -0,0 +1,19 @@
+import { UploadedFile } from '../../../../../../client/src/index.ts';
+import { default as React } from 'react';
+interface ImageUploadBaseProps {
+    pathPrefix?: string;
+    organizationId?: string;
+}
+interface SingleImageUploadProps extends ImageUploadBaseProps {
+    multiple?: false;
+    onChange: (file: UploadedFile | undefined) => void;
+    value?: UploadedFile;
+}
+interface MultipleImageUploadProps extends ImageUploadBaseProps {
+    multiple: true;
+    onChange: (files: UploadedFile[] | undefined) => void;
+    value?: UploadedFile[];
+}
+type ImageUploadProps = SingleImageUploadProps | MultipleImageUploadProps;
+declare const ImageUploadInput: React.FC<ImageUploadProps>;
+export { ImageUploadInput };

package/storefront/components/ui/input/index.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { CountryInput } from './country-input';
+import { EmailInput } from './email-input';
+import { ImageUploadInput } from './image-upload-input';
+import { LocationInput } from './location-input';
+import { PhoneNumberInput } from './phone-number-input';
+import { Option, SelectInput } from './select-input';
+import { Switch } from './switch';
+import { TextInput } from './text-input';
+import { default as TimeInput } from './time-input';
+export type InputType = "text" | "email" | "file" | "number" | "phone-number" | "country" | "textarea" | "select" | "switch" | "array" | "object" | "location" | "time" | "week-time";
+interface InputProps {
+    name: string;
+    type: InputType;
+    prefix?: string;
+    placeholder?: string;
+    multiple?: boolean;
+    options?: Option[];
+    disabled?: boolean;
+}
+declare const Input: React.FC<InputProps>;
+export { Input, LocationInput, PhoneNumberInput, EmailInput, CountryInput, SelectInput, Switch, TextInput, ImageUploadInput, TimeInput, };

package/storefront/components/ui/input/location-input.d.ts

@@ -0,0 +1,9 @@
+import { Place } from '../../../../../../client/src/index.ts';
+import { default as React } from 'react';
+interface AutocompleteInputProps {
+    value: string;
+    onChange: (value: Place) => void;
+    placeholder?: string;
+}
+declare const LocationInput: React.FC<AutocompleteInputProps>;
+export { LocationInput };

package/storefront/components/ui/input/phone-number-input.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface PhoneNumberInputProps {
+    value: string;
+    onChange: (value: string) => void;
+    onBlur?: () => void;
+}
+declare const PhoneNumberInput: React.FC<PhoneNumberInputProps>;
+export { PhoneNumberInput };

package/storefront/components/ui/input/select-input.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export interface Option {
+    label: string;
+    value: string;
+}
+interface GenericInputProps {
+    options: Option[];
+    value: string | string[];
+    onChange: (value: string | string[]) => void;
+    multiple?: boolean;
+    placeholder?: string;
+}
+declare const SelectInput: React.FC<GenericInputProps>;
+export { SelectInput };