@sonordev/site-kit 1.2.7

package/dist/useEventModal-BVTx69XE.d.mts

@@ -0,0 +1,274 @@
+import { F as FetchOfferingsOptions, C as CommerceOffering, q as FetchEventsOptions, h as CheckoutCustomer, b as CheckoutResult, i as OfferingCardProps, j as OfferingListProps, E as EventTileProps, U as UpcomingEventsProps, l as ProductEmbedProps, m as EventEmbedProps, n as CheckoutFormProps, R as RegistrationFormProps, c as CommerceSchedule } from './types-CGlnp43R.mjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * @sonordev/site-kit/commerce - Utility functions
+ */
+declare function formatPrice(amount: number, currency?: string): string;
+declare function formatDate(dateString: string): string;
+declare function formatDateTime(dateString: string): string;
+declare function formatTime(dateString: string): string;
+declare function formatDateRange(startDate: string, endDate?: string): string;
+declare function getRelativeTimeUntil(dateString: string): string;
+declare function getSpotsRemaining(capacity: number | null | undefined, registrations?: number): number | null;
+declare function isEventSoldOut(capacity: number | null | undefined, registrations?: number): boolean;
+declare function getOfferingUrl(slug: string, type: string, basePaths?: {
+    product?: string;
+    service?: string;
+    event?: string;
+    class?: string;
+}): string;
+
+/**
+ * @sonordev/site-kit/commerce - Commerce API
+ *
+ * API functions for fetching offerings, submitting orders, and registrations.
+ * All data goes through Portal API with API key auth - never Supabase directly.
+ */
+
+declare function fetchOfferings(options?: FetchOfferingsOptions): Promise<CommerceOffering[]>;
+declare function fetchOffering(slug: string): Promise<CommerceOffering | null>;
+declare function fetchLatestOffering(type?: string, category?: string): Promise<CommerceOffering | null>;
+declare function fetchUpcomingEvents(options?: FetchEventsOptions): Promise<CommerceOffering[]>;
+declare function fetchNextEvent(category?: string): Promise<CommerceOffering | null>;
+declare function fetchProducts(options?: Omit<FetchOfferingsOptions, 'type'>): Promise<CommerceOffering[]>;
+declare function fetchServices(options?: Omit<FetchOfferingsOptions, 'type'>): Promise<CommerceOffering[]>;
+/**
+ * Fetch products via public API
+ */
+declare function fetchProductsPublic(options?: {
+    category?: string;
+    limit?: number;
+    offset?: number;
+    orderBy?: 'name' | 'price' | 'created_at' | 'sort_order';
+    order?: 'asc' | 'desc';
+    search?: string;
+}): Promise<{
+    products: CommerceOffering[];
+    total: number;
+}>;
+/**
+ * Fetch single product by slug
+ */
+declare function fetchProductBySlug(slug: string): Promise<CommerceOffering | null>;
+/**
+ * Fetch product categories
+ */
+declare function fetchCategories(): Promise<{
+    id: string;
+    name: string;
+    slug: string;
+}[]>;
+interface ShippingAddress {
+    street1: string;
+    street2?: string;
+    city: string;
+    state: string;
+    zip: string;
+    country?: string;
+    name?: string;
+    phone?: string;
+}
+interface ShippingRate {
+    carrier: string;
+    service: string;
+    amount: string;
+    currency: string;
+    estimatedDays?: number;
+    objectId?: string;
+}
+interface ValidateAddressResult {
+    isValid: boolean;
+    normalized?: {
+        street1: string;
+        street2?: string;
+        city: string;
+        state: string;
+        zip: string;
+        country: string;
+    };
+    messages?: string[];
+}
+/**
+ * Fetch shipping rates for checkout (when shipping is enabled)
+ */
+declare function fetchShippingRates(shippingAddress: ShippingAddress, offerings: Array<{
+    offering_id: string;
+    quantity?: number;
+}>): Promise<ShippingRate[]>;
+/**
+ * Validate a shipping address before checkout
+ */
+declare function validateAddress(address: Omit<ShippingAddress, 'name' | 'phone'>): Promise<ValidateAddressResult>;
+/**
+ * Fetch the active payment processor for the current project.
+ * Returns 'stripe' | 'square' | null.
+ */
+declare function fetchActiveProcessor(): Promise<'stripe' | 'square' | null>;
+declare function registerForEvent(eventId: string, scheduleId: string | undefined, customer: CheckoutCustomer): Promise<CheckoutResult>;
+interface CreateCheckoutOptions {
+    offeringId: string;
+    variantId?: string;
+    scheduleId?: string;
+    quantity?: number;
+    customer?: CheckoutCustomer;
+    successUrl?: string;
+    cancelUrl?: string;
+    /** Square card nonce from Web Payments SDK for inline card collection (no redirect) */
+    sourceId?: string;
+    /** Shipping address (required for physical products when shipping_enabled) */
+    shippingAddress?: ShippingAddress;
+    /** Selected shipping carrier from rates */
+    shippingCarrier?: string;
+    /** Selected shipping service from rates */
+    shippingService?: string;
+    /** Shipping cost in dollars (from selected rate) */
+    shippingCost?: number;
+}
+interface ProcessorConfig {
+    processor: 'stripe' | 'square' | null;
+    squareAppId?: string;
+    squareLocationId?: string;
+    squareEnvironment?: string;
+    stripePublishableKey?: string;
+    /** Whether shipping is enabled for this project */
+    shipping_enabled?: boolean;
+}
+/**
+ * Fetch client-side SDK config for the active payment processor.
+ * Returns public-safe values (app IDs, location IDs) for SDK initialization.
+ */
+declare function fetchProcessorConfig(): Promise<ProcessorConfig | null>;
+/**
+ * Create a checkout session for a product or service
+ * Supports both Stripe and Square based on project configuration
+ */
+declare function createCheckoutSession(optionsOrOfferingId: CreateCheckoutOptions | string, legacyOptions?: Omit<CreateCheckoutOptions, 'offeringId'>): Promise<CheckoutResult>;
+
+declare function OfferingCard({ offering, variant, showImage, showPrice, showDescription, showCta, ctaText, onCtaClick, className, imageClassName, titleClassName, priceClassName, descriptionClassName, ctaClassName, }: OfferingCardProps): react_jsx_runtime.JSX.Element;
+
+declare function OfferingList({ offerings: propOfferings, type, category, limit, status, layout, columns, cardVariant, showFilters, emptyMessage, showImage, showPrice, showDescription, showCta, ctaText, onCtaClick, className, cardClassName, filterClassName, renderCard, renderEmpty, }: OfferingListProps): react_jsx_runtime.JSX.Element;
+
+declare function EventTile({ event, variant, showDate, showTime, showLocation, showCapacity, showPrice, showCta, ctaText, onRegister, onCtaClick, className, dateClassName, titleClassName, ctaClassName, }: EventTileProps): react_jsx_runtime.JSX.Element;
+
+declare function UpcomingEvents({ events: propEvents, limit, category, variant, layout, showViewAll, viewAllUrl, viewAllText, emptyMessage, title, onRegister, onCtaClick, className, titleClassName, eventClassName, }: UpcomingEventsProps): react_jsx_runtime.JSX.Element;
+
+declare function ProductEmbed({ product: propProduct, slug, mode, // 'specific', 'latest', 'featured'
+category, variant, showImage, showPrice, showDescription, showCta, ctaText, onCtaClick, className, }: ProductEmbedProps): react_jsx_runtime.JSX.Element | null;
+
+declare function EventEmbed({ event: propEvent, slug, mode, // 'specific', 'next'
+category, variant, showDate, showTime, showLocation, showCapacity, showPrice, showCta, ctaText, onRegister, onCtaClick, className, }: EventEmbedProps): react_jsx_runtime.JSX.Element | null;
+
+declare function CheckoutForm({ offering, scheduleId, variantId, quantity: initialQuantity, mode, // 'checkout' | 'register'
+showQuantity, submitText, onSuccess, onError, className, formClassName, inputClassName, buttonClassName, }: CheckoutFormProps): react_jsx_runtime.JSX.Element;
+
+declare function RegistrationForm({ event, scheduleId, title, submitText, successMessage, collectPhone, additionalFields, onSuccess, onError, className, formClassName, inputClassName, buttonClassName, }: RegistrationFormProps): react_jsx_runtime.JSX.Element;
+
+interface CalendarViewProps {
+    /** Pre-loaded events (optional - will fetch if not provided) */
+    events?: CommerceOffering[];
+    /** Initial month to display (defaults to current) */
+    initialDate?: Date;
+    /** Category filter */
+    category?: string;
+    /** Callback when event is clicked */
+    onEventClick?: (event: CommerceOffering, schedule: CommerceSchedule) => void;
+    /** Callback when day is clicked */
+    onDayClick?: (date: Date, events: EventOnDay[]) => void;
+    /** Show navigation arrows */
+    showNavigation?: boolean;
+    /** Show month/year header */
+    showHeader?: boolean;
+    /** First day of week (0 = Sunday, 1 = Monday) */
+    weekStartsOn?: 0 | 1;
+    /** Minimum date to show */
+    minDate?: Date;
+    /** Maximum date to show */
+    maxDate?: Date;
+    /** How to display events in cells: 'title' = text, 'image' = thumbnail with details on hover */
+    eventDisplay?: 'title' | 'image';
+    /** Custom class names */
+    className?: string;
+    headerClassName?: string;
+    dayClassName?: string;
+    eventClassName?: string;
+    todayClassName?: string;
+}
+interface EventOnDay {
+    event: CommerceOffering;
+    schedule: CommerceSchedule;
+}
+declare function CalendarView({ events: propEvents, initialDate, category, onEventClick, onDayClick, showNavigation, showHeader, weekStartsOn, minDate, maxDate, eventDisplay, className, headerClassName, dayClassName, eventClassName, todayClassName, }: CalendarViewProps): react_jsx_runtime.JSX.Element;
+
+interface EventModalProps {
+    /** Event to display */
+    event: CommerceOffering | null;
+    /** Specific schedule (optional - uses first upcoming if not provided) */
+    schedule?: CommerceSchedule | null;
+    /** Whether modal is open */
+    isOpen: boolean;
+    /** Close modal callback */
+    onClose: () => void;
+    /** Success callback */
+    onSuccess?: (result: CheckoutResult) => void;
+    /** Error callback */
+    onError?: (error: string) => void;
+    /** Collect phone number */
+    collectPhone?: boolean;
+    /** Additional form fields */
+    additionalFields?: AdditionalField[];
+    /** Custom class names */
+    className?: string;
+    overlayClassName?: string;
+    contentClassName?: string;
+}
+interface AdditionalField {
+    name: string;
+    label: string;
+    type?: 'text' | 'email' | 'tel' | 'textarea' | 'select' | 'number';
+    required?: boolean;
+    placeholder?: string;
+    options?: {
+        value: string;
+        label: string;
+    }[];
+}
+declare function EventModal({ event, schedule: propSchedule, isOpen, onClose, onSuccess, onError, collectPhone, additionalFields, className, overlayClassName, contentClassName, }: EventModalProps): react_jsx_runtime.JSX.Element | null;
+
+interface EventCalendarProps extends Omit<CalendarViewProps, 'onEventClick'> {
+    /** Callback when registration/checkout succeeds */
+    onRegistrationSuccess?: (result: CheckoutResult) => void;
+    /** Callback when registration/checkout fails */
+    onRegistrationError?: (error: string) => void;
+    /** Collect phone number in registration form */
+    collectPhone?: boolean;
+    /** Additional form fields for registration */
+    additionalFields?: AdditionalField[];
+    /** Custom modal class names */
+    modalClassName?: string;
+    modalOverlayClassName?: string;
+    modalContentClassName?: string;
+}
+declare function EventCalendar({ onRegistrationSuccess, onRegistrationError, collectPhone, additionalFields, modalClassName, modalOverlayClassName, modalContentClassName, ...calendarProps }: EventCalendarProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * @sonordev/site-kit/commerce - useEventModal hook
+ *
+ * Hook for managing event modal state.
+ */
+
+interface UseEventModalReturn {
+    /** Currently selected event */
+    event: CommerceOffering | null;
+    /** Currently selected schedule */
+    schedule: CommerceSchedule | null;
+    /** Whether modal is open */
+    isOpen: boolean;
+    /** Open modal with event */
+    openModal: (event: CommerceOffering, schedule?: CommerceSchedule) => void;
+    /** Close modal */
+    closeModal: () => void;
+}
+declare function useEventModal(): UseEventModalReturn;
+
+export { formatDate as A, formatDateTime as B, type CreateCheckoutOptions as C, formatTime as D, EventTile as E, formatDateRange as F, getRelativeTimeUntil as G, getSpotsRemaining as H, isEventSoldOut as I, getOfferingUrl as J, OfferingCard as O, type ProcessorConfig as P, RegistrationForm as R, type ShippingAddress as S, UpcomingEvents as U, type ValidateAddressResult as V, fetchOffering as a, fetchLatestOffering as b, fetchProducts as c, fetchProductsPublic as d, fetchProductBySlug as e, fetchOfferings as f, fetchCategories as g, fetchServices as h, fetchUpcomingEvents as i, fetchNextEvent as j, fetchShippingRates as k, createCheckoutSession as l, fetchActiveProcessor as m, fetchProcessorConfig as n, type ShippingRate as o, OfferingList as p, ProductEmbed as q, registerForEvent as r, EventEmbed as s, CheckoutForm as t, CalendarView as u, validateAddress as v, EventModal as w, EventCalendar as x, useEventModal as y, formatPrice as z };

package/dist/useEventModal-Dx1dItTJ.d.ts

@@ -0,0 +1,274 @@
+import { F as FetchOfferingsOptions, C as CommerceOffering, q as FetchEventsOptions, h as CheckoutCustomer, b as CheckoutResult, i as OfferingCardProps, j as OfferingListProps, E as EventTileProps, U as UpcomingEventsProps, l as ProductEmbedProps, m as EventEmbedProps, n as CheckoutFormProps, R as RegistrationFormProps, c as CommerceSchedule } from './types-CGlnp43R.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+/**
+ * @sonordev/site-kit/commerce - Utility functions
+ */
+declare function formatPrice(amount: number, currency?: string): string;
+declare function formatDate(dateString: string): string;
+declare function formatDateTime(dateString: string): string;
+declare function formatTime(dateString: string): string;
+declare function formatDateRange(startDate: string, endDate?: string): string;
+declare function getRelativeTimeUntil(dateString: string): string;
+declare function getSpotsRemaining(capacity: number | null | undefined, registrations?: number): number | null;
+declare function isEventSoldOut(capacity: number | null | undefined, registrations?: number): boolean;
+declare function getOfferingUrl(slug: string, type: string, basePaths?: {
+    product?: string;
+    service?: string;
+    event?: string;
+    class?: string;
+}): string;
+
+/**
+ * @sonordev/site-kit/commerce - Commerce API
+ *
+ * API functions for fetching offerings, submitting orders, and registrations.
+ * All data goes through Portal API with API key auth - never Supabase directly.
+ */
+
+declare function fetchOfferings(options?: FetchOfferingsOptions): Promise<CommerceOffering[]>;
+declare function fetchOffering(slug: string): Promise<CommerceOffering | null>;
+declare function fetchLatestOffering(type?: string, category?: string): Promise<CommerceOffering | null>;
+declare function fetchUpcomingEvents(options?: FetchEventsOptions): Promise<CommerceOffering[]>;
+declare function fetchNextEvent(category?: string): Promise<CommerceOffering | null>;
+declare function fetchProducts(options?: Omit<FetchOfferingsOptions, 'type'>): Promise<CommerceOffering[]>;
+declare function fetchServices(options?: Omit<FetchOfferingsOptions, 'type'>): Promise<CommerceOffering[]>;
+/**
+ * Fetch products via public API
+ */
+declare function fetchProductsPublic(options?: {
+    category?: string;
+    limit?: number;
+    offset?: number;
+    orderBy?: 'name' | 'price' | 'created_at' | 'sort_order';
+    order?: 'asc' | 'desc';
+    search?: string;
+}): Promise<{
+    products: CommerceOffering[];
+    total: number;
+}>;
+/**
+ * Fetch single product by slug
+ */
+declare function fetchProductBySlug(slug: string): Promise<CommerceOffering | null>;
+/**
+ * Fetch product categories
+ */
+declare function fetchCategories(): Promise<{
+    id: string;
+    name: string;
+    slug: string;
+}[]>;
+interface ShippingAddress {
+    street1: string;
+    street2?: string;
+    city: string;
+    state: string;
+    zip: string;
+    country?: string;
+    name?: string;
+    phone?: string;
+}
+interface ShippingRate {
+    carrier: string;
+    service: string;
+    amount: string;
+    currency: string;
+    estimatedDays?: number;
+    objectId?: string;
+}
+interface ValidateAddressResult {
+    isValid: boolean;
+    normalized?: {
+        street1: string;
+        street2?: string;
+        city: string;
+        state: string;
+        zip: string;
+        country: string;
+    };
+    messages?: string[];
+}
+/**
+ * Fetch shipping rates for checkout (when shipping is enabled)
+ */
+declare function fetchShippingRates(shippingAddress: ShippingAddress, offerings: Array<{
+    offering_id: string;
+    quantity?: number;
+}>): Promise<ShippingRate[]>;
+/**
+ * Validate a shipping address before checkout
+ */
+declare function validateAddress(address: Omit<ShippingAddress, 'name' | 'phone'>): Promise<ValidateAddressResult>;
+/**
+ * Fetch the active payment processor for the current project.
+ * Returns 'stripe' | 'square' | null.
+ */
+declare function fetchActiveProcessor(): Promise<'stripe' | 'square' | null>;
+declare function registerForEvent(eventId: string, scheduleId: string | undefined, customer: CheckoutCustomer): Promise<CheckoutResult>;
+interface CreateCheckoutOptions {
+    offeringId: string;
+    variantId?: string;
+    scheduleId?: string;
+    quantity?: number;
+    customer?: CheckoutCustomer;
+    successUrl?: string;
+    cancelUrl?: string;
+    /** Square card nonce from Web Payments SDK for inline card collection (no redirect) */
+    sourceId?: string;
+    /** Shipping address (required for physical products when shipping_enabled) */
+    shippingAddress?: ShippingAddress;
+    /** Selected shipping carrier from rates */
+    shippingCarrier?: string;
+    /** Selected shipping service from rates */
+    shippingService?: string;
+    /** Shipping cost in dollars (from selected rate) */
+    shippingCost?: number;
+}
+interface ProcessorConfig {
+    processor: 'stripe' | 'square' | null;
+    squareAppId?: string;
+    squareLocationId?: string;
+    squareEnvironment?: string;
+    stripePublishableKey?: string;
+    /** Whether shipping is enabled for this project */
+    shipping_enabled?: boolean;
+}
+/**
+ * Fetch client-side SDK config for the active payment processor.
+ * Returns public-safe values (app IDs, location IDs) for SDK initialization.
+ */
+declare function fetchProcessorConfig(): Promise<ProcessorConfig | null>;
+/**
+ * Create a checkout session for a product or service
+ * Supports both Stripe and Square based on project configuration
+ */
+declare function createCheckoutSession(optionsOrOfferingId: CreateCheckoutOptions | string, legacyOptions?: Omit<CreateCheckoutOptions, 'offeringId'>): Promise<CheckoutResult>;
+
+declare function OfferingCard({ offering, variant, showImage, showPrice, showDescription, showCta, ctaText, onCtaClick, className, imageClassName, titleClassName, priceClassName, descriptionClassName, ctaClassName, }: OfferingCardProps): react_jsx_runtime.JSX.Element;
+
+declare function OfferingList({ offerings: propOfferings, type, category, limit, status, layout, columns, cardVariant, showFilters, emptyMessage, showImage, showPrice, showDescription, showCta, ctaText, onCtaClick, className, cardClassName, filterClassName, renderCard, renderEmpty, }: OfferingListProps): react_jsx_runtime.JSX.Element;
+
+declare function EventTile({ event, variant, showDate, showTime, showLocation, showCapacity, showPrice, showCta, ctaText, onRegister, onCtaClick, className, dateClassName, titleClassName, ctaClassName, }: EventTileProps): react_jsx_runtime.JSX.Element;
+
+declare function UpcomingEvents({ events: propEvents, limit, category, variant, layout, showViewAll, viewAllUrl, viewAllText, emptyMessage, title, onRegister, onCtaClick, className, titleClassName, eventClassName, }: UpcomingEventsProps): react_jsx_runtime.JSX.Element;
+
+declare function ProductEmbed({ product: propProduct, slug, mode, // 'specific', 'latest', 'featured'
+category, variant, showImage, showPrice, showDescription, showCta, ctaText, onCtaClick, className, }: ProductEmbedProps): react_jsx_runtime.JSX.Element | null;
+
+declare function EventEmbed({ event: propEvent, slug, mode, // 'specific', 'next'
+category, variant, showDate, showTime, showLocation, showCapacity, showPrice, showCta, ctaText, onRegister, onCtaClick, className, }: EventEmbedProps): react_jsx_runtime.JSX.Element | null;
+
+declare function CheckoutForm({ offering, scheduleId, variantId, quantity: initialQuantity, mode, // 'checkout' | 'register'
+showQuantity, submitText, onSuccess, onError, className, formClassName, inputClassName, buttonClassName, }: CheckoutFormProps): react_jsx_runtime.JSX.Element;
+
+declare function RegistrationForm({ event, scheduleId, title, submitText, successMessage, collectPhone, additionalFields, onSuccess, onError, className, formClassName, inputClassName, buttonClassName, }: RegistrationFormProps): react_jsx_runtime.JSX.Element;
+
+interface CalendarViewProps {
+    /** Pre-loaded events (optional - will fetch if not provided) */
+    events?: CommerceOffering[];
+    /** Initial month to display (defaults to current) */
+    initialDate?: Date;
+    /** Category filter */
+    category?: string;
+    /** Callback when event is clicked */
+    onEventClick?: (event: CommerceOffering, schedule: CommerceSchedule) => void;
+    /** Callback when day is clicked */
+    onDayClick?: (date: Date, events: EventOnDay[]) => void;
+    /** Show navigation arrows */
+    showNavigation?: boolean;
+    /** Show month/year header */
+    showHeader?: boolean;
+    /** First day of week (0 = Sunday, 1 = Monday) */
+    weekStartsOn?: 0 | 1;
+    /** Minimum date to show */
+    minDate?: Date;
+    /** Maximum date to show */
+    maxDate?: Date;
+    /** How to display events in cells: 'title' = text, 'image' = thumbnail with details on hover */
+    eventDisplay?: 'title' | 'image';
+    /** Custom class names */
+    className?: string;
+    headerClassName?: string;
+    dayClassName?: string;
+    eventClassName?: string;
+    todayClassName?: string;
+}
+interface EventOnDay {
+    event: CommerceOffering;
+    schedule: CommerceSchedule;
+}
+declare function CalendarView({ events: propEvents, initialDate, category, onEventClick, onDayClick, showNavigation, showHeader, weekStartsOn, minDate, maxDate, eventDisplay, className, headerClassName, dayClassName, eventClassName, todayClassName, }: CalendarViewProps): react_jsx_runtime.JSX.Element;
+
+interface EventModalProps {
+    /** Event to display */
+    event: CommerceOffering | null;
+    /** Specific schedule (optional - uses first upcoming if not provided) */
+    schedule?: CommerceSchedule | null;
+    /** Whether modal is open */
+    isOpen: boolean;
+    /** Close modal callback */
+    onClose: () => void;
+    /** Success callback */
+    onSuccess?: (result: CheckoutResult) => void;
+    /** Error callback */
+    onError?: (error: string) => void;
+    /** Collect phone number */
+    collectPhone?: boolean;
+    /** Additional form fields */
+    additionalFields?: AdditionalField[];
+    /** Custom class names */
+    className?: string;
+    overlayClassName?: string;
+    contentClassName?: string;
+}
+interface AdditionalField {
+    name: string;
+    label: string;
+    type?: 'text' | 'email' | 'tel' | 'textarea' | 'select' | 'number';
+    required?: boolean;
+    placeholder?: string;
+    options?: {
+        value: string;
+        label: string;
+    }[];
+}
+declare function EventModal({ event, schedule: propSchedule, isOpen, onClose, onSuccess, onError, collectPhone, additionalFields, className, overlayClassName, contentClassName, }: EventModalProps): react_jsx_runtime.JSX.Element | null;
+
+interface EventCalendarProps extends Omit<CalendarViewProps, 'onEventClick'> {
+    /** Callback when registration/checkout succeeds */
+    onRegistrationSuccess?: (result: CheckoutResult) => void;
+    /** Callback when registration/checkout fails */
+    onRegistrationError?: (error: string) => void;
+    /** Collect phone number in registration form */
+    collectPhone?: boolean;
+    /** Additional form fields for registration */
+    additionalFields?: AdditionalField[];
+    /** Custom modal class names */
+    modalClassName?: string;
+    modalOverlayClassName?: string;
+    modalContentClassName?: string;
+}
+declare function EventCalendar({ onRegistrationSuccess, onRegistrationError, collectPhone, additionalFields, modalClassName, modalOverlayClassName, modalContentClassName, ...calendarProps }: EventCalendarProps): react_jsx_runtime.JSX.Element;
+
+/**
+ * @sonordev/site-kit/commerce - useEventModal hook
+ *
+ * Hook for managing event modal state.
+ */
+
+interface UseEventModalReturn {
+    /** Currently selected event */
+    event: CommerceOffering | null;
+    /** Currently selected schedule */
+    schedule: CommerceSchedule | null;
+    /** Whether modal is open */
+    isOpen: boolean;
+    /** Open modal with event */
+    openModal: (event: CommerceOffering, schedule?: CommerceSchedule) => void;
+    /** Close modal */
+    closeModal: () => void;
+}
+declare function useEventModal(): UseEventModalReturn;
+
+export { formatDate as A, formatDateTime as B, type CreateCheckoutOptions as C, formatTime as D, EventTile as E, formatDateRange as F, getRelativeTimeUntil as G, getSpotsRemaining as H, isEventSoldOut as I, getOfferingUrl as J, OfferingCard as O, type ProcessorConfig as P, RegistrationForm as R, type ShippingAddress as S, UpcomingEvents as U, type ValidateAddressResult as V, fetchOffering as a, fetchLatestOffering as b, fetchProducts as c, fetchProductsPublic as d, fetchProductBySlug as e, fetchOfferings as f, fetchCategories as g, fetchServices as h, fetchUpcomingEvents as i, fetchNextEvent as j, fetchShippingRates as k, createCheckoutSession as l, fetchActiveProcessor as m, fetchProcessorConfig as n, type ShippingRate as o, OfferingList as p, ProductEmbed as q, registerForEvent as r, EventEmbed as s, CheckoutForm as t, CalendarView as u, validateAddress as v, EventModal as w, EventCalendar as x, useEventModal as y, formatPrice as z };