@wix/headless-bookings 0.0.105 → 0.0.107

package/cjs/dist/react/service/ServiceMedia.js

@@ -1,14 +1,53 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ServiceMedia = exports.Cover = exports.Main = exports.TestIds = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * ServiceMedia - Compound component for displaying service media
  * Provides components for displaying main media and cover media images
  */
-import React from 'react';
-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';
-export const TestIds = {
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@wix/headless-utils/react");
+const react_3 = require("@wix/headless-media/react");
+const CoreServiceMediaMain = __importStar(require("../core/service/ServiceMediaMain.js"));
+const CoreServiceMediaCover = __importStar(require("../core/service/ServiceMediaCover.js"));
+exports.TestIds = {
     serviceMediaMain: 'service-media-main',
     serviceMediaCover: 'service-media-cover',
 };
@@ -45,11 +84,11 @@ export const TestIds = {
  * </ServiceMedia.Main>
  * ```
  */
-export const Main = React.forwardRef((props, ref) => {
+exports.Main = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CoreServiceMediaMain.MainMedia, { children: ({ mainMedia }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.serviceMediaMain, customElement: children, customElementProps: { media: mainMedia }, children: mainMedia?.image ? _jsx(WixMediaImage, { media: mainMedia }) : null })) }));
+    return ((0, jsx_runtime_1.jsx)(CoreServiceMediaMain.MainMedia, { children: ({ mainMedia }) => ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": exports.TestIds.serviceMediaMain, customElement: children, customElementProps: { media: mainMedia }, children: mainMedia?.image ? (0, jsx_runtime_1.jsx)(react_3.WixMediaImage, { media: mainMedia }) : null })) }));
 });
-Main.displayName = 'ServiceMedia.Main';
+exports.Main.displayName = 'ServiceMedia.Main';
 /**
  * Displays the service cover media image using WixMediaImage.
  * The cover media is typically used as a hero/banner image.
@@ -86,11 +125,11 @@ Main.displayName = 'ServiceMedia.Main';
  * </ServiceMedia.Cover>
  * ```
  */
-export const Cover = React.forwardRef((props, ref) => {
+exports.Cover = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className } = props;
-    return (_jsx(CoreServiceMediaCover.CoverMedia, { children: ({ coverMedia }) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.serviceMediaCover, customElement: children, customElementProps: { media: coverMedia }, children: coverMedia?.image ? _jsx(WixMediaImage, { media: coverMedia }) : null })) }));
+    return ((0, jsx_runtime_1.jsx)(CoreServiceMediaCover.CoverMedia, { children: ({ coverMedia }) => ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": exports.TestIds.serviceMediaCover, customElement: children, customElementProps: { media: coverMedia }, children: coverMedia?.image ? (0, jsx_runtime_1.jsx)(react_3.WixMediaImage, { media: coverMedia }) : null })) }));
 });
-Cover.displayName = 'ServiceMedia.Cover';
+exports.Cover.displayName = 'ServiceMedia.Cover';
 /**
  * ServiceMedia compound component for displaying service media
  *
@@ -108,8 +147,8 @@ Cover.displayName = 'ServiceMedia.Cover';
  * }
  * ```
  */
-export const ServiceMedia = {
-    Main,
-    Cover,
+exports.ServiceMedia = {
+    Main: exports.Main,
+    Cover: exports.Cover,
 };
-export default ServiceMedia;
+exports.default = exports.ServiceMedia;

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

@@ -1,16 +1,55 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Filter = exports.Actions = exports.LoadMore = exports.ServiceRepeater = exports.Services = exports.Root = exports.TestIds = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * ServiceList - High-level component for displaying services list
  * Provides components for displaying services list with pagination
  */
-import React from 'react';
-import { GenericList, Filter as FilterPrimitive, } from '@wix/headless-components/react';
-import { useService } from '@wix/services-manager-react';
-import { ServiceListServiceDefinition } from '../../services/service-list/service-list.js';
-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';
-export const TestIds = {
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@wix/headless-components/react");
+const services_manager_react_1 = require("@wix/services-manager-react");
+const service_list_js_1 = require("../../services/service-list/service-list.js");
+const CoreServiceList = __importStar(require("../core/service-list/ServiceList.js"));
+const CoreServiceListFilter = __importStar(require("../core/service-list/ServiceListFilter.js"));
+const Service = __importStar(require("../service/Service.js"));
+exports.TestIds = {
     serviceListRoot: 'service-list-root',
     serviceListServices: 'service-list-services',
     serviceListService: 'service-list-service',
@@ -40,22 +79,22 @@ export const TestIds = {
  * }
  * ```
  */
-export const Root = React.forwardRef((props, ref) => {
+exports.Root = react_1.default.forwardRef((props, ref) => {
     const { children, serviceListConfig = {}, className, variant } = props;
-    return (_jsx(CoreServiceList.Root, { serviceListConfig: serviceListConfig, children: _jsx(RootContent, { className: className, ref: ref, variant: variant, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(CoreServiceList.Root, { serviceListConfig: serviceListConfig, children: (0, jsx_runtime_1.jsx)(RootContent, { className: className, ref: ref, variant: variant, children: children }) }));
 });
-Root.displayName = 'ServiceList.Root';
+exports.Root.displayName = 'ServiceList.Root';
 /**
  * Internal component to handle the Root content with service access
  */
-const RootContent = React.forwardRef((props, ref) => {
+const RootContent = react_1.default.forwardRef((props, ref) => {
     const { children, className, variant } = props;
-    return (_jsx(CoreServiceList.Services, { children: ({ services: servicesList, isLoading, hasMore, loadMore, error }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreServiceList.Services, { children: ({ services: servicesList, isLoading, hasMore, loadMore, error }) => {
             const items = servicesList.map((service) => ({
                 ...service,
                 id: service._id,
             }));
-            return (_jsx(GenericList.Root, { items: items, loadMore: () => loadMore(), hasMore: hasMore, isLoading: isLoading, error: error, className: className, ref: ref, "data-testid": TestIds.serviceListRoot, variant: variant, children: children }));
+            return ((0, jsx_runtime_1.jsx)(react_2.GenericList.Root, { items: items, loadMore: () => loadMore(), hasMore: hasMore, isLoading: isLoading, error: error, className: className, ref: ref, "data-testid": exports.TestIds.serviceListRoot, variant: variant, children: children }));
         } }));
 });
 /**
@@ -77,11 +116,11 @@ const RootContent = React.forwardRef((props, ref) => {
  * </ServiceList.Services>
  * ```
  */
-export const Services = React.forwardRef((props, ref) => {
+exports.Services = react_1.default.forwardRef((props, ref) => {
     const { children, emptyState, loadingState, errorState, ...otherProps } = props;
-    return (_jsx(GenericList.Items, { ref: ref, "data-testid": TestIds.serviceListServices, emptyState: emptyState, loadingState: loadingState, errorState: errorState, ...otherProps, children: children }));
+    return ((0, jsx_runtime_1.jsx)(react_2.GenericList.Items, { ref: ref, "data-testid": exports.TestIds.serviceListServices, emptyState: emptyState, loadingState: loadingState, errorState: errorState, ...otherProps, children: children }));
 });
-Services.displayName = 'ServiceList.Services';
+exports.Services.displayName = 'ServiceList.Services';
 /**
  * Repeater component that renders Service.Root for each service.
  * Follows Repeater Level pattern and uses GenericList.Repeater for consistency.
@@ -113,7 +152,7 @@ Services.displayName = 'ServiceList.Services';
  * </ServiceList.ServiceRepeater>
  * ```
  */
-export const ServiceRepeater = React.forwardRef((props, ref) => {
+exports.ServiceRepeater = react_1.default.forwardRef((props, ref) => {
     const { children, asChild } = props;
     // Check if children is a function that matches ServiceRootChildren pattern
     // (function with single parameter that receives { selected, bookable })
@@ -121,16 +160,16 @@ export const ServiceRepeater = React.forwardRef((props, ref) => {
     // Custom itemWrapper that matches ItemWrapperProps signature
     const serviceItemWrapper = (wrapperProps) => {
         const { item: service, children: itemChildren } = wrapperProps;
-        return (_jsx(Service.Root, { service: service, "data-testid": TestIds.serviceListService, "data-service-id": service._id, "data-item-id": service._id, children: isServiceRootFunction
+        return ((0, jsx_runtime_1.jsx)(Service.Root, { service: service, "data-testid": exports.TestIds.serviceListService, "data-service-id": service._id, "data-item-id": service._id, children: isServiceRootFunction
                 ? children
                 : itemChildren }, service._id));
     };
     // When isServiceRootFunction is true, children is a function for Service.Root (not repeater render props)
     // so we pass undefined and let itemWrapper handle the children
     const repeaterChildren = isServiceRootFunction ? undefined : children;
-    return (_jsx(GenericList.Repeater, { ref: ref, asChild: asChild, itemWrapper: serviceItemWrapper, children: repeaterChildren }));
+    return ((0, jsx_runtime_1.jsx)(react_2.GenericList.Repeater, { ref: ref, asChild: asChild, itemWrapper: serviceItemWrapper, children: repeaterChildren }));
 });
-ServiceRepeater.displayName = 'ServiceList.ServiceRepeater';
+exports.ServiceRepeater.displayName = 'ServiceList.ServiceRepeater';
 /**
  * Displays a button to load more services. Not rendered if infiniteScroll is false or no services are left to load.
  * Follows the architecture rules - does not support asChild as it's a simple trigger component.
@@ -143,16 +182,16 @@ ServiceRepeater.displayName = 'ServiceList.ServiceRepeater';
  * </ServiceList.Actions.LoadMore>
  * ```
  */
-export const LoadMore = React.forwardRef((props, ref) => {
-    const { children = _jsx("button", {}), ...otherProps } = props;
-    return (_jsx(GenericList.Actions.LoadMore, { ref: ref, "data-testid": TestIds.serviceListLoadMore, ...otherProps, children: children }));
+exports.LoadMore = react_1.default.forwardRef((props, ref) => {
+    const { children = (0, jsx_runtime_1.jsx)("button", {}), ...otherProps } = props;
+    return ((0, jsx_runtime_1.jsx)(react_2.GenericList.Actions.LoadMore, { ref: ref, "data-testid": exports.TestIds.serviceListLoadMore, ...otherProps, children: children }));
 });
-LoadMore.displayName = 'ServiceList.Actions.LoadMore';
+exports.LoadMore.displayName = 'ServiceList.Actions.LoadMore';
 /**
  * Actions namespace for ServiceList
  */
-export const Actions = {
-    LoadMore,
+exports.Actions = {
+    LoadMore: exports.LoadMore,
 };
 /**
  * Filter component that provides filtering functionality for service lists.
@@ -199,11 +238,11 @@ export const Actions = {
  * </ServiceList.Filter>
  * ```
  */
-export const Filter = React.forwardRef((props, ref) => {
+exports.Filter = react_1.default.forwardRef((props, ref) => {
     const { children, ...otherProps } = props;
     // Get filter value directly from service - single source of truth
-    const serviceListService = useService(ServiceListServiceDefinition);
+    const serviceListService = (0, services_manager_react_1.useService)(service_list_js_1.ServiceListServiceDefinition);
     const currentFilter = serviceListService.queryOptionsSignal.get().filter;
-    return (_jsx(CoreServiceListFilter.Root, { children: ({ filterOptions, updateFilter, isFiltered }) => (_jsx(FilterPrimitive.Root, { ref: ref, value: (currentFilter ?? {}), onChange: (value) => updateFilter(value), filterOptions: filterOptions, "data-testid": TestIds.serviceListFilter, "data-is-filtered": isFiltered, ...otherProps, children: children })) }));
+    return ((0, jsx_runtime_1.jsx)(CoreServiceListFilter.Root, { children: ({ filterOptions, updateFilter, isFiltered }) => ((0, jsx_runtime_1.jsx)(react_2.Filter.Root, { ref: ref, value: (currentFilter ?? {}), onChange: (value) => updateFilter(value), filterOptions: filterOptions, "data-testid": exports.TestIds.serviceListFilter, "data-is-filtered": isFiltered, ...otherProps, children: children })) }));
 });
-Filter.displayName = 'ServiceList.Filter';
+exports.Filter.displayName = 'ServiceList.Filter';

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

@@ -1,19 +1,59 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Actions = exports.Raw = exports.Name = exports.Root = exports.TestIds = exports.useStaffMemberContext = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * StaffMember - Headless component for displaying staff member information
  * Provides components for displaying staff member name
  *
  * @module React/StaffMember
  */
-import React from 'react';
-import * as CoreStaffMember from '../core/staff-member/StaffMember.js';
-import { AsChildSlot } from '@wix/headless-utils/react';
+const react_1 = __importDefault(require("react"));
+const CoreStaffMember = __importStar(require("../core/staff-member/StaffMember.js"));
+const react_2 = require("@wix/headless-utils/react");
 // Re-export useStaffMemberContext from core
-export { useStaffMemberContext } from '../core/staff-member/StaffMember.js';
+var StaffMember_js_1 = require("../core/staff-member/StaffMember.js");
+Object.defineProperty(exports, "useStaffMemberContext", { enumerable: true, get: function () { return StaffMember_js_1.useStaffMemberContext; } });
 // ==========================================
 // TestIds Enum
 // ==========================================
-export const TestIds = {
+exports.TestIds = {
     staffMemberRoot: 'staff-member-root',
     staffMemberName: 'staff-member-name',
     staffMemberRaw: 'staff-member-raw',
@@ -51,13 +91,13 @@ const useStaffMemberContext = CoreStaffMember.useStaffMemberContext;
  * </StaffMember.Root>
  * ```
  */
-export const Root = React.forwardRef((props, ref) => {
+exports.Root = react_1.default.forwardRef((props, ref) => {
     const { staffMember, asChild, children, className, ...attrs } = props;
     // Extract data-* attributes
     const dataAttrs = Object.fromEntries(Object.entries(attrs).filter(([key]) => key.startsWith('data-')));
-    return (_jsx(CoreStaffMember.Root, { staffMember: staffMember, children: _jsx(CoreStaffMember.Data, { children: (renderProps) => (_jsx(AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": TestIds.staffMemberRoot, customElement: children, customElementProps: renderProps, ...dataAttrs, children: children })) }) }));
+    return ((0, jsx_runtime_1.jsx)(CoreStaffMember.Root, { staffMember: staffMember, children: (0, jsx_runtime_1.jsx)(CoreStaffMember.Data, { children: (renderProps) => ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, className: className, "data-testid": exports.TestIds.staffMemberRoot, customElement: children, customElementProps: renderProps, ...dataAttrs, children: children })) }) }));
 });
-Root.displayName = 'StaffMember.Root';
+exports.Root.displayName = 'StaffMember.Root';
 /**
  * Displays the staff member name.
  *
@@ -72,12 +112,12 @@ Root.displayName = 'StaffMember.Root';
  * </StaffMember.Name>
  * ```
  */
-export const Name = React.forwardRef((props, ref) => {
+exports.Name = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, ...rest } = props;
     const { name } = useStaffMemberContext();
-    return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": TestIds.staffMemberName, customElement: children, customElementProps: { name }, children: name ? _jsx("span", { children: name }) : null }));
+    return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": exports.TestIds.staffMemberName, customElement: children, customElementProps: { name }, children: name ? (0, jsx_runtime_1.jsx)("span", { children: name }) : null }));
 });
-Name.displayName = 'StaffMember.Name';
+exports.Name.displayName = 'StaffMember.Name';
 /**
  * Exposes all raw staff member data via render prop.
  * Use only when you need full access to staff member data.
@@ -92,11 +132,12 @@ Name.displayName = 'StaffMember.Name';
  * </StaffMember.Raw>
  * ```
  */
-export const Raw = (props) => {
+const Raw = (props) => {
     const context = useStaffMemberContext();
-    return _jsx(_Fragment, { children: props.children(context) });
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: props.children(context) });
 };
-Raw.displayName = 'StaffMember.Raw';
+exports.Raw = Raw;
+exports.Raw.displayName = 'StaffMember.Raw';
 /**
  * Selection action component for choosing a staff member.
  *
@@ -121,26 +162,26 @@ Raw.displayName = 'StaffMember.Raw';
  * </StaffMember.Actions.Select>
  * ```
  */
-const Select = React.forwardRef((props, ref) => {
+const Select = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, onClick, label, className, ...rest } = props;
-    return (_jsx(CoreStaffMember.Actions, { children: ({ select, selected, rawStaffMember }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreStaffMember.Actions, { children: ({ select, selected, rawStaffMember }) => {
             const handleClick = () => {
                 select();
                 if (rawStaffMember) {
                     onClick?.(rawStaffMember);
                 }
             };
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, "data-testid": TestIds.staffMemberActionSelect, "data-selected": selected, customElement: children, customElementProps: {
+            return ((0, jsx_runtime_1.jsx)(react_2.AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, "data-testid": exports.TestIds.staffMemberActionSelect, "data-selected": selected, customElement: children, customElementProps: {
                     onClick: handleClick,
                     selected,
                     staffMember: rawStaffMember,
-                }, children: _jsx("button", { onClick: handleClick, children: children || label }) }));
+                }, children: (0, jsx_runtime_1.jsx)("button", { onClick: handleClick, children: children || label }) }));
         } }));
 });
 Select.displayName = 'StaffMember.Actions.Select';
 /**
  * Actions namespace for staff member-related actions
  */
-export const Actions = {
+exports.Actions = {
     Select,
 };

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

@@ -1,20 +1,59 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Actions = exports.Totals = exports.StaffMemberRepeater = exports.StaffMembers = exports.Root = exports.TestIds = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * StaffMemberList - High-level component for displaying staff member lists
  * Follows the pattern from LocationList.tsx
  *
  * @module React/StaffMemberList
  */
-import React from 'react';
-import { GenericList, } from '@wix/headless-components/react';
-import { AsChildSlot } from '@wix/headless-utils/react';
-import * as CoreStaffMemberList from '../core/staff-member-list/StaffMemberList.js';
-import * as StaffMember from './StaffMember.js';
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@wix/headless-components/react");
+const react_3 = require("@wix/headless-utils/react");
+const CoreStaffMemberList = __importStar(require("../core/staff-member-list/StaffMemberList.js"));
+const StaffMember = __importStar(require("./StaffMember.js"));
 /** Resource type ID for staff members */
 // ============================================================================
 // TestIds
 // ============================================================================
-export const TestIds = {
+exports.TestIds = {
     staffMemberListRoot: 'staff-member-list-root',
     staffMemberListStaffMembers: 'staff-member-list-staff-members',
     staffMemberListStaffMember: 'staff-member-list-staff-member',
@@ -42,25 +81,25 @@ export const TestIds = {
  * }
  * ```
  */
-export const Root = React.forwardRef((props, ref) => {
+exports.Root = react_1.default.forwardRef((props, ref) => {
     const { children, staffMemberListConfig, className, variant } = props;
     const config = staffMemberListConfig || {
         staffMembers: [],
     };
-    return (_jsx(CoreStaffMemberList.Root, { staffMemberListServiceConfig: config, children: _jsx(RootContent, { className: className, ref: ref, variant: variant, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(CoreStaffMemberList.Root, { staffMemberListServiceConfig: config, children: (0, jsx_runtime_1.jsx)(RootContent, { className: className, ref: ref, variant: variant, children: children }) }));
 });
-Root.displayName = 'StaffMemberList.Root';
+exports.Root.displayName = 'StaffMemberList.Root';
 /**
  * Internal component to handle the Root content with service access
  */
-const RootContent = React.forwardRef((props, ref) => {
+const RootContent = react_1.default.forwardRef((props, ref) => {
     const { children, className, variant } = props;
-    return (_jsx(CoreStaffMemberList.StaffMembers, { children: ({ staffMembers, isLoading }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreStaffMemberList.StaffMembers, { children: ({ staffMembers, isLoading }) => {
             const itemsWithId = staffMembers.map((staffMember) => ({
                 ...staffMember,
                 id: staffMember.staffMemberId,
             }));
-            return (_jsx(GenericList.Root, { items: itemsWithId, hasMore: false, isLoading: isLoading, className: className, ref: ref, "data-testid": TestIds.staffMemberListRoot, variant: variant, children: children }));
+            return ((0, jsx_runtime_1.jsx)(react_2.GenericList.Root, { items: itemsWithId, hasMore: false, isLoading: isLoading, className: className, ref: ref, "data-testid": exports.TestIds.staffMemberListRoot, variant: variant, children: children }));
         } }));
 });
 RootContent.displayName = 'StaffMemberList.RootContent';
@@ -78,20 +117,20 @@ RootContent.displayName = 'StaffMemberList.RootContent';
  * </StaffMemberList.StaffMembers>
  * ```
  */
-export const StaffMembers = React.forwardRef((props, ref) => {
+exports.StaffMembers = react_1.default.forwardRef((props, ref) => {
     const { children, ...otherProps } = props;
-    return (_jsx(GenericList.Items, { ref: ref, "data-testid": TestIds.staffMemberListStaffMembers, ...otherProps, children: children }));
+    return ((0, jsx_runtime_1.jsx)(react_2.GenericList.Items, { ref: ref, "data-testid": exports.TestIds.staffMemberListStaffMembers, ...otherProps, children: children }));
 });
-StaffMembers.displayName = 'StaffMemberList.StaffMembers';
-export const StaffMemberRepeater = React.forwardRef((props, ref) => {
+exports.StaffMembers.displayName = 'StaffMemberList.StaffMembers';
+exports.StaffMemberRepeater = react_1.default.forwardRef((props, ref) => {
     const { children } = props;
     // Custom itemWrapper that wraps each item in StaffMember.Root
     const staffMemberItemWrapper = ({ item: staffMember, children: itemChildren, }) => {
-        return (_jsx(StaffMember.Root, { staffMember: staffMember, "data-testid": TestIds.staffMemberListStaffMember, "data-staff-member-id": staffMember.staffMemberId, "data-item-id": staffMember.staffMemberId, children: itemChildren }, staffMember.staffMemberId));
+        return ((0, jsx_runtime_1.jsx)(StaffMember.Root, { staffMember: staffMember, "data-testid": exports.TestIds.staffMemberListStaffMember, "data-staff-member-id": staffMember.staffMemberId, "data-item-id": staffMember.staffMemberId, children: itemChildren }, staffMember.staffMemberId));
     };
-    return (_jsx(GenericList.Repeater, { ref: ref, itemWrapper: staffMemberItemWrapper, children: children }));
+    return ((0, jsx_runtime_1.jsx)(react_2.GenericList.Repeater, { ref: ref, itemWrapper: staffMemberItemWrapper, children: children }));
 });
-StaffMemberRepeater.displayName = 'StaffMemberList.StaffMemberRepeater';
+exports.StaffMemberRepeater.displayName = 'StaffMemberList.StaffMemberRepeater';
 /**
  * Displays the total count of staff members.
  *
@@ -106,14 +145,14 @@ StaffMemberRepeater.displayName = 'StaffMemberList.StaffMemberRepeater';
  * </StaffMemberList.Totals>
  * ```
  */
-export const Totals = React.forwardRef((props, ref) => {
+exports.Totals = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, ...rest } = props;
-    return (_jsx(CoreStaffMemberList.StaffMembers, { children: ({ staffMembers, hasStaffMembers }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreStaffMemberList.StaffMembers, { children: ({ staffMembers, hasStaffMembers }) => {
             const count = staffMembers.length;
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": TestIds.staffMemberListTotals, customElement: children, customElementProps: { count, hasStaffMembers }, children: _jsx("span", { children: count }) }));
+            return ((0, jsx_runtime_1.jsx)(react_3.AsChildSlot, { ref: ref, asChild: asChild, ...rest, "data-testid": exports.TestIds.staffMemberListTotals, customElement: children, customElementProps: { count, hasStaffMembers }, children: (0, jsx_runtime_1.jsx)("span", { children: count }) }));
         } }));
 });
-Totals.displayName = 'StaffMemberList.Totals';
+exports.Totals.displayName = 'StaffMemberList.Totals';
 /**
  * Button to clear the staff member selection.
  * Clears the staff member resource from the BookingService.
@@ -143,22 +182,22 @@ Totals.displayName = 'StaffMemberList.Totals';
  * </StaffMemberList.Actions.Clear>
  * ```
  */
-const Clear = React.forwardRef((props, ref) => {
+const Clear = react_1.default.forwardRef((props, ref) => {
     const { asChild, children, className, label, onClick, ...rest } = props;
-    return (_jsx(CoreStaffMemberList.Actions, { children: ({ selectedStaffMember, clear }) => {
+    return ((0, jsx_runtime_1.jsx)(CoreStaffMemberList.Actions, { children: ({ selectedStaffMember, clear }) => {
             const handleClick = () => {
                 clear();
                 onClick?.(selectedStaffMember);
             };
-            return (_jsx(AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, "data-testid": TestIds.staffMemberListActionClear, customElement: children, customElementProps: {
+            return ((0, jsx_runtime_1.jsx)(react_3.AsChildSlot, { ref: ref, asChild: asChild, ...rest, className: className, "data-testid": exports.TestIds.staffMemberListActionClear, customElement: children, customElementProps: {
                     onClick: handleClick,
-                }, children: _jsx("button", { onClick: handleClick, children: children || label }) }));
+                }, children: (0, jsx_runtime_1.jsx)("button", { onClick: handleClick, children: children || label }) }));
         } }));
 });
 Clear.displayName = 'StaffMemberList.Actions.Clear';
 /**
  * Actions namespace for staff member list-level actions
  */
-export const Actions = {
+exports.Actions = {
     Clear,
 };