refactor: headless accordion without dot syntax

Author: maiieul

packages/kit-headless/src/components/accordion/accordion-inline.tsx

@@ -1,10 +1,10 @@
 import { Component } from '@builder.io/qwik';
 import { type AccordionRootProps, HAccordionRootImpl } from './accordion-root';
-import { Accordion } from '@qwik-ui/headless';
+import { HAccordionItem } from '@qwik-ui/headless';
 import { findComponent, processChildren } from '../../utils/inline-component';
 
 type InternalProps = {
-  accordionItemComponent?: typeof Accordion.Item;
+  accordionItemComponent?: typeof HAccordionItem;
 };
 
 export const HAccordionRoot: Component<AccordionRootProps & InternalProps> = (
@@ -16,7 +16,7 @@ export const HAccordionRoot: Component<AccordionRootProps & InternalProps> = (
     value: initialValue,
     ...rest
   } = props;
-  const Item = GivenItem || Accordion.Item;
+  const Item = GivenItem || HAccordionItem;
   let currItemIndex = 0;
   let initialIndex = null;
   const itemsMap = new Map();

packages/kit-headless/src/components/accordion/index.ts

@@ -1,5 +1,5 @@
-export { HAccordionRoot as Root } from './accordion-inline';
-export { HAccordionItem as Item } from './accordion-item';
-export { HAccordionTrigger as Trigger } from './accordion-trigger';
-export { HAccordionContent as Content } from './accordion-content';
-export { HAccordionHeader as Header } from './accordion-heading';
+export { HAccordionRoot } from './accordion-inline';
+export { HAccordionItem } from './accordion-item';
+export { HAccordionTrigger } from './accordion-trigger';
+export { HAccordionContent } from './accordion-content';
+export { HAccordionHeader } from './accordion-heading';

packages/kit-headless/src/index.ts

@@ -1,6 +1,6 @@
 export * as Checkbox from './components/checkbox';
 export * as Checklist from './components/checklist';
-export * as Accordion from './components/accordion/';
+export * from './components/accordion/';
 export * as Carousel from './components/carousel';
 export * as Collapsible from './components/collapsible';
 export * from './components/label';