After a great deal of teeth gnashing (a common issue with your product), I discovered the –smart-accordion-item-header-height defaults to zero. As does –smart-accordion-expanded-content-height (which can’t be changed from a style tag).
This means when the code sample pulled from your site is used as written, the accordion does not render. You might want to work on that.
The tab according sample code also fails with an error of:
Type ‘{ children: Element; index: number; label: string; }’ is not assignable to type ‘IntrinsicAttributes & IntrinsicClassAttributes<AccordionItem> & Readonly<HTMLAttributes<Element> & AccordionItemProps> & Readonly<…>’.
Property ‘index’ does not exist on type ‘IntrinsicAttributes & IntrinsicClassAttributes<AccordionItem> & Readonly<HTMLAttributes<Element> & AccordionItemProps> & Readonly<…>’.ts(2322)