@wix/headless-bookings 0.0.92 → 0.0.94

package/dist/react/service/Service.d.ts

@@ -7,6 +7,39 @@ import { AsChildChildren } from '@wix/headless-utils/react';
 import { MoneyData } from '@wix/headless-components/react';
 import { type Service, type Payment } from '@wix/auto_sdk_bookings_services';
 import * as ServiceMediaModule from './ServiceMedia.js';
+export declare const TestIds: {
+    readonly serviceRoot: "service-root";
+    readonly serviceName: "service-name";
+    readonly serviceDescription: "service-description";
+    readonly servicePrice: "service-price";
+    readonly serviceTagline: "service-tagline";
+    readonly serviceDurationInMinutes: "service-duration-in-minutes";
+    readonly serviceType: "service-type";
+    readonly serviceCategory: "service-category";
+    readonly serviceLocations: "service-locations";
+    readonly serviceLocation: "service-location";
+    readonly serviceLocationRepeater: "service-location-repeater";
+    readonly locationRoot: "location-root";
+    readonly serviceStaffMembers: "service-staff-members";
+    readonly serviceStaffMemberRepeater: "service-staff-member-repeater";
+    readonly serviceSchedule: "service-schedule";
+    readonly serviceDefaultCapacity: "service-default-capacity";
+    readonly serviceRaw: "service-raw";
+    readonly serviceActionSelect: "service-action-select";
+    readonly serviceActionAdd: "service-action-add";
+    readonly serviceActionRemove: "service-action-remove";
+    readonly servicePolicyLatestCancellationInMinutes: "service-policy-latest-cancellation-in-minutes";
+    readonly servicePolicyLatestBookingInMinutes: "service-policy-latest-booking-in-minutes";
+    readonly servicePolicyEarliestBookingInMinutes: "service-policy-earliest-booking-in-minutes";
+    readonly servicePolicyLatestRescheduleInMinutes: "service-policy-latest-reschedule-in-minutes";
+    readonly servicePolicyWaitlistCapacity: "service-policy-waitlist-capacity";
+    readonly servicePolicyBookAfterStartEnabled: "service-policy-book-after-start-enabled";
+    readonly servicePolicyMaxParticipantsPerBooking: "service-policy-max-participants-per-booking";
+    readonly serviceScheduleFirstSessionStart: "service-schedule-first-session-start";
+    readonly serviceScheduleLastSessionEnd: "service-schedule-last-session-end";
+    readonly serviceScheduleSessionDuration: "service-schedule-session-duration";
+    readonly serviceAvailableOnline: "service-available-online";
+};
 /**
  * Base props shared by all Service.Root variants
  */
@@ -122,12 +155,11 @@ export declare const Root: React.ForwardRefExoticComponent<ServiceRootProps & Re
 /**
  * Props for Service Name component
  */
-export interface NameProps {
+export interface NameProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         name: string;
     }>;
-    className?: string;
 }
 /**
  * Displays the service name with customizable rendering.
@@ -157,12 +189,11 @@ export declare const Name: React.ForwardRefExoticComponent<NameProps & React.Ref
 /**
  * Props for Service Description component
  */
-export interface DescriptionProps {
+export interface DescriptionProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         description: string;
     }>;
-    className?: string;
 }
 /**
  * Displays the service description with customizable rendering.
@@ -231,12 +262,11 @@ export declare const Price: React.ForwardRefExoticComponent<PriceProps & React.R
 /**
  * Props for Service Tagline component
  */
-export interface TaglineProps {
+export interface TaglineProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         tagline: string;
     }>;
-    className?: string;
 }
 /**
  * Displays the service tagline with customizable rendering.
@@ -272,12 +302,11 @@ export declare const Tagline: React.ForwardRefExoticComponent<TaglineProps & Rea
 /**
  * Props for Service DurationInMinutes component
  */
-export interface DurationInMinutesProps {
+export interface DurationInMinutesProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         duration: number;
     }>;
-    className?: string;
 }
 /**
  * Displays the service duration in minutes (raw number) with customizable rendering.
@@ -314,12 +343,11 @@ export declare const DurationInMinutes: React.ForwardRefExoticComponent<Duration
 /**
  * Props for Service Type component
  */
-export interface TypeProps {
+export interface TypeProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         type: string;
     }>;
-    className?: string;
 }
 /**
  * Displays the service type (APPOINTMENT, CLASS, COURSE, etc.) with customizable rendering.
@@ -358,7 +386,7 @@ export declare const Type: React.ForwardRefExoticComponent<TypeProps & React.Ref
 /**
  * Props for Service Category component
  */
-export interface CategoryProps {
+export interface CategoryProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         category: {
@@ -366,7 +394,6 @@ export interface CategoryProps {
             _id?: string;
         };
     }>;
-    className?: string;
 }
 /**
  * Displays the service category with customizable rendering.
@@ -1091,13 +1118,12 @@ export declare namespace Schedule {
 /**
  * Props for Service DefaultCapacity component
  */
-export interface DefaultCapacityProps {
+export interface DefaultCapacityProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         defaultCapacity: number;
         isClassOrCourse: boolean;
     }>;
-    className?: string;
 }
 /**
  * Displays the service default capacity with customizable rendering.
@@ -1121,12 +1147,11 @@ export declare const DefaultCapacity: React.ForwardRefExoticComponent<DefaultCap
 /**
  * Props for Service AvailableOnline component
  */
-export interface AvailableOnlineProps {
+export interface AvailableOnlineProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         availableOnline: boolean;
     }>;
-    className?: string;
     label?: string;
 }
 /**

package/dist/react/service/Service.js

@@ -17,43 +17,42 @@ import * as StaffMemberListModule from '../staff-member/StaffMemberList.js';
 // Note: StaffMember components are used inside StaffMemberList.StaffMemberRepeater
 // Users should import { StaffMember } from '@wix/headless-bookings/react' for StaffMember.Name, etc.
 import * as ServiceMediaModule from './ServiceMedia.js';
-var TestIds;
-(function (TestIds) {
-    TestIds["serviceRoot"] = "service-root";
-    TestIds["serviceName"] = "service-name";
-    TestIds["serviceDescription"] = "service-description";
-    TestIds["servicePrice"] = "service-price";
-    TestIds["serviceTagline"] = "service-tagline";
-    TestIds["serviceDurationInMinutes"] = "service-duration-in-minutes";
-    TestIds["serviceType"] = "service-type";
-    TestIds["serviceCategory"] = "service-category";
-    TestIds["serviceLocations"] = "service-locations";
-    TestIds["serviceLocation"] = "service-location";
-    TestIds["serviceLocationRepeater"] = "service-location-repeater";
-    TestIds["locationRoot"] = "location-root";
-    TestIds["serviceStaffMembers"] = "service-staff-members";
-    TestIds["serviceStaffMemberRepeater"] = "service-staff-member-repeater";
-    TestIds["serviceSchedule"] = "service-schedule";
-    TestIds["serviceDefaultCapacity"] = "service-default-capacity";
-    TestIds["serviceRaw"] = "service-raw";
-    TestIds["serviceActionSelect"] = "service-action-select";
-    TestIds["serviceActionAdd"] = "service-action-add";
-    TestIds["serviceActionRemove"] = "service-action-remove";
+export const TestIds = {
+    serviceRoot: 'service-root',
+    serviceName: 'service-name',
+    serviceDescription: 'service-description',
+    servicePrice: 'service-price',
+    serviceTagline: 'service-tagline',
+    serviceDurationInMinutes: 'service-duration-in-minutes',
+    serviceType: 'service-type',
+    serviceCategory: 'service-category',
+    serviceLocations: 'service-locations',
+    serviceLocation: 'service-location',
+    serviceLocationRepeater: 'service-location-repeater',
+    locationRoot: 'location-root',
+    serviceStaffMembers: 'service-staff-members',
+    serviceStaffMemberRepeater: 'service-staff-member-repeater',
+    serviceSchedule: 'service-schedule',
+    serviceDefaultCapacity: 'service-default-capacity',
+    serviceRaw: 'service-raw',
+    serviceActionSelect: 'service-action-select',
+    serviceActionAdd: 'service-action-add',
+    serviceActionRemove: 'service-action-remove',
     // Policy component TestIds
-    TestIds["servicePolicyLatestCancellationInMinutes"] = "service-policy-latest-cancellation-in-minutes";
-    TestIds["servicePolicyLatestBookingInMinutes"] = "service-policy-latest-booking-in-minutes";
-    TestIds["servicePolicyEarliestBookingInMinutes"] = "service-policy-earliest-booking-in-minutes";
-    TestIds["servicePolicyLatestRescheduleInMinutes"] = "service-policy-latest-reschedule-in-minutes";
-    TestIds["servicePolicyWaitlistCapacity"] = "service-policy-waitlist-capacity";
-    TestIds["servicePolicyBookAfterStartEnabled"] = "service-policy-book-after-start-enabled";
-    TestIds["servicePolicyMaxParticipantsPerBooking"] = "service-policy-max-participants-per-booking";
+    servicePolicyLatestCancellationInMinutes: 'service-policy-latest-cancellation-in-minutes',
+    servicePolicyLatestBookingInMinutes: 'service-policy-latest-booking-in-minutes',
+    servicePolicyEarliestBookingInMinutes: 'service-policy-earliest-booking-in-minutes',
+    servicePolicyLatestRescheduleInMinutes: 'service-policy-latest-reschedule-in-minutes',
+    servicePolicyWaitlistCapacity: 'service-policy-waitlist-capacity',
+    servicePolicyBookAfterStartEnabled: 'service-policy-book-after-start-enabled',
+    servicePolicyMaxParticipantsPerBooking: 'service-policy-max-participants-per-booking',
     // Schedule component TestIds
-    TestIds["serviceScheduleFirstSessionStart"] = "service-schedule-first-session-start";
-    TestIds["serviceScheduleLastSessionEnd"] = "service-schedule-last-session-end";
-    TestIds["serviceScheduleSessionDuration"] = "service-schedule-session-duration";
+    serviceScheduleFirstSessionStart: 'service-schedule-first-session-start',
+    serviceScheduleLastSessionEnd: 'service-schedule-last-session-end',
+    serviceScheduleSessionDuration: 'service-schedule-session-duration',
     // Conferencing component TestIds
-    TestIds["serviceAvailableOnline"] = "service-available-online";
-})(TestIds || (TestIds = {}));
+    serviceAvailableOnline: 'service-available-online',
+};
 /**
  * Root component that provides service context to the entire app.
  * Can be used with:
@@ -148,8 +147,8 @@ Root.displayName = 'Service.Root';
  * ```
  */
 export const Name = React.forwardRef((props, ref) => {
-    const { asChild, children, className } = props;
-    return (_jsx(CoreService.Info, { children: ({ name }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.serviceName, customElement: children, customElementProps: { name }, children: _jsx("span", { children: name }) })) }));
+    const { asChild, children, ...rest } = props;
+    return (_jsx(CoreService.Info, { children: ({ name }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": TestIds.serviceName, customElement: children, customElementProps: { name }, children: _jsx("span", { children: name }) })) }));
 });
 Name.displayName = 'Service.Name';
 /**
@@ -168,8 +167,8 @@ Name.displayName = 'Service.Name';
  * ```
  */
 export const Description = React.forwardRef((props, ref) => {
-    const { asChild, children, className } = props;
-    return (_jsx(CoreService.Info, { children: ({ description }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.serviceDescription, customElement: children, customElementProps: { description }, children: _jsx("div", { children: description }) })) }));
+    const { asChild, children, ...rest } = props;
+    return (_jsx(CoreService.Info, { children: ({ description }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": TestIds.serviceDescription, customElement: children, customElementProps: { description }, children: _jsx("div", { children: description }) })) }));
 });
 Description.displayName = 'Service.Description';
 /**
@@ -261,8 +260,8 @@ Price.displayName = 'Service.Price';
  * ```
  */
 export const Tagline = React.forwardRef((props, ref) => {
-    const { asChild, children, className } = props;
-    return (_jsx(CoreService.Info, { children: ({ tagline }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.serviceTagline, customElement: children, customElementProps: { tagline }, children: tagline ? _jsx("p", { children: tagline }) : null })) }));
+    const { asChild, children, ...rest } = props;
+    return (_jsx(CoreService.Info, { children: ({ tagline }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": TestIds.serviceTagline, customElement: children, customElementProps: { tagline }, children: tagline ? _jsx("p", { children: tagline }) : null })) }));
 });
 Tagline.displayName = 'Service.Tagline';
 /**
@@ -297,9 +296,9 @@ Tagline.displayName = 'Service.Tagline';
  * ```
  */
 export const DurationInMinutes = React.forwardRef((props, ref) => {
-    const { asChild, children, className } = props;
+    const { asChild, children, ...rest } = props;
     return (_jsx(CoreService.Info, { children: ({ duration }) => {
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.serviceDurationInMinutes, customElement: children, customElementProps: { duration }, children: duration ? _jsx("span", { children: duration }) : null }));
+            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": TestIds.serviceDurationInMinutes, customElement: children, customElementProps: { duration }, children: duration ? _jsx("span", { children: duration }) : null }));
         } }));
 });
 DurationInMinutes.displayName = 'Service.DurationInMinutes';
@@ -337,8 +336,8 @@ DurationInMinutes.displayName = 'Service.DurationInMinutes';
  * ```
  */
 export const Type = React.forwardRef((props, ref) => {
-    const { asChild, children, className } = props;
-    return (_jsx(CoreService.Info, { children: ({ type }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.serviceType, customElement: children, customElementProps: { type }, children: type ? _jsx("span", { children: type }) : null })) }));
+    const { asChild, children, ...rest } = props;
+    return (_jsx(CoreService.Info, { children: ({ type }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": TestIds.serviceType, customElement: children, customElementProps: { type }, children: type ? _jsx("span", { children: type }) : null })) }));
 });
 Type.displayName = 'Service.Type';
 /**
@@ -377,8 +376,8 @@ Type.displayName = 'Service.Type';
  * ```
  */
 export const Category = React.forwardRef((props, ref) => {
-    const { asChild, children, className } = props;
-    return (_jsx(CoreService.Info, { children: ({ category }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.serviceCategory, customElement: children, customElementProps: { category }, children: category?.name ? _jsx("span", { children: category.name }) : null })) }));
+    const { asChild, children, ...rest } = props;
+    return (_jsx(CoreService.Info, { children: ({ category }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": TestIds.serviceCategory, customElement: children, customElementProps: { category }, children: category?.name ? _jsx("span", { children: category.name }) : null })) }));
 });
 Category.displayName = 'Service.Category';
 /**
@@ -413,13 +412,13 @@ Category.displayName = 'Service.Category';
  * ```
  */
 const LocationsBase = React.forwardRef((props, ref) => {
-    const { asChild, children, className, ...attributes } = props;
+    const { asChild, children, className, ...rest } = props;
     return (_jsx(CoreService.Info, { children: ({ locations }) => {
             // Container level: don't render if no locations
             if (!locations || locations.length === 0) {
                 return null;
             }
-            return (_jsx(LocationList.Root, { locationListConfig: { locations }, className: className, ref: ref, children: _jsx(AsChildSlot, { ...attributes, asChild: asChild, className: className, "data-testid": TestIds.serviceLocations, customElement: children, children: _jsx("div", { children: children }) }) }));
+            return (_jsx(LocationList.Root, { locationListConfig: { locations }, className: className, ref: ref, children: _jsx(AsChildSlot, { ...rest, asChild: asChild, className: className, "data-testid": TestIds.serviceLocations, customElement: children, children: _jsx("div", { children: children }) }) }));
         } }));
 });
 LocationsBase.displayName = 'Service.Locations';
@@ -501,13 +500,13 @@ LocationRepeater.displayName = 'Service.Locations.LocationRepeater';
  * ```
  */
 const StaffMembersBase = React.forwardRef((props, ref) => {
-    const { asChild, children, className, ...attributes } = props;
+    const { asChild, children, className, ...rest } = props;
     return (_jsx(CoreService.Info, { children: ({ staff }) => {
             // Container level: don't render if no staff members
             if (!staff || staff.length === 0) {
                 return null;
             }
-            return (_jsx(StaffMemberListModule.Root, { staffMemberListConfig: { staffMembers: staff }, className: className, ref: ref, children: _jsx(AsChildSlot, { ...attributes, asChild: asChild, className: className, "data-testid": TestIds.serviceStaffMembers, customElement: children, children: _jsx("div", { children: children }) }) }));
+            return (_jsx(StaffMemberListModule.Root, { staffMemberListConfig: { staffMembers: staff }, className: className, ref: ref, children: _jsx(AsChildSlot, { ...rest, asChild: asChild, className: className, "data-testid": TestIds.serviceStaffMembers, customElement: children, children: _jsx("div", { children: children }) }) }));
         } }));
 });
 StaffMembersBase.displayName = 'Service.StaffMembers';
@@ -618,20 +617,20 @@ export var Actions;
      * ```
      */
     Actions.Select = React.forwardRef((props, ref) => {
-        const { asChild, children, className, label, onClick, ...buttonProps } = props;
+        const { asChild, children, className, label, onClick, ...rest } = props;
         return (_jsx(CoreService.Actions, { children: ({ select, rawService, bookable, selected, requiresAvailability, }) => {
                 const handleClick = () => {
                     select();
                     onClick?.(rawService);
                 };
-                return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.serviceActionSelect, "data-selected": selected, "data-bookable": bookable, "data-requires-availability": requiresAvailability, customElement: children, customElementProps: {
+                return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, disabled: !bookable, "data-testid": TestIds.serviceActionSelect, "data-selected": selected, "data-bookable": bookable, "data-requires-availability": requiresAvailability, customElement: children, customElementProps: {
                         onClick: handleClick,
                         disabled: !bookable,
                         selected,
                         bookable,
                         requiresAvailability,
                         service: rawService,
-                    }, children: _jsx("button", { ...buttonProps, onClick: handleClick, disabled: !bookable, "data-testid": TestIds.serviceActionSelect, "data-selected": selected, "data-bookable": bookable, "data-requires-availability": requiresAvailability, children: children || label }) }));
+                    }, children: _jsx("button", { onClick: handleClick, children: children || label }) }));
             } }));
     });
     Actions.Select.displayName = 'Service.Actions.Select';
@@ -665,7 +664,7 @@ export var Actions;
      * ```
      */
     Actions.Add = React.forwardRef((props, ref) => {
-        const { asChild, children, className, label, onClick, ...buttonProps } = props;
+        const { asChild, children, className, label, onClick, ...rest } = props;
         return (_jsx(CoreService.Actions, { children: ({ add, rawService, bookable, selected, requiresAvailability }) => {
                 // Disabled when already selected (can't add again) or not bookable
                 const isDisabled = selected || !bookable;
@@ -673,14 +672,14 @@ export var Actions;
                     add();
                     onClick?.(rawService);
                 };
-                return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.serviceActionAdd, "data-selected": selected, "data-bookable": bookable, "data-requires-availability": requiresAvailability, customElement: children, customElementProps: {
+                return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, disabled: isDisabled, "data-testid": TestIds.serviceActionAdd, "data-selected": selected, "data-bookable": bookable, "data-requires-availability": requiresAvailability, customElement: children, customElementProps: {
                         onClick: handleClick,
                         disabled: isDisabled,
                         selected,
                         bookable,
                         requiresAvailability,
                         service: rawService,
-                    }, children: _jsx("button", { ...buttonProps, onClick: handleClick, disabled: isDisabled, "data-testid": TestIds.serviceActionAdd, "data-selected": selected, "data-bookable": bookable, "data-requires-availability": requiresAvailability, children: children || label }) }));
+                    }, children: _jsx("button", { onClick: handleClick, children: children || label }) }));
             } }));
     });
     Actions.Add.displayName = 'Service.Actions.Add';
@@ -714,7 +713,7 @@ export var Actions;
      * ```
      */
     Actions.Remove = React.forwardRef((props, ref) => {
-        const { asChild, children, className, label, onClick, ...buttonProps } = props;
+        const { asChild, children, className, label, onClick, ...rest } = props;
         return (_jsx(CoreService.Actions, { children: ({ remove, rawService, bookable, selected, requiresAvailability, }) => {
                 // Disabled when not selected (nothing to remove) or not bookable
                 const isDisabled = !selected || !bookable;
@@ -722,14 +721,14 @@ export var Actions;
                     remove();
                     onClick?.(rawService);
                 };
-                return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.serviceActionRemove, "data-selected": selected, "data-bookable": bookable, "data-requires-availability": requiresAvailability, customElement: children, customElementProps: {
+                return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, disabled: isDisabled, "data-testid": TestIds.serviceActionRemove, "data-selected": selected, "data-bookable": bookable, "data-requires-availability": requiresAvailability, customElement: children, customElementProps: {
                         onClick: handleClick,
                         disabled: isDisabled,
                         selected,
                         bookable,
                         requiresAvailability,
                         service: rawService,
-                    }, children: _jsx("button", { ...buttonProps, onClick: handleClick, disabled: isDisabled, "data-testid": TestIds.serviceActionRemove, "data-selected": selected, "data-bookable": bookable, "data-requires-availability": requiresAvailability, children: children || label }) }));
+                    }, children: _jsx("button", { onClick: handleClick, children: children || label }) }));
             } }));
     });
     Actions.Remove.displayName = 'Service.Actions.Remove';
@@ -1067,10 +1066,10 @@ export var Schedule;
  * ```
  */
 export const DefaultCapacity = React.forwardRef((props, ref) => {
-    const { asChild, children, className } = props;
+    const { asChild, children, ...rest } = props;
     return (_jsx(CoreService.Info, { children: ({ type, defaultCapacity }) => {
             const isClassOrCourse = type === 'CLASS' || type === 'COURSE';
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.serviceDefaultCapacity, customElement: children, customElementProps: { defaultCapacity, isClassOrCourse }, children: isClassOrCourse && defaultCapacity ? (_jsxs("span", { children: ["Max ", defaultCapacity, " participants"] })) : null }));
+            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": TestIds.serviceDefaultCapacity, customElement: children, customElementProps: { defaultCapacity, isClassOrCourse }, children: isClassOrCourse && defaultCapacity ? (_jsxs("span", { children: ["Max ", defaultCapacity, " participants"] })) : null }));
         } }));
 });
 DefaultCapacity.displayName = 'Service.DefaultCapacity';
@@ -1098,10 +1097,10 @@ DefaultCapacity.displayName = 'Service.DefaultCapacity';
  * ```
  */
 export const AvailableOnline = React.forwardRef((props, ref) => {
-    const { asChild, children, className, label } = props;
+    const { asChild, children, label, ...rest } = props;
     return (_jsx(CoreService.Service, { children: ({ service }) => {
             const availableOnline = service.conferencing?.enabled ?? false;
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.serviceAvailableOnline, customElement: children, customElementProps: { availableOnline }, children: availableOnline && label ? _jsx("span", { children: label }) : null }));
+            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": TestIds.serviceAvailableOnline, customElement: children, customElementProps: { availableOnline }, children: availableOnline && label ? _jsx("span", { children: label }) : null }));
         } }));
 });
 AvailableOnline.displayName = 'Service.AvailableOnline';

package/dist/react/service/ServiceMedia.d.ts

@@ -4,6 +4,10 @@
  */
 import React from 'react';
 import { AsChildChildren } from '@wix/headless-utils/react';
+export declare const TestIds: {
+    readonly serviceMediaMain: "service-media-main";
+    readonly serviceMediaCover: "service-media-cover";
+};
 /**
  * Props for ServiceMedia.Main component
  */

package/dist/react/service/ServiceMedia.js

@@ -8,11 +8,10 @@ import { AsChildSlot } from '@wix/headless-utils/react';
 import { WixMediaImage } from '@wix/headless-media/react';
 import * as CoreServiceMediaMain from '../core/service/ServiceMediaMain.js';
 import * as CoreServiceMediaCover from '../core/service/ServiceMediaCover.js';
-var TestIds;
-(function (TestIds) {
-    TestIds["serviceMediaMain"] = "service-media-main";
-    TestIds["serviceMediaCover"] = "service-media-cover";
-})(TestIds || (TestIds = {}));
+export const TestIds = {
+    serviceMediaMain: 'service-media-main',
+    serviceMediaCover: 'service-media-cover',
+};
 /**
  * Displays the service main media image using WixMediaImage.
  *

package/dist/react/service-list/ServiceList.d.ts

@@ -7,6 +7,13 @@ import { ListVariant, GenericListLoadMoreRenderProps, type FilterRootProps } fro
 import { AsChildChildren } from '@wix/headless-utils/react';
 import type { ServiceListServiceConfig } from '../../services/service-list/service-list.js';
 import type { Service as ServiceType } from '@wix/auto_sdk_bookings_services';
+export declare const TestIds: {
+    readonly serviceListRoot: "service-list-root";
+    readonly serviceListServices: "service-list-services";
+    readonly serviceListService: "service-list-service";
+    readonly serviceListLoadMore: "service-list-load-more";
+    readonly serviceListFilter: "service-list-filter";
+};
 /**
  * Props for the ServiceList root component
  */

package/dist/react/service-list/ServiceList.js

@@ -10,14 +10,13 @@ import { ServiceListServiceDefinition } from '../../services/service-list/servic
 import * as CoreServiceList from '../core/service-list/ServiceList.js';
 import * as CoreServiceListFilter from '../core/service-list/ServiceListFilter.js';
 import * as Service from '../service/Service.js';
-var TestIds;
-(function (TestIds) {
-    TestIds["serviceListRoot"] = "service-list-root";
-    TestIds["serviceListServices"] = "service-list-services";
-    TestIds["serviceListService"] = "service-list-service";
-    TestIds["serviceListLoadMore"] = "service-list-load-more";
-    TestIds["serviceListFilter"] = "service-list-filter";
-})(TestIds || (TestIds = {}));
+export const TestIds = {
+    serviceListRoot: 'service-list-root',
+    serviceListServices: 'service-list-services',
+    serviceListService: 'service-list-service',
+    serviceListLoadMore: 'service-list-load-more',
+    serviceListFilter: 'service-list-filter',
+};
 /**
  * Root component that provides the ServiceList service context for rendering services lists.
  *

package/dist/react/staff-member/StaffMember.d.ts

@@ -8,12 +8,12 @@ import React from 'react';
 import * as CoreStaffMember from '../core/staff-member/StaffMember.js';
 import { type AsChildChildren } from '@wix/headless-utils/react';
 export { useStaffMemberContext } from '../core/staff-member/StaffMember.js';
-export declare enum TestIds {
-    staffMemberRoot = "staff-member-root",
-    staffMemberName = "staff-member-name",
-    staffMemberRaw = "staff-member-raw",
-    staffMemberActionSelect = "staff-member-action-select"
-}
+export declare const TestIds: {
+    readonly staffMemberRoot: "staff-member-root";
+    readonly staffMemberName: "staff-member-name";
+    readonly staffMemberRaw: "staff-member-raw";
+    readonly staffMemberActionSelect: "staff-member-action-select";
+};
 export type { StaffMemberData, StaffMemberRenderProps, } from '../core/staff-member/StaffMember.js';
 /**
  * Props for StaffMember.Root component
@@ -58,12 +58,11 @@ export declare const Root: React.ForwardRefExoticComponent<RootProps & React.Ref
 /**
  * Props for StaffMember.Name component
  */
-export interface NameProps {
+export interface NameProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: React.ReactNode | AsChildChildren<{
         name: string | undefined;
     }>;
-    className?: string;
 }
 /**
  * Displays the staff member name.

package/dist/react/staff-member/StaffMember.js

@@ -13,13 +13,12 @@ export { useStaffMemberContext } from '../core/staff-member/StaffMember.js';
 // ==========================================
 // TestIds Enum
 // ==========================================
-export var TestIds;
-(function (TestIds) {
-    TestIds["staffMemberRoot"] = "staff-member-root";
-    TestIds["staffMemberName"] = "staff-member-name";
-    TestIds["staffMemberRaw"] = "staff-member-raw";
-    TestIds["staffMemberActionSelect"] = "staff-member-action-select";
-})(TestIds || (TestIds = {}));
+export const TestIds = {
+    staffMemberRoot: 'staff-member-root',
+    staffMemberName: 'staff-member-name',
+    staffMemberRaw: 'staff-member-raw',
+    staffMemberActionSelect: 'staff-member-action-select',
+};
 // ==========================================
 // Type Definitions
 // ==========================================
@@ -74,9 +73,9 @@ Root.displayName = 'StaffMember.Root';
  * ```
  */
 export const Name = React.forwardRef((props, ref) => {
-    const { asChild, children, className, ...attrs } = props;
+    const { asChild, children, ...rest } = props;
     const { name } = useStaffMemberContext();
-    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.staffMemberName, customElement: children, customElementProps: { name }, ...attrs, children: name ? _jsx("span", { children: name }) : null }));
+    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": TestIds.staffMemberName, customElement: children, customElementProps: { name }, children: name ? _jsx("span", { children: name }) : null }));
 });
 Name.displayName = 'StaffMember.Name';
 /**
@@ -123,7 +122,7 @@ Raw.displayName = 'StaffMember.Raw';
  * ```
  */
 const Select = React.forwardRef((props, ref) => {
-    const { asChild, children, onClick, label, className, ...buttonProps } = props;
+    const { asChild, children, onClick, label, className, ...rest } = props;
     return (_jsx(CoreStaffMember.Actions, { children: ({ select, selected, rawStaffMember }) => {
             const handleClick = () => {
                 select();
@@ -131,11 +130,11 @@ const Select = React.forwardRef((props, ref) => {
                     onClick?.(rawStaffMember);
                 }
             };
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.staffMemberActionSelect, "data-selected": selected, customElement: children, customElementProps: {
+            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, "data-testid": TestIds.staffMemberActionSelect, "data-selected": selected, customElement: children, customElementProps: {
                     onClick: handleClick,
                     selected,
                     staffMember: rawStaffMember,
-                }, children: _jsx("button", { ...buttonProps, onClick: handleClick, children: children || label }) }));
+                }, children: _jsx("button", { onClick: handleClick, children: children || label }) }));
         } }));
 });
 Select.displayName = 'StaffMember.Actions.Select';

package/dist/react/staff-member/StaffMemberList.d.ts

@@ -9,12 +9,14 @@ import { GenericListRepeaterProps, type ListVariant } from '@wix/headless-compon
 import { type AsChildChildren } from '@wix/headless-utils/react';
 import type { StaffMemberListServiceConfig } from '../../services/staff-member-list/staff-member-list.js';
 import type { StaffMemberData } from '../../services/staff-member-list/staff-member-list.def.js';
-export declare enum TestIds {
-    staffMemberListRoot = "staff-member-list-root",
-    staffMemberListStaffMembers = "staff-member-list-staff-members",
-    staffMemberListStaffMember = "staff-member-list-staff-member",
-    staffMemberListActionClear = "staff-member-list-action-clear"
-}
+/** Resource type ID for staff members */
+export declare const TestIds: {
+    readonly staffMemberListRoot: "staff-member-list-root";
+    readonly staffMemberListStaffMembers: "staff-member-list-staff-members";
+    readonly staffMemberListStaffMember: "staff-member-list-staff-member";
+    readonly staffMemberListActionClear: "staff-member-list-action-clear";
+    readonly staffMemberListTotals: "staff-member-list-totals";
+};
 /**
  * Props for the StaffMemberList root component
  */
@@ -77,13 +79,12 @@ export declare const StaffMemberRepeater: React.ForwardRefExoticComponent<StaffM
 /**
  * Props for StaffMemberList.Totals component
  */
-export interface TotalsProps {
+export interface TotalsProps extends Omit<React.HTMLAttributes<HTMLElement>, 'children'> {
     asChild?: boolean;
     children?: React.ReactNode | AsChildChildren<{
         count: number;
         hasStaffMembers: boolean;
     }>;
-    className?: string;
 }
 /**
  * Displays the total count of staff members.