FIX: removed debugging logs

Author: TheMcnafaha

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

@@ -4,7 +4,6 @@ import {
   CheckboxIndicator,
   CheckList,
   ChecklistIndicator,
-  Checkbox,
 } from '@qwik-ui/headless';
 const toppingNames = ['hot peppers', 'ham', 'pineaple', 'mushroom'];
 const toppingImages = ['🌶️', '🍗', '🍍', '🍄'];
@@ -17,7 +16,7 @@ export default component$(() => {
           class="flex items-center gap-3 border-2 border-black  p-2"
           checkList={true}
         >
-          <ChecklistIndicator class="w-fit bg-black">
+          <ChecklistIndicator class="flex h-[25px] w-[25px] items-center justify-center bg-slate-600">
             <div q:slot="checkbox" id="true-img">
               🍕
             </div>

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

@@ -35,7 +35,6 @@ export type ChecklistTwoStateCheckboxProps = {
 export const Checkbox = component$<MixedStateCheckboxProps>((props) => {
   // this is done to avoid consumers dealing with two types checkboxes, could go in different files
   if (props._useCheckListContext && !props.checkList) {
-    console.log('using chechlist');
   }
   if (props.checkList) {
     return (
@@ -45,7 +44,6 @@ export const Checkbox = component$<MixedStateCheckboxProps>((props) => {
     );
   }
   if (props._useCheckListContext) {
-    console.log('using checklist checkbox');
     return (
       <ChecklistTwoStateCheckbox {...props}>
         <Slot />
@@ -99,10 +97,7 @@ export const ChecklistTwoStateCheckbox = component$<ChecklistTwoStateCheckboxPro
     const syncToChecklist = useSignal<undefined | boolean>(props._overWriteCheckbox);
     useContextProvider(CheckboxContext, appliedSig);
     useTask$(({ track }) => {
-      console.log('overwrite: ', props._overWriteCheckbox, appliedSig.value);
-
       if (syncToChecklist.value !== undefined) {
-        console.log('change here ');
         appliedSig.value = syncToChecklist.value;
         syncToChecklist.value = undefined;
       }
@@ -113,7 +108,7 @@ export const ChecklistTwoStateCheckbox = component$<ChecklistTwoStateCheckboxPro
       // now i can say that there's one good application for object identity
       if (!checklistContext.checkboxes.value.some((e) => e === appliedSig)) {
         const currIndex = checklistContext.checkboxes.value.length;
-        console.log('INSERTING ', checklistContext.idArr[currIndex]);
+
         // TODO: refactor id to not run on wrapper but after conditional
         if (checklistID.value === undefined) {
           checklistID.value = checklistContext.idArr[currIndex];

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

@@ -1,5 +1,5 @@
 import { type JSXNode, Component, PropsOf } from '@builder.io/qwik';
-import { Checkbox, TriStateCheckboxProps } from './checkbox';
+import { Checkbox, type MixedStateCheckboxProps } from './checkbox';
 import { ChecklistContextWrapper, getTriBool } from './checklist-context-wrapper';
 
 type CheckListProps = PropsOf<'ul'> & { ariaLabeledBy: string };
@@ -35,22 +35,20 @@ export const CheckList: Component<CheckListProps> = (props: CheckListProps) => {
 
     switch (child.type) {
       case Checkbox: {
-        const typedProps = child.props as TriStateCheckboxProps;
+        const typedProps = child.props as MixedStateCheckboxProps;
         // FYI: Obj.assign mutates
         Object.assign(typedProps, { _useCheckListContext: true });
         checkArr.push(child);
         // TODO: fix this if hell by making fn
         if (!typedProps.checkList) {
           checklistChilds.push(child);
-          console.log('fav id: ', typedProps.id);
+
           if (typedProps.id != undefined) {
-            console.log('fav id: ', typedProps.id);
             idArr.push(typedProps.id as string);
           } else {
             idArr.push(false);
           }
           if (typedProps.checkBoxSig && typedProps.checkBoxSig.value) {
-            console.log('current value here magial ', typedProps.checkBoxSig.value);
             boolArr.push(typedProps.checkBoxSig.value);
             hellSigs.push(typedProps.checkBoxSig);
           } else {
@@ -85,7 +83,6 @@ export const CheckList: Component<CheckListProps> = (props: CheckListProps) => {
       Object.assign(checkbox.props, { _overWriteCheckbox: true });
     });
   }
-  console.log('fav idArr: ', idArr);
 
   return (
     <>