@idkwebsites/components 0.1.17 → 0.1.19

package/dist/index.d.cts

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
+import { ReactNode, ComponentType } from 'react';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { DehydratedState, DefaultOptions, QueryClient } from '@tanstack/react-query';
+import { Scissors } from 'lucide-react';
 
 interface PlatformProviderProps {
     apiKey: string;
@@ -402,7 +403,7 @@ interface ContactFormProps {
 }
 declare function ContactForm({ fields, formType, submitLabel, className, onSuccess, onError, }: ContactFormProps): react_jsx_runtime.JSX.Element;
 
-interface BookingWidgetProps {
+interface BookingWidgetProps$1 {
     className?: string;
     showStaffSelection?: boolean;
     onSuccess?: (booking: unknown) => void;
@@ -439,7 +440,34 @@ interface BookingWidgetProps {
     disabledWeekdays?: number[];
     showFullyBookedLabel?: boolean;
 }
-declare function BookingWidget({ className, title, subtitle, serviceSearchPlaceholder, categoryLabel, serviceListMaxHeight, serviceLayout, serviceColumns, showServicePagination, staffLayout, staffColumns, showStaffPagination, timeLayout, showFullyBookedLabel, calendarVariant, enableServiceSearch, enableCategoryFilter, enableDatePaging, disabledWeekdays, ...hookProps }: BookingWidgetProps): react_jsx_runtime.JSX.Element;
+declare function BookingWidget({ className, title, subtitle, serviceSearchPlaceholder, categoryLabel, serviceListMaxHeight, serviceLayout, serviceColumns, showServicePagination, staffLayout, staffColumns, showStaffPagination, timeLayout, showFullyBookedLabel, calendarVariant, enableServiceSearch, enableCategoryFilter, enableDatePaging, disabledWeekdays, ...hookProps }: BookingWidgetProps$1): react_jsx_runtime.JSX.Element;
+
+interface BookingWidgetProps {
+    /** Navigation links shown in the mobile menu overlay. Omit to hide hamburger. */
+    navLinks?: {
+        label: string;
+        href: string;
+    }[];
+    /** Custom icon for the mobile menu open button (default: lucide Menu) */
+    menuIcon?: ReactNode;
+    /** Custom icon for the mobile menu close button (default: lucide X) */
+    closeIcon?: ReactNode;
+    /** Override the category → icon mapping (keyword → React component) */
+    categoryIcons?: Record<string, typeof Scissors>;
+    /** Override step titles for mobile flow */
+    stepTitles?: [string, string, string, string];
+    /**
+     * Link component for mobile nav. Defaults to a plain `<a>` tag.
+     * Next.js sites should pass `Link` from `next/link` for client-side navigation.
+     */
+    linkComponent?: ComponentType<{
+        href: string;
+        className?: string;
+        onClick?: () => void;
+        children: ReactNode;
+    }>;
+}
+declare function BookingWidgetPanel({ navLinks, menuIcon, closeIcon, categoryIcons, stepTitles, linkComponent: LinkComp, }?: BookingWidgetProps): react_jsx_runtime.JSX.Element;
 
 interface AvailabilityPickerProps {
     serviceId: string;
@@ -487,4 +515,4 @@ interface TimePickerProps {
 }
 declare function TimePicker({ slots, selectedTime, onSelect, className, }: TimePickerProps): react_jsx_runtime.JSX.Element;
 
-export { AvailabilityPicker, type AvailabilityResult, type BookingCancelInput, type BookingCreateInput, type BookingLookup, BookingWidget, ContactForm, type ContactSubmissionInput, DatePicker, PlatformProvider, type Service, ServiceCard, ServicePicker, ServicesList, type ServicesQueryParams, type StaffMember, StaffPicker, TeamGrid, TeamMember, type TeamQueryParams, type TenantInfo, TimePicker, type UseBookingWidgetOptions, type UseBookingWidgetReturn, useAvailability, useBookingLookup, useBookingWidget, useCancelBooking, useCreateBooking, useServices, useTeam, useTenant };
+export { AvailabilityPicker, type AvailabilityResult, type BookingCancelInput, type BookingCreateInput, type BookingLookup, BookingWidget, BookingWidgetPanel, type BookingWidgetProps, ContactForm, type ContactSubmissionInput, DatePicker, PlatformProvider, type Service, ServiceCard, ServicePicker, ServicesList, type ServicesQueryParams, type StaffMember, StaffPicker, TeamGrid, TeamMember, type TeamQueryParams, type TenantInfo, TimePicker, type UseBookingWidgetOptions, type UseBookingWidgetReturn, useAvailability, useBookingLookup, useBookingWidget, useCancelBooking, useCreateBooking, useServices, useTeam, useTenant };

package/dist/index.d.ts

@@ -1,7 +1,8 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
+import { ReactNode, ComponentType } from 'react';
 import * as _tanstack_react_query from '@tanstack/react-query';
 import { DehydratedState, DefaultOptions, QueryClient } from '@tanstack/react-query';
+import { Scissors } from 'lucide-react';
 
 interface PlatformProviderProps {
     apiKey: string;
@@ -402,7 +403,7 @@ interface ContactFormProps {
 }
 declare function ContactForm({ fields, formType, submitLabel, className, onSuccess, onError, }: ContactFormProps): react_jsx_runtime.JSX.Element;
 
-interface BookingWidgetProps {
+interface BookingWidgetProps$1 {
     className?: string;
     showStaffSelection?: boolean;
     onSuccess?: (booking: unknown) => void;
@@ -439,7 +440,34 @@ interface BookingWidgetProps {
     disabledWeekdays?: number[];
     showFullyBookedLabel?: boolean;
 }
-declare function BookingWidget({ className, title, subtitle, serviceSearchPlaceholder, categoryLabel, serviceListMaxHeight, serviceLayout, serviceColumns, showServicePagination, staffLayout, staffColumns, showStaffPagination, timeLayout, showFullyBookedLabel, calendarVariant, enableServiceSearch, enableCategoryFilter, enableDatePaging, disabledWeekdays, ...hookProps }: BookingWidgetProps): react_jsx_runtime.JSX.Element;
+declare function BookingWidget({ className, title, subtitle, serviceSearchPlaceholder, categoryLabel, serviceListMaxHeight, serviceLayout, serviceColumns, showServicePagination, staffLayout, staffColumns, showStaffPagination, timeLayout, showFullyBookedLabel, calendarVariant, enableServiceSearch, enableCategoryFilter, enableDatePaging, disabledWeekdays, ...hookProps }: BookingWidgetProps$1): react_jsx_runtime.JSX.Element;
+
+interface BookingWidgetProps {
+    /** Navigation links shown in the mobile menu overlay. Omit to hide hamburger. */
+    navLinks?: {
+        label: string;
+        href: string;
+    }[];
+    /** Custom icon for the mobile menu open button (default: lucide Menu) */
+    menuIcon?: ReactNode;
+    /** Custom icon for the mobile menu close button (default: lucide X) */
+    closeIcon?: ReactNode;
+    /** Override the category → icon mapping (keyword → React component) */
+    categoryIcons?: Record<string, typeof Scissors>;
+    /** Override step titles for mobile flow */
+    stepTitles?: [string, string, string, string];
+    /**
+     * Link component for mobile nav. Defaults to a plain `<a>` tag.
+     * Next.js sites should pass `Link` from `next/link` for client-side navigation.
+     */
+    linkComponent?: ComponentType<{
+        href: string;
+        className?: string;
+        onClick?: () => void;
+        children: ReactNode;
+    }>;
+}
+declare function BookingWidgetPanel({ navLinks, menuIcon, closeIcon, categoryIcons, stepTitles, linkComponent: LinkComp, }?: BookingWidgetProps): react_jsx_runtime.JSX.Element;
 
 interface AvailabilityPickerProps {
     serviceId: string;
@@ -487,4 +515,4 @@ interface TimePickerProps {
 }
 declare function TimePicker({ slots, selectedTime, onSelect, className, }: TimePickerProps): react_jsx_runtime.JSX.Element;
 
-export { AvailabilityPicker, type AvailabilityResult, type BookingCancelInput, type BookingCreateInput, type BookingLookup, BookingWidget, ContactForm, type ContactSubmissionInput, DatePicker, PlatformProvider, type Service, ServiceCard, ServicePicker, ServicesList, type ServicesQueryParams, type StaffMember, StaffPicker, TeamGrid, TeamMember, type TeamQueryParams, type TenantInfo, TimePicker, type UseBookingWidgetOptions, type UseBookingWidgetReturn, useAvailability, useBookingLookup, useBookingWidget, useCancelBooking, useCreateBooking, useServices, useTeam, useTenant };
+export { AvailabilityPicker, type AvailabilityResult, type BookingCancelInput, type BookingCreateInput, type BookingLookup, BookingWidget, BookingWidgetPanel, type BookingWidgetProps, ContactForm, type ContactSubmissionInput, DatePicker, PlatformProvider, type Service, ServiceCard, ServicePicker, ServicesList, type ServicesQueryParams, type StaffMember, StaffPicker, TeamGrid, TeamMember, type TeamQueryParams, type TenantInfo, TimePicker, type UseBookingWidgetOptions, type UseBookingWidgetReturn, useAvailability, useBookingLookup, useBookingWidget, useCancelBooking, useCreateBooking, useServices, useTeam, useTenant };