fix(checkbox): typos

Author: TheMcnafaha

apps/website/src/routes/docs/headless/checkbox/examples/hero.tsx

@@ -3,12 +3,16 @@ import { Checkbox } from '@qwik-ui/headless';
 export default component$(() => {
   return (
     <>
-      <Checkbox.Root class="flex items-center gap-3 border-2 border-black p-2 ">
+      <Checkbox.Root id="test" class="flex items-center gap-3 border-2 border-black p-2 ">
         <Checkbox.Indicator class="flex h-[25px] w-[25px] items-center justify-center bg-slate-600">
           ✅
         </Checkbox.Indicator>
-        I have read the README file
       </Checkbox.Root>
+      <label for="test">I work</label>
+      <div>
+        <div role="checkbox" id="test2" />
+        <label for="test2">testhere</label>
+      </div>
     </>
   );
 });

packages/kit-headless/src/components/checkbox/checklist.tsx

@@ -43,7 +43,7 @@ export const Checklist: Component<CheckListProps> = (props: CheckListProps) => {
         Object.assign(typedProps, { _useCheckListContext: true });
         checkArr.push(child);
         // TODO: fix this if hell by making fn
-        if (!typedProps.checkList) {
+        if (!typedProps.checklist) {
           checklistChilds.push(child);
 
           if (typedProps.id != undefined) {

packages/kit-headless/src/components/checkbox/context-id.ts

@@ -1,5 +1,5 @@
 import { Signal, createContextId } from '@builder.io/qwik';
-import { TriBool } from './checklist-context-wrapper';
+import { TriBool } from '../checklist';
 
 export type ArrSigs = Signal<boolean>[];
 type CheckContextObj = {