fix: recursive alias imports (#1046)

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 { findComponent, processChildren } from '../../utils/inline-component';
+import { HAccordionItem } from './accordion-item';
 
 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/carousel/inline.tsx

@@ -1,23 +1,26 @@
 import { Component } from '@builder.io/qwik';
 import { CarouselBase, PublicCarouselRootProps } from './root';
-import { Carousel } from '@qwik-ui/headless';
 import { findComponent, processChildren } from '../../utils/inline-component';
+import { CarouselSlide } from './slide';
+import { CarouselBullet } from './bullet';
+import { CarouselStep } from './step';
+import { CarouselTitle } from './title';
 
 type InternalProps = {
   value?: string;
   /**
    * @deprecated Use `slideComponent` instead.
    */
-  carouselSlideComponent?: typeof Carousel.Slide;
+  carouselSlideComponent?: typeof CarouselSlide;
   /**
    * @deprecated Use `bulletComponent` instead.
    */
-  carouselBulletComponent?: typeof Carousel.Bullet;
+  carouselBulletComponent?: typeof CarouselBullet;
 
-  slideComponent?: typeof Carousel.Slide;
-  bulletComponent?: typeof Carousel.Bullet;
-  stepComponent?: typeof Carousel.Step;
-  titleComponent?: typeof Carousel.Title;
+  slideComponent?: typeof CarouselSlide;
+  bulletComponent?: typeof CarouselBullet;
+  stepComponent?: typeof CarouselStep;
+  titleComponent?: typeof CarouselTitle;
 };
 
 export const CarouselRoot: Component<PublicCarouselRootProps & InternalProps> = (
@@ -33,10 +36,10 @@ export const CarouselRoot: Component<PublicCarouselRootProps & InternalProps> =
     titleComponent: GivenTitle,
     ...rest
   } = props;
-  const Slide = GivenSlide || GivenSlideOld || Carousel.Slide;
-  const Bullet = GivenBullet || GivenBulletOld || Carousel.Bullet;
-  const Step = GivenStep || Carousel.Step;
-  const Title = GivenTitle || Carousel.Title;
+  const Slide = GivenSlide || GivenSlideOld || CarouselSlide;
+  const Bullet = GivenBullet || GivenBulletOld || CarouselBullet;
+  const Step = GivenStep || CarouselStep;
+  const Title = GivenTitle || CarouselTitle;
   let currSlideIndex = 0;
   let currBulletIndex = 0;
   let currStepIndex = 0;

packages/kit-headless/src/components/toggle-group/toggle-group-item.tsx

@@ -8,15 +8,16 @@ import {
   useSignal,
   useTask$,
 } from '@builder.io/qwik';
-import { Toggle } from '@qwik-ui/headless';
+import { isBrowser, isServer } from '@builder.io/qwik/build';
+
 import {
   Direction,
   Item,
   Orientation,
   toggleGroupRootApiContextId,
 } from './toggle-group-context';
 import { KeyCode } from '../../utils';
-import { isBrowser, isServer } from '@builder.io/qwik/build';
+import { Toggle } from '../toggle';
 
 type NavigationKeys =
   | KeyCode.ArrowRight

packages/kit-styled/src/components/toggle-group/toggle-group.tsx

@@ -8,10 +8,10 @@ import {
 import { cn } from '@qwik-ui/utils';
 import { ToggleGroup as HeadlessToggleGroup } from '@qwik-ui/headless';
 
-import { toggleVariants } from '@qwik-ui/styled';
 import type { VariantProps } from 'class-variance-authority';
 
 import { createContextId } from '@builder.io/qwik';
+import { toggleVariants } from '../toggle/toggle';
 
 export const toggleGroupStyledContextId = createContextId<ToggleGroupStyledContext>(
   'qui-toggle-group-styled',