@wix/headless-bookings 0.0.92 → 0.0.94

package/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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.

package/cjs/dist/react/staff-member/StaffMemberList.js

@@ -8,22 +8,19 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { GenericList, } from '@wix/headless-components/react';
 import { AsChildSlot } from '@wix/headless-utils/react';
-import { useService } from '@wix/services-manager-react';
-import { BookingServiceDefinition } from '../../services/booking/booking.js';
 import * as CoreStaffMemberList from '../core/staff-member-list/StaffMemberList.js';
 import * as StaffMember from './StaffMember.js';
 /** Resource type ID for staff members */
-const STAFF_MEMBER_RESOURCE_TYPE_ID = '1cd44cf8-756f-41c3-bd90-3e2ffcaf1155';
 // ============================================================================
 // TestIds
 // ============================================================================
-export var TestIds;
-(function (TestIds) {
-    TestIds["staffMemberListRoot"] = "staff-member-list-root";
-    TestIds["staffMemberListStaffMembers"] = "staff-member-list-staff-members";
-    TestIds["staffMemberListStaffMember"] = "staff-member-list-staff-member";
-    TestIds["staffMemberListActionClear"] = "staff-member-list-action-clear";
-})(TestIds || (TestIds = {}));
+export const TestIds = {
+    staffMemberListRoot: 'staff-member-list-root',
+    staffMemberListStaffMembers: 'staff-member-list-staff-members',
+    staffMemberListStaffMember: 'staff-member-list-staff-member',
+    staffMemberListActionClear: 'staff-member-list-action-clear',
+    staffMemberListTotals: 'staff-member-list-totals',
+};
 /**
  * Root component that provides the StaffMemberList service context for rendering staff member lists.
  *
@@ -110,10 +107,10 @@ StaffMemberRepeater.displayName = 'StaffMemberList.StaffMemberRepeater';
  * ```
  */
 export const Totals = React.forwardRef((props, ref) => {
-    const { asChild, children, className, ...attrs } = props;
+    const { asChild, children, ...rest } = props;
     return (_jsx(CoreStaffMemberList.StaffMembers, { children: ({ staffMembers, hasStaffMembers }) => {
             const count = staffMembers.length;
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, customElement: children, customElementProps: { count, hasStaffMembers }, ...attrs, children: _jsx("span", { children: count }) }));
+            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": TestIds.staffMemberListTotals, customElement: children, customElementProps: { count, hasStaffMembers }, children: _jsx("span", { children: count }) }));
         } }));
 });
 Totals.displayName = 'StaffMemberList.Totals';
@@ -147,22 +144,15 @@ Totals.displayName = 'StaffMemberList.Totals';
  * ```
  */
 const Clear = React.forwardRef((props, ref) => {
-    const { asChild, children, className, label, onClick, ...buttonProps } = props;
-    return (_jsx(CoreStaffMemberList.Actions, { children: ({ selectedStaffMember }) => {
-            let bookingService = null;
-            try {
-                bookingService = useService(BookingServiceDefinition);
-            }
-            catch {
-                // BookingService not available - likely no ServiceManagerProvider
-            }
+    const { asChild, children, className, label, onClick, ...rest } = props;
+    return (_jsx(CoreStaffMemberList.Actions, { children: ({ selectedStaffMember, clear }) => {
             const handleClick = () => {
-                bookingService?.actions.clearResourceByType(STAFF_MEMBER_RESOURCE_TYPE_ID);
+                clear();
                 onClick?.(selectedStaffMember);
             };
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.staffMemberListActionClear, customElement: children, customElementProps: {
+            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, "data-testid": TestIds.staffMemberListActionClear, customElement: children, customElementProps: {
                     onClick: handleClick,
-                }, children: _jsx("button", { ...buttonProps, onClick: handleClick, children: children || label }) }));
+                }, children: _jsx("button", { onClick: handleClick, children: children || label }) }));
         } }));
 });
 Clear.displayName = 'StaffMemberList.Actions.Clear';

package/cjs/dist/react/time-slot-list/TimeSlot.d.ts

@@ -34,18 +34,18 @@ export interface RootProps {
  * ```
  */
 export declare const Root: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLElement>>;
-export declare enum TestIds {
-    timeSlotStartDate = "time-slot-start-date",
-    timeSlotEndDate = "time-slot-end-date",
-    timeSlotDuration = "time-slot-duration",
-    timeSlotActionSelect = "time-slot-action-select",
-    timeSlotActionClearStaffSelection = "time-slot-action-clear-staff-selection",
-    timeSlotLocationName = "time-slot-location-name",
-    timeSlotStaffMembers = "time-slot-staff-members",
-    timeSlotStaffMember = "time-slot-staff-member",
-    timeSlotStaffMemberName = "time-slot-staff-member-name",
-    timeSlotStaffMemberActionSelect = "time-slot-staff-member-action-select"
-}
+export declare const TestIds: {
+    readonly timeSlotStartDate: "time-slot-start-date";
+    readonly timeSlotEndDate: "time-slot-end-date";
+    readonly timeSlotDuration: "time-slot-duration";
+    readonly timeSlotActionSelect: "time-slot-action-select";
+    readonly timeSlotActionClearStaffSelection: "time-slot-action-clear-staff-selection";
+    readonly timeSlotLocationName: "time-slot-location-name";
+    readonly timeSlotStaffMembers: "time-slot-staff-members";
+    readonly timeSlotStaffMember: "time-slot-staff-member";
+    readonly timeSlotStaffMemberName: "time-slot-staff-member-name";
+    readonly timeSlotStaffMemberActionSelect: "time-slot-staff-member-action-select";
+};
 /**
  * Props for TimeSlot.StartDate component.
  * Inherits formatting options from DateData (dateTimeFormatOptions, locale).
@@ -121,12 +121,11 @@ export declare const EndDate: React.ForwardRefExoticComponent<EndDateProps & Rea
 /**
  * Props for TimeSlot.Duration component
  */
-export interface DurationProps {
+export interface DurationProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         durationInMinutes: number;
     }>;
-    className?: string;
 }
 /**
  * Calculates and displays the duration between start and end times in minutes.
@@ -249,12 +248,11 @@ export declare const Actions: {
 /**
  * Props for TimeSlot.Location.Name component
  */
-export interface LocationNameProps {
+export interface LocationNameProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         name: string;
     }>;
-    className?: string;
 }
 /**
  * Displays the location name.
@@ -283,9 +281,8 @@ export declare const Location: {
 /**
  * Props for TimeSlot.StaffMembers component
  */
-export interface StaffMembersProps {
+export interface StaffMembersProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
     children: React.ReactNode;
-    className?: string;
 }
 /**
  * Container for the staff members list within a time slot.
@@ -329,12 +326,11 @@ export declare const StaffMemberRepeater: React.ForwardRefExoticComponent<StaffM
 /**
  * Props for TimeSlot.StaffMember.Name component
  */
-export interface StaffMemberNameProps {
+export interface StaffMemberNameProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
     asChild?: boolean;
     children?: AsChildChildren<{
         name: string;
     }>;
-    className?: string;
 }
 /**
  * Displays the staff member name.