style: fix more linting issues

Author: shairez

packages/kit-headless/src/components/carousel/carousel.tsx

@@ -29,7 +29,8 @@ type RootProps = QwikIntrinsicElements['div'] & {
 };
 
 export const Root = component$(({ use, ...props }: RootProps) => {
-  const provider = use || useCarousel();
+  const carouselState = useCarousel();
+  const provider = use || carouselState;
   useCarouselProvider(provider);
 
   return (
@@ -124,7 +125,8 @@ export const controlContext = createContextId<ControlContext>(
 );
 
 export const Controls = component$((props: ControlsProps) => {
-  const controlService = { id: props.id || useId() };
+  const uniqueId = useId();
+  const controlService = { id: props.id || uniqueId };
   const { pages } = useContext(carouselContext);
   useContextProvider(controlContext, controlService);
 

packages/kit-headless/src/components/carousel/use/use-carousel.ts

@@ -37,9 +37,11 @@ export type Params = {
 };
 
 export const useCarousel = (params: Params | void): CarouselContext => {
+  const generatedId = useId();
+  const newRef = useSignal(undefined);
   const defaultParams = {
-    id: params?.id || useId(),
-    ref: params?.ref || useSignal(),
+    id: params?.id || generatedId,
+    ref: params?.ref || newRef,
     startAt: params?.startAt ?? 0,
     loop: params?.loop ?? true,
     transition: params?.transition ?? 350,

packages/kit-headless/src/components/input/input.tsx

@@ -31,9 +31,10 @@ type ControlProps = QwikIntrinsicElements['div'] & {
 };
 
 export const Root = component$((props: ControlProps) => {
+  const uniqueId = useId();
   const contextService: InputContextService = {
     ref: useSignal<HTMLInputElement>(),
-    id: props.id || useId(),
+    id: props.id || uniqueId,
   };
   useContextProvider(inputContext, contextService);