feat: 0 script for checklist indicator

Author: TheMcnafaha

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

@@ -11,15 +11,15 @@ export default component$(() => {
           class="flex items-center gap-3 border-2 border-black  p-2"
           checkList={true}
         >
-          <ChecklistIndicator class="flex h-[25px] w-[25px] items-center justify-center bg-slate-600">
+          <Checklist.Indicator class="flex h-[25px] w-[25px] items-center justify-center bg-slate-600">
             <div q:slot="checkbox" id="true-img">
               🍕
             </div>
 
             <div q:slot="checklist" id="mixed-img">
               ➖
             </div>
-          </ChecklistIndicator>
+          </Checklist.Indicator>
           Pick all toppings
         </Checkbox.Root>
 

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

@@ -19,15 +19,15 @@ export default component$(() => {
           checkBoxSig={checklistSig}
           id="checklist"
         >
-          <ChecklistIndicator class="w-fit">
+          <Checklist.Indicator class="w-fit">
             <div q:slot="checkbox" id="true-img">
               ✅
             </div>
 
             <div q:slot="checklist" id="mixed-img">
               ➖
             </div>
-          </ChecklistIndicator>
+          </Checklist.Indicator>
           <p>Controlls all</p>
         </Checkbox.Root>
         <Checkbox.Root

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

@@ -14,15 +14,15 @@ export default component$(() => {
           class="flex items-center gap-3 bg-slate-900 p-2 text-white"
           checkList={true}
         >
-          <ChecklistIndicator class="w-fit">
+          <Checklist.Indicator class="w-fit">
             <div q:slot="checkbox" id="true-img">
               ✅
             </div>
 
             <div q:slot="checklist" id="mixed-img">
               ➖
             </div>
-          </ChecklistIndicator>
+          </Checklist.Indicator>
           <p>Controlls all</p>
         </Checkbox.Root>
         <Checkbox.Root

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

@@ -18,15 +18,15 @@ export default component$(() => {
           checkBoxSig={checklistSig}
           id="checklist"
         >
-          <ChecklistIndicator class="w-fit">
+          <Checklist.Indicator class="w-fit">
             <div q:slot="checkbox" id="true-img">
               ✅
             </div>
 
             <div q:slot="checklist" id="mixed-img">
               ➖
             </div>
-          </ChecklistIndicator>
+          </Checklist.Indicator>
           <p>Controlls all</p>
         </Checkbox.Root>
         <Checkbox.Root

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

@@ -13,15 +13,15 @@ export default component$(() => {
           class="flex items-center gap-3 bg-slate-900 p-2 text-white"
           checkList={true}
         >
-          <ChecklistIndicator class="w-fit bg-black">
+          <Checklist.Indicator class="w-fit bg-black">
             <div q:slot="checkbox" id="true-img">
               ✅
             </div>
 
             <div q:slot="checklist" id="mixed-img">
               ➖
             </div>
-          </ChecklistIndicator>
+          </Checklist.Indicator>
 
           <p>Get All</p>
         </Checkbox.Root>