fix: better naming

Author: TheMcnafaha

apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list-true.tsx

@@ -14,11 +14,11 @@ export default component$(() => {
           id="checklist"
         >
           <Checklist.Indicator class="w-fit">
-            <div q:slot="checkbox" id="true-img">
+            <div q:slot="true" id="true-img">
               ✅
             </div>
 
-            <div q:slot="checklist" id="mixed-img">
+            <div q:slot="mixed" id="mixed-img">
               ➖
             </div>
           </Checklist.Indicator>

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

@@ -17,19 +17,12 @@ export const ChecklistIndicator = component$<ChecklistIndicatorProps>((props) =>
     <div {...props}>
       {checklistSig.value === true && (
         <div class={checklistSig.value === true ? 'visible' : 'invisible'}>
-          <Slot name="checkbox" />
+          <Slot name="true" />
         </div>
       )}
-
       {checklistSig.value === 'indeterminate' && (
         <div class={checklistSig.value === 'indeterminate' ? 'visible' : 'invisible'}>
-          <Slot name="checklist" />
-        </div>
-      )}
-
-      {checklistSig.value === false && (
-        <div class="invisible">
-          <Slot name="checklist" />
+          <Slot name="mixed" />
         </div>
       )}
     </div>