diff --git a/.changeset/light-fans-grow.md b/.changeset/light-fans-grow.md
new file mode 100644
index 000000000..5fcff6e9c
--- /dev/null
+++ b/.changeset/light-fans-grow.md
@@ -0,0 +1,5 @@
+---
+'@qwik-ui/styled': patch
+---
+
+fix: The styled carousel types now use the "type" keyword
diff --git a/packages/kit-styled/src/components/carousel/carousel.tsx b/packages/kit-styled/src/components/carousel/carousel.tsx
index 66f31527b..105d6feb7 100644
--- a/packages/kit-styled/src/components/carousel/carousel.tsx
+++ b/packages/kit-styled/src/components/carousel/carousel.tsx
@@ -2,22 +2,22 @@ import {
   useContext,
   component$,
   createContextId,
-  PropsOf,
+  type PropsOf,
   Slot,
   useContextProvider,
-  Signal,
+  type Signal,
 } from '@builder.io/qwik';
-
-import { Carousel as HCarousel } from '@qwik-ui/headless';
-import { cn } from '@qwik-ui/utils';
-import { buttonVariants } from '../button/button';
-import { VariantProps } from 'class-variance-authority';
+import type { VariantProps } from 'class-variance-authority';
 import {
   LuChevronDown,
   LuChevronLeft,
   LuChevronRight,
   LuChevronUp,
 } from '@qwikest/icons/lucide';
+import { Carousel as HCarousel } from '@qwik-ui/headless';
+import { cn } from '@qwik-ui/utils';
+
+import { buttonVariants } from '../button/button';
 
 const styledCarouselContextId = createContextId<{
   orientation: 'horizontal' | 'vertical';